@charset "utf-8";
/* header&foot */
body,html{font-size:18px;line-height: 2; position: relative; color: #333; font-family: "微软雅黑";}
@font-face {
    font-family: 'din';
    src: url('../fonts/din.ttf')/* 确保路径正确 */;
}
.font_din{font-family: 'din', serif; /* 确保自定义字体名称正确 */}
.box,main{width: 1450px; margin: 0 auto; max-width: 92%;}
.dianji{ cursor: pointer; transition: 0.3s;}
a,img{color: #333; transition: 0.3s;}
.a a:hover{ color: #d51819;}
img{ max-width: 100%;}
.img{ max-width: 100%;}
.tu h1{ position: relative; width: 100%; overflow: hidden;}
.tu h1::before{ content: ""; display: block; padding-top: 55%;}
.tu h1 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; display: block;transition: 0.3s;}
.tu1 h1{ position: relative; width: 100%; overflow: hidden;}
.tu1 h1::before{ content: ""; display: block; padding-top: 90%;}
.tu1 h1 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain; display: block;transition: 0.3s;}
.tu2 h1{ position: relative; width: 100%; overflow: hidden;}
.tu2 h1::before{ content: ""; display: block; padding-top: 67%;}
.tu2 h1 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain; display: block;transition: 0.3s;}
.fdjg a:hover img{ transform: scale(1.05);}

header{ width: 100%; background-color: #fff;position:sticky; left: 0; width: 100%; top: 0; z-index: 9902; height:104px; box-shadow: 0 1px 2px rgba(0,0,0,0.05);}
.headbox{ height: 100%;} 
.logo img{ height: 50px; display: block;}
nav{ height: 100%; display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap;max-width: 100%;margin:0 4%; flex: 1; margin-left: 8%;}
.nav-item{position: relative;height: 100%;}
.nav-box{display: flex;align-items: center; justify-content: space-between; width: 100%; height: 100%;}
.mc{display: none}
.first-nav{ height: 100%; width: 100%;}
.first-nav a{ display: flex; align-items: center; justify-content: center; height: 100%; position: relative; transition: 0.3s;}
.first-nav a i{display: none; margin-left: 10px; transition: 0.3s;}
.first-nav a i::before{content: "\e600";}
.first-nav.on>a::after{ content: ""; position: absolute; left: 0; bottom: 0; width:100%; height: 4px; background-color: #d51819; z-index: 2; transition: 0.3s;}
.nav-item:hover .first-nav>a,.first-nav.on a{ font-weight: bold;}
.first-nav.focus i{transform: rotate(180deg);}
.second-nav{position: absolute; left: 50%; box-sizing: border-box;z-index:103; max-height: 0; overflow: hidden; opacity: 0; transition: 0.3s; min-width: 100%; transform: translateX(-50%); background-color:#fff;box-shadow: 0px 2px 4px rgba(0,0,0,0.1); box-sizing: border-box; padding:0 15px;}
.second-nav>a{transition: 0.3s; white-space: nowrap; padding: 10px 0; width: 100%; box-sizing: border-box; display: block; position: relative;}
.second-nav a:hover{color: #d51819;}
.second-nav>a::after{position: absolute;content: ""; display: block;width: 0; height: 1px; background-color: #d51819; left: 0;  bottom: 10px; transition: 0.3s;}
.nav-item:hover .second-nav{ max-height: 1000px; opacity: 1;}
.second-nav a:hover::after{ width:100%;}
.second-nav.fu_nav{ left: 0; width: 100%; position: fixed; top: 105px!important; z-index: 103;transform: translateX(0); border-top:1px solid #d1d5db;}
.mBtn{ width: 30px; height: 30px;cursor: pointer; box-sizing: border-box;display: none; position: relative;}
.mBtn span{ display: block;  width: 22px;}
.mBtn span i{width: 100%; height: 2px; background: #d51819; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn.active span i{background-color: #666;}
.mBtn span i:first-child{margin-top: 0;}
.mBtn.active{ background-color:transparent;}
.mBtn.active span i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(4px);}
.mBtn.active span i:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
.mBtn.active span i:nth-child(3){ width: 0px;}
.top_dh p{ margin-left: 0.8rem; font-size: 22px;}
.banner{ position: relative; width: 100%;}
.banner,.ban_bg{ width: 100%; height:auto;}
.swiper-wrapper,.swiper-slide{ height: auto!important;}
.swiper-slide img {display: block; width: 100%; height: auto; object-fit: cover;}
.swiper-pagination-bullet{ width: 16px; height: 16px; background-color: #d51819; margin: 0 5px!important; opacity: 1;border-radius: 100%; box-sizing: border-box;border: 1px solid #d51819; background: transparent; opacity: 0.5;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #d51819; opacity: 1;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 0.8rem;}
.swiper-button-prev,.swiper-button-next{ background-color: rgba(255,255,255,0.8);}
.swiper-button-prev:after,.swiper-button-next:after{ font-size: 18px; color: #d51819; font-weight: bold;}
.swiper-button-next{ right: 0;}
.swiper-button-prev{ left: 0;}
.swiper-button-next, .swiper-button-prev{ transform: translateY(-50%); top: 50%; margin-top: 0;}

footer{ width: 100%; color: #c4c3c3; /*border-top: 8px solid #d51819;*/ background:#333; background-size: cover; font-size:14px;}
footer a{color: #c4c3c3;}
.foot{ padding: 15px 0; box-sizing: border-box;}
.xian{ width: 100%; height: 1px; background-color: #5d5e5e;}
.ftdi{ padding: 10px 0; text-align: center; display: flex; justify-content: center; flex-wrap: wrap;font-size:14px;}
.ftdi a{ padding:0 5px;}
.ft1 img{ display: block; width: 50px;}
.ft3 img{ display: block; width: 87px;}
.ft2{ /*max-width: calc(100% - 130px - 87px - 100px); */display: flex; flex-wrap: wrap; justify-content: space-between; width: 1060px;  max-width:calc(100% - 130px)}
.ftlist img{ width: 24px; display: block; margin-right: 13px;}
.ftlist{margin:0; min-width: 300px; width:50%;}
.ftlist:first-child{ min-width: 400px;}
.ftlist span{ font-size: 24px;}
.ftlist p{ display: flex; flex-wrap: wrap; align-items: center;word-break: break-all;}
.ft3{ display:none!important;}


section{position: relative;width: 100%; padding: 3rem 0;}
main{width:1450px; margin: 0 auto; max-width: 92%;}
.title{ font-size: 30px; font-weight: bold;}
.title img{ margin-right: 15px;}
.more{ font-size: 16px; border: 1px solid #e6e6e6;height: 40px; border-radius:38px; padding-left: 20px; box-sizing: border-box; color: #666; padding-right: 15px;}
.more i{ display: block; width: 20px; height: 20px; margin-left: 15px; background: url(../img/more.png) center center no-repeat; background-size: 100%;}
.more:hover i,.more.active i{ background: url(../img/moreh.png) center center no-repeat; background-size: 100%;}
.more:hover,.more.active{ background-color: #d51819; color: #fff; border: 1px solid #d51819;}

.bj{ background-color: #f5f5f5;}
.con1{ flex-wrap: wrap; width: 100%;}
.con1le{ width: 730px;}
.con1lebox span{ text-align: center; color: #666; font-size: 16px;}
.con1lebox span img{ width: 50px; margin: 0 auto; display: block;}
.con1lebox span:hover img{ transform: rotateY(-180deg);}
.con1lebox span h2{ color: #000; font-size: 14px; line-height: 1.2; margin-top: 5px;}
.con1lebox span h2 i{font-size: 30px;}
.con1ri{ width: calc(100% - 730px - 60px); margin-left: 60px; border-radius: 10px; overflow: hidden; max-width: 50%;}
.spneirong{ width: 100%; position: relative; display: flex; align-items: center; z-index: 3; height: auto;overflow: hidden; border-radius: 15px;}
.spneirong img{ width: 100%; display: block;}
.spneirong video{ display: block; width: 100%; height: 100%;}
.spneirong span{ display: flex; text-align: center; justify-content: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; position: absolute; background: rgba(0,0,0,0.3);}
.spneirong span h1{ display: flex; text-align: center; color: #fff; cursor: pointer; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; align-items: center; justify-content: center;}
.spneirong span h1 img{ width:67px;transition: 0.3s; display: block;}
.spneirong span h1 img:hover{transform: scale(1.05);}

.newlist{ background-color: #fff; display: block;}
.newlist span{ display: block; box-sizing: border-box; width: 100%; padding: 20px;border: 1px solid #e0e0e0; border-top: none; transition: 0.3s;}
.newlist span h2{ font-size: 18px; font-weight: bold;}
.newlist span p{ font-size: 16px; line-height: 1.8; color: #666; margin: 20px 0;}
.newlist span div{ color: #999;}
.newlist:hover span{border: 1px solid #d51819; border-top: none; }
.newlist span div h5{ width: 28px; height: 28px; background: url(../img/newmore.png) center center no-repeat; background-size: 100%;}
.tulist{ background: #fff; display: block; box-sizing: border-box; padding: 15px;}
.tulist img{ background-color: #d8d8d8;}
.tulist p{ margin-top: 10px; font-size: 20px;text-align: center; font-weight: 700; line-height: 2.4;}


/* 二级分页 */
.pages{ margin-top: 3rem;}
ul.yiiPager{ display: flex; flex-wrap: wrap; justify-content: center;}  
ul.yiiPager li{display:block; margin:0 3px;}  
ul.yiiPager li a{ width: 32px; height: 32px; border-radius:100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; line-height: 1; border:#9d9d9d solid 1px;color: #9d9d9d; transition: 0.3s;}  
ul.yiiPager li a:hover{border:#d51819 solid 1px; background-color: #d51819; color: #fff;}
ul.yiiPager li.first a::before{content: "\e741";}
ul.yiiPager li.last a{ transition: 0s;}
ul.yiiPager li.last a::before{content: "\e741";transform: rotate(180deg);}
ul.yiiPager li.previous a::before{content: "\e694";transform: rotate(180deg); font-size: 14px; /* color: #c7c7c7; */}
ul.yiiPager li.next a::before{content: "\e694"; font-size: 14px;}
ul.yiiPager li.selected a{border:#d51819 solid 1px;color:#fff; background-color: #d51819;}
ul.yiiPager li.shouye a{ width: 60px; border-radius: 32px;}

.show_title{text-align: center;  border-bottom: 1px #cfcfcf solid; padding-bottom: 1rem;}
.show_title h1{font-size:26px; font-weight: bold; line-height: 1.6;}
.show_title h2{margin-top: 0.5rem; font-size: 16px;color: #999; display: flex;align-items: center; justify-content: center;}
.danye div,.danye span,.danye p,.danye table{ max-width: 100%;}
.danye{ line-height: 2.2;}

.erbanner img{ display: block; width: 100%;}

.ernav{ justify-content: center;}
.ernav a{ display: flex;height: 50px; align-items: center; padding: 0 1rem;/* background-color: #f3f3f3; */ margin: 0.3rem 0.5rem; min-width: 6em; justify-content: center; border: 1px solid #eee;}
.ernav a.on{ color: #fff; border: 1px solid #d51819; color: #d51819;}
.ernav a:hover{ border: 1px solid #d51819; }
.lxmap{ box-sizing: border-box; border: 1px solid #eee; width: 100%; height: 50vh;}
.lxlist{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.lxlist span{background-color: #f9f9f9; display: flex; flex-direction: column; padding: 30px; box-sizing: border-box; width:30%;}
.lxlist span img{ width: 20px; height: 24px;}
.lxlist span p{  line-height: 1.7; font-size: 18px; margin-top: 20px;}
.lxfoot{ display: flex; flex-direction: column; justify-content: center; text-align: center; margin-top: 90px;}
.lxfoot span{ width: 812px; max-width: 100%; background: url(../img/xlbj.png) no-repeat center; background-size: 100%; margin: 0 auto;}
.lxfoot span img{ display: block; margin: 0 auto; width: 112px; height: 112px; border: 1px solid #bababa;}
.lxfoot h1{ font-size: 20px; margin-top: 20px; color: #000;}
.lxfoot p{ margin-top: 40px; font-size: 20px; color: #666;}

.ertit{ background-color: #f5f5f5;}
.ertit a{ padding:0 40px; display: flex; align-items: center; height: 60px; box-sizing: border-box;}
.ertit main{ gap: 20px;}
.ertit a.on{ background-color: #fff; border-bottom: 2px solid #d51819;}
.ertit a:hover{ color: #d51819;}

.scbox{ border: 1px solid #eee;height: 500px;}
.scbox>div{ width: 50%;}
.sc_le{ background-color: #f8f8f8; box-sizing: border-box; padding: 20px 0; height: 100%;}
.sc_ri{padding: 20px; box-sizing: border-box;height: 100%; }
.sc_ri img{ width: 100%; height: 100%; object-fit: contain;}
.sc_le>div{ height: 100%; box-sizing: border-box; padding: 0 30px;}
.sc_list h2{ flex: 1; margin-right: 15px;}
.sc_list p{ width: 9em; text-align: right;}
.sc_list{ padding: 10px 0;}
.dsz_le{ max-width: 40%; margin-right: 20px;}
.tulistbox .tulist{  box-sizing: border-box; border: 1px solid #eee;}
.tulistbox .tulist:hover{ border: 1px solid #d51819;}
.weizhi i{ padding: 0 10px;}
.weizhi{ color: #666;}
.container{ width: 100%;}
.slide{width: 100%;overflow: hidden;position: relative; padding-bottom: 22px;}
.slide .img{overflow: hidden;position: absolute; transition: width 0.2s,height 0.2s,top 0.2s,left 0.2s,z-index 0.2s; background-color: #fff; box-sizing: border-box; padding: 10px; border: 1px solid #eee;}
.slide .img3 img{ opacity: 1;}
.slide .img5 img,.slide .img1 img{ opacity: 0;}
.slide .img1{width: 20%; height:auto;bottom: 30px;z-index: 1; max-width: 40%; left: -20%;}
.slide .img2{ width:37%;height: :auto;bottom: 30px;left: 0%; z-index: 2;}
.slide .img3{ z-index: 3;width: 700px; height:auto; left: 50%; transform: translateX(-50%); top:0; max-width: 80%;}
.slide .img4{ width: 37%;height::auto; bottom: 30px;left: 63%;z-index: 2;}
.slide .img5{width: 20%; height: :auto;bottom: 30px;left: 80%; z-index: 1; }
.slide-bt{ display: flex; justify-content: center;width: 100%!important; margin: 0!important; cursor: pointer;}
.slide-bt span{ width: 16px; height: 4px; border-radius: 6px; margin: 0 4px; background-color: #bbbdbc; margin-top: 30px; }
.slide-bt .on{ background: #d51819; width: 30px;}
.zydj .le{ position: absolute; left: -5px; top: 50%; z-index: 5;}
.zydj .ri{ position: absolute; right: -5px; top: 50%;z-index: 5;}
.zydj button{ transform: translateY(-50%);}
.zydj button img{ opacity: 0.3;}
.zydj button:hover img{ opacity: 0.8;}
.xq_le{ width: 400px; box-sizing: border-box; padding: 20px;}
.xq_ri{ box-sizing: border-box; padding: 30px; display:flex; flex-direction: column; justify-content: space-between;flex: 1;}
.xq_top{ border: 1px solid #eee;}
.xq_le h1{ background-color: ##d8d8d8;}
.xqri_list{ display: flex;}
.xqri_list h2{ width: 6.5em;}
.xqri_list h2 i{ padding: 0 1em;}
.xqri_list p{ flex: 1;}
.anniu{ padding: 0 30px; height: 50px; transition: 0.3s; box-sizing: border-box; display: flex; align-items: center; background-color: #d51819; color: #fff; border-radius: 5px;}
.anniu:hover{ box-shadow: 0 0px 15px rgba(213,24,25,0.8);}
.ertitle{ padding-bottom: 10px; border-bottom: 1px solid #eee;}
.tanbox{ width: 100%; height: 100vh; z-index: 9995; background-color: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.tancon{ width: 900px; max-width: 90%; box-sizing: border-box; padding:20px 0; background-color: #fff; position: relative;}
.tancon img{ display: block; width: 100%;}
.guanbi{  position: absolute; font-size:40px; color: #fff; right: -40px; top: 0; line-height: 1;}
.tanbox{ display: none;}
.tanbox.on{ display: flex;}
.smsbox{ width: 100%; padding: 0 20px; max-height: 90vh; box-sizing: border-box;}

.gap10{ gap: 10px;}
.gap20{ gap: 20px;}
.gap30{ gap: 30px;}
.mtop4{margin-top: 40px;}
.mtop3{margin-top: 30px;}
.mtop2{margin-top: 20px;}
.mtop1{margin-top: 10px;}