@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";}
img{ border:0;}
a{ text-decoration:none; color:#000;}
a:hover{ color:red;}
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn{display: none;}
.pcnone { display:none;}
.pcshow { display:block;}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fadeInUpSmall  {  -webkit-animation-name: fadeInUpSmall ;  animation-name: fadeInUpSmall ;  animation-duration: 0.4s;   -webkit-animation-duration: 0.4s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;}
@-webkit-keyframes fadeInUpSmall {
  0% {   opacity: 0;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);}
  100% {    opacity: 1;    -webkit-transform: none;    transform: none;}
}
@keyframes fadeInUpSmall {  
  0% {    opacity: 0;    -webkit-transform: translate3d(0, 20px, 0);    -ms-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);}
  100% {    opacity: 1;    -webkit-transform: none;    -ms-transform: none;    transform: none;}
}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.scaleimg:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);}
.translateX:hover a{-webkit-transform:translateX(6px); -moz-transform: translateX(6px); -ms-transform:translateX(6px); transform:translateX(6px);}
/* CSS Document */

.content{position: relative;}
.w1400{width: 1400px; margin: 0 auto;}
.screen{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 11; left: 0; top: 0; display: none;}
.searchBox{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 800px; overflow: hidden; z-index: 12; display: none;}
.searchBox input{width: calc(100% - 120px); float: left; outline: none; border: 0; background: #ffffff; box-sizing: border-box; padding-left: 16px; height: 40px;}
.searchBox button{width: 120px; float: right; height: 40px; background: url(../images/search.png) center no-repeat #c7000a; border: 0; outline: none;cursor: pointer;}
.head{position:relative; max-width: 100%; top: 0; left: 50%; transform: translateX(-50%); z-index: 10; border-top:5px solid #9c0f07; background:url(../images/headerbg.png) no-repeat left top;}
.head .sousuo{overflow: hidden; width:calc(100% - 600px);float: right;}

.head .sousuo a{float: right; display: block; height: 40px; line-height: 30px; background: #c7000a; border-radius:5px; margin-left: 8px; margin-top:30px;}
.head .sousuo a.sjxx{font-size: 18px; color: #ffffff; width: 140px; font-weight:bold; text-align: center; float:right; position:relative;}
.head .sousuo a.sjxx i{  margin-right:12px; margin-top:8px;/* position:absolute;*/display:inline-block; vertical-align:middle;} 
.head .sousuo a:hover.sjxx { color:#ffd300;}

.head .sousuo a.sjxx2{font-size: 18px; color: #ffffff; width: 100px; font-weight:bold; text-align: center; float:right; position:relative;background: #9e9e9e;line-height:40px;}
.head .sousuo a.sjxx2 i{  margin-right:12px; margin-top:8px;/* position:absolute;*/display:inline-block; vertical-align:middle;} 
.head .sousuo a:hover.sjxx2 { color:#ffd300;}

.head .sousuo .search{width: 280px; float:right; margin-top:30px;}


.head .sousuo .search input{width: calc(100% - 40px); float: left; outline: none; border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #c7000a; background: #ffffff; box-sizing: border-box; padding-left: 16px; height: 40px;}
.head .sousuo .search button{width: 40px; float: right; height: 40px; background: url(../images2025/search.png) center no-repeat #c7000a; border: 0; outline: none; cursor:hand;}


.head .logo{float: left; width: 544px;  overflow: hidden; }
.head .logo img{ padding:18px 0 10px; width:100%; }


.head .nav{ width:100%;background: #b30404;height: 56px;  line-height: 56px; }
.head .nav li{float: left; line-height: 56px; margin-left:62px; position: relative; transition: 0.5s;}

.head .nav li>a{display: block; font-size:18px; color: #ffffff;}
.head .nav li>a:hover{color:#f8c769;}
.head .nav li::after{content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; height: 2px; background: #ffffff;transition: 0.5s;}
.head .nav li:hover::after{content: ''; width: 100%;}
.head .nav li:first-child{margin-left:65px;}
.head .nav li:last-child{margin-right: 0;}

.head .nav li dl{position: absolute; left: 50%; top:54px; transform: translateX(-50%); background: #94070a; width: 120px; transition: 0.5s; padding: 10px 0;}
.head .nav li dl a{display: block; text-align: center; font-size: 16px; color: #ffffff; line-height: 40px;}
.head .nav li dl a:hover{background: rgb(126,6,9);}
.head .nav li:hover>dl{display: block;}
.head.on{background:#fff; position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%;}
.head.on .cang{display: none;}
.head.on .logo{width: 350px; }
.head.on .nav{padding-top:0px; box-shadow: 0 0 20px rgba(0,0,0,0.4);}


.banner{position: relative; overflow:hidden;}
.banner img{display: block; width: 100%;}
.banner .swiper-pagination-bullet{background: #ffffff; opacity: 1; width: 14px; height: 14px; margin: 0 5px!important;outline: none;}
.banner .swiper-pagination-bullet-active{background: #ffd800;}
.main{padding: 40px 0 67px;}
.title{border-bottom: 2px solid #a91e24; padding-bottom: 20px; margin-bottom: 30px; position: relative;}
.title::after{content: ''; position: absolute; left: 0; bottom: -4px; width: 158px; height: 6px; background: #ee9f42;}
.title h2{font-size: 30px; color: #c30505; line-height: 1; display: inline-block; font-weight: bold;}
.title h2 span{display: inline-block; width: 26px; height: 27px; background: url(../images2025/icon1.png) center no-repeat; background-size: cover;
margin-right: 14px; vertical-align: -3px;}
.title h2 i{font-size: 15px; color: #d1d1d1; font-style: normal; margin-left: 17px; font-weight:normal;}
.title a{float: right; font-size: 16px; color: #b95757; margin-top:6px;}
.title a span{display: inline-block; width: 24px; height: 24px; background: url(../images2025/dian.png) center no-repeat; background-size: cover;
margin-left: 8px; vertical-align: -5px;}
.jdgt{float: left; width: 66%;}
.jdgt .jgdtBox{overflow: hidden;}
.jdgt .left{float: left; width: 49%; margin-right: 2.6%; overflow:hidden;position: relative;}
.jdgt .left .icon{overflow: hidden; height: 283px;}
.jdgt .left .icon img{display: block; width: 100%; height: 100%; object-fit: cover;transition: 0.5s;}
.jdgt .left .icon img:hover{transform: scale(1.1);}
.jdgt .left .text{border: 1px solid #eeeeee; padding: 18px 20px;}
.jdgt .left .text p{font-size: 17px; color: #323232; line-height: 26px;}
.jdgt .right{float: right; width: 48.4%;}
.jdgt .right li{overflow: hidden; margin-bottom: 25px;}
.jdgt .right li:last-child{margin-bottom: 0;}
.jdgt .right li .icon{width: 156px; float: left; overflow: hidden;}
.jdgt .right li .icon img{display: block; width: 100%; transition: 0.5s; height:105px;}
.jdgt .right li:hover .icon img{transform: scale(1.1);}
.jdgt .right li .text{float: left; width: calc(100% - 156px); padding-left: 20px;}
.jdgt .right li .text h2{font-size: 17px; line-height: 26px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-bottom: 8px;}
.jdgt .right li .text h2 a{color: #323232;}
.jdgt .right li:hover h2 a{color: #c30505;}
.jdgt .right li .text p{font-size: 14px; color: #838383; line-height: 23px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.jdgt .swiper-pagination{bottom: 22px; text-align: right; padding-right: 20px;}
.jdgt .swiper-pagination-bullet{background: #ffffff; opacity: 1; width: 14px; height: 14px; outline:none;}
.jdgt .swiper-pagination-bullet-active{background: #fff000;}

.jdgt .swiper-button-next{display: none; background: rgba(0,0,0,.5); line-height: 60px; text-align: center; right: 0; top: 40%; outline: none;}
.jdgt .swiper-button-prev{display: none; background: rgba(0,0,0,.5); line-height: 60px; text-align: center; left: 0; top: 40%; outline: none;}
.jdgt .swiper-button-next::after{color: #ffffff; font-size: 30px;background: rgba(0,0,0,.5); line-height: 60px; text-align: center; right: 0; top: 40%; outline: none;}
.jdgt .swiper-button-prev::after{color: #ffffff; font-size: 30px;background: rgba(0,0,0,.5); line-height: 60px; text-align: center; right: 0; top: 40%; outline: none;}

.jdgt .swiper:hover .swiper-button-next{display: block; background: url(../images2025/jt.png) center no-repeat;}
.jdgt .swiper:hover .swiper-button-prev{display: block; background: url(../images2025/jt2.png) center no-repeat;}






.tzgg{float: right; width: 32%;}


.tzgg .title h2 span{background: url(../images2025/icon2.png) center no-repeat; background-size: cover;}
.tzgg li{overflow: hidden; margin-bottom: 20px;}
.tzgg li:last-child{margin-bottom: 0;}
.tzgg li .date{float: left; width: 70px; border: 1px solid #dbdbdb; text-align: center; padding: 12px 0 5px; box-sizing: border-box;}
.tzgg li .date h2{font-size: 30px; color: #323232; line-height: 1; margin-bottom: 5px;}
.tzgg li .date span{font-size: 13px; color: #919191; line-height: 1;}
.tzgg li .text{float: left; width: calc(100% - 70px); padding-left: 18px; padding-top: 9px;}
.tzgg li .text h2{font-size: 17px; line-height: 26px;}
.tzgg li .text h2 a{color: #323232;}
.tzgg li:hover .date{background: #c30505; border: 1px solid #c30505;}
.tzgg li:hover .date h2{color: #ffffff;}
.tzgg li:hover .date span{color: #ffffff;}
.tzgg li:hover h2 a{color: #c30505;}
.layer1{margin-bottom: 30px;}
.layer2{margin-bottom: 30px;}
.layer2 ul{overflow: hidden;}
.layer2 li{float: left; width: 32%; margin-right: 2%;}
.layer2 li:first-child .title h2 span{background: url(../images2025/icon3.png) center no-repeat; background-size: cover;}
.layer2 li:nth-child(2) .title h2 span{background: url(../images2025/icon4.png) center no-repeat; background-size: cover;}
.layer2 li:nth-child(3) .title h2 span{background: url(../images2025/icon5.png) center no-repeat; background-size: cover;}
.layer2 li:last-child{margin-right: 0;}
.layer2 li p{font-size: 17px; margin-bottom: 26px; line-height: 1; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.layer2 li p:last-child{margin-bottom: 0;}
.layer2 li p a{color: #3b3b3b;}
.layer2 li p:hover a{color: #c30505; padding-left:8px;}
/*.layer2 li p:hover a:before{content: "";width:6px;height: 2px;position: absolute;left: 0px;top:50%;margin-top: -1px;background: #1e4ba2;
-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}*/
.layer3{margin-bottom: 30px;}

.layer3 .ztBox{overflow: hidden;}
.layer3 .title h2 span{background: url(../images2025/icon6.png) center no-repeat; background-size: cover;}
.layer3 .ztBox img{display: block; width: 100%;}
.layer3 .ztBox .left{float: left; width: 38%; position: relative;}
.layer3 .ztBox .left:hover a{display: block;}
.layer3 .ztBox .left p{font-size: 32px; color: #ffffff; white-space: nowrap; line-height:38px;}
.layer3 .ztBox .right{float: left; width: 62%; padding-left: 1.2%;}
.layer3 .ztBox .right ul{overflow: hidden;}
.layer3 .ztBox .right li{float: left; width: 32%; margin-right: 2%; margin-bottom: 18px; position: relative;}
.layer3 .ztBox .right li:nth-child(3n){margin-right: 0;}
.layer3 .ztBox .right li p{font-size: 26px; color: #ffffff; white-space: nowrap;}
.layer3 .ztBox .right li:hover a{display: block;}
.layer3 .ztBox a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 10; display: none;}
.layer3 .ztBox a p{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.layer3 .ztBox a:hover p{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}

.layer3 .ztBox a:hover{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}

.friend{border: 1px solid #d9d9d9; line-height: 53px; text-align:center;}
.friend p{font-size: 16px; color: #3b3b3b;display:inline;}
.friend p a{color: #3b3b3b;}
.friend p span{margin: 0 22px;}
.footer{background: url(../images2025/footbg.png) center no-repeat; background-size: cover; padding: 24px 0;}
.footer .text{float: left; width: calc(100% - 122px); padding-top: 34px;}
.footer .text p{font-size: 16px; color: #ffffff; line-height: 34px; font-weight:bold;}
.footer .text p span{margin-right: 62px;}
.footer .ewm{float: right; width: 122px;}
.footer .ewm .icon{overflow: hidden; margin-bottom: 9px;}
.footer .ewm .icon img{display: block; width: 100%;}
.footer .ewm p{font-size: 13px; color: #ffffff; line-height: 1;}

.friend .cnine{width:180px; line-height:28px; height:28px; border:1px solid #ccc; outline:none;}


@media screen and (max-width: 1400px) {
	.w1400{max-width: 94%;}
	.main{padding: 30px 0 ;}
	.head .nav li:first-child {  margin-left: 35px;}
	.head .nav li{margin-left: 48px;}

	.layer3 { margin-bottom: 10px;}
}
@media screen and (max-width: 1280px) {
	#appSearch{display: block; position: static; transform: none; width: 600px; margin: 0 auto 10px;}
	.searchBox button{width: 50px;}
	.searchBox input{width: calc(100% - 50px);}
	.head .logo img {padding: 0px;}
	.head{width: 100%; z-index: 11; height: 70px; background:#fff;}
	.head .sousuo{display: none;}
	.head .logo{width: 350px; margin-top: 10px;}
	.head .nav{width: 100%; height: 100%; position: fixed; z-index: 99; top: 60px; left: -2000px; bottom: 0; background: rgb(148,7,10); padding: 10px 0;}
	.head .nav ul{background: rgb(148,7,10); padding-bottom: 10px;}
	.head .nav ul li{float: none; width: 100%; padding: 0;line-height: 50px; text-align: center; margin-left: 0px !important;}
	.head .nav ul li a{padding: 0 15px; text-align: center;}
	.head.on{height: 60px;}
	.head .nav li dl{position: static; transform: none; text-align: center; width: 100%; background: #601b0e;}
	.menu{ width: 28px; height: 24px; transition: 0.5s; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
	.menu span{ display: block;transition: 0.5s; width: 100%; height: 3px; border-radius:2px; background: #c7000a; position: absolute;}
	.menu span:nth-child(1){ top:0 ;}
	.menu span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.menu span:nth-child(3){ bottom: 0;}
	.menu.on{ transform: translateY(-50%) rotate(180deg);}
	.menu.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.menu.on span:nth-child(2){ width: 0;}
	.menu.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.jdgt{width: 100%; margin-bottom: 20px;}
	.tzgg{width: 100%;}
}
@media screen and (max-width: 1000px) {
	#appSearch{width: 360px;}
	.head .logo{width: 250px; margin-top: 15px;}
	.head.on .logo{width: 250px; margin-top: 15px;}
	.banner .swiper-pagination-bullet{width: 10px; height: 10px;}
	.title{padding-bottom: 10px; margin-bottom: 20px;}
	.title::after{width: 100px; height: 3px; bottom: -2px;}
	.title h2{font-size: 18px;}
	.title h2 span{width: 20px; height: 21px; margin-right: 8px;}
	.title h2 i{font-size: 12px; margin-left: 10px;}
	.title a{font-size: 14px;}
	.title a span{width: 16px; height: 16px; vertical-align: -2px; margin-left: 4px;}
	.jdgt .left{width: 100%; margin-bottom: 20px;}
	.jdgt .left .icon{width: 94%; margin: 0 auto; height: auto;}
	.jdgt .left .text{padding: 10px 15px; width: 94%; margin: 0 auto;}

	.jdgt .right{width: 100%;}
	.jdgt .right li .text h2{font-size: 15px; line-height: 22px;}
	.jdgt .right li .text p{font-size: 13px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.tzgg li{margin-bottom: 10px;}
	.tzgg li .date{padding: 8px 0 5px;}
	.tzgg li .date h2{font-size: 20px;}
	.tzgg li .text{padding-top: 0;}
	.tzgg li .text h2{font-size: 15px;}
	.layer1{margin-bottom: 30px;}
	.layer2{margin-bottom: 10px;}
	.layer2 li{width: 100%; margin-bottom: 30px;}
	.layer2 li p{font-size: 15px; margin-bottom: 15px;}
	.layer3 .ztBox .left{width: 100%; margin-bottom: 10px;}
	.layer3 .ztBox .right{width: 100%; padding-left: 0;}
	.layer3 .ztBox .right li{margin-bottom: 10px;}
	.friend{line-height: 30px;}
	.friend p span{margin: 0 10px;}
	.footer{padding: 16px 0;}
	.footer .text{text-align: center; width: 100%; float: none; padding-top: 0;}
	.footer .text p:first-child{display: none;}
	.footer .ewm{margin: 0 auto; float: none; width: 100%; text-align: center; margin-bottom: 5px;}
	.footer .ewm .icon{width: 100px; margin: 0 auto 10px;}
	.head.on .cang{display:block;}
	
	.pcnone { display:block !important;}
    .pcshow { display:none;}
	
	.banner_wap img{display: block; width: 100%;}
    .banner_wap .swiper-pagination-bullet{background: #ffffff; opacity: 1; width: 14px; height: 14px; margin: 0 5px!important;outline: none;}
    .banner_wap .swiper-pagination-bullet-active{background: #ffd800;}

}