@charset "utf-8";
/* CSS Document */
.amore{ cursor: pointer; display: inline-block; text-align: center; min-width: 160px; color: #333; line-height: 44px; position: relative; border:1px solid #e2e2e2; font-size: 15px; padding:0 15px;}
.amore span{ position: relative; z-index: 2}
.amore i{ margin-left: 15px; font-size: 18px; transition: .2s ease; display: inline-block;}
.amore:after{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background: #004390; content:''; width: 0; height: 0; transition: .2s ease;z-index: 1;}
.amore:hover:after,.amore.on:after{ width: 100%; height: calc(100% + 1px);}
.amore:hover,.amore.on,.amore.bb:hover{ color: #fff; border-color: #004390;}
.amore.wb{ border-color: #fff;color: #fff;}
.amore.wb:hover{border-color:#004390; }
.amore.bb{border-color: #004390; color:#004390;}

.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban .img-m{ width: 100%;}
.sy-ban .ban_txt{ position: absolute; width: 100%; color: #fff; top: 40%;}
.sy-ban .ban_txt p{ font-size: 22px; color: #fff;}
.sy-ban .ban_txt b{ font-size: 60px; color: #fff; margin-bottom: 35px}
.sy-ban .ban_txt .amore{margin-top: 55px;}
.swiper-pagination{ z-index: 3;}
.swiper-pagination-bullet:focus{ outline:none!important;}
.ban_control{ bottom: 0; left: 0; width: 100%; position: absolute; z-index: 2}
.ban_control .center{ padding: 42px 0;}
.swiperbtn{ transition: .2s ease;}
.swiperbtn{ position: unset; color: #666; font-size: 20px; width: 45px; line-height: 45px; height: 45px; border-radius: 50%; border: 1px solid #c9c9c9; display:inline-block;}
.swiperbtn:hover{ background:#004390; color:#fff;}
.ban_control .swiperbtn{color: #fff; border-color: #fff;}
.ban_control .swiperbtn.swiper-button-next{ margin-left: 20px;}
.ban_control .swiper-num{ font-size: 14px; font-family: monsb; color: #fff; width: 150px; margin-right: auto;}
.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;}
.ban_control .swiperbtn:hover{ background: #004390; border-color: #004390;}

.all_right{border-radius: 500px;position: fixed;z-index: 999;right: 20px;top: 26%;}
.all_right li{background: #e60012;width: 75px;height: 80px;border-bottom: 1px solid rgba(255,255,255,.4);text-align: center;font-size: 14px;color: #fff;position: relative;}
.all_right li:first-child{border-top-left-radius: 500px;border-top-right-radius: 500px;}
.all_right li:last-child{border-bottom: none;border-bottom-left-radius: 500px;border-bottom-right-radius: 500px;}
.all_right li .ic{display: block;margin: 0 auto;padding: 16px 0 4px;}
.all_right li a{color: #fff;display: block;}
.all_right li:hover{cursor: pointer;background: #666;}
.all_right li .ewm{position: absolute;top: 0;right: 75px;padding: 4px;background: #fff;max-width: 120px;display: none;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.all_right li:hover .ewm,.all_right li:hover p{display: block;transition: all .3s;}
.all_right li p{position: absolute;top: 0;right: 75px;height: 80px;line-height: 22px;background: #fff;font-size: 14px;color: #fff;white-space: nowrap;text-align: right;padding-top: 16px;padding-left: 40px;padding-right: 30px;background: #666;display: none;transition: all .3s;}
.all_right li p i{font-family: Arial;font-size: 18px;display: block;font-weight: bold;display: block;}

.sy_item_tit p{ display: block; font-size: 18px; margin-bottom: 10px;}
.sy_item_tit h3{ font-size: 54px; margin-bottom: 15px; line-height: 55px;}
.sy_item_tit{ margin-bottom: 35px;}

.swiper-button-prev:after,.swiper-button-next:after{ display: none;}


.probd .txt{ width: 36%;}
.probd .pic{ width: 53%;}
.probd .pic .imgfd{padding-top: 60%;}
.probd .txt h2{ font-size: 44px;}
.probd .txt .tit{padding-bottom: 25px; border-bottom: 1px solid #dbdbdb; position: relative; margin-bottom: 30px;}
.probd .txt .tit:after{ position: absolute; left: 0; bottom: 0; content: ''; background: #004390; height: 4px; width: 100px;}
.probd .txt p{ font-size: 18px; width:calc(100% - 50px);}
.probd .txt .list{margin: 50px 0 80px;}
.probd .txt .list a{ width: 48%; margin-right: 2%; margin-bottom: 15px; transition: .3s ease;}
.probd .txt .list a i{ width: 6px; height: 6px; background: #bababa; margin-right: 10px; margin-top:10px;}
.probd .txt .list a span{ margin-left: 8px; font-size: 20px; opacity: 0; margin-top:8px;}
.probd .txt .list a:hover{color: #004390;}
.probd .txt .list a:hover i{background: #004390;}
.probd .txt .list a:hover span{ opacity: 1;}
.prohd{margin-top: 40px;}
.prohd li{ width: 18%; margin-right: auto; background: #fff; text-align: center; padding: 25px 20px; transition: .3s ease;}
.prohd li:nth-child(5){ margin-right: 0}
.prohd li p{ font-size: 20px; height: 30px; overflow: hidden; margin-top: 15px;}
.prohd li.active{background: #004390; color: #fff;}
.prohd li.active img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.prohd li.active p{color: #fff;}
.sy_about{ padding: 80px 3%;}
.sy_about .ab_box{ background: #f4f4f4;}
.ab_box .imgfdd{ width: 50%;}
.ab_box .txt{ width: 50%; padding: 0 80px; color: #333}
.arib50{ font-size: 50px; font-family: arial; font-weight: bold; margin-bottom: 10px;}
.ab_box .txt p{ font-size: 24px; margin-bottom: 30px;}
.ab_box .txt span.des{ font-size: 18px; display: block; height: 90px; margin-bottom: 70px; line-height: 30px; overflow:hidden;}

.sy_strenth{position: relative;}
.sy_strenth .txt{ width: 50%; position: relative; z-index: 3; padding-top: 60px;}
.sy_title p{ font-size: 32px; color: #333;}
.sy_title{margin-bottom: 35px;}
.sy_strenth .txt .str{ width: 60%; font-size: 18px;}
.sy_strenth .sy_number{margin-top: 90px;}
.sy_strenth .sy_number b{ font-family: monsb; font-size: 60px; line-height: 60px; height: 60px; display: inline-block;}
.sy_strenth .sy_number sup{color: #333; font-family: monsb; font-size: 48px; line-height: 45px;}
.sy_strenth .sy_number dt{ margin-right: auto;}
.sy_strenth .sy_number dt:last-child{margin-right: 0;}
.sy_strenth .map{ position: absolute; top: 0; right: 2%; width: 60%;}
.sy_strenth .map img{ width: 100%;}
.sy_strenth .map .map_card{ position: absolute; background: #004390; width: 440px; padding: 30px 40px; color: #fff; bottom: 0;  left: 0; transform: translateX(520px);}
.sy_strenth .map .map_card h2{ font-size: 20px; color: #fff; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.2); margin-bottom: 20px;}
.sy_strenth .map .map_card p{margin-top: 13px;}

.sy_solution{ position: relative;}
.sy_solution .item_top{position: absolute; width: 100%; left: 0; top: 80px; z-index: 3;}
.item_top .sy_title{margin-right: auto; color: #fff;}
.sy_solution .item_top .sy_title b,.sy_solution .item_top .sy_title p{ color: #fff;}
.sol_list ul li{ width: 25%;position: relative;}
.sol_list ul li:after{ position: absolute; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.4); left: 0; top: 0; transition: .3s ease;}
.sol_list ul li .imgfd{padding-top: 182%;}
.sol_list ul li .txt{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 55px 80px; text-align: center; color: #fff; z-index: 3}
.sol_list ul li .txt h2{ font-size: 28px; color: #fff; margin: 20px 0 40px;}
.smore{ width: 44px; line-height: 44px; text-align: center; background: #004390; color: #fff; border: 1px solid #004390;display: inline-block; height: 44px; margin-top: 40px;}
.mainh{ height: 110px;}
.sol_list ul li .txt p{ font-size: 18px; display: none;}
.sol_list ul li:hover p{ display: block;}
.sol_list ul li:hover:after{ background: rgba(45,55,121,.6);}

.news_box{ border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.news_box li{ padding: 60px 0; width: calc((100% - 242px)/3); box-sizing: content-box; float: left;}
.news_box li:nth-child(2){ padding: 60px; margin: 0 60px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.news_box li h2{ font-size: 30px; line-height: 45px; height: 90px; overflow: hidden; margin: 30px 0;}
.news_box li span{ color: #004390;}
.news_box li .imgfd{margin-top: 60px; padding-top: 56.6%;}
.news_box li:hover h2{ color: #004390;}


.index_foot{background: url("../images/footbg_23.jpg") no-repeat center; background-size: cover;}
.foot_center{position: relative; padding: 90px 0;}
.foot_center .wechat{ position: absolute; right: 0; bottom: 90px; text-align: center;}
.foot_center .wechat .qr{ padding: 5px; border: 1px solid rgba(255,255,255,.3);}
.foot_center .wechat .qr p{ color: #a3a3a3; margin-top: 15px;}
.foot_center .wechat .qr img{ width: 120px;}
.foot_center .foot_left{ width: 32%; margin-right: auto;}
.foot_center .f_nav{ width: 65%;}
.foot_center .f_nav li{margin-left: auto;}
.foot_center .f_nav a{display: block; color: #fff; margin-bottom: 15px; opacity: .6;}
.foot_center .f_nav b{font-size: 18px; margin-bottom: 35px; color: #fff; font-weight: normal;}
.foot_center .f_nav a:hover{ opacity: 1;}
.foot_left .f_logo img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%); height: 60px;}
.foot_left .f_logo{ padding-bottom: 35px; border-bottom: 1px solid rgba(255,255,255,.3); position: relative; margin-bottom: 35px;}
.foot_left .f_logo:after{ position: absolute; left: 0; bottom: 0; width: #a4d052; height: 3px; background: #a4d052; content: '';}
.foot_left p.add{ font-size: 30px; line-height: 45px; color: #a3a3a3; margin-bottom: 50px;}
.foot_left .f_tel p{ font-size: 18px; color: #a3a3a3; margin-bottom: 25px;}
.foot_left .f_tel b{ color: #fff; font-family: tekom; font-size: 68px; font-weight: normal; line-height: 75px;}
.foot_left .f_tel span{ font-size: 14px; color: #bbbbbb;}



@media (max-width: 1700px){

}


@media (max-width: 1600px){
	.sy_strenth .map .map_card{ right: 0; transform: translateX(0); left:auto;}
}

@media (max-width: 1441px){
.sy-ban .ban_txt b{ font-size: 46px;}
.sy-ban .ban_txt p{ font-size: 20px;}
.probd .txt .list{ margin: 30px 0 50px;}
.arib50{ font-size: 44px;}
.ab_box .txt p{ font-size: 22px;}
.ab_box .txt span.des{font-size: 16px;}
.sy_strenth .sy_number{margin-top: 50px;}
.sol_list ul li .txt{ padding: 0 40px 60px;}
.sol_list ul li .txt p{ font-size: 16px;}
.index_head .nav li{margin: 0 25px;}
.foot_left p.add{font-size: 24px;}
.sol_list ul li .txt h2{font-size: 24px; margin-bottom: 30px;}
}

@media (max-width: 1281px){

	.sy-ban .ban_txt b{font-size: 40px;}
	.sy-ban .ban_txt .amore{margin-top: 40px;}
	.probd .txt p{font-size: 16px;}
	.probd .txt h2{font-size: 38px;}
	.probd .txt .list{margin: 20px 0 30px;}
	.prohd li p{font-size: 18px;}
	.ab_box .txt{padding: 0 60px;}
	.ab_box .txt span.des{margin-bottom: 40px;}
	.ab_box .txt p{ font-size: 20px; margin-bottom: 25px;}
	.sy_strenth .sy_number b{ font-size: 48px; line-height: 50px; height: 50px;}
	.sy_solution .item_top{ top: 50px;}
	.sy_title p{ font-size: 26px;}
	.sol_list ul li .txt{ padding: 0 30px 40px;}
	.sol_list ul li .txt img{height: 55px;}
	.smore{margin-top: 20px;}
	.news_box li h2{ font-size: 24px; line-height: 35px; height: 70px;}
	.foot_left .f_tel b{font-size: 40px; line-height: 45px;}
	.index_head .logo img{max-height: 46px;}
	.index_head .nav li{margin: 0 18px;}
	.top_tel p{font-size: 16px;}
	.mainh{ height: 70px;}
}

@media (max-width: 1024px){
.sy_products .probd{ display: none;}
.sy_about .ab_box{ display: block;}
.ab_box .imgfdd{width: 100%;}
.ab_box .txt{ width: 100%; padding: 30px 40px;}
.sy_strenth .txt{ width: 100%; padding-top:0;}
.sy_strenth .txt .str{ width: 100%;}
.sy_strenth .map{ position: relative; width: 100%; margin-top: 20px;}
.sy_solution .item_top{ position: unset;}
	.sy_solution .item_top .sy_title b, .sy_solution .item_top .sy_title p{ color: #333;}
	.news_box li:nth-child(2){ padding:30px; margin: 0 30px;}
	.news_box li{ width: calc((100% - 122px) / 3); padding:30px 0;}
	.foot_center{ display: none;}
	.top_h{height: 54px;}
	.ban_control .swiper-num{ display: none;} 
	.ban_control .swiperbtn.swiper-button-prev{margin-left:auto;}
	.ab_box .txt span.des{height: auto;}
	.news_box li h2{font-size: 20px; line-height: 30px; height: 60px;}
	.arib50{font-size: 38px;}
}
@media (max-width: 768px){
.sy-ban .ban_txt b{ font-size: 28px; margin-bottom:20px;}
.sy-ban .ban_txt p{font-size: 18px;}
.ban_control .center{padding: 20px 0;}
.amore{min-width: 140px; line-height:40px;}
.prohd li img{height: 40px;}
.prohd li{padding: 20px 15px;}
.prohd li p{font-size: 16px;}
.arib50{font-size: 28px;}
.ab_box .txt span.des{ font-size: 14px; line-height: 24px; margin-bottom:25px;}
.sy_strenth .map{padding-bottom: 80px;}
.sol_list ul li .txt h2{ font-size: 20px;}
.sol_list ul li .txt{padding: 0 20px 30px;}
.sol_list ul li .txt img{ height: 40px;}
.sol_list ul li .txt p{height: 72px; overflow: hidden;}
.smore{width: 36px; height: 36px; line-height: 36px;}
.news_box li h2{margin: 20px 0;}
.news_box li .imgfd{margin-top: 30px;}
.mainh{ height:35px;}
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.ban_control{ display: none;}
.sy-ban .ban_txt .amore{display: none;}
.sy-ban .ban_txt p{font-size: 16px;}
.sy-ban .ban_txt b{font-size: 26px;}
.sy-ban .img-m{ height: 220px;}
.prohd{margin-top: 0;}
.prohd li{ width:49%; margin-bottom:20px; margin-right:auto;}
.prohd li:nth-child(2n){margin-right:0;}
.prohd li a{ display: flex; align-items: center;}
.prohd li p{margin-top: 0; height:auto; margin-left:10px;}
.sy_about{padding: 35px 2%;}
.ab_box .txt{padding: 20px;}
.ab_box .txt p{font-size: 16px;}
.sy_strenth .sy_number b{font-size: 30px; height: 30px; line-height: 30px;}
.sy_strenth .sy_number sup{font-size: 24px; line-height: 24px;}
.sy_strenth .map .map_card{ width: 90%; position:unset; margin:0 auto; padding:15px 20px;}
.sol_list ul{ display: block;}
.sol_list ul li{ width: 100%;}
.sol_list ul li .imgfd{padding-top: 56%;}
.smore{ display: none;}
.news_box li{width: 100%; float: none; padding: 20px;box-sizing:border-box;}
.news_box li:nth-child(2){ margin:0; padding: 20px;}
.news_box li h2{height: auto;}
.news_box li:nth-child(2){border-left:none; border-right: none; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.sy_strenth .map{padding-bottom: 0;}
.sy_title p{font-size: 22px;}
}


.ny_ban{ position: relative; width:100%; overflow:hidden;}
.ny_ban .banimg{ width: 100%;}
.ny_ban b{ position:absolute; width: 100%; color: #fff; left: 0;font-weight: bold; top: 50%; font-size:60px; transform: translateY(-50%); text-align:center;}
.ny_ban .posi{ position: absolute; width:100%; bottom:35px; font-size:14px; color:#fff;}
.ny_ban .posi i{ font-size: 14px; margin-right: 5px;}
.ny_ban .posi a{ color: #fff;}
.pro_nav{margin-bottom: 85px;}
.pro_nav .tab-hd{ margin-bottom: 45px; padding-bottom:11px;}
.pro_nav .tab-hd li{ background: #fff; text-align: center; padding: 30px; width:18%; margin-right:auto; position:relative; transition:.3s ease;}
.pro_nav .tab-hd li:last-child{ margin-right:0;}
.pro_nav .tab-hd li p{ font-size: 20px; line-height: 30px; height: 30px; margin-top: 15px;}
.pro_nav .tab-hd li.active{ background: #004390; color: #fff;}
.pro_nav .tab-hd li.active a{ color: #fff;}
.pro_nav .tab-hd li.active img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%); }
.pro_nav .tab-hd li.active:after{background:url(../images/sj_03.png) no-repeat; content:''; position:absolute; width:21px; height:11px; left:50%; transform:translateX(-50%); bottom:-11px;}
.pro_nav .tab-bd li .collist{background: #ffffff;padding:25px 0;}
.pro_nav .tab-bd li a{ display: inline-block; line-height: 48px; margin: 0 auto; position:relative;}
.pro_nav .tab-bd li a:after{position:absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #004390; transition: .2s ease; content:'';}
.pro_nav .tab-bd li a.act,.pro_nav .tab-bd li a:hover{ color:#004390;}
.pro_nav .tab-bd li a.act:after,.pro_nav .tab-bd li a:hover:after{ width:100%;}
.ny_pro_list ul li{ width: 32%; margin-right: 2%; margin-bottom: 40px; float: left; background:#fff; text-align:center; padding:45px 40px;}
.ny_pro_list ul li:nth-child(3n){ margin-right:0;}
.ny_pro_list ul li h2{ font-size: 28px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom:10px;}
.ny_pro_list ul li .imgfd{margin: 20px 0;}
.ny_pro_list ul li:hover h2,.ny_pro_list ul li:hover span{ color:#004390;}

@media (max-width: 1281px){
    .ny_pro_list ul li h2{font-size: 24px;}
    .ny_ban b{font-size: 50px;}
}
@media (max-width: 1024px){
    .pro_nav .tab-hd li{padding: 20px;}
    .pro_nav .tab-hd li p{font-size: 18px;}
    .pro_nav .tab-bd li .collist{padding: 15px 0;}
    .pro_nav{margin-bottom: 45px;}
}
@media (max-width: 768px){
    .pro_nav .tab-hd li img{height: 40px;}
    .pro_nav .tab-hd li p{font-size: 16px;}
    .pro_nav .tab-hd{margin-bottom: 30px;}
    .ny_pro_list ul li{padding: 30px 20px;}
    .ny_pro_list ul li span{font-size: 14px;}
    .ny_ban b{font-size: 30px;}
}
@media (max-width: 450px){
    .pro_nav .tab-bd{display: none;}
    .pro_nav .tab-hd li{ width: 49%; margin-right: auto; margin-bottom: 20px;}
    .pro_nav .tab-hd li a{ display: flex; align-items: center;}
    .pro_nav .tab-hd li p{margin-top: 0; margin-left: 10px;}
    .ny_pro_list ul li{ width: 49%; margin-right: 2%; padding:20px 15px; margin-bottom:20px;}
    .ny_pro_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_pro_list ul li:nth-child(2n){ margin-right:0;}
    .pro_nav{ margin-bottom: 0;}
    .ny_pro_list ul li h2{font-size: 18px; line-height: 30px; height: 60px;}
    .ny_pro_list ul li .imgfd{margin: 15px 0 0;}
    .ny_pro_list ul li span{display: none;}

}
.show_nav li{ position:relative; margin:0 auto;}
.show_nav li a{ display: inline-block; line-height: 100px;}
.show_nav li dl{ position: absolute; left: 0; top:100%; display:none;}
.show_nav li:after{ width:0; height: 3px; background: #004390; transition:.3s ease; content: ''; position:absolute; left:0; bottom:0;} 
.show_nav li.act:after,.show_nav li:hover:after{ width:100%;}
 .show_nav li.act a,.show_nav li:hover a{ color:#004390;}
.show_top{background: url(../images/showbg_02.jpg) no-repeat center bottom; background-size:100%;}
.show_top .txt{ width: 45%; margin-right:auto;}
.show_top .pic{ width: 45%;}
.show_top .txt h1{ font-size: 50px; margin-bottom: 40px;}
.show_top .txt p{ font-size: 20px; color: #333; margin-bottom:50px;}
.show_top .txt .btns .amore{margin-right: 25px;}

.pro_ys,.pro_app{ border-bottom: 1px solid #f1f1f1;}
.pro_ys dt{ width: calc((100% - 242px)/3); box-sizing: content-box; float: left; text-align:center; }
.pro_ys dt:nth-child(2){ padding: 0 60px; margin: 0 60px; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1;}
.pro_ys dt b{ color: #004390; font-size: 44px; margin-bottom: 15px;}
.pro_ys dt p{ height: 60px;}

.pro_app .swiperbtn{margin-left: 20px;}
.appswiper{ overflow: hidden; text-align:center;}
.pro_app .sy_title p{ font-size: 18px;}
.appswiper .imgfd{padding-top: 54%; margin-bottom: 25px;}
.appswiper p{ height: 30px;}

.det_nav p{ font-size: 40px; padding-bottom: 25px; position: relative; margin-right: 80px; cursor:pointer; color:#333;}
.det_nav{border-bottom: 1px solid #e6e6e6;}
.det_nav p:after{position:absolute; height: 3px; width: 0; content: ''; background: #004390; transition:.2s ease; left:0; bottom:0;}
.det_nav p:hover:after,.det_nav p.act:after{ width:100%;}
.det_nav p.act{ font-weight: bold;}
.pro_det .det_box{ padding: 65px 0; overflow: hidden; border-bottom: 1px solid #e6e6e6;}
.pro_det .det_box .item{ display: none;}
.paratable td{ line-height: 42px; padding-left: 5px; font-size:14px;}
.paratable tr:nth-child(2n+1){ background:#e0eaf0;}
.paratable table{ width: 100%;}
.page_btn{ padding-top: 50px; color:#333; font-size:18px;}
.page_btn .prev{ margin-right: auto; width: 50%;}
.page_btn .next{ width: 50%; text-align: right;}
.page_btn p{ font-size: 16px; color: #999; margin-bottom: 10px;}
.page_btn a:hover{ color:#004390;}

.relswiper{ overflow: hidden; position:relative; padding-bottom:40px;}
.rel_pro b.arib50{ text-align: center; margin-bottom: 40px;}
.swiper-pagination-bullet{height: 3px; width: 40px; border-radius: 0; background: #d1d1d1; opacity:1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #004390;}

@media (max-width: 1441px){
    .pro_ys dt b{font-size: 40px;}
    .show_top .txt p{font-size: 18px;}
    
}
@media (max-width: 1281px){
    .show_top .txt h1{font-size: 42px;}
    .pro_app .sy_title p{font-size: 16px;}
}
@media (max-width: 1024px){
    .show_top .txt h1{font-size: 32px; margin-bottom:25px;}
    .show_top .txt p{font-size: 16px; margin-bottom:30px;}
    .pro_ys dt b{font-size: 30px;}
    .pro_ys dt:nth-child(2){ margin:0 30px; padding: 0 30px;}
    .pro_ys dt{ width: calc((100% - 122px)/3);}
    .det_nav p{font-size: 28px;}
    
    .item_top .sy_title{ max-width: calc(100% - 150px);}
}
@media (max-width: 768px){
    .ny_ban .posi{bottom: 20px;}
    .show_nav li a{line-height: 60px;}
    .show_top .center{display: block;}
    .show_top .txt{ width: 100%; margin-bottom: 20px;}
    .show_top .pic{ width: 100%;}
    .pro_ys dt b{font-size: 22px;}
    .pro_det .det_box{padding: 35px 0;}
    .page_btn{display: block; padding-top: 25px;}
    .page_btn .prev{ width: 100%; margin-bottom: 20px;}
    .page_btn .next{ width: 100%; text-align: left;}
}
@media (max-width: 450px){
    .ny_ban .banimg{height: 180px; object-fit: cover;}
    .ny_ban b{font-size: 26px;}
    .show_nav li a{font-size: 14px;}
    .show_top .txt h1{font-size: 26px;}
    .pro_ys{display: none;}
    .pro_app .sy_title p{ font-size: 14px;}
    .swiperbtn{ width: 36px; height: 36px; line-height: 36px; font-size:18px;}
    .pro_app .swiperbtn{ margin-left:12px;}
    .item_top .sy_title{ max-width: calc(100% - 110px);}
    .appswiper .imgfd{margin-bottom: 15px;}
    .det_nav p{font-size: 22px; margin-right: 40px;}
    .page_btn{font-size: 16px;}
    .page_btn p{ font-size: 14px;}
    .relswiper{padding-bottom: 0;}
    .swiper-pagination-bullet{ width: 22px;}
    .copy{ font-size: 12px;}
    .rel_pro b.arib50{margin-bottom: 25px;}
}
.sol_main .title{text-align: center; margin-bottom: 60px;}
.sol_main .title p{ font-size: 18px; color: #333;}
.solitem{margin-bottom: 70px;}
.solitem .pic{ width: 55%; float:left;}
.solitem .txt{ width: 45%; float:left;}
.solitem:nth-child(2n){background:#f5f5f5;}
.solitem:nth-child(2n) .pic,.solitem:nth-child(2n+1) .txt{float:right;} 
.solitem .pic .imgfd{padding-top: 55.5%;}
.solitem .txt{ padding: 70px 70px 0;}
.solitem .txt h2{ font-size: 40px; margin-bottom: 40px;}
.solitem .txt p{ font-size: 18px; color: #333; margin-bottom: 80px;}
@media (max-width: 1441px){
    .index_head .nav li .second{width: 96%; left:2%; margin-left:0;}
    .solitem .txt{padding: 50px 40px 0;}
    .solitem .txt h2{font-size: 36px;}
    .solitem .txt p{margin-bottom: 50px;}
}
@media (max-width: 1024px){
    .solitem .txt{padding: 25px 30px 0;}
    .solitem .txt h2{ font-size: 30px; margin-bottom: 20px;}
    .solitem .txt p{ font-size: 16px; margin-bottom:30px; height:90px; overflow:hidden;}
}
@media (max-width: 768px){
    .solitem .pic,.solitem .txt{ width: 100%; float: none!important;}
    .solitem .txt{ padding: 30px 20px;}
}
@media (max-width: 450px){
    .sol_main .title p{font-size: 14px;}
    .sol_main .title{margin-bottom: 40px;}
    .solitem .txt h2{font-size: 24px;}
    .solitem .txt p{ font-size: 14px; height: 72px;}
    .solitem{margin-bottom: 30px;}
}
.solshow_top .title{ width: 40%; margin-right: auto; position:relative;}
.solshow_top .des{ width: 55%; font-size: 24px; line-height: 40px; color: #333; position:relative; z-index:3;}
.solshow_top .title p{ color: #333; position:relative; z-index:2;}
.solshow_top .title h1{ font-size: 48px; position:relative; z-index:2;}
.solshow_top .title b{ position:absolute; left:0; bottom:-50px; text-transform: uppercase; font-family: arial; font-size: 110px;font-weight: bold; color: #eeeded; line-height:110px;}

.ysswiper,.youswiper{ overflow: hidden;}
.our_ys .item_top b{ margin-right: auto;}
.our_ys .item_top{ margin-bottom: 30px;}
.ysswiper li{ cursor: pointer; text-align:center;}
.ysswiper p{line-height: 80px; display: inline-block; position:relative; font-size:18px; color:#333;}
.ysswiper{ border-bottom: 1px solid #e2e2e2; margin-bottom:85px;}
.ysswiper p:after{ position:absolute; content: ''; background: #004390; height: 3px; width: 0; left: 0; bottom: -1px; transition: .2s ease;}
.ysswiper li.swiper-slide-thumb-active p:after{ width:100%;}
.ysswiper li.swiper-slide-thumb-active p,.ysswiper li:hover p{ color:#004390;}
.youswiper .pic{ width: 50%;}
.youswiper .pic .imgfd{ padding-top: 55.5%;}
.youswiper .txt{ width: 46%; padding-top:30px;}
.youswiper .txt h2{ font-size: 36px; margin-bottom: 25px;}
.youswiper .txt p{ font-size: 18px; color: #333; margin-bottom: 60px;}
@media (max-width: 1281px){
    .solshow_top .title b{font-size: 80px; line-height:80px;}
    .solshow_top .title h1{font-size: 42px;}
    .solshow_top .des{font-size: 20px; line-height: 35px;}
}
@media (max-width: 1024px){
    .youswiper .txt h2{font-size: 30px;}
    .youswiper .txt p{ font-size: 16px; margin-bottom: 30px;}
}
@media (max-width: 768px){
    .solshow_top .center{ display: block;}
    .solshow_top .title h1{font-size: 34px;}
    .solshow_top .title{margin-bottom: 25px; width:100%;}
    .solshow_top .des{width: 100%; font-size: 18px;}
    .youswiper .pic{display:none;} 
    .youswiper .txt{ width: 100%; float: none; padding-top:0;}
    .ysswiper{margin-bottom: 30px;}
}
@media (max-width: 450px){
    .solshow_top .title h1{font-size: 28px;}
    .solshow_top .des{font-size: 16px; line-height: 30px;}
    .ysswiper p{font-size: 16px; line-height: 50px;}
    .youswiper .txt h2{font-size: 24px;}
    .solshow_top .title b{font-size: 60px; line-height: 60px; margin-bottom: -30px;}
}
.main_left{ width: 22%;}
.main_right{ width: 73%;}
.news_nav .tit{ line-height: 80px; color: #fff; padding:0 30px; background:#004390;}
.news_nav .tit b{ font-size: 22px; color: #fff; margin-right: auto;}
.news_nav .list{ background: #fff; padding: 0 30px;}
.news_nav .list a{ line-height: 70px; font-size:18px; border-bottom:1px solid #ececec;}
.news_nav .list a:hover{ color:#004390;}
.news_nav .list a.act{ color: #004390;}
.news_nav .list a.act i{ transform: rotate(90deg);}
.news_nav .list a p{ margin-right: auto;}
.news_nav .list a:last-child{ border:none;}
.news_nav{margin-bottom: 35px;}
.comm_news{background: #fff; padding: 30px;}
.comm_news b{ font-size: 22px; line-height: 22px; padding-left: 13px; border-left: 5px solid #004390;}
.comm_news a{padding: 25px 0;border-bottom: 1px solid #ececec; display:block;}
.comm_news a p{ font-size: 18px; color: #333; margin-bottom: 15px;}
.comm_news a span{ color: #666; font-size: 14px;}
.comm_news a:hover p{ color:#004390;}

.ny_news_list ul li{margin-bottom: 30px; background: #fff; padding: 45px;}
.ny_news_list ul li .pic{ width: 36%;}
.ny_news_list ul li .txt{ width: 60%; padding-top:20px;}
.ny_news_list ul li .pic .imgfd{padding-top: 56.4%;}
.ny_news_list ul li .txt h2{ font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom:20px;}
.ny_news_list ul li .txt p{ height: 60px; overflow: hidden; margin-bottom: 50px;}
.ny_news_list ul li .txt span:not(.fr){ color:#004390;}
.ny_news_list ul li:hover h2{ color:#004390;}
@media (max-width: 1281px){
    .ny_news_list ul li .txt p{margin-bottom: 25px;}
    .ny_news_list ul li .txt h2{font-size: 22px; margin-bottom: 15px;}
    .ny_news_list ul li{padding: 35px;}
}
@media (max-width: 1024px){
.main_left{ display: none;}
.main_right{ width: 100%; float: none;}
}
@media (max-width: 768px){
    .ny_news_list ul li .txt p{height: 48px;}
    .ny_news_list ul li .txt{padding-top: 0;}
    .ny_news_list ul li .txt span{font-size: 14px;}
}
@media (max-width: 450px){
    .ny_news_list ul li{padding: 15px 12px;}
    .ny_news_list ul li .txt h2{font-size: 18px; line-height: 26px; height: 52px; margin-bottom:5px;}
    .ny_news_list ul li .txt span:not(.fr){ display:none;}
    .ny_news_list ul li .txt p{display: none;}
    .ny_news_list ul li{margin-bottom: 20px;}
}
.show_posi{ padding: 30px 0 50px; font-size:14px;}
.show_posi i{ font-size: 14px; margin-right: 8px; color: #004390;}

.new_det{ padding: 80px 55px; background:#fff;}
.new_det h1{ font-size: 36px;}
.new_det .news_info{ padding: 38px 0; border-bottom:1px solid #efefef; color:#333;}
.new_det .news_info .source{margin: 0 auto;}
.new_det .news_info .source span{ color: #004390;}
.show_content{ padding: 60px 0; overflow: hidden;}
.show_content img{ max-width: 100%!important;}
.new_det .back{ display: block; text-align: center; line-height: 44px; background: #f5f5f5; transition: .2s ease; font-size:14px;}
.new_det .back:hover{ background:#004390; color: #fff;}

@media (max-width: 1024px){
    .new_det{padding: 60px 40px;}
    .new_det h1{font-size: 30px;}
}
@media (max-width: 768px){
    .new_det{padding: 40px 30px;}
    .new_det .news_info{padding: 25px 0;}
    .show_content{padding: 35px 0;}
}
@media (max-width: 450px){
    .new_det{padding: 25px 20px;}
    .new_det h1{font-size: 24px;}
    .news_info{ display: block;}
    .new_det .news_info .source{display: none;}
    .show_posi{padding: 20px 0 25px;}
    .new_det .news_info .date{margin-bottom: 10px;}
}
.ab_com{background: url(../images/abg_02.jpg) no-repeat center; background-size: cover;}
.ab_com .imgfdd{ width: 50%;}
.ab_com .txt{ width: 45%; padding-top:35px;}
.ab_com .txt .slogan{font-size: 24px; color: #333; margin: 25px 0 35px;}

.ab_solution b{ width: 25%; margin-right: auto; font-size:42px;}
.ab_solution p.des{ font-size: 18px; color: #333; width: 50%;}
.ab_solution .item_top{ margin-bottom: 60px;}

.asolswiper{ overflow: hidden; text-align:center; font-size:18px;}
.swiperall{position:relative;}
.asolswiper .imgfd{ padding-top: 55.6%; margin-bottom:20px;}
.swiperall .swiperbtn{ position: absolute; border-radius: 0; top:50%;}
.asolswiper li:hover p{ color:#004390;}

.ab_envi{padding-top: 90px; position: relative;}
.ab_envi:after{position:absolute; width: 100%; left: 0; top: 0; height: 70%; background: #f6f6f6; content: '';}
.ab_envi .title{text-align: center; width: 45%; margin: 0 auto; position:relative; z-index:3; margin-bottom:55px;}
.ab_envi .title b{ font-size: 42px; margin-bottom:15px;}
.ab_envi .title p{ font-size: 18px;}
.envswiper{ overflow: hidden; position: relative; z-index:3;}
.envswiper .swiper-slide { width:750px;transition-timing-function:linear; position: relative;overflow: hidden;}
.envswiper .imgfd{ padding-top: 59%;}
.envswiper .swiperbtn{ position: absolute; top: 50%; border: none; color:#fff; font-size:60px;}
.envswiper .swiperbtn:hover{background:none; color: #004390;}
.envswiper .swiperbtn.swiper-button-prev{ left: 25%;}
.envswiper .swiperbtn.swiper-button-next{ right: 25%;}

.ab_cult .title{ text-align: center; color:#fff; margin-bottom:50px; font-size:18px;}
.ab_cult .title b{color: #fff; font-size:50px; margin-bottom:20px;}
.ab_cult dt{ width: 24%; margin-right: auto; background:rgba(255,255,255,.6); padding:55px 40px 85px; transition:.3s ease;}
.ab_cult dt:last-child{margin-right:0;}
.ab_cult dt b{ font-weight: normal; font-size: 24px; margin: 40px 0; height:30px; line-height:30px;}
.ab_cult dt p{color: #333; height:30px;}
.ab_cult dt:hover{ transform:translateY(-20px);}

.ab_cert .title{width: 75%; margin: 0 auto 55px; text-align: center; font-size:18px; color:#333;}
.ab_cert .title b{ margin-bottom: 20px;}
.certswiper{ position: relative; overflow: hidden; padding-bottom: 50px;}
.certswiper li{ background: #fff; text-align:center;}
.certswiper .pic{ padding: 28px 50px; border-bottom:1px solid #e8e8e8;}
.certswiper .pic .imgfd{padding-top: 141%;}
.certswiper .txt{padding: 15px 0;}
.certswiper p{ height: 30px;}
@media (max-width: 1281px){
    .ab_com .txt .slogan{font-size: 20px;}
    .ab_envi .title b,.ab_cult .title b,.ab_solution b{font-size: 36px;}
    .ab_envi .title{ width: 70%;}
    .envswiper .swiper-slide{width: 500px;}
    .certswiper .pic{padding: 20px 35px;}
}
@media (max-width: 1024px){
    .ab_com .imgfdd{width: 100%; float: none; margin-bottom:20px;}
    .ab_com .txt{ width: 100%;}
    .ab_solution .item_top{ display:block; margin-bottom:35px;}
    .ab_solution p.des{ width: 100%; margin-top: 25px;}
    .ab_cult dt{padding: 35px 30px 40px;}
    .ab_cult dt b{font-size: 20px; margin: 25px 0;}
    .ab_cult dt p{height: 60px;}
    .ab_envi{padding-top: 50px;}
    .ab_solution b{width: 100%;}
}
@media (max-width: 768px){
    .ab_solution p.des{font-size: 16px;}
    .ab_envi .title{ width: 96%;}
    .envswiper .swiper-slide{ width: 380px;}
    .envswiper .swiperbtn{font-size: 40px;}
    .ab_cult dt img{height: 50px;}
    .ab_cult dt{padding: 30px 20px 35px;}
    .ab_cert .title{width: 96%;}
}
@media (max-width: 450px){
    .ab_envi .title b, .ab_cult .title b, .ab_solution b{font-size: 28px;}
    .ab_envi .title p{font-size: 16px;}
    .ab_envi .title{margin-bottom: 30px;}
    .envswiper .swiper-slide{ width: 280px;}
    .ab_cult dl{ display: block;}
    .ab_cult dt{ width: 100%; margin-bottom: 15px; padding: 20px 15px; display: flex; align-items: flex-start; flex-wrap: wrap;}
    .ab_cult dt b{margin-top: 0; margin-bottom:10px;}
    .ab_cult dt .txt{ margin-left: 20px; width: calc(100% - 72px);}
    .ab_cult dt p{ height:auto;}
    .certswiper .pic{padding: 20px;}
}
.ser_linian .imgfdd{ width: 50%;}
.ser_linian .txt{ width: 50%; padding: 0 80px;}
.arib48{ font-size: 48px; margin-bottom: 30px;}
.ser_linian .txt p{ font-size: 18px; color: #333; margin-bottom:60px;}
.ser_linian .txt dl dt{margin-right: auto; text-align: center;}
.ser_linian .txt dl dt:nth-child(3){margin-right:0;}
.ser_linian .txt dl p{ font-size: 16px; margin-bottom:0;}


.ser_card .tit{ font-size: 40px; margin-bottom: 40px;}
.ser_card dl dt{ padding: 55px 70px 50px; color:#fff;}
.ser_card dl dt .lx{ border-top: 1px solid #fff;}
.ser_card dl dt b,.ser_card dl dt a{ font-weight: bold; color: #fff; font-size: 36px; display: block; margin-top: 20px; line-height:40px; height:40px;}
.ser_card dl dt p{ font-size: 24px; margin-bottom: 25px;}
.ser_card dl dt{ width: 48%; margin-right: auto;}
.ser_card dl dt:nth-child(2){margin-right:0;}
.ser_card dl dt a:hover{  text-decoration: underline;}
.ser_dw{ font-size: 18px; color: #fff;}
.ser_dw .title{ text-align: center; margin-bottom: 150px;}
.ser_dw b{ color: #fff;}
.ser_dw dl b{ font-size: 60px;}
.ser_dw dl dt{margin-right: auto;}
.ser_dw dl dt:last-child{ margin-right:0;}
.ser_buju{ font-size: 18px; color: #333; position:relative; overflow:hidden;}
.ser_buju .title{ width: 70%; margin: 0 auto 50px; text-align: center; font-size: 18px;}
.ser_buju dl{ position: relative; z-index: 3;}
.ser_buju dl dt{ padding:65px 45px; text-align: center; background: #fff; width: 32%; margin-right: auto; transition:.3s ease;}
.ser_buju dl dt:last-child{margin-right:0;}
.ser_buju dl dt b{ font-size: 22px; margin: 35px 0 30px;}
.ser_buju dl dt p{height: 60px;}
.ser_buju dl dt:hover{background:#004390;  color: #fff; }
.ser_buju dl dt:hover b{ color:#fff;}
.ser_buju dl dt:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.ser_buju .mycanvas{ position: absolute; width: 100%; left: 0; bottom: 0;}
@media (max-width: 1281px){
    .arib48{font-size: 40px;}
    .ser_linian .txt p{margin-bottom: 40px;}
    .ser_card dl dt{padding: 40px 50px;}
    .ser_card dl dt b, .ser_card dl dt a{font-size: 32px;}
}
@media (max-width: 1024px){
    .ser_linian .txt{padding: 0 40px;}
    .ser_linian .txt p{font-size: 16px;}
    .arib48{font-size: 36px; margin-bottom:20px;}
    .ser_linian .txt p{margin-bottom: 30px;}
    .ser_dw dl b{font-size: 40px;}
    .ser_dw{font-size: 16px;}
    .ser_buju{font-size: 16px;}
    .ser_buju dl dt{padding: 40px 30px 55px;}
    .ser_buju dl dt b{font-size: 20px; margin: 25px 0;}
}
@media (max-width: 768px){
    .ser_linian{ display: block;}
    .ser_linian .imgfdd{ width: 100%;}
    .ser_linian .txt{padding: 30px; width:100%;}
    .ser_card dl{display: block;}
    .ser_card dl dt{ width: 100%; margin-bottom: 25px;}
    .ser_dw .title{margin-bottom: 80px;}
}
@media (max-width: 450px){
    .arib48{font-size: 26px;}
    .ser_linian .txt p{font-size: 14px;}
    .ser_linian .txt{padding: 20px;}
    .ser_card .tit{font-size: 32px; margin-bottom: 25px;}
    .ser_card dl dt{padding: 30px 25px;}
    .ser_card dl dt b, .ser_card dl dt a{font-size: 26px; line-height: 30px; height: 30px;}
    .ser_card dl dt p{ font-size: 20px;}
    .ser_dw dl dt{width: 32%; margin-bottom:25px;}
    .ser_dw dl dt:nth-child(3n){margin-right:0;}
    .ser_dw dl b{font-size: 34px;}
    .ser_buju .title{width: 96%;}
    .ser_buju .title{margin-bottom: 30px;}
    .ser_buju dl{display: block;}
    .ser_buju dl dt{ width: 100%; margin-bottom: 25px; display: flex; align-items: flex-start; flex-wrap: wrap; text-align:left;padding: 20px;}
    .ser_buju dl dt img{ width: 60px;}
    .ser_buju dl dt .txt{width:calc(100% - 70px); margin-left:auto;}
    .ser_buju dl dt b{margin: 0 0 15px;}
    .ser_buju dl dt p{height: auto;}
}
.lx_msg .title{ text-align: center; margin-bottom:60px;}
.lx_msg input,.lx_msg textarea{ line-height: 70px; padding-left: 20px; border: 1px solid #ececec; width:100%; margin-bottom:20px;}
.lx_msg input.fl{width: 49%; margin-right: 2%;}
.lx_msg input.fl:nth-child(2n){margin-right:0;}
.lx_msg .btns{ margin-top: 40px;}
.lx_msg form p{ font-size: 14px; color: #939393;}
.lx_msg .btns .btn{ width: 49%; margin-right: 2%; line-height:70px; text-align:center; font-size:18px; cursor:pointer;}
.lx_msg .btns .btn1{background: #004390; color: #fff;}
.lx_msg .btns .btn2{ margin-right: 0; background: #ebebeb;}
.lx_msg .btns .btn:hover{ text-decoration:underline;}

.lx_map {position: relative; overflow:hidden;}
.lx_map iframe{ width: 100%!important;}
.lx_map .map_card{ position: absolute; left: 50%; top: 50%; transform: translate(200px,-50%); background: #fff; width: 30%; padding:60px 45px 55px;}
.lx_map .map_card .title{ font-size: 34px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; color:#333;}
.lx_map .lx_list{ font-size: 20px; color: #333; margin:40px 0;}
.lx_map .lx_list p{margin-bottom: 10px;}
.lx_map .lx_list i{ display: inline-block; margin-right: 30px;}
.lx_map .lx_list span{ display: block; max-width:calc(100% - 75px);}
.lx_map .map_card .maplink{ height: 80px; padding: 0 30px; background: #eeeeee; transition: .3s ease; font-size:20px;}
.lx_map .map_card .maplink i{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; background: #cfcfcf; margin-left:auto; font-size:20px;}
.lx_map .map_card .maplink:hover{background:#004390; color: #fff;}
.lx_map .map_card .maplink:hover i{background:#fff; color:#333;}

@media (max-width: 1441px){
    .lx_map .map_card{width: 40%; transform:translate(0,-50%);}
}
@media (max-width: 1281px){
    .lx_map .map_card .title{font-size: 28px;}
}
@media (max-width: 1024px){
    .lx_map iframe{ display: none;}
    .lx_map .map_card{ width: 100%; position: unset;  transform:translate(0);}
}
@media (max-width: 450px){
    .lx_msg .title{ margin-bottom:35px;}
    .lx_msg input.fl{width: 100%; float: none;}
    .lx_msg input, .lx_msg textarea{ line-height: 50px;}
    .lx_msg .btns .btn{line-height: 50px;}
    .lx_map .map_card{padding: 0 2% 40px;}
    .lx_map .map_card .maplink{height: 60px;}
}