@charset "utf-8";
/* CSS Document */
.top_contact{ display: flex; align-items: center;height: 44px; font-size: 14px; float: right; line-height: 16px;}
.top_contact .top_qr,.top_contact .top_tel{ position: absolute; top: 65px; background: #fff; display: inline-block; padding: 10px; border-radius: 3px; opacity: 0; transition: .2s ease;}
.top_contact .top_qr img{ width: 100px;}
.top_contact .top_tel p{ font-size: 24px;}
.top_contact span{ display: inline-block; margin-right: 15px;}
.top_contact span:first-child{ padding-right: 15px; border-right:1px solid rgba(102,102,102,.3);}
.top_contact span i{ display: inline-block;width: 22px; height: 22px; border-radius: 50%; background: #f2f2f2; color: #3d63ca; line-height: 22px; text-align: center; font-size: 14px; margin-right: 3px;}
.top_lang p{ line-height: 28px; padding: 0 15px; border-radius: 14px; cursor: pointer;}
.top_lang{ position: relative;}
.top_lang .lang-list{ position: absolute; left:-30px; top:28px; background:#fff; padding:15px; width:170px; border-radius:5px; display:none; z-index:3;}
.top_lang .lang-list img{ float: left; margin-right: 5px;}
.top_lang .lang-list a{ display: block; color: #666; margin-bottom:8px;}
.top_lang .lang-list a:hover{ color:#097031;}
.top_lang:hover .lang-list{ display:block;}

.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; left: calc(50% - 800px); bottom: 50px;}
.sy-ban .swiper-slide{ width: 100%; overflow: hidden;}
.swiper-pagination-bullet:focus{ outline: 0;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ width: 26px; height: 4px; border-radius: 0; background: #fff; margin-right: 10px;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #084ea4;}
.bannerswiper span.iconfont{font-size: 14px;color: #fff;}
.bannerswiper .page .swiper-num{position: absolute;z-index: 2;bottom: 50px;right:  calc(50% - 800px);color: #fff; font-size: 20px;}
.bannerswiper .page .prne{width: 40px;position: absolute;bottom: 70px;right: 9%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none;}
.bannerswiper .page .swiper-pagination{position: absolute;bottom: 64px;left: 8%;z-index: 3;}
.bannerswiper .page .active{ font-size: 40px; font-weight: bold;}
.bannerswiper .banner-towrap{position: absolute;bottom: 42px; left: 50%; z-index: 2; text-align: center; color: #fff;}
.bannerswiper .banner-towrap p{font-size: 12px;color: #FFFFFF;text-align: center;margin-top: 10px;}
.bannerswiper .banner-to{transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;display: block;border: 1px solid #FFFFFF; background-color: transparent;z-index: 9; color: #fff; position: relative; height: 30px; width: 20px; text-align: center; border-radius: 10px; margin: 0 auto 5px;}
.bannerswiper .banner-towrap span{ color: #fff; font-size: 14px; display: block;}

.bannerswiper .banner-to i{ animation: downico 1.5s ease-out infinite;position: absolute; width: 3px; height: 5px; background: #fff; margin-left: -1px;}
@keyframes downico{
	0%{top: 10%;}
	35%{top: 40%;}
	65%{top: 50%;}
	100%{top: 10%;}
}
@-webkit-keyframes downico{
	0%{top: 10%;}
	35%{top: 40%;}
	65%{top: 50%;}
	100%{top: 10%;}
}

.sy-ban .swiperbtn{ position: unset;font-size: 30px; margin: 0;  color: #fff;}
.sy-ban .swiperbtn{ position: absolute; right: calc(50% - 800px); bottom: 50px;z-index: 3;}

.top_h{ height: 105px;}
.sy-ban .txt1{ padding: 30px 0; position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.sy-ban .txt1 p{ font-size: 24px; color: #fff; margin-bottom: 20px;}
.sy-ban .txt1 .box{ width: 55%;}
.sy-ban .txt1 h3{font-size: 68px; line-height: 72px; color: #fff;display: block; font-family: moneb; text-transform: uppercase;}
.sy-ban .txt1 .amore{ margin-top: 90px;}

.amore{ display: inline-block; line-height: 40px; border-radius: 20px; font-size: 18px; padding: 0 10px 0 12px; color: #333; position: relative;transition: .2s ease; overflow: hidden;}
.amore i{ margin-right: 20px; color: #fff; font-size: 18px; line-height: 40px;}
.amore.wb{ border-color: #fff; color: #fff;}
.amore.on{ color: #fff;}
.amore span{ position: relative; z-index: 2;}
.amore:after{ position: absolute;width: 40px; height: 100%; border-radius: 20px; content: '';background: #084ea4;  left: 0; top: 0; transition: .2s ease;z-index: 0}
.amore:hover:after{ width: 100%;}
.amore:hover{color: #fff;}


.sy_item_tit{ margin-bottom: 40px; text-align: center;}
.sy_item_tit h3{ font-size: 54px; text-transform: uppercase; font-family: moneb; line-height: 60px;}
.sy_item_tit p{ font-size: 18px;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}
.pro_pinpai{ padding: 140px 0 70px;}
.pro_pinpai ul{ width: 100%; padding:10px;}
.pro_pinpai li{ display: block; width: 19%; margin-right:auto;border-radius:16px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,.15); transition:.2s ease;}
.pro_pinpai li:nth-child(5){ margin-right: 0;}
.pro_pinpai a .imgfd{ padding-top: 54%; border-radius: 16px;}
.pro_pinpai a .txt{ padding: 18px 0; background:#3d3d3d;}
.pro_pinpai a p{ font-size: 18px; color: #fff; text-align: center; line-height: 27px; height: 27px; overflow: hidden;}
.pro_pinpai li:hover .txt{ background:#254d99;}
.pro_pinpai li:hover{ transform:translateY(-20px);}

.sy_product{ border-radius: 32px; overflow: hidden; position: relative; height:520px;}
.sy_product .txt{ width: 50%; padding: 80px 70px 70px; color: #fff;}
.sy_product .pic{ width: 45%; position: absolute; right: 8%; bottom: 0;}
.sy_product .pic img{ width: 100%;}
.sy_product .txt h3{ font-size: 40px; font-family: montb; color: #fff; padding-bottom: 10px; position: relative; border-bottom: 1px solid rgba(255,255,255,.3);}
.sy_product .txt h3:after{ position: absolute; bottom: 0; left: 0; background: #fff; content: ''; width: 130px; height: 5px;}
.sy_product .txt p.des{ margin: 25px 0 40px; font-size: 18px;}
.sy_product .txt h4{ font-size: 24px; font-family: montm; color: #fff; margin-bottom: 15px;}
.sy_product .txt .list p{ padding-left: 25px; position: relative; margin-bottom: 10px;}
.sy_product .txt .list p:after{ position: absolute; width: 4px; height: 4px; border-radius: 50%; left: 7px; background: #fff; content: ''; top: 50%; transform: translateY(-50%);}
.sy_product .txt .list a{ color: #fff; display: inline-block;}
.sy_product .txt .list p:before{ position: absolute; width: 16px; height: 16px; border-radius: 50%; left: 0; border: 1px solid #fff;content: ''; top: 50%; transform: translateY(-50%); opacity: 0;}
.sy_product .txt .list p:hover a{ text-decoration: underline;}
.sy_product .txt .list p:hover:before{ opacity: 1;}
.sy_product .qua{ position: absolute; width: 100px; right: -10px; bottom: 30px; color: #fff; display: block; line-height: 27px; font-size: 20px; font-family: montm; transition:.2s ease;}
.sy_product .qua:hover{ transform:scale(1.05);}
.proswiper{ overflow: hidden;}
.hot_product{ background: #f6f6f6; text-align: center;}
.hot_product .swibig{ padding: 0 130px; position:relative;}
.proswiper .hot_ul li{ border-radius: 32px; padding: 25px 40px 45px; background: #fff; transform:scale(0.9);}
.proswiper .hot_ul li.swiper-slide-active{ transform: scale(1);}
.hot_ul li h2{ font-size: 20px; font-family: monsb; line-height: 26px; height: 26px; overflow: hidden;}
.hot_ul li .line{ width: 70px; height: 4px; background: #cecece; display: inline-block;; margin: 20px 0;}
.hot_ul li p{ font-size: 18px; line-height: 30px; height: 60px; overflow: hidden;}
.hot_ul li:hover h2{ color: #084ea4;}
.hot_ul li:hover .line{ background: #084ea4;}
.hot_ul li .txt{margin-top: 30px;}
.swiperbtn { width: 110px; height: 110px; text-align: center; border-radius: 50%; line-height: 110px; font-size: 40px; border:1px solid #ddd; top:50%; transform:translateY(-50%); margin-top:0;}
.swiperbtn:hover{ background:#084ea4; border-color: #084ea4;color: #fff;}
.toptxt{ padding-bottom: 250px; overflow:hidden;}
.toptxt .left{ width: 60%; margin-right: auto;}
.toptxt .left span{ display: block; color: #084ea4; font-size: 18px; text-transform: uppercase;}
.toptxt .left h3{ font-family: moneb; font-size: 50px; line-height: 60px; margin-top: 10px;}
.toptxt .left p{ font-size: 18px; margin-top: 20px;}
.toptxt .ab_circ{ display: block; width: 185px; height: 185px; position: relative;}
.toptxt .ab_circ i{ width: 80px; display: inline-block; line-height: 80px; background: #084ea4; font-size: 24px; text-align: center; color: #fff; position: absolute; top: 52px; left: 52px; border-radius: 50%;}
.toptxt .ab_circ:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/cirbg_03.png) no-repeat center center; background-size: 100%; content: '';  -webkit-animation: xuanzhuan 8s linear infinite;animation: xuanzhuan 8s linear infinite;}
@-webkit-keyframes xuanzhuan{
	0%{ transform: rotate(0deg)}
	to{ transform: rotate(360deg)}
}
@keyframes xuanzhuan{
0%{ transform: rotate(0deg)}
	to{ transform: rotate(360deg)}
}
.sy_number{ padding: 300px 0 100px; position: relative; background: url(../images/bg_20.jpg) no-repeat center bottom; background-size: 100% auto;}
.sy_number .numpic{ width: 100%; position: absolute; left: 0; top: -170px;}
.sy_number .numpic .imgfdd{ border-radius: 32px;}
.numbox{ padding: 50px 2% 0;}
.numbox dt{ width: 23%; margin-right: auto; }
.numbox dt:nth-child(4){ margin-right: 0;}
.numbox .txt{ width: calc(100% - 100px); margin-left: auto; color: #fff;}
.numbox .txt h2{ color: #fff; font-family: montb;}
.numbox .txt b{ font-size: 70px; line-height: 70px; margin-right: 5px;}
.numbox .txt sup{ font-size: 48px; line-height: 45px;}
.numbox .txt p{ line-height: 24px; height: 48px;}
.lsbg{ background: url(../images/bg2_06.png) no-repeat center; height: 92px; width: 100%; background-size: 100%; position: absolute; left: 0; bottom: -20px;}
.lsbg a{ display: block; line-height: 92px; color: #fff; font-size: 16px; text-transform: uppercase; margin: 0 auto;}
.lsbg a i{ margin-right: 25px; font-size: 18px;}
.lsbg a:nth-child(2){ margin-left: 15%;}

.sy_news_list ul li{ float: left; width: 48%; margin-right: 4%;margin-bottom: 50px;}
.sy_news_list ul li:nth-child(2n){ margin-right: 0;}
.sy_news_list ul li .pic{ width: 40%; margin-right: auto;}
.sy_news_list ul li .imgfd{ padding-top: 68%; border-radius: 16px;}
.sy_news_list .txt{ width: 57%;}
.sy_news_list h2{ font-size: 24px; font-family: monsb; line-height: 36px;height: 72px; overflow: hidden;}
.sy_news_list li span{ display: block; color: #084ea4; margin: 10px 0;}
.sy_news_list p{ line-height: 24px; height: 72px; overflow: hidden;}
.sy_news_list ul li:hover h2{ color: #084ea4;}



@media (max-width: 1700px){

}


@media (max-width: 1600px){
	.sy-ban .svg-swiper-pagination{ left: 2%}
	.bannerswiper .page .swiper-num{ right: 2%;}
	
}

@media (max-width: 1441px){
.sy-ban .txt1 h3{ font-size: 50px; line-height:60px;}
.sy_product .qua{ font-size: 20px; line-height: 26px; bottom:10px; right:0;}
.hot_product .swibig{padding: 0 90px;}
.swiperbtn{ width: 80px; height: 80px; line-height: 80px; font-size:30px;}
.toptxt .left h3{font-size: 44px;}
.sy_number{padding: 220px 0 150px;}
.numbox .txt b{font-size: 60px; line-height: 60px;}
.sy_product .txt h3{font-size: 34px;}
}

@media (max-width: 1281px){
.pro_pinpai a p{font-size: 16px; line-height: 24px; height: 48px;}
.sy_product .qua{ display: none;}
.sy_product .pic{ width: 55%; right: 2%;}
.numbox dt{ width: 24%;}
.numbox .txt b{ font-size: 52px; line-height: 52px;}
.numbox .txt sup{font-size: 36px; line-height: 30px;}
.numbox .icon img{ width: 60px;}
.numbox .txt{ width: calc(100% - 80px);}
}

@media (max-width: 1024px){
.foot_center{ display: none;}
	.sy-ban .txt1 .amore{margin-top: 40px;}
	.sy-ban .txt1 .box{ width: 65%;}
	.sy_product .txt{ padding: 40px 35px 50px;}
	.sy_item_tit h3{ font-size: 40px; line-height: 50px;}
	.proswiper .hot_ul li{padding: 15px 20px 25px; border-radius:16px;}
	.hot_product .swibig{ padding: 0 70px;}
	.hot_ul li .txt{margin-top: 10px;}
	.hot_ul li .line{ margin: 10px 0;}
	.hot_ul li p{font-size: 16px; line-height: 24px; height: 48px;}
	.toptxt .left h3{ font-size: 36px; line-height: 45px;}
	.sy_number{ background-size: cover;}
	.sy_number{ padding: 130px 0;}
	.lsbg{ display: none;}
	.sy_news_list ul li{ width: 100%; float: none;}
	.sy-ban{margin-top: 54px;}
}
@media (max-width: 768px){
.sy-ban .txt1 p{font-size: 20px;}
.sy-ban .txt1 h3{ font-size: 38px; line-height: 40px;}
.bannerswiper .banner-towrap{display: none;}
.bannerswiper .page .swiper-num{bottom: 30px;}
.pro_pinpai{padding: 40px 0 0;}
.pro_pinpai a{ width: 48%; margin-right: 4%; margin-bottom:20px;}
.pro_pinpai a:nth-child(2n){margin-right:0;}
.sy_product{ display: none;}
	.mainh{height: 40px;}
	.toptxt .left{width: 100%;}
	.toptxt .ab_circ{display: none;}
	.numbox dt{ width: 48%; margin-right: 4%; margin-bottom:20px;}
	.numbox dt:nth-child(2n){ margin-right:0;}
	.sy_number{ padding:60px 0;} 
	.toptxt{ padding-bottom: 200px;}
	.sy_news_list ul li{ margin-bottom: 25px;}
}
@media (max-width: 540px){

}
@media (max-width: 450px){
    .sy-ban .swiperbtn{display: none;}
.sy-ban .txt1 .amore{ display: none;}
.sy-ban .txt1 p{font-size: 16px; margin-bottom:8px;}
.sy-ban .txt1 h3{font-size: 24px; line-height: 28px;}
.sy-ban .txt1 .box{ width: 75%;}
.bannerswiper .page .active{font-size: 24px;}
.bannerswiper .page .swiper-num{font-size: 16px;}
.pro_pinpai a{ width:100%; float:none; margin-right:0;}
.sy_item_tit h3{font-size: 32px;}
.sy_item_tit p{font-size: 16px;}
.hot_product .swibig{ padding: 0 50px;}
.sy_item_tit{margin-bottom: 25px;}
.swiperbtn{ width: 50px; height: 50px; line-height: 50px; font-size: 20px;}
.toptxt .left h3{ font-size: 30px; line-height: 40px;}
.numbox dt{ display: block; text-align:center;}
.numbox .txt{ width: 100%;}
.sy_number .numpic .imgfdd{ border-radius: 16px;}
.numbox .txt b{ font-size: 40px; line-height: 40px;}
.sy_number .numpic .imgfdd img{ height: 250px;}
.toptxt .left p{font-size: 16px;}
.sy_news_list p{display: none;}
.sy_news_list h2{ font-size: 20px; line-height: 30px; height: 60px;}
.sy_news_list li span{font-size: 14px;}
.amore{font-size: 16px;}
}

.toph{ height: 71px;}
.nyban{ overflow: hidden; position: relative;}
.nyban img{ width: 100%;}
.nyban .bantxt{ position: absolute; width: 100%; text-align: center; left: 0; top: 50%; transform: translateY(-50%); color:#fff;}
.nyban .bantxt a{ color: #fff; text-transform:uppercase;}
.nyban .bantxt h3{ font-size: 60px; font-family: montb; color: #fff; line-height: 70px; text-transform:uppercase;}

.lx_left{ width: 40%;}
.lx_left h3{ font-size: 36px; font-family: montb; margin: 30px 0 20px;}
.lx_left p{ color: #7d7d7d;}
.lx_left p a{ color: #284191; text-decoration: underline;}
.lx_left .item{ margin-top: 40px;}
.lx_left .item .txt{ width: calc(100% - 85px); margin-left: auto;}
.lx_left .item .txt h4{ font-size: 20px; font-family: montm; margin-bottom: 12px;}
.lx_left .item .txt h4.proadd{margin-top: 20px;}
.lx_left .item .txt a,.lx_left .item .txt span{ font-size: 18px;}
.lx_left .follow{ margin-top: 50px;}
.lx_left .follow h4{ font-size: 18px; font-family: montm; font-style:italic; margin-bottom:10px;}
.lx_left .follow h4 span{ color: #084ea4;}
.lx_msg{ width: 55%;}
.lx_msg h3{ font-size: 54px; font-family: montb;}
.lx_msg form{ margin-top: 35px;}
.lx_msg input,.lx_msg textarea{ line-height: 52px; border-radius: 8px; border: 1px solid #e6ebed; padding-left: 15px;}
.lx_msg input{ float: left; width: 49%; margin-right: 2%; margin-bottom: 30px;}
.lx_msg input:nth-child(2n){ margin-right:0;}
.lx_msg textarea{ width: 100%;}
.msgexp{ margin: 15px 0 35px;}
.msgexp img{ margin-right: 5px;}
.lx_msg .sub{ width: 100%; color: #fff; text-align: center; cursor: pointer; transition:.2s ease; padding-left:30px;background:#084ea4 url(../images/yx.png) no-repeat 45% center;}
.lx_msg .sub:hover{ box-shadow:0 0 10px rgba(8,78,164,.3);}
.map{ width: 100%; overflow: hidden;}
.map iframe{ width: 100%!important;}

@media (max-width: 768px){
    .lx_left{ width: 100%; float: none;}
    .lx_left h3{ margin-top: 0;}
    .lx_msg{ width: 100%; float: none; margin-top: 30px; text-align:center;}
    .map{ display: none;}
}
@media (max-width: 450px){
    .lx_left h3{ font-size: 30px;}
    .lx_left .item{ margin-top: 25px;}
    .lx_left .item .txt a, .lx_left .item .txt span{ font-size: 16px;}
    .lx_msg h3{font-size: 36px;}
    .lx_msg form{ margin-top: 25px;}
    .lx_msg input{ width: 100%; float: none; margin-bottom: 15px;}
    .msgexp{ display: none;}
    .lx_msg .sub{ margin-top: 25px; background-position:35% center;}
    .lx_left .follow{ margin-top: 30px;}
}



.newmain .top{ border-bottom: 1px solid #ddd; margin-bottom:55px;}
.newmain .top h3{ font-size: 50px; font-family: montb; margin-right: auto;}
.newmain .top .news_nav a{ display: inline-block; margin-left: 100px; position: relative; line-height: 80px; font-size:18px; color:#333;}
.newmain .top .news_nav a:after{ position:absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #084ea4; content:''; transition:.2s ease;}
.newmain .top .news_nav a:hover,.newmain .top .news_nav a.on{ color:#084ea4;}
.newmain .top .news_nav a:hover:after,.newmain .top .news_nav a.on:after{ width:100%;}

.ny_news_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 60px;}
.ny_news_list li:nth-child(3n){ margin-right:0;}
.ny_news_list li .imgfd{ padding-top: 68%; border-radius: 16px; margin-bottom:30px;}
.ny_news_list li h2{ font-family: monsb; font-size: 24px; line-height: 36px; height: 72px; overflow: hidden;}
.ny_news_list li p{ line-height: 24px; height: 72px; overflow: hidden; margin: 15px 0 20px;}
.ny_news_list li:hover h2{ color:#084ea4;}
@media (max-width: 1024px){
    .newmain .top h3{font-size: 40px;}
    .newmain .top .news_nav a{ line-height: 60px; margin-left: 70px;}
    .ny_news_list li{ margin-bottom: 40px;}
    .ny_news_list li .imgfd{ margin-bottom: 20px;}
    .ny_news_list li h2{ font-size: 20px; line-height: 30px; height: 60px;}
}
@media (max-width: 768px){
    .ny_news_list li{ width: 49%; margin-right: 2%;}
    .ny_news_list li:nth-child(3n){ margin-right:2%;}
    .ny_news_list li:nth-child(2n){ margin-right:0;}
    .newmain .top{ display: block; text-align: center; margin-bottom:40px;}
    .newmain .top .news_nav{ display: flex; align-items: center;}
    .newmain .top .news_nav a{ margin: 0 auto;}
    .newmain .top h3{margin-bottom: 20px;}
    .ny_news_list li p,.ny_news_list li span{ display: none;}
}
@media (max-width: 450px){
    .newmain .top h3{font-size: 32px;}
    .newmain .top .news_nav{ display: block;}
    .newmain .top{border: none; margin-bottom:25px;}
    .newmain .top .news_nav a{ width:80%;  border:1px solid #ddd; line-height:44px; margin-bottom:15px;}
    .ny_news_list li h2{font-size: 16px; line-height: 25px; height: 50px;}
    .ny_news_list li .imgfd{ margin-bottom: 10px;}
    .ny_news_list li{ margin-bottom: 25px;}
    .copy{ font-size: 12px;}
    .copy .fr{ display: none;}
}
.posi{ padding: 35px 0; text-transform:uppercase;}
.posi a:last-child{ color:#084ea4;}
.newshow{padding-bottom: 95px; background:url(../images/newcir_03.png) no-repeat right bottom;}
.newshow h1{ font-size: 48px; font-family: montb; line-height: 56px;}
.news_info{ padding: 20px 0; border-top: 1px solid #d8e1e4; border-bottom: 1px solid #d8e1e4; font-size:14px; margin:35px 0 45px;}
.news_info .follow{ margin-left: auto;text-transform:uppercase;}
.news_info p span{ color: #999; margin:0 15px;}
.page_btn{ margin-top: 40px; align-items: flex-start; padding-top:40px; border-top:1px solid #d8e1e4;}
.page_btn span{ display: inline-block; line-height: 20px;}
.page_btn .back{ display: inline-block; margin: 0 auto; line-height: 46px; border: 1px solid #b1b1b1; border-radius: 25px; padding: 0 20px; text-transform: uppercase;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #084ea4; border-color: #084ea4; color: #fff;}
.page_btn .next{ text-align: right;}
.page_btn i{ font-size: 14px;}
.page_btn .next i{ margin-left: 10px; font-size:14px;}
.page_btn .prev i{margin-right: 10px; font-size:14px;}
.page_btn .next:hover a,.page_btn .prev:hover a{ color: #084ea4;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}

.last_news h3{ font-size:48px; font-family:montb; text-align:center; margin-bottom: 40px; text-transform:uppercase;}

@media (max-width: 768px){
    .newshow h1{font-size: 36px; line-height:48px;}
    .news_info{ padding: 15px 0; margin: 25px 0 30px;}
}
@media (max-width: 450px){
    .posi{ padding: 20px 0; font-size: 12px;}
    .newshow h1{font-size: 28px; line-height: 40px;}
    .news_info .follow{ display: none;}
    .page_btn{ padding-top: 25px; margin-top: 25px;}
    .page_btn .back{ display: none;}
    .page_btn{ display: block;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{ text-align: left; margin-top: 15px;}
    .last_news h3{ font-size: 32px; margin-bottom: 25px;}
    .newshow{ padding-bottom: 45px;}
}
.about_top .imgfdd{ width: 48%; border-radius: 32px; margin-right: auto;}
.about_top .txt{ width: 48%;}
.about_top .txt h2{ font-size:48px; font-family: montb; margin-bottom: 40px;}
.about_top .txt p{ font-size: 18px; line-height: 30px;}

.about_tool{ position: relative;}
.about_tool .left{ width: 48%; color: #fff;}
.about_tool .left h3{ font-size: 38px; font-family: montb; color: #fff; line-height: 60px; margin-bottom: 25px;}
.about_tool .left p{ font-size: 18px; line-height: 30px;}
.about_tool .toolbox{background: rgba(34,38,44,.6); border:1px solid #939393; border-radius: 32px; padding: 60px 50px; width:45%; color:#fff;}
.about_tool .toolbox .p1{ font-size: 22px; line-height: 33px;}
.about_tool .toolbox .box{margin: 30px 0;}
.about_tool .toolbox .box span{  display: inline-block; width: 43%; position: relative; line-height:26px;padding-left:30px; font-size:18px; margin-bottom:15px;}
.about_tool .toolbox .box span:after{position:absolute; left: 0; width: 8px; height: 8px; border-radius: 50%; content: ''; background: #fff; top:50%; transform:translateY(-50%);}
.about_tool .toolbox .box .p1{ font-size: 18px; line-height: 30px;}
.about_tool .ls{ position: absolute; bottom: 80px; left: 0; width:35%;}
.about_tool .ls img{ width: 100%;}
.about_leading .txt{ width: 55%; margin: 0 auto; text-align: center;}
.about_leading .txt h3{font-family: montb; font-size: 48px; margin-bottom: 35px;}
.cbtn{ display: inline-block; margin-top: 60px; display: inline-block; line-height: 52px; border-radius: 27px; padding: 0 35px; border:1px solid #084ea4; color:#084ea4; transition:.2s ease;}
.cbtn:hover{ background:#084ea4; color: #fff;}

.about_choose h3{ font-size: 48px; font-family: montb; margin-bottom: 35px; text-align:center;}
.about_choose dl dt{ width: 31%; margin-right: auto; border-radius:16px;  padding:35px 40px 60px; text-align:center; background:#fff;}
.about_choose dl dt:nth-child(3){ margin-right:0;}
.about_choose dl dt .icon{ background: url(../images/aicbg1_06.png) no-repeat center;}
.about_choose dl dt h4{ font-size: 24px; font-family: montm; margin: 35px 0 25px; line-height:30px; height:30px;}
.about_choose dl dt p{ font-size: 18px; line-height: 30px; height: 120px;}
.about_choose dl dt:hover{ background:#084ea4; color: #fff;}
.about_choose dl dt:hover h4{ color:#fff;}
.about_choose dl dt:hover .icon{background:url(../images/aicbg2_06.png) no-repeat center;}
.about_choose dl dt:hover .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}


.ab_driven .txt{ width: 50%;}
.ab_driven .pic{ width: 50%; text-align:center;}
.ab_driven .txt h3{ font-family: montb; font-size: 40px; margin-bottom: 35px;}
.ab_driven .txt p{ font-size: 18px; line-height: 30px; margin-bottom: 30px;}
.ab_driven .txt b{ display: block; font-family: montm; font-size: 24px; font-weight:normal; margin-bottom:40px;}
@media (max-width: 1441px){
.about_top .txt h2,.about_leading .txt h3,.about_choose h3{ font-size:40px;}
.about_tool .left h3{ font-size: 35px; line-height: 50px;}
.about_tool .toolbox{ padding: 40px 30px;}
.about_leading .txt{ width: 70%;}
}
@media (max-width: 1281px){
    .index_head{padding: 0 2%;}
    .index_head .logo img{ max-height: 60px;}
    .index_head .nav li .tarA a{font-size: 16px;}
    .nyban .bantxt h3{font-size: 50px; line-height: 60px;}
    .about_tool .toolbox .p1{font-size: 20px;}
    .about_tool .ls{ bottom: 40px;}
    .about_choose dl dt{padding: 25px 30px 40px;}
    .about_choose dl dt p{font-size: 16px; line-height: 24px;}
    .about_choose dl dt h4{font-size: 22px;}
    .ab_driven .txt b{font-size: 20px;}
}
@media (max-width: 1024px){
    .toph{ height: 54px;}
    .about_top .txt p{ font-size: 16px; line-height: 24px;}
    .about_top .txt h2, .about_leading .txt h3, .about_choose h3{font-size: 36px; margin-bottom: 30px;}
    .about_tool .left{ width: 100%; float: none;}
    .about_tool .toolbox{ width: 100%; float: none; margin-top: 30px;}
    .about_tool{ padding-bottom: 220px;}
    .about_leading .txt .cbtn{margin-top: 40px;}
    .about_leading .txt{ width: 90%;}
}
@media (max-width: 768px){
    .nyban .bantxt h3{font-size: 40px; line-height: 50px;}
    .about_top{ display: block;}
    .about_top .imgfdd{ width: 100%; margin-bottom: 30px;}
    .about_top .txt{ width: 100%;}
    .about_choose dl{ display:block;}
    .about_choose dl dt{ width: 100%; margin-bottom:20px;}
    .about_choose dl dt p{height: auto;}
    .ab_driven .txt{ width: 100%; float: none; margin-bottom: 35px;}
    .ab_driven .pic{ width: 100%; float:none;}
    
}
@media (max-width: 450px){
    .nyban img{ width: 160%; margin-left: -30%;}
    .nyban p{ font-size: 12px;}
    .nyban .bantxt h3{font-size: 28px; line-height: 30px;}
    .about_top .txt h2, .about_leading .txt h3, .about_choose h3{font-size: 30px; margin-bottom: 20px;}
    .about_tool .left h3{ font-size: 28px; line-height: 35px;}
    .about_tool .left p{ font-size:16px; line-height:25px;}
    .about_tool .toolbox{ padding: 30px 25px;}
    .about_tool .toolbox .p1{ font-size: 18px; line-height: 30px;}
    .about_tool .toolbox .box span{ font-size: 16px; width: 100%; margin-bottom:8px;}
    .about_tool .ls{ width: 60%;}
    .about_tool{ padding-bottom: 150px;}
    .about_leading .txt .cbtn{ line-height: 40px; margin-top: 25px; padding:0 20px;}
    .about_choose dl dt h4{font-size: 20px; margin:20px 0;}
    .ab_driven .txt h3{font-size: 32px; margin-bottom: 25px;}
    .ab_driven .txt p{font-size: 16px; line-height: 27px;}
}


.drill_top .tit{ text-align: center; padding:0 80px;}
.mb40{ font-size: 40px; font-family: montb; margin-bottom:35px;}
.drill_top .tit p{ font-size: 18px; line-height: 30px;}
.drill_qua .tit{ padding: 0 80px; text-align: center;}
.qua_box{margin-top: 40px;}
.qua_box span{ display: block; line-height: 45px; background: #eeeeee; border-radius: 8px; margin-right: auto; padding: 0 10px 0 30px; position:relative;}
.qua_box span:last-child{ margin-right:0;}
.qua_box span:after{ position:absolute; content: ''; background: #cccccc; width: 6px; height: 6px; border-radius: 50%; left: 10px; top: 50%; transform: translateY(-50%);}
.quaswiper{ overflow: hidden; position: relative; margin:60px 0;}
.quaswiper .swiper-slide { width:750px;transition-timing-function:linear; position: relative; border-radius: 32px; overflow: hidden;}
.quaswiper .swiper-slide .imgfd{ padding-top: 67.5%;}
.quaswiper .swiperbtn{ border: none; background: rgba(255,255,255,.3); color:#fff;}
.quaswiper  .swiper-button-prev{ left: 20%;}
.quaswiper  .swiper-button-next{ right: 20%;}
.quaswiper .swiperbtn:hover{ background:#084ea4;}
.qua_lx p{ text-align: center; width: 80%; margin:0 auto; font-size:18px; line-height:30px;}
.qua_lx p a{ color: #084ea4;}
.qua_lx .btn_box{ margin-top: 0;}

@media (max-width: 1441px){
    .drill_top .tit{ padding: 0 40px;}
    .mb40{font-size: 36px;}
    .quaswiper .swiper-slide{ width: 600px;}
    .qua_lx p{ width: 90%;}
}
@media (max-width: 1281px){
    .qua_box span{ width: 45%; margin: 0 auto 30px;}
    .qua_box span:last-child{ margin-right:auto;}
}
@media (max-width: 768px){
    .mb40{font-size: 32px; margin-bottom:25px;}
    .drill_top .tit p{font-size: 16px; line-height: 26px;}
    .qua_box span{ width: 42%;}
    .quaswiper .swiper-slide{width: 400px; border-radius:16px;}
    .quaswiper{margin: 40px 0;}
    .drill_qua .tit{ padding: 0 40px;}
    .qua_lx p{font-size: 16px; line-height: 26px;}
    .cbtn{margin-top: 30px;}
}
@media (max-width: 450px){
    .mb40{font-size: 26px; line-height: 32px;}
    .drill_top .tit{ padding: 0;}
    .drill_qua .tit{ padding: 0;}
    .qua_box span{ width: 90%; margin-bottom: 15px;}
    .quaswiper .swiper-slide{ width: 280px;}
    .qua_lx p{ width: 100%;} 
}
.drill_list .tit{ width: 80%; margin: 0 auto 50px; text-align: center;}
.drill_list .tit p{ font-size: 18px; line-height: 30px;}
.drill_ul li{ float: left; width: 24%; margin-right: 1.33%; margin-bottom: 40px; border-radius: 16px; background: #fff; overflow:hidden;}
.drill_ul li:nth-child(4n){ margin-right:0;}
.drill_ul li .imgfd{ padding-top: 72%;}
.drill_ul li .txt{ padding: 25px 25px 30px; position:relative; text-align:center;}
.drill_ul li .txt:after{ position:absolute; width:80%; left: 10%; top: 0; height:1px; background:#e3e3e3; content: '';}
.drill_ul li .txt h2{font-size: 20px; font-family: montm; line-height: 33px; height: 66px; overflow:hidden;}
.drill_ul li .txt p{ height: 27px; overflow: hidden; margin: 20px 0;}
.drill_ul li .box a{ display: inline-block; line-height: 45px; width: 48%; margin-right: auto; text-align:center; border-radius:8px; border:1px solid #084ea4; transition:.2s ease;}
.drill_ul li .box a:nth-child(2){ margin-right:0; border-color:#ddd; color:#333;}
.drill_ul li .box a:first-child{ background:#084ea4; color: #fff;}
.drill_ul li .box a:first-child:hover{box-shadow:0 0 10px rgba(8,78,164,.3);}
.drill_ul li .box a:nth-child(2):hover{ background:#084ea4; color: #fff; border-color: #084ea4;}
.drill_ul li:hover h2{ color:#084ea4;}
.drill_ul li:hover .txt:after{background:#084ea4;}

@media (max-width: 1281px){
    .drill_ul li .txt{ padding: 15px 15px 20px;}
    .drill_ul li .txt p{font-size: 14px; margin: 12px 0;}
}
@media (max-width: 1024px){
    .drill_ul li{ width: 32%; margin-right: 2%;}
    .drill_ul li:nth-child(4n){margin-right:2%;}
    .drill_ul li:nth-child(3n){ margin-right:0%;}
    .drill_list .tit{ width: 92%;}
}
@media (max-width: 768px){
    .drill_ul li{ width: 49%;}
    .drill_ul li:nth-child(3n){ margin-right:2%;}
    .drill_ul li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 450px){
    .drill_list .tit p{font-size: 16px; line-height: 26px;}
    .drill_list .tit{margin-bottom: 25px;}
    .drill_ul li{ width: 100%; float: none; margin-bottom: 20px; margin-right:0;}
    .drill_ul li .txt:after{ width:90%; left: 5%;}
    .drill_ul li .txt h2{ font-size: 18px; line-height: 30px; height: 60px;}
}
.proshow_top{ padding-bottom: 80px;background:url(../images/newcir_03.png) no-repeat right bottom;}
.proshow_top .pic{ width: 48%;}
.proshow_top .txt{ width: 48%; padding-top:35px;}
.proshow_top .pic .picswiper{ overflow: hidden; position:relative; border-radius:24px; background:#fff;}
.proshow_top .pic .picswiper .swiper-pagination-bullet{ width: 40px; height: 3px; border-radius: 0;}
.proshow_top .swiper-pagination{ bottom: 40px;}
.proshow_top .txt span{ color: #084ea4;}
.proshow_top .txt h1{ font-size: 40px; font-family: montb; line-height: 60px; padding:5px 0 25px; position: relative; border-bottom:1px solid #d8d8d8;} 
.proshow_top .txt h1:after{ position:absolute; left: 0; bottom: 0; height:3px; width:125px; background:#084ea4; content:'';}
.proshow_top .txt .des{margin: 30px 0 0;}
.proshow_top .txt .cbtn1{ border-color: #717171; color: #666; text-transform:uppercase;}
.proshow_top .txt .cbtn1 i{margin-left: 5px; font-size:18px;}
.proshow_top .txt .follow{ margin-top: 40px;}
.proshow_top .txt .cbtn1:hover{ color:#fff;}

.pipebox1{ border: 1px solid #d7d7d7; border-radius: 18px; padding: 60px 75px; margin-bottom:40px;}
.pipebox1 h3{ font-size: 26px; font-family: montb; padding-left: 16px; line-height: 23px; border-left: 5px solid #084ea4; margin-bottom:30px;}
.pipebox1 .list p{ width: 31%; margin-right: 2%; font-size:18px; padding-left:15px; position:relative; margin-bottom:15px;}
.pipebox1 .list p:nth-child(3n){ margin-right:0;}
.pipebox1 .list p:after{ position:absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: #666666; content:'';}
.pipe_tab{margin-bottom:60px;}
.pipe_tab h3{ text-align: center;}
.pipe_tab .tit{ background: #f1f1f1; text-align: center; border-radius:12px; margin-bottom:40px;}
.pipe_tab .tit li{ border-radius: 12px; width: 23%; margin-right:auto; line-height:72px; font-family:montb; font-size:20px;}
.pipe_tab .tit li:last-child{ margin-right:0;}
.pipe_tab .tit li i{ font-size: 20px; font-weight: bold; margin-right: 5px; opacity: 0;}
.pipe_tab .tit li.active{background: #084ea4; color: #fff;}
.pipe_tab .tit li.active i{ opacity: 1;}
.detbox .tablebox{ width: 100%; transform: scaleY(-1);overflow-x: scroll;}
.detbox .tablebox .maxtab{ transform: inherit;}
.detbox table,.detbox table{ width: 100%!important;  transform: inherit;}
.pipe_tab .tab_box .tablebox .maxtab table{ transform: none;}
.pipe_tab .tab_box table td,.detbox table td{ line-height: 30px; padding: 30px 10px 30px 25px; border-color:#ddd;white-space:nowrap; font-size:16px;}
.pipe_tab .tab_box table tr:nth-child(2n+3),.detbox table tr:nth-child(2n+3){ background:#f5f5f5;}
.pipe_tab .tab_box table tr:first-child,.detbox table tr:first-child{background:#254d99; color: #fff;}
.pipe_detail h3{ text-align: center;}

.touch_box{ border-radius: 16px; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,.15); margin-top:60px;}
.touch_box .pic{ width: 450px; position:relative;}
.touch_box .pic img{ width: 100%; height: 100%; object-fit: cover;}
.touch_box .pic .list{ position: absolute; width: 100%; left: 0; padding-left:35px; bottom: 15px; color:#fff;}
.touch_box .pic .list p{ font-size: 18px; margin-bottom: 10px; padding-left: 25px; background: url(../images/gou_06.png) no-repeat left 3px;}
.touch_form{width: calc(100% - 450px); padding: 70px 45px 0;}
.touch_form h3{ font-size:50px; font-family:moneb; text-transform:uppercase;}
.touch_form h3 span{ color: #084ea4;}
.touch_form p.topp{ font-size: 18px; margin-bottom:40px;}
.touch_form .left,.touch_form .right{ width: 48%;}
.touch_form .left input,.touch_form .right textarea{ line-height: 60px; border-radius: 10px; padding-left: 15px; margin-bottom: 25px; width:100%; border:1px solid #e1e2e6;}
.touch_form .right .c-flex .exp{ width: calc(100% - 150px); margin-right: auto;}
.touch_form .right .c-flex .exp p{ width: calc(100% - 30px); margin-left: auto; font-size:14px; line-height:24px;}
.touch_form .right .c-flex .exp i{ font-size: 18px;}
.touch_form .right .sub{ line-height: 52px; border-radius: 26px; width: 120px; text-align: center; cursor: pointer; color: #fff;  background:#084ea4; transition:.3s ease;}
.touch_form .right .sub:hover{ background:#254d99; box-shadow:0 0 8px rgba(8,78,164,.6);}

@media (max-width: 1441px){
    .proshow_top .txt h1{font-size: 32px; line-height: 50px;}
    
}
@media (max-width: 1281px){
    .proshow_top .txt{padding-top: 0;}
    .pipebox1{ padding: 50px 40px;}
    .pipebox1 .list p{font-size: 16px;}
    .pipe_tab .tit li{ font-size: 18px; line-height:64px;}
    .pipe_tab .tab_box table td, .detbox table td{ padding: 20px 0 20px 15px;}
}
@media (max-width: 1024px){
    .proshow_top .txt h1{ font-size: 28px; line-height: 44px;}
    .proshow_top .txt .des{margin-top: 20px;}
    .proshow_top .txt .cbtn{margin-top: 30px;}
    .pipebox1 .list p{ width: 48%;}
    .pipebox1 .list p:nth-child(3n){ margin-right:4%;}
    .pipebox1 .list p:nth-child(2n){ margin-right:0;}
    .pipe_tab .tit li{ width: 50%;}
    .touch_box .pic{ width: 100%;}
    .touch_box .pic img{ height: 450px;}
    .touch_form{ width: 100%; padding: 50px 40px;}
}
@media (max-width: 768px){
    .proshow_top .pic{ width: 100%; float: none;}
    .proshow_top .txt{ width: 100%; margin-top: 30px;}
    .pipe_tab .tab_box table td, .detbox table td{ padding: 10px 0 10px 15px; font-size:14px;}
    .touch_form h3{font-size: 36px;}
    
}

@media (max-width: 450px){
    .proshow_top .swiper-pagination{ bottom: 25px;}
    .proshow_top .pic .picswiper .swiper-pagination-bullet{ width: 25px;}
    .proshow_top .txt h1{ font-size: 24px; line-height: 34px;}
    .cbtn{padding: 0 20px; line-height: 44px; font-size:14px;}
    .proshow_top .txt .follow{margin-top: 25px;}
    .pipebox1{padding: 25px 20px;}
    .pipebox1 h3{ font-size: 22px; line-height: 20px;}
    .pipebox1 .list p{ width: 100%; float: none;}
    .pipe_tab .tit li{ width: 100%;}
    .pipe_tab{ margin-bottom: 30px;}
    .touch_box .pic img{ height: 350px;}
    .touch_form{padding: 25px 20px;}
    .touch_form h3{ font-size: 30px;}
    .touch_form p.topp{ font-size: 16px; margin-bottom: 25px;}
    .touch_form .left, .touch_form .right{ width: 100%; float: none;}
    .touch_form .left input, .touch_form .right textarea{line-height: 50px; margin-bottom:20px;}
    .touch_form .right .c-flex .exp{ width: 100%;}
    .touch_form .right .sub{ width: 100%; line-height: 48px; margin-top: 25px;}
    .touch_box .pic .list{padding-left: 20px;}
}
.hdd_col{ margin-top: 60px;}
.hdd_col li{ float: left; width: 24%; margin-right: 1.33%; margin-bottom: 50px; text-align:center;}
.hdd_col li:nth-child(4n){margin-right:0;}
.hdd_col li .imgfd{ padding-top: 54%; border-radius: 16px; border: 1px solid #e5e5e5; margin-bottom:15px;}
.hdd_col li p{ font-size: 18px; color: #333; height: 27px; overflow: hidden;}
.hdd_col li:hover p{ color:#084ea4;}
.hdd_col li:hover .imgfd{ border-color:#084ea4;}
@media (max-width: 768px){
    .hdd_col li{ width: 49%; margin-right: 2%; margin-bottom:30px;}
    .hdd_col li:nth-child(2n){ margin-right:0;}
    .hdd_col{ margin-top: 40px;}
    .hdd_col li p{font-size: 16px; line-height:24px; height:48px;}
    .hdd_col li .imgfd{ margin-bottom: 8px;}
}
.hdd_left{ width: 360px;}
.hdd_right {width: calc(100% - 440px);}
.left_nav{ background: #fff; border-radius: 16px; overflow: hidden; margin-bottom:40px;}
.left_nav .tit{ line-height: 80px; padding: 0 30px; background:#084ea4; color:#fff;}
.left_nav .tit h3{ font-size: 24px; font-family: montb; color: #fff; margin-right: auto;}
.left_nav .tit i{ font-size: 22px;}
.left_nav .list{ padding: 10px 30px;}
.left_nav a{ padding: 20px 0; border-bottom:1px solid #efefef;}
.left_nav a p{ max-width: calc(100% - 25px); margin-right: auto; font-size: 18px;}
.left_nav a:hover,.left_nav a.act{ color:#084ea4;}
.left_nav a:last-child{ border:none;}
.sup_box{ background: #fff; border-radius: 16px; padding: 40px 30px 50px;}
.sup_box h3{ font-size: 24px; line-height: 22px; font-family: montb; padding-left: 20px; border-left: 5px solid #084ea4; margin-bottom:30px;}
.sup_box .txt{ width: calc(100% - 70px); margin-left: auto;}
.sup_box .txt b{ font-family: montm; font-size: 22px; font-style: italic; display:block; font-weight:normal; margin-top:15px;}
.hdd_des{ border-radius: 16px; background: #fff; padding: 38px 45px; margin-bottom:40px;}
.hdd_des h3{ font-size: 30px; font-family: montb; line-height: 26px; padding-left: 15px; border-left: 5px solid #084ea4; margin-bottom:20px;}
.hdd_des p{ font-size: 18px; color: #333;}
.hdd_list ul li{ width: 32%; margin-right: 2%; float: left; margin-bottom:35px; text-align:center;}
.hdd_list ul li:nth-child(3n){margin-right:0;}
.hdd_list ul li .imgfd{ padding-top: 73%; border-radius:16px; background:#fff; margin-bottom:12px;}
.hdd_list ul li p{ font-size: 18px; height: 27px; overflow: hidden;}
.hdd_list ul li:hover p{ color:#084ea4;}

@media (max-width: 1024px){
    .hdd_left{ display: none;}
    .hdd_right{ width: 100%; float: none;}
}
@media (max-width: 768px){
    .hdd_des{ padding: 30px 35px;}
    .hdd_des p{font-size: 16px;}
    .hdd_list ul li p{font-size: 16px; line-height: 24px; height: 48px;}
}
@media (max-width: 450px){
    .hdd_des{padding: 25px 25px; margin-bottom:25px;}
    .hdd_des h3{font-size: 24px; line-height: 22px;}
    .hdd_list ul li{ width: 49%; margin-right: 2%; margin-bottom:20px;}
    .hdd_list ul li:nth-child(3n){ margin-right:2%;}
    .hdd_list ul li:nth-child(2n){ margin-right:0;}
    .proshow_top{ padding-bottom: 50px;}
}
.proshow_top .txt .cbtn2 i{ font-size: 18px; margin-left: 10px;}
.proshow_top .txt .cbtn2{ background: #084ea4; color: #fff; margin-right: 15px; border-color: #084ea4; text-transform:uppercase;}
.proshow_top .txt .cbtn2:hover{ box-shadow:0 0 8px rgba(8,78,164,.6);}
.hdd_det .tit{ text-align:center;}
.hdd_det h3{ position: relative; display:inline-block; line-height:40px;}
.hdd_det h3:after{ position:absolute; left: 0; bottom:0; content:''; background:#dedede; width:100%; height:10px; z-index:-1;}
.horban .bantxt h3{ text-transform:inherit ; font-size:50px; line-height:60px; margin-top:20px;} 
.horpics { margin-top: 60px;}
.horpics .pic{ width: 49%; margin-right: 2%; margin-bottom:50px; float:left;}
.horpics .pic:nth-child(2n){ margin-right:0;}
.horpics .pic .imgfd{ padding-top: 62%; border-radius: 32px;}
.hortxt{ padding: 0 80px; text-align: center; font-size:18px; line-height:30px;}
.hortxt p{ line-height: 30px;}
.equswiper{ overflow: hidden;}
.rel_equi h3{ font-size: 48px; font-family: montb; text-align: center; margin-bottom: 40px;}

.swiperall{ position: relative;}
.swiperall .swiperbtn{ width: 80px; height: 80px; line-height: 80px; font-size:30px;}
.swiperall .swiper-button-prev{ left: 1.5%;}
.swiperall .swiper-button-next{ right: 1.5%;}
.equswiper .imgfd{ background: #fff; padding-top: 72%; margin-bottom: 15px; border-radius:16px;}
.equswiper li{ text-align: center;}
.equswiper li p{ font-family: monsb; font-size: 20px; line-height: 30px; height: 60px; color:#333;}
.equswiper li:hover p{ color:#084ea4;}
.rel_equi .swiperall{ padding-bottom: 50px;}
.swiperall .swiper-pagination-bullet{ width: 26px; height: 4px; border-radius: 0; opacity:1; background:#d4d4d4; transition:.2s ease;}
.swiperall .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #084ea4; width: 50px;}

.why_choose .mb40{ text-align: center;}
.why_choose dl dt{ width: 32%; margin-right: auto; background:#f5f5f5; border-radius:32px; padding:60px 50px;text-align:center; position:relative; transition:.2s ease;}
.why_choose dl dt:last-child{margin-right:0;}
.why_choose dl dt .icon{ margin-bottom: 30px;}
.why_choose dl dt p{ font-size: 20px; line-height: 36px; height: 216px; position:relative; z-index:2;}
.why_choose dl dt b{ width:100%;position: absolute; display: block; text-align: center; font-family:montb; font-size:140px; line-height:120px; bottom:40px; left:0; color:#ececec; transition:.2s ease;}
.why_choose dl dt:hover{background:#254d99; color: #fff;}
.why_choose dl dt:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.why_choose dl dt:hover b{ color:#2952a1;}
.why_choose .desp{ padding: 0 180px; text-align: center; margin-top:60px; font-size:24px; line-height:36px;}
.why_choose .cbtn{ margin-top: 0;}
@media (max-width: 1281px){
    .why_choose dl dt p{ font-size: 18px; line-height: 30px; height: 210px;}
    .why_choose .desp{padding: 0 80px; font-size: 20px; line-height: 32px;}
    .rel_equi h3{font-size: 40px;}
    .horban .bantxt h3{ font-size: 38px; line-height: 46px;}
}
@media (max-width: 1024px){
    .hortxt{ padding: 0;}
    .why_choose dl dt{ padding: 40px 30px;}
    .why_choose dl dt p{ font-size: 16px; line-height: 24px; height:168px;}
    .why_choose .desp{padding: 0 30px; font-size:18px;}
}
@media (max-width: 768px){
    .horban p{ display: none;}
    .horban .bantxt h3{font-size: 26px; line-height: 35px;}
    .drill_top .tit{padding: 0;}
    .horpics{margin-top: 30px;}
    .horpics .pic{margin-bottom: 30px;}
    .swiperall .swiperbtn{ width: 40px; line-height: 40px; height: 40px; font-size: 20px;}
    .why_choose dl{ display: block;}
    .why_choose dl dt{ width: 100%; margin-bottom: 25px;}
    .why_choose dl dt p{ height: auto;}
    .why_choose .desp{ margin-top: 30px;}
}
@media (max-width: 450px){
    .horban .bantxt h3{font-size: 22px; line-height: 30px;}
    .horpics .pic .imgfd{ border-radius: 16px;}
    .rel_equi h3{font-size: 30px; margin-bottom: 25px;}
    .equswiper li p{font-size: 18px; line-height: 26px; height: 52px;}
    .rel_equi .swiperall{ padding-bottom: 35px;}
    .swiperall .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 28px;}
    .swiperall .swiper-pagination-bullet{ width: 15px;}
    .why_choose .desp{ display: none;}
}
.sec_top .tit{ margin-bottom: 60px;}
.hor_include{ border: 1px solid #e5e5e5; border-radius: 32px; padding: 75px 85px; margin-bottom:60px;}
.hor_include .left{ width: 40%;}
.hor_include .left p{ font-size: 18px;}
.hor_include .left .cbtn{ margin-top: 70px;}
.hor_include .right{ width: 50%;} 
@media (max-width: 1024px){
    .hor_include{ padding: 55px 40px;}
    
}
@media (max-width: 768px){
    .hor_include{ padding:30px 25px;} 
    .hor_include .left{ width: 100%; float: none;}
    .hor_include .right{ width: 100%; margin-top: 25px;}
    .hor_include .left .cbtn{display: none;}
}
@media (max-width: 450px){
    .hor_include .left p{font-size: 16px;}
}

.pro_nav{margin-bottom: 50px;}
.pro_nav a{ display:block; background: #fff; width: 24%; margin-right: 1.33%; line-height:60px; text-align:center; font-size:20px; color:#333; transition:.3s ease; margin-bottom:20px;}
.pro_nav a:nth-child(4n){ margin-right:0;}
.pro_nav a:hover,.pro_nav a.act{background:#084ea4; color: #fff;}
.mudswiper{ overflow: hidden; padding-bottom:50px;}
.mudswiper li{background: #fff; border-radius: 16px; overflow:hidden; width:48%; float:left; margin-right:4%; margin-bottom:40px; }
.mudswiper li:nth-child(2n){margin-right:0;}
.mudswiper a{ padding: 30px 20px 30px 40px;}
.mudswiper .txt{ width: 45%; margin-right: auto;}
.mudswiper .txt h2{ font-size: 24px; font-family: monsb; line-height: 30px; height:30px; overflow:hidden;}
.mudswiper .txt .mtit{ padding-bottom: 20px; position: relative; border-bottom:1px solid #e9e9e9;}
.mudswiper .txt .mtit:after{ position:absolute; left: 0; bottom: 0; content: ''; background: #084ea4; height: 4px; width: 70px;}
.mudswiper .txt p{ line-height: 30px; height: 60px; overflow: hidden; margin: 20px 0 50px;}
.mudswiper .txt span{ display: inline-block; line-height: 44px; text-align: center; width: 135px; text-align: center; border: 1px solid #d5d5d5;}
.mudswiper .pic{ width: 50%;}
.mudswiper li:hover h2{ color:#084ea4;}
.mudswiper li:hover .txt span{ background:#084ea4; color: #fff;}

@media (max-width: 1281px){
    .mudswiper a{ padding: 20px 10px 20px 20px;}
    .mudswiper .txt h2{font-size: 20px; line-height: 28px; height: 56px;}
    .mudswiper .txt p{margin-bottom: 30px;}
}
@media (max-width: 450px){
    .mudswiper .txt span{ display: none;}
    .mudswiper .txt p{margin-bottom: 0; line-height:24px; height:48px; margin-top:10px;}
    .sec_top .tit{margin-bottom: 25px;}
}