@charset "utf-8";
@font-face { 
	font-family:font1; 
	src: url("../images/IMPACT.TTF");
	font-style: normal;
	font-display: swap;
} 
@font-face { 
	font-family:font2; 
	src: url("../images/PINGFANG_REGULAR.OTF");
	font-style: normal;
	font-display: swap;
} 

.headerBox{position: fixed;width:calc(100% - 30px);z-index: 100;left: 15px;top: 0;transition: all .6s; padding: 0 15px;border-radius: 0 0 6px 6px;background: #fff;border:0px solid #eee;border-top:0px}
.header{height:80px; display: flex;justify-content: space-between;align-items: center;transition: all .6s;width: 1600px;margin: 0 auto;max-width: 94%;}
.logo{width:196;}
.logo img{width: 100%;}
.headerRight{display: flex;justify-content: space-between;gap:.8rem;align-items: center;}
.nav ul{display: flex;gap:.4rem}
.nav li h3 a{color: #2a2a2a;font-size: var(--font18);display: block;position: relative; padding: 0 .18rem;line-height: 80px;}
.nav li h3 a:before{position: absolute;content: "";border-bottom: 4px solid #372e67;width: 0;transition: all .5s; bottom: 0;left: 50%;transform: translateX(-50%);}
.nav li.cur h3 a{color: #372e67;font-weight: bold;}
.nav li.cur h3 a:before{width: 100%;}
.nav h3 a:hover{color: #372e67;font-weight: bold;}
.nav h3 a:hover:before{width: 100%;}

.yzxz{font-size: var(--font18);color: #2a2a2a;position: relative;}
.yzxz p{line-height: 80px;}
.yzxz p b{display: inline-block;background: url(../images/a_01.png); width: 12px;height: 6px;background-size: 100% 100%;vertical-align:middle; margin-left: .05rem;}
.yzxz ul{width: 80px;top: 80px; left: 50%;transform: translateX(-50%);border-radius: 0 0 6px 6px; overflow: hidden;background: #fff;position: absolute;display: none;box-shadow:0 0 10px rgba(0, 0, 0, .05); }
.yzxz li a{display: block;line-height: 30px;font-size: 14px;text-align: center;color: #333;}
.yzxz li a:hover {background: #372e67;color: #fff;}
.yzxz:hover ul{display: block;}
.banner{overflow: hidden;position: relative;}
.bannerText{width: 1600px;position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.bannerText h2{color: #ea6f29;font-weight: bold;font-size: var(--font70);line-height: 1.9;margin-bottom: 18px;}
.bannerText h3{color: #fff;font-weight: bold;font-size: var(--font50);padding-bottom: 80px;position: relative;}
.bannerText h3:before{position: absolute;content: "";border-bottom: 5px solid #372e67;width: 1.5rem;left: 0;bottom: 40px;}
.bannerText h3:after{position: absolute;content: "";border-bottom: 5px solid #ea6f29;width: .7rem;left: 0;bottom: 40px;z-index: 10;}
.bannerText p{color: #fff;font-size: var(--font20);line-height: 1.8;}
.bannerBox{position: relative;}
.bannerBox img{width: 100%;}
.bannerText{position: absolute;width:1580px;max-width: 90%; left:50%; top:50%; transform:translate(-50%,-50%);}
.btn1{display: inline-block; padding: 0 .25rem 0 .15rem;line-height: .5rem;background: #018131;border-radius: .25rem;color: #fff;font-size: var(--font18);}
.btn1 img{width: .28rem;display: inline-block;vertical-align: middle; margin: -3px .1rem 0 0;}
.banner .swiper-pagination-bullet{width: .68rem;height: .05rem;background: #d9d9d9;opacity: 1;border-radius: 0;}
.banner .swiper-pagination-bullet-active{background: #00802f;}
.btmobx .swiper-button-next:after,.btmobx .swiper-button-prev:after{font-weight: bold;font-size: 16px;}
.btmobx{width: 1600px; position: absolute;bottom: .7rem;left: 50%;display: flex;justify-content: space-between;align-items: center;transform: translateX(-50%);z-index: 10;background: #fff;color: #0162c3;max-width: 90%;}
.btmright{position: relative;width: 120px;}
.banner .swiper-button-next{width: 50px;height: 50px;border-radius: 50%;right: 0;background: rgba(255,255,255,.7);transition: all .5s;}
.banner .swiper-button-prev{width: 50px;height: 50px;border-radius: 50%;left: 0;background: rgba(255,255,255,.7);transition: all .5s;}
.banner .swiper-button-next:hover{color: #fff;background: #372e67;}
.banner .swiper-button-prev:hover{color: #fff;background: #372e67;}
.btmleft{width: 380px; position: relative;}
.banner .swiper-pagination{width: 330px;height: 1px;background: rgba(255,255,255,.7);left:50%; top:50%; transform:translate(-50%,-50%);}
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 5px;background: #fff;bottom: 0;top: auto;}
.swiper-num{position: absolute;width: 100%;left:0;top: -8px;}
.swiper-num .active{position: absolute;left: 0;color: #fff;font-weight: bold;}
.total{position: absolute;right: 0;color: #fff;font-weight: bold;}
.bj1{background: #f9f9f9;padding-bottom:80px;}
.wz1600{width: 1600px;max-width: 90%; margin: 0 auto; }
.about{display:flex; justify-content: space-between; padding: 1.1rem 0 0 0;}
.aboutLeft{width: 56%;}
.aboutLeft h3{font-size: var(--font100);font-family: font1;margin-bottom: 30px;}
.aboutLeft h2{font-size: var(--font40); margin: .35rem 0 .6rem;font-weight: bold;}
.aboutLeft img{width: 100%;}
.aboutRight{background: #fff;width: 44%;border-top: 4px solid #1d3b8a; padding: .7rem .55rem 0 .55rem;}
.aboutRight h2{font-size: var(--font50);font-weight: bold;position: relative; padding-bottom: 95px;}
.aboutRight h2:before{position: absolute;content: ""; border-bottom: 4px solid #1d3b8a;width: .6rem;left: 0;bottom: 50px;}
.aboutRight p{color: #797979;font-size: var(--font16);line-height: 1.85; margin: 0 0 .35rem;text-indent: .35rem;}

.btn3{display: inline-block; border-radius: .38rem;height: .56rem;line-height: .54rem;font-size: var(--font16);border: 1px solid #ea6f29; padding: 0 .06rem 0 .42rem;width: 1.92rem;display: flex;justify-content: space-between;align-items: center;}
.btnText{display: inline-block;vertical-align: middle;overflow: hidden;height: .3rem;}
.btnText_top{line-height: .3rem;font-weight: bold;}
.btnText_bottomo{line-height: .3rem;font-weight: bold;}
.xqbox{transition: all .5s;display: inline-block;color: #ea6f29;}
.btnTb{display: inline-block; width: .46rem;height: .46rem;border-radius: 50%; position: relative;background: #ea6f29;}
.tbbox{position: absolute;width: 30px;height: 30px;left:50%; top:50%; transform:translate(-50%,-50%);overflow: hidden;}
.btnTb dl{height: 60px;margin-top: -30px;transition: all .5s;}
.btnTb dt{position: relative;height: 30px;}
.btnTb dt img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.btn3:hover .xqbox{transform: translateY(-50%);}
.btn3:hover dl{margin-top: 0;}
.aboutRight ul{display: flex;justify-content: center;padding-top: .9rem;}
.aboutRight li{width: 50%;text-align: center;border-right: 1px solid #e2e2e2;}
.aboutRight h3{font-family: font1; font-size: var(--font70);color: #1d3b8a;}
.aboutRight h4{font-family: font1; font-size: var(--font20);margin-top: 20px;}
.aboutRight li:last-child{border: none;}

.cpjs{padding: 1.35rem 0 .65rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.cpjsLeft{width: 45%;}
.cpjsLeft h2{color: #0d0d0d;font-size: var(--font40);margin-bottom: .4rem;}
.cpjsLeft h2 img{display: inline-block;vertical-align: middle; width: .6rem; margin: -3px .3rem 0 0;}
.cpjsLeft p{color: #0d0d0d; font-size: 16px; line-height: 1.8;margin-bottom: .35rem;}
.cpjsLeft h3{padding-bottom: .75rem;}
.cpjsLeft h3 img{width: 100%;}
.cpjsRight {width: 55%;}
.cpjsRight img{width: 80%;float:right;}

.qyry{padding-bottom: .85rem;}
.qyry ul{display: flex;gap:.55rem;justify-content: space-between;}
.qyry li{width: calc(16.66% - 2.75rem/6);}
.qyry li a{display: block;overflow: hidden;background: url(../images/a_02.png) no-repeat center bottom; padding-bottom: .5rem; background-size: 100% .5rem;}
.qyry li img{width: 100%;}

.qyys{display: flex;justify-content: space-between; padding: 1.25rem 0 1.35rem; padding-left: 8vw;align-items: center;}
.qyysLeft{width: 40%;position: relative;z-index: 10;}
.qyysLeft h2{font-weight: bold;font-size: var(--font40);margin-bottom: 1rem;}
.qyysLeft li{margin-top: .25rem;}
.qyysLeft span{border-radius: .15rem; height: 1.15rem;width: calc(100% + .8rem); position: relative;cursor: pointer; padding: 0 .3rem;color: #000;font-size: var(--font24);line-height:1.6;transition: all .5s;text-align: left;display:flex;align-items: center;font-weight: bold;overflow: hidden;}
.qyysLeft em{color: #fff;font-weight: bold;font-size:130px;top:-.2rem;right: 0rem;position: absolute;opacity: 0;font-family: "微软雅黑";}
.qyysLeft b{display: block;position: absolute;background: url(../images/a_03.png) no-repeat center center;width: 13px;height: 12px;top: 50%;transform: translateY(-50%);right: 2rem;}
.qyysLeft li.cur span{background: #ea6f29;color: #fff;}
.qyysLeft li.cur em{opacity: .2;}
.qyysLeft li.cur b{background: url(../images/a_15.png) no-repeat center center;}

.qyysRight{width: 60%;position: relative;border-radius: .15rem 0 0 .15rem;overflow: hidden;}
.qyysQh{position: relative;}
.qyysQh img{width: 100%;animation: fadeIn 1s 1;}
.qyysWb{text-align: right;width: 100%; position: absolute;right: 0;bottom: .8rem; padding: 0 8vw;}
.qyysWb h2{color: #fff;font-weight: bold;font-size: var(--font36);margin-bottom: .35rem;line-height: 1.5;}
.qyysWb p{color: #fff;font-size:16px;line-height: 1.8;width: 580px;max-width: 100%;display: inline-block;text-align: left;}

.bj2{background: url(../images/a_04.png) no-repeat center center;background-size: cover;}
.yyql{padding-bottom: 1.2rem;}
.yyqlTitle{text-align: center; padding: .95rem 0 .7rem;}
.yyqlTitle h2{color: #fff;font-weight: bold;font-size: var(--font40);margin-bottom: .8rem;}
.yyqlTitle ul{border-bottom: 1px solid rgba(255,255,255,.15);}
.yyqlTitle li{display: inline-block;}
.yyqlTitle span{display: block; padding-bottom: .4rem;cursor: pointer;position: relative; padding: 0 .8rem .4rem .8rem;}
.yyqlTitle p{font-size: var(--font18);color: #fff; margin-top: 18px;}
.yyqlTitle span:before{position: absolute;content: "";border-bottom: .04rem solid #ea6f29;bottom: 0;width: 0;left: 50%;transform: translateX(-50%);transition: all .5s;}
.yyqlTitle li img{margin: 0 auto;filter: brightness(0) invert(1);}
.yyqlTitle li.cur span{color: #ea6f29;}
.yyqlTitle li.cur span:before{width: 100%;}
.yyqlTitle li.cur img{filter: brightness(1) invert(0);}

.btndw{display: flex;justify-content: center;}
.btn4{border-radius: .38rem;height: .56rem;line-height: .54rem;font-size: var(--font16);border: 1px solid #fff; padding: 0 .06rem 0 .42rem;width: 1.92rem;display: flex;justify-content: space-between;align-items: center;background: #fff;}
.btn4:hover .xqbox{transform: translateY(-50%);}
.btn4:hover dl{margin-top: 0;}
.yyqlBox{position: relative;animation: fadeIn 1s 1;}
.yyqlBox .mySwiper{overflow: hidden;}
.yyqlTc{overflow: hidden;border: 2px solid #fff;border-radius: .2rem; overflow: hidden;background: #fff;}
.yyqlTc span{display: block; overflow: hidden;}
.yyqlTc span img{width: 100%;object-fit: cover;position: relative;aspect-ratio: 16 / 10;border-radius: .2rem;transition: all 1s;}
.yyqlTc a:hover img{transform: scale(1.1);}
.yyqlText{padding: 30px;}
.yyqlText h2{font-weight: bold;color: #020202;font-size: var(--font22);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;margin-bottom: 15px;}
.yyqlText p{color: #818181;font-size: 16px; line-height: 1.6;height: 52px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.yyqlBox{margin-bottom: .85rem;}
.yyqlBox .swiper-button-next{width: 46px;height: 46px; color: #fff;border-radius: 50%; right: -55px;margin-top: -23px;border-radius: 50%;border-radius: 50%;border: 1px solid #fff;}
.yyqlBox .swiper-button-prev{width: 46px;height: 46px; color: #fff;border-radius: 50%; left: -55px;margin-top: -23px;border-radius: 50%;border-radius: 50%;border: 1px solid #fff;}
.yyqlBox .swiper-button-next:after,.yyqlBox .swiper-button-prev:after{font-weight: bold;font-size: 16px;}

.news{display: flex;justify-content: space-between; padding: 1.25rem 0 1rem;align-items: flex-start;  }
.newsLeft{width: calc(100% - 720px);}
.newsLeft h2{font-size: var(--font40);font-weight: bold;margin-bottom: .7rem;color: #131313;}
.newsLeft li{padding-bottom: .4rem;}
.newsBox{display: flex;justify-content: space-between;align-items: center;}
.newsBox span{display: block;width: 325px;overflow: hidden;border-radius: .2rem;}
.newsBox span img{width: 100%;transition: all 1s;}
.newsBox:hover img{transform: scale(1.1);}
.newsText{width: calc(100% - 375px);}
.newsText h4{font-weight: bold;font-size: var(--font20);margin-bottom: .2rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.newsText p{line-height: 1.8;color: #131313;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: .4rem;}
.newsText h3{display: flex;justify-content: space-between;line-height: 2;color: #838383;font-size: 16px;}
.newsText h3 a{border-bottom: 2px solid #a8afca;color: #372e67;}
.newsText h3 a img{display: inline-block;vertical-align: middle;margin: -3px 0 0 6px;}
.newsText h3 a:hover{color: #1d73ca;}
.newsRight{width: 580px;border-radius: .2rem;overflow: hidden;background: #1d3b8a; margin-top: .2rem;}
.newsRight span{display: block;overflow: hidden;border-radius: .2rem;}
.newsRight span img{width: 100%;transition: all 1s;}
.newsRight:hover img{transform: scale(1.1);}
.newsTextB{padding: .35rem .4rem;}
.newsTextB h4{font-weight: bold;color: #fff;margin-bottom: .15rem;font-size: var(--font20);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.newsTextB p{color: #fff;font-size:16px;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: .45rem;}
.newsTextB h3{display: flex;justify-content: space-between;line-height: 2;color: #fff;font-size: 16px;}
.newsTextB h3 a{border-bottom: 1px solid #a8afca;color: #fff;}
.newsTextB h3 a img{display: inline-block;vertical-align: middle;margin: -3px 0 0 6px;}

.bj3{background: url(../images/a_07.png) no-repeat center center;background-size: cover;}
.lxwm{padding: .9rem 0 1.05rem;}
.xwmtTitle{padding-bottom: .45rem;}
.xwmtTitle h2{font-weight: bold;color: #fff;font-size: var(--font40);margin-bottom: .22rem;}
.xwmtTitle p{font-size: var(--font18);color: #fff;}
.xwmtNr{width: 600px;max-width: 100%;}
.xwmtNr ul{padding-bottom: .35rem;}
.xwmtNr li{border-bottom: 1px solid rgba(255,255,255,.3);}
.wby1{width: 100%;height: .77rem; line-height: .77rem;color: #fff;opacity: .6;font-size: var(--font18);}
.wby1::-webkit-input-placeholder{width: 100%;height: .77rem; line-height: .77rem;color: #fff;opacity: .6;}
.btn5{width: 100%;border: none;color: #fff;cursor: pointer; height: .68rem;background: #ea6f29;border-radius: 6px;font-size: var(--font22);font-weight: bold;}

.footer{background: #030303;}
.footerBox{padding: 1.05rem 0 .7rem;}
.footerBox{width: 1400px;margin: 0 auto;max-width: 90%;display: flex;justify-content: space-between;}
.footLeft{width: calc(100% - 745px);}
.footLeft ul{display: flex;justify-content: space-between;}
.footLeft h2{color: #fff;font-weight: bold;font-size: 16px;margin-bottom: 10px;}
.footLeft li{font-size: 16px; line-height: 35px;width: 33%;}
.footLeft li a{color: #9298a0;}
.footLeft li a:hover{color: #fff;}
/*.footLeft li:nth-child(3){ width:50%;}
.footLeft li:nth-child(3) dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footLeft li:nth-child(3) dl dt{width: 50%;}*/
.rwm{width: 133px;text-align: center;}
.rwm p{font-size: 16px;margin-top: 12px;color: #9298a0;}

.footRight{width: 390px;}
.footRight p{font-size: 16px; line-height: 40px;color: #9298a0;}
.footRight p img{display: inline-block;vertical-align: middle;margin: -3px 10px 0 0;}

/*about*/
.banner1{position: relative;}
.banner1 img{width: 100%;}
.banner1Text{position: absolute;left:50%; top:52%; transform:translate(-50%,-50%);}
.banner1Text h2{padding: 0 0  38px;font-weight: bold;color: #fff;font-size: var(--font56);position: relative;}
.banner1Text h2:before{position: absolute;content: "";border-bottom: 5px solid #ea6f29;width: 48px;bottom: 0;left: 50%;transform: translateX(-50%);}

.bqxx{border-top: 1px solid rgba(255,255,255,.2);padding: .3rem 3%;}
.bqxx p{font-size: 16px;text-align: center;line-height: 1.6;color: #9298a0;position: relative;}
.bqxx p a{font-size: 16px;text-align: center;line-height: 1.6;color: #9298a0;position: relative;}
.dqwz{border-bottom: 1px solid #dcdcdc;}
.dqwz_title{width: 1600px;margin: 0 auto; max-width: 90%; }
.dqwz_title p{font-size: 16px; line-height: .79rem; font-size: 16px;color: #838383;}
.dqwz_title p a{color: #838383;}
.dqwz_title p a:hover{color: #163494;}
.dqwz_title span{padding: 0 8px;}
.gywm{display: flex;justify-content: space-between;gap:.78rem;padding: 1.15rem 0 1.35rem;}
.gywmLeft{width: 50%;}
.gywmLeft h2{font-weight: bold;color: #372e67;font-size: var(--font46);margin-bottom: .35rem;}
.gywmLeft p{font-size: 16px;line-height: 2;color: #818181;}
.gywmRight{position: relative;width: 50%;}
.bfbtn {background:url(../images/a_09.png) no-repeat center center;width: 76px;height: 76px;border-radius: 50%;cursor: pointer; position: absolute;transition: all ease .4s;left:50%; top:50%; transform:translate(-50%,-50%);cursor: pointer;z-index: 10;}
.bfbtn::after { z-index: -1; animation: scaleAni 1s infinite linear; content:''; border:1px solid #ffffff; width: 100%; height: 100%;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;}
.bfbtn::before { z-index: -1;animation: scaleAni 1.5s infinite linear;  content:''; border:1px solid #ffffff; width: 120%; height: 120%;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;}
 
.gsjx{padding: 2.4rem 0 2.8rem;background: url(../images/a_11.png) no-repeat center center;background-size: cover;background-attachment: fixed;
}
.gsjx_wb{width: 900px;margin: 0 auto;max-width: 90%;}
.gsjx_wb h2{padding: 0 0  1rem;font-weight: bold;color: #fff;font-size: var(--font46);position: relative;text-align: center;}
.gsjx_wb h2:before{position: absolute;content: "";border-bottom: 5px solid #ea6f29;width: 48px;bottom: .5rem;left: 50%;transform: translateX(-50%);} 
.gsjx_wb p{color: #fff; line-height: 1.8;color: #fff;font-size: var(--font18);}
 
@keyframes scaleAni{
	from{ transform: translate(-50%,-50%) scale(1); opacity: 1;}
	to{transform: translate(-50%,-50%) scale(1.5); opacity: 0;}
}
.bsjt h2{font-weight: bold;font-size: var(--font46);top: 1.1rem;left: 0; position: absolute;width: 100%;text-align: center;}
.bsjt{position: relative;}
.bsjt img{width: 100%;}
/*jszc*/
.jszc{padding: .6rem 0 .95rem;}
.jszc li{border-bottom: 1px solid #c1c1c1;}
.jszc h2{display: flex;justify-content: space-between;padding: .45rem .35rem;align-items: center;position: relative;cursor: pointer;}
.jszc h2:before{width: 5px;height: 100%;background: #ea6f29;left: 0;top: 0;position: absolute;content: "";opacity: 0;}
.jszc h2 b{display: inline-block;width: .44rem;height: .44rem; background: #ea6f29;border-radius: .22rem .22rem 0  .22rem;text-align: center; line-height: .44rem;font-weight: bold;color: #fff;font-size: var(--font20);}
.jszc h2 span{width: calc(100% - .65rem);line-height: 1.6;font-size: var(--font20);font-weight: bold;color: #090909;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jszc h2 em{background: url(../images/a_12.png) no-repeat center center;width: 15px;height: 15px;background-size: 100% 100%;position: absolute; right: .3rem;top: 50%;transform: translateY(-50%);}
.jszcbox{background: #f6f8fd;padding: 0 1rem .4rem 1rem; position: relative;display: none;}
.jszcbox:before{width: 5px;height: 100%;background: #ea6f29;left: 0;top: 0;position: absolute;content: "";}
.jszcbox p{color: #555555;font-size: var(--font18);line-height: 1.8;}
.jszc li h2.on1{background: #f6f8fd;}
.jszc li h2.on1:before{opacity: 1;}
.jszc li h2.on1 em{background: url(../images/a_03.png) no-repeat center center;background-size: 100% 2px;}
.fgx{height: 80px;}
.fgtt{height: 8px;width: 100%; background-image: linear-gradient(to right, #e17326 , #1770ce);overflow: hidden;}
@media(max-width:1600px){

}
@media(max-width:1560px){
.yyqlBox .swiper-button-next{right: 10px;background: #372e67;color: #fff;border: 1px solid #372e67;}
.yyqlBox .swiper-button-prev{left: 10px;background: #372e67;color: #fff;border: 1px solid #372e67;}
}
@media(max-width:1480px){
.newsLeft{width: calc(100% - 620px);}
}
@media(max-width:1360px){
.newsBox span{width: 280px;}
.newsText{width: calc(100% - 300px);}
.newsRight{width: 540px;}
.newsLeft{width: calc(100% - 570px);}
.footLeft{width: calc(100% - 580px);}
}
@media(max-width:1200px){
.headerBox{z-index: 110;}
.header{height: 60px; padding: 0;max-width: 100%;}
.logo{width: 110px;position: relative;z-index: 101;}
.dhbtn{position: absolute;width: 30px;height: 30px; position: absolute; right: 10px;top: 50%;transform: translateY(-50%);background: url(../images/d1.png) no-repeat center center #000419;background-size: 20px 20px;border-radius: 4px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #000419;background-size: 20px 20px;}
.fhbj{position: fixed;z-index: 10;background: rgba(0,0,0,.7);width: 100%;height: 100%; left: 0;top: 0;display: none;}
.yzxz{margin-right: 70px;}
.yzxz ul{top: 60px;}
.headerBox{height: 60px;}

.nav{position: fixed;width: 200px;height:100vh;left: -200px;top: 0px;background: #fff;overflow: auto;}
.nav ul{display: block; padding-top: 70px;}
.nav li{padding: 0;position: relative;}
.nav li h3 a{line-height: 48px;border-radius: 0;padding: 0 10px; font-size: 16px;position: relative;border-bottom: 1px solid #eee;}
.nav li h3 a:before{border-bottom: 1px solid #163595;}
.bannerBox{height: 350px;}
.bannerBox img{width: 100%;height: 100%; object-fit: cover;}
.bannerText h2{font-size: 20px;margin-bottom: 10px;}
.bannerText h3{font-size: 16px;padding-bottom: 20px;}
.bannerText p{font-size: 12px;}
.bannerText h3:before{bottom: 5px;}
.bannerText h3:after{bottom: 5px;}
.banner .swiper-pagination{width: 100px;}
.btmleft{width: 150px;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 35px;height: 35px;}
.btmright{width: 80px;}
.about{display: block;padding: 30px 0;}
.aboutLeft{width: 100%;}
.aboutLeft h3{font-size: 24px;margin: 0;}
.aboutLeft h2{font-size: 20px;margin: 10px 0 15px;}
.aboutRight{width: 100%; margin-top: 15px; padding: 15px;}
.aboutRight h2{font-size: 20px; line-height: 1.5; padding-bottom: 40px;}
.aboutRight h2:before{bottom: 20px;}
.btn3{padding-left: .2rem;}
.aboutRight ul{padding-top: 20px;}
.aboutRight h4{margin-top: 10px;}
.cpjsLeft{width: 100%;}
.cpjsRight{width: 100%; padding-top: 20px;}
.qyry ul{gap:.3rem;flex-wrap: wrap;}
.qyry li{width:calc(50% - .3rem/2);}
.qyys{display: block;}
.qyys{padding: 30px 3%;}
.qyysLeft{width: 100%;}
.qyysLeft h2{text-align: center; margin-bottom: 20px; font-size: 20px;}
.qyysLeft ul{overflow: auto;white-space: nowrap;display: flex;gap:10px;}
.qyysLeft ul::-webkit-scrollbar{height: 0;width: 0;}
.qyysLeft li{display: flex;}
.qyysLeft span{padding: 10px 15px;width: 250px;height: 60px;border: 1px solid #eee;background: #fff;font-size:14px;}
.qyysLeft b{right: 12px;}
.qyysRight{width: 100%; padding-top: 15px;}
.qyysWb{padding: 0 15px;bottom: 10px;}
.qyysWb p{width: 100%; font-size: 12px;max-width: 90%;}
.qyysWb h2{font-size: 16px;margin-bottom: 10px;}
.qyysQh img{border-radius: 10px;}
.yyqlTitle{padding: 30px 0 20px;}
.yyqlTitle h2{font-size: 20px;}
.yyqlTitle span{padding: 0 10px 10px 10px;}
.yyqlTitle ul{display: flex;column-gap: 5px;overflow: auto;white-space: nowrap;}
.yyqlTitle ul::-webkit-scrollbar{height: 0;width: 0;}
.btn4{padding-left: 10px;}
.yyqlTitle li img{height: 25px;}

.news{padding: 30px 0;display: block;}
.newsLeft{width: 100%;}
.newsLeft h2{font-size: 20px;margin-bottom: 20px;}
.newsBox{display: block;}
.newsBox span{width: 100%;}
.newsText{width: 100%;padding-top: 15px;}
.newsRight{width: 100%;}
.footerBox{padding: 30px 0;display: block;}
.footLeft{display: none;}
.rwm{width: 110px;margin: 0 auto;}
.rwm p{font-size: 14px;}
.footRight{width: 100%;}
.footRight p{font-size: 14px;text-align: center;}

.banner1{height: 300px;}
.banner1 img{height: 100%; object-fit: cover;}
.gywm{padding: 30px 0;display: block;}
.gywmLeft{width: 100%;}
.gywmLeft h2{font-size: 20px;}
.gywmRight{width: 100%; margin-top: 20px;}
.gsjx{padding: 80px 0;}
.bsjt{height: 240px;}
.bsjt img{height: 100%; object-fit: cover;}
.bsjt h2{font-size: 20px;top: 20px;}
}
/*内页-产品中心 开始*/
.ab_NyProducts { width:100%; height:auto; min-height: 480px; margin:0 auto 0px; padding:0;}
.ab_NyProducts .abNyPro_main { height:auto; margin:0 auto; padding:0;}
.abNyPro_main .abNyPro_left { width:28%; overflow:hidden; margin:0; padding:0; background:#fff;float:left;}
.abNyPro_main .abNyPro_right { width:72%;height:auto; margin:0; padding:0; float:left;background:#f6f8fd;}

.abNyPro_right .abNyPro { width:100%; max-width:1230px; min-height:320px; overflow:hidden; float:left; padding:0;}
.abNyPro_right .abNyPro_list { width:100%; min-height:320px; overflow:hidden; padding:0;padding-left:1%;margin-top:40px;}
.abNyPro_list ul li { width:31%; overflow:hidden; margin:0 0 30px 2%; padding:0px; background-color:#fff; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.abNyPro_list ul li:nth-child(3n+3) {}
.abNyPro_list ul li .abIdxPro_img { width:100%; margin:0 auto 10px; padding:0;}
.abNyPro_list ul li .abIdxPro_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.abNyPro_list ul li .abIdxPro_img a img.IdxPro_img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.abNyPro_list ul li:hover .abIdxPro_img a img.IdxPro_img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

.abNyPro_list ul li .abIdxPro_name { width:90%; height:100px; overflow:hidden; margin:0 auto; padding:0;}
.abNyPro_list ul li .abIdxPro_name .abIdxPro_name2 { display:block; width:80%; height:100px; overflow:hidden; float:left;line-height:100px; color:#555; font-size:20px; text-align:left; white-space:nowrap; text-overflow: ellipsis; margin:0 auto;float:left;font-weight:bold;}
.abNyPro_list ul li:hover .abIdxPro_name a { color:#ea6f29;}

.abNyPro_list ul li .abIdxPro_name .abIdxPro_btn { width:20%; height:100px;line-height:100px; vertical-align:bottom;float:right; overflow:hidden;}
.abNyPro_list ul li .abIdxPro_name .abIdxPro_btn img{margin-top:30px;}


@media (max-width: 767px) {
    .bj1{background: #f9f9f9;padding-bottom:30px;}
	.abNyPro_main .abNyPro_right { width:100%;height:auto; margin:0; padding:0; float:left;background:#f6f8fd;}
	.ab_NyProducts { width:100%; margin:0 auto;}
	.ab_NyProducts .abNyPro_main { width:100%;}
	.abNyPro_main .abNyPro_left { width:94%; margin:0 auto;margin-left:3%;}
	.abNyPro_main .abNyPro_right { width:100%; margin:0 auto;}
	.abNyPro_right .abNyPro_list{ width:94%; margin:20px 0% 20px 3%;padding:0px;}
.abNyPro_right .abNyPro_list ul li{ width:100%;padding:0px;}
.abNyPro_list ul li{ width:100%;margin:20px 0;}

.jszc h2 span{width: 80%;float:left;margin-right:10%;}

.btn3{border-radius: .38rem;height: 0.8rem;line-height: 0.75rem;font-size: var(--font16);border: 1px solid #ea6f29; padding: 0 .06rem 0 .42rem;width: 2.92rem;display: flex;justify-content: space-between;align-items: center;}
.btnText{display: inline-block;vertical-align: middle;overflow: hidden;height: .3rem;}
.btnText_top{line-height: .3rem;font-weight: bold;}
.btnText_bottomo{line-height: .3rem;font-weight: bold;}
.xqbox{transition: all .5s;display: inline-block;color: #ea6f29;}
.btnTb{display: inline-block; width: .66rem;height: .66rem;border-radius: 50%; position: relative;background: #ea6f29;}
.tbbox{position: absolute;width: 30px;height: 30px;left:50%; top:50%; transform:translate(-50%,-50%);overflow: hidden;}
.btnTb dl{height: 60px;margin-top: -30px;transition: all .5s;}
.btnTb dt{position: relative;height: 30px;}
.btnTb dt img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.btn3:hover .xqbox{transform: translateY(-50%);}
.btn3:hover dl{margin-top: 0;}

}

/*产品分类 开始*/
.abNyPro_left .h_left { width:100%; overflow:hidden; background-color:#fff; margin:0;}
.abNyPro_left .cp_type {width:65%;float:right;margin-top:40px;margin-right:40px; }
.abNyPro_left .cp_type .hd { text-align:left; padding:0px 0px;border-bottom:3px solid #dddddd}
.abNyPro_left .cp_type .hd p { height:36px; line-height:36px;font-weight:bold;padding:15px 10px; margin-bottom:-3px;font-size:23px;display:inline-table; color:#000;border-bottom:3px solid #372e67}

.abNyPro_left .cp_type .bd { border-top:0; padding:10px 5px;}
.abNyPro_left .cp_type .bd ul li {margin-top:10px;}
.abNyPro_left .cp_type .bd ul li.on { border:0; margin-bottom:1px;}
.abNyPro_left .cp_type .bd ul li p { height:60px; line-height:60px;overflow:hidden;}
.abNyPro_left .cp_type .bd ul li p a { display:block; width:90%; padding:0 0 0 0px; overflow: hidden; line-height:50px; color:#000; font-size:21px;font-weight:bold; white-space:nowrap; text-overflow: ellipsis; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.abNyPro_left .cp_type .bd ul li p span { display:block; width:10%; height:100%; background:url(../images/jt1.png) center center no-repeat; cursor:pointer; float:left;}
.abNyPro_left .cp_type .bd ul li div {  display:none;}
.abNyPro_left .cp_type .bd ul li div a { display:block; height:50px; line-height:50px; color:#000; font-size:18px; padding:0 20px 0 26px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.abNyPro_left .cp_type .bd ul li div a:first-child { border-top:0;}
.abNyPro_left .cp_type .bd ul li div a.on{ color:#ea6f29}
.abNyPro_left .cp_type .bd ul li p:hover, .abNyPro_left .cp_type .bd ul li.on p { }
.abNyPro_left .cp_type .bd ul li p:hover a { color:#ea6f29}
.abNyPro_left .cp_type .bd ul li p:hover span { background:url(../images/jt2.png) center center no-repeat;}
.abNyPro_left .cp_type .bd ul li.on p span { background:url(../images/jt3.png) center center no-repeat;}


@media screen and (max-width:767px) {
.abNyPro_left .cp_type {width:100%;float:right;margin-top:0px;margin-right:0px; }
.abNyPro_left .cp_type .hd p { font-size:18px;}

.abNyPro_left .cp_type .bd ul li p { height:40px; line-height:40px;}
.abNyPro_left .cp_type .bd ul li p a {font-size:18px;}
.abNyPro_left .cp_type .bd ul li div a {width:100%;font-size:16px; padding:0 0px 0 26px;}
}



.dede_pages {margin:50px auto;height:40px;width:100%;text-align:center;overflow:hidden;}
.dede_pages ul {display:inline-block; *display:inline; zoom:1;margin:0 auto;position:relative;font-size:16px;}
.dede_pages ul li {list-style:none;float:left;border:1px solid #ddd;height:36px;background:#fff; line-height:36px;border-radius:5px; margin:0 4px;font-size:14px;}
.dede_pages ul li a,.dede_pages ul li span{color:#333;display:block;padding:0px 14px;}
.dede_pages ul li a:hover{padding:0px 14px;background:#ea6f29;color:#fff;}
.dede_pages ul li.active{background:#ea6f29;display:block;color:#fff;}
.dede_pages ul li.active a{color:#fff;display:block;}
@media (max-width: 767px){ 

.dede_pages {height:65px;}
.dede_pages ul li {height:28px; line-height:28px;margin-bottom:5px;margin:0 3px;}
.dede_pages ul li a,.dede_pages ul li span{padding:0px 10px;}
.dede_pages ul li a:hover{padding:0px 10px;}
.dede_pages ul li .current{background:#ea6f29;display:block;color:#fff;}
}

.main{width:calc(100% - 50px);max-width:1600px;margin:20px auto;}
.yy{margin-top:60px;}
.yy_left{width:25%;float:left;}
.yy_right{width:73%;float:right;}

.yy_left li{display: block;cursor: pointer;line-height:50px;padding:30px 0;border-bottom:1px #d3d3d3 dashed;}
.yy_left li a{display: block;font-size: var(--font20);color: #000;margin-top:5px;}
.yy_left li span{float:left;margin-top:0px;margin-right:30px;vertical-align:middle;padding:15px 13px;border-radius: 50%;}
.yy_left li.on a{color:#ea6f29;font-weight:bold;}
.yy_left li.on span{background-color:#ea6f29;}
.yy_left li.on span img{display:block;filter: brightness(0) invert(1);}

.yy_list li{width:47%;float:left;margin-left:3%;border-radius:20px;margin-top:20px;margin-bottom:40px;overflow:hidden;}
.yy_list li img{width:100%;}
.yy_list li p{position: absolute;width:100%;left:0;bottom:0px;padding:0 30px;font-size:var(--font20);height:60px;line-height:60px;color:#fff;background:rgba(0, 0, 0, 0.5);}




.newslist { margin:0 auto; width:100%; margin-top:20px;overflow:hidden;}
.newslist ul { width:102%;}
.newslist ul li { float:left; overflow:hidden;border:1px solid #e6e6e6; width:31.33%;margin-right:2%;background:#fff;margin-top:40px;}
.newslist ul li .vinfo { margin:0 auto; width:100%; position:relative;}
.newslist ul li .vinfo img { width:100%; height:auto;}

.newslist ul li .vname { margin:0 auto; padding:5%;}
.newslist ul li .vname h3 a { font-size:var(--font20);font-weight:bold;width:100%; overflow:hidden;line-height:30px;height:60px;color:#000;display:block;}
.newslist ul li .vname span{margin-top:10px;}
.newslist ul li .vname span{display: flex;justify-content: space-between;line-height: 2;color: #838383;font-size: 16px;}
.newslist ul li .vname span a{border-bottom: 2px solid #a8afca;color: #1d3b8a;}
.newslist ul li .vname span a img{display: inline-block;vertical-align: middle;margin: -3px 0 0 6px;}
.newslist ul li .vname span a:hover{color: #1d73ca;}
.newslist ul li .vname span a:hover img{transform: scale(1.1);}

.newsxq{padding:5% 20px;}
.newsxq h1{font-size:40px;line-height:40px;margin-bottom:20px;font-weight:bold;}
.newsxq span{font-size:18px;}
.met-shownews-header{border-bottom:1px solid #cecece;padding-bottom:40px;}
.met-editor{line-height:28px;margin:40px 0}
.met-editor p,.met-editor p *{line-height:26px;font-size:16px;}

.yyxq_left{width:45%;float:left;}
.yyxq_right{width:45%;float:right;}
.yyxq_left h1{font-size:var(--font36);line-height:80px;}
.yyxqcon{margin-top:30px;margin-bottom:50px;}
.yyxqcon p,.yyxqcon *{line-height:35px;font-size:var(--font18)}
.yyxq_tu img{width:100%;border-radius:15px;margin-bottom:50px;}

.yy_re{width:100%;margin-top:80px;}
.yy_re .yybt{font-size:var(--font48);text-align:center;font-weight:bold;margin-bottom:80px;}

.yy_list2 li{width:32%;float:left;margin-left:2%;}
.yy_list2 li:first-child{margin-left:0px;}


@media screen and (max-width:750px){
.newslist { margin:0 auto; width:94%; margin-top:0px;overflow:hidden;}
.newslist ul li {width:98%;margin-right:0%;background:#fff;margin-top:30px;}
.newslist ul li .vinfo { margin:0 auto; width:100%; position:relative;}
.newslist ul li .vinfo img { width:100%; height:auto;}

.newslist ul li .vname { margin:0 auto; width:100%; padding:5%;}
.newslist ul li .vname a { font-size:4vw;line-height:4.8vw;height:auto;}
.newslist ul li .vname span{font-size:3.5vw;}

.yy{margin-top:0px;}
.yy_left{width:100%;float:left;}
.yy_right{width:100%;float:right;}
.yy_left li{line-height:20px;padding:10px;overflow:hidden;}
.yy_left li a{display: block;font-size: var(--font20);color: #000;margin-top:15px;}
.yy_left li span{float:left;margin-top:0px;margin-right:10px;text-align:center;padding:5px;border-radius: 50%;}
.yy_left li span img{width:70%;margin:15%;}

.yy_list li{width:94%;float:left;margin-left:3%;margin-top:10px;margin-bottom:10px;}
.yy_list li p{padding:0 30px;font-size:var(--font20);height:40px;line-height:40px;color:#fff;background:rgba(0, 0, 0, 0.5);}

.newsxq{padding:5% 3%;}
.newsxq h1{font-size:20px;line-height:40px;margin-bottom:10px;font-weight:bold;}
.newsxq span{font-size:18px;}
.met-shownews-header{border-bottom:1px solid #cecece;padding-bottom:20px;}
.met-editor{line-height:23px;margin:20px 0}
.met-editor p,.met-editor p *{line-height:23px;font-size:16px;}
  .bqxx a{color:#fff}

.yyxq_left{width:94%;margin-left:3%;float:left;}
.yyxq_right{width:94%;float:right;margin-right:3%;}
.yyxq_left h1{font-size:var(--font36);line-height:80px;}
.yyxqcon{margin-top:0px;margin-bottom:50px;}
.yyxqcon p,.yyxqcon *{line-height:28px;font-size:var(--font18)}
.yyxq_tu img{width:100%;border-radius:15px;margin-bottom:50px;}

.yy_re{width:100%;margin-top:20px;}
.yy_re .yybt{font-size:var(--font48);text-align:center;font-weight:bold;margin-bottom:30px;}

.yy_list2 li{width:94%;float:left;margin-left:3%;}
.yy_list2 li:first-child{margin-left:3%;}

}


.lianxi{margin:90px auto;overflow:hidden;}
.lianxi .bigname { width:100%; text-align:left;margin-left:10%; overflow:hidden; margin-top:12%; font-size:var(--font32); color:#000; }
.lianxi .leftinfo { float:left; width:35%; overflow:hidden;}
.lianxi .rimg { float:right; width:60%; text-align:right; overflow:hidden;margin-top:0%;}
.lianxi .data { margin:0 auto; width:94%;margin-left:6%; overflow:hidden;margin-top:5%; }
.lianxi .data .dh{ width:100%; margin:30px 0;padding-bottom:30px; font-size:var(--font22); color:#171717; overflow:hidden;line-height:34px; text-align:justify;border-bottom:1px solid #e7e7e7;}
.lianxi .data .dh img{vertical-align:middle;float:left;width:8%;margin-left:5%;margin-right:4%;}
.lianxi .data .dh span{width:75%;float:left;}

@media screen and (max-width:750px){
.lianxi{margin:10px auto;overflow:hidden;}	
.lianxi .leftinfo { width:100%;float:left;margin-left:0%;}
.lianxi .rimg { width:100%;float:left;margin-left:0%;}	
.lianxi .data .dh{ width:100%; margin:20px 0;padding-bottom:20px;}	
}