@charset "utf-8";
/* CSS Document */
body:-webkit-full-page-media{ background:#fff!important;}
.sy-ban video{ width: 100%;}
.swiper-pagination{ z-index: 3;}
.top_contact{ display: flex; align-items: center;height: 44px; font-size: 16px; float: right; line-height: 16px;}
.top_contact .topp{ font-size: 16px; padding: 0 19px; border-left: 1px solid rgba(0,0,0,.3); line-height: 14px;}
.top_contact .topp:first-child{border-left:none;}
.top_contact .topp a{ color: #666;}
.top_contact .topp i{ margin-right: 5px; font-size: 14px}
.index_head.typea:not(.typeanot) .top_contact .topp{ border-color: rgba(255,255,255,.3);}
.index_head.typea:not(.typeanot) .top_contact .topp a{ color: #fff;}
.top_contact .top_search{ margin-right: 25px; cursor: pointer; font-size: 20px;}
.top_contact span{ display: inline-block; margin-right: 15px;}
.top_contact span:first-child{}
.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: 16px; margin-right: 3px;}
.top_lang p{ line-height: 28px; padding: 0 15px; border-radius: 14px; cursor: pointer;}
.top_lang{ position: relative;}
.top_lang .icon-diqiu2{ position: relative;font-size:22px;}
.top_lang .icon-xiangxia2{
    font-size: 14px;
    position: relative;
    top: 2px;
    left: 1px;
}
.top_lang .lang-list{position: absolute;right: 0;top: 24px;width: 720px;display:none;z-index:10;}
.top_lang .lang-list img{ float: left; margin-right: 5px;}
.top_lang .lang-list a{display: block;color: #666;width: 25%;}
.top_lang .lang-list a:hover{ color:#097031;}
.top_lang:hover .lang-list{ display:block;}
.pro_xiala{ position: fixed; width: 100%; left: 0; top: 105px; height:0; overflow:hidden; transition: .3s ease;}
.index_head .nav li.navli:hover .pro_xiala{ height:auto;}
.pro_xiala .xiala_center{background: #fff;padding: 40px 40px 10px 40px;}
.pro_xiala .left{ width: 42%;}
.pro_xiala .right{ width: 53%;}
.pro_xiala .left li{padding: 20px 0;border-bottom:1px solid #e2e2e2;}
.pro_xiala .left li:first-child{ padding-top:0;}
.pro_xiala .left li:last-child{ padding-bottom:0; border:none;}
.pro_xiala .left li h2{ font-size: 24px; font-family: montb; line-height: 26px; margin-bottom: 15px;}
.pro_xiala .left li .txt{ max-width: calc(100% - 60px); margin-right: auto;}
.pro_xiala .left li.active .smore{ background:#254d99;border-color: #254d99; color:#fff;}
.pro_xiala .left li.active h2{ color:#254d99;}
.pro_xiala .right h2{ font-size: 20px; line-height: 20px; font-family: montb; padding-left: 15px; border-left: 4px solid #254d99; margin-bottom: 20px;}
.pro_xiala .right .list a{ display: block; float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; text-align:center;}
.pro_xiala .right .list a:nth-child(3n){ margin-right:0;}
.pro_xiala .right .list .imgfd{ margin-bottom: 15px;}
.pro_xiala .right .list p{ height: 27px; overflow: hidden;}
.pro_xiala .right .list a:hover{ color:#254d99;}
.search_box{ width: 100%; position: fixed; left: 0; top: 105px; background: #fff;z-index:3; padding:40px 0; display:none;}
.search_box form{ width: 100%; border: 2px solid #153b82;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form input.search_sub{ width: 150px; background: #153b82 url(../images/ss.png) no-repeat center; text-align: center; color: #fff; cursor:pointer;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}

/*.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.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;}
.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{ width: 40px;}
.bannerswiper span.iconfont{font-size: 16px;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: 16px; 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 .swibtn{ position: unset;font-size: 30px; margin: 0;  color: #fff;}
.sy-ban .swiper-btn{ position: absolute; right: calc(50% - 800px); bottom: 50px;z-index: 3;}
.sy-ban .swiper-btn .line{ height: 20px; width: 1px; background: rgba(255,255,255,.8); margin: 0 25px;}
.sy-ban .swibtn:hover{ color: #469de8;}

.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; font-family: monsb; color:#254d99;}
.sy-ban .txt1 .box{ width: 55%;}
.sy-ban .txt1 h3{font-size: 50px; line-height: 70px; color: #fff;display: block; font-family: montb;}*/

.amore{ display: inline-block; line-height: 50px; border-radius: 26px; font-size: 18px; padding: 0 10px 0 14px; color: #333; position: relative;transition: .2s ease;}
.amore i{ display: inline-block;margin-right: 25px; font-size: 22px; line-height: 50px;}
.amore.wb{ border-color: #fff; color: #fff;}
.amore.on{ color: #fff;}
.amore span{ position: relative; z-index: 2;}
.amore:after{ position: absolute;width: 50px; height: 100%; border-radius: 26px; content: ''; border:1px solid #ddd; left: 0; top: 0; transition: .2s ease;z-index: 0}
.amore:hover:after{width: 100%;background: #FFF;border-color: #FFF;}
.amore:hover{color: #000;}


.sy_item_tit{ margin-bottom: 40px; text-align: center;}
.sy_item_tit h3{ font-size: 48px; font-family: montb; line-height: 50px;}
.sy_item_tit p{ font-size: 18px;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}
.sy_pro1{background: #efefef url(../images/bg_03.png) no-repeat right top; padding-bottom: 160px; position: relative;}
.proul{margin-bottom: 30px;justify-content: center;gap: 20px;padding: 0;list-style: none;}
.proul li{background: #fff;width: calc(1440px / 8 - 10px);padding: 20px;text-align: center;box-sizing: content-box;}
.proul li:last-child{ margin-right: 0;}
.proul li:hover,.proul li.active{ background: #254d99 url(../images/bg_06.png) no-repeat right bottom;}
.proul li:hover a,.proul li.active a{color:#FFF;}
.proul li p{font-size: 16px;height: 60px;}
.proul li img{width: 42px;}
.proul li:hover p,.proul li.active p{ color: #fff;}
.proul li:hover img,.proul li.active img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sy_probox{padding: 10px;overflow: hidden;}
.sy_probox li{ height: 500px;}
.sy_probox .leftbox{ width: 540px; height: 100%; color: #fff; padding: 50px 45px 0; position: relative;}
.sy_probox .leftbox h4{ color: #fff; font-size: 34px; font-family: montb; margin-bottom: 25px;}
.sy_probox .leftbox p{ font-size: 18px; line-height: 30px; height: 90px; margin-bottom: 30px;}
.sy_probox .leftbox .list a.link{display: block;font-size: 16px;padding-left: 32px;background: url(../images/23_03.png) no-repeat left center;color: #fff;line-height: 30px;margin-bottom: 15px;}
.sy_probox .leftbox .list a.link i{ font-size: 20px; margin-left: 5px; opacity: 0}
.sy_probox .leftbox .list a.link:hover i{ opacity: 1;}
.sy_probox .leftbox .list a.link:hover{ background: url(../images/22_03.png) no-repeat left center;}
.sy_probox .leftbox .amore{ margin-top: 25px;}
.sy_probox .leftbox .bgicon{ position: absolute; right: 50px; top: 40px; opacity: .3}
.sy_probox .leftbox .bgicon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%); width: 80px;}
.sy_probox dl{ width: calc(99% - 540px); height: 100%;}
.sy_probox dl dt{float: left;width: 32%;margin-left: 1.33%;height: 100%;background: #FFF;}

.proitem{padding: 0;}
.proitem a{background: #fff;display: block;padding: 10px;margin: 10px;}
.proitem .imgfd{}
.proitem .left{margin-right: auto;width:calc(100% - 40px);}
.proitem .left span{display: block;line-height: 20px;height: inherit;overflow: hidden;}
.smore{ display: inline-block; width: 50px; line-height: 50px; height: 50px; text-align: center; font-size: 20px; border-radius: 50%; border: 1px solid #ddd;}
.smore i{ display: inline-block; font-size: 20px; line-height: 50px;}
.proitem .left h2{font-size: 18px;line-height: 24px;overflow: hidden;}
.proitem .txt{height: 72px;overflow: hidden;padding: 0 10px;}
.proitem .smore{ width: 36px; height: 36px; line-height: 36px;}
.proitem .smore i{ line-height: 36px; font-size: 18px;}
.sy_pro1:after{ position: absolute; right: 0; bottom: 0; width: 47%; height: 0; border-bottom: 55px solid #f8f8f8;border-left: 30px solid transparent;border-right: 0 solid transparent; content: '';border-bottom-color: #f8f8f8 !important;}
.sy_pro2{background: #f8f8f8; padding-bottom: 160px;}
.sy_pro2 .sy_probox dl dt{ margin-left: 0; margin-right: 1.33%;}
.amon:hover .smore{background: #254d99; color: #fff; border-color: #254d99;}
.proitem:hover h2{ color: #254d99;}
.sy_company{ position: relative;}
.sy_company .lefttxt{ padding: 140px 0 260px; width: 350px; color: #fff;}
.sy_company .sy_item_tit{ text-align: left; margin-bottom: 110px;}
.sy_company .sy_item_tit h3{ color: #fff; margin-bottom: 25px;}
.swiperbtn { width: 80px; height: 80px; text-align: center; border-radius: 50%; line-height: 80px; font-size: 30px; border:1px solid #ddd; top:50%; transform:translateY(-50%); margin-top:0;}
.swiperbtn:hover{ background:#254d99; border-color: #254d99;color: #fff;}
.sy_about{ position: relative;}
.sy_company{position: relative;}
.sy_company:after{ position: absolute;right: 0; bottom: 0; width: 50%; height: 0; border-bottom: 55px solid #fff;border-left: 30px solid transparent;border-right: 0 solid transparent; content: '';border-bottom-color: #fff !important;}
.sy_company .swiperbtn{border-color: #fff;position: unset;display: inline-block;color: #fff;margin-right: 20px;transform:translateY(0);width: 50px;height: 50px;line-height: 48px;}

.sy_company .swiperbtn:after{
   font-family: iconfont !important;
   font-size: 30px;
}
.sy_company .swiperbtn.swiper-button-prev:after {
    content: "\e62d";
}
.sy_company .swiperbtn.swiper-button-next:after {
    content: "\e624";
}


.sy_company .comswiper{ width: 70%; position: absolute; top: -80px; right: 0; overflow: hidden;}
.sy_company .comswiper .imgfd{}
.sy_company .comswiper .txt{width: 50%;background: #fff;padding: 60px;position: absolute;left: 0;bottom: 0;}
.sy_company .comswiper .txt h2{font-size: 24px;font-family: montb;padding-bottom: 20px;border-bottom: 1px solid #dadada;margin-bottom: 25px;}



.sy_about .center{ position: relative; z-index: 5;}
.sy_about .abtxt{ width: 50%;}
.sy_about .abtxt .sy_item_tit{text-align: left;}
.sy_about .abtxt .des p{ font-size: 18px; line-height: 30px;}
.sy_about .abtxt .sy_number{ margin: 40px 0 90px;}
.sy_about .ab_map{ width: 65%; position: absolute; right: 0; bottom: 50px;}
.sy_about .ab_map .map{ width: 100%;}
.sy_about .ab_map i{ position: absolute; width: 10px; height: 10px; background: #254d99; border-radius: 50%;}
.sy_about .ab_map i:after{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius:50%; animation: maocircle 2.5s ease-out infinite; background:#254d99; content:'';}
.sy_about .ab_map i:nth-child(2){ left:17%; top: 47%;}
.sy_about .ab_map i:nth-child(3){ left:25%; top: 35%;}
.sy_about .ab_map i:nth-child(4){ left:46%; top: 20%;}
.sy_about .ab_map i:nth-child(5){ left:45%; top: 45%;}
.sy_about .ab_map i:nth-child(6){ left:50%; top: 24%;}
.sy_about .ab_map i:nth-child(7){ left:55%; top: 26%;}
.sy_about .ab_map i:nth-child(8){ left:75%; top: 23%;}
.sy_about .ab_map i:nth-child(9){ left:78%; top: 52%;}
.sy_about .ab_map span:nth-child(10){ position:absolute; left:78%; top: 36%;}
.sy_about .ab_map span:nth-child(10) img{width:90px;}
@keyframes maocircle{
	0%{ width:15px; height:15px; opacity:.5;}
	35%{ width:25px; height:25px; opacity:.3;}
	65%{ width:30px; height:30px; opacity:.2;}
	100%{ width:20px; height:20px; opacity:.5;}
}
@-webkit-keyframes maocircle{
	0%{ width:15px; height:15px; opacity:.5;}
	35%{ width:25px; height:25px; opacity:.3;}
	65%{ width:30px; height:30px; opacity:.2;}
	100%{ width:20px; height:20px; opacity:.5;}
}

.sy_number dt{ width: 28%; margin-right: auto;}
.sy_number dt:first-child{}
.sy_number dt:last-child{margin-right: 0;}
.sy_number dt b{font-size: 58px; font-family: montb; color: #254d99; display: block; line-height: 58px; letter-spacing:-3px;}
.sy_number dt b sup{font-size: 48px; line-height: 48px; margin-left: 5px;}
.sy_number dt p{ line-height: 24px; height: 48px; margin-top: 15px;}
.ablink b{display: block;font-size: 28px;font-family: montb;color: #333;}
.ablink b span{ color: #254d99;}
.ablink i{font-size: 42px;color: #d9d9d9;margin-top: 30px;}
/*.sy_about:after{ position: absolute; right: 0; bottom: 0; width: 65%; height: 0; border-bottom: 55px solid #f6f6f6;border-left: 30px solid transparent;border-right: 0 solid transparent; content: '';border-bottom-color: #f6f6f6 !important;}*/
.sy_about .ab_circ{ display: block; width: 185px; height: 185px; position: absolute; top:100px; right:8%; z-index:5;}
.sy_about .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%;}
.sy_about .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_item_tit span{ color: #254d99;}
.choose_box{}
.sy_choose{ background: #f6f6f6;}
.face_left{ width: 47.5%;position:relative;}
.face_left h3{ font-size: 28px; font-family: montb; margin-bottom: 30px;}
.face_left .facel_list{ background: #fff; padding: 35px 75px 0 45px; position: relative;}
.face_left .facel_list li{border-bottom: 1px dashed #ced3e0;padding: 30px 0 30px 75px;background: url("../images/cha_43.png") no-repeat left 50px;}
.face_left .facel_list li:last-child{ border: none;}
.faceicon{position: absolute;width: 100px;height: 100px;border-radius: 50%;background: #e7ebf5;text-align: center;padding-top: 3%;top: -10%;right: 70px;}
.faceicon img{width:55%;max-width:100%;}
.face_left .facel_list li h4{ font-size: 24px; font-family: monsb; margin-bottom: 10px;}
.face_left .facel_list li p{ font-size: 18px; line-height: 30px;}
.prov_right{ padding-top: 50px; position: relative; width: 52.5%;}
.prov_right .provlogo{ position: absolute;right: 30px; top: 0;}
.prov_right .provlogo img{ height: 40px;}
.prov_right:after{position: absolute;left: 0;top: 1px;width: 55%;height: 0;border-bottom: 50px solid #153b82;border-right: 30px solid transparent;border-left: 0 solid transparent;content: '';}
.provbox{ background: #153b82; }
.provbox h3{ color: #fff; font-family: monsb; font-size: 28px; padding-left: 50px;}
.provbox li{ padding: 35px 70px 35px 60px; background: #153b82; position: relative; color: #fff; border-bottom: 10px solid #f6f6f6;}
.provbox li h4{ color: #fff; font-family: monsb; font-size: 24px; margin-bottom: 15px; }
.provbox li p{ font-size: 18px; line-height: 30px;}
.provbox li b{ font-size: 100px; font-family: monsb; color: #19418b; line-height: 100px; position: absolute; right: 30px; bottom: 50px;}
.provbox li .txt{padding-left: 80px;background: url("../images/gou_43.png") no-repeat left 20px;position: relative;z-index: 2;}
.provbox li .jt{position: absolute;left: -38px;top: 50%;transform: translateY(-50%);display: none;}
.provbox li .jt img{ width: 75px;}
.sy_case{ padding-bottom: 140px; position: relative;}
.sy_case .swiperbtn:after{
   font-family: iconfont !important;
   font-size: 30px;
   color:#666;
}
.sy_case .swiperbtn.swiper-button-prev:after {
    content: "\e62d";
}
.sy_case .swiperbtn.swiper-button-next:after {
    content: "\e624";
}

.sy_case .swiperbtn:hover:after{
   color:#FFF;
}


.caseswiper{ overflow: hidden; padding-bottom:120px; position: relative;}
.caseswiper .swiper-slide {width:320px;transition-timing-function:linear;position: relative;background: #f6f7fa;border-radius: 5px;overflow: hidden;}
.caseswiper .swiper-slide .pic{width: 100%;padding: 0px;}
.caseswiper .swiper-slide .pic .imgfd{}
.caseswiper .swiper-slide .txt{width: 100%;padding: 10px;}
.caseswiper .swiper-slide .txt h2{color: #333;font-size: 16px;line-height: 36px;height: auto;overflow: hidden;text-align: center;}
.caseswiper .swiper-slide .txt p{ line-height: 24px; height: 72px; margin-bottom: 40px; overflow: hidden;}
.caseswiper .swiperbtn{position: unset;margin: 0 10px;display: inline-block;transform: translateY(0px);width: 50px;height: 50px;line-height: 52px;}
.caseswiper .swiper_box{text-align: center;width: 100%;position: absolute;left: 0;bottom: 0;display: none;}
/*.sy_case:after{position: absolute; right: 0; bottom: 0; width: 55%; height: 0; border-bottom: 50px solid #f4f4f4;border-left: 30px solid transparent;border-right: 0 solid transparent;content: '';  }*/
.sy_news{ background: #f4f4f4;}
.news_list ul{margin:-10px;}
.news_list li{ width: 32%; margin-right: 2%; float: left; margin-bottom: 50px;}
.news_list li a{background:#FFF;display:block;padding: 10px;}
.news_list li .txt{
    padding: 30px;
    overflow: hidden;
}
.news_list li .imgfd{padding-top: 0;}
.news_list li:hover h2{ color:#153b82;}
.news_list li:nth-child(3n){margin-right: 0;}
.news_list li span{display: block;color: #153b82;margin: 10px 0;}
.news_list li h2{font-size: 18px;line-height: 24px;height: 50px;overflow: hidden;}
.index_foot{ position: relative;}
/*.index_foot:after{ position: absolute; width: 40%; right: 0; top: 0; height: 0; border-bottom: 55px solid #2b2b2b;border-left: 30px solid transparent;border-right: 0 solid transparent;content: ''; }*/
.footbg{ background: #2b2b2b;}


@media (max-width: 1700px){
	
}


@media (max-width: 1600px){
	.sy_probox li{ height: 450px;}
	.sy_probox .leftbox p{ font-size: 16px; line-height: 24px; height:72px;}
	.sy_probox .leftbox .list a.link{ font-size: 18px; margin-bottom: 10px;}
	.sy_company .lefttxt{ padding: 100px 0 200px;}
	.proitem .txt{ height: 96px;}
	.index_head{ padding: 0 2%;}
	.sy_probox .leftbox{ width: 480px; padding:40px 30px 0;}
	.sy_probox dl{ width: calc(100% - 520px);}
	
}

@media (max-width: 1441px){
	.index_head .nav li.navli .tarA a{ font-size: 16px;}
	.index_head .logo img{max-height: 50px;}
	.index_head .nav li.navli{margin-left: 60px;}
	.sy_probox .leftbox{ padding: 30px 25px 0;}
	.sy_probox .leftbox h4{ font-size: 30px; margin-bottom: 20px;}
	.sy_probox li{ height: 400px;}
	.sy_probox .leftbox .bgicon{ right: 25px; top: 30px;}
	.proitem{ padding: 30px 20px;}
}

@media (max-width: 1281px){
	.index_head .logo img{ max-height: 54px;}
	.index_head .nav li.navli{margin-left: 35px;}
	.pro_xiala .xiala_center{ padding: 30px 50px;}
	.pro_xiala .left li{padding: 25px 0;}
	.proul li{padding: 18px 10px;}
	.proul li img{ width: 80px;}
	.sy_probox .leftbox{ width: 430px;}
	.sy_probox dl{ width: calc(100% - 430px);}
	.sy_company .lefttxt{ padding: 60px 0 150px;}
	.sy_company .sy_item_tit{ margin-bottom: 60px;}
	.swiperbtn{ width: 60px; height: 60px; font-size: 24px; line-height: 60px;}
	.sy_item_tit h3{font-size: 36px; line-height:44px;}
	.sy_company .comswiper .txt{padding: 35px;width: 60%;bottom: 18%;}
	.sy_number dt b{ font-size: 44px; line-height: 44px;}
	.sy_number dt p{font-size: 14px;line-height: 20px;height: 40px;margin-top: 10px;}
	.sy_about{background-size: 50%,70%!important;}
	.sy_about .abtxt{ width: 60%;}
	.sy_about .abtxt .des p{ line-height: 24px; font-size: 16px;}
	.sy_item_tit{margin-bottom: 60px;}
	.sy_about .abtxt .sy_number{margin-bottom: 50px;}
	.face_left h3,.provbox h3{font-size: 20px;position: absolute;top: 5%;z-index: 1;width: 100%;text-align: left;padding-left: 20px;}
	.face_left .facel_list{padding: 0 20px;}
	.face_left .facel_list li h4,.provbox li h4{font-size: 16px;}
	.face_left .facel_list li p,.provbox li p{font-size: 16px;line-height: 24px;}
	.provbox li b{ font-size: 80px; line-height: 80px;}
	.provbox li .txt{background-position: left 20px;background-size: 42px;padding-left: 60px;}
	.provbox li .jt img{ width: 60px;}
	.faceicon{ width: 100px; height: 100px; padding-top: 20px;}
	.faceicon img{width: 55%;}
	.caseswiper .swiper-slide{ width: 800px;}
	.caseswiper .swiper-slide .txt{padding: 20px 25px 0;display: none;}
	.caseswiper .swiper-slide .txt h2{font-size: 22px; line-height: 32px; height: 64px; margin-top:15px;}
	.caseswiper .swiper-slide .txt p{ margin-bottom: 25px;}
	.sy_item_tit p{font-size: 16px;}
	.news_list li h2{font-size: 14px;line-height: 20px;height: 60px;}
	.news_list li span{margin: 15px 0;}
	.proitem{ padding: 25px 12px;}
}

@media (max-width: 1024px){
	.waph{ height: 54px;}
	.sy_probox .leftbox{ display: none;}
	.sy_probox dl{ width: 100%; float:none;}
	.sy_probox dl dt{margin-left: 2%;background: none;}
	.sy_probox dl dt:first-child{ margin-left:0;}
	.proul li p{font-size: 16px; line-height: 24px; height: 48px;}
	.sy_company .comswiper{ width: 100%; position: unset;}
	.sy_company .lefttxt{width: 100%;padding: 20px;background: #153B82;}
	.sy_company .sy_item_tit{margin-bottom: 40px;}
	.prov_right .provlogo img{ height: 30px;}
	.faceicon{right: 6%;top: -30px;width: 60px;height: 60px;padding-top: 14px;}
	.sy_case{ padding-bottom: 100px;}
	.caseswiper .swiper-slide{width: 33.333%;float: left;}
	.caseswiper .swiper-slide .txt .amore{ display: none;}
	.foot_center{display: none;}
	.sy_probox{}
    .proul{display:none;}
	.proul li{width: calc(1000px / 3 - 50px);}
    /*li:nth-child(7) {display: none;}*/
	.proul li:nth-child(2n){ margin-right:0;}
	.sy_pro1{padding-bottom: 100px;}
    .sy_pro2{display:none;}
	.provbox li{padding: 38px 24px 38px 20px;border-bottom: 1px solid #2f4f99;}
	.face_left .facel_list{padding-left: 20px;padding-top: 60px;}
	.face_left .facel_list li{padding: 28px 0 28px 60px;background-size: 42px;}
	.caseswiper{ padding-bottom: 80px;}
	.right_online { display: none;}
	.sy_about .ab_map{ position: relative; width:100%;}
	
}
@media (max-width: 768px){
	.bannerswiper .page .swiper-pagination{ left: 2%; bottom:30px;}
	.sy-ban .swiper-pagination .swiper-pagination-bullet{ width: 15px;}
	.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 25px;}
	.sy_pro1:after,.sy_about:after,.sy_case:after,.index_foot:after{display:none;}
    .news_list li .txt {padding: 0;}
	.news_list li span{font-size: 16px;margin:5px 0;}
    .news_list li a {padding: 20px;}
	.sy_case{ padding-bottom: 60px;}
	.sy_about .ab_circ{display: none;}
	.sy_about .abtxt{ width: 100%;}
	.face_left{width:100%;float:none;/* overflow: hidden; */background: #FFF;position: relative;padding: 39px 0 0 0;}
	.prov_right{ width: 100%; float: none; margin-top:25px;}
	.provbox li .jt{display: none;}
    .proul{display:none;}
    .proul li{width:calc(640px / 3 - 60px);}
    .sy_probox dl dt {float: left;width: 50%;margin-left:0;height: auto;padding: 0;}
    .sy_probox dl dt:last-child{display:none;}
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy_item_tit {margin-bottom: 30px;}
.sy_item_tit h3{font-size: 28px; line-height: 36px;}
.sy_pro1, .sy_pro2{ padding-bottom: 25px;}
.sy_company .swiperbtn{width: 34px;height: 34px;line-height: 32px;font-size: 20px;margin-right: 10px;}
.sy_company .swiperbtn:after {font-size: 20px;}
.sy_company .sy_item_tit h3{margin-bottom: 0;}
.sy_company .comswiper .txt{width: 100%;right: 0;position: relative;bottom: 0;}
.sy_company .comswiper .txt p{}
.sy_company .comswiper .txt h2{margin-bottom: 10px;}
.sy_company .comswiper .txt{
    padding: 20px;
}
.sy_company .comswiper .txt h2{font-size: 18px;}
.sy_number dt b{font-size: 28px;line-height:36px;}
.sy_number dt b sup{font-size: 26px; line-height: 26px;}
.sy_number dl{display: block;}
.sy_number dt{width: 33.333%;margin: 0;text-align:center;float: left;margin-bottom: 0;}
.sy_number dt:first-child{}
.ablink{padding-left: 20px;display: block;}
.ablink b{font-size: 16px;line-height: inherit;}
.ablink i {font-size: 26px;color: #d9d9d9;margin-top: 30px;}
.sy_about .abtxt .sy_number{margin-bottom: 10px;overflow: hidden;}
.sy_about{ background: none!important;}
.face_left .facel_list{ padding: 30px 15px;}
.faceicon{width: 50px;height: 50px;padding-top: 12px;top: -65px;}
.faceicon img{height: 26px;}
.prov_right .provlogo{ right: 2%;}
.prov_right .provlogo img{ height: 25px;}
.provbox h3{padding-left: 15px;position: absolute;top: 4%;z-index: 1;}
.provbox li{ padding: 30px 15px;}
.provbox li .txt{ padding-left: 60px;}
.caseswiper .swiper-slide{width: 33.333%;}
.caseswiper .swiper-slide .pic{ width: 100%; float: none;}
.caseswiper .swiper-slide .txt{ width: 100%; padding: 20px 15px;}
.caseswiper .swiper-slide .txt p{ display: none;}
.caseswiper .swiper-slide .txt h2{font-size: 16px;line-height: normal;height: auto;margin-bottom:0;margin: 0;}
.swiperbtn{ width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
.caseswiper{ padding-bottom: 60px;}
.news_list ul{margin: 0;0:AUTO 100PX;padding: 10px;}
.news_list li{width: 50%;margin: 0;float: left;padding: 5px;}
.copy{font-size: 14px;text-align:center;}
.copy span.fr{float:none;clear:both;margin-left:5px;}
.sy_company{background:none !important;padding-top: 20px;}
.sy_company .sy_item_tit{margin-bottom: 15px;}
.sy_company .swiperbox{text-align:right;}
.m_img .headlf .m_logo{ max-height: 40px;}
.sy_about .ab_map{ bottom: 0;}
.sy_about .ab_map i{ width: 4px; height: 4px;}
.sy_about .ab_map span:nth-child(10) img{ width:60px;}
}

.ny_ban{ width: 100%; position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .txt{ position:absolute; text-align: center; color: #fff; width:100%; left:0; top:50%; transform:translateY(-50%);}
.ny_ban .txt p{ text-transform: uppercase;}
.ny_ban .txt a,.ny_ban .txt h3{ color: #fff;}
.ny_ban .txt h3{ font-size: 60px; line-height: 60px; text-transform: uppercase; font-family: montb; margin-top: 10px;}
.catebox{ height: 680px;}
.catebox a{ display: block; height:100%;}
.catebox .firstcol{ width: 55%; height:100%; position:relative;}
.catebox .rightcol{ width: 44%; height:100%;}
.catebox img{ width: 100%; height: 100%; object-fit: cover;}
.catebox .firstcol .catetxt{ position: absolute; width: 100%; padding: 75px 55px; top:0; left:0;}
.catebox .firstcol .catetxt h3{ font-size: 30px; font-family: montb; margin-bottom: 20px;}
.catebox .firstcol .catetxt p{ font-size: 18px; line-height: 30px; color: #333; margin-bottom: 40px;}
.catebox .firstcol .catetxt .smore{ border-color: #7d9dba; color: #153b82;}
.catebox .firstcol:hover .smore i{ color:#fff;}
.catebox .firstcol:hover .smore{ background:#254d99; border-color: #254d99;}
.catebox .cateitem{ height: calc((100% - 20px)/2); position:relative;}
.catebox .cateitem:first-child{ margin-bottom:20px;}
.catebox .cateitem h2{ position: absolute; width: 100%; color: #fff; font-family: montb; font-size: 30px;padding: 0 30px 30px; left: 0; bottom: 0;}
.catebox .cateitem:hover h2{ color:#254d99;}

.choo_ul{ height: 660px;}
.choo_ul li{ height: 100%; transition: .3s ease; float: left; width: 150px; background:#1a4183; overflow:hidden; }
.choo_ul li .imgfdd img,.choo_ul li .imgfdd{ height: 100%;}
.choo_ul li .imgfdd img{ object-fit: cover;}
.choo_ul li.on{ width: calc(100% - 750px);}
.choo_ul li.on .imgfdd{ width:63%; float: left;}
.choo_ul li:not(.on) .imgfdd{ display:none;}
.choo_ul li.on .txt{ padding: 110px 60px 0; width: 37%;}
.choo_ul li .txt{ padding: 130px 36px 0; color: #fff; position: relative; float: right; height: 100%; width: 100%}
.choo_ul li:nth-child(2){ background: #0b50a6;}
.choo_ul li:nth-child(3){ background: #045782;}
.choo_ul li:nth-child(4){ background: #046f82;}
.choo_ul li:nth-child(5){ background: #0b50a6;}
.choo_ul li:nth-child(6){ background: #045782;}
.choo_ul li:not(.on) .icon{right: 0; transform: translateX(50%);}
.choo_ul li .icon{ position: absolute; bottom: 45px; right: 45px; transition: .3s ease;}
.choo_ul li .txt b{ position: absolute; font-family: moneb; font-style: italic; color: #fff; opacity: .1; left: 35px; font-size: 60px; line-height: 60px; top: 30px; }
.choo_ul li .txt b:after{ content:''; position: absolute; width: 120%; left: 0; height: 7px; background: #042582; top: 40%;}
.choo_ul li .txt h2{ color: #fff; font-size: 20px;}
.choo_ul li.on .txt h2{ font-family:montb; font-size: 38px; line-height: 38px; }
.choo_ul li:not(.on) .txt .des{ display: none; opacity: 0;}
.choo_ul li .txt .des{ margin-top: 30px; padding-left: 18px; position: relative; transition: .3s ease; height:135px; overflow-y:scroll;direction: rtl;}
.choo_ul li .txt .des p{ color: #eeeeee;direction: ltr;}
.choo_ul li.on .txt .des{ opacity: 1;}
.choo_ul li .txt .des::-webkit-scrollbar{ width:1px; }
.choo_ul li .txt .des::-webkit-scrollbar-track{ background:rgba(255,255,255,.3);}
.choo_ul li .txt .des::-webkit-scrollbar-thumb{ background:#fff;}
.choo_ul li:nth-child(2) .txt b:after{ background: #0b50a6;}
.choo_ul li:nth-child(3) .txt b:after{ background: #045782;}
.choo_ul li:nth-child(4) .txt b:after{ background: #046f82;}
.choo_ul li:nth-child(5) .txt b:after{ background: #0b50a6;}
.choo_ul li:nth-child(6) .txt b:after{ background: #045782;}

@media (max-width: 1600px){
    .choo_ul{ height: 600px;}
    .choo_ul li .icon img{ height: 200px;}
    .choo_ul li .txt{padding: 100px 28px 0;}
    .choo_ul li.on .txt{ padding: 100px 40px 0;}
    .choo_ul li .icon{ right: 20px;}
}

@media (max-width: 1281px){
    .catebox .firstcol .catetxt{ padding: 55px 30px;}
    .catebox{ height: 600px;}
    .catebox .cateitem h2{ font-size: 26px;}
    .choo_ul li.on .txt h2{font-size: 30px; line-height: 32px;}
    .ny_ban .txt h3{font-size: 50px; line-height: 50px;}
}
@media (max-width: 1024px){
    .choo_ul{ height: auto;}
    .choo_ul li.on{ float: none; height: 400px; width:100%; margin-bottom:15px;}
    .choo_ul li.on:nth-child(2n) .imgfdd{ float:right;}
    .choo_ul li.on:nth-child(2n) .txt{ float:left;}
    .catebox{height: 540px;}
    .catebox .firstcol .catetxt p{ font-size: 16px; line-height: 24px;}
}
@media (max-width: 768px){
    .catebox{ height: 480px;}
    .catebox .firstcol .catetxt{ padding: 40px 20px 0;}
    .catebox .cateitem h2{font-size: 22px;}
}
@media (max-width: 450px){
    .catebox{ height: auto;}
    .catebox .firstcol{ height: 400px; width:100%; margin-bottom:15px; float:none;}
    .catebox .rightcol{ width: 100%; float: none;}
    .catebox .cateitem{ height: 250px;}
    .choo_ul li.on{ height: 210px;}
    .choo_ul li.on .txt .des{ display: none;}
    .choo_ul li .icon img{height: 100px;}
    .choo_ul li.on .imgfdd{ width: 55%;}
    .choo_ul li.on .txt{ width: 45%; padding: 70px 20px 0;}
    .choo_ul li.on .txt h2{font-size: 22px;}
    .choo_ul li .txt b{font-size: 40px; line-height: 40px; top:20px;}
    .choo_ul li .icon{ right: 10px; bottom: 20px;}
    .choo_ul li .txt b:after{height:4px;}
    .ny_ban img{ width: 160%; margin-left: -30%;}
    .ny_ban .txt h3{ font-size: 34px; line-height: 40px;}
    .catebox .firstcol .catetxt p{display: none;}
    .catebox .firstcol .catetxt h3{font-size: 24px;}
    
}
.mainleft{width: 350px;margin: -10px 0;}
.mainright{ width: calc(100% - 400px);}
.mainright .prodes{background: #fff;padding: 30px;margin: -10px -10px 30px -10px;}
.mainright .prodes h2{font-size: 30px;font-family: montb;line-height: 26px;padding-left: 15px;border-left: 5px solid #254d99;}
.mainright .prodes p{margin-top: 20px;}


.proleftnav{ background: #fff; padding: 45px 30px 20px; margin-bottom: 20px;}
.proleftnav h3{font-size: 32px;font-family: montb;padding-left: 15px;line-height: 30px;border-left: 5px solid #254d99;text-transform:uppercase;margin-bottom:20px;}
.proleftnav h3:nth-child(1){display:block;}
.proleftnav h3:nth-child(2){display:none;}
.proleftnav a{display: block;color:#333;padding: 20px;}
.proleftnav p{font-family: montm;font-size:18px;}
.proleftnav li{border-bottom:1px solid #e7e7e7;}
.proleftnav li.act{
    background: #f4f4f4;
}
.proleftnav li.act p{}
.proleftnav li.act p a{color: #254d99;}
.proleftnav dl{ padding: 0 20px 30px; display:none;}
.proleftnav dl dt{ padding-left: 30px; position: relative; margin-top: 18px;}
.proleftnav dl dt:after{position:absolute; left: 0; width: 16px; height: 16px; border: 1px solid #666666; content:'';}
.proleftnav dl dt a{ margin-right: auto; width:calc(100% - 20px); font-size:18px;}
.proleftnav dl dt i{ opacity: 0; color: #254d99;}
.proleftnav dl dt.on a{ color: #254d99;}
.proleftnav dl dt.on i{ opacity: 1;}
.proleftnav dl dt.on:after{ border-color:#254d99; background: url(../images/gou_03.png) no-repeat center;}
.proleftnav li.act dl{ display: block;}
.proleftnav dl dt:hover a{ color:#254d99;}
.hot_pro{ background: #fff; padding: 45px 30px 20px;}
.hot_pro h3 { font-size: 32px; font-family: montb; padding-left: 15px; line-height: 30px; border-left: 5px solid #254d99; text-transform:uppercase; margin-bottom:20px;}
.hot_pro li{margin-bottom: 20px;}
.hot_pro .pic{ width: 40%; margin-right: auto; border:1px solid #efefef;}
.hot_pro .txt{ width: 55%;}
.hot_pro .txt p{ font-size: 17px; max-height: 54px; overflow: hidden; margin-bottom:10px;}
.hot_pro .txt span{ font-size: 16px;}
.hot_pro li:hover .pic{ border-color:#254d99;}
.hot_pro li:hover span{ color:#254d99;}

.ny_pro_list ul{margin: -20px;}
.ny_pro_list li{float: left;width: 25%;padding: 0;}
.ny_pro_list li:nth-child(3n){ margin-right:0;}

@media (max-width: 1281px){
    .mainleft{width: 100%;}

    .proleftnav{padding: 20px;background: #FFFFFF url(../images/xl.png) no-repeat 96% center;background-size: 28px;position: relative;margin-bottom: 0;}
    .proleftnav ul{display: none;position: absolute;background: #FFF;overflow: hidden;z-index: 1;width: 100%;left: 0;top: 60px;}
    .proleftnav li.act{background:none;}
    .proleftnav li.act p{font-size: 16px;}
    .proleftnav li.act dl{ padding: 0 10px 20px;}
    .proleftnav dl dt a{font-size: 16px;}
    .proleftnav h3{font-size: 16px;line-height: 20px;margin-bottom: 0;}
    .proleftnav h3:nth-child(1){display:none;}
    .proleftnav h3:nth-child(2){display:block;}
    .mainright{ width: calc(100% - 320px);}
    .proitem .imgfd{margin: 0;}
}
@media (max-width: 1024px){
    .mainleft{/* display: none; */margin: 0;}
    .mainright{ width: 100%;}
}
@media (max-width: 768px){
    .ny_pro_list li{ padding:20px 15px;}
    .smore{ width: 40px; line-height: 40px; height: 40px;}
    .smore i{ line-height: 40px;}
    .mainright .prodes{padding: 20px;margin-top: 10px;margin-bottom: 10px;display: none;}
}
@media (max-width: 450px){
    .mainright .prodes h2{font-size: 16px;line-height: inherit;border-left: none;padding-left: 0;}
    .ny_pro_list li{width: 50%;margin-bottom: 0;}
    .proitem a {padding: 5px;margin: 5px;}
    .proitem .left{ width: 100%;}
    .proitem .left span{font-size: 12px;}
    .proitem .smore{ display: none;}
    .ny_pro_list ul {margin: 0;padding-top: 0;padding: 10px;}
    .ny_pro_list li{margin:0;padding: 0;overflow: hidden;}
    .proitem .imgfd{margin: 0;padding: 5px;}
    .proitem .left h2{font-size: 16px;padding: 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;line-height: inherit;m;height: 71px;}
    .proitem .txt{height: auto;}
}
.posi{ padding: 35px 0; text-transform:uppercase;}
.posi a:last-child{ color:#153b82;}
.toph{ height: 105px;}
.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; 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: #153b82;}
.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:#153b82; 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;}
.cbtn{ display: inline-block; margin-top: 60px; display: inline-block; line-height: 52px; border-radius: 27px; padding: 0 35px; border:1px solid #153b82; color:#153b82; transition:.2s ease;}
.cbtn:hover{ background:#254d99; color: #fff; border-color: #254d99;}
.proshow_top .txt .cbtn2 i{ font-size: 18px; margin-left: 10px;}
.proshow_top .txt .cbtn2{ background: #153b82; color: #fff; margin-right: 15px; border-color: #153b82; text-transform:uppercase;}
.proshow_top .txt .cbtn2:hover{ background:#254d99; border-color: #254d99;}


.touch_box{ 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/get_03.png) no-repeat left 3px;}
.touch_form{width: calc(100% - 450px); padding: 70px 45px 0; position:relative; z-index:5;}
.touch_form h3{ font-size:50px; font-family:moneb; text-transform:uppercase;}
.touch_form h3 span{ color: #153b82;}
.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:#153b82; transition:.3s ease;}
.touch_form .right .sub:hover{ background:#254d99;}
.dwcenter{ position: sticky; top: 150px; z-index: 4; padding-bottom:1280px;}
.dwcenter .proleftnav{box-shadow: 0 0 8px rgba(0,0,0,.1);}
.showright { width: calc(100% - 400px); position:relative; z-index:5;}
.showright h3.tit{ font-size: 40px; font-family: montb; padding-bottom: 25px; border-bottom: 1px solid #e9e9e9; position:relative; margin-bottom:60px;}
.showright h3.tit:after{ position:absolute; left: 0; bottom: 0; height: 3px; width: 180px; content: ''; background: #153b82;}
.showright .showtab .scroll{ overflow-x: scroll;}
.showright table{ width: 100%!important;  transform: inherit;}
.showright table td{ line-height: 30px; padding: 30px 10px 30px 25px; border-color:#ddd;white-space:nowrap;}
.showright table tr:nth-child(2n+3){ background:#f5f5f5;}
.showright table tr:first-child{background:#254d99; color: #fff;}
.rel_pro h3{ text-align: center;}
.relswiper{padding-bottom: 50px;overflow: hidden;position: relative;}

@media (max-width: 1281px){
    .showright{ width: calc(100% - 320px);}
}
@media (max-width: 1024px){
    .toph{ height: 0;}
    .posi{ padding: 25px 0; font-size: 16px;}
    .proshow_top .txt{ padding-top: 0;}
    .proshow_top .txt h1{font-size: 32px; padding-bottom: 15px;}
    .cbtn{margin-top: 20px;}
    .showright{ width: 100%; float:none;}
    .dwcenter{ display: none;}
    .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;}
    .showright h3.tit{font-size: 30px; padding-bottom: 25px; margin-bottom: 35px;}
    .showright table td{ padding: 10px 5px 10px 15px ;}
    .touch_form h3{font-size: 36px;}
}
@media (max-width: 450px){
    .cbtn{font-size: 16px;line-height:44px;border-radius:23px;padding:0 20px;width: 100%;text-align: center;}
    .showright table{font-size: 16px;}
    .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 img{ height: 300px;}
    .touch_box .pic .list{ padding-left: 20px;}
    .touch_box .pic .list p{ font-size: 16px;}
    .proshow_top{ padding-bottom: 40px;}
    .proshow_top .txt h1{font-size: 28px; line-height: 36px;}
    .proshow_top .swiper-pagination{ bottom: 25px;}
    .proshow_top .pic .picswiper .swiper-pagination-bullet{ width: 25px;}
}
.manu_nav{ box-shadow: 0 0 5px rgba(0,0,0,.1); margin:70px auto;}
.manu_nav dt{ padding: 25px 0; position: relative; width:33.3%; cursor:pointer;}
.manu_nav dt .icon{ margin-left: auto; margin-right: 25px; background: url(../images/icbg_03.png) no-repeat center center;}
.manu_nav dt:not(.active) .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(20%);-webkit-filter: brightness(0%) invert(20%);}
.manu_nav dt.active p{ color: #153b82;}
.manu_nav dt p{ font-size: 20px; margin-right: auto;}
.manu_nav dt .box{ border-right: 1px solid #dddddd;}
.manu_nav dt:last-child .box{border:none;}
.manu_nav dt:after{ position:absolute; width: 0; height: 4px; background: #153b82; content: ''; left: 0; bottom: 0; transition: .3s ease;}
.manu_nav dt:hover:after,.manu_nav dt.active:after{ width:100%;}

.factop .imgfdd{ width: 48%;}
.factop .imgfdd iframe{ width: 100%; height:450px; border:none;}
.factop .txt{ width: 48%; padding-top:30px;}
.mb48{ font-family: montb; font-size: 48px; margin-bottom: 30px;}
.factop .txt p{ font-size: 18px; line-height: 30px;}
.fac_show .tit{ text-align: center; width: 55%; margin: 0 auto 40px;}
.facswiper{ overflow: hidden; position: relative; margin:60px 0;}
.facswiper .swiper-slide { width:750px;transition-timing-function:linear; position: relative;overflow: hidden;}
.facswiper .swiper-slide .imgfd{padding-top: 0;}
.facswiper .swiperbtn{border: none;background: rgba(255,255,255,.5);color: #000;width:60px;line-height:60px;height:60px;font-size:24px;}
.facswiper  .swiper-button-prev{ left: 30%;}
.facswiper  .swiper-button-next{ right: 30%;}
.facswiper .swiperbtn:hover{ background:#254d99; color:#fff;}


.facswiper .swiperbtn:after{
   font-family: iconfont !important;
   font-size: 26px;
}
.facswiper .swiperbtn.swiper-button-prev:after {
    content: "\e62d";
}
.facswiper .swiperbtn.swiper-button-next:after {
    content: "\e624";
}



.fac_custom .tit{ text-align: center; width: 70%; margin: 0 auto 30px;}
.customswiper{ overflow: hidden; position:relative; padding-bottom:60px;}
.customswiper .swiper-pagination-bullet{ width: 24px; height: 24px; border-radius: 50%; background: none; position: relative; border:1px solid rgba(0,86,165,0);}
.customswiper .swiper-pagination-bullet:after{ position:absolute; width: 8px; height: 8px; border-radius: 50%; background: #8e8e8e; left: 8px; top: 8px; content:'';}
.customswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: rgba(0,86,165,1);}
.customswiper .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ background:#153b82;}
.botmsg{ padding: 75px 0; text-align:center;}
.botmsg .txt{ color: #fff; text-align: center; margin-bottom:20px;}
.botmsg p{ font-size: 18px;}
.botmsg h3{ font-size: 52px; color: #fff; font-family: montb;}
.botmsg form input{ width: 20%; margin-right: 1%; line-height:54px; padding-left:15px;}
.botmsg form textarea{ width: 44%; line-height:54px; height:54px;padding-left:15px;}
.botmsg form .sub{ width: 12%; background: #153b82 url(../images/mail_07.png) no-repeat 20% center; margin-left:auto; cursor:pointer; color:#fff;}
.online{ display: inline-flex; padding:15px; color:#fff; background:rgba(255,255,255,.3); border-radius:29px; margin-top:25px;}
.follow_list img{ width: 28px;}
.online p{ margin-right: 10px; font-size:18px; text-transform:uppercase;}
@media (max-width: 1281px){
    .factop .txt p{ font-size: 16px; line-height: 24px;}
    .factop .txt{ padding-top: 0;}
    .mb48{ font-size: 42px;}
    .facswiper .swiper-slide{ width: 600px;}
    .factop .imgfdd iframe{height: 360px;}
}
@media (max-width: 1024px){
    .fac_show .tit,.fac_custom .tit{ width: 75%; margin: 0 auto 30px;}
    .botmsg{padding: 50px 0;}
    .botmsg h3{ font-size: 45px;}
    .botmsg form .sub{background-position: 10px center;}
}
@media (max-width: 768px){
    .manu_nav dt p{ font-size:16px; width:calc(100% - 80px);}
    .manu_nav dt .icon{ width: 50px; height: 50px; background-size: 100%; margin-right:15px;}
    .manu_nav dt .icon img{ width: 100%;}
    .factop .imgfdd{ width: 100%; float: none;}
    .factop .txt{ width: 100%; float: none; margin-top: 25px;}
    .mb48{ font-size: 28px; margin-bottom: 20px;}
    .fac_show .tit, .fac_custom .tit{ width: 95%;}
    .facswiper .swiper-slide{width: 420px;}
    .facswiper .swiperbtn{ width: 40px; height: 40px; font-size: 20px; line-height: 40px;}
    .facswiper{margin: 30px 0 0;}
    .facswiper .swiperbtn:after {font-size: 20px;}
    .manu_nav  .tab_hd{ display: block; padding:0 10px;}
    .manu_nav dt{ width: 100%; border-bottom: 1px solid #ddd; padding:10px 0;}
    .manu_nav dt .box{ border-right: none;}
    .botmsg{ display: none;}
    .factop .imgfdd iframe{height: 280px;}
}
.com_production .tit{ width: 70%; margin: 0 auto 40px; text-align:center;}
.propnavswiper{ overflow: hidden; text-align: center; border-bottom: 1px solid #e5e5e5; margin-bottom:60px;}
.propnavswiper li{ font-size: 18px; padding-bottom: 20px; position: relative; cursor:pointer;}
.propnavswiper li:after{ position:absolute; width: 0; height: 3px; content: ''; background: #153b82; left:0; bottom:0;}
.propswiper{ overflow: hidden;}
.propnavswiper li.swiper-slide-thumb-active:after{ width:100%;}
.propnavswiper li.swiper-slide-thumb-active{ color: #153b82;}
.propswiper li{ background: #f4f4f4;}
.propswiper li .pic{ width: 50%;}
.propswiper li .txt{ width: 50%; padding: 70px 70px 0;}
.propswiper li .pic .imgfd{ padding-top: 62.5%;}
.propswiper li .txt .swiperbtn{ position: unset; display: inline-block; transform:none; width:60px; height:60px; line-height:60px; font-size:24px; margin-right:15px;}
.propswiper li .txt h2{ font-size: 32px; font-family: montb; margin-bottom: 30px;}
.propswiper li .txt p{ font-size: 18px; line-height: 30px;}
.propswiper li .txt .des{ margin-bottom: 40px;}

@media (max-width: 1441px){
    .propswiper li .txt{ padding: 40px 40px 0;}
    
}
@media (max-width: 1281px){
.propswiper li .txt h2{ font-size: 26px; margin-bottom: 20px;}
.propswiper li .txt p{ font-size: 16px; line-height: 24px;}
}
@media (max-width: 1024px){
    .com_production .tit{ width: 90%;}
}
@media (max-width: 768px){
    .propswiper li .pic{ width: 100%; float: none;}
    .propswiper li .txt{ width: 100%;float: none; padding: 30px 20px;}
}
@media (max-width: 450px){
    .manu_nav{ margin: 30px auto;}
    .facswiper .swiper-slide{ width: 280px;}
    .facswiper .swiper-button-prev{left: 10%;top: 60%;}
    .facswiper .swiper-button-next{right: 10%;top: 60%;}
    .customswiper .swiper-pagination-bullet{ width: 18px; height: 18px;}
    .customswiper .swiper-pagination-bullet:after{ width:4px; height: 4px; left:7px; top:7px;}
}
.qua_control .tit{ text-align: center; margin-bottom:30px;}
.qua_control dl dt{ width: 31%; margin-right: auto; padding:40px; text-align:center; background:#f6f6f6;}
.qua_control dl dt:nth-child{ margin-right:0;}
.qua_control dl dt h2{ margin: 30px 0 25px; font-size:24px; font-family:montm; line-height:30px; height:30px;}
.qua_control dl dt p{ font-size: 18px; line-height: 30px; height: 180px;}
.qua_control dl dt:hover{background:#153b82;}
.qua_control dl dt:hover,.qua_control dl dt:hover h2{ color:#fff;}
.qua_control dl dt:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.qua_insp{ text-align: center;}
.inspswiper{ overflow: hidden; padding-bottom:40px; position:relative;}
.insp_list .swiper-wrapper{ height: 660px;}
.insp_list li{ height:calc((100% - 60px)/2);}
.insp_list li .imgfd{ padding-top: 66%; margin-bottom: 15px;}
.insp_list li p{ font-size: 18px; line-height: 24px; overflow: hidden;}
.inspswiper .swiper-pagination-bullet{ width: 30px; height: 3px; border-radius: 0;}
.inspswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:52px; background:#254d99;}

@media (max-width: 1441px){
    .qua_control dl dt p{ font-size: 16px; line-height: 24px; height: 168px;}
    .insp_list .swiper-wrapper{ height: 540px;}
    
}
@media (max-width: 1281px){
    .qua_control dl dt h2{ font-size: 22px;}
    .qua_control dl dt{padding: 30px;}
    .insp_list .swiper-wrapper{ height: 500px;}
}
@media (max-width: 1024px){
    .qua_control dl{ display:block;}
    .qua_control dl dt{ width: 100%; margin-bottom: 20px;}
    .qua_control dl dt p{ height: auto;}
    .insp_list li p{font-size: 16px;}
    .insp_list .swiper-wrapper{height: 450px;}
}
@media (max-width: 450px){
    .qua_control dl dt h2{ font-size: 20px; margin: 20px 0;}
}
.caseban{ padding-bottom: 30px; background:#f7f7f7;}
.newsban .txt h3{ font-size: 40px; line-height: 45px;}
.caseban:after{ position: absolute; width: 60%; left: 50%; bottom:30px; transform:translateX(-50%); height: 0; border-bottom: 55px solid #f7f7f7;border-left: 30px solid transparent;border-right: 30px solid transparent;content: '';}
.case_nav{position: absolute; width: 100%; padding: 0 25%; left:0; bottom:0;z-index:3;}
.case_nav a{ margin: 0 auto; display: inline-block; line-height:50px; position:relative; font-size:18px;}
.case_nav a:after{ position:absolute; content:''; background: #254d99; height: 3px; width: 0; transition: .2s ease; bottom: 0; left: 0;}
.case_nav a:hover:after,.case_nav a.on:after,.case_nav a.act:after{width:100%;}
.case_nav a:hover,.case_nav a.on,.case_nav a.act{ color:#254d99;}
.ny_case{ background: #f7f7f7;}
.ny_case .tit{ width: 60%; margin: 0 auto 40px; text-align:center;}
.ny_case_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 40px; text-align:center; }
.ny_case_list ul li:nth-child(3n){ margin-right:0;}
.ny_case_list ul li .imgfd{ padding-top: 68.6%; margin-bottom:15px;}
.ny_case_list ul li p{ font-size: 18px; height: 27px; overflow: hidden;}
.ny_case_list ul li:hover p{ color:#254d99;}
.case_part h3{ text-align: center;}
.partswiper{ overflow: hidden; padding-bottom:50px; position:relative;}
.partswiper .swiper-wrapper{ height: 330px;}
.partswiper .swiper-wrapper li{ height: calc((100% - 40px)/2)!important;}
.partswiper .imgfd{ padding-top: 50%; border:1px solid #e1e1e1;}
.partswiper .swiper-pagination-bullet{ width: 30px; height: 3px; border-radius: 0;}
.partswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:52px; background:#254d99;}
@media (max-width: 1441px){
    .caseban:after{ width:70%;}
    .case_nav{padding: 0 18%;}
    .partswiper .swiper-wrapper{ height: 240px;}
    
}
@media (max-width: 1024px){
    .case_nav a{ font-size: 16px;}
    .ny_case .tit{ width: 80%; margin-bottom:25px;}
    .partswiper .swiper-wrapper{ height: 200px;}
}
@media (max-width: 768px){
    .caseban:after{ border-bottom: 30px solid #f7f7f7;border-left: 15px solid transparent;border-right: 15px solid transparent; bottom:0;}
    .case_nav{ display:none;}
    .caseban{padding-bottom: 0;}
    .ny_case_list ul li p{font-size: 16px; height:24px;}
}
@media (max-width: 450px){
    .partswiper .swiper-wrapper{height: 240px;}
    .ny_case .tit{ width: 100%;}
    .ny_case_list ul li{ width: 49%; margin-bottom:20px;}
    .ny_case_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_case_list ul li:nth-child(2n){margin-right:0;}
    .ny_case_list ul li p{height: 48px;}
}


.logo_list{display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0 -1px -1px 0;}
.logo_list li {width: 25%;box-sizing: border-box;border: 1px solid #EFEFEF;margin: 0 -1px -1px 0;padding: 10px;text-align: center;}
.logo_list li img{width:100%;max-width:100%;height:auto;}
@media (max-width: 1023px){
    .logo_list li{width:50%;}
}


.about_top{background: #f8f8f8 url(../images/botbg_06.png) no-repeat center bottom;}
.ny_ban h4{ width: 80%; margin: 0 auto; font-size:54px; line-height:60px; font-family:montb; color:#fff;}
.top_txt{background: url(../images/combg_04.png) no-repeat left bottom;}
.top_txt .left{ width: 40%; margin-right: auto;}
.top_txt .right{ width: 55%;}
.top_txt .left h3{ padding-bottom: 20px; position: relative;}
.top_txt .left h3:after{ position:absolute; bottom: 0; left: 0; width: 120px; height: 4px; background: #1a4183; content: '';}
.top_txt .left p{ font-size: 22px; line-height: 36px;}
.top_txt .right p{ font-size: 18px; line-height: 30px;}
.ny_number dl dt{ width: 23%; margin-right: auto; padding: 40px 30px 50px 40px; background: #fff;}
.ny_number dl dt:last-child{ margin-right:0;}
.ny_number dl dt span,.ny_number dl dt b{ display:block ;}
.ny_number dl dt span{ font-family: montm; font-size: 20px;}
.ny_number dl dt b{ font-family: montb; font-size: 55px; line-height: 55px; margin:25px 0; letter-spacing:-5px;}
.ny_number dl dt b sup{ font-size: 48px; line-height: 48px;}
.ny_number dl dt p{line-height: 24px;height: 60px;}
.ny_number dl dt:hover{ background:#153b82; color: #fff;}
.ab_company{ padding-top: 80px;}
.ab_company .mb48{ margin-bottom: 0; padding-bottom: 25px; position: relative; margin-right:auto;}
.ab_company .mb48:after{ position:absolute; left: 0; bottom: 0; height: 4px; width: 120px; background:#153b82; content:'';}
.ab_company .tit p{ width: 55%; font-size:18px; line-height:30px;}

.ab_honor{background: #FFF;}
.ab_honor .left{ width: 35%; margin-right:auto;}
.ab_honor .left .tit{ margin-bottom: 100px;}
.ab_honor .swiperbox{width: 60%;position:relative;padding: 0 50px;}
.ab_honor .honorswiper{ overflow:hidden; text-align:center;}
.ab_honor .honorswiper li .box{ background: #fff; padding: 30px; margin-bottom:15px;}
.ab_honor .honorswiper li .imgfd{}
.ab_honor .honorswiper li p{ line-height: 24px; height: 72px;}
.ab_honor .swiperbtn{border: none;background: rgba(0,0,0,.3);color: #fff;width:60px;line-height:60px;height:60px;font-size:24px;}
.ab_honor  .swiper-button-prev{ left: 10%;top:45%;}
.ab_honor  .swiper-button-next{ right: 10%;top:45%;}
.ab_honor .swiperbtn:hover{ background:#254d99; color:#fff;}

.ab_honor .swiperbtn:after{
   font-family: iconfont !important;
   font-size: 26px;
}
.ab_honor .swiperbtn.swiper-button-prev:after {
    content: "\e62d";
}
.ab_honor .swiperbtn.swiper-button-next:after {
    content: "\e624";
}


.ab_cult h3{ text-align: center;}
.ab_cult li{ position: relative; height:580px; width:24%; margin-right:2%; float:left; transition:.2s ease;}
.ab_cult li.active{ width: 48%;}
.ab_cult li:last-child{ margin-right:0;}
.ab_cult li .imgfdd{ height: 100%;}
.ab_cult li img.cultimg{ height: 100%; width: 100%; object-fit: cover;}
.ab_cult li .txt{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 150px 40px 45px; color:#fff;}
.ab_cult li .txt h4{ font-family: monsb;font-size: 30px; margin-bottom: 15px; color: #fff;}
.ab_cult li .txt p{ display: none;}
.ab_cult li .txt .left{ width: calc(100% - 100px); margin-right: auto;}
.ab_cult li .txt .icon img{ width: 70px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%); display:none;}
.ab_cult li.active .txt p{ display: block;}
.ab_cult li.active .txt .icon img{ display: block;}
.ab_cult li.active .txt{background: linear-gradient( to top,rgba(21,59,130,.8),rgba(21,59,130,0.01));}
.ab_base .txt{ width: 50%; position:relative;z-index:3;}
.ab_base .txt h3{ font-family: montb; font-size: 40px; margin-bottom: 30px;}
.ab_base .txt .cbtn{ margin-right: 20px;}
.ab_base .txt .cbtn2{ background: #153b82; color: #fff;}
.ab_base .txt .cbtn2:hover{ background:#254d99;}
.ab_base{ position: relative;}
.ab_base .base_map{ width: 55%; position: absolute; right: 0; top: 50%; transform:translateY(-50%);}
.ab_base .base_map .map{ width: 100%;}
.ab_base .base_map i{ position: absolute; width: 10px; height: 10px; background: #254d99; border-radius: 50%;}
.ab_base .base_map i:after{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius:50%; animation: maocircle 1.5s ease-out infinite; background:#254d99; content:'';}
.ab_base .base_map i:nth-child(2){ left:17%; top: 47%;}
.ab_base .base_map i:nth-child(3){ left:25%; top: 35%;}
.ab_base .base_map i:nth-child(4){ left:46%; top: 20%;}
.ab_base .base_map i:nth-child(5){ left:45%; top: 45%;}
.ab_base .base_map i:nth-child(6){ left:50%; top: 24%;}
.ab_base .base_map i:nth-child(7){ left:55%; top: 26%;}
.ab_base .base_map i:nth-child(8){ left:75%; top: 23%;}
.ab_base .base_map i:nth-child(9){ left:78%; top: 52%;}
.ab_base .base_map span:nth-child(10){ position:absolute; left:78%; top: 36%;}
.ab_base .base_map span:nth-child(10) img{width:80px;}
@media (max-width: 1281px){
    .ny_ban h4{ font-size: 44px; line-height: 50px;}
    .ny_number dl dt{ padding: 30px 20px 40px 30px;}
    .ny_number dl dt b{ font-size: 50px; line-height: 50px;}
}
@media (max-width: 1024px){
    .top_txt .right p{ font-size: 16px; line-height: 24px;}
    .top_txt .left p{font-size: 20px;}
    .top_txt{background-size: 60%;}
    .ny_number dl dt b{font-size: 40px; line-height: 40px;}
    .ny_number dl dt span{ font-size: 18px;}
    .ny_number dl dt p{font-size: 14px;}
    .ny_number dl dt b sup{font-size: 28px; line-height: 28px;}
    .ab_honor .honorswiper li .box{padding: 15px;}
    .ab_cult li{ height: 450px;}
    .ab_cult li .txt{padding: 100px 25px 30px;}
    .ab_cult li .txt .icon img{ width: 50px;}
    .ab_cult li .txt .left{ width: calc(100% - 60px);}
    .ab_cult li .txt h4{font-size: 26px;}
    .ab_base .txt{ width: 70%;}
    .ab_base .txt h3{ font-size: 36px;}
    .ab_honor .left .tit{ margin-bottom: 50px;}
    .ab_base .base_map{ position: relative; width: 100%; top: auto; transform: translateY(0);}
}
@media (max-width: 768px){
    .ny_ban h4{ font-size: 32px; line-height: 38px;}
    .top_txt{ display: block;}
    .top_txt .left{ width: 100%;}
    .top_txt .right{ width: 100%;margin-top: 20px;}
    .ny_number dl dt{width: 48%;margin-bottom: 19px;}
    .ny_number dl dt:nth-child(2n){ margin-right:0;}
    .ab_company .tit{ display: block;}
    .ab_company .tit p{ width: 100%; margin-top: 20px;}
    .ab_base .txt h3{ font-size: 32px;}
    .ab_base{background-size: 100%!important;}
    .ab_base .txt{ width: 100%;}
    .ab_honor .swiperbox{width: 100%;padding: 0;}
    .ab_honor .honorswiper li .box{padding: 5px;}
}
@media (max-width: 450px){
    .ny_ban h4{ font-size:24px; line-height:32px;}
    .ny_number dl dt{padding: 20px 10px 20px 20px;}
    .ny_number dl dt b{ font-size: 32px; line-height: 32px; margin:10px 0;}
    .ny_number dl dt span{ height: 44px;}
    .ab_company .tit p{ font-size: 16px; line-height: 24px;}
    .ab_honor .center{ display: block;}
    .ab_honor .left{ width: 100%;}
    .ab_honor .honorswiper{ width: 100%; margin-top: 20px;}
    .ab_honor .left .tit{margin-bottom: 30px;}
    .ab_honor .swiperbtn{ width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
    .ab_cult li{ width: 100%!important; height:280px; margin-bottom:20px;}
    .ab_cult li .txt{background: linear-gradient( to top,rgba(21,59,130,.8),rgba(21,59,130,0.01));}
    .ab_cult li .txt p{display: block;}
    .ab_cult li .txt .icon img{display: block;}
    .newsban .txt h3{font-size: 26px; line-height: 30px;}
    .caseban:after{display:none;}
    .ab_base .base_map span:nth-child(10) img{width:60px;}
}
.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;}
.show_content{width: 100%;overflow: hidden;line-height: 32px;}
.show_content video{width:100%;height:100%;}
.show_content img{ max-width: 100%!important;}
.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: #153b82; border-color: #153b82; color: #fff;}
.page_btn .next{ text-align: right;}
.page_btn i{ font-size: 16px;}
.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: #153b82;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}
.last_news h3{ text-align: center;}
@media (max-width: 1024px){
    .newshow h1{font-size: 36px; line-height: 44px;}
}
@media (max-width: 450px){
    .newshow h1{font-size: 26px; line-height: 34px;}
    .news_info{ display: block; margin:20px 0;}
    .news_info .follow{ margin-top: 15px;}
    .page_btn { padding-top: 20px; margin-top: 25px; display:block;}
    .page_btn .back{ display: none;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{text-align: left; margin-top: 15px;}
}
.lx_left{ width: 40%;}
.lx_left h3{ font-size: 60px; font-family: montb; line-height:80px; text-transform:uppercase;}
.lx_left h3 span{ color: #254d99;}
.lx_left p{ color: #7d7d7d;}
.lx_left p a{ color: #284191; text-decoration: underline;}
.lx_left .item{ margin-top: 30px;}
.lx_left .item .icon{ width: 68px; height: 68px; border-radius: 50%; text-align: center; padding-top: 13px; border:1px solid #e7e7e7;}
.lx_left .item .txt{ width: calc(100% - 90px); margin-left: auto;}
.lx_left .item .txt h4{ font-size: 20px; font-family: montm; margin-bottom: 10px;}
.lx_left .item .txt a,.lx_left .item .txt span{ font-size: 18px; display:block; line-height:30px;}
.lx_left .follow{ margin-top: 30px;}
.lx_left .follow h4{ font-size: 18px; font-family: montm; font-style:italic; margin-right:10px;}
.lx_left .follow h4 span{ color: #153b82;}
.lx_msg{ width: 55%; padding-top:50px;}
.lx_msg h3{ font-size: 54px; font-family: montb;}
.lx_msg form{ margin-top: 35px;}
.lx_msg input,.lx_msg textarea{ width:100%; line-height: 52px; border-radius: 8px; border: 1px solid #e6ebed; padding-left: 15px; margin-bottom: 30px;}
.lx_msg input.fl{ width:49%;margin-right: 2%;}
.lx_msg input.fl: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:#153b82 url(../images/mail_07.png) no-repeat 45% center;}
.lx_msg .sub:hover{ background:#254d99 url(../images/mail_07.png) no-repeat 45% center;}

.lx_where .txt{ width: 40%; padding-top: 80px;}
.lx_where .map{ width: 55%; overflow:hidden;}
.lx_where .map iframe{ width: 100%!important;}
.lx_where .txt h3{ padding-bottom: 20px; position: relative;}
.lx_where .txt h3:after{ position: absolute; left: 0; bottom: 0; height: 4px; width: 120px; background: #153b82; content: '';}
.lx_where .txt .tab-hdd{margin: 60px 0 40px;}
.lx_where .txt .tab-hdd li{ display: inline-block; line-height: 53px; padding: 0 25px; border: 1px solid #153b82; color:#153b82; font-size:18px; margin-right:35px; cursor:pointer;}
.lx_where .txt .tab-hdd li.active{ background: #153b82; color: #fff;}
.lx_where .txt p{ font-size: 18px; line-height: 30px;}
.lx_get h3{ text-align: center;}
.lx_get dt{ width: 24%; margin-right: auto; background:#f2f2f2; padding:40px; text-align:center;}
.lx_get dt:last-child{ margin-right:0;}
.lx_get dt h4{ font-size: 22px;font-family: montb; margin: 10px 0 25px; line-height:30px; height:30px; overflow:hidden;}
.lx_get dt p{ line-height: 30px; font-size: 18px; height: 150px;}
.lx_get dt:hover{ background:#153b82; color: #fff;}
.lx_get dt:hover h4{ color:#fff;}
.lx_get dt:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}


@media (max-width: 1600px){
    .lx_left h3{font-size: 50px; line-height: 60px;}
}
@media (max-width: 1281px){
.lx_left h3{font-size: 40px; line-height: 50px;}
.lx_msg{padding-top: 0;}
.lx_msg h3{font-size: 48px;}
.lx_where .txt .tab-hdd li{font-size: 16px; padding: 0 20px;}
.lx_get dt{ padding: 30px 25px;}
}
@media (max-width: 1024px){
    .lx_where .txt{ width: 100%; float: none;}
    .lx_where .map{ width: 100%; float:none; margin-top:30px;}
    .lx_get dt p{font-size: 16px; line-height: 24px; height: 144px;}
}
@media (max-width: 768px){
    .lx_left{ width: 100%; float: none;}
    .lx_msg{ width: 100%; float: none; margin-top: 30px;}
    .lx_where .map iframe{ height: 400px!important;}
    .lx_get dl{ display: block;}
    .lx_get dl dt{ display: flex; margin-bottom: 20px; width:100%; align-items:center; flex-wrap:wrap;}
    .lx_get dl dt .icon{ margin-right: auto;}
    .lx_get dl dt .txt{ text-align: left; width: calc(100% - 80px);}
    .lx_get dt p{height: auto;}
    .lx_get dt h4{ margin: 0 0 15px;}
    .index_foot{padding-top: 30px;}
    .mainh{ height: 40px;}
}

@media (max-width: 450px){
    .lx_left h3{font-size: 32px; line-height: 40px;}
    .lx_left .item .txt a, .lx_left .item .txt span{font-size: 16px; line-height:27px;}
    .lx_msg h3{font-size: 34px; margin-bottom: 15px;}
    .lx_msg input.fl{ width: 100%; float: none;}
    .lx_msg input, .lx_msg textarea{ margin-bottom: 15px;}
    .lx_where .txt{ padding-top: 50px;}
    .lx_where .txt .tab-hdd{ margin: 30px 0 15px;}
    .lx_where .txt .tab-hdd li{line-height: 45px; margin-bottom: 15px; width:100%; text-align:center;}
    .lx_where .txt p{ font-size: 16px; line-height: 24px;}
    .lx_msg .sub,.lx_msg .sub:hover{background-position: 35% center;}
    .posi{padding: 15px 0;}
}
.swiper-container img { width: 100%; font-size: 0; }


.sy-ban{overflow:hidden;position:relative;}
.sy-ban .swiper-pagination{bottom: 10% !important;}
.sy-ban .swiper-pagination-bullet-active {background:#FFF !important;}
.sy-ban .swiper-pagination-bullet{width:12px !important;height:12px !important;margin:5px !important;}


/*pager*/
.in-page {clear: both;text-align: center;padding: 50px 0;}
.in-page ul { margin: 0; padding: 0; height: 40px; font-size: 14px; color: #666; }
.in-page li { width: auto; background: initial; display: inline-block; padding: 0; height: auto; line-height: inherit; border-bottom: none; }
.in-page a, .in-page select, .in-page a:visited { background: #FFF; vertical-align: middle; border-radius: 5px; border: 1px solid #EEE; color: #333; display: inline-block; height: 36px; line-height: 36px; margin: 5px; padding: 0 13px; text-decoration: none; }
.in-page .press, .in-page a:active, .in-page a:hover { border-radius: 5px; text-decoration: none; vertical-align: middle; background-color: #064f96; border: 1px solid #064f96; color: #FFF; display: inline-block; height: 36px; line-height: 36px; margin: 5px; padding: 0px 13px; }
.in-page a:hover { background-color: #FFF; border: 1px solid #064f96; color: #064f96; }
.in-page li.list-page { display: none; }
.in-page li.pre-page a, .in-page li.next-page a { padding: 0 28px; }
.in-page li.next-page a { background: #FFF url(../static/images/base/icon2.png) no-repeat center center; }
.in-page li.pre-page a { background: #FFF url(../static/images/base/icon1.png) no-repeat center center; }

@media screen and (max-width:1200px) {
    .in-page {padding: 30px 0;}
    .in-page li { display: none }
    .in-page li:first-child, .in-page li:last-child, .in-page li.list-page { display: inline-block }
    .in-page li.list-page select { width: 58px; border-radius: 0; font-size: 14px; -webkit-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); background: #FFF url(../images/select.png) no-repeat 33px center; background-size: 18px; }
}


@media screen and (max-width:1200px) {
.lx_main,.about-main,.ab_company,.ab_honor,.ab_base,.case_part,.posi,.ny_center,.sy_about{padding:20px;}
.about_top,.sy_choose{padding-bottom:0 !important;}
}



.head-lang{width:102px;height:93px;margin-right:10px;line-height:47px;position:relative;cursor:pointer;float:left;background:url(../images/icon2.png) no-repeat center left;color:#666;background-size:20px}
.head-lang a{padding:0 10px;float:left;color:#666}
.head-lang > span{display:block;position:absolute;right:0;top:21px;padding-right:22px;background:url(../images/icon3.png) no-repeat right 14px;background-size:20px}
.lang-list-main{text-align: left;background: #fff;overflow: hidden;border-radius: 5px;padding: 10px;margin-top: 13px;}
.lang-list-main.active{visibility:visible;opacity:1;top:70px}
.lang-list-main a{line-height:35px;padding:0 10px;color:#51555d;float:left;width: 25%;font-size:14px;text-align:left}
.lang-list-main a:hover{color:#064f96}
.lang-list-main a.active{color:#064f96}
.lang-list-main:before{content:'';position:absolute;right: 60px;top: 6px;margin-left:-5px;width:15px;height:7px;background:url(../images/icon4.png) no-repeat center;background-size:19px}
.head-lang-close{position:absolute;right:-30px;top:0;width:18px;height:18px;cursor:pointer}
.lang-list-main .language-list{padding:15px 20px}
.lang-list-main .lan-icon{display:inline-block;min-width:28px;height:21px;padding:0 3px;background:#fff;border:1px solid #d9d9d9;border-radius:2px;font-weight:700;line-height:19px;text-align:center;margin-right:5px;}
.lang-list-main .lan-text{display:inline-block;width:80px}
.lang-list-main .lan-item:nth-child(3n) .lan-icon{color:#1a88cd}
.lang-list-main .lan-item:nth-child(3n+1) .lan-icon{color:#55a344}
.lang-list-main .lan-item:nth-child(3n+2) .lan-icon{color:#cb1f17}
.lang-list-main .lan-item:hover .lan-text{text-decoration:underline}

.m_img{overflow:inherit;}
.m_img .top_lang{float:right;top: 12px;}
.m_img .top_lang .lang-list a{width: 50%;}
.m_img .top_lang .lang-list-main{visibility:hidden;opacity:0;}
.m_img .top_lang .lang-list-main.active{visibility:visible;opacity:1;top:70px}
.m_img .top_lang .iconfont.icon-diqiu2{font-size: 28px;}
.m_img .top_lang:hover .lang-list {display: block;position:fixed;top: 40px;height: 625px;overflow: scroll;width: 100%;}