.header.active .header-box{background: rgba(255,255,255,0.8);padding:15px;border-bottom: solid 1px #eee;}
.header.active .search-box{padding:15px 80px 15px 15px;}
.header.active .search-box .close{top:10px;}
@media(max-width: 1600px){
	.header.active .header-box{padding:15px 0;}
}
@media(max-width: 576px){
	.header.active .header-box{padding:10px 0;}
}



.footer{background: url(img/footer-bg.jpg) center bottom no-repeat;position: relative;}
.f-bd{position: relative;}


/*about-banner*/
.about-banner{background: url(img/about-banner.jpg) center no-repeat;}
.news-banner{background: url(img/news-banner.jpg) center no-repeat;}
.pro-banner{background: url(img/pro-banner.jpg) center no-repeat;}
.l-banner{height: 563px;overflow: hidden;background-size: auto 100%}
@media(max-width:768px){
	.l-banner{height: 400px}
}
@media(max-width: 576px){
	.l-banner{height: 260px}
}

/*position*/
.position{margin-top: -80px;position:relative;height: 80px;}
.position .wrap{height: 80px;position: absolute;bottom:0;left:50%;transform:translate(-50%);}
.position:before{content:'';width:100%;height: 80px;background: rgba(0,0,0,0.4);position: absolute;bottom:0;left:0;}
.position .bg{position: absolute;width:calc(calc(100% - 1600px)/2);height: 80px;background: var(--zhu-color);left:0;bottom:0;}
.position .container-fluid{display: flex;flex-direction: row;justify-content: space-between;}
.position .left{height: 100%;padding:0px 35px;color:#fff;background: var(--zhu-color);float: right;height: 80px;display: inline-block;line-height: 80px;}
.position .left a{color:#fff;transition: all .5s}
.position .left a:hover{color:var(--pei-color);}
.position .right{float: left;}
.position .right a{color:#fff;padding:0 15px;display: inline-block;line-height: 80px;transition: all .5s}
.position .right a i{margin-right: 15px;font-size: 20px;float: left;}
.position .right a:hover{color:var(--pei-color);}
@media(max-width: 1024px){
	.position{margin-top: 0;height: 100px;}
	.position:before{background: none;}
	.position .wrap{display: flex;flex-direction: column;height: 100%}
	.position  .left{height: 40px;line-height: 40px;padding:0 15px;}
	.position  .right{height: 60px;float: left;text-align: right;color:#333;border-bottom: solid 1px #eee}
	.position .right a{line-height: 60px;color:#333;}
}
@media(max-width: 576px){
	.position{height: 40px;}
	.position .right{display: none;}
}

/*company a1*/
.a1 {  padding:60px 15px;}
.a1t h2 { font-size: 36px; line-height: 1.5;font-weight: bold; }
.a1t { margin-bottom: 40px; }
.a1c { overflow: hidden; }
.a1c1 { float: left; margin-right: 5%; width: 40%; }
.a1c2 { float: left; width: 50%; }
.a1c2t { margin-bottom: 10px; }
.a1c2t h3 { font-size:30px; line-height:30px;color:#333333;font-weight: bold; }
.a1c2t span { font-size: 14px; text-transform: uppercase; color: #333333; }
.a1c2 p { font-size: 16px; text-transform: uppercase;-webkit-line-clamp:4; line-height:25px;}
.a1c3 { clear: both; }
.a1c3 ul { width: 65%; float: right; padding-bottom: 100px; }
.a1c3 ul li { width: 65%; color: #ffffff; }
.a1c3 ul li h3 { font-size: 30px; margin-bottom: 30px; }
.a1c3 ul li.l1 { border-bottom: 1px #fff dashed; margin-bottom: 50px; padding-bottom: 40px; }
@media(max-width: 1600px){
	.a1{background: url(img/abg2.jpg) no-repeat center bottom;}
}
@media(max-width: 1400px){
	.a1c3 ul li{width:100%;}
}
@media(max-width: 1200px){
	.a1{background-position: top center}
	.a1c3 ul{padding-bottom: 30px;}
	.a1c3 ul li{width:100%;}
}
@media(max-width: 1024px){
	.a1{background: none;}
	.a1c3 ul{width:100%;background: var(--zhu-color);padding:45px;margin-top: 30px;}
}
@media(max-width: 992px){
	.a1c2t{margin-bottom: 30px;}
	.a1c2t h3{font-size: 24px;}
	.a1c2t span{font-size: 12px;}
	.a1c2 p{line-height: 36px}
}
@media(max-width: 768px){
	.a1c1{width:100%;margin-right:0;}
	.a1c2{width:100%;margin-top: 15px;}
}
@media(max-width: 576px){
	.a1{padding:60px 15px 0;}
	.a1t h2{font-size: 30px}
	.a1c2t h3{font-size: 20px;}
	.a1c2t span{font-size: 12px;}
	.a1c3 ul{padding:30px 15px;}
	.a1c3 ul li h3{font-size: 20px;}
}

/*video*/
#video{margin:60px 0 0;}
.video{background: url(img/video-bg.jpg) no-repeat;padding:150px 20%;color:#fff;text-align: center;background-size:100% 100%;}
.video i{font-size: 100px;}
.video .t1{font-size: 30px;font-weight: bold;margin-top: 20px}
.video .t2{font-size: 18px;line-height: 36px;margin-top:30px; }
@media(max-width: 1400px){
	#video{margin:80px 0;}
	.video{padding:120px 15%;}
}
@media(max-width: 1200px){
	#video{margin:60px 0;}
	.video{padding:80px 5%;}
}
@media(max-width: 600px){
	#video{display: none;}
}
@media(max-width: 576px){
	#video{margin:30px 0;}
	.video{padding:30px 0;}
	.video i{font-size: 50px}
	.video .t1{margin-top: 10px}
	.video .t2{font-size: 14px;line-height: 24px;margin-top: 15px}
	.layui-layer{ width: 96%!important; }
}


/*honor*/
.honor{background: #edf0f0;padding:30px 0;}
.honor-hd{padding:15px 0;text-align: center;font-size: 45px;color:#161717;font-weight: bold;position: relative;}
.honor-hd:after{content:'';position: absolute;width:50px;height: 2px;background: var(--zhu-color);left:50%;transform: translate(-50%);bottom:0;}
.m2ryBox{overflow: hidden;margin-top: 45px}
.m2ryBox .swiper-slide{ perspective:800px;}
.m2ryImg{display: block;}
.m2ryImg img{width:400px;height: 300px}
.m2ryBox p{color:#666;}

@media(min-width: 992px){
	.m2ryImg{transition:all 0.5s ease-in-out; position:relative; text-align:center}

	.m2ryImg:after{content:""; position:absolute; left:0; top:0; bottom:0; right:0; background: url(img/ryBtn.png) no-repeat center center; background-size:cover; transition:all 0.5s ease-in-out;}
	.m2ryBox .swiper-slide-active + .swiper-slide .m2ryImg:after{opacity:0;}
	.m2ryBox .swiper-slide-active .m2ryImg{transform: translate3d(50px, 0px, -100px) rotateX(0deg) rotateY(35deg) scale(0.9); opacity:1}
	.m2ryBox .swiper-slide-next + .swiper-slide .m2ryImg{transform: translate3d(-50px, 0px, -100px) rotateX(0deg) rotateY(-35deg) scale(0.9);}
	.m2ryBox{position:relative;}
	.m2ryBox .swiper-slide-next + .swiper-slide .m2ryImg:after{ background: url(img/ryBtn2.png) no-repeat center center; background-size:cover;}
	.m2ryBox .prev{ height: 478px; width: 344px; position: absolute; left: 50px; top: 26px; z-index:5; }
	.m2ryBox .next{ height: 478px; width: 344px; position: absolute; right: 50px; top: 26px; z-index:5; }
	.m2ryBox p{ transition:all 0.5s ease-in-out; font-size:18px; text-align:center; line-height:32px; margin-top:25px; opacity:0}
	.m2ryBox .swiper-slide-active + .swiper-slide p{opacity:1;}
}
@media(max-width: 1400px){
	.m2ryImg img{/*width:300px;*/height: auto }
}
@media(max-width: 992px){
	.honor .container{max-width: 100%}
	.m2ryBox {position:relative;}
	.m2ryImg{text-align:center;}
	/*.m2ryImg img{width:300px;height: 400px }*/
	.m2ryImg p{ font-size:20px; line-height:28px; text-align:center; margin-top:25px;}
	.m2ryBox .prev{display: none;}
	.m2ryBox .next{ display: none }
}
@media(max-width: 576px){
	.honor-hd{font-size: 30px;}
}


/*single*/
.single{padding:45px 0;}
.single .title{font-size: 40px;text-align: center;position: relative;font-weight: bold;padding-bottom: 10px}
.single .title:after{content:'';width:100px;height: 3px;background: var(--zhu-color);position: absolute;left:50%;transform: translate(-50%);bottom:0;}
.single .content{line-height:260%;padding:45px 0px 0;width:100%;}
@media(max-width: 576px){
	.single .title{font-size: 30px;}
}



/*????????????*/
.pro-center{overflow: hidden;padding:60px 0px 0;}
.pro-center-hd p{font-size: 36px;line-height: 1.5;font-weight: bold;}
.pro-center-bd{padding-top:60px;}
.pro-center-bd .item{background: #f7f6f6;padding:60px 0;}
.pro-center-bd .item .wrap{display: flex;flex-direction: row;justify-content: space-between;}
.pro-center-bd .item .left{width:680px;}
.pro-center-bd .item .left .img{width:100%;padding-bottom: 50%;border-radius: 20px;}
.pro-center-bd .item .right{width:calc(100% - 700px);padding:0 5%;}
.pro-center-bd .item .right .t1{font-size:30px;font-weight: bold;}
.pro-center-bd .item .right .t2{font-size: 16px;color:var(--zhu-color);font-weight: bold;margin:20px 0 15px;}
.pro-center-bd .item .right .t2 i{font-weight: normal;font-size: 24px;float: left;line-height: 1;margin-right:10px;}
.pro-center-bd .item .right .txt{line-height: 30px;color:#666666;}
/*
.pro-center-bd .item:nth-child(2n){background: #fff;}
.pro-center-bd .item:nth-child(2n) .wrap{flex-direction: row-reverse;}
*/
@media(max-width: 1600px){
	.pro-center-hd{padding:0 15px;}
}
@media(max-width: 1200px){
	.pro-center-bd .item .left{width:50%;}
	.pro-center-bd .item .right{width:50%;padding:0 30px;}
}
@media(max-width: 992px){
	.pro-center-bd .item .wrap{flex-direction: column;padding:0 15px;}
	.pro-center-bd .item:nth-child(2n) .wrap{flex-direction: column;}
	.pro-center-bd .item .left{width:100%;}
	.pro-center-bd .item .right{width:100%;}
	.pro-center-bd .item .right .t1{margin-top: 30px;}
}
@media(max-width: 576px){
	.pro-center-hd p{font-size: 30px;}
	.pro-center-bd{padding-top:45px;}
	.pro-center-bd .item{padding:30px 0;}
	.pro-center-bd .item .right{padding:0px;}
	.pro-center-bd .item .right .t1{font-size:22px;}
}

/*????????????*/
#cpinfo_bj{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.3); position: relative; padding: 0; z-index: 1; margin-top: 30px; margin-bottom: 3%;}
#cpinfo_bj .main{ padding: 3%;line-height: 30px}
.cppic{ position: relative; overflow: hidden;}
.cppic .pic{width: 100%;height: 100%;object-fit: cover;}
.cppic .hot{ position: absolute; right: 8%; bottom: 20%; z-index: 1; width: 15%;}
.cppic .hot img{ width: 100%;}
.cpfont{ padding: 0 3%;}
.cpfont h6{margin-top: 15px;}
.cpfont .tit{ color: #333333; font-size: 36px; font-weight: bolder;}
.cpfont .con{ background: url("img/cpclass_line.png") no-repeat left bottom; color: #666666; font-size: 18px; height: 60px; line-height: 60px;}
.cpfont dl{ text-align: center; padding: 6% 0 3%; margin: 0;}
.cpfont dl dd{ display: inline-block; text-align: center; width: 19%;}
.cpfont dl dd p{ display: inline-block; width: 60px; height: 60px; line-height: 60px; border: 1px solid #000; border-radius: 3px; transition: 0.3s;}
.cpfont dl dd p i{ font-size: 35px; transition: 0.3s;}
.cpfont dl dd span{ display: block; font-size: 15px; height: 45px; line-height: 45px;}
.cpfont dl dd:hover p{ background: var(--zhu-color); border: 1px solid  var(--zhu-color);}
.cpfont dl dd:hover p i{ color: #fff;}
.cpfont dl dd:hover span{ color:  var(--zhu-color);}
.cpfont ul .bt{ font-weight: bold; color: #333333; font-size: 16px;}
.cpfont ul li{ width: 20%; float: left; margin: 2% 0; cursor: default;}
.cpfont ul li p{ width: 115px; border: 3px solid #d4d4d4; height: 115px; border-radius: 100%; overflow: hidden; position: relative; transition: 0.3s;}
.cpfont ul li p img{width:100%;height: 100%;object-fit: cover;}
.cpfont ul li p span{ display: block; position: absolute; left: 0; bottom: 0; z-index: 1; text-align: center; height: 30px; line-height:30px; background: var(--zhu-color); width: 100%; color: #fff; transition: 0.3s;}
.cpfont ul li:hover p{ border: 3px solid var(--zhu-color);}
.cpfont ul li:hover p span{ background: rgba(0,104,55,0.8); height: 115px; line-height: 115px; font-size: 16px;}

.cpfont .cp-tools { float: left; height: auto; line-height: 50px; text-align: center; width: 60%; overflow: hidden; padding: 0; margin-top: 5%;}
.cpfont .cp-tools a { display: block; float: left; flex: 1; width: 45%; height: 50px; border-radius: 5px; background-color: var(--pei-color); color: #ffffff; }
.cpfont .cp-tools a:nth-of-type(2){ float: right;}
.cpfont .cp-tools a.btn-free { background:#222d35; color: #fff;}
.cpfont .cp-tools a:hover { background-color: var(--zhu-color); color: #ffffff; }
.cpfont .cp-tools a:hover ~ .btn-ask { background:#222d35; color: #fff;}
.cpfont .tel{ float: left; margin: 4% 0 0 5%; }
.cpfont .tel p{ color: #666666; font-size: 16px;}
.cpfont .tel span{ color: var(--pei-color); font-size: 30px; font-weight: bolder;}

@media screen and (max-width:1440px){
    .cpfont ul li p{ width: 90px; height: 90px;}
    .cpfont ul li p span{ font-size: 12px;}
    .cpfont ul li:hover p span{ height: 90px; line-height: 90px; font-size: 12px;}
    .cpfont .tit{ font-size: 30px;}
    .cpfont .con{ font-size: 16px;}
}
@media screen and (max-width:1200px){
    .cpfont ul li p{ width: 75px; height: 75px;}
    .cpfont ul li p span{ height: 25px; line-height: 25px;}
    .cpfont ul li:hover p span{ height: 75px; line-height: 75px;}
    .cpfont .tit{ font-size: 26px;}
    .cpfont .con{ font-size: 14px;}
}
@media screen and (max-width:991px){
    .cpfont{ margin-top: 5%;}
    .cpfont .tit{ font-size: 26px;}
    .cpfont .con{ font-size: 14px; line-height: 25px; height: 60px; margin-top: 3%;}
    .cpfont dl dd span{ font-size: 12px;}
    .cpfont ul{ display: none;}
    .cpfont .cp-tools{ margin-top: 0; width: 40%;}
    .cpfont .cp-tools a:nth-of-type(2){ float: left; width: 100%;}
    .cpfont .tel{ margin-top: 0;}
    .cpfont .tel span{ font-size: 24px;}
}
@media(max-width: 576px){
	.cpfont dl dd{width:18%;}
	.cpfont dl dd p{width:50px;height: 50px;line-height: 50px;}
}
.cpnr{ background: #ededed; width: 100%; margin-top: 3%; border-radius: 5px; padding: 2%; transition: 0.3s;}
.cpnr .tit i{ float: left; font-size: 30px; margin-right: 15px;}
.cpnr .tit{ color: #222222; font-size: 24px; height: 50px;}
.cpnr .content{ background: #fff; color: #666666; line-height: 40px; border-radius: 5px; padding: 1.5% 1%;display: flex;flex-direction: row;justify-content: space-between;}
.cpnr .content .float-right{ width: 40%; text-align: center; padding: 2% 0;}
.cpnr .content .float-right img{ max-width: 100%;}
.cpnr .content .float-left{ width:100%; padding: 0 15px; font-size: 16px;}
.cpnr:hover{ background: var(--zhu-color);}
.cpnr:hover .tit{ color: #fff;}
@media(max-width: 1024px){
	.cpnr{ padding: 5%;}

	.cpnr .content{flex-direction: column;}
	.cpnr .content .float-right,.cpnr .content .float-left{ width: 100%;}
	.cpnr .content .float-left{ font-size: 14px;}

}
@media(max-width: 576px){
	.cpnr{padding:5% 0;}
}



.cpinfo_tj{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.3); margin-bottom: 3%; padding: 2%;}
.cpinfo_tj .tit{ color: #2e2e2e; font-size: 30px; font-weight: bold; border-bottom: 1px solid #e6e6e6; height: 60px;}
.cpinfo_tj .content{ padding: 2% 0 0;}
.cpinfo_tj .content ul li{ float: left; margin: 0 2%; text-align: center; position: relative;}
.cpinfo_tj .content ul li:before{ position: absolute; left: -10%; bottom: 0; background: #f0f0f0; width: 120%; height: 60%; border-radius: 25px; content: '';}
.cpinfo_tj .content ul li p{ position: relative; z-index: 1; width: 110px; height: 100px; line-height: 100px; background: #dcc087; background-image: linear-gradient(to right, #dcc087 , #c08930); border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.cpinfo_tj .content ul li p i{ position: relative; z-index: 1; color: #fff; font-size: 60px;}
.cpinfo_tj .content ul li span{ position: relative; z-index: 1; display: block; color: #424242; font-size: 16px; height: 40px; line-height: 40px;}
.cpinfo_tj .content ul li:hover p{ background: var(--zhu-color); background-image: linear-gradient(to right, #006837 , #278559);}
.cpinfo_tj .content ul li:nth-of-type(1) p:before{ position: absolute; left: 0; bottom: -30%; width: 100%; height: 100%; background: url("img/info_fw1.png") no-repeat center; background-size: 100% 100%; content: '';}
.cpinfo_tj .content ul li:nth-of-type(2) p:before{ position: absolute; left: 0; bottom: -30%; width: 100%; height: 100%; background: url("img/info_fw2.png") no-repeat center; background-size: 100% 100%; content: '';}
.cpinfo_tj .content ul li:nth-of-type(3) p:before{ position: absolute; left: 0; bottom: -30%; width: 100%; height: 100%; background: url("img/info_fw3.png") no-repeat center; background-size: 100% 100%; content: '';}
.cpinfo_tj .content ul li:nth-of-type(4) p:before{ position: absolute; left: 0; bottom: -30%; width: 100%; height: 100%; background: url("img/info_fw4.png") no-repeat center; background-size: 100% 100%; content: '';}
@media screen and (max-width:991px){
    .cpinfo_tj .tit{ height: 60px; line-height: 60px; font-size: 24px;}
    .cpinfo_tj .content ul li{ width: 40%; margin: 0 5% 5%;}
    .cpinfo_tj .content ul li:before{ width: 100%; left: 0;}
    .cpinfo_tj .content ul li p{ display: inline-block;}
}

#kjcx{position: relative; margin-top: 3%;}
#kjcx .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#kjcx .swiper-slide {
    transition:0.3s;
    position: relative;
    padding-bottom: 40px;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#kjcx .swiper-slide .img{  padding: 10%; position: relative; overflow: hidden;padding-bottom: 75%;}
#kjcx .swiper-slide .img .pic{width: 100%;}
#kjcx .swiper-slide .img .hot{ position: absolute; right: 8%; bottom: 20%; z-index: 1; width: 15%;}
#kjcx .swiper-slide .img .hot img{ width: 100%;}
#kjcx .swiper-slide .title{ color: #333333; font-size: 16px; text-align: center; height: 50px; line-height: 50px;}
#kjcx .swiper-slide dl{ text-align: center; width: 100%;}
#kjcx .swiper-slide dl dd{ width: 43%; display: inline-block; height: 38px; background: #aeaeae; line-height: 38px; color: #fff; border-radius: 20px; text-align: center; font-size: 15px; transition: 0.3s;}
#kjcx .swiper-slide dl a:last-of-type dd{ background: var(--zhu-color);}
#kjcx .swiper-slide dl dd:hover{ background: #333 !important;}
#kjcx .swiper-slide:hover .img:before{ transform: translateX(5px) rotate(5deg);}

/*no-goods*/
.no-goods{padding:50px;text-align: center;}

/*fenye*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0;  clear: both;}
	.de-page-mian .page-inner{display: inline-block; overflow: hidden;margin: 10px auto 35px;}
	.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;width:auto;}
	.de-page-mian .page-inner a.active,
	.de-page-mian .page-inner a:hover{color: #fff; border-color:var(--zhu-color); background: var(--zhu-color);}
	.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(img/prev.jpg) no-repeat center;}
	.de-page-mian .page-inner a.prev.on{background: #fff url(img/prev-hover.jpg) no-repeat center;}
	.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
	.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(img/next.jpg) no-repeat center;}
	.de-page-mian .page-inner a.next.on{background: #fff url(img/next-hover.jpg) no-repeat center;}
	.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
	.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;display: none;}
	.de-page-mian .page-inner span{display: none; font-size: 12px; color: #333; float: left; line-height: 38px;}
	.de-page-mian .page-inner input{display: none; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}

/*???????????????*/
.de-news-list { height: auto; padding: 60px 0;}
.de-news-list ul li { padding: 2% 0; transition:0.5s; position: relative; border-bottom: 1px solid rgba(0,0,0,0.1); cursor: pointer;}
/*.de-news-list ul li:before{ position: absolute; left: -20%; top: 0; width: 0; height: 100%; background: #f8f8f8; content: ''; transition: 0.5s;}*/
.de-news-list ul li .container-fluid{display: flex;flex-direction: row;}
.de-news-list ul li .left { float: left; padding-bottom: 0; position: relative; overflow: hidden;width:300px;}
.de-news-list ul li .left a{display: block;width:100%;padding-bottom: 60%}
.de-news-list ul li .left img { width: 100%; height: 100%; object-fit: cover;transition:0.3s;}
.de-news-list ul li .time{ color: var(--zhu-color); font-size: 28px;  text-align: center;width:220px; font-family: 'arial'}
.de-news-list ul li .box{ width:calc(100% - 540px);}
.de-news-list ul li .box h4 { color: #333333; overflow: hidden; margin: 0; font-size: 22px; text-overflow: ellipsis; white-space: nowrap; font-weight: normal !important;}
.de-news-list ul li .box p { color: #999999; line-height: 28px; height: auto; overflow: hidden; margin: 2% 0 !important;}
.de-news-list ul li .box .more1 { color: var(--zhu-color);}
.de-news-list ul li .chakan{ position: absolute; right: 0; top: 0; z-index: 1; width: 0; height: 100%; background: rgba(28,84,188,0.8); text-align: center; color: #fff; padding-top: 6%; transition: 0.3s;}
.de-news-list ul li .chakan i{ font-size: 36px;}
.de-news-list ul li:hover{background: #f8f8f8}
.de-news-list ul li:hover img{transform: scale(1.1);}
/*.de-news-list ul li:hover:before{ width: 140%;}*/
.de-news-list ul li:hover .chakan{ width: 13%;}


@media screen and (max-width:992px){
   .de-news-list ul li .left{width:240px;}
   .de-news-list ul li .time{width:180px;}
   .de-news-list ul li .box{width:calc(100% - 420px);}
}
@media screen and (max-width:768px){ 
	.de-news-list ul li{padding:15px 0;}
	.de-news-list ul li .container-fluid{flex-direction: column;}
   .de-news-list ul li .left{width:100%;}
   .de-news-list ul li .time{width:100%;text-align: left;padding:10px 0;font-size: 20px;}
   .de-news-list ul li .box{width:100%;}
   .de-news-list ul li .box h4{font-size: 18px}
   .de-news-list ul li .box p{font-size: 12px}
   .de-news-list ul li .chakan{ display: none;}
}

/*????????????*/
#xwinfo_bj .bai{ padding: 3%; border-radius: 5px; margin-top: 0.5%;background: #fff;}
#xwinfo_bj .news-detail-title{ line-height: 35px;}
#xwinfo_bj .news-detail-title .float-left{ width: 85%;float: left;}
#xwinfo_bj .news-detail-title .h3{ color: #000000; font-size: 26px; height: auto; padding-bottom: 10px;}
#xwinfo_bj .news-detail-title .b{ color: #666666; font-size: 14px;}
#xwinfo_bj .news-detail-title .float-right{ color: #666666; font-size: 16px; transition: 0.3s;}
#xwinfo_bj .news-detail-title .float-right p{ display: inline-block; height: 35px; width: 35px; border-radius: 100%; background: var(--zhu-color); line-height: 35px; text-align: center; margin-right: 10px !important;}
#xwinfo_bj .news-detail-title .float-right p i{ color: #fff;}
#xwinfo_bj .news-detail-title .float-right:hover{ letter-spacing: 3px;}
#xwinfo_bj .news-detail .img1{text-align: center;margin-bottom: 30px}
#xwinfo_bj .news-detail{ font-size: 15px; color: #666666;line-height: 260%;padding:30px;}
#xwinfo_bj .newsPage{ padding: 0;}
#xwinfo_bj .newsPage .page-a{ float: left; color: #999; font-size: 16px; width: 45%; height: 90px; line-height: 90px; padding-left: 5%; transition: 0.3s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#xwinfo_bj .newsPage .page-a a{ color: #999; transition: 0.3s;}
#xwinfo_bj .newsPage .page-a:last-of-type{ float: right;}
#xwinfo_bj .newsPage .page_more{ float: left; position: relative; width: 90px;height: 90px; border-left: 3px solid #f5f5f5;border-right: 3px solid #f5f5f5;transition:.4s; }
#xwinfo_bj .newsPage .page_more:hover{background: var(--zhu-color);}
#xwinfo_bj .newsPage .page_more:hover i{background:  #fff ;}
#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(1){width: 10px;}
#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(2){width: 20px;}
#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(3){width: 30px;}
.pagerList{position: absolute; top:38px; left: 28px;}
.pagerList span{display: block;}
.pagerList span i{display: block; background:#aaa; width: 30px; transition:.4s; height: 2px; margin-bottom:3px;}
#xwinfo_bj .newsPage .page-a:hover,#xwinfo_bj .newsPage .page-a:hover a{ color: var(--zhu-color);}
@media screen and (max-width:991px){
    #xwinfo_bj .news-detail-title .h3{ font-size: 20px;}
    #xwinfo_bj .news-detail-title .float-right p{ width: 25px; height: 25px; line-height: 25px;}
    #xwinfo_bj .newsPage{ padding: 3% 0;}
    #xwinfo_bj .newsPage .page-a{ width: 100%; height: 40px; line-height: 40px; font-size: 14px;}
    #xwinfo_bj .newsPage .page_more{ display: none;}
}
@media screen and (max-width:768px){
    #xwinfo_bj .news-detail-title .float-right{ display: none;}
    #xwinfo_bj .news-detail-title .float-left{ width: 100%;}
    #xwinfo_bj .news-detail-title .h3{ font-size: 18px; height: auto;}
}
.news-detail-title{padding-bottom:15px;text-align:center;margin-bottom:15px;}
.news-detail-title .h3{font-size:30px;color:#323232;height:50px;text-align:left;font-weight:bold;border-bottom:1px solid #efefef;}
.news-detail-title .b{font-size:13px;color:#999999;text-align:left;line-height:20px;margin-top:2%;}
.news-detail-title .b i{display:inline-block;padding-right:10px;}
.news-detail-title p{text-align:left;font-size:1rem;}
.news-detail-title p a{color:#ccc;}
@media screen and (max-width:768px){
	.news-detail-title .h3{font-size:16px;height:35px;}
}
@media(max-width: 576px){
	#xwinfo_bj{padding:0;}
	#xwinfo_bj .news-detail{padding:30px 15px;}
}


/*??????????????????*/
.newsPage{padding:2%;font-size:14px;border-top:1px solid #efefef;color:#999;line-height:35px;margin:15px 0 30px;overflow: hidden;}
.newsPage a{color:#999;}
.newsPage a:hover{color:#bd1e25;}


/*??????*/
.jm_tit{ text-align: center; color: #3f3f3f; font-size: 30px; position: relative; height: 50px;margin-top: 30px}
.jm_tit:before{ position: absolute; bottom: 0; left: 45%; background: #e5e5e5; content: ''; width: 10%; height: 1px;}
.jm_tit:after{ position: absolute; bottom: -1px; left: 49%; background: var(--zhu-color); content: ''; width: 2%; height: 3px;}

#jmlc{ padding: 5% 10% 0;}
#jmlc .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#jmlc .swiper-slide {
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    background: #f1f1f1;
    padding: 5px;
    border-radius: 150px;
    cursor: default;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#jmlc .swiper-slide .pic{ text-align: center;}
#jmlc .swiper-slide p{ color: #343434; font-size: 24px; padding: 5% 0 2%; position: relative; margin: 3% 0 1% !important;}
#jmlc .swiper-slide span{ display: block; padding: 0 10%; text-align: center; color: #6c6c6c; font-size: 14px; min-height: 110px; line-height: 25px;}
#jmlc .swiper-slide:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1); background:var(--zhu-color);}
#jmlc .swiper-slide:hover p,#jmlc .swiper-slide:hover span{ color: #fff;}
@media(max-width: 1200px){
	#jmlc{ padding: 5% 0% 0;}
}
@media screen and (max-width:768px){
    #jmlc{ padding:30px 0%;}
}
@media screen and (max-width:450px){
    /*#jmlc .swiper-slide .pic img{ height: 165px;}*/
    #jmlc .swiper-slide p{font-size: 20px}
    #jmlc .swiper-slide span{font-size: 12px;}
}


.jmys_pic{ text-align: center;}
.jmys_pic img{ width: 100%;}
.jmys_nr{ padding: 10% 3% 0;}
.jmys_nr i{ color: var(--zhu-color); font-size: 80px; height: 80px; line-height: 80px;}
.jmys_nr p{ color: #3f3f3f; font-size: 24px; padding: 3% 0 5%;}
.jmys_nr span{ display: block; color: #797979; font-size: 18px;}
@media screen and (max-width:768px){
    .jmys_nr i{ font-size: 60px; height: 60px; line-height: 60px;}
    .jmys_nr p{ font-size: 20px; padding: 3% 0;}
    .jmys_nr span{ font-size: 14px;}
}



#jmtj{ padding:45px 0;}
#jmtj li{ width: 49%; float: left; text-align: left; margin-bottom: 1%; height: 55px; line-height: 55px; background: #f7f7f7; border: 1px solid #dddddd; padding: 0 1%; transition: 0.3s; border-radius: 3px;}
#jmtj li:nth-of-type(even){ float: right;}
#jmtj li p{ float: left; width: 50px; text-align: center; font-size: 30px; font-family: Bahnschrift; position: relative;}
#jmtj li p:before{ position: absolute; left: 0; top: 50%; content: ''; background: var(--zhu-color); width: 100%; height: 0; border-radius: 3px; transition: 0.3s; opacity: 0;}
#jmtj li p i{ position: relative; z-index: 1; color: #313131; transition: 0.3s;}
#jmtj li span{ float: left; font-size: 14px; color: #3f3f3f; padding-left: 1%;}
#jmtj li:hover{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border: 1px solid #fff;}
#jmtj li:hover p:before{ top: -10%; height: 120%; opacity: 1;}
#jmtj li:hover p i{ color: #fff;}
@media screen and (max-width:1440px){
    #jmtj li p{ width: 40px; font-size: 20px;}
    #jmtj li span{ font-size: 12px;}
}
@media screen and (max-width:991px){
    #jmtj li{ width: 100%;}
}
@media screen and (max-width:450px){
    #jmtj li p{ display: none;}
}

.hui{ background: #f2f2f4;margin-top: 45px;padding:0px 0 45px;}


.lxbj{ background: url("img/lxwm_bj.jpg") no-repeat center bottom; padding: 12% 0 7%;}
.lx_wx{ padding: 5% 0 0; text-align: center;}
.lx_wx .ewm{ float: left; width: 50%;}
.lx_wx p img{ width: 150px;}
@media screen and (max-width:991px){
    .lxbj{ padding-top: 20%;}
}
@media screen and (max-width:768px){
    .lxbj{ padding-top: 30%;}
}


.de-contact{overflow:hidden;}
.de-contact .contact-list{background:rgba(18,119,169,0.8);padding:3%;color:#fff;overflow:hidden;}
.de-contact .contact-list .tit{border-bottom:1px solid rgba(255,255,255,0.5);position:relative;}
.de-contact .contact-list .tit:before{position:absolute;left:0;bottom:-1px;content:'';width:5%;height:1px;background:#fff;}
.de-contact .contact-list .tit span{display:block;height:35px;font-size:14px;font-family:Arial;}
.de-contact .contact-list .tit p{font-size:30px;font-weight:bold;height:50px;}
.de-contact .contact-list ul{margin:0 -15px !important;}
.de-contact .contact-list ul li{padding:7% 0;font-size:14px;color:#fff;line-height:20px;border-bottom:1px solid rgba(255,255,255,0.2);}
.de-contact .contact-list ul li p{float:left;width:42px;height:42px;line-height:42px;border:1px solid #fff;border-radius:100%;text-align:center;margin-top:1% !important;}
.de-contact .contact-list ul li p i{font-size:20px;}
.de-contact .contact-list ul li .float-left{padding-left:60px;font-size:16px;line-height:25px;}
.de-contact .contact-list ul li span{display:block;font-size:14px;}
.de-contact .contact-map{overflow:hidden;padding:0;}
.de-contact .contact-map #dituContent{width:100%;height:100%;}
@media screen and (max-width:1440px){.de-contact .contact-list .tit p{font-size:26px;}
.de-contact .contact-list ul li .float-left{font-size:14px;}
}
@media screen and (max-width:1200px){.de-contact .contact-list ul li{padding:5% 0;}
}
@media screen and (max-width:991px){
	.de-contact .contact-list ul li{padding:3% 0;}
	.de-contact .contact-map{height:400px;}
}
@media(max-width: 576px){
	.de-contact{padding:0 15px;}
	.de-contact .contact-list .tit p{font-size: 20px}
	.de-contact .contact-list .tit span{font-size: 12px;}
}

/*piclist*/
.piclist{padding:30px 0;}
	.piclist .row>div{margin-bottom: 30px}
	.piclist .item{display: flex;flex-direction: column;border-radius: 5px;overflow: hidden;transition: all .5s;border:solid 1px #eee;padding:2%;}
	.piclist .item .pic{width:100%;padding-bottom:75%;position: relative;overflow: hidden;}
	.piclist .item .pic img{width:100%;height: 100%;object-fit: contain;position: absolute;}
	.piclist .item .pic:after{width:0;height: 0;content:'';position: absolute;top:0;left:0;background: rgba(0,0,0,.8);transition: all .5s;border-radius: 50%;}
	.piclist .item .pic i{color:#fff;font-size: 50px;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 1;opacity: 0;transition: all .5s}
	.piclist .item .txt{background: #f6f5f5;padding:15px;transition: all .5s}
	.piclist .item .t1{color: #333;font-size: 16px;font-weight: 700;transition: all .5s}
	.piclist .item .t2{color: #999999;font-size: 12px;margin:10px 0 15px;-webkit-line-clamp:2;transition: all .5s;height: 32px;}

	.piclist .item:hover{box-shadow: 0 0 10px #999;}
	.piclist .item:hover .txt{background: var(--zhu-color)}
	.piclist .item:hover .txt .t1{padding-left: 10px;color:#fff;}
	.piclist .item:hover .txt .t2{color:#fff;}
	.piclist .item:hover .pic:after{width:200%;height:200%; left:-50%;top:-50%;}
	.piclist .item:hover .pic i{opacity: 1;}
	.piclist .item:hover span{margin-left:calc(100% - 40px);}
	@media(max-width: 576px){
		/*.piclist .row>div:nth-child(2n){padding-left: 7.5px;}
		.piclist .row>div:nth-child(2n-1){padding-right: 7.5px;}*/
	}


/*#hezuo*/
#hezuo{background: url(img/ihezuo-bg.jpg);padding:60px 0;}