@charset "utf-8";
/* CSS Document */
.pro_xiala{ position: fixed; width: 100%; left: 0; height:0; top: 105px; overflow:hidden; transition: .3s ease;}
.index_head .nav li.navli:hover .pro_xiala{ height:auto;}
.pro_xiala .xiala_center{background: #fff; padding: 50px 75px; width:1400px;}
.pro_xiala .left{ width: 65%;}
.pro_xiala .right{ width: 32%;}
.pro_xiala .left ul{ overflow: hidden; position:relative;}
.pro_xiala .left ul:after{position:absolute; left: 50%; top: 0; height: 100%; width: 1px; background: #ebebeb; content: '';}
.pro_xiala .left li{ padding: 10px 25px; width:42%; margin-left:0;}
.pro_xiala .left li p{ max-width: calc(100% - 40px); margin-right: auto; font-size:18px; line-height:30px;}
.pro_xiala .left li i{ color: #fff; font-size: 20px;}
.pro_xiala .left li.active{ background:#045498; color:#fff;}
.pro_xiala .left li.active p{ color:#fff;}
.pro_xiala .right .imgfd{padding-top: 61%; border: 1px solid #ddd; margin-bottom:30px;}
.pro_xiala .right h2{ font-size: 20px; line-height: 30px; font-family: popm;  margin-bottom: 10px;}
.pro_xiala .right .tit{margin-right: auto;}
.pro_xiala .right li i{ display: inline-block;width: 44px; line-height: 44px; height: 44px; text-align: center; border: 1px solid #ebebeb; font-size: 22px;}
.pro_xiala .right li:hover .imgfd{border-color:#045498;}
.pro_xiala .right li:hover h2{ color:#045498;}
.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);}
.top_contact{ display: flex; align-items: center;height: 44px; font-size: 14px; float: right; line-height: 16px;}
.top_contact .topp{ font-size: 14px; padding: 0 19px; border-left: 1px solid rgba(0,0,0,.3); line-height: 14px;}
.top_contact .topp a{ color: #666;}
.top_contact .topp i{ margin-right: 5px; font-size: 14px; color: #004580;}
.top_contact .top_search{ margin-right: 25px; cursor: pointer; font-size: 20px; color: #004580;}
.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; background: rgba(0,0,0,.1);}
.top_lang{ position: relative;}
.top_lang .lang-list{ position: absolute; left:0; top:28px; background:#fff; padding:15px; width:100%; 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:#004580;}
.top_lang:hover .lang-list{ display:block;}
.right_online{position: fixed;top: 40%;right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 26px;color: #fff;background: #153b82 ;position: relative;z-index: 2;border-radius: 100%;display: block;line-height: 55px;width: 55px;height: 55px; transition:.3s ease;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 55px;line-height: 55px;background: #81ae28 ;border-radius: 30px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-webkit-transition:max-width 0.3s linear;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li:hover span{ background:#81ae28;}
.right_online li:hover .box{max-width:300px;z-index: 1;}
.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;}
.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}
.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;background: none;border-radius: 0;}
.right_online li .ewmtp .p{padding: 0;}
.right_online li .ewmtp img{ width: 120px; height:120px;}


.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; right: 30%; width: auto; left: auto;bottom: 50px;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 12px; height: 12px; border: 2px solid #454545; opacity: 1; background: none; margin-right: 10px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #454545;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ border-color: #fff;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}


.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: 18px; color: #fff; margin-bottom: 20px; max-width: 55%;}
.sy-ban .txt1 b{font-size: 48px; line-height: 70px; color: #fff; max-width: 55%;}
.sy-ban .txt1 .amore{ margin-top: 80px;}

.amore{ display: inline-block; line-height: 52px; padding: 0 35px; color: #333; border: 2px solid #333;position: relative;transition: .2s ease; text-transform: uppercase;}
.amore.wb{ border-color: #fff; color: #fff;}
.amore.on{ color: #fff;}
.amore span{ position: relative; z-index: 2;}
.amore:after{ position: absolute;width: 0; height: 100%; content: ''; left: 0; top: 0; transition: .2s ease;z-index: 0}
.amore:hover:after{ width: 100%; background: #004580;}
.amore:hover{color: #fff;}


.sy_item_tit{ margin-bottom: 40px;}
.sy_item_tit b{ font-size: 54px;line-height: 56px; margin-bottom: 15px; text-transform: uppercase;}
.sy_item_tit p{ font-size: 18px;}
.item_top{ margin-bottom: 40px; align-items: flex-end;}
.item_top .sy_item_tit{ margin-bottom: 0; margin-right: auto;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}
.sy_pro_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 30px;}
.sy_pro_list ul li:nth-child(3n){ margin-right: 0;}
.sy_pro_list ul li .imgfd{ padding-top: 41.4%;}
.sy_pro_list ul li .txt{ background: url("../images/b1_03.jpg") no-repeat center; background-size: cover; transition: .2s ease; padding: 25px 32px; color: #fff; }
.sy_pro_list ul li .txt .left{ width: calc(100% - 50px); margin-right: auto;}
.sy_pro_list ul li .txt h2{ font-size: 20px; font-family: popm; color: #fff; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px;}
.sy_pro_list ul li .txt p{ height: 30px; overflow: hidden;}
.sy_pro_list ul li .txt i{ width: 42px; height: 42px; border: 1px solid #fff; text-align: center; line-height: 42px; color: #fff; font-size: 22px;}
.sy_pro_list ul li:hover .txt{ background: url("../images/b2_03.jpg") no-repeat center; background-size: cover;}
.deeptop{ padding-top: 170px;}
.top_gray,.top_white{ position: relative;}
.top_gray:after{ position: absolute; right: 0; top: 0; width: 50%; height: 0; border-bottom: 50px solid #f4f4f4;border-left: 30px solid transparent;border-right: 0 solid transparent;content: ''; transform: rotateX(180deg);}
.top_white:after{ position: absolute; right: 0; top: 0; width: 50%; height: 0; border-bottom: 50px solid #fff;border-left: 30px solid transparent;border-right: 0 solid transparent;content: ''; transform: rotateX(180deg);}
.sy_about .ab_video{ width: 50%;}
.sy_about .ab_video img,.sy_about .ab_video video{ width: 100%;}
.sy_about .txt{ width: 45%;padding-top: 30px;}
.sy_about .txt .des p{ font-size: 18px;}
.sy_about .txt .amore{ margin-top: 80px;}
.sy_zmd{ height: 120px; width: 100%; overflow: hidden; position: relative;}
.sy_zmd b{ font-size: 120px; font-family: popsb; color:#ebebeb; margin: 0 30px; display: inline-block;}
.sy_zmd img{ height: 75px; opacity: .3;}
.sy_zmd dl{ flex-wrap:nowrap; animation: zoumadeng 25s linear infinite; position: absolute; height: 100%; top: 0;}
.sy_zmd dt{ margin-right: 50px; width: max-content;}
@-webkit-keyframes zoumadeng{
0%{ left:0;right: auto;}
	100%{  left:-100%;right: auto; }
}
@keyframes zoumadeng{
0%{ left:0;right: auto;}
	100%{  left:-100%;right: auto; }
}
.sy_strength .txt{ width: 44%; padding-top: 40px;}
.strswiper{ width: 50%; overflow: hidden; padding-bottom: 80px; position: relative;}
.sy_strength .txt p.des{ font-size: 18px; margin-bottom: 70px;}
.sy_number b{ color: #004580; font-size: 60px; line-height: 60px; height: 60px;}
.sy_number b sup{ font-size: 48px; line-height: 40px;}
.sy_number dt{margin-right: auto; width: 38%; margin-bottom: 40px;}
.sy_number dt p{line-height: 24px; height: 48px; margin-top: 10px;}
.strswiper .imggd{padding-top: 66.8%; overflow: visible;}
.sy_free{ position: relative; color: #fff; overflow:hidden;}
.sy_free .freepic{width: 100%;}
.sy_free .left{margin-right: auto; width: 60%;}
.sy_free .txt{ position: absolute; width: 100%; left: 0; top: 120px;}
.sy_free .txt .sy_item_tit span{display: block; font-size: 18px; margin-bottom: 32px;}
.sy_free .txt .sy_item_tit b{ color: #fff;}
.sy_free .txt .box{padding: 45px 85px; background: rgba(0,0,0,.3); border: 1px solid #ffffff; position: relative;}
.sy_free .txt .box p{  font-size: 22px; line-height: 33px;}
.sy_free .txt .box:after{position: absolute; left: 30px; top: 30px; content: '“'; font-size: 100px; line-height: 100px; color: #fff; opacity: .2;  }
.sy_free .txt .box:before{position: absolute; right: 30px; bottom: -20px; content: '”'; font-size: 100px; line-height: 40px; color: #fff; opacity: .2;  }
.sy_free .free_link{ display: inline-flex; font-size:36px; color:#fff; font-family:popsb; transition:.2s ease; position:relative;}
.sy_free .free_link .link2{ position: absolute; left:0; top:0; transition:all 0.5s ease-in-out;}
.sy_free .free_link u{ text-decoration: none;  padding: 0 120px 0 80px;clip-path: inset(0 100% 0 0); height: 100px; line-height:100px; transition: all 0.5s ease-in-out;}
.sy_free .free_link span{clip-path: inset(0 0 0 10%); padding:0 10px 0 120px; height: 100px; line-height:100px; transition: all 0.5s ease-in-out;}
.sy_free .free_link i{ position:absolute; left:0; top:0; width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 48px; color: #fff; border-radius: 50%; background: #005fb0; margin-right: 28px; display: inline-block; transition:all 0.5s ease-in-out;}
.sy_free .free_link:hover i{left: calc(100% - 100px);}
.sy_free .free_link:hover u{clip-path: inset(0 0 0 0);}
.sy_free .free_link:hover span{clip-path: inset(0 0 0 100%);}
.swiperall{ position: relative;}
.projswiper{ overflow: hidden; padding-top:20px;}
.projswiper li{ overflow:hidden;  padding: 0 5px; transform:translateX(-50%);}
.projswiper li .imgfdd{ height: 530px;position:relative;}
.projswiper li .imgfdd img{height: 100%; object-fit: cover;}
.projswiper li.swiper-slide-active{ width: 50%!important; transform:translate(-25%,0);}
.projswiper li .txt{background: #fff; padding: 25px 35px;}
.projswiper li .txt h2{font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; font-family:popm;}
.projswiper li .txt span{display: none; transition: .3s ease;}
.projswiper li.swiper-slide-active span{display: inline-block; line-height: 40px; padding: 0 20px; border: 2px solid #cecece; text-transform: uppercase; margin-left: auto;}
.projswiper li.swiper-slide-active h2{ max-width: calc(100% - 150px);}
.swiperall .swiperbtn{position:absolute; top: 50%; width: 50px; height: 50px;  border: 2px solid #dadada; text-align: center; font-size:20px; transition:.2s ease;}
.swiperall .swiperbtn:hover{background:#004580; color: #fff; border-color: #004580;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none}
.swiperall .swiper-button-prev{ left: -80px;}
.swiperall .swiper-button-next{ right: -80px;}
.projswiper li .txt span:hover{ background: #004580; color: #fff; border-color: #004580;}
.sy_news .sy_news_left{ width: 40%; padding-right: 55px; border-right: 1px solid #e4e4e4;}
.sy_news .sy_news_list{ width:60%;}
.sy_news .sy_news_left .imgfd{ padding-top: 54%; margin-bottom: 40px;}
.sy_news .inf{margin-bottom: 22px;} 
.sy_news .inf span{color: #004580;}
.sy_news .sy_news_left h2{ font-size: 24px; line-height: 36px; height: 72px; overflow: hidden; font-family: popb;}
.sy_news .sy_news_left p,.sy_news .sy_news_list p{font-size: 18px; line-height: 27px; height: 81px; overflow: hidden; margin-top: 25px;}
.sy_news .sy_news_list h2{ font-size: 20px; line-height: 30px; height: 60px; overflow: hidden;}
.sy_news .sy_news_list .txt{ width: 50%; margin-right: auto;}
.sy_news .sy_news_list .pic{ width: 45%;}
.sy_news .sy_news_list .imgfd{padding-top: 54%;}
.sy_news .sy_news_list li{ padding-left: 55px;}
.sy_news .sy_news_list li:first-child{ padding-bottom: 70px; border-bottom: 1px solid #e4e4e4; margin-bottom: 70px;}
.sy_news .sy_news_list h2{ font-family: popb;}
.sy_news .sy_news_list li:hover h2,.sy_news .sy_news_left:hover h2{ color: #004580;}
.sy_serbot {margin-bottom: 20px;}
.sy_serbot dl dt{ width: calc(50% - 10px); margin-right: auto; position: relative;}
.sy_serbot dl dt:last-child{margin-right: 0;}
.sy_serbot dl dt .imgfd{ padding-top: 48%;}
.sy_serbot dl dt .txt{ position: absolute; width: 100%; left: 0; top: 0; padding: 60px 140px 0;}
.sy_serbot dl dt .txt b{ font-size: 40px; line-height: 48px; height: 144px; color: #fff; padding-left: 33px; border-left: 10px solid #004580; margin-bottom: 55px;}
.footbg{ background: #2b2b2b;}


@media (max-width: 1700px){
	.sy_serbot dl dt .txt{ padding: 60px 80px 0;}
	.swiperall .swiper-button-next{ right: 1%;}
	.swiperall .swiper-button-prev{ left: 1%;}
	.right_online{right: 5px;}
}


@media (max-width: 1600px){
	.sy_about .txt .amore{margin-top: 50px;}
	.sy_item_tit b{font-size: 48px; line-height:50px;}
	.projswiper li .imgfdd{height: 480px;}
	.sy_serbot dl dt .txt b{font-size: 36px; line-height: 45px; height:135px;}
	
}

@media (max-width: 1441px){
	.sy-ban .txt1 b{font-size: 40px; line-height: 52px;}
	.sy_about .txt .des p{font-size: 16px;}
	.sy_item_tit{margin-bottom: 30px;}
	.sy_about .txt .amore{margin-top: 35px;}
	.sy_zmd{ height: 100px;}
	.sy_zmd b{font-size: 100px; line-height: 100px;}
	.sy_free .freepic{ width: 140%; margin-left: -20%;}
	.sy_free .free_link{font-size: 30px;}
	.sy_free .free_link i{width: 80px; height: 80px; line-height:80px; font-size:38px;}
	.sy_free .txt .box{padding: 35px 70px;}
	.sy_news .sy_news_list li:first-child{padding-bottom:50px; margin-bottom: 50px;}
	.sy_serbot dl dt .txt{padding: 50px 40px 0;}
	.sy_news p{font-size: 16px;}
}

@media (max-width: 1281px){
	.pro_xiala .xiala_center{padding: 40px 30px;}
	.pro_xiala .left li{ width: 46%;}
	.sy-ban .txt1 .amore{margin-top: 50px;}
	.sy_item_tit b{font-size: 40px; line-height:45px;}
	.sy_item_tit p{font-size: 16px;}
	.sy_pro_list ul li .txt{padding: 18px 22px;}
	.deeptop{padding-top: 130px;}
	.sy_zmd{height: 70px;}
	.sy_zmd b{font-size: 70px; line-height: 70px;}
	.sy_zmd img{height: 60px;}
	.sy_number b{font-size: 50px; line-height: 50px; height: 50px;}
	.sy_number dt{ width: 45%;}
	.projswiper li .imgfdd{height: 400px;}
	.sy_serbot dl dt .txt b{ font-size: 30px; line-height: 38px; height: 114px;}
	
}

@media (max-width: 1024px){
	.sy-ban{margin-top: 54px;}
	.sy-ban .txt1 b{font-size: 34px; line-height: 40px; max-width: 70%;}
	.amore{line-height: 44px; padding:0 20px;}
	.sy_pro_list ul li{ width: 49%;}
	.sy_pro_list ul li:nth-child(3n){margin-right:2%;}
	.sy_pro_list ul li:nth-child(2n){margin-right:0%;}
	.sy_about .ab_video{width:100%;} 
	.sy_about .txt{ width: 100%;}
	.sy_strength .txt,.strswiper{ width:100%; float:none;}
	.strswiper{margin-top: 30px;}
	.sy_free .free_link{display: none;}
	.sy_free .left{ width: 100%;}
	.sy_free .txt{ top: 80px;}
	.projswiper li .imgfdd{height: 320px;}
	.projswiper li .txt{padding: 20px 25px;}
	.sy_news .sy_news_left p, .sy_news .sy_news_list p{display: none;}
	.sy_news .sy_news_left h2{font-size: 20px; line-height: 30px; height: 60px;}
	.sy_news .sy_news_left .imgfd{margin-bottom: 30px;}
	.sy_news .inf{font-size: 14px; margin-bottom: 5px;}
	.sy_news .sy_news_list li:first-child{ padding-bottom:35px; margin-bottom: 35px;}
	.sy_serbot{display: none;}
	.foot_center{display: none;}
	.right_online{display: none;}
	
	
}
@media (max-width: 768px){
	.item_top .amore{ display: none;}
	.sy-ban .txt1 .amore{margin-top: 30px;}
	.sy_item_tit b{font-size: 30px; line-height: 32px;}
	.sy_pro_list ul li .txt h2{ font-size: 18px; line-height:26px; height:26px; margin-bottom:0;}
	.sy_free{display: none;}
	.item_top{margin-bottom: 25px;}
	.projswiper li.swiper-slide-active{ width: 100%!important; transform:translate(0,0);}
	.sy_news .sy_news_left{ display: none;}
	.sy_news .sy_news_list{ width: 100%;}
	.sy_news .sy_news_list li{padding-left: 0;}
	.deeptop{padding-top: 90px;}
	
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban .txt1 b{ font-size: 22px; line-height:30px; max-width:85%; font-family:popsb;}
.sy-ban .txt1 .amore{ display: none;}
.sy-ban .txt1 p{font-size: 16px; margin-bottom: 5px; max-width: 85%;}
.sy_pro_list ul li{ width: 100%; float: none;}
.sy_pro_list ul li .txt i{width: 36px; line-height: 36px; height:36px ; font-size: 18px;}
.sy_pro_list ul li .txt p{height: 24px;}
.top_gray:after{border-bottom:30px solid #f4f4f4;}
.deeptop{padding-top: 60px;}
.sy_item_tit b{font-size: 26px;}
.sy_about .txt .amore{ margin-top: 20px;}
.sy_zmd{height: 60px;}
.sy_zmd b{font-size: 40px; line-height: 40px; margin:0 15px;}
.sy_zmd img{height: 30px;}
.sy_strength .txt{padding-top: 0;}
.sy_strength .txt p.des{font-size: 16px;}
.sy_number b{font-size: 40px; line-height: 40px; height: 40px;}
.sy_number b sup{font-size: 30px; line-height: 24px;}
.strswiper{margin-top: 20px; padding-bottom: 50px;}
.swiper-pagination-bullet{ width: 8px; height: 8px;}
.projswiper li .imgfdd{ height: 240px;}
.swiperall .swiperbtn{ width: 40px; height: 40px; line-height: 40px; font-size:18px;}
.projswiper li .txt{padding: 15px 10px;}
.projswiper li.swiper-slide-active span{display: none;}
.projswiper li.swiper-slide-active h2{max-width: 100%;}
.sy_news .inf{display: none;}
.projswiper{padding-top: 0;}
.sy_news .sy_news_list h2{font-size: 18px; line-height:28px; height: 84px; }
.sy_news .sy_news_list li:first-child{padding-bottom:25px; margin-bottom: 25px;}
.copy{font-size: 13px;}
.sy_item_tit b{margin-bottom: 0;}
}

.top_h {height: 105px;}
.posi{padding: 40px 0;}
.pro_left{width: 350px;}
.pro_right{ width: calc(100% - 410px);}
.popb40{ font-size: 40px; font-family: popb; margin-bottom: 35px;}
.popb48{ font-size: 48px; font-family: popb; margin-bottom: 40px;}
.item_top .popb48{ margin-bottom: 15px; margin-right: auto;}
.pro_left .left_search input.fl{ width: calc(100% - 85px); border: 1px solid #cccccc; line-height: 50px; padding-left: 15px; font-size: 14px;}
.pro_left .left_search input.search_sub{ width: 85px; background: #004580 url(../images/ss.png) no-repeat center; cursor:pointer; background-size:26px;height:52px;}
.left_search{margin-bottom: 53px;}
.left_nav a{ font-size: 18px; margin-bottom:32px;}
.left_nav a p{ max-width: calc(100% - 30px); margin-right: auto; line-height:27px; transition:.2s ease;}
.left_nav a i{ font-size: 22px; color: #fff; transition:.2s ease;}
.left_nav a:hover i,.left_nav a.act i{ color:#004580;}
.left_nav a:hover p,.left_nav a.act p{ color:#004580; font-family: popsb;}
.pro_right .item_top p{ font-size: 18px;}

.ny_ban{ overflow:hidden; position: relative;}
.ny_ban img{ width: 100%;}
.ny_ban .bantxt{ width: 100%; position: absolute; left: 0; top: 40%; transform: translateY(-50%);}
.popb60{ font-size: 60px; font-family: popb; margin-bottom: 30px;}
.ny_ban .bantxt .popb60{ color: #fff;}
.ny_ban .bantxt p{ font-size: 28px; line-height: 40px; color: #fff; width: 50%;}
.pro_main{ padding: 50px 0 100px;}
.ny_pro_list ul li{ width: 32%; margin-right: 2%; margin-bottom: 40px; float: left;}
.proli{border: 1px solid #333333; transition:.2s ease;}
.ny_pro_list ul li:nth-child(3n){ margin-right:0;}
.proli .txt{padding: 40px 35px;}
.proli .txt h2{ font-size: 20px; font-family: popb; line-height: 25px; height: 25px; overflow: hidden; margin-bottom: 15px; transition:.2s ease;}
.proli .txt p{ line-height: 27px; height: 54px; overflow: hidden;}
.proli:hover{border-color:#004580;}
.proli:hover h2{ color: #004580;}
@media (max-width: 1441px){
    .ny_ban .bantxt p{font-size: 24px; line-height: 35px;}
    .proli .txt{padding: 30px 20px;}
}
@media (max-width: 1281px){
    .popb48{font-size: 42px; line-height:45px; }
    .popb60{font-size: 50px; line-height: 50px;}
}
@media (max-width: 1024px){
    .pro_left{ display: none;}
    .pro_right{ width: 100%; float: none;}
    .posi{ padding: 25px 0;}
    .top_h{height: 54px;}
    .ny_ban .bantxt p{font-size: 20px; line-height: 30px;}
    .pro_main{padding: 25px 0 60px;}
}
@media (max-width: 768px){
    .ny_ban .bantxt p{ width: 75%; font-size:18px; line-height:26px;}
    .popb60{font-size: 32px; line-height: 40px; margin-bottom:15px;} 
    .popb48{font-size: 30px; margin-bottom:30px;}
}
@media (max-width: 450px){
    .ny_ban img{ width: 150%; margin-left: -25%;}
    .ny_ban .bantxt p{display: none;}
    .ny_ban .bantxt .popb60{margin-bottom: 0;}
    .posi{ font-size: 14px; padding: 15px 0;}
    .popb48{font-size: 24px; line-height: 26px;}
    .pro_right .item_top p{font-size: 16px;}
    .ny_pro_list ul li{ width: 49%; margin-bottom:25px;}
    .ny_pro_list ul li:nth-child(3n){margin-right:2%;}
    .ny_pro_list ul li:nth-child(2n){ margin-right:0;}
    .proli .txt{padding: 15px 10px;}
    .proli .txt h2{font-size: 18px; height: 50px; margin-bottom:0;}
    .proli .txt p{ display: none;}
}
.show_posi{padding: 55px 0 80px;}
.show_top{padding-bottom: 90px;}
.show_top .pic{ width: 45%; border:1px solid #333;}
.show_top .txt{ width: 50%;}
.show_top .txt span.colname{ font-size: 18px; display: block; margin-bottom: 5px;}
.show_top .txt h1{ font-size: 56px; font-family: popb; margin-bottom: 40px; line-height: 70px;}
.show_top .txt p{ font-size: 18px; margin-bottom:80px;}
.show_top .txt .share{margin-top: 55px;}

.det_box{padding: 0 85px;}
.det_tab{background: #efefef;}
.det_tab li{ width: 33.3%; justify-content: center; height:72px; font-size:20px; font-family:popsb;}
.det_tab li i{ font-size: 22px; margin-right: 8px;}
.det_tab li.active{ background: #004580; color:#fff;}
.det_content{ overflow: hidden; padding:70px 0 ;}
.det_content img{ max-width: 100%!important;}
.show_det{padding-bottom: 80px; border: 1px solid #dcdcdc;}
.page_btn{ align-items: flex-start; padding-top:40px; border-top:1px solid #e3e3e3;}
.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; padding: 0 30px; text-transform: uppercase; transition:.2s ease;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #004580; border-color: #004580; 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: #004580;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}
.rel_pro .popb48{text-align: center;}
.rel_pro li{ float: left; width: 24%; margin-right: 1.33%;}
.rel_pro li:nth-child(4n){margin-right:0;}
@media (max-width: 1441px){
    .show_top .txt h1{font-size: 50px;}
    .show_top .txt p{ margin-bottom: 50px;}
    .show_det{ padding-bottom: 50px;}
    .det_box{ padding: 0 60px;}
    .det_content{padding: 45px 0;}
}
@media (max-width: 1024px){
    .show_top .txt h1{font-size: 36px; line-height: 42px; margin-bottom: 25px;}
    .show_top .txt p{font-size: 16px; margin-bottom: 30px;}
    .show_top .txt .share{margin-top: 30px;}
    .show_top{padding-bottom: 45px;}
    .det_tab li{font-size: 18px;}
    .det_tab li i{ display: none;}
    .show_posi{padding: 30px 0 35px;}
}
@media (max-width: 768px){
    .show_posi{padding: 25px 0 30px;}
    .show_top .pic{ width: 100%; float: none;}
    .show_top .txt{ width: 100%; float: none; margin-top: 25px;}
    .det_box{padding: 0 25px;}
    .det_content{padding: 30px 0;}
    .page_btn{ padding-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;}
    .page_btn span{ margin-bottom: 0; font-family: popm;}
    .rel_pro li{ width: 49%; margin-right: 2%; margin-bottom:20px;}
    .rel_pro li:nth-child(2n){ margin-right:0;}
    .show_det{padding-bottom: 30px;}
    
    
}
@media (max-width: 450px){
    .show_top .txt h1{font-size: 28px; line-height: 35px;}
    .det_tab li{text-align: center; width:50%;}
    .det_tab li:last-child{ display:none;}
}
.com_top .tit{ width: 42%; margin-right: auto;}
.com_top .tit b{ padding-bottom: 25px; position: relative;}
.com_top .tit b:after{ position:absolute; left: 0; bottom: 0; background: #004580; content: ''; width:80px; height:4px;}
.com_top .tit p{ font-size: 22px; line-height: 33px;}
.com_top .right{ width: 50%;}
.com_top .right .des{ font-size: 18px; margin-bottom:50px;}
.com_top .right .v_btn{ font-size: 20px; color:#045498; transition:.2s ease;}
.com_top .right .v_btn i{ font-size: 45px; margin-right: 15px;}
.com_top .right .v_btn:hover{ color:#004580;}
.com_number{margin-top: 70px;}
.com_number dt{ width: 24%; margin-right: auto; background: #fff; padding: 40px 55px 55px;}
.com_number dt:nth-child(4){margin-right:0;}
.com_number dt p{ font-size: 20px; font-family: popm; line-height: 30px; height: 30px;overflow: hidden;}
.com_number dt b{ font-size: 70px; line-height: 70px; height: 70px; margin:25px 0;}
.com_number dt b sup{ line-height: 48px; line-height: 48px; height: 48px;}
.com_number dt span{ display: block; line-height: 24px; height: 48px;}
.com_number dt:hover{background:#045498 url(../images/cir_05.png) no-repeat right bottom; color:#fff;}
.com_number dt:hover b{ color:#fff;}

.abv_box .imgfdd{ width: 48%; margin-right: auto;}
.abv_box .txt{ width: 46%;}
.abv_box .txt p{ font-size: 18px;}
.adv_dl{margin-top: 60px;}
.adv_dl dt{ width: 23%; margin-right: auto; padding-right:45px; position:relative;}
.adv_dl dt:last-child{ margin-right:0; padding-right: 0;}
.adv_dl dt:after{ position:absolute; right:0; top:0; height:260px; width:1px; background:#eaeaea; content:'';}
.adv_dl dt:last-child:after{ display:none;}
.adv_dl dt b{ color: #045498;  line-height:50px;}
.adv_dl dt h3{font-size: 28px; font-family: popsb; line-height: 30px; overflow: hidden; height: 30px; margin-bottom:25px;}
.adv_dl dt p{ line-height: 24px; height: 96px;}

.ab_cert .left{ width: 40%; margin-right: auto;}
.ab_cert .certswiper{ width: 52%; overflow: hidden; padding-bottom: 50px; position: relative;}
.ab_cert .certswiper .imgfd{ padding-top: 141%;}
.ab_cert .certswiper li{ border: 6px solid #1e57b7;}
.ab_cert .left .title{ margin-bottom: 70px;}

.ab_factory .popb48{ text-align: center;}
.facswiper{ overflow: hidden; position: relative; padding-bottom: 50px;}


.ab_application .item_top{ align-items: center;}
.ab_application .item_top .title{ width: 65%; margin-right:auto;}



.appswiper{ overflow: hidden; position: relative; margin:60px 0;}
.appswiper .swiper-slide { width:750px;transition-timing-function:linear; position: relative;overflow: hidden;}
.appswiper .swiper-slide .imgfd{ padding-top: 65%;}
.appswiper .swiperbtn{  font-size:64px; color:#fff; top:50%;}
.appswiper  .swiper-button-prev{ left: 20%;}
.appswiper  .swiper-button-next{ right: 20%;}

.ab_global .txt{ width: 28%; padding-top:60px;}
.ab_global .map{ width: 65%; position:relative;}
.ab_global .txt p{margin-bottom: 70px; font-size:18px;}
.ab_global .map .mappic{ width: 94%;}
.ab_global .map li{ position: absolute; text-align:center; font-size:14px; font-family: popm;}
.ab_global .map li i{ width:10px; height:10px; background:#004580; border-radius:50%; display: inline-block; position: relative;}
.ab_global .map li:first-child i{ width:55px; line-height: 55px; height:55px; color:#fff; }
.ab_global .map li p{ margin-top: 5px;}
.ab_global .map li i::after {
  width: 600%;
  height: 600%;
  -webkit-animation: amplify2 2.8s infinite 0.3s;
  -moz-animation: amplify2 2.8s infinite 0.3s;
  animation: amplify2 2.8s infinite 0.3s;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(0, 64, 160, 0.1);
  opacity: 0.1;
}

.ab_global .map li i::before {
  width: 350%;
  height: 350%;
  -webkit-animation: amplify2 2.8s infinite 0.2s;
  -moz-animation: amplify2 2.8s infinite 0.2s;
  animation: amplify2 2.8s infinite 0.2s;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(0, 64, 160, 0.1);
  opacity: 0.1;
  z-index: 2;
}
@-webkit-keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.ab_global .map li:first-child{ left:32%; top: 34%;}
.ab_global .map li:nth-child(2){left:6.5%; top: 25%;}
.ab_global .map li:nth-child(3){left:5.8%; top: 36%;}
.ab_global .map li:nth-child(4){left:13%; top: 27.5%;}
.ab_global .map li:nth-child(5){left:14%; top: 39%;}

.ab_offter .item_top .title{ max-width: 50%; margin-right: auto;}
.ab_offter .item_top .title p{font-size: 20px; margin-top:40px;}
.ab_offter .item_top .title p a{ color: #004580;}
.ab_offter .item_top .des{ width: 45%; font-size:18px;}
.ab_offter dl{margin-top: 60px;}
.ab_offter dt{ width: 49%; margin-right: auto; background: #fff; padding: 65px 55px; position:relative; transition:.2s ease;}
.ab_offter dt b{ font-size: 30px; margin-bottom: 20px; font-family:popsb;}
.ab_offter dt p{ font-size: 18px; height: 90px; margin-bottom:40px;}
.ab_offter dt a{ display: inline-block; text-transform: uppercase; color:#004580; position:relative; line-height:40px;}
.ab_offter dt a:after{ width:0; height: 1px; transition: .2s ease; background: #fff; content: ''; position:absolute; left:0; bottom:0;}
.ab_offter dt .icon{position: absolute; right: 55px; bottom: 65px;}
.ab_offter dt .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(70%);-webkit-filter: brightness(0%) invert(70%);}
.ab_offter dt:last-child{ margin-right:0;}
.ab_offter dt:hover{color:#fff; background: #045498;}
.ab_offter dt:hover b,.ab_offter dt:hover a{ color:#fff;}
.ab_offter dt:hover a:after{ width:100%;}
.ab_offter dt:hover .icon img{ filter:unset;}

@media (max-width: 1281px){
    .com_number dt{ padding: 30px 40px 40px;}
    .com_number dt b{font-size: 60px; line-height: 60px; height: 60px;}
    .adv_dl dt h3{font-size: 24px;}
}
@media (max-width: 1024px){
    .com_top .tit p{font-size: 20px;}
    .com_top .right .des{font-size: 16px; margin-bottom:35px;}
    .com_number{margin-top: 35px;}
    .com_number dt b{font-size: 40px; line-height: 40px; height: 40px;}
    .com_number dt{padding: 20px 30px 30px;}
    .com_number dt span{font-size: 14px;}
    .com_number dt p{font-size: 18px;}
    .abv_box .txt p{font-size: 16px;}
    .adv_dl dt{ width: 48%; margin-bottom:20px;}
    .adv_dl dt:after{ height:100%;}
    .adv_dl dt:nth-child(2n):after{ display:none;}
    .adv_dl dt:nth-child(2n){ padding-right:0; margin-right: 0;}
    .ab_global .txt{padding-top:0;}
    .ab_global .txt p{margin-bottom: 35px; font-size:16px;}
    .ab_offter dt{padding: 45px 30px;}
    .ab_offter dt p{font-size: 16px; height: 120px;}
    .ab_offter dt .icon{ right: 30px; bottom: 40px;}
    .ab_offter dt b{font-size: 26px;}
    
}
@media (max-width: 768px){
    .com_top{ display: block;}
    .com_top .tit{ width: 100%;}
    .com_top .right{ width:100%; margin-top:25px;}
    .com_number dt{ width: 49%; margin-bottom: 15px;}
    .com_number dt:nth-child(2n){margin-right:0;}
    .abv_box{ display: block;}
    .abv_box .imgfdd{ width: 100%; margin-bottom: 25px;}
    .abv_box .txt{ width: 100%;}
    .ab_application .item_top .title{ width: 100%;}
    .appswiper .swiper-slide{ width: 400px;}
    .ab_global .txt{ width: 100%; float: none; margin-bottom: 20px;}
    .ab_global .map{ width: 100%; float: none;}
    .ab_global .map li i{ width: 6px; height: 6px;}
    .ab_offter .item_top .title{ max-width: 100%;}
    .ab_offter .item_top .title p{margin-top: 15px;}
    .ab_offter .item_top .des{ width: 100%; margin-top: 30px;}
    .ab_offter dl{ margin-top: 30px;}
    .ab_offter dt{ width: 100%; margin-bottom: 20px;}
    .ab_offter dt p{ height: auto;}
    .top_white:after{ border-bottom:30px solid #fff;}
    .ab_cert .left .title{margin-bottom: 25px;}
    .ab_cert .center{ display: block;}
    .ab_cert .left{ width: 100%; margin-bottom: 30px;}
    .ab_cert .certswiper{ width: 100%;}
}
@media (max-width: 450px){
    .com_top .tit p{font-size: 18px; line-height: 28px;}
    .com_top .right .des{ margin-bottom: 20px;}
    .com_number dt{ padding: 15px 20px 25px;}
    .com_number dt p{font-size: 16px;}
    .com_number dt b sup{font-size: 28px; line-height: 28px; height: 28px;}
    .com_number dt b{margin: 15px 0;}
    .adv_dl dt{ width: 100%; padding-right: 0; margin-right: 0;}
    .adv_dl dt:after{ display:none;}
    .adv_dl dt b{line-height: 25px; margin-bottom: 15px;}
    .adv_dl dt h3{margin-bottom: 15px;}
    .adv_dl dt p{height: auto;}
    .adv_dl dt{margin-bottom: 25px;}
    .adv_dl dt h3{font-size: 20px; line-height:25px; height:auto;}
    .appswiper{ margin: 30px 0;}
    .appswiper .swiper-slide{ width: 250px;}
    .appswiper .swiperbtn{font-size: 30px;}
    .ab_global .map li p{display: none;}
    .ab_offter dt b{font-size: 22px;}
    .ab_offter dt .icon img{ width: 70px;}
    .ab_offter dt p{ margin-bottom: 25px;}
    .ab_offter dt{padding: 30px 20px;}
    .ab_cert .certswiper li{ border-width: 3px;}
}
.case_main{padding: 60px 0 85px;}
.case_main .item_top{margin-bottom: 55px;}
.case_main .item_top .popb48{ padding-bottom: 20px; position: relative; margin-right:auto;}
.case_main .item_top .popb48:after{position:absolute; left: 0; bottom: 0; height: 4px; width: 80px; content: ''; background: #004580;}
.case_main .item_top .des{ width: 55%; font-size: 18px;}

.case_list ul li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 50px; background: #fff; transition:.2s ease;}
.case_list ul li:nth-child(3n){margin-right:0;}
.case_list ul li .imgfd{padding-top: 65%;}
.case_list ul li .txt{padding: 25px 38px;}
.case_list ul li .txt h2{ font-family: popm; font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 16px;}
.case_list ul li .txt span{ display: inline-block; line-height: 35px; text-transform: uppercase; position:relative;}
.case_list ul li .txt span:after{ width:0; height: 1px; transition: .2s ease; background: #fff; content: ''; position:absolute; left:0; bottom:0;}
.case_list ul li:hover{background:#045498;}
.case_list ul li:hover h2,.case_list ul li:hover span{ color:#fff;}
.case_list ul li:hover span:after{ width:100%;}
@media (max-width: 1281px){
    .case_list ul li .txt{padding: 20px 28px;}
}
@media (max-width: 768px){
    .case_main{ padding: 25px 0 50px;}
    .case_main .item_top{ display: block; margin-bottom:30px;}
    .case_main .item_top .des{ width: 100%; margin-top: 20px;}
    .case_list ul li{ width: 49%; margin-bottom:25px;}
    .case_list ul li:nth-child(3n){ margin-right:2%;}
    .case_list ul li:nth-child(2n){ margin-right:0;}
    .case_list ul li .txt span{font-size: 14px;}
}
@media (max-width:450px){
    .case_list ul li .txt{padding: 10px 12px;}
    .case_list ul li .txt span{ display: none;}
    .case_list ul li .txt h2{ font-size: 16px; line-height: 24px; height: 48px; margin-bottom: 0;}
}
.case_top{padding-top: 60px;}
.case_top .caseswiper{ overflow: hidden; width: 50%; padding-bottom: 70px;position: relative;}
.case_top .caseswiper .imgfd{ padding-top: 65%;}
.case_top .txt{ width: 45%; padding-top:30px;}
.case_top .txt h1{ font-family: popb; font-size: 36px; line-height: 56px; margin-bottom: 45px;}
.case_top .txt p{ font-size: 18px; margin-bottom: 70px;}

.case_det{ width: calc(100% - 470px);}
.case_pro{ width: 380px;}
.case_det .popb48{ padding-bottom: 30px; border-bottom: 1px solid #dedede;}
.det_show{ overflow: hidden; padding-bottom:50px;}
.det_show img{ max-width: 100%!important;}
.case_pro b{ font-size: 36px; margin-bottom: 30px;}
.case_pro li{margin-bottom: 25px;}
.case_pro .pic{ width: 40%; border:1px solid #4e4e4e; margin-right:auto;}
.case_pro .txt{ width: 55%;}
.case_pro .txt h2{ font-family: popsb; font-size: 18px; line-height: 30px; margin-top: 10px;}
.case_pro li:hover .pic{ border-color:#004580;}
.case_pro li:hover h2{ color:#004580;}
@media (max-width: 1441px){
    .case_top .txt h1{font-size: 32px; line-height: 42px;}
    .case_top .txt p{ margin-bottom: 50px;}
    .case_top{padding-top: 0;}
}
@media (max-width: 1024px){
    .case_top .caseswiper{ width: 100%; float: none;}
    .case_top .txt{ width: 100%; float: none;}
    .case_pro{ display: none;}
    .case_det{ width: 100%; float: none;}
}
@media (max-width: 450px){
    .case_top .caseswiper{padding-bottom: 50px;}
    .case_top .txt h1{font-size: 24px; line-height: 32px; margin-bottom: 20px;}
    .case_top .txt p{font-size: 16px; margin-bottom: 25px;}
    .det_show{ padding-bottom: 30px;}
}
.news_main{ padding: 55px 0 80px;}
.news_top .popb48{ margin-bottom: 0; margin-right: auto;}
.news_top{border-bottom: 1px solid #e5e5e5; margin-bottom:100px;}
.news_nav a{ display: block; font-size: 18px; line-height: 80px; position: relative;margin-left: 150px; transition:.2s ease;}
.news_nav a:after{ width:0; height: 3px; left: 0; bottom: 0;position:absolute; transition:.2s ease; background:#0056a5; content:''; }
.news_nav a:hover,.news_nav a.act{ color:#0056a5;}
.news_nav a:hover:after,.news_nav a.act:after{ width:100%;}
.ny_news_list ul li{margin-bottom: 90px; padding-bottom: 55px; border-bottom: 1px solid #e5e5e5;}
.ny_news_list ul li .txt{ width: 65%;}
.ny_news_list ul li .pic{ width: 31%; margin-left: auto;}
.ny_news_list ul li .imgfd{padding-top: 62%;}
.ny_news_list ul li .inf span{ color: #004580;}
.ny_news_list ul li h2{ font-family: popb; font-size: 28px; line-height: 42px; height: 84px; margin: 20px 0 50px; overflow:hidden;}
.ny_news_list ul li p{ font-size: 18px; line-height: 27px; height: 81px; overflow: hidden;}
.ny_news_list ul li:hover h2{ color:#004580;}
@media (max-width: 1281px){
    .news_top{margin-bottom: 60px;}
    .ny_news_list ul li h2{ font-size: 24px; margin: 15px 0 30px;}
    .ny_news_list ul li p{font-size:16px; line-height:24px; height:72px;}
}
@media (max-width: 1024px){
    .news_main{ padding: 30px 0 40px;}
    .news_nav a{ line-height: 60px; margin-left: 100px;}
}
@media (max-width: 768px){
    .news_top .popb48{ display: none;}
    .news_nav { width: 100%;}
    .news_nav a{ margin: 0 auto;}
    .ny_news_list ul li h2{font-size: 20px; line-height: 30px; height: 60px; margin-bottom: 0;}
    .ny_news_list ul li p{ display: none;}
    .ny_news_list ul li{padding-bottom: 40px; margin-bottom: 40px;}
}
@media (max-width: 450px){
    .news_nav a{font-size: 16px;}
    .news_nav a:first-child{ margin-left:0;}
    .news_nav a:last-child{ margin-right:0;}
    .ny_news_list ul li .inf{ font-size: 14px;}
    .ny_news_list ul li h2{font-size: 18px; line-height: 26px; height: 52px;}
    .ny_news_list ul li{padding-bottom: 25px; margin-bottom: 25px;}
}
.news_det .news_info .colname{line-height:32px; background:#f0f0f0; padding:0 15px; font-size:14px; color:#005091; display:inline-block; }
.news_det .news_info .date{margin: 25px 0 40px;}
.news_det .news_info .follow p{ font-size: 14px; text-transform: uppercase; margin-bottom: 10px;}
.news_det .right{ width: calc(100% - 320px); margin-left: auto;}
.news_det .right h1{ font-size: 40px; font-family: popb; line-height: 56px; padding-bottom: 55px; border-bottom: 1px solid #d8d8d8; margin-bottom: 60px;}
.last_news .popb48{ text-align: center;}
.lastswiper{ overflow: hidden; position:relative; padding-bottom:70px;}
.lastswiper .txt{ width: 50%; margin-right:auto;}
.lastswiper .pic{ width: 46%;}
.lastswiper .pic .imgfd{padding-top: 62%;}
.lastswiper .txt h2{ font-size: 20px; font-family: popb; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 25px;}
.lastswiper .txt p{ line-height: 27px; height: 81px; overflow: hidden; margin-bottom:25px;}|
.lastswiper .txt span{ color: #004580;}
.lastswiper li:hover h2{ color:#004580;}
.lastswiper:after{ width:1px; height: 215px; content: ''; background: #d5d5d5; left: 50%; top: 0; position:absolute;}
@media (max-width: 1281px){
    .news_det .right h1{ font-size: 32px; line-height: 40px;}
}
@media (max-width: 1024px){
    .news_det .news_info{ display: flex; align-items: center;}
    .news_det .right{ width: 100%; margin-top: 25px;}
    .news_det .news_info .date{margin: 0 50px;}
    .news_det .news_info .follow{ display: flex; align-items: center;}
    .news_det .news_info .follow p{margin-bottom: 0; margin-right: 5px;}
    .lastswiper .txt p{display: none;}
    .lastswiper:after{height:130px;}
}
@media (max-width: 768px){
    .last_news { display: none;}
    .news_det { padding-bottom: 40px;}
    .news_det .right h1{font-size: 25px; line-height: 32px; padding-bottom: 20px; margin-bottom: 20px;}
}
@media (max-width: 450px){
    .news_det .news_info .colname{ display: none;}
    .news_det .news_info .date{ margin: 0 auto 0 0;}
    .news_det .news_info{ width: 100%;}
    .news_det .news_info .follow p{ display: none;}
}
.lx_top .left{ width: 30%;}
.lx_top .left dt{margin-bottom: 70px;}
.lx_top .left i{ width: block; line-height: 50px; height: 50px; width: 50px; text-align: center; border-radius: 50%; border: 1px solid #d2d2d2; margin-right:12px; font-size:28px;}
.lx_top .left .txt{ max-width: calc(100% - 65px);}
.lx_top .left h4{ font-size: 20px; font-family: popsb;}
.lx_top .left a:hover{ color:#004580;}
.lx_top .left .follow p{ font-size: 18px; text-transform: uppercase; margin-bottom: 15px;}
.lx_msg input,.lx_msg textarea{ line-height: 55px; border:1px solid #959595; padding-left: 15px; margin-bottom:30px; width:100%; font-size:14px;}
.lx_msg input.fl{ width: 49%; margin-right: 2%;}
.lx_msg input.fl:nth-child(2n){ margin-right:0;}
.lx_msg .sub{ width: 180px; line-height: 50px; text-align: center; display: block; background: #045498; color: #fff; font-size: 16px; margin-left:auto; text-transform:uppercase; cursor:pointer; transition:.3s ease;}
.lx_msg .sub:hover{ background:#004580;}
.lx_top .lx_msg{ width: 61%; padding-left: 4%; margin-left: auto; border-left:1px solid #e5e5e5;}
.lx_top .lx_msg .popb48{margin-bottom: 30px;}
.lx_top .lx_msg .title{ margin-bottom: 65px;}
.lx_msg p.exp{ font-size: 14px;}

.lx_map{ overflow: hidden;}
.lx_map iframe{ width: 100%!important;}
@media (max-width: 1024px){
    .lx_map{display: none;}
    .lx_top .lx_msg .title{ margin-bottom: 40px;}
    .lx_top { padding-bottom: 50px;}
}
@media (max-width: 768px){
    .lx_top{ display: block;}
    .lx_top .left{ width: 100%; margin-bottom: 25px;}
    .lx_top .lx_msg{ width: 100%; padding: 0; border:none; margin-top:25px;}
}
@media (max-width: 450px){
    .lx_top .left dt{margin-bottom: 30px;}
    .lx_top .lx_msg .popb48{margin-bottom: 20px;}
    .lx_top .lx_msg .title{margin-bottom: 25px;}
    .lx_msg input, .lx_msg textarea{ line-height: 45px; margin-bottom: 15px;}
    .lx_msg input.fl{ width: 100%;}
    .lx_msg .sub{ width: 100%; margin-top: 20px;}
}