@charset "utf-8";
/* CSS Document */

.off_down{ padding:40px 40px 40px 50px; border-radius: 16px; width:680px; left:-40px;}
.off_down a{ font-size: 18px;}
.off_down a:hover{ color:#e2a317;}
.off_down .left{ width: 250px; padding-right: 40px; border-right: 1px solid #dedede; margin-right:auto;}
.off_down .right{ width: 320px;}
.off_down .right a{ margin-bottom: 28px; line-height:30px;}
.off_down .left li{margin-top: 15px;}
.off_down .left li i{margin-left: auto;}
.off_down .left h3{ font-size: 22px;}
.off_down .right a i{margin-left: auto;}
.off_down .right a p{max-width: calc(100% - 30px);}

.why_down{ width: 1120px; margin-left: -500px; border-radius: 16px; padding:45px 20px;}
.why_down dl{ width: 66%;}
.why_down dl dt{padding: 0 30px; width:50%; border-right:1px solid #dedede;}
.why_down .imgfdd{ width: 34%; padding: 0 50px;}
.why_down dl dt h2{ font-family: pop; font-size: 20px; margin-bottom:20px;}
.why_down dl dt h2 i{margin-left: auto; color:#e2a317; font-size:20px;}
.why_down dl dt p{ line-height: 24px; height: 96px;}
.why_down dl dt:hover h2{ color:#e2a317;}

.log_down{ padding:10px 30px; border-radius: 16px;}
.log_down a{display: block; line-height:30px; margin:10px 0; }
.log_down a:hover{ color:#e2a317;}

.top_right .lang{ padding: 34px 0; margin-left: 20px; position: relative; font-family: pop; font-size: 14px;}
.top_right .lang p{ line-height: 30px; padding: 0 12px; font-size: 14px; border-radius: 15px; background: #f4f4f4; cursor: pointer}
.top_right .lang p i{ font-size: 14px;}
.top_right .lang p span{ margin: 0 5px; font-size: 16px;}
.top_right .lang .lang_list{ background: #fff; padding: 15px; border-radius: 8px; position: absolute; top: 64px; left: 0; line-height: 40px; display: none;}
.top_right .lang:hover .lang_list{ display: block;}
.top_right .lang .lang_list a:hover{ color: #0080ff;}
.top_right .follow{ display: flex;}
.top_right .follow a{ font-size: 22px;} 
.top_right .follow .em{ position: relative;}
.top_right .follow .em .box{position: absolute; width: 220px; padding: 15px; background: #fff; left: -100px; top: 60px; color: #333; opacity: 0; transition: .2s ease;}
.top_right .follow .wa{ margin: 0 10px;}
.top_right .follow .em a{ background: linear-gradient( to top,rgba(235,101,14,1),rgba(176,220,24,1));-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.top_right .follow .wa a{ color: #5ace5f;}
.top_right .follow .fa a{ color: #0080ff;}
.top_right .follow .em:hover .box{opacity: 1}
.top_h{ height: 101px;}

.cd-main-content{padding-bottom: 0;}
.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban .img-m{ width: 100%;}
.sy-ban .txt1{ position: absolute; top: 50%; transform: translateY(-50%);left: 0; width: 100%; color: #fff;}
.sy-ban .txt1 b{color: #fff; width: 72%; font-family: popb; font-size: 60px; line-height: 100px;}
.sy-ban .txt1 p{ width: 50%; font-size: 18px; line-height: 35px; line-height: 35px; margin-top: 15px; width: 50%; margin-bottom: 80px;}
:root{--swiper-theme-color: #fff;}
.sy-ban .swiper-pagination-bullet{background: #fff; opacity: 1; width: 4px; height: 12px; border-radius: 2px; transition: .3s ease;}
.sy-ban .swiper-pagination-bullet-active{ height: 16px; background: #044d8a;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none}
.ban_control{ bottom: 0; left: 0; width: 100%; position: absolute; z-index: 2}
.ban_control .center{ padding: 42px 0;}
.scr_down{ margin: 0 auto;animation: downico 1.5s ease-out infinite; transform: translateY(0);}
@keyframes downico{
	0%{transform: translateY(0);}
	25%{transform: translateY(-5px);}
	50%{transform: translateY(-8px);}
	75%{transform: translateY(-5px);}
	100%{transform: translateY(0);}
}
@-webkit-keyframes downico{
	0%{transform: translateY(0);}
	25%{transform: translateY(-5px);}
	50%{transform: translateY(-8px);}
	75%{transform: translateY(-5px);}
	100%{transform: translateY(0);}
}
.ban_control .swiperbtn{ position: unset; color: #fff; font-size: 20px; margin-top: 0;}
.ban_control span.line{ color: #fff; display: inline-block; margin: 0 20px;}
.ban_control .swiper-num{ font-size: 14px; font-family: monsb; color: #fff; width: 150px;}
.ban_control .swiper-num span{ display: inline-block; line-height: 34px; opacity: .5;}
.ban_control .swiper-num .svgbox{ position: relative;border-radius: 50%; width: 38px; height: 38px; border: 2px solid rgba(255,255,255,.2); text-align: center; opacity: 1; display: inline-block; margin-right: 3px;}
.ban_control .swiper-num .svgbox span.active{opacity: 1;}
.ban_control .swiper-num .svgbox .svg{width: 38px;height: 38px;transform: rotate(-90deg);transition: opacity .3s;display: block; position: absolute; left: -2px; top: -2px;}
.ban_control .swiper-num .svgbox .circle1{/*stroke: #999;*/}
.ban_control .swiper-num .svgbox .circle2{stroke: #fff;stroke-dasharray: 0 339;-webkit-animation: svgCircleAnmi 6s linear infinite;animation: svgCircleAnmi 6s linear infinite;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
	5%{opacity: 1}}
.ban_control .swiper-num i{ display: inline-block; width: 1px; height: 22px; background: rgba(255,255,255,.5); transform: rotate(12deg); margin: 0 8px;}


.swiperall{ position: relative;}
.swiperall .swiper-button-prev,.swiperall .swiper-button-next{ bottom: 48%; height: 42px; width: 42px; text-align: center; line-height: 42px; border-radius: 50%; background: #333333; color: #fff; font-size: 20px;}
.sy_item_tit h3{ font-size: 48px; text-transform: uppercase; line-height: 50px; font-family: raleb;}
.sy_item_tit p{ font-size: 18px; color: #333; line-height: 30px; margin-top: 10px;}
.sy_item_tit{ margin-bottom: 40px;}
.dtop{ padding-top: 85px;}
.swiper-pagination-bullet:focus{ outline: none;}

.sy_trans{ padding: 50px 60px 0;}
.sy_trans dl dt{border-radius: 30px; overflow: hidden; width: 24%; margin-right: auto; position: relative;}
.sy_trans dl dt:nth-child(4){margin-right: 0;}
.sy_trans dl dt .imgfd{padding-top: 57.2%;}
.sy_trans dl dt .txt{ width: 100%; left: 0; top: 0; position: absolute; padding: 20px 40px 0 35px;}
.sy_trans dl dt .txt span{display: inline-block; line-height: 38px; padding: 0 15px; border-radius: 19px; background: rgba(255,255,255,.2); color: #fff;}
.sy_trans dl dt .txt p{ font-size: 20px; color: #fff; line-height: 24px; height: 48px; margin: 20px 0 40px;}
.sy_trans dl dt .txt i{ display: inline-block; width: 46px; line-height: 46px; text-align: center; border-radius: 50%; background: rgba(255,255,255,.2); font-size: 22px; color: #fff;transition: .2s ease;}
.sy_trans dl dt:hover .txt i{ background: #e2a317;}
.popb60{ font-family: popb; font-size: 40px;}
.sy_service .title{ width: 60%; text-align: center; margin: 0 auto 55px;}
.sy_service .title b{margin-bottom: 15px;}
.sy_service .title b span{ color: #e2a317;}
.serswiper{ overflow: hidden; padding-bottom: 60px;}
.serswiper .swiperbtn{ position: unset; display: inline-block; width: 56px; line-height: 56px; border-radius: 50%; text-align: center; border: 1px solid #d7d7d7; margin-left: 35px; font-size: 20px; height: 56px; margin-top: 0;}
.serswiper .swiper-scrollbar.swiper-scrollbar-horizontal{position: unset; opacity: 1!important; height: 4px; background: #e5e5e5; width: calc(100% - 200px); margin-right: auto; z-index:5;}
.serswiper .swiper-scrollbar .swiper-scrollbar-drag{background: #1b256c;}
.serswiper .swipercont{margin-top: 50px;}
.serswiper .imgfd{ padding-top: 64%; border-radius: 30px; margin-bottom: 30px;}
.serswiper h2{ font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 20px;}
.serswiper p{ line-height: 24px; height: 48px; overflow: hidden;}
.serswiper .swiperbtn:hover{background: #1b256c; color: #fff; border-color: #1b256c;}
.serswiper li:hover h2{ color: #1b256c;}

.sy_about .ab_txt{ width: 45%;}
.sy_about .ab_txt .ab_des{margin:20px 0 45px; }
.sy_about .ab_txt .sy_number dt{ width: 40%; margin-right: auto;}
.sy_about .ab_txt .sy_number dt b{ font-size: 70px; color: #e2a317; line-height: 70px; height: 70px;}
.sy_about .ab_txt .sy_number dt p{ height: 52px;}
.sy_about .amore{margin-top: 65px;}

.ab_prov{ position: relative;}
.ab_prov .prov_txt{ width: 48%; position: relative; z-index: 3}
.popb48{ font-size: 48px; margin-bottom: 20px; line-height: 55px; font-family:popb;}
.prov_txt dl{ width: 85%; margin-bottom: 65px;}
.prov_txt dl dt{ padding: 35px 0;border-bottom:1px solid #e2e2e2;}
.prov_txt dl dt h2{ font-size: 24px; font-family: popsb; max-width: calc(100% - 60px); }
.prov_txt dl dt .tit{cursor: pointer;}
.prov_txt dl dt .tit i{ display: inline-block; width: 50px; line-height: 50px; height: 50px; border-radius: 50%; border: 1px solid #e2e2e2; margin-left: auto; text-align: center; font-size: 22px; transition:.2s ease;}
.prov_txt dl dt .box p{ line-height: 24px; color: #333;}
.prov_txt dl dt .box{ margin-top: 20px; display: none;}
.prov_txt dl dt.open .tit i{ transform: rotateX(180deg);}
.prov_txt dl dt.open .tit h2{ color: #1b256c;}
.ab_prov .prov_map{ width: 57%; position: absolute; right: 0; top: 60px;}
.ab_prov .prov_map .mappic{ width: 100%;}
.ab_prov .prov_map .map_list li{ position: absolute; text-align: center; cursor: pointer;}
.ab_prov .prov_map .map_list li p{ font-size: 20px; color: #333;}
.ab_prov .prov_map .map_list li i{ display: block; margin: 8px auto; width: 6px; height: 6px; border-radius: 50%; position: relative; background: #e2a317;}
.ab_prov .prov_map .map_list li i:after{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius:50%; animation: maocircle 2.5s ease-out infinite; background:#e2a317; content:'';}
@keyframes maocircle{
	0%{ width:100%; height:100%; opacity:.8;}
	35%{ width:150%; height:150%; opacity:.6;}
	65%{ width:200%; height:200%; opacity:.5;}
	100%{ width:130%; height:130%; opacity:.7;}
}
@-webkit-keyframes maocircle{
	0%{ width:100%; height:100%; opacity:.8;}
	35%{ width:150%; height:150%; opacity:.6;}
	65%{ width:200%; height:200%; opacity:.5;}
	100%{ width:130%; height:130%; opacity:.7;}
}
.ab_prov .prov_map .map_list li:nth-child(3){ left: 8%; top: 35%;}
.ab_prov .prov_map .map_list li:first-child{ left: 14%; top: 48%;}
.ab_prov .prov_map .map_list li:nth-child(2){ left: 48%; top: 40%;}
.ab_prov .prov_map .map_list li:nth-child(5){ left: 87%; top: 49%;}
.ab_prov .prov_map .map_list li:nth-child(4){ left: 85%; top: 75%;}
.ab_prov .prov_map .map_list li .box{ position: absolute; top: 55px; left: 50%; transform: translateX(-50%);width: 320px; background: #e2a317; border-radius: 16px; padding: 25px 30px;z-index: 4; display: none; text-align: left; line-height: 24px; opacity: 0; transition: .3s ease;}
.ab_prov .prov_map .map_list li .box p,.ab_prov .prov_map .map_list li .box span{color: #fff;}
.ab_prov .prov_map .map_list li .box p{font-size: 18px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.3); margin-bottom: 15px;}
.ab_prov .prov_map .map_list li:hover .box{display: block; opacity: 1;}
.ab_prov .prov_map .map_list li:nth-child(4) .box,.ab_prov .prov_map .map_list li:nth-child(5) .box{ right: 0; left: auto; transform: translateX(0);}

.sy_zmd{ height: 200px; width: 100%; overflow: hidden; position: relative;}
.sy_zmd b{ font-size: 120px; font-family: popsb; color:rgba(27,37,108,.1); margin: 0 30px; display: inline-block;}
.sy_zmd img{ height: 130px;}
.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_choose{ padding: 0 1%;}
.sy_choose .cho_box{ border-radius: 32px; overflow: hidden; position: relative; padding-bottom: 50px;}
.sy_choose .cho_box .left{ width: 52%; color: #fff;}
.sy_choose .cho_box .title{margin-bottom: 20px;}
.sy_choose .cho_box dt{ width: 47%; margin-right: auto; margin-top: 40px;}
.sy_choose .cho_box dt:nth-child(2n){ width: 50%; margin-right: 0;}
.sy_choose .cho_box dt .txt{ width: calc(100% - 88px); margin-left: auto;}
.sy_choose .cho_box dt .txt h4{ font-family: popsb; font-size: 20px; color: #fff; margin-bottom: 10px;}
.sy_choose .cho_box dt .txt p{ font-family: popl ;line-height: 24px; height: 72px;}

.cho_number{ width: 20%; color: #fff;}
.cho_number li{margin-bottom: 65px;}
.cho_number .top i{ font-size: 84px; display: inline-block;}
.cho_number .top b{ font-size: 86px; line-height: 90px; height: 90px;}
.cho_number .top{padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #fff;}
.cho_shop{position: absolute; width:32%; left: 48%; top: 100%;}
.cho_shop img{width: 100%;}

.sy_news .item_top .sy_item_tit{margin-right: auto; margin-bottom: 0; width: calc(100% - 230px);}
.sy_news .item_top{ align-items: flex-end;}
.item_top{margin-bottom: 40px;}
.sy_news_list ul li{float: left; width: 48%; margin-right: 4%; margin-bottom: 40px;}
.sy_news_list ul li:nth-child(2n){ margin-right: 0;}
.sy_news_list ul li .pic{ border-radius: 16px; overflow: hidden; width: 37%;}
.sy_news_list ul li .txt{ width: 58%;}
.sy_news_list ul li .pic .imgfd{padding-top: 66.3%;}
.sy_news_list ul li .txt span{ color:#e2a317; font-family: popl; display: block; line-height: 24px; height: 24px; overflow: hidden;}
.sy_news_list ul li .txt h2{ font-size: 24px; line-height: 36px; height: 72px; margin: 5px 0 10px; overflow:hidden;}
.sy_news_list ul li .txt p{ line-height: 24px; height: 72px; overflow: hidden;}
.sy_news_list ul li:hover .txt h2{ color: #e2a317;}

.foot_service .txt{ width: 52%; color: #fff;}
.foot_service .txt p{ font-size: 18px;}
.foot_service .txt b{ color: #fff; margin: 35px 0 50px}



.com_foot{ background: url("../images/footbg_40.jpg") no-repeat center; background-size: cover;}
.com_foot .foot_center{padding: 80px 0 50px; position: relative;}
.foot_center .fleft{ width: 22%; margin-right: auto;}
.foot_center .fleft p{ font-size: 16px; margin-top: 40px;}
.foot_center .fleft .follow{margin-top: 44px;}
.foot_center .fleft .follow span{display: block; color: #333; font-size: 20px; font-family: popm;}
.foot_center .f_nav{ width: 72%;}
.foot_center .f_nav li{max-width: 32%; margin-right: auto;}
.foot_center .f_nav li:last-child{margin-right: 0;}
.foot_center .f_nav li b,.foot_center .f_nav li a{ display: block;}
.foot_center .f_nav li b{ font-family: popm; font-size: 20px; margin-bottom: 35px; text-transform: uppercase;}
.foot_center .f_nav li a{ line-height: 30px; margin-bottom: 10px;}
.foot_center .f_nav li.flx,.foot_center .f_nav li a { line-height: 30px;}
.foot_center .f_nav li a:hover{color:#e2a317;}
.foot_center .f_nav li i{margin-right: 2px;}
.foot_center .f_nav li span{ display: inline-block; max-width: calc(100% - 110px);}
.foot_center .f_nav li p{ margin-right: 3px;}
.foot_center .f_nav li.flx{max-width: 35%;}
.foot_center .f_nav li.flx .t-flex{margin-bottom: 40px;}
.foot_center .f_nav li.flx i{ display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; border: 1px solid #d8d8d8; color: #e2a317;border-radius: 50%;}
.foot_center .f_nav li.flx a,.foot_center .f_nav li.flx span{ display: block; padding-top: 10px; margin-left: 10px;}

.foot_center .b_top{position: absolute; bottom: 30px; right: 0; font-size: 18px; transition: .3s ease; cursor: pointer;}
.foot_center .b_top i{ display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; border: 1px solid #666666; font-size: 20px; margin-left: 15px; border-radius: 50%; transition: .3s ease;}
.foot_center .b_top:hover { color: #e2a317;}
.foot_center .b_top:hover i{ background: #e2a317; border-color: #e2a317; color: #fff;}
.copy{ font-size: 16px; padding: 25px 0; border-top: 1px solid #e7e7e7;}
.copy .copyright{ margin-right: auto;}

@media (max-width: 1700px){
.index_head{padding: 0 2%;}
}


@media (max-width: 1600px){
.index_head .logo img{ max-height:45px;} 
.index_head .nav li.navli .tarA a{padding: 0 25px;}
.sy-ban .txt1 b{font-size: 50px; line-height: 60px;}
.sy-ban .txt1 p{margin-bottom: 35px;}
.sy_trans{padding: 50px 25px 0;}
.sy_trans dl dt .txt p{font-size: 18px; margin-bottom:30px;}
.padd65{padding: 80px 0 90px;}
.popb60{font-size: 50px; line-height: 60px;}
.sy_news_list ul li .txt h2{font-size: 22px; line-height:32px; height:64px;}
.popb48{font-size: 45px;}
}

@media (max-width: 1441px){
.top_right .follow{display: none;}
.index_head .nav li.navli .tarA a{font-size: 16px;}
.sy_trans dl dt .txt{padding: 15px 25px 0 20px;}
.sy_trans dl dt .txt span{line-height: 34px;}
.sy_trans dl dt .txt p{margin: 15px 0 20px;}
.sy_trans dl dt .txt i{width: 38px; line-height: 38px; height: 38px; font-size: 16px;}
.sy_service .title{margin-bottom: 40px;}
.cho_number{ width: 22%;}
.cho_number .top b{font-size: 76px; line-height: 80px; height:80px;}
.cho_number .top i{font-size: 70px;}
}

@media (max-width: 1281px){
.index_head .logo img{max-height: 40px;}
.index_head .nav li.navli .tarA a{padding: 0 20px;}
.sy_trans dl dt{border-radius: 20px;}
.sy_trans dl dt .imgfd{padding-top: 60%;}	
.sy_service .title{ width: 70%;}
.sy_about .ab_txt{ width: 55%;}
.sy_about .ab_txt .sy_number dt b{font-size: 60px; line-height: 60px; line-height: 60px;}
.sy_about .amore{margin-top: 40px;}
.popb48{font-size: 40px; line-height:48px;}
.sy_zmd b{font-size: 100px;}
.prov_txt dl dt{padding: 20px 0;}
.prov_txt dl{margin-bottom: 40px;}
.sy_news_list ul li .txt p{display: none;}
}

@media (max-width: 1024px){
.top_h{height: 54px;}
.sy-ban .txt1 b{font-size: 36px; line-height: 44px; width:60%;}
.sy-ban .txt1 p{font-size: 16px; line-height: 27px; width: 60%;}
.ban_control .center{padding: 20px 0;}
.sy_trans dl dt{ width: 48%; margin-bottom:20px;}
.sy_trans dl dt:nth-child(2n){margin-right:0;}	
.padd65{padding: 50px 0 60px;}
.popb60{font-size: 40px; line-height: 50px;}
.sy_service .title{ width: 80%;}
.serswiper{padding-bottom: 0;}
.serswiper .swipercont{margin-top: 30px;}
.serswiper .swiperbtn{ width: 48px; height: 48px; line-height: 48px;}
.ab_prov .prov_map .map_list li p{ font-size: 18px;}
.ab_prov .prov_map .map_list li:nth-child(4){left:80%; top: 70%;}
.sy_zmd img{font-size: 80px;}
.sy_zmd b{font-size: 70px;}
.cho_number{display: none;}
.sy_choose .cho_box .left{ width: 100%;}
.sy_news_list ul li .txt h2{font-size: 20px;}
.sy_news_list ul li{margin-bottom: 25px;}
.sy_item_tit p{font-size: 16px;}
.popb48{font-size: 34px; line-height: 40px;}
.com_foot .foot_center{display: none;}
.dtop{padding-top: 50px;}

}
@media (max-width: 768px){
    .ban_control .swiper-num{ display: none;}
.scr_down{display: none;}
.ban_control .swiperbtn.swiper-button-prev{margin-left: auto;}
.sy-ban .amore{ display: none;}
.sy-ban .txt1 p{margin-bottom: 0;}
.serswiper .imgfd{ border-radius: 10px;}
.serswiper h2{font-size: 20px; margin-bottom:10px;}
.serswiper .imgfd{margin-bottom: 15px;}
.sy_about .ab_txt{ width: 70%;}
.sy_about .ab_txt .sy_number dt b{font-size: 40px; line-height: 40px; height: 40px;}
.ab_prov .prov_txt{ width: 100%;}
.ab_prov .prov_map{ width: 100%; position: relative;}
.sy_zmd b{font-size: 40px;}
.sy_zmd img{height: 40px;}
.sy_zmd{height: 80px;}
.amore i{ width: 30px; height: 30px; line-height: 30px; font-size: 16px; margin-left:18px;}
.amore{font-size: 16px; padding-left:22px;}
.sy_news_list ul li .txt span{font-size: 13px;}
.sy_news_list ul li .pic{border-radius: 10px;}
.sy_news_list ul li .txt h2{font-size: 18px; line-height: 27px; height: 54px; margin-bottom:0;}
.sy_news_list ul li{margin-bottom: 18px;}
.popb48{font-size: 28px; line-height: 32px;}
.foot_service .txt b{margin: 25px 0 30px;}
.sy_choose .cho_box{border-radius: 15px;}
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban .txt1 b{font-size: 24px; line-height: 30px; width:70%;}
.sy-ban .txt1 p{display: none;}
.sy_trans{padding: 25px 2% 0;}
.sy_trans dl dt{border-radius: 10px; width:100%;}
.popb60{font-size: 28px; line-height: 34px;}
.sy_service .title{ width: 95%;}
.serswiper h2{font-size: 18px; line-height: 24px; height: 48px; margin-bottom:0;}
.serswiper p{display: none;}
.serswiper .swiperbtn{ width: 36px; height: 36px; line-height: 36px; margin-left: 15px; font-size:14px;}
.serswiper .swiper-scrollbar.swiper-scrollbar-horizontal{ width: calc(100% - 120px);}
.serswiper .swipercont{margin-top: 10px;}
.sy_about .ab_txt{ width: 100%; position:relative;z-index:3;}
.sy_about{position: relative;}
.sy_about:after{position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.4); content:'';}
.popb48{font-size: 24px; line-height: 30px;}
.prov_txt dl dt h2{font-size: 18px;}
.prov_txt dl dt .tit i{ width: 34px; height: 34px; line-height: 34px; font-size:18px;}
.prov_txt dl{ width: 98%;}
.sy_zmd dt{margin-right: 25px;}
.sy_zmd b{font-size: 30px; margin:0 15px;}
.sy_choose .cho_box dt,.sy_choose .cho_box dt:nth-child(2n){width: 100%; margin-top:20px;}
.sy_choose .cho_box dt .txt p{height: auto;}
.sy_choose .cho_box dt .txt h4{font-size: 18px;}
.sy_choose .cho_box dt img{height: 50px;}
.sy_choose .cho_box dt .txt{ width: calc(100% - 70px);}
.sy_news .item_top .amore{ display: none;}
.sy_news .item_top .sy_item_tit{ width: 100%;}
.sy_item_tit p{font-size: 14px; line-height: 22px;}
.sy_item_tit .popb48{margin-bottom: 10px;}
.sy_news_list ul li{width: 100%;}
.foot_service .txt{ width: 88%;}
.sy_about .ab_txt .ab_des{margin-bottom: 30px;}
.sy_about .amore{margin-top: 30px;}
.padd65{padding: 35px 0 40px;}
.item_top{margin-bottom: 25px;}
.dtop{padding-top: 35px;}
.copy{ font-size:13px; padding:15px 0;}
.copy p{ font-size: 13px;}
.copy .sup{display: none;}
}

.ny_ban{ position: relative;overflow:hidden; text-align:center;}
.ny_ban img{ width: 100%;}
.ny_ban .txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color:#fff; font-size:18px;}
.ny_ban .txt b,.ny_ban .txt a{ color: #fff;}
.offer_main .popb60{text-align: center; margin-bottom:75px;}
.off_item .pic{ float: left; width: 50%;}
.off_item .txt{ width: 46%; float: right;}
.off_item:nth-child(2) .pic{ float:right;}
.off_item:nth-child(2) .txt{ float:left;}
.off_item .pic .imgfd{padding-top: 60.25%;}
.off_item{margin-bottom: 100px;}
.borr32{ border-radius: 32px; overflow:hidden;}
.off_item p.des{ font-size: 18px; line-height: 30px; margin-bottom: 30px;}
.off_item dt{ width: 48%; margin-right: auto; margin-bottom:10px; height:35px;}
.off_item dt a{ line-height: 35px; display: inline-block; position:relative; transition: .2s ease;}
.off_item dt img{ margin-top: 9px; display:inline-block; margin-right:10px;}
.off_item dt a:after{position:absolute; left: 0; bottom: 0; height: 1px; width: 0; background: #e2a317; content: ''; transition: .2s ease;}
.off_item dt:hover a{ color:#e2a317;}
.off_item dt:hover a:after{ width:100%;}
.off_item .amore{ margin-top: 50px;}
@media (max-width: 1441px){
    .offer_main .popb60{margin-bottom: 55px;}
    .off_item .amore{margin-top: 35px;}
    .off_item p.des{line-height: 27px;}
}
@media (max-width: 1281px){
    .off_item p.des{font-size: 16px;}
    .off_item .amore{margin-top: 5px;}
}
@media (max-width: 1024px){
    .off_item .pic,.off_item .txt{width: 100%; float:none!important;}
    .off_item .txt{margin-top: 30px;}
    .offer_main .popb60{margin-bottom: 40px;}
    .off_item{margin-bottom: 70px;}
}
@media (max-width: 450px){
    .offer_main .popb60{ margin-bottom:25px;}
    .off_item dt{ width: 100%;}
    .off_item{margin-bottom: 30px;}
    .borr32{ border-radius: 12px;}
}
.trans_main .title{ width: 80%; margin: 0 auto 75px; text-align: center;}
.trans_main .title p{ font-size: 18px; line-height: 30px; margin-top: 30px;}

.trans_main ul li{ width: 48.5%; float:left; margin-right: 3%; margin-bottom: 65px; border: 1px solid #d9d9d9;}
.trans_main ul li:nth-child(2n){ margin-right:0;}
.trans_main ul li .imgfd{padding-top: 54.54%;}
.trans_main ul li .txt{padding: 40px 45px 50px;}
.trans_main ul li .txt .left{ width: calc(100% - 120px); margin-right: auto;}
.trans_main ul li .txt h2{ font-size: 24px; margin-bottom: 20px; line-height:32px; height:32px;}
.trans_main ul li .txt p{height: 72px; overflow:hidden;}
.trans_main ul li:hover h2{ color:#e2a317;}
.trans_main ul li .icon{ transition: .3s ease;}
.trans_main ul li:hover .icon{ transform:translateX(10px);}
@media (max-width: 1281px){
    .trans_main ul li .txt{padding: 30px 30px 35px;}
    .trans_main .title{ width: 90%; margin-bottom: 55px;}
}
@media (max-width: 1024px){
    .trans_main .title p{font-size: 16px; line-height: 24px;}
    .trans_main ul li .icon img{ width: 60px;}
    .trans_main ul li .txt .left{ width: calc(100% - 90px);}
    .trans_main ul li .txt p{height: 48px;}
    .trans_main ul li .txt h2{font-size: 20px; line-height: 26px; height: 26px; overflow: hidden;}
}
@media (max-width: 768px){
    .trans_main ul li{ width: 100%; float: none; margin-bottom: 30px;}
    
}
@media (max-width: 450px){
    .trans_main .title p{font-size: 12px; line-height: 22px; margin-top:20px;}
    .ny_ban img{height: 150px; object-fit: cover;}
    .trans_main .title{margin-bottom: 30px; width:95%;}
    .trans_main ul li .txt{padding: 20px 15px;}
    .trans_main ul li .txt h2{margin-bottom: 10px;}
    .trans_main ul li .txt .left{width: calc(100% - 65px);}
}
.trans_top .popb60{ text-align: center;}
.showposi{ padding: 55px 0; color:#999;}
.showposi a{ color: #999;}
.showposi a:last-child{ color:#333;}
.trans_top .popb60{margin-bottom: 40px;}
.trans_top p{ font-size: 18px; line-height: 30px;}

.trans_list .pic{ width: 32.5%;}
.trans_list .pic .imgfd{ padding-top: 115.4%;}
.trans_list .list{ width: 64%;}
.trans_list .list li{padding: 35px 0; border-bottom: 1px solid #efefef; cursor:pointer;}
.trans_list .list li h3{ font-family: pop; font-size: 24px; margin-right: auto; max-width: 45%;}
.trans_list .list li .content{ width: 50%;}
.trans_list .list li .content h4{ font-family: popm; font-size: 20px; margin-bottom: 10px; color: #e2a317;}
.trans_list .list li span{display: block; line-height: 24px;}
.trans_list .list li .content .box{display: none;}
.trans_list .list li .content .box h4{padding-left: 32px; background: url(../images/gou_03.jpg) no-repeat left 2px;}
.trans_list .list ul{margin-bottom: 45px;}

.trans_do .pic{ width: 40.625%;}
.trans_do .pic .imgfd{padding-top: 115.38%;}
.trans_do .txt{ width: 56%;}
.trans_do .txt p.des{ margin: 40px 0 45px; font-size: 18px; line-height: 30px;}
.trans_do .txt .do_list p{ margin-top: 15px; padding-left: 32px; background: url(../images/gou_03.jpg) no-repeat left 2px;}

.trans_why .popb60{ text-align: center; margin-bottom: 45px;}
.trans_why dl dt{ width: 32%; margin-right: auto; background: #f3f3f3; border-radius: 16px; padding: 50px 55px 90px; text-align:center; transition:.3s ease;}
.trans_why dl dt:last-child{margin-right:0;}
.trans_why dl dt .txt{ margin-top: 35px;}
.trans_why dl dt .txt h4{ font-size: 24px; margin-bottom: 25px; line-height: 30px; height: 30px; font-family:popsb;}
.trans_why dl dt .txt p{ line-height: 24px; height: 120px;}
.trans_why dl dt:hover{ background:#1b256c; color:#fff;}
.trans_why dl dt:hover .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.trans_why dl dt:hover h4{ color:#fff;}

@media (max-width: 1441px){
    .showposi{ padding: 35px 0;}
    .trans_top{padding: 0 6%;}
    .trans_list .list li{padding: 25px 0;}
    .trans_list .list li .content .box p{margin-top: 16px;}
}
@media (max-width: 1281px){
    .trans_why dl dt{padding: 35px 40px 45px;}
    .trans_why dl dt .txt p{height: 144px;}
    .trans_why dl dt img{height: 100px;}
    .trans_why dl dt .txt{margin-top: 25px;}
}
@media (max-width: 1024px){
    .trans_list .pic,.trans_do .pic{ float: none;}
    .trans_list .list,.trans_do .txt{ width: 100%; float: none; margin-top: 30px;}
    .trans_why dl dt{ width: 100%; margin-bottom: 25px; display:flex; align-items:flex-start; flex-wrap:wrap;}
    .trans_why dl dt .txt{ text-align: left; margin-top: 0; width: calc(100% - 125px); margin-left: auto;}
    .trans_why dl dt .txt p{height: auto;}
}
@media (max-width: 768px){
    .trans_top{padding: 0;}
    .trans_top .popb60{margin-bottom: 25px;}
    .trans_top p{font-size: 16px; line-height: 24px;}
    .trans_list .pic, .trans_do .pic{ width: 65%;}
    .trans_list .list li h3{font-size: 20px;}
}
@media (max-width: 450px){
    .trans_list .list li{ display: block;}
    .trans_list .list li h3{ width: 100%; max-width: 100%; font-family:popm;}
    .trans_list .list, .trans_do .txt{margin-top: 20px;}
    .trans_list .list li .content{ width: 100%; margin-top: 20px;}
    .trans_do .txt p.des{font-size: 16px; line-height: 24px; margin: 20px 0;}
    .trans_why dl dt{padding: 18px 15px 20px;}
    .trans_why dl dt img{ height: 45px;}
    .trans_why dl dt .txt{ width: calc(100% - 60px);}
    .trans_why dl dt .txt h4{font-size: 20px; margin-bottom: 10px; line-height:26px; height:auto;}
    .trans_why .popb60{margin-bottom: 25px;}
}
.serv_main .title{ width: 80%; margin: 0 auto 75px; text-align: center;}
.serv_main .title p{ font-size: 18px; line-height: 30px; margin-top: 30px;}
.serv_main ul li{ width: 32%; float: left; margin-right:2%; margin-bottom:55px; border:1px solid #d9d9d9;}
.serv_main ul li:nth-child(3n){ margin-right:0;}
.serv_main ul li .txt{ padding: 32px;}
.serv_main ul li .txt h2{ font-size: 24px; color: #333; line-height:30px; height:30px; margin-bottom:18px; }
.serv_main ul li .txt p{ height:52px; overflow: hidden; margin-bottom: 30px;}
.serv_main ul li:hover h2{ color:#e2a317;}
.serv_main ul li .imgfd{padding-top: 54.4%;}
@media (max-width: 1281px){
    .serv_main ul li .txt{ padding:25px 20px;} 
    .serv_main ul li .txt h2{font-size: 22px;}
    .serv_main ul li .txt p{margin-bottom: 20px;}
    .serv_main .title{ width: 90%; margin-bottom: 55px;}
}
@media (max-width: 1024px){
    .serv_main .title p{font-size: 16px; line-height: 24px;}
    .serv_main ul li{ width: 49%;}
    .serv_main ul li:nth-child(3n){margin-right:2%;}
    .serv_main ul li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 768px){
    .serv_main ul li .txt h2{font-size: 20px; margin-bottom:12px;}
    .serv_main ul li .txt p{ height: 44px;}
    .serv_main ul li .txt span{ display: none;}
    .serv_main ul li .txt p{margin-bottom: 0;}
    .serv_main ul li{margin-bottom: 25px;}
}
@media (max-width: 450px){
    .serv_main .title p{ font-size: 14px; line-height: 22px; margin-top: 15px;}
    .serv_main .title{margin-bottom: 30px;}
    .serv_main ul li .txt{padding: 12px 10px;}
    .serv_main ul li .txt p{display: none;}
    .serv_main ul li .txt h2{ font-size: 18px; line-height: 26px; height: 52px; margin-bottom:0;}
}
.ser_left{ width: 500px;}
.ser_left .borr32{ border-radius: 12px;}
.ser_left .ser_nav{ background: #f7f7f7; padding:50px 25px 30px;}
.ser_left .ser_nav .tit{padding: 0 20px; margin-bottom:35px;}
.ser_left .ser_nav .tit b{ padding-left: 24px; font-family: popsb; font-size: 30px; line-height: 28px; border-left: 7px solid #e2a317; margin-right:auto;}
.ser_left .ser_nav a{ padding: 10px 30px; margin-bottom:10px; line-height: 24px; border-radius: 27px; font-size:18px; transition:.2s ease;}
.ser_left .ser_nav a p{ margin-right: auto; margin-left:5px; max-width:calc(100% - 50px);}
.ser_left .ser_nav a i{ opacity: 0; color: #fff; transition:.2s ease; font-size:14px;}
.ser_left .ser_nav a.act,.ser_left .ser_nav a:hover{ background:#1b256c; color:#fff;}
.ser_left .ser_nav a.act i,.ser_left .ser_nav a:hover i{ opacity:1;}
.left_card{margin-top: 40px; background:url(../images/sleft_07.jpg) no-repeat center; background-size:cover; padding:70px 50px 55px; color:#fff; text-align:center;}
.left_card .b1{ font-size: 30px; color: #fff;}
.left_card p{ margin: 5px 0 25px;}
.left_card a{ display: inline-block; line-height: 52px; padding: 0 30px; border-radius: 26px; background: #e2a317; color: #fff; transition:.2s ease;}
.left_card .b2{font-family: popsb; font-size: 30px; color: #fff; margin:10px 0 5px;}
.left_card span{ font-size: 14px;}
.left_card a:hover{background:#1b256c;}
.left_card input,.left_card textarea{ width: 100%; border: 1px solid #fff; line-height: 44px; margin-bottom: 15px; border-radius: 10px; padding-left: 20px; background: rgba(255,255,255,.75);}
.left_card input.sub{ border: none; background: #1b256c; color: #fff; width: 50%; margin: 0 auto; text-transform:uppercase; cursor:pointer; transition:.2s ease;}
.left_card input.sub:hover{background:#e2a317;}
.ser_det .ser_right{ width: calc(100% - 600px);}
.ser_det .ser_right img{ max-width: 100%!important;}
.ser_det .ser_right a{ color: #e2a317; font-size:17px; font-weight:bold; text-decoration:underline;}
.ser_right .ser_item{ margin-bottom: 50px;}
.ser_right .ser_item .imgfdd{margin-bottom: 65px;}
.ser_right .ser_item h2{ font-family: popb; font-size: 36px; margin-bottom: 25px;}
.ser_right .ser_item .des p{ line-height: 30px;}
.ser_right .ser_item .des{margin-bottom: 36px;}
.ser_right .ser_item .point p{ width: 50%;  margin-bottom: 20px; padding-left: 32px; background: url(../images/gou_03.jpg) no-repeat left 2px;}
.mainh{height: 80px;}
.ser_det .ser_right h3 { font-size: 28px; color: #1b256c; margin-bottom:20px;}
.ser_det .ser_right h4{ font-size:20px; color: #e2a317; margin-bottom: 0px; font-family: popm;}
.ser_right .ser_item img{width: 100%;}
@media (max-width: 1281px){
    .ser_left{ width: 320px;}
    .ser_left .ser_nav{padding: 35px 20px 25px;}
    .ser_left .ser_nav a{padding: 12px 25px; font-size:17px;}
    .ser_left .ser_nav .tit b{font-size: 24px; line-height: 20px; height: 20px; padding-left: 20px;}
    .ser_left .ser_nav .tit img{ width: 28px;}
    .left_card{padding: 100px 30px 40px;}
    .left_card .b2{font-size: 26px;}
    .ser_det .ser_right{ width: calc(100% - 370px);}
    .ser_right .ser_item .imgfdd{margin-bottom: 45px;}
}
@media (max-width: 1024px){
    .ser_left{ display: none;}
    .ser_det .ser_right{ width: 100%;}
}
@media (max-width: 768px){
    .ser_right .ser_item h2{font-size: 30px; line-height: 40px; margin-bottom:20px;}
    .ser_right .ser_item .imgfdd{ margin-bottom: 25px;}
    .showposi{padding: 18px 0; font-size: 13px;}
    .ser_det{margin-top: 15px;}
    .ser_right .ser_item .point p{ width: 100%; background-size:16px; padding-left:25px;}
    .ser_right .ser_item{margin-bottom: 25px;}
    .ser_right .ser_item h2{font-size: 24px; line-height: 32px;}
    .mainh{height: 35px;}
    .ser_det .ser_right a{font-size: 15px;}
}
.sol_main .title,.sol_det .title,.ny_title{ width: 80%; margin: 0 auto 75px; text-align: center;}
.sol_main .title p,.sol_det .title p,.ny_title p{ font-size: 18px; line-height: 30px; margin-top: 30px;}
.sol_main ul li{ float: left; width: 32%; border: 1px solid #e5e5e5; padding: 32px 50px 60px; margin-bottom:50px; margin-right:2%;}
.sol_main ul li:nth-child(3n){ margin-right:0;}
.sol_main ul li .pic{ width: 140px;}
.sol_main ul li .imgfd{ padding-top: 50%; margin-bottom:20px;}
.sol_main ul li h2{ font-size: 24px; line-height: 30px; height: 30px; overflow: hidden;}
.sol_main ul li p{ font-size: 18px; line-height: 24px; height: 48px; overflow: hidden; margin: 15px 0 35px;}
.sol_main ul li a.btn{width: 49%; display:block; line-height:56px; border:1px solid #979797; text-align:center; font-size:18px; transition:.2s ease; border-radius:29px;}
.sol_main ul li a.btn2{margin-right: auto; border-color: #1b256c; background: #1b256c; color: #fff;}
.sol_main ul li a.btn:hover{ border-color:#e2a317; background: #e2a317; color: #fff;}
@media (max-width: 1441px){
    .sol_main .title, .sol_det .title, .ny_title{ width: 90%; margin-bottom:55px;}
    .sol_main ul li{padding: 25px 35px 40px;}
}
@media (max-width: 1281px){
    .sol_main ul li h2{font-size: 22px;}
    .sol_main ul li a.btn{line-height: 50px;}
}
@media (max-width: 1024px){
    .sol_main .title p, .sol_det .title p, .ny_title p{font-size: 16px; line-height: 24px;}
    .sol_main ul li{padding: 20px 30px 30px; width:49%; margin-bottom:30px;}
    .sol_main ul li:nth-child(3n){margin-right:2%;}
    .sol_main ul li:nth-child(2n){ margin-right:0;}
    .ser_det .ser_right h3{font-size: 24px; line-height: 36px;}
}
@media (max-width: 450px){
    .sol_main ul li{ width: 100%;}
    .sol_main ul li a.btn{font-size: 16px;}
    .sol_main ul li p{font-size: 16px; margin-bottom:25px;}
    .sol_main ul li h2{font-size: 20px;}
    .sol_main .title, .sol_det .title, .ny_title{margin-bottom: 25px; width:95%;}
    .sol_main .title p, .sol_det .title p, .ny_title p{margin-top: 15px;}
    .ser_det .ser_right h3{font-size: 22px; line-height: 30px;}
    .ser_det .ser_right h4{font-size: 18px;}
}
.sol_dl{ margin: 70px 0 85px;}
.sol_dl dt{ width: 32%;margin-right: 2%; border-radius: 16px; border: 1px solid #e7e7e7; padding:45px 55px 50px; text-align:center;}
.sol_dl dt:last-child{ margin-right:0;}
.sol_dl dt h4{ font-family: popsb; font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; margin: 20px 0;}
.sol_dl dt p{ line-height: 24px; height: 120px;}
.sol_dl dt .icon{ transition: .3s ease;}
.sol_dl dt:hover .icon{ transform:translateY(-15px);}


.sol_list .item{ margin-bottom: 95px;}
.sol_list .item .pic{ width: 40%; float: right;}
.sol_list .item .txt{ width: 55%; float: left;}
.sol_list .item .pic .imgfd{padding-top: 115.4%;}
.sol_list .item:nth-child(2n) .pic{ float:left;}
.sol_list .item:nth-child(2n) .txt{ float:right;}
.sol_list .item .txt p.des{ margin:20px 0 70px; font-size: 18px;}
@media (max-width: 1281px){
    .sol_dl dt{padding: 35px 40px 40px;}
    .sol_dl dt p{height: 144px;}
    
}
@media (max-width: 1024px){
    .sol_dl dl{ display: block;}
    .sol_dl dl dt{ width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; margin-bottom:25px;}
    .sol_dl dl dt .txt{ width: calc(100% - 95px);  margin-left: auto; text-align: left;}
    .sol_dl dt h4{margin-top: 0;}
    .sol_dl dt p{height: auto;}
    .sol_list .item .txt p.des{margin-bottom: 45px;}
}
@media (max-width: 768px){
    .sol_list .item .txt p.des{font-size: 16px;}
    .sol_list .item .txt{ width:100%; float: none!important; margin-top:30px;}
    .sol_list .item .pic{width: 60%; float: none!important;}
}
@media (max-width: 450px){
    .sol_dl{margin: 25px 0 30px;}
    .sol_dl dl dt{padding: 20px 18px;}
    .sol_dl dt .icon img{ width: 50px;}
    .sol_dl dl dt .txt{ width: calc(100% - 65px);}
    .sol_dl dt h4{font-size: 20px; line-height:26px; height:26px; margin-bottom:10px;}
    .sol_list .item{margin-bottom: 40px;}
    .sol_list .item .txt p.des{font-size: 15px;}
}
.log_list ul li{ float: left; width: 32%; margin-bottom: 60px; margin-right: 2%; text-align:center;}
.log_list ul li:nth-child(3n){margin-right:0;}
.log_list ul li .imgfd{ padding-top: 60%; margin-bottom: 28px;}
.log_list ul li p{ font-size: 20px; height:27px; overflow:hidden;}
.log_list ul li:hover p{ color:#e2a317;}
@media (max-width: 768px){
    .log_list ul li{width: 49%; margin-bottom:25px;}
    .log_list ul li:nth-child(3n){margin-right:2%;}
    .log_list ul li:nth-child(2n){ margin-right:0;}
    .log_list ul li p{ font-size:16px;}
    .log_list ul li .imgfd{margin-bottom: 18px;}
}
.ab_top .left{ width: 47%; margin-right:auto;}
.popb50{ font-family: popb; font-size: 50px; margin-bottom: 40px; line-height: 75px;}
.ab_top .left .popb50{margin-bottom: 100px;}
.ab_top .right{ width: 48%;}
.ab_top .right .box p{ font-size: 18px; line-height: 30px;}
.ab_top .right .box{margin-bottom: 40px;}
.ab_top .right .point p{  margin-bottom: 20px; padding-left: 32px; background: url(../images/gou_03.jpg) no-repeat left 2px;}

.ab_global{margin-top: 60px;}
.ab_global .glo_txt{ width: 47%; color: #fff;}
.ab_global .des{margin-bottom: 70px; font-size: 18px; line-height: 30px;}
.str_number dl dt{margin: 0 auto;}
.str_number dl dt b{font-size: 90px; line-height: 90px; height: 90px; color: #e2a317;}
.str_number dl dt b sub{ font-size: 60px; line-height: 50px;}
.str_number dl dt p{ height: 27px;}

.ab_team .imgfdd{ width: 45%; margin-right: auto;}
.ab_team .txt{ width: 50%;}
.ab_team .txt p{ font-size: 18px; line-height: 30px;}
.ab_offer .ny_title p{ font-size: 24px; line-height: 36px;}
.ab_offer .ny_title p.mail a{ color: #1b256c;}
.ab_offer .ny_title p.mail a:hover { color:#e2a317;}
.ab_offer dt{ width: 49%; margin-right: auto; background: #f7f7f7; position: relative; padding: 65px 130px 70px 55px; transition:.3s ease;}
.ab_offer dt b{ font-size: 30px; margin-bottom: 20px;}
.ab_offer dt p{ font-size: 18px; line-height: 30px; height: 90px; margin-bottom:35px;}
.ab_offer dt:nth-child(2){margin-right:0;}
.ab_offer dt .icon{ position: absolute; right: 60px; bottom: 60px;}
.ab_offer dt .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(60%);-webkit-filter: brightness(0%) invert(60%); transition:.3s ease;}
.ab_offer dt a{display: inline-flex;}
.ab_offer dt a i{ display: inline-block; margin-left: 5px; width: 46px; height: 46px; border-radius: 50%; text-align: center; line-height: 46px; background:#d9d9d9; font-size:18px;}
.ab_offer dt:hover{background:#1b256c; color:#fff;}
.ab_offer dt:hover b,.ab_offer dt:hover a{ color:#fff;}
.ab_offer dt:hover a i{ background:#fff; color: #1b256c;}
.ab_offer dt:hover .icon img{ filter:unset;}
@media (max-width: 1281px){
    .popb50{ font-size: 40px; line-height: 55px;}
    .str_number dl dt b{font-size: 80px; line-height: 80px; height: 80px;}
}
@media (max-width: 1024px){
    .ab_top .right .box p{font-size: 16px; line-height: 27px;}
    .ab_global{margin-top: 20px;}
    .ab_global .glo_txt{width: 55%;}
    .ab_global .des{margin-bottom: 50px;}
    .str_number dl dt b{font-size: 60px; line-height: 60px; height: 60px;}
    .str_number dl dt b sub{font-size: 44px; line-height: 36px;}
    .ab_team .txt p{font-size: 16px; line-height: 27px;}
    .ab_offer .ny_title p{font-size: 20px; line-height: 32px;}
    .ab_offer dt{padding: 40px 80px 45px 35px;}
    .ab_offer dt p{ font-size: 16px; line-height: 26px; height: 130px;}
    .popb50{margin-bottom: 30px;}
}
@media (max-width: 768px){
    .ab_top{ display: block;} 
    .ab_top .left{ width: 100%;}
    .ab_top .left .popb50{margin-bottom: 40px;}
    .ab_top .right{ width: 100%; margin-top: 30px;}
    .ab_global .des{font-size: 16px; line-height: 26px;}
    .str_number dl dt{ width: 45%; margin-bottom: 15px;}
   .ab_team{ display: block;}
   .ab_team .imgfdd,.ab_team .txt{width: 100%;}
   .ab_team .txt{margin-top: 30px;}
   .ab_offer dt{width: 100%; margin-bottom: 25px;}
   .ab_offer dt p{height: auto;}
   .popb50{font-size: 30px; margin-bottom: 25px; line-height:38px;}
}
@media (max-width: 450px){
    .popb50{font-size: 28px;}
    .ab_global .glo_txt{ width: 85%;}
    .ab_global .des{margin-bottom: 30px;}
    .str_number dl dt b{ font-size: 40px; line-height: 40px; height: 40px;}
    .str_number dl dt b sub{font-size: 30px; line-height: 30px;}
    .ab_offer dt .icon{right: 30px; bottom: 30px;}
    .ab_offer dt a i{ width: 38px; height: 38px; line-height: 38px;}
    .ab_offer dt .icon img{ width: 70px;}
    .ab_offer .ny_title p{font-size: 18px; line-height: 28px;}
}
.why_comm ul li{ width: 32%; margin-right: auto; margin-bottom: 30px; border-radius:16px; background:#f7f7f7; padding:40px 30px; height:160px; transition:.3s ease;}
.why_comm ul li:nth-child(3n){margin-right:0;}
.why_comm ul li .txt{ width: calc(100% - 95px); margin-left: auto;}
.why_comm ul li p{ line-height: 24px;}
.why_comm ul li:hover{ background:#1b256c; color: #fff;}
.why_comm ul li:hover .icon img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sy_ship{ position: relative; overflow: hidden; width: 100%;}
.sy_ship .top_map{ top: 40px; right: 0; position: absolute;z-index: 3;}
.sy_ship:after{ position: absolute; top: 0; left: 0; height: calc( 100% - 400px); border-top-left-radius: 48px; border-top-right-radius: 48px; content: ''; width: 100%; background: #15171c; z-index: -1}
.sy_ship h3{ color: #fff; font-size: 60px; font-family: pop; text-transform: uppercase;}
.sy_ship .title{ padding-right:35%; color:#fff;}
.sy_ship .title p{ font-size: 18px; line-height: 30px;}
.sy_ship h3 span{ color: #e2a317; font-family: popb;}
.ship_box{  position: relative;width: 1626px;height: 417px;background-image: url("../images/ship.svg"); background-repeat: no-repeat; background-size: 1626px 417px;background-position: left bottom; margin-top: 20px;}
.ship_line{  width: 100%;position: absolute;top: 700px; height: 8px; background-image: url("../images/wave.svg");background-size: 1920px 10px; background-position: left bottom; z-index: 1;}
.shipdl{ margin: 40px auto;}
.shipdl dt{ margin-right:auto; color: #fff; width:23%;}
.shipdl dt:last-child{ margin-right:0;}
.shipdl dt .icon{ transition: 3s ease;}
.shipdl dt:hover .icon{ transform: rotateY(-360deg);}
.shipdl dt .txt{ width: calc(100% - 85px); margin-left:auto;}
.shipdl dt h4{ font-family:popm; font-size:20px; color:#fff; line-height:30px; height:30px; margin-bottom:10px;}
.shipdl dt p{ line-height: 24px; height: 72px;}
.touch_box{ overflow: hidden; border-radius: 16px; box-shadow: 0 0 20px rgba(0,0,0,.15); margin-top:60px; background: #fff;}
.touch_box .pic{ width: 450px; position:relative;}
.touch_box .pic img{ width: 100%; height: 100%; object-fit: cover;}
.touch_form{width: calc(100% - 450px); padding: 70px 45px 0; position:relative; z-index:5;}
.touch_form b{ text-transform:uppercase;}
.touch_form b span{ color: #e2a317;}
.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:#1b256c; transition:.3s ease; text-transform:uppercase; font-size:18px;}
.touch_form .right .sub:hover{ background:#e2a317;}
@media (max-width: 1281px){
    .why_comm ul li{ padding: 30px 25px; height:180px;}
    .sy_ship h3{font-size: 50px;}
    .ship_line{ top: 650px;}
}
@media (max-width: 1024px){
    .why_comm ul li{ width: 49%;}
    .why_comm ul li:nth-child(3n){margin-right:2%;}
    .why_comm ul li:nth-child(2n){ margin-right:0;}
    .ship_box{background-size: 1200px 350px; width: 1200px; height: 350px;}
    .shipdl dt{ width: 48%; margin-bottom: 20px;}
    .touch_box .pic{display: none;}
    .touch_form{ width: 100%;}
}
@media (max-width: 768px){
    .sy_ship .title{ padding-right: 10%;}
    .sy_ship h3{font-size: 38px; line-height: 48px;}
    .ship_line{ top: 530px; background-size: 800px 5px;}
}
@media (max-width: 450px){
    .why_comm ul li{ width:100%; padding:25px 20px; height:auto;}
    .why_comm ul li img{ width: 50px;}
    .why_comm ul li .txt{ width: calc(100% - 70px);}
    .sy_ship:after{border-top-left-radius:12px; border-top-right-radius: 12px;}
    .sy_ship .title p{font-size: 16px; line-height: 26px; margin-top: 15px;}
    .sy_ship .top_map img{ width: 100%;}
    .ship_box{ width:500px; height:200px; background-size:500px 200px;} 
    .ship_line{ top: 430px;}
    .shipdl dt{ width: 100%;}
    .shipdl dt p{ height: auto;}
    .touch_form{padding: 40px 20px 30px;}
    .touch_form p.topp{font-size: 16px; margin: 15px 0 20px;}
    .touch_form .left, .touch_form .right{ width: 100%; float: none; line-height:48px;}
}
.news_left{ width: 375px; }
.news_left .left_search{border-radius:25px; overflow:hidden;}
.news_left input{ width: calc(100% - 60px); line-height:50px; padding-left:25px; font-size:14px; background:#f7f7f7;}
.news_left .search_sub{ width: 60px; text-align: center; line-height: 50px; background:#1b256c; color:#fff; font-size:24px; cursor:pointer;}
.hot_news{ margin-top: 40px;}
.hot_news h3{ font-size: 24px; padding-bottom: 15px; position:relative; text-transform:uppercase;}
.hot_news h3:after{ width:60px; height: 3px; background:#e2a317; content:''; position:absolute; left:0; bottom:0;}
.hot_news li{ padding: 35px 0; border-bottom: 1px solid #e2e2e2;}
.hot_news li .pic{ width: 106px;margin-right:auto;}
.hot_news li .pic .imgfd{ border-radius: 8px; padding-top: 66.6%;}
.hot_news li .txt{ width: calc(100% - 125px);}
.hot_news li .txt h2{font-size: 16px; line-height: 24px; height: 48px; overflow:hidden; margin-bottom:10px;}
.hot_news li .txt span{font-size: 14px;}
.hot_news li:hover h2{ color:#e2a317;}
.news_right{ width: calc(100% - 450px);}
.news_top{padding-bottom: 20px; margin-bottom: 80px; border-bottom: 1px solid #e5e5e5;}
.news_top b{ font-family: popsb; text-transform: uppercase; margin-right: auto; font-size:56px; line-height:60px;}
.news_top .news_nav a{display: inline-block; line-height: 58px; padding: 0 25px; border-radius: 29px; margin-left: 45px; font-size:18px; transition:.2s ease;}
.news_top .news_nav a.act,.news_top .news_nav a:hover{ background:#10235e; color: #fff;}
.news_list li{margin-bottom: 50px;}
.news_list li .pic{ width: 35%; margin-right: auto;}
.news_list li .pic .imgfd{ border-radius: 16px; padding-top: 66%;}
.news_list li .txt{ width: 62%;}
.news_list li .txt span.date{ color: #e2a317;}
.news_list li .txt h2{ font-size: 24px; line-height: 36px; height: 72px; overflow: hidden; margin: 15px 0;}
.news_list li .txt p{ height: 54px; overflow: hidden; margin-bottom: 30px;}
.news_list li:hover h2{ color:#e2a317;}
@media (max-width: 1441px){
    .news_top b{font-size: 50px;}
    .news_top .news_nav a{margin-left:30px;}
}
@media (max-width: 1281px){
    .news_left{ width: 300px;}
    .news_right{ width: calc(100% - 350px);}
    .news_list li .txt h2{font-size: 22px; line-height: 32px; height: 64px;}
    .news_list li .txt p{margin-bottom: 20px;}
}
@media (max-width: 1024px){
    .news_left{ display: none;}
    .news_right{ width: 100%;}
}
@media (max-width: 768px){
    .news_top b{display: none;}
    .news_top .news_nav a{line-height: 50px;}
    .news_list li .txt p{display: none;}
    .news_top{margin-bottom: 30px;}
    .news_list li{margin-bottom: 25px;}
}
@media (max-width: 450px){
    .news_top .news_nav{ width: 100%;}
    .news_top .news_nav a{ width: 80%; margin: 0 auto 15px; display: block; text-align: center; line-height:40px; background:#f7f7f7;}
    .news_list li span.more{ display: none;}
    .news_list li .txt span.date{font-size: 12px;}
    .news_list li .txt h2{font-size: 18px; line-height: 28px; height: 56px; margin-bottom: 0; margin-top:10px;}
}
.newsshow h1{ font-family: popsb; font-size: 33px; line-height: 50px;}
.newsshow .news_info{padding: 25px 0; border-bottom: 1px solid #e3e3e3; font-size:14px;}
.newsshow .news_info p span{ display: inline-block; line-height: 38px;border-radius: 8px; background: #f3f3f3; padding: 0 12px; margin-right: 18px; color:#e2a317;}
.newsshow .news_info p{ margin-right: auto;}
.newsshow .news_info p i{ display: inline-block; width: 4px; height: 4px; background: #909090; margin: 0 12px;}
.newsshow .news_info .share{ text-transform: uppercase;}
.newsshow .news_info .share span{ display: inline-block; margin-right: 5px;}
.show_content{ padding: 50px 0; overflow: hidden;}
.show_content img{ max-width: 100%!important;}

.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; border-radius: 25px; padding: 0 20px; text-transform: uppercase;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #e2a317; border-color: #e2a317; 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: #e2a317;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}
@media (max-width: 768px){
    .newsshow h1{font-size: 26px; line-height: 34px;}
    .show_content{padding: 35px 0;}
    .page_btn{display: block; padding-top:25px;}
    .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: 5px;}
}
@media (max-width: 450px){
    .newsshow .news_info .share{margin-top: 15px;}
    .page_btn .prev, .page_btn .next{font-size: 14px;}
    .newsshow h1{font-size: 20px; line-height: 26px;}
}
.lx_box{ width: 51%; background: #fff; padding:60px;}
.lx_msg{ width: 46%; background: #fff; padding:60px;}
.lx_box dl{ margin:60px 0 65px;}
.lx_box dl dt{margin-bottom: 33px;}
.lx_box dl dt i{ font-size: 26px; display:inline-block;}
.lx_box dl dt p{ width: calc(100% - 50px); margin-left: auto; font-size:18px;}
.lx_box dl dt p span{display: inline-block; margin-right: 40px;}
.lx_box dl dt p a:hover{ color:#e2a317;}
.lx_follow p{ font-size: 18px; text-transform: uppercase; margin-right:20px;}
.lx_follow p span{ color: #e2a317;}
.lx_msg b{ font-size: 36px; margin-bottom: 18px;}
.lx_msg form{margin-top: 25px;}
.lx_msg form input{ line-height: 60px; width: 49%; float: left; margin-right: 2%; border-radius:30px; margin-bottom:20px; border:1px solid #d9d9d9; font-size:14px; padding:0 28px;}
.lx_msg form input:nth-child(2n){margin-right:0;}
.lx_msg form textarea{ line-height: 60px; width: 100%; border-radius:30px; margin-bottom:20px; border:1px solid #d9d9d9; font-size:14px; padding:0 28px;}
.lx_msg form .exp{ width: 55%; margin-right: auto;}
.lx_msg form .sub{ width: 190px; text-align: center; transition: .3s ease; color: #fff; font-size: 18px; text-transform: uppercase; background:#10235e; cursor:pointer; border:none;}
.lx_msg form .sub:hover{background:#e2a317;}
.lx_map iframe{ width: 100%!important;}

@media (max-width: 1441px){
    .lx_box{padding: 40px;}
    .lx_msg{padding: 35px 40px;}
    .lx_box dl dt{margin-bottom: 25px;}
    .lx_box dl{margin: 58px 0;}
}
@media (max-width: 1281px){
    .lx_msg b{font-size: 30px; line-height: 40px;}
}
@media (max-width: 1024px){
    .lx_box{ width: 100%; float:none;}
    .lx_msg{ width: 100%; float: none; margin-top:30px;}
    .lx_map{ display: none;}
}
@media (max-width: 768px){
    .lx_box dl dt p{font-size: 16px;}
    .lx_box dl{margin: 35px 0;}
    .lx_msg form input,.lx_msg form textarea{ line-height: 54px;}
}
@media (max-width: 450px){
    .lx_box,.lx_msg{padding: 30px 20px;}
    .lx_box dl dt i{font-size: 22px;}
    .lx_msg b{ font-size: 22px; line-height: 30px;}
    .lx_msg form input{ width: 100%;}
    .lx_msg form .exp{ width: 100%; margin-bottom: 20px;}
    .lx_msg form input,.lx_msg form textarea{ line-height: 48px; border-radius:24px;}
}

.globle_table{ overflow-x: auto;}
.globle_table table{ width: 100%; line-height:24px; min-width:1200px;}
.globle_table table tr{border-bottom: 1px solid #e5e5e5; padding:15px 0;}
.globle_table table td{padding: 15px 10px; color:#666; font-size:15px;}
.globle_table table th{ padding: 15px 10px; font-family: popm; font-size:18px;}
.globle_table table tr:nth-child(n+2):hover{ background:rgba(16,35,94,.1);}
.hs_tab table td,.hs_tab table th{width:20%;}
.hs_tab table td:last-child,.hs_tab table th:last-child{width: 40%}
.globle_table img { width: 90px;}

.inco_list ul{ margin: 40px 0;}
.inco_list ul h2{ font-family: popb; font-size: 24px; color: #10235e; padding-left: 25px; position: relative; line-height:30px;}
.inco_list ul h2:after{ position:absolute; width: 5px; height: 5px; content: ''; background: #e2a317; left: 0; top: 13px;}
.inco_list ul li{margin-bottom: 40px;}
.inco_list ul b{ font-size: 18px; margin: 20px 0; font-weight:bold;}

@media (max-width: 450px){
    .globle_table table th{font-size: 16px; padding: 10px 5px;}
    .globle_table table td{font-size: 13px;}
    .globle_table img { width: 50px;}
}