@charset "utf-8";
/* CSS Document */
.search_box{ width: 100%; position: fixed; left: 0; top: 100px; background: #fff;z-index:3; padding:40px 0; display:none;z-index:88;}
.search_box form{ width: 100%; border: 2px solid #0e56a8;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form input.search_sub{ width: 150px; background: #0e56a8 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;}
.top_contact .top_search{ line-height: 100px; width: 100px; text-align: center;cursor: pointer; font-size: 24px; border-left: 1px solid rgba(0,0,0,.3); border-right: 1px solid rgba(0,0,0,.3);}
.top_contact .follow_list{ padding: 0 25px;}
.top_lang{ margin: 0 50px 0 30px;}
.top_contact .con_btn{ height: 100px; border-left: 1px solid rgba(0,0,0,.3); padding: 0 40px;}
.top_contact .con_btn a{ font-family: barm; }
.top_contact .con_btn a:hover{ color:#0e56a8;}
.top_contact .con_btn a i{ margin-right: 15px; font-size: 18px;}
.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: 14px; height: 14px; background: #bababa; opacity: 1; margin:0 10px!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0e56a8;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ border-color: #fff;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}
.top_h{ height: 105px;}
.sy-ban .txt1{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.sy-ban .txt1 b{font-size: 70px; font-family: barb; line-height: 90px; color: #fff; max-width: 50%;}
.sy-ban .txt1 .more{ margin-top: 80px; color: #fff;}
.sy-ban .txt1 .more i{ display: block;width: 48px; line-height: 48px; height: 48px; border: 1px solid #fff; border-radius: 50%; text-align: center; margin-right: 20px; transition: .2s ease; font-size: 22px;}
.sy-ban .txt1 .more:hover i{ background: #0e56a8; margin-right: 25px; border-color: #0e56a8;}
.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: 80px;}
.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;}

.amore{ padding: 1px; display: inline-block; position: relative;}
.amore span{display: flex; padding: 0 20px 0 45px; clip-path: polygon(19px 0, 100% 0, 100% 0, 100% calc(100% - 15px), calc(100% - 20px) 100%, 16px 100%, 0 calc(100% - 0px), 0 19px); background: #fff;line-height: 54px; position: relative; transition: .3s ease;}
.amore:before{content: '';position: absolute; top: 0;left: 0;width: 100%; height: 100%;clip-path: polygon(20px 0, 100% 0, 100% 0, 100% calc(100% - 16px), calc(100% - 20px) 100%, 16px 100%, 0 calc(100% - 0px), 0 20px);background: #3a3a3a;}
.amore i{ font-size: 20px; margin-left: 13px;}
.amore:hover span,.amore.on span{ background: #0e56a8; color: #fff;}
.amore:hover:before,.amore.on:before{ background: #0e56a8;}

.dtop{padding-top: 100px;}
.sy_product .left{ width: 38%; margin-right: auto; padding-top: 70px;}
.sy_product .right{ width: 60%;}
.sy_title b{ font-size: 60px; font-family: barb; display: inline-block; padding-right: 40px; line-height: 60px; position: relative; margin-bottom: 40px;}
.sy_title b:after{ position: absolute; width: 24px; height: 6px; background: #0e56a8; content: ''; right: 0; bottom: 0;}
.sy_title p{ font-size: 22px;}
.sy_product .left .amore{margin-top: 95px;}
.pro_list{height: 770px; overflow-y: auto;}
.clippath48{ clip-path: polygon(48px 0, 100% 0, 100% 0, 100% calc(100% - 48px), calc(100% - 48px) 100%, 48px 100%, 0 calc(100% - 0px), 0 48px);}
.clippath30{ clip-path: polygon(30px 0, 100% 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 30px 100%, 0 calc(100% - 0px), 0 30px);}
.pro_list ul li{ float: left; background: #fff; clip-path: polygon(48px 0, 100% 0, 100% 0, 100% calc(100% - 48px), calc(100% - 48px) 100%, 48px 100%, 0 calc(100% - 0px), 0 48px); padding: 60px 30px 120px;  width: 45%; margin-left: 5%; margin-bottom: 70px; position: relative;}
.pro_list ul li:nth-child(2n){ transform: translateY(50px);}
.pro_list ul li .imgfd{ padding-top: 67.6%;}
.pro_list ul li h2{ font-family: barb; font-size: 24px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 20px; text-align:center;}
.pro_list ul li .amore i{ margin-left: auto;}
.pro_list ul li .amore{ position: absolute; width: calc( 100% - 60px); left: 30px; bottom: 0; opacity: 0; transition: .3s ease;}
.pro_list ul li:hover .amore{ bottom: 40px; opacity: 1;}
.pro_list::-webkit-scrollbar {
  width: 0;
}

.pro_list::-webkit-scrollbar-track {
  background: #fff;
}

.pro_list::-webkit-scrollbar-thumb {
  background: #111;
  border-radius: 3px;
}

.item_top .sy_title{ margin-bottom: 0; margin-right: auto; max-width: 64%;}
.item_top{ margin-bottom: 70px;}
.sy_solution .link_list a{ display: block; color: #0e56a8; margin: 20px 0;}
.sy_solution .link_list a i{ display: inline-block;font-size: 14px; width: 22px; height: 22px; line-height: 22px; border: 1px solid #0e56a8; border-radius: 50%; margin-right: 10px; text-align: center; transition: .2s ease}
.sy_solution .link_list a:hover i{ background: #0e56a8; color: #fff;}
.solswiper{ overflow: hidden;}
.solswiper li{ background: #f9f9f9;}
.solswiper li .imgfd{ padding-top: 56%;}
.solswiper li .txt{ padding: 40px 40px 35px;}
.solswiper li .txt h2{ font-family: barm; font-size: 32px; line-height: 36px; height: 72px; overflow: hidden; margin-bottom: 60px;}
.smore i{ display: inline-block;font-size: 14px; width: 22px; height: 22px; line-height: 22px; border: 1px solid #5f5f5f; border-radius: 50%; margin-right: 10px; text-align: center; transition: .2s ease}
.solswiper li:hover .smore i{ background: #0e56a8; color: #fff; border-color: #0e56a8;}
.solswiper li:hover .smore{ color: #0e56a8;}
.solswiper .swiperbox{ justify-content: center; margin-top: 45px;}
.solswiper .swiperbtn{ position: unset; margin-top: 0; font-size: 28px; margin: 0 35px;}
.solswiper .swiperbtn:hover{ color: #0e56a8;}
.solswiper .swiper-pagination{ position: unset; width: auto;}

.sy_choose{color: #fff;}
.sy_choose .sy_title b{ color: #fff;}
.sy_choose .item_top .des{ width: 48%;}
.sy_choose dl dt:last-child{ margin-right: 0;}
.sy_choose dl dt{ width: 21%; margin-right: auto; padding: 1px; display: inline-block; position: relative; text-align: center;}
.sy_choose dl dt .box{display: block; padding: 40px 40px 25px; clip-path: polygon(29px 0, 100% 0, 100% 0, 100% calc(100% - 29px), calc(100% - 29px) 100%, 29px 100%, 0 calc(100% - 0px), 0 29px); background: rgba(0,0,0,.35);line-height: 54px; position: relative; transition: .3s ease;}
.sy_choose dl dt:before{content: '';position: absolute; top: 0;left: 0;width: 100%; height: 100%;clip-path: polygon(30px 0, 100% 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 30px 100%, 0 calc(100% - 0px), 0 30px);background: rgba(255,255,255,.3); transition: .3s ease;}
.sy_choose dl dt .ic{ margin-bottom: 30px;}
.sy_choose dl dt h3{ font-size: 24px; line-height: 30px; height: 60px; margin-bottom: 15px; color: #fff;}
.sy_choose dl dt p{ font-size: 18px; line-height: 24px; height: 168px;}
.sy_choose dl dt:hover .box,.sy_choose dl dt:hover:before{ background: #0e56a8;}
.sy_choose dl dt:nth-child(2n){ transform: translateY(40px);}

.sy_about .ab_pic{ width: 47%; position: relative; z-index: 2}
.sy_about .txt{ width: 47%; padding-top: 20px;}
.sy_about .txt h2{ font-family: barb; font-size: 34px; line-height: 40px; margin-bottom: 30px;}
.sy_about .txt .sy_number{margin-top: 70px;}
.sy_number dt{ width: 30%; margin-right: auto;}
.sy_number b{ color: #0e56a8; font-size: 70px; line-height: 65px; height: 65px; margin-bottom: 20px;}
.sy_number b sup{ font-size: 45px; line-height: 35px; margin-left: 10px;}
.sy_number p{height: 30px;}
.sy_coop{ background: url("../images/copbg_02.jpg") no-repeat center; background-size: cover; margin-top: -40px;}
.swiperall{position: relative;}
.coopswiper{ overflow: hidden;}
.coopswiper li{ border: 1px solid #dbdbdb;}
.coopswiper li .imgfd{padding-top: 57.3%;}
.swiperall .swiperbtn{ font-size: 40px; top: 50%}
.swiperall .swiper-button-prev{left: -50px;}
.swiperall .swiper-button-next{right: -50px;}
.swiperall .swiperbtn:hover{ color: #0e56a8;}

.sy_commit{ position: relative; height: 100vh;}
.sy_commit .item_top{ width: 100%; position: absolute; left: 0; top: 100px; z-index: 10;}
.sy_commit .skypic{ position: absolute; width: 100%; left: 0; top: 0;}
.sy_commit img{ width: 100%;}
.sy_commit .fcpic{ position: absolute; width: 100%; left: 0; bottom: 0; transition: 2s ease;}
.sy_commit .ag{ position: absolute; top: 45%; left: 50%; font-family: barb; transform: translate(-50%,-50%);font-size: 300px; color: #fff; opacity: .45;}

.left_news { width: 40%; position: relative; height:525px;}
.left_news a{ display: block; height: 100%;}
.left_news a .imgfdd,.left_news a .imgfdd img{ height: 100%;}
.left_news .txt{ position: absolute; width: 55%; left: 40px; bottom: 20px; color: #fff;}
.left_news .txt h2{ color: #fff; font-family: barb; font-size: 24px; line-height: 36px; margin-top: 15px;}
.left_news .smore{ position: absolute; right: 0; bottom: 0; background: #fff; line-height: 80px; padding: 0 50px; color: #0e56a8; transition: .3s ease;}
.left_news .smore i{ border-color: #0e56a8;}
.left_news .smore:hover{ background: #0e56a8; color: #fff;}
.left_news .smore:hover i{ border-color: #fff;}
.left_news:hover h2{ color:#0e56a8;}
.sy_news .right{ width: 52%;}
.sy_news .right li{padding: 42px 0; border-bottom: 1px solid #d7d7d7;}
.sy_news .right li .tit{ width: 45%; margin-right: auto;}
.sy_news .right li p{ width: 50%; height: 90px; overflow: hidden;}
.sy_news .right li h2{ font-size: 22px; font-family: barb; line-height: 30px; height: 60px; overflow: hidden; margin-top: 5px;}
.sy_news .right li:hover h2{ color: #0e56a8;}

.com_foot{ background: #0a0a0c url("../images/fbg_33.jpg") no-repeat right bottom; color: #fff;}
.com_foot a{ color: #fff;}
.f_center{ padding: 90px 0 80px; position: relative;}
.f_center .b_top{position: absolute; bottom: 30px; right: 0; font-size: 18px; transition: .3s ease; cursor: pointer;}
.f_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;}
.f_center .b_top:hover { color: #0e56a8;}
.f_center .b_top:hover i{ background: #0e56a8; border-color: #0e56a8; color: #fff;}
.f_center .f_left{ width: 35%;}
.f_center .f_nav{ width: 62%;}
.f_center .flogo img{ width: 110px;}
.f_center .flogo p{ font-size: 18px; line-height: 30px; width: calc(100% - 130px); margin-left: auto; padding-left: 25px; border-left: 1px solid rgba(199,199,199,.2); color: #dcdcdc;}
.f_left .f_cont .item .p span{margin-right: 25px;}
.f_left .f_cont .item{ margin-top: 35px;}
.f_left .f_cont .item .p{ padding-top: 10px; width: calc(100% - 65px);margin-left: auto;}
.f_left .f_cont .item i{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; color: #fff; font-size: 20px; line-height: 40px; text-align: center;}
.f_left .f_cont .item.fl{ width: 48%}
.f_center .f_left .follow{ margin-top: 90px;} 
.f_center .f_left .follow span{display:block; margin-right: 8px;}
.f_nav dt{ margin-left: auto;}
.f_nav dt b,.f_nav dt a{ display: block;}
.f_nav dt b{ color: #fff; font-size: 22px; font-family: barm; margin-bottom: 20px;}
.f_nav dt a{ font-size: 18px; font-family: barm; color: #c8c8c8; margin-bottom: 15px;}
.copy{ padding: 30px 0; border-top: 1px solid rgba(255,255,255,.2);}
.copy .power{ margin-left: auto;}

.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: #0e56a8 ;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: #0e56a8 ;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:#0e56a8;}
.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;}


@media (max-width: 1700px){
	.swiperall .swiper-button-next{ right: 10px;}
	.swiperall .swiper-button-prev{ left: 10px;}
}


@media (max-width: 1600px){
	.index_head{ padding-left: 2%;}
	.index_head .nav li{margin-left: 75px;}
	
}

@media (max-width: 1441px){
	.sy-ban .txt1 b{ font-size: 60px; line-height: 80px;}
	.top_contact .con_btn{ padding: 0 25px;}
	.index_head .nav li{ margin-left: 60px;}
	.index_head .logo img{ max-height: 55px;}
	.sy_title b{ font-size: 50px; line-height: 50px; margin-bottom:30px;}
	.sy_product .left .amore{ margin-top: 70px;}
	.sy_title p{ font-size: 20px;}
	.solswiper li .txt{padding: 30px 30px 25px;}
	.solswiper li .txt h2{ font-size: 28px;}
	.sy_choose dl dt .box{padding: 25px 20px;}
	.sy_about .txt .sy_number{ margin-top: 40px;}
	.sy_number b{ font-size: 60px; line-height: 55px; height: 55px;}
	.sy_coop{margin-top: 0;}
	.sy_choose dl dt .ic{margin-bottom: 20px;}
	.pro_list{height: 650px;}
	.sy_news .right li{padding: 35px 0;}
}

@media (max-width: 1281px){
	.index_head .nav li .tarA a{ line-height: 80px;}
	.top_contact .top_search{ line-height: 80px;width:80px;}
	.top_contact .con_btn{ height: 80px;}
	.index_head{ height: 80px;}
	.index_head .nav li{height: 80px; margin-left:45px;}
	.sy-ban .txt1 b{ font-size: 55px; line-height: 70px;}
	.sy-ban .txt1 .more{ margin-top: 60px;}
	.pro_list ul li{padding: 40px 20px 100px;}
	.solswiper li .txt h2{ font-size: 24px; line-height:32px; height:64px; margin-bottom:40px;}
	.sy_choose dl dt h3{ font-size: 22px;}
	.item_top{margin-bottom: 50px;}
}

@media (max-width: 1024px){
	.sy-ban{ margin-top: 54px;}
	.sy-ban .txt1 b{ font-size: 45px; line-height: 55px;}
	.sy-ban .txt1 .more{ margin-top: 35px;}
	.sy_title b{ font-size: 40px; line-height: 40px;}
	.sy_product .left{ padding-top: 0; width:100%;}
	.sy_product .center.c-flex{ display: block;}
	.sy_product .right{ display: block; width: 100%; margin-top: 30px;}
	.pro_list{height: auto;}
	.pro_list ul li{ width: 48%; margin-left: 4%; margin-bottom:50px;}
	.pro_list ul li:nth-child(2n+1){ margin-left:0;}
	.pro_list ul li:nth-child(2n){ transform:translateY(0);}
	.solswiper li .txt{ padding: 20px 20px 25px;}
	.sy_choose dl{ display: block;}
	.sy_choose dl dt{ width: 100%; margin-bottom: 20px;}
	.sy_choose dl dt:nth-child(2n){ transform:translateY(0);}
	.sy_choose dl dt h3{height: auto;}
	.sy_choose dl dt p{height: auto;}
	.swiperall .swiperbtn{ font-size: 28px;}
	.sy_commit{ height: 90vh;}
	.sy_commit .ag{ font-size: 220px; top:35%;}
	.left_news{ display: none;}
	.sy_news .right{ width: 100%; float:none;}
	.f_center{ display: none;}
	.right_online{ display:none;}
	.sy_about .ab_pic{ width: 100%; float: none;}
	.sy_about .txt{ width: 100%; float: none;}
}
@media (max-width: 768px){
	.sy-ban .txt1 b{ font-size: 30px; line-height: 40px;}
	.ban_control .center{padding: 20px 0;}
	.sy-ban .txt1 .more{ display: none;}
	.dtop{padding-top: 45px;}
	.sy_product .left .amore{margin-top: 40px;}
	.item_top{ display: block;}
	.item_top .sy_title{ max-width: 100%; margin-bottom:25px;}
	.sy_choose .item_top .des{ width: 100%;}

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

}
@media (max-width: 450px){
.ban_control .swiper-num{ display: none;}
.scr_down{ display: none;}
.sy-ban .txt1 b{ font-size: 24px; line-height: 32px; max-width: 80%;}
.ban_control .center{padding: 10px 0;}
.ban_control .swiperbtn{ font-size: 18px;}
.sy_title b{ font-size: 30px; line-height: 30px; margin-bottom:20px; padding-right:33px;}
.sy_title b:after{ width:20px; height: 4px;}
.amore span{padding: 0 12px 0 25px; line-height:46px; clip-path:polygon(11px 0, 100% 0, 100% 0, 100% calc(100% - 9px), calc(100% - 11px) 100%, 9px 100%, 0 calc(100% - 0px), 0 11px)}
.amore i{font-size: 16px;}
.amore:before{ clip-path:polygon(12px 0, 100% 0, 100% 0, 100% calc(100% - 10px), calc(100% - 12px) 100%, 10px 100%, 0 calc(100% - 0px), 0 12px)}
.pro_list ul li{ float: none; width: 100%; margin-bottom:25px; clip-path:polygon(20px 0, 100% 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 0px), 0 20px); padding:25px 15px 70px;}
.pro_list ul li .amore{ opacity: 1;bottom:30px;}
.pro_list ul li h2{ font-size: 22px;}
.clippath30{ clip-path:polygon(15px 0, 100% 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 0px), 0 15px) ;}
.solswiper li .txt{ padding:15px 10px 20px;}
.solswiper li .txt h2{ font-size: 20px; line-height: 28px; height: 56px; margin-bottom: 20px;}
.smore{font-size: 16px;}
.smore i{ font-size: 12px; line-height: 20px; width: 20px; height: 20px; margin-right: 5px;}
.solswiper .swiperbox{ margin-top: 25px;}
.swiper-pagination-bullet{ width: 10px; height: 10px; margin:0 5px!important;}
.solswiper .swiperbtn{ font-size: 24px; margin: 0 15px;}
.sy_choose dl dt .ic img{height: 58px;}
.sy_about .txt h2{ font-size: 26px; line-height: 32px;}
.sy_number dt{ width: 45%;}
.sy_number b{ font-size: 42px; line-height: 40px; height: 40px; margin-bottom:10px;}
.sy_number b sup{ font-size: 30px;line-height: 25px; height: 25px;}
.sy_commit{ display:none;}
.item_top{ margin-bottom: 25px;}
.sy_news .right li{padding: 25px 0;}
.sy_news .right li a{ display: block;}
.sy_news .right li .tit{ width: 100%; margin-bottom: 15px;}
.sy_news .right li p{ height: 48px; width: 100%;}
.copy{padding: 20px 0;}
.sy_product .left .amore{margin-top: 20px;}
}

.toph{ height: 100px;}
.ny_ban{ position: relative; text-align: center; overflow: hidden; color:#fff;}
.ny_ban .ban_txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.posi{font-size: 18px;}
.ny_ban .ban_txt a{ color: #fff;}
.ny_ban .ban_txt b{ color: #fff; font-size:80px;}

.ny_pro_list ul li{ float: left;  width: 32%; margin-right: 2%; margin-bottom: 55px;}
.proli{ position: relative; background: #fff;  padding: 60px 30px 120px;}
.ny_pro_list ul li:nth-child(3n){margin-right:0;}
.proli .imgfd{ padding-top: 67.6%;}
.proli h2{ font-family: barb; font-size: 24px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 20px; text-align:center;}
.proli .amore i{ margin-left: auto;}
.proli .amore{ position: absolute; width: calc( 100% - 60px); left: 30px; bottom: 0; opacity: 0; transition: .3s ease;}
.proli:hover .amore{ bottom: 40px; opacity: 1;}
.promain .tit{ font-family: barb;text-align: center; margin-bottom: 55px; font-size:54px; }
@media (max-width: 1441px){
    .ny_ban .ban_txt b{font-size: 70px;}
    
}
@media (max-width: 1281px){
.toph{height: 80px;}
}
@media (max-width: 1024px){
    .promain .tit{ font-size: 46px; margin-bottom: 40px;}
    .ny_ban .ban_txt b{font-size: 60px;}
    .toph{height: 54px;}
}
@media (max-width: 768px){
  .ny_pro_list ul li{ width: 49%; margin-right: 2%; 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;}
  .clippath48{ clip-path: polygon(20px 0, 100% 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 0px), 0 20px);}
  .ny_ban .ban_txt b{ font-size: 50px;}
  .promain .tit{ font-size: 36px; margin-bottom: 25px;}
}
@media (max-width: 450px){
    .proli{ padding: 25px 15px 80px;}
    .ny_pro_list ul li{width: 100%; float: none;}
    .proli .amore{ opacity: 1; bottom: 20px;}
    .posi{ font-size: 14px;}
    .ny_ban .ban_txt b{ font-size: 36px;}
    .ny_ban img{ width: 160%; margin-left: -30%;}
    .promain .tit{ font-size: 28px; margin-bottom:20px;}
    .proli h2{font-size: 20px; line-height: 28px; height: 28px;}
}
.show_posi{ padding: 38px 0; color:#888;}
.show_posi a{color: #888;}
.show_posi a:last-child{ color:#333;}

.show_top{padding: 60px 0 100px;}
.show_top .pic{ width: 43%; position:relative;}
.show_top .pic .swiperbtn{ top: 50%; font-size: 40px;}
.show_top .pic .swiper-button-prev{ left: -60px;}
.show_top .pic .swiper-button-next{ right: -60px;}
.show_top .txt{ width: 48%;}
.bigswiper{ overflow: hidden; border:1px solid #e6e6e6;}
.bigswiper .imgfd{ padding-top: 68%;}
.show_top .txt h1{ font-size: 50px; font-family: barb; line-height: 50px; margin-bottom:50px;  }
.show_top .txt .cirbtn{ line-height: 50px; height: 50px; border: 1px solid #333; display:inline-block; text-align:center; margin-left:15px; font-size:0; color:#333; transition:.2s ease;}
.show_top .txt .cirbtn i{ font-size: 22px; display: inline-block; line-height: 50px; width:50px; color:#3a3a3a;}
.show_top .txt .cirbtn span{ font-size:18px; line-height:50px; padding:0 10px 0 0; display:none;}
.show_top .txt .cirbtn:hover{ border-color:#3a3a3a; color:#3a3a3a;}
.show_top .txt .cirbtn:hover span{ display: inline-block;}
.show_top .share{margin-top: 55px;}
.show_top .share span{ margin-right: 10px;}
.show_top .txt .des{margin-bottom: 80px;}
.show_top .pic .swiper-pagination-bullet{ height: 3px; width: 20px; border-radius: 0; margin: 0 5px!important; transition:.2s ease;}
.show_top .pic .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 30px;}
.longpag .swiper-pagination-bullet{ height: 3px; width: 20px; border-radius: 0; margin: 0 5px!important; transition:.2s ease;}
.longpag .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 30px;}
.featswiper{ overflow: hidden;}
.featswiper li{text-align: center; padding: 30px 25px 25px; border:1px solid #e1e1e1; transition:.3s ease;}
.featswiper li p{ font-size: 22px; line-height: 30px; height: 60px; margin-top: 20px;}
.featswiper li img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%);}
.featswiper li:hover{ border-color:#0e56a8; color:#0e56a8;}
.featswiper li:hover img{ filter: none;}
.det_box{ overflow: hidden;}
.det_box img{ max-width: 100%!important;}

.pro_faq .item_top p{ width: 35%;}
.pro_faq .item_top p span,.pro_faq .item_top p span a{ color: #0e56a8;}

.faq_list ul li{ border-bottom:1px solid #ebebeb; padding:23px 35px 23px 45px;}
.faq_list ul li .tit{ cursor:pointer;}
.faq_list ul li .tit span{ font-size: 30px;}
.faq_list ul li .tit h2{font-size: 24px; line-height: 36px; width: 50%; margin: 0 50px 0 auto;}
.faq_list ul li .box{ padding: 30px 0; display:none;}
.faq_list ul li .tit i{ width: 24px; height: 24px; position: relative;}
.faq_list ul li .tit i:before,.faq_list ul li .tit i:after{position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background:#333; content:'';}
.faq_list ul li .tit i:before{ width:100%; height: 2px;}
.faq_list ul li .tit i:after{ width:2px; height: 100%;}
.faq_list ul li:not(.on) .tit:hover h2{color:#0e56a8;}
.faq_list ul li.on .tit{color: #0e56a8;}
.faq_list ul li.on .tit h2{ color: #0e56a8;}
.faq_list ul li.on .tit img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.faq_list ul li.on .tit i:before{ background:#0e56a8;}
.faq_list ul li.on .tit i:after{display:none;}
.btnbox{ text-align: center; margin-top: 40px;}
.faq_list .amore span{background: #f8f8f8;}
.faq_list .amore span:hover{ background:#0e56a8;}
.pro_app .app_list ul li p{height: 90px;}
.app_list ul li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 95px;}
.app_list ul li:nth-child(3n){ margin-right:0;}
.app_list ul li .imgfd{ padding-top: 62.5%; margin-bottom:45px;}
.app_list ul li h2{ font-family: barb; font-size: 24px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 25px;}
.app_list ul li p{ height: 60px; overflow: hidden; margin-bottom: 45px;}
.app_list ul li:hover .smore i{background:#0e56a8; color: #fff; border-color: #0e56a8;}
.app_list ul li:hover .smore{ color:#0e56a8;}
.app_list ul li:hover h2{ color:#0e56a8;}

.rel_pro .proli{ float: left; width: 24%; margin-right: 1.33%;}
.rel_pro .proli:nth-child(4){ margin-right:0;}
@media (max-width: 1600px){
    .show_top .pic .swiper-button-prev{left: 15px;}
    .show_top .pic .swiper-button-next{ right: 15px;}
}
@media (max-width: 1441px){
    .show_top .txt h1{ font-size: 44px; line-height: 46px;}
    .show_top .txt .des{margin-bottom: 50px;}
}
@media (max-width: 1281px){
    .featswiper li{ padding: 25px 20px 20px;}
    .featswiper li p{ font-size: 20px;}
    .featswiper li img{height: 78px;}
    .featswiper li p{margin-top: 15px;}
}
@media (max-width: 1024px){
    .show_posi{padding: 25px 0;}
    .show_top .txt h1{ font-size: 36px; line-height: 40px; margin-bottom:30px;}
    .show_top .txt .des{margin-bottom: 30px;}
    .show_top .share{ margin-top: 35px;}
    .rel_pro .proli{ width: 49%; margin-right: 2%; margin-bottom:30px;}
    .rel_pro .proli:nth-child(2n){ margin-right:0;}
}
@media (max-width: 768px){
    .show_top{padding: 25px 0 40px;}
    .show_top .pic{ width: 100%; float: none;}
    .show_top .txt{ width: 100%; margin-top: 25px; float: none;}
    .pro_faq .item_top p{width: 100%;}
    .faq_list ul li{padding: 18px 25px 18px 30px;}
    .faq_list ul li .tit h2{ font-size: 22px; width:70%;}
    .app_list ul li .imgfd{margin-bottom: 25px;}
    .app_list ul li p{height: 48px; margin-bottom:25px;}
    .app_list ul li h2{ font-size: 20px; margin-bottom:15px;}
    .app_list ul li{margin-bottom: 45px;}
}
@media (max-width: 450px){
    .show_top .pic .swiperbtn{ font-size: 28px;}
    .show_top .txt h1{ font-size: 30px; line-height: 40px;}
    .show_top .txt .cirbtn{display: none;}
    .featswiper li{padding: 15px 5px 20px;}
    .faq_list ul li{padding: 15px 20px 15px 10px;}
    .faq_list ul li .tit h2{ font-size: 20px; line-height: 28px; width:75%; margin-right:20px;}
    .app_list ul li{ width: 49%; margin-bottom:25px;}
    .app_list ul li:nth-child(3n){ margin-right:2%;}
    .app_list ul li:nth-child(2n){ margin-right:0;}
    .app_list ul li p{ display: none;}
    .app_list ul li h2{ line-height: 28px; height: 56px;}
    .app_list ul li .imgfd{margin-bottom: 15px;}
    .rel_pro .proli{ width: 100%; float: none;}
}
.aeg_what .imgfdd{ width: 45%; margin-right: auto;}
.aeg_what .txt{ width: 50%;}
.bb54{ font-family: barb; font-size: 54px; margin-bottom: 45px;}
.aeg_what .txt .box{ max-height: 270px; overflow-y: auto; padding-right: 20px;}
.aeg_what .txt .box::-webkit-scrollbar {
  width: 4px;
}

.aeg_what .txt .box::-webkit-scrollbar-track {
  background: #f4f4f4;
}

.aeg_what .txt .box::-webkit-scrollbar-thumb {
  background: #0e56a8;
}

.aeg_feat .bb54,.aeg_app .bb54{ text-align: center;}
.aegswiper{overflow: hidden; position:relative; padding-bottom:50px;} 
.aegswiper li{ padding: 40px 60px 65px; text-align: center; border:1px solid #cacaca; position:relative; transition:.3s ease;}
.aegswiper li h2{font-size: 24px; font-family: barb; line-height: 30px; height: 30px; overflow: hidden;}
.aegswiper li .tit{ padding-bottom: 25px; position: relative;margin-bottom: 30px;}
.aegswiper li .tit:after{ width:60px; height: 3px; content: ''; background: #0e56a8; position:absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.aegswiper li p{height: 150px;}
.aegswiper li span{position: absolute; font-size: 60px; line-height: 60px; font-family: barb; color: rgba(58,58,58,.1); right:45px; bottom:50px;}
.aegswiper li:hover{ background:#0e56a8; color: #fff;}
.aegswiper li:hover h2{ color:#fff;}
.aegswiper li:hover .tit:after{ background:#fff;}
.aegswiper li:hover span{color:rgba(255,255,255,.3);}
.appswiper{ overflow: hidden; position: relative; }
@media (max-width: 1281px){
    .bb54{ font-size: 48px; margin-bottom:35px;}
    .aegswiper li{ padding: 30px 30px 35px;}
    
}
@media (max-width: 1024px){
    .bb54{ font-size: 44px; margin-bottom:30px;}
    .aegswiper li .tit{padding-bottom: 20px; margin-bottom: 20px;}
    .aegswiper li p{ line-height: 24px; height: 168px;}
}
@media (max-width: 450px){
    .aeg_what{ display: block;}
    .aeg_what .imgfdd{ width: 100%; margin-bottom: 25px;}
    .aeg_what .txt{ width: 100%; }
    .bb54{ font-size: 32px; margin-bottom: 20px;}
    .aegswiper li{padding: 20px 10px 25px;}
    .aegswiper li h2{ font-size: 20px;}
    .aegswiper li .tit:after{ width:40px;}
    .longpag .swiper-pagination-bullet{ width: 15px;}
    .longpag .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 20px;}
    .copy p{ font-size: 15px;}
    
}
.scollist ul li{ float:left; width: 48%; margin-right: 4%; margin-bottom: 54px; background: #fff; position:relative; padding:1px;}
.scollist ul li:nth-child(2n){ margin-right:0;}
.scollist ul li a{display: block;clip-path:polygon(43px 0, 100% 0, 100% 0, 100% calc(100% - 43px), calc(100% - 43px) 100%, 43px 100%, 0 calc(100% - 0px), 0 43px); background:#fff; position:relative; z-index:2;}
.scollist ul li:before{content:''; position:absolute; left:0; top:0; width:100%; height: 100%;clip-path: polygon(44px 0, 100% 0, 100% 0, 100% calc(100% - 44px), calc(100% - 44px) 100%, 44px 100%, 0 calc(100% - 0px), 0 44px);background: #d3d3d3;}
.scollist ul li .imgfd{ padding-top: 49.5%;}
.sol_col .bb54{ text-align: center;}
.scollist ul li .txt{ padding: 40px 45px 35px;}
.scollist ul li h2{ font-family: barb; font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 20px;}
.scollist ul li p{ line-height: 27px; height: 54px; overflow: hidden; margin-bottom: 40px;}
.scollist ul li:hover h2{ color:#0e56a8;}
.scollist ul li:hover .smore i{background:#0e56a8; color: #fff; border-color: #0e56a8;}
.scollist ul li:hover .smore{ color:#0e56a8;}
@media (max-width: 1024px){
    .scollist ul li .txt{padding: 30px 25px 35px;}
}
@media (max-width: 768px){
    .scollist ul li:before{clip-path:polygon(20px 0, 100% 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 0px), 0 20px)}
    .scollist ul li a{clip-path:polygon(19px 0, 100% 0, 100% 0, 100% calc(100% - 19px), calc(100% - 19px) 100%, 19px 100%, 0 calc(100% - 0px), 0 19px)}
}
@media (max-width: 450px){
    .scollist ul li{ float: none; width: 100%; margin-bottom: 30px;}
    .scollist ul li h2{ font-size: 22px; margin-bottom:10px;}
    .scollist ul li p{margin-bottom: 25px;}
}
.sol_page .bb54{ text-align: center;}
.case_top{ margin-top: 40px;}
.case_top .imgfdd{ width: 50%; margin-right: auto;}
.case_top .txt{ width: 45%;}
.case_top .txt h1{ font-size: 48px; font-family: barb; margin-bottom: 35px;}
.case_top .txt .box{ max-height: 150px; overflow-y: auto; padding-right: 20px; margin-bottom:60px;}
.case_top .txt .box::-webkit-scrollbar {
  width: 4px;
}

.case_top .txt .box::-webkit-scrollbar-track {
  background: #f4f4f4;
}

.case_top .txt .box::-webkit-scrollbar-thumb {
  background: #0e56a8;
}

.caseswiper{ width: 68%;}
.swipercenter{ overflow: hidden; position: relative; padding-bottom: 40px;}
.caseswiper li{ border: 1px solid #e2e2e2;}
.caseswiper li .pic{ width: 40%;}
.caseswiper li .imgfd{padding-top: 68%;}
.caseswiper li .txt{ width: 60%; padding: 0 65px;}
.caseswiper li .txt  h3{ font-size: 30px; font-family: barb;margin-bottom: 25px;}
.rel_pro .bb54{ text-align: center;}
@media (max-width: 1281px){
    .case_top .txt h1{ font-size: 42px;}
    .case_top .txt .box{ margin-bottom: 40px;}
    .caseswiper li .txt h3{margin-bottom: 15px;}
}
@media (max-width: 1024px){
    .caseswiper li .txt{padding: 0 35px;}
    .case_top .txt h1{font-size: 36px;}
}
@media (max-width: 768px){
    .case_top{ display: block;}
    .case_top .imgfdd{ width: 100%; margin-bottom: 25px;}
    .case_top .txt{width: 100%;}
    .caseswiper{width: 100%;}
}
@media (max-width: 450px){
    .show_posi{padding: 15px 0;}
    .case_top{ margin-top: 25px;}
    .case_top .txt h1{ font-size: 28px; margin-bottom: 25px;}
    .caseswiper li{ display: block;}
    .caseswiper li .pic{ width: 100%; margin-bottom: 15px;}
    .caseswiper li .txt{ width: 100%; padding: 0 15px 20px;}
    .caseswiper li .txt h3{ font-size: 24px;}
    .posi p{ font-size: 15px;}
}
.ag_plat .bb54{ text-align: center;}
.ag_plat .box{ text-align: center; width: 90%; margin: 0 auto 60px;}
.ag_plat ul{ height: 480px;}
.ag_plat ul li{ width: 20%; margin-right: 30px; height:100%; position:relative; transition:.3s ease;}
.ag_plat ul li img{ width: 100%; height: 100%; object-fit: cover;}
.ag_plat ul li .txt{ position: absolute; left: 35px; bottom: 30px;color:#fff; width: calc(100% - 80px);}
.ag_plat ul li p{ display: none;}
.ag_plat ul li.active .txt{ left: 50px; width: calc(100% - 110px);}
.ag_plat ul li.active p{ display: block; margin-top: 12px; font-size:22px;}
.ag_plat ul li .txt h3{ font-size: 28px; font-family: barm; color:#fff;}
.ag_plat ul li.active{ width: calc(40% - 90px);}
.ag_plat ul li:nth-child(4){ margin-right:0;}

.ag_adv .bb54{ text-align: center;}
.ag_adv dl dt{ width: 32%; margin-right: auto; background: #fff; padding:50px 45px 40px; text-align:center; transition:.3s ease;}
.ag_adv dl dt:nth-child(3){margin-right:0;}
.ag_adv dl dt .ic{margin-bottom: 20px;}
.ag_adv dl dt h4{ font-size: 24px; font-family: barm; line-height: 30px; overflow: hidden; margin-bottom: 16px; transition:.3s ease;}
.ag_adv dl dt p{ height: 90px;}
.ag_adv dl dt:hover{background:#0e56a8; color:#fff;}
.ag_adv dl dt:hover h4{ color:#fff;}
.ag_adv dl dt:hover .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}

.ag_app .bb54{ text-align: center;}
.ag_app .tab-hd1{ justify-content: center; margin-bottom:45px;}
.ag_app .tab-hd1 li{ line-height: 56px; min-width: 230px; padding:0 25px; text-align: center; border: 1px solid #d4d4d4; margin:0 17px; font-size:22px; transition:.3s ease;}
.ag_app .tab-hd1 li.active{ background: #0e56a8; color: #fff; border-color: #0e56a8;}
.ag_app .tab-bd1 .pic{ width: 50%;}
.ag_app .tab-bd1 .imgfd{ padding-top: 62.5%;}
.ag_app .tab-bd1 .txt{ width: 50%; padding: 0 80px;}
.ag_app .tab-bd1 .txt b{ font-family: barm; font-size: 40px; padding-bottom: 25px; border-bottom: 1px solid #e7e7e7; margin-bottom: 25px;}
.ag_app .tab-bd1 .txt span{ display: block; margin-bottom: 35px;}
.ag_app .tab-bd1 .txt .box p{ padding-left: 38px; background: url(../images/gou_03.png) no-repeat left center; margin-bottom:14px;}
@media (max-width: 1281px){
    .ag_plat ul li .txt h3{ font-size: 24px;}
    .ag_plat ul li.active p{ font-size: 20px;}
    .ag_plat ul li.active .txt{ left: 40px; width: calc(100% - 90px);}
    .ag_plat ul{height: 440px;}
    .ag_app .tab-hd1 li{ font-size: 20px; padding:0 20px;min-width:190px;}
    .ag_app .tab-bd1 .txt b{ font-size: 36px;}
}
@media (max-width: 1024px){
    .ag_adv dl dt{ padding: 35px 30px 40px;}
    .ag_adv dl dt .ic img{height: 80px;}
    .ag_app .tab-bd1 .txt{padding: 0 50px;}
    .ag_app .tab-bd1 .txt span{margin-bottom: 25px;}
}
@media (max-width: 768px){
    .ag_plat .box{margin-bottom: 30px;}
    .ag_plat ul li,.ag_plat ul li.active{ width: 100%; height:280px; margin-bottom:25px; margin-right:0;}
    .ag_plat ul{ height: auto;}
    .ag_plat ul li p{ display: block;}
    .ag_adv dl{ display: block;}
    .ag_adv dl dt{ display: flex; width:100%; margin-bottom:20px; align-items:flex-start; flex-wrap:wrap;}
    .ag_adv dl dt .txt{ text-align: left; width: calc(100% - 100px); margin-left: auto;}
    .ag_adv dl dt p{ height: auto;}
    .ag_app .tab-hd1 li{line-height: 50px; margin-bottom: 15px;}
    .ag_app .tab-hd1{margin-bottom: 30px;}
    .ag_app .tab-hd1 li .c-flex{ display: block;}
    .ag_app .tab-bd1 .pic{ width: 100%; margin-bottom: 20px;}
    .ag_app .tab-bd1 .txt{padding: 0 20px; width:100%;}
}
@media (max-width: 450px){
    .ag_plat ul li.active p{ font-size: 18px;}
    .ag_plat ul li .txt h3{ font-size: 22px;}
    .ag_adv dl dt{padding: 20px 15px;}
    .ag_adv dl dt h4{ font-size: 20px; margin-bottom:5px;}
    .ag_app .tab-hd1 li{ font-size: 18px; line-height: 44px; padding: 0;min-width:auto; width:47%; margin:0 auto 15px;}
    .ag_app .tab-bd1 .txt{ padding: 0 10px;}
    .ag_app .tab-bd1 .txt b{font-size: 26px; padding-bottom: 20px; margin-bottom: 20px;}
}
.main_left{ width: 26%;}
.main_right{ width: 70%;}
.left_nav{ margin-top: 20px; border-top: 1px solid #e5e5e5;}
.left_nav a{ line-height: 30px; font-size:24px; cursor:pointer;}
.left_nav li p{ font-size: 24px; max-width:calc(100% - 30px);}
.left_nav .icon-right-l{ font-size: 20px; color: #0e56a8; display: block; width: 0; font-weight:bold; overflow:hidden; transition:.2s ease;}
.left_nav li{ border-bottom: 1px solid #e5e5e5; padding:24px 0;}
.left_nav li.on,.left_nav li:hover{ color: #0e56a8;}
.left_nav li.on i,.left_nav li:hover i{ width: auto; margin-right: 10px;}
.left_nav li.on a,.left_nav li:hover a{ color: #0e56a8;}

.down_list ul li{ float: left; width: 48.5%; margin-right: 3%; margin-bottom: 35px; border:1px solid #dedede; padding:35px; transition:.2s ease;}
.down_list ul li:nth-child(2n){ margin-right:0;}
.down_list ul li h2{ font-size: 28px; font-family: barb;line-height: 36px; height: 72px; margin: 25px 0 10px; height:108px; overflow:hidden;}
.down_list ul li i{ display: inline-block; transform: rotate(180deg); font-size:30px; color:#0e56a8;}
.down_list ul li:hover{background:#0e56a8; color:#fff;}
.down_list ul li:hover h2,.down_list ul li:hover a{ color:#fff;}
.down_list ul li:hover i{ color:#fff;}

@media (max-width: 1024px){
    .down_list ul li{padding: 25px;}
}
@media (max-width: 768px){
    .main_left{ display: none;}
    .main_right{ width: 100%; float: none;}
}
@media (max-width: 450px){
    .down_list ul li{ width: 100%; float: none; padding:20px; margin-bottom:25px;}
    .down_list ul li p{font-size: 16px;}
    .down_list ul li h2{ font-size: 20px; line-height: 30px; height: auto; margin: 10px 0 20px;}
}

.video_list li{float: left; width: 49%; margin-bottom: 60px; margin-right: 2%;}
.video_list li:nth-child(2n){margin-right:0;}
.video_list li iframe{ height: 400px;}
@media (max-width: 450px){
    .video_list ul li{ width: 100%; float: none; padding:20px; margin-bottom:25px;}
    .video_list li iframe{ height: 260px;}
}
.ab_who .imgfdd{ width: 45%; margin-right:auto;}
.ab_who .txt{ width: 50%;}
.ab_who .txt .sy_title b{ margin-bottom: 20px;}
.ab_who .txt .sy_title{ margin-bottom: 45px;}
.ab_number{ margin-top: 60px;}
.ab_number dt{ width: 23%; position:relative;}
.ab_number dt:nth-child(n+2){ padding-left:120px;}
.ab_number dt:after{ position:absolute; right: 0; top: 50%; transform: translateY(-50%); background: #e4e4e4; width: 1px; height: 108px; content: '';}
.ab_number dt:last-child:after{display:none;}

.ab_part .ab_title{ text-align: center; margin: 0 auto 50px;}
.ab_part .ab_title b{ font-size: 60px; font-family: barb; margin-bottom:30px;}

.ab_part .tab-hd{ height: 510px;}
.ab_part .tab-hd li{ width: 20%; margin-right: 30px; height:100%; position:relative; transition:.3s ease;}
.ab_part .tab-hd li img{ width: 100%; height: 100%; object-fit: cover;}
.ab_part .tab-hd li .txt{ position: absolute; left: 35px; bottom: 30px;color:#fff; width: calc(100% - 80px);}
.ab_part .tab-hd li p{ display: none;}
.ab_part .tab-hd li.active .txt{ left: 50px; width: calc(100% - 120px);}
.ab_part .tab-hd li.active p{ display: block; margin-top: 12px; line-height:27px; font-size:18px;}
.ab_part .tab-hd li .txt h3{ font-size: 28px; font-family: barm; color:#fff;}
.ab_part .tab-hd li.active{ width: calc(40% - 90px);}
.ab_part .tab-hd li:nth-child(4){ margin-right:0;}
.ab_part .sy_coop{ background: none; margin-top:45px;}

.ab_honor{ position: relative;}
.ab_honor .item_top{ position: relative; z-index: 5;}
.ab_honor .item_top .sy_title{ width: 55%;}
.ab_honor .item_top .sy_title p{ font-size: 20px;}
.ab_honor .item_top dl{ width: 45%;}
.ab_honor .item_top dt{text-align: center; margin-left: auto;}
.certswiper{ width:1100px; margin:0 auto; overflow: hidden; position: relative; padding-bottom:60px; margin-top:60px;z-index:3;}
.certswiper li{border: 6px solid #0e56a8;}
.certswiper .item{ width: 270px;transform-origin: center bottom; transition:1s ease;}
.certswiper .item .imggd{ padding-top: 137.3%;}
.certswiper .swiper-wrapper{align-items:flex-end; transform-style: preserve-3d;}
.ab_honor .swiperbtn{ font-size: 40px; top: 80%;}
.ab_honor .swiper-button-prev{ left: 4%;}
.ab_honor .swiper-button-next{ right: 4%;}
.ab_honor .cirbg{ position: absolute; z-index: 2; top: 180px; left: 50%; margin-left:-300px; width:600px; animation: xuanzhuan 20s linear infinite; -webkit-animation: xuanzhuan 20s linear infinite; transform:rotate(0deg);}
.ab_honor .cirbg img{ width: 100%;}
@-webkit-keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
@keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
.ab_global{ position: relative; z-index: 4; background:#fff;}
.ab_global .sy_title{ margin-bottom: 85px;}
.ab_global .sy_title p{ font-size: 20px;}
.ab_global .txt{ width: 32%; padding-top:60px;}
.ab_global .map{ width: 64%; position:relative;}
.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:#0e56a8; 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{ position:absolute; top:15px;  line-height:16px; transform:translateX(-50%); opacity:0; transition:.2s ease;}
.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(14, 86, 168, 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(14, 86, 168, 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:42%; top: 34%;}
.ab_global .map li:nth-child(3){right:29%; top: 30%;}
.ab_global .map li:nth-child(4){left:13%; top: 19%;}
.ab_global .map li:nth-child(5){left:13%; top: 21%;}
.ab_global .map li:nth-child(6){left:11%; top: 21%;}
.ab_global .map li:nth-child(7){left:8%; top: 24%;}
.ab_global .map li:nth-child(8){left:30%; top: 52%;}
.ab_global .map li:nth-child(9){left:39%; top: 33%;}
.ab_global .map li:nth-child(10){left:16%; top: 42%;}
.ab_global .map li:nth-child(11){left:19%; top: 41%;}
.ab_global .map li:nth-child(12){left:23%; top: 24%;}
.ab_global .map li:nth-child(13){left:32%; top: 15%;}
.ab_global .map li:hover{ z-index:4;}
.ab_global .map li:hover p{ opacity:1;}
.ab_factory b{ font-size: 60px; font-family: barb; text-align: center; margin-bottom: 35px;}
.facswiper{ overflow: hidden; position:relative; padding-bottom:40px; text-align:center;}
.facswiper .imgfd{ padding-top: 62.7%; margin-bottom: 20px;}
.facswiper p{ font-size: 18px; height: 30px;}

.ab_history b{ text-align: center; font-family: barb; font-size: 60px; margin-bottom: 45px;}

.casebox .tab-bd1{ width: 50%; overflow:hidden;}
.casebox .tab-hd1{ width: 50%; padding:0 70px 0 60px;}
.casebox .tab-hd1 li{ padding:15px 0;}
.casebox .tab-hd1 .txt{ padding-bottom:20px;border-bottom: 1px solid #e2e2e2;}
.casebox .tab-hd1 .txt .tit i{ width: 30px; height: 30px; display: block; position: relative; margin-left:auto;}
.casebox .tab-hd1 .txt .tit i:after,.casebox .tab-hd1 .txt .tit i:before{ position:absolute; background: #333; left: 50%; top: 50%; transform: translate(-50%,-50%); content: '';}
.casebox .tab-hd1 .txt .tit i:after{ width:100%; height: 2px;}
.casebox .tab-hd1 .txt .tit i:before{height:100%; width: 2px;}
.casebox .tab-hd1 .txt h2{ color: #333; font-family:barm; font-size:48px; width:calc(100% - 35px);}
.casebox .tab-hd1 .txt .des{ display: none; margin-top:15px; padding-bottom:15px;}
.casebox .tab-hd1 .txt .des i{ display: block; font-size: 20px; font-weight: bold; color: #0e56a8; transform:rotate(45deg); display:none;}
.casebox .tab-hd1 .txt p{ width:100%;}
.casebox .tab-hd1 .active i{opacity: 1;}
.casebox .tab-hd1 .active .txt h2{ color: #0e56a8;}
.casebox .tab-hd1 .active .txt .des{ display: flex;}
.casebox .tab-hd1 .active .txt{ }
.casebox .tab-hd1 .active .txt .tit i:before{ display:none;}
.casebox .tab-hd1 .active .txt .tit i:after{ background:#0e56a8;}

@media (max-width: 1441px){
    .ab_number dt:nth-child(n+2){ padding-left:40px;}
}
@media (max-width: 1281px){
    .ab_honor .item_top dt img{ height: 70px;}
    .casebox .tab-hd1 .txt h2{ font-size: 38px;}
}
@media (max-width: 1024px){
    .ab_who .txt .sy_title{margin-bottom: 30px;}
    .ab_number{margin-top: 40px;}
    .ab_part .tab-hd li .txt h3{font-size: 24px;}
    .certswiper{ width: 800px;}
    .certswiper .item{width: 210px;}
    .ab_global .sy_title{margin-bottom: 40px;}
    .ab_factory b,.ab_history b,.ab_part .ab_title b{ font-size: 40px;}
}
@media (max-width: 768px){
    .ab_who { display: block;}
    .ab_who .imgfdd{ width: 100%;}
    .ab_who .txt{ width: 100%; margin-top: 20px;}
    .ab_number dt,.ab_number dt:nth-child(n+2){ width: 46%; margin-bottom:15px; padding-left:30px;}
    .ab_number dt:nth-child(2):after{ display:none;}
    .ab_part .tab-hd{height: auto;}
    .ab_part .tab-hd li{height: 280px; margin-bottom: 20px; width:100%; margin-right:0;}
    .ab_part .tab-hd li.active{ width: 100%;}
    .ab_part .tab-hd li p{ display: block;}
    .ab_honor .item_top .sy_title{ width: 100%; margin-bottom: 25px;}
    .ab_honor .item_top dl{ width: 100%;}
    .ab_honor .item_top dt img{height: 50px;}
    .ab_honor .item_top dt{ margin: 0 auto;}
    .certswiper{ width: 600px;}
    .ab_honor .cirbg{ width:400px;margin-left:-200px;} 
    .certswiper .item{ width: 160px;}
    .ab_global .txt{ width: 100%; float: none;}
    .ab_global .map{ width: 100%; float: none;}
    .casebox { display: block;}
    .casebox .tab-bd1{ width: 100%; margin-bottom: 25px;}
    .casebox .tab-hd1{ width: 100%; padding: 0 20px;}

}
@media (max-width: 450px){
    .sy_number p{height: 50px;}
    .ab_number dt, .ab_number dt:nth-child(n+2){padding-left:10px;}
    .ab_part .tab-hd li.active .txt{ left: 25px; width: calc(100% - 55px);}
    .ab_part .sy_coop{margin-top: 25px;}
    .certswiper{width: 380px; margin-top:35px;}
    .certswiper .item{ width: 105px;}
    .ab_honor .cirbg{ width: 280px; margin: -140px; top:auto; bottom:120px;}
    .ab_global .txt{ padding-top: 0;}
    .ab_global .map li i{width: 6px; height: 6px;}
    .ab_factory b, .ab_history b, .ab_part .ab_title b{ font-size: 30px; margin-bottom: 20px;}
    .casebox .tab-hd1 .txt h2{ font-size: 30px;}
    .casebox .tab-hd1 .txt .tit i{width: 20px; height: 20px;}
}
.news_main .item_top{ border-bottom: 1px solid #e8e8e8; align-items:flex-end;}
.news_main .news_nav a{ display: block; margin-left: 110px; position: relative; line-height: 80px; font-family:barm; font-size:24px;}
.news_main .news_nav a:after{ position:absolute; content: ''; width: 0; height: 2px; background: #0e56a8; transition: .3s ease; left:0; bottom:0;}
.news_main .news_nav a:hover,.news_main .news_nav a.act{ color:#0e56a8;}
.news_main .news_nav a:hover:after,.news_main .news_nav a.act:after{ width:100%;}
.ny_news_list .date{ display: block; font-size:24px; width:200px;}
.ny_news_list .txt{ width: calc(90% - 670px); margin: 0 auto;}
.ny_news_list .pic{ width: 430px; overflow:hidden;clip-path: polygon(26px 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 16px 100%, 0 100%, 0 26px);}
.ny_news_list .pic .imgfd{ padding-top: 66%;}
.ny_news_list li{padding-bottom:60px; border-bottom: 1px solid #e8e8e8; margin-bottom:80px;}
.ny_news_list .txt h2{ font-family: barb; font-size: 32px; line-height: 45px; height: 90px; overflow: hidden; margin-bottom: 15px;}
.ny_news_list .txt p{ height: 90px; overflow: hidden; margin-bottom: 20px;}
.ny_news_list li:hover h2,.ny_news_list li:hover .smore{ color:#0e56a8;}
.ny_news_list li:hover .smore i{ border-color:#0e56a8; }
@media (max-width: 1024px){
    .ny_news_list .pic{ width: 240px;}
    .ny_news_list .txt{ width: calc(100% - 470px);}
    .news_main .news_nav a{font-size: 22px; margin-left: 80px;}
    .ny_news_list .txt h2{ font-size: 26px; line-height: 35px; height: 70px;}
    .ny_news_list .txt p{height: 60px;}
    .ny_news_list li{padding-bottom: 40px; margin-bottom: 50px;}
}
@media (max-width: 768px){
    .news_main .news_nav a{margin: 0 auto;}
    .ny_news_list li a{ display: block;}
    .ny_news_list .date{ width: 100%;}
    .ny_news_list .txt{width: 100%; margin: 20px 0;}
    .ny_news_list .txt p{height: 48px;}
    .ny_news_list .pic{ width: 100%;}
    .ny_news_list .date{ font-size: 20px;}
}
@media (max-width: 450px){
    .ny_news_list .txt h2{ font-size: 22px; line-height: 30px; height: 60px;}
    .ny_news_list .txt p{ display: none;}
    .ny_news_list li{padding-bottom: 25px; margin-bottom: 30px;}
    .news_nav { display: block;}
    .news_main .news_nav a{ text-align: center; line-height: 50px; margin-top: 15px;}
    .news_main .item_top .sy_title{ display: none;}
}
.news_det .news_info .colname{line-height:38px; background:#ebf0f5; padding:0 15px; font-size:18px; color:#0e56a8; display:inline-block; border-radius:4px;}
.news_det .news_info .date{margin: 25px 0 40px;}
.news_det .news_info .date i{ font-size: 18px; margin-right: 3px;}
.news_det .news_info .follow p{ font-size: 18px; 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: barb; line-height: 56px; padding-bottom: 55px; border-bottom: 1px solid #d8d8d8;}
.det_show{ padding: 50px 0; overflow: hidden;}
.det_show 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; font-size:20px;}
.page_btn .back{ display: inline-block; margin: 0 auto; line-height: 50px; border-radius:8px; 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: #0e56a8; border-color: #0e56a8; 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: #0e56a8;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}

.rel_news .bb54{ text-align: center;}
.newsswiper{ overflow: hidden; padding-bottom:50px; position:relative}
.newsswiper .imgfd{ padding-top: 65%; margin-bottom:35px;}
.newsswiper li{clip-path: polygon(26px 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 16px 100%, 0 100%, 0 26px); overflow:hidden;}
.newsswiper h2{ font-family: barb; font-size: 28px; line-height: 40px; height: 120px; overflow:hidden; margin-top:20px;}
.newsswiper li:hover h2{ color:#0e56a8;}
@media (max-width: 1281px){
    .news_det .right h1{ font-size: 32px; line-height:50px; padding-bottom:35px;}
    .det_show{ padding: 30px 0;}
    .newsswiper h2{ font-size: 24px; line-height: 35px; height: 105px;}
    .newsswiper .imgfd{ margin-bottom: 20px;}
    .newsswiper h2{margin-top: 10px;}
    
}
@media (max-width: 1024px){
    .news_det .right h1{ font-size: 26px; line-height: 32px;}
    .rel_news { display: none;}
    .news_det{ padding-bottom: 50px;}
}
@media (max-width: 768px){
    .news_det{ display: block;}
    .news_det .news_info{ display: flex; align-items: center; flex-wrap: wrap;}
    .news_det .news_info .date{ margin: 0 auto;}
    .news_det .news_info .follow{ display: flex; align-items: center; flex-wrap: wrap;}
    .news_det .news_info .follow p{ margin-bottom:0; margin-right:5px;}
    .news_det .right{ width: 100%; margin-top: 30px;}
    
}
@media (max-width: 450px){
    .news_det .news_info .colname{ display: none;}
    .news_det .news_info .date{margin-left: 0;}
    .news_det .right h1{ font-size: 22px; line-height: 30px; padding-bottom:25px;}
    .page_btn{ display: block;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .back{display: none;}
    .page_btn .next{ text-align: left; margin-top: 20px;}
}
.lx_get .bb54{ text-align: center;}
.lx_get dl dt{ width: 24%; margin-right: auto; padding:35px 30px 60px; text-align:center; border:1px solid #e5e5e5; transition:.3s ease;}
.lx_get dl dt:nth-child(4){ margin-right:0;}
.lx_get dl dt .txt h4{margin-top: 20px; font-family: barb; font-size: 22px; line-height: 30px; overflow: hidden; height: 30px; margin-bottom: 20px;}
.lx_get dl dt p{ line-height: 27px; height: 108px;}
.lx_get dl dt:hover{ background:#0e56a8; color:#fff;}
.lx_get dl dt:hover .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.lx_get dl dt:hover h4{ color:#fff;}


.lx_top .left{ width: 40%;}
.lx_top b{ font-family: barb; font-size: 50px; margin-bottom: 20px;}
.lx_top .left dt{margin-bottom: 30px;}
.lx_top .left dt i{ display: block; line-height: 66px; height: 66px; width: 66px; text-align: center; border-radius: 50%; border: 1px solid #eaeaea; margin-right:12px; font-size:28px;}
.lx_top .left .txt{ max-width: calc(100% - 65px);}
.lx_top .left h4{ font-size: 20px; font-family: barm; margin-bottom:10px;}
.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 #dedede; padding-left: 15px; margin-bottom:30px; width:100%; font-size:18px; font-family:bar;}
.lx_msg input.fl{ width: 48%; margin-right: 4%;}
.lx_msg input.fl:nth-child(2n){ margin-right:0;}
.lx_msg .sub{ width: 180px; line-height: 50px; text-align: center; display: block; background: #0e56a8; color: #fff; margin-left:auto; font-family:bar; cursor:pointer; transition:.3s ease;clip-path: polygon(15px 0, 100% 0, 100% 0, 100% calc(100% - 16px), 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px); overflow:hidden;}
.lx_msg .sub:hover{ background:#004580;}
.lx_top .lx_msg{ width: 52%; padding-left: 6%; margin-left: auto; border-left:1px solid #e5e5e5;}
.lx_msg .title{ margin-bottom: 35px;}
.lx_msg p.exp{ font-size: 18px; color:#717171; width:50%;}
.lx_box{ align-items: flex-end;margin: 25px 0;}
.qr_box{ margin-left: auto; text-align:center;}
.qr_box .box{ margin-left: 25px; font-size:18px;}
.qr_box .box img{ height: 100px;}

.lx_map .left{ width: 38%; padding-top:120px;}
.lx_map .map_box{ width: 55%; overflow:hidden;}
.lx_map .left ul{margin-bottom: 40px;}
.lx_map .left ul.tab-hd li{ line-height: 55px; padding: 0 20px; border: 1px solid #0e56a8; margin-right:auto; color:#0e56a8; font-size:18px;}
.lx_map .left ul.tab-hd li:last-child{ margin-right:0;}
.mainh{ height: 100px;}
.lx_map .left ul.tab-hd li.active{ background: #0e56a8; color: #fff;}
.lx_map iframe{ width: 100%!important;}

.main_right .lx_msg .bb54{ margin-bottom: 20px;}
@media (max-width: 1281px){
    .lx_get dl dt{ padding: 25px 20px 30px;}
}
@media (max-width: 1024px){
    .lx_get dl{ display: block;}
    .lx_get dl dt{ display: flex; align-items: flex-start; flex-wrap: wrap; width:100%; margin-bottom:20px;}
    .lx_get dl dt p{height: auto;}
    .lx_get dl dt .txt{text-align: left;width: calc(100% - 100px); margin-left: auto;}
    .lx_get dl dt .txt h4{margin-top: 0;}
    .lx_top b{ font-size: 40px;}
    .lx_map .left{ width: 100%; float: none;}
    .lx_map .map_box{ width: 100%; float:none;}
}
@media (max-width: 768px){
    .lx_top { display: block;}
    .lx_top .left{ width: 100%;}
    .lx_top .lx_msg{ width: 100%; padding-left: 0; border: none; margin-top: 30px;}
}
@media (max-width: 450px){
    .lx_map .left{ padding-top: 40px;}
    .lx_top b{ font-size: 32px;}
    .lx_box{ display: block;}
    .lx_msg input.fl{width: 100%; margin-bottom: 20px;}
    .lx_msg .c-flex{ display: block;}
    .lx_msg p.exp{width: 100%; margin-bottom: 20px;}
    .lx_msg .sub{ width: 100%;}
    .mainh{height: 40px;}
    .lx_map .left ul{ display: block;}
    .lx_map .left ul li{ width: 100%; margin-bottom: 20px; text-align:center;}
    .lx_map iframe{height: 300px!important;}
}