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

.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: #28a907 ;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: #c02e42 ;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:#c02e42;}
.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;}

.left_menu{ position: fixed; left:-570px; top:0; background: #fff; height: 100vh; padding: 120px 80px 0 80px; z-index:99; width:530px; transition:.3s ease;}
.meun_list{ position: relative; overflow:hidden; height:100%;}
.meun_list .box a{ margin-bottom: 40px; font-family:barm; font-size:36px; display:block;}
.meun_list .box a.c-flex{ display: flex;}
.meun_list .box a i{ font-size: 24px; margin-left: auto; font-weight:bold;}
.left_menu a:hover{ color:#28a907;}
.sec_box{ background: #fff; position: absolute; top: 0; left:100%; width:100%; height:100%; transition:.3s ease; }
.sec_box .back{ font-size: 30px; display: block; margin-bottom: 30px;}
.sec_box .back:hover{ color:#2bab09;}
.sec_box .list a{ font-size: 24px; margin-bottom:25px;}
.sec_box .list i{ font-size: 18px; margin-left: auto;}
.sec_box .list{ height: calc(100% - 100px); overflow-y: auto; padding-right:20px;}
.sec_box .list::-webkit-scrollbar {
  width: 6px;
}

.sec_box .list::-webkit-scrollbar-track {
  background: #e3e3e3;
}

.sec_box .list::-webkit-scrollbar-thumb {
  background: #2bab09;
  border-radius: 3px;
}
.left_menu .close{ width: 64px; height: 64px; font-size: 26px; line-height: 64px; text-align: center; border-radius: 50%; position:absolute; right:-32px; top:50%; background:#e5e5e5; cursor:pointer;}
.left_menu .close:hover{ color:#2bab09;}

.top_contact{ display: flex; align-items: center;}
.top_contact span{ display: inline-block; margin-right: 15px;}
.top_contact span:first-child{ padding-right: 15px; border-right:1px solid rgba(102,102,102,.3);}
.top_contact span i{ display: inline-block;width: 22px; height: 22px; border-radius: 50%; background: #f2f2f2; color: #3d63ca; line-height: 22px; text-align: center; font-size: 14px; margin-right: 3px;}
.top_lang{ margin: 0 50px 0 30px;}
.top_contact .con_btn{ display: inline-block; line-height: 36px; padding: 0 25px; border-radius: 18px; background: #019bd0; color: #fff;font-family: orbm;}
.top_contact .shoucang { margin-left: 20px; cursor:pointer;}
.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: 22px; height: 22px; border:1px solid rgba(255,255,255,.0);opacity: 1; background: none; margin:0 2px; position:relative;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 1px solid #c02e42;}
.swiper-pagination-bullet:after{ position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #a0a0a0; content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after{ background: #c02e42;}
.sy-ban .swiper-num{ font-size: 14px; color: #fff; position: absolute; width: 100%; left: 0; bottom: 50px; padding-left: 5%; z-index: 2;}
.sy-ban .swiper-num span{ display: inline-block; line-height: 34px; opacity: .5;}
.sy-ban .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;}
.sy-ban .swiper-num .svgbox span.active{opacity: 1;}
.sy-ban .swiper-num .svgbox .svg{width: 38px;height: 38px;transform: rotate(-90deg);transition: opacity .3s;display: block; position: absolute; left: -2px; top: -2px;}
.sy-ban .swiper-num .svgbox .circle1{/*stroke: #999;*/}
.sy-ban .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}}
.sy-ban .swiper-num i{ display: inline-block; width: 1px; height: 22px; background: rgba(255,255,255,.5); transform: rotate(12deg); margin: 0 8px;}

.top_h{ height: 105px;}
.sy-ban .txt1{ padding: 30px 0; position: absolute; width: 100%; top: 50%; padding: 0 55% 0 80px; transform: translateY(-50%);}
.sy-ban .txt1 p{ font-size: 22px; color: #fff; margin-top: 40px; text-transform: uppercase;}
.sy-ban .txt1 b{font-size: 60px; font-family: barb; line-height: 80px; color: #fff; text-transform: uppercase;}
.sy-ban .item_fixed_img{
    position: absolute;
    right:-80px;
    bottom: -52%;
    width: 57.3%;
}
.sy-ban .item_fixed_img .img1{
    position: absolute;
    right: 25%;
    top: 23.9%;
    width: 50%;
}
.sy-ban .item_fixed_img .img2{
    animation: spin 40s linear infinite;
}


@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.amore{ display: inline-flex; align-items: center; line-height: 50px; border-radius: 25px; font-size: 20px; padding: 0 15px 0 0; position: relative;transition: .2s ease; overflow: hidden;}
.amore span{ position: relative; z-index: 3; color: #333; display: block; line-height: 48px;}
.amore i{ display: inline-block; font-size: 26px;margin-left: 30px; transition: .3s ease; color: #fff;}
.amore.cw span{ color: #fff; }
.amore.on:after{background: #28a907; width: calc(100% - 3px);}
.amore:after{ width: 50px; height: 50px; border-radius: 25px; transition: .3s ease; background: #28a907; content: ''; position: absolute; right: 0; top: 0;}
.amore:hover:after{ width: calc(100% - 3px); background: #c02e42;}
.amore:hover,.amore.on { padding-left: 20px; color: #fff;}
.amore:hover span,.amore.on span,.amore.wb:hover span i{color: #fff;}

.dtop{ padding-top: 85px;}
.item_top{ margin-bottom: 40px; align-items: flex-end;}
.item_top .sy_title{ margin-bottom: 0; margin-right: auto;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}

.swiperall{ position: relative;}
.swiperbtn{ width: 70px; height: 70px; border-radius: 50%; border: 1px solid #cdcdcd; text-align: center; line-height: 70px; font-size: 28px; transition: .2s ease; background:#fff;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none}
.proswiper{ overflow: hidden;}
.smore{ display: block; width: 62px; line-height: 62px; height: 62px; border-radius: 50%; text-align:center; font-size: 26px; transition: .2s ease; border: 1px solid #e2e2e2;}
.smon:hover .smore{ background: #28a907; color: #fff; border-color: #28a907}

.bbl56{ font-size: 56px; font-family: barbl; line-height: 60px;}
.sy_product .title{ width: 70%; margin: 0 auto 60px; text-align: center;}
.sy_product .title b{ margin-bottom: 20px;}
.sy_product .title p{ font-family: barm;}
.swiperall .swiperbtn{ top: 50%;}
.swiperall .swiper-button-prev{ left: -100px;}
.swiperall .swiper-button-next{ right: -100px;}
.swiperbtn:hover{ background: #28a907; color: #fff;}
.proswiper li a{ display: block; background: #fff; border-radius: 16px; position: relative;text-align: center; padding: 25px 15px 35px; overflow: hidden;}
.proswiper li h2{ font-size: 22px; font-family: barb; line-height: 36px; height: 72px; overflow: hidden; margin-bottom: 30px;}
.proswiper{ padding-bottom: 70px; position: relative;}
.proswiper li a:after{ width: 100%; height: 6px; background: #28a907; content: ''; left: 0; bottom: 0; position: absolute; transition: .2s ease;}
.proswiper li:hover a:after{ background: #c02e42;}
.proswiper li:hover h2{ color: #c02e42;}

.sy_about .circle{ position: relative; z-index: 3;left: auto;}
.sy_about .circle img.cirbg{ animation: xuanzhuan 10s linear infinite; -webkit-animation: xuanzhuan 10s linear infinite; transform:rotate(0deg);}
@-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); }
}
.sy_abou{ overflow:hidden;}
.sy_about .circle a{  display: inline-block; position: absolute; font-size: 28px; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.ab_top{ margin-bottom: 85px;}
.ab_top .left{ width: 70%; margin-right: auto;}
.ab_top .left b{ margin-bottom: 40px; text-transform: uppercase;}
.ab_dl dt{ width: 20%; margin-right: auto; padding-left: 40px;position: relative;}
.ab_dl dt .ic{margin-bottom: 50px;}
.ab_dl dt b{ color: #949494; font-size: 80px; line-height: 80px; height: 80px; margin-bottom: 20px;}
.ab_dl dt b sup{ font-size: 60px; line-height: 50px; height: 50px;}
.ab_dl dt p{ font-family: barm; font-size: 20px; height: 30px; }
.ab_dl dt:after{ position: absolute; left: 0; top: 0; width: 4px; height: 150px; background: #28a907; content: '';}
.ab_dl dt:last-child{ margin-right:0;}
.ab_video{ position: relative;}
.ab_video .center{ align-items: flex-end;}
.ab_video .imgfdd{ width: 60%; border-radius: 36px; position: relative; margin-right: auto; z-index: 2}
.ab_video .imgfdd i{ position: absolute; left: 50%; top: 50%; font-size: 108px; color: #c02e42; transform: translate(-50%,-50%); cursor: pointer;}
.ab_video .txt{ width: 36%; padding-bottom: 60px; position: relative; z-index: 3;}
.ab_video .txt b{ font-size: 32px; font-family: barb; line-height: 32px; margin-bottom: 15px;}
.ab_video .txt .title{padding-left: 26px; border-left:5px solid #28a907; margin-bottom: 40px;}
.ab_video .txt p.des{ margin-bottom: 55px;}
.ab_video:after{ width: 50%; right: 0; bottom: 0; background: #f7f7f7; content: ''; position: absolute; height: 460px;}

.sy_custom{margin-top: 50px;}
.cusswiper{ overflow: hidden;}
.sy_custom .swiperbtn{ border: none;}
.cusswiper li .imgfd{ padding-top: 57%; border: 1px solid #dbdbdb; border-radius: 10px;}
.cusswiper li .imgfd:hover{ border-color: #28a907;}

.sy_solution{ position: relative; padding-bottom: 65px;}
.sy_solution .sol_box { position: relative;}
.sy_solution .sol_box .imgfd{ padding-top: 39%; border-top-left-radius: 100px; border-top-right-radius: 100px;}
.sy_solution .sol_box .imgfd:after{ position:absolute; width: 100%; height: 100%; background: rgba(0,0,0,.25); left: 0; top: 0; content: ''; z-index:2;}
.sy_solution .sol_box .txt{ width: 100%; position: absolute; left: 0; top: 110px; color: #fff; z-index:3;}
.sy_solution .sol_box .txt p,.sy_solution .sol_box .txt b{ width: 40%;}
.sy_solution .sol_box .txt b{ color: #fff; margin-top: 15px; }
.bb56{ font-family: barb; font-size: 56px; line-height: 80px; margin-bottom: 40px;}
.sy_solution .sol_box .txt b span{ color: #28a907; display: block;}
.sy_solution .sol_box .txt p{ margin-bottom: 70px;}
.sy_solution .sol_tab{ position: absolute; width: 100%; left: 0; bottom:10px; z-index:4;}
.sy_solution .sol_tab ul{ padding-bottom: 10px;}
.sy_solution .sol_tab li{ width: 15.5%; margin-right: auto; border-radius: 16px; padding: 35px 20px; background: #fff; transition: .2s ease; box-shadow: 0 0 8px rgba(0,0,0,.15);}
.sy_solution .sol_tab li p{ font-family: barm; font-size: 22px; margin-right: auto; max-width: calc(100% - 75px);}
.sy_solution .sol_tab li:last-child{ margin-right: 0;}
.sy_solution .sol_tab li:hover{ background: #28a907; color: #fff;}
.sy_solution .sol_tab li:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}

.sy_choose{ position: relative; overflow: hidden;}
.sy_choose .txt{ width: 60%; padding-top: 50px;}
.sy_choose .tab-bd1{ padding-right: 200px; margin-bottom: 110px; position: relative;}
.sy_choose .cho_tab{ position: absolute; width: 38%; right: 0; top: 50px;}
.sy_choose .cho_tab img.cho_cir{ width: 100%;}
.sy_choose .txt b.bbl56{ text-transform: uppercase; margin-bottom: 40px;}
.sy_choose .tab-bd1 h2{ font-size: 36px; font-family: barm; margin-bottom: 30px; position: relative; z-index: 2;}
.sy_choose .tab-bd1 p{ margin-bottom: 60px; position: relative; z-index: 2;}
.sy_choose .tab-bd1 .ic{ position: absolute; right: 120px; top: 0;}
.sy_choose .tab-bd1 .ic img{ width: 220px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(92%);-webkit-filter: brightness(0%) invert(92%);}
.cho_bot b{ font-size: 42px; line-height: 60px; width: 45%; margin-right: 50px; border-right: 1px solid #dbdbdb;}
.cho_bot span{ font-size: 22px; width: calc(55% - 91px);}
.sy_choose .cho_tab li{width: 144px; height: 144px; border-radius: 50%; background: #626262; position: absolute; text-align: center; transition: .3s ease;}
.sy_choose .cho_tab li .box{ color: #fff; font-size: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.sy_choose .cho_tab li:first-child{right: 35%; top: 0;}
.sy_choose .cho_tab li:last-child{right: 35%; bottom: 0;}
.sy_choose .cho_tab li:nth-child(2){ right: 68%; top: 100px;}
.sy_choose .cho_tab li:nth-child(4){ right: 68%; bottom: 100px;}
.sy_choose .cho_tab li:nth-child(3){ left: 0; top: 50%; transform: translateY(-50%);}
.sy_choose .cho_tab li.active{ background: #28a907;}
.sy_choose .cho_tab li:after{width: 132px; height: 132px; border-radius: 50%; border: 1px solid #45cd23; position: absolute; left: 5px; top: 5px; content: ''; display: none; transition: .3s ease;}
.sy_choose .cho_tab li.active:after{ display: block;}

.newswiper{ overflow: hidden; position: relative;}
.sy_news .swiperbtn{ position: unset; display: inline-block; margin-left: 35px; font-size: 20px;}
.newswiper .swiper-scrollbar.swiper-scrollbar-horizontal{position: unset; opacity: 1!important; height: 4px; background: #e5e5e5; width: 100%; margin-right: auto; z-index:5; margin-top: 40px;}
.newswiper .swiper-scrollbar .swiper-scrollbar-drag{background: #000000;}
.sy_news .item_top .bb56{ margin-right: auto; margin-bottom: 0;}
.sy_news .item_top { margin-bottom: 45px;}
.newswiper li .imgfd{ padding-top: 62%; margin-bottom: 25px;}
.newswiper li span{ display: block; font-size: 18px; line-height: 22px; padding-left: 16px; border-left: 3px solid #28a907;}
.newswiper li h2{ font-family: barb; font-size: 26px; line-height: 40px; height: 120px; margin: 20px 0; overflow:hidden;}
.newswiper li p{ font-size: 18px;}
.newswiper li:hover h2{ color: #c02e42;}

.bot_link .item{ width: calc(50% - 10px); margin-right: auto; position: relative; margin-bottom: 20px;}
.bot_link .item:last-child{margin-right: 0;}
.bot_link .item .imgfd{ padding-top: 45%;}
.bot_link .item .txt{ left: 15%; top: 100px; color: #fff; width: 80%; position: absolute; z-index: 3;}
.bot_link .item .txt b{ font-size: 36px; font-family: barb; color: #fff; line-height: 36px;margin-bottom: 20px;}
.bot_link .item .txt .title{ padding-left: 30px; border-left: 6px solid #28a907; margin-bottom: 75px;}
.bot_link .item .txt .smore{ color: #fff; border-color: #fff;}

.index_foot{ position: relative; background: #0067a4; background-size: cover; color: #fff;}
.index_foot a{ color: #fff;}
.foot_center{ padding: 60px 0 50px; border-bottom: 1px solid rgba(255,255,255,.2);}
.foot_center .foot_nav{ margin-left: auto;width: 65%;}
.foot_center .foot_nav li{ margin: 0 auto;}
.foot_center .foot_nav a{display: block; margin-bottom: 20px; font-size: 16px; color: #fff;}
.foot_center .box{ width: 32%;}
.foot_center .box .flo_box { margin-bottom: 55px;}
.foot_center .box .flo_box p{ width: calc(100% - 190px); line-height: 24px; font-size: 18px; color: #b3b3b3; margin-bottom: 0;}
.foot_center .box .flogo{display: block;margin-bottom: 35px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.foot_center .box .follow h4{color: #fff; text-transform: uppercase;}
.foot_contact .fcon_box{ width: 30%;}
.foot_contact .fcon_item{ margin-bottom: 30px; overflow: hidden;}
.foot_contact .fcon_item span{ display: inline-block; margin-right: 10px; font-size: 18px; color: #fff; text-transform: uppercase;}
.foot_contact .fcon_item p{ line-height: 24px; width: calc(100% - 85px); font-size: 18px;}
.copy{ padding: 20px 0;}
.foot_center b{ font-family: barm; font-weight: normal;font-size: 22px; margin-bottom: 25px; display: block; color: #fff;}
.index_foot .b_top{margin-left: auto; color: #fff; font-size: 16px; cursor: pointer;}
.index_foot .b_top i{display: inline-block; margin-left: 15px; width: 40px; height: 40px; line-height: 40px; border: 2px solid #fff; border-radius: 50%; text-align: center; margin-left: 10px; transition: .2s ease}
.b_top i{ line-height: 50px; color: #fff; font-size: 22px;}
.fcon_tel span{ font-size: 30px; color: #004088; margin-right: 5px;}
.fcon_tel{ color: #333;}
.fcon_tel p{ font-size: 42px; margin-top: 20px;}
.index_foot .follow p{text-transform: uppercase; margin-right: 15px;}
.foot_center .c-flex{ margin-top: 30px;}
.index_foot .b_top:hover p{ color: #28a907;}
.index_foot .b_top:hover i{background: #28a907;}

.video_bg{ width: 1150px; position:fixed; left:50%; margin-left:-575px; top:120px;display: none; z-index:9999; }
.video_box{ width:100%; background: #fff; height:auto; position: relative; transition: all 0.5s linear;}
.video_box iframe{width:1150px;}
.video_box video{ height: 100%; width: 100%!important;}
.video_box iframe{ height:650px;}
.video_close{ position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer; z-index:9999;}
.video_gb{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;z-index: 9998; background:rgba(0,0,0,.3); }
.video_close i{ font-size: 30px; color: #fff;}


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


@media (max-width: 1600px){
	.index_head{ padding: 0 2%;}
	.sy-ban .txt1{padding:0 50% 0 2%;}
	.sy-ban .swiper-num{padding-left: 2%;}
	
}

@media (max-width: 1441px){
	.sy-ban .txt1 b{ font-size: 50px; line-height: 70px;}
	.bbl56{ font-size: 50px; line-height: 54px;}
	.ab_dl dt b{ font-size: 70px; line-height: 70px; height: 70px;}
	.ab_dl dt .ic{margin-bottom: 30px;}
	.swiperbtn{ line-height: 54px; width: 54px; height: 54px;}
	.swiperall{padding: 0 40px;}
	.bb56{font-size: 50px; line-height: 65px;}
	.sy_solution .sol_tab li{ padding: 25px 20px;}
	.sy_choose .cho_tab li{width: 128px; height: 128px;}
	.sy_choose .cho_tab li:after{ width:116px; height: 116px;}
	.sy_choose .cho_tab li:nth-child(2){ right:63%; top: 65px;}
	.sy_choose .cho_tab li:nth-child(4){ right:63%; bottom: 65px;}
	.cho_bot b{ font-size: 36px; line-height: 50px;}
	.bot_link .item .txt{ top: 70px; left: 10%;}
	.bot_link .item .txt .title{ margin-bottom: 50px;}
}

@media (max-width: 1281px){
	.index_head .nav li{ margin-left: 40px;}
	.cho_bot b{ font-size: 30px; line-height: 40px;}
	.cho_bot span{ font-size: 20px;}
	.newswiper li h2{font-size: 22px; line-height: 32px; height: 96px;}
	.bot_link .item .txt{ top: 40px;}
	.smore{ width: 50px; height: 50px; line-height: 50px; font-size:22px;}
	.bot_link .item .txt b{font-size: 30px;}
	
}

@media (max-width: 1024px){
	.sy-ban{ margin-top: 54px;}
	.sy-ban .txt1 b{ font-size: 40px; line-height: 55px;}
	.sy-ban .txt1 p{ font-size: 20px;}
	.sy_product .title{ width: 90%;}
	.bbl56{ font-size: 40px; line-height: 44px;}
	.ab_dl dt b{ font-size: 56px; line-height: 56px; height: 56px; margin-bottom:15px;}
	.ab_dl dt b sup{ font-size: 40px; line-height:30px; height:30px;}
	.ab_dl dt{padding-left: 30px;}
	.ab_dl dt:after{ width:3px; height: 120px;}
	.ab_video{ background:#f7f7f7;}
	.ab_video .imgfdd{ width: 100%; margin-bottom: 25px;}
	.ab_video .center{ display: block;}
	.ab_video .txt{ width:100%;}
	.sy_solution .sol_box .txt p, .sy_solution .sol_box .txt b{ width: 55%;}
	.sy_solution{ display: none;}
	.mainh{ height: 40px;}
	.sy_choose .tab-bd1{ padding-right: 100px;}
	.sy_choose .tab-bd1 .ic img{width: 150px;}
	.sy_choose .cho_tab li .box img{ height: 40px;}
	.sy_choose .cho_tab li .box p{ font-size: 16px;}
	.sy_choose .cho_tab li{ width: 108px; height: 108px;}
	.sy_choose .cho_tab li:after{ width:96px; height: 96px;}
	.sy_choose .cho_tab li:last-child{right: 30%; bottom: -20px;}
	.sy_choose .cho_tab li:first-child{right: 30%;top: -20px;}
	.sy_choose .cho_tab li:nth-child(2){right: 58%;top: 38px;}
	.sy_choose .cho_tab li:nth-child(4){ right:58%; bottom: 38px;}
	.sy_choose .txt b.bbl56{margin-bottom: 30px;}
	.sy_choose .tab-bd1 h2{ font-size: 28px; margin-bottom: 20px;}
	.sy_choose .tab-bd1 p{ margin-bottom:30px;}
	.amore{font-size: 18px; line-height: 44px; padding-right:12px;}
	.amore i{ font-size: 22px; margin-left: 15px;}
	.amore span{ line-height: 42px;}
	.amore:after{height:42px; width:42px;}
	.newswiper li .imgfd{margin-bottom: 18px;}
	.newswiper li h2{ margin: 15px 0;}
	.newswiper li h2{ font-size: 20px;line-height: 30px; height: 90px;}
	.bot_link .item .txt .title{ margin-bottom: 30px;}
	.bot_link .item .txt b{ font-size: 26px; margin-bottom: 15px; line-height: 32px;}
	.foot_center{ display: none;}
	.bb56{ font-size: 40px; line-height: 48px;}
	
}
@media (max-width: 768px){
	.sy-ban .txt1 b{ font-size: 28px; line-height: 40px;}
	.sy-ban .txt1 p{ margin-top: 25px; font-size:18px;}
	.sy-ban .swiper-num{ bottom: 30px;}
	.ab_video .txt .title{margin-bottom: 25px;}
	.ab_video .txt p.des{ margin-bottom: 30px;}
	.sy_choose .txt{ width: 100%; padding-top:0;}
	.sy_choose .tab-bd1{ padding-right: 50px;}
	.sy_choose .cho_tab{ position: unset; width: 100%;}
	.sy_choose .tab-bd1{ margin-bottom: 40px;}
	.sy_choose .cho_tab img.cho_cir{ display: none;}
	.sy_choose .cho_tab .tab-hd1{ display: flex; align-items: center; flex-wrap: wrap; margin-top:25px;}
	.sy_choose .cho_tab li{ position: relative; margin-right:auto; top:0!important; bottom:0!important; left:0!important; right:0!important;}
	.sy_choose .cho_tab li:nth-child(3){ transform:translateY(0);}
	.sy_choose .cho_tab li:last-child{margin-right:0;}
	.bot_link { display: none;}
	.ab_dl dt{ padding-left: 20px;}
	.ab_dl dt .ic{margin-bottom: 15px;}
	.ab_dl dt b{font-size: 40px; line-height: 40px; height: 40px;}
	.ab_dl dt p{ font-size: 18px;}
	.ab_dl dt .ic img{ height: 50px;}
	.ab_video .imgfdd{ border-radius: 15px;}
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban .txt1 b{ font-size: 24px; line-height: 32px;}
.sy-ban .txt1{padding-right: 20%;}
.sy-ban .txt1 p{margin-top: 15px;}
.sy-ban .swiper-num{ display: none;}
.bbl56{ font-size: 28px; line-height: 32px;}
.sy_product .title{margin-bottom: 25px;}
.swiperbtn{ width: 32px; height: 32px; line-height: 32px; font-size: 20px;}
.swiperall{padding: 0 25px;}
.proswiper li a{padding: 20px 10px 25px;}
.proswiper li h2{font-size: 20px; line-height: 30px; height: 60px; margin-bottom: 15px;}
.proswiper{padding-bottom: 45px;}
.swiper-pagination-bullet{ width: 18px; height: 18px;}
.swiper-pagination-bullet:after{ width:6px; height: 6px;}
.ab_top .left{ width: 100%;}
.sy_about .circle{ display: none;}
.ab_top{margin-bottom: 10px;}
.ab_dl dt{ width: 45%; margin-top: 20px;}
.ab_dl dt:nth-child(2n){ margin-right:0;}
.ab_dl dt:after{height:80px;}
.ab_video .imgfdd i{ font-size: 56px;}
.sy_choose{padding-top: 0;}
.sy_choose .tab-bd1 .ic{ right: 0;}
.sy_choose .tab-bd1 .ic img{ width: 100px;}
.cho_bot{ display: none;}
.sy_choose .cho_tab li .box p{display: none;}
.sy_choose .cho_tab li{ width: 66px; height: 66px;}
.sy_choose .cho_tab li:after{ width:54px; height: 54px;}
.sy_news {padding-top: 0;}
.bb56{ font-size: 28px; line-height: 34px;}
.sy_news .swiperbtn{margin-left: 20px;}
.newswiper li span{display: none;}
.newswiper li .imgfd{ margin-bottom: 0;}
.newswiper li h2{font-size: 18px; line-height: 26px; height: 78px;}
.newswiper li p{ font-size: 16px;}
.sy_news .item_top{ margin-bottom: 25px;}
.newswiper .swiper-scrollbar.swiper-scrollbar-horizontal{margin-top: 20px;}
.copy{ font-size: 14px; padding:12px 0;}
.sy_custom{margin-top: 35px;}
.sy_choose .tab-bd1 h2{ font-size: 24px;}
}
.toph{height: 124px;}
.ny_ban{position: relative; overflow:hidden; text-align:center;}
.ny_ban .txt{ position:absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.ny_ban b{ font-size: 72px; color: #fff; text-transform:uppercase; font-family:barb;}
.pro_ban p{ color: #fff; font-size: 22px; margin: 15px 0 20px;}
.pro_ban form{ display:inline-block; width: 660px; line-height: 64px; background: #fff; border-radius: 32px; overflow: hidden;}
.pro_ban form .search_sub{width: 110px; text-align: center; line-height: 64px; font-size:24px; color:#fff; background:#2bab09; cursor:pointer; transition:.4s ease;}
.pro_ban form input{ width: calc(100% - 120px); padding-left: 32px; line-height:64px; font-family:bar;}
.pro_ban form .search_sub:hover{background: #ff2100;}

.ny_title{ width: 60%; text-align: center; margin:0 auto 60px;}
.ny_title b{ margin-bottom: 25px;}
.ny_title p{ font-size: 22px; line-height: 36px;}
.pro_cate dl dt{ width: 31%; margin-right: auto; border-radius:32px; border:1px solid #e5e5e5; padding:40px 75px 55px;}
.pro_cate dl dt:nth-child(3){margin-right:0;}
.pro_cate dl dt a{ font-size:22px; line-height:48px; position:relative;}
.pro_cate dl dt a i{margin-left: auto; font-size:20px; opacity:0; transition:.3s ease;}
.pro_cate dl dt a:after{ position:absolute; height:1px; width:0; transition:.3s ease; content:''; background:#2bab09; left:0; bottom:0;} 
.pro_cate dl dt a:hover,.pro_cate dl dt a.act{ color:#2bab09;}
.pro_cate dl dt a:hover:after,.pro_cate dl dt a.act:after{width:100%;}
.pro_cate dl dt a:hover i,.pro_cate dl dt a.act i{ opacity:1;}
.pro_cate dl dt a p{ height: 48px; line-height: 48px; overflow: hidden; max-width: calc(100% - 40px);}

.pro_box .bbl56{ text-align: center; margin-bottom:45px;}
.proli{ background: #fff; padding:45px 60px 55px 0; border-radius: 16px;}
.proli .pic{ width: 41%; margin-right: auto;}
.proli .txt{ width: 57%;}
.proli .txt h2{ font-family: barb;  font-size: 25px; line-height:30px; height:30px; overflow:hidden;}
.proli .txt .tit{ padding-bottom: 20px; border-bottom: 1px solid #ececec; position:relative; margin-bottom:20px;}
.proli .txt .tit:after{ position:absolute; left: 0; bottom: 0; content: ''; background: #2bab09; width: 80px; height: 4px;}
.ny_pro_list .proli{ float:left; width: 48.5%; margin-right: 3%; margin-bottom: 40px;}
.ny_pro_list .proli:nth-child(2n){ margin-right:0;}
.proli .txt p{ font-size: 18px; height: 90px; overflow: hidden; margin-bottom: 30px;}
.proli .txt span{ font-family: barm; font-size: 18px;}
.proli .txt span i{ font-size: 20px; margin-left: 5px;}
.proli:hover h2,.proli:hover span{ color:#2bab09;}
@media (max-width: 1441px){
    .pro_cate dl dt{padding: 30px 60px 45px;}
    .ny_title{ width: 70%;}
    
}
@media (max-width: 1281px){
    .ny_title{ width: 80%;}
    .pro_cate dl dt{padding: 30px 45px 40px;}
    .pro_cate dl dt a{font-size: 20px;}
    .proli{padding: 30px 40px 30px 0;}
    .proli .txt p{height: 60px; margin-bottom: 20px;}
    .ny_ban b{ font-size: 60px;}
}
@media (max-width: 1024px){
    .pro_cate dl dt{padding: 20px 30px 35px; border-radius:12px; width:32%;}
    .proli .txt p{margin-bottom: 0;}
    .proli .txt span{display: none;}
    .proli .txt h2{font-size: 22px;height:60px;}
    .proli .txt .tit{padding-bottom: 15px; margin-bottom: 15px;}
    .toph{height: 54px;}
    .ny_ban b{font-size: 56px;}
}
@media (max-width: 768px){
    .ny_title p{ font-size: 18px; line-height: 30px;}
    .ny_title{margin-bottom: 25px;}
    .pro_cate dl{ display: block;}
    .pro_cate dl dt{ width: 100%; margin-bottom: 20px;}
    .proli .txt p{height: 48px;}
    .pro_ban form{line-height: 48px; width: 500px;}
    .pro_ban form input,.pro_ban form .search_sub{ line-height: 48px;}
    .pro_ban form .search_sub{ width: 80px;}
    .ny_ban b{font-size: 40px;}
    .pro_ban p{font-size: 20px;}
}
@media (max-width: 450px){
    .pro_box .bbl56{margin-bottom: 25px;}
    .ny_pro_list .proli{ width: 100%; margin-bottom:20px; padding:15px 20px 15px 0;}
    .proli .txt h2{font-size: 20px;}
    .ny_ban img{ height: 180px; object-fit: cover;}
    .pro_ban p{ display: none;}
    .pro_ban form{ width: 90%; margin-top:20px;}
    .pro_ban form .search_sub{ width: 60px;}
    .pro_ban form input,.pro_ban form .search_sub{ line-height: 42px;}
    .pro_ban form input{padding-left: 20px; width: calc(100% - 60px); font-size:16px;}
    .ny_title{width: 90%;}
    .ny_title b{ margin-bottom: 15px;}
    
}
.showposi{ padding: 40px 0; font-size:18px; color:#999999;}
.showposi a{ color: #999;}
.showposi a:last-child{ color:#333;}
.show_top{padding: 60px 0 100px;}
.show_top .pic{ width: 43%;}
.show_top .txt{ width: 50%;}
.bigswiper,.smswiper{ overflow: hidden;}
.bigswiper{ margin-bottom:20px;}
.smswiper li{ border:1px solid #dadada; padding:9px;}
.smswiper li.swiper-slide-thumb-active{ border-color: #2bab09;}
.show_top .txt h1{ font-size: 44px; font-family: barb; line-height: 50px; padding-bottom: 40px; margin-bottom:50px; border-bottom: 1px solid #e6e6e6; }

.show_top .txt .cirbtn{ line-height: 50px; height: 50px; border-radius: 27px; border: 1px solid #2bab09; 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:#2bab09;}
.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:#2bab09; color:#2bab09;}
.show_top .txt .cirbtn:hover span{ display: inline-block;}
.show_top .txt .btns .amore{padding: 0 50px;}
.show_top .txt .btns .amore i{ font-size: 18px; margin-left:15px;}
.pro_youshi{ margin: 65px 0;}
.pro_youshi dt{ width: 175px; margin-right: auto;}
.pro_youshi dt .ic{margin-right: 15px;}
.pro_youshi dt p{ width: calc(100% - 80px);}
.pro_youshi dt:last-child{margin-right:0;}
.show_top .share{margin-top: 55px;}
.show_top .share span{ margin-right: 10px;}

.det_tab{background: #efefef; border-radius:36px;}
.det_tab li{ width: 33.3%; justify-content: center; height:72px; border-radius:36px; font-size:22px;}
.det_tab li i{ font-size: 22px; margin-right: 8px;}
.det_tab li.active{ background: #2bab09; color:#fff;}
.det_content{ overflow: hidden; padding:70px 0 ;}
.det_content table{ border-top:1px solid #ddd;}
.det_content table td{ padding: 15px 20px 10px;}
.det_content table tr{ border-bottom: 1px solid #ddd;}
.det_content img{ max-width: 100%!important;}
.show_det{padding-bottom: 80px;}
.det_table td{ border: 1px solid #ddd; padding: 10px 20px; text-align:center; }
.paratable{ padding-bottom: 40px; overflow-x: auto;}
.paratable::-webkit-scrollbar {
  height: 6px;
}

.paratable::-webkit-scrollbar-track {
  background: #e3e3e3;
}

.paratable::-webkit-scrollbar-thumb {
  background: #2bab09;
  border-radius: 3px;
}
.lx_top .left{ width: 30%;}
.lx_top .left dt{margin-bottom: 70px;}
.lx_top .left i{ width: block; line-height: 50px; height: 50px; width: 50px; text-align: center; border-radius: 50%; border: 1px solid #d2d2d2; margin-right:12px; font-size:28px;}
.lx_top .left .txt{ max-width: calc(100% - 65px);}
.lx_top .left h4{ font-size: 20px; font-family: popsb;}
.lx_top .left a:hover{ color:#2bab09;}
.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; border-radius:8px; padding-left: 15px; margin-bottom:30px; width:100%; font-size:14px;}
.lx_msg input.fl{ width: 49%; margin-right: 2%;}
.lx_msg input.fl:nth-child(2n){ margin-right:0;}
.lx_msg .sub{ width: 180px; line-height: 50px; text-align: center; display: block; border-radius:8px; background: #be1501; color: #fff; font-size: 16px; margin-left:auto; text-transform:uppercase; cursor:pointer; transition:.3s ease;}
.lx_msg .sub:hover{ background:#2bab09;}
.lx_top .lx_msg{ width: 61%; padding-left: 4%; margin-left: auto; border-left:1px solid #e5e5e5;}
.lx_msg b{margin-bottom: 30px;}
.lx_top .lx_msg .title{ margin-bottom: 65px;}
.lx_msg p.exp{ font-size: 16px; width:55%;}


.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: #2bab09; border-color: #2bab09; 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: #2bab09;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}

.relpro .bbl56{ text-align: center; margin-bottom: 45px;}
.relswiper{ overflow: hidden;}

@media (max-width: 1281px){
    .showposi{padding: 25px 0;}
    .show_top{padding: 40px 0 60px;}
    .show_top .txt h1{font-size: 40px; padding-bottom: 30px; margin-bottom: 40px;}
    .pro_youshi{ margin: 40px 0;}
    
}
@media (max-width: 1024px){
    .show_top .txt{ width: 52%;}
    .pro_youshi dt{ width: 165px;}
    .pro_youshi dt .ic img{ height: 60px;}
    .show_top .txt h1{padding-bottom: 25px; margin-bottom: 30px;}
    .pro_youshi{ margin: 30px 0;}
    .show_top .share{ margin-top: 30px;}
    .show_top .txt .cirbtn{ display: none;}
    .det_tab li{height: 60px;}
}
@media (max-width: 768px){
    .show_top .pic{ width: 100%; margin-bottom: 25px;}
    .showposi{padding: 20px 0;}
    .show_top .txt{ width: 100%;}
    .show_top{padding: 20px 0 40px;}
    .show_top .txt h1{font-size:32px; padding-bottom:15px; margin-bottom:20px;}
    .det_tab li i{display: none;}
    .det_tab li{font-size: 18px;}
    .det_content{ padding: 45px 0;}
    .det_tab li:last-child{display:none;}
    .det_tab li{ width: 50%;}
}
@media (max-width: 450px){
    .show_top .txt h1{ font-size: 26px;}
    .showposi{ font-size: 16px; padding:15px 0;}
    .showposi p{ font-size: 16px;}
    .smswiper li{padding: 5px;}
    .pro_youshi{ display: none;}
    .show_top .txt .des{margin-bottom: 20px;}
    .show_top .txt .btns .amore{padding: 0 30px;}
    .det_tab li{height: 50px;}
    .det_content{padding: 25px 0;}
    .page_btn{ display: block;}
    .page_btn .back{display: none;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{ text-align: left; margin-top: 20px;}
    .page_btn{padding-top: 25px;}
    .relpro .bbl56{margin-bottom: 25px;}
    .ny_ban b{font-size: 36px;}
    
}
.ny_ban .posi{ color: #fff; position: absolute; width: 100%; left: 0; bottom: 30px; text-align:left; font-size:18px;}
.ny_ban .posi a{ color:#fff;}

.com_box .imgfdd{ width: 45%; border-radius: 32px; margin-right: auto;}
.com_box .txt{ width: 50%;}
.com_box .txt .box p{ line-height: 36px;}
.com_box{margin-bottom: 65px;}
.core_top{margin-bottom: 35px;}
.core_top .ab_title{ width: 40%; margin-right: auto;}
.ab_title span{color: #2bab09;}
.core_top .des{width: 45%;}
.core_top .des p{ font-size: 22px; line-height: 36px;}
.ab_core ul{height: 440px;}
.ab_core ul li{ height:100%; background: #fff; border-radius: 16px; overflow: hidden; position: relative; width:14%; margin-right:1%; transition:.2s ease;}
.ab_core ul li:last-child{ margin-right:0;}
.ab_core ul li.act{ width: 40%;}
.ab_core ul li .txt{ width: 65%; padding: 65px 50px 0; display:none;}
.ab_core ul li.act .txt{ display: block;}
.ab_core ul li .pic{ width: 250px; position:absolute; top:50%; transform:translateY(-50%); right:-10%; transition:.2s ease;}
.ab_core ul li .pic .imgfd{ padding-top: 144%;}
.ab_core ul li .txt h2{ font-size: 22px; font-family: barb; line-height: 36px; height: 72px; overflow: hidden; margin-bottom: 20px;}
.ab_core ul li .txt p{ height:120px; overflow:hidden; margin-bottom:50px;}
.ab_core ul li .txt span i{ font-size: 20px; margin-left: 5px;}
.ab_core ul li:hover h2,.ab_core ul li:hover span{ color:#2bab09;}
.ab_core ul li.act .pic{ right: 0;}
.core_bot{margin-top: 45px;}
.core_bot .left{ width: calc(100% - 430px); margin-right: auto;}
.core_bot .left .imgfdd{margin-right: 60px;}
.core_bot .left .box{ width: calc(100% - 302px);}
.core_bot a{ display: block; padding: 25px 0 25px 70px; font-size:40px; font-family:barm; border-left:1px solid #dadada;}
.core_bot a i{ font-size: 36px; margin-left: 10px;}
.core_bot a:hover{ color:#2bab09;}

.mart_top .ab_title{ width: 40%; margin-right: auto;}
.mart_top p{ width: 50%; font-size: 26px; line-height: 45px;}
.ab_global dl{ width: 37%; padding-top:60px;}
.ab_global dt{ margin-bottom: 60px;}
.ab_global dt h2{ font-size: 28px; margin-bottom: 15px; font-family: barm;}
.ab_global .txt .amore i{ font-size: 18px; margin-right: 5px;}
.ab_global .map{ width: 57%; position:relative;}
.ab_global .txt p{font-size:18px;}
.ab_global .map .mappic{ width: 94%;}
.ab_global .map li{ position: absolute; text-align:center; font-size:14px; }
.ab_global .map li i{ width:6px; height:6px; background:#2bab09; border-radius:50%; display: inline-block; position: relative;}
.ab_global .map li:first-child i{ width:55px; line-height: 55px; height:55px; color:#fff; }
.ab_global .map li p{ margin-top: 5px;}
.ab_global .map li i::after {
  width: 400%;
  height: 400%;
  -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(43,171,9, 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(43,171,9, 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%;z-index:4;}
.ab_global .map li:nth-child(2){left:6.5%; top: 25%;}
.ab_global .map li:nth-child(3){left:13%; top: 27.5%;}
.ab_global .map li:nth-child(4){left:14%; top: 39%;}
.ab_global .map li:nth-child(5){left:13%; top: 37%;}
.ab_global .map li:nth-child(6){left:13%; top: 28%;}
.ab_global .map li:nth-child(7){left:11.5%; top: 25%;}
.ab_global .map li:nth-child(8){left:8.5%; top: 20%;}
.ab_global .map li:nth-child(9){left:35%; top: 32%;}
.ab_global .map li:nth-child(10){left:40%; top: 34%;}
.ab_global .map li:nth-child(11){left:28.4%; top: 53%;}
.ab_global .map li:nth-child(12){left:28.3%; top: 45%;}
.ab_global .map li:nth-child(13){left:70%; top: 20%;}
.ab_global .map li:nth-child(14){left:88%; top: 60%;}

.ab_industry .ab_title{ text-align: center;}
.ab_industry ul{ height: 520px; position:relative;}
.ab_industry ul li{ overflow: hidden; border-radius: 16px; position: absolute;}
.ab_industry ul li img{ width: 100%; height: 100%; object-fit: cover;}
.ab_industry ul li:first-child{ width:20%; height:100%; left:0; top:0;}
.ab_industry ul li p{ color: #fff; position: absolute; left: 40px; bottom: 40px; font-family:barm; font-size:22px;}
.ab_industry ul li:nth-child(n+2){ height:calc((100% - 18px) / 2); width:21%;}
.ab_industry ul li:nth-child(-n+4){ top:0;}
.ab_industry ul li:nth-child(n+5):nth-child(-n+7){ bottom:0;}
.ab_industry ul li:nth-child(2),.ab_industry ul li:nth-child(7){ width:calc(38% - 54px);}
.ab_industry ul li:nth-child(2),.ab_industry ul li:nth-child(5){ left:calc(20% + 18px);}
.ab_industry ul li:nth-child(3){left:calc(58% - 18px);}
.ab_industry ul li:nth-child(6){ left:calc(41% + 36px);}
.ab_industry ul li:nth-child(4),.ab_industry ul li:nth-child(7){ right:0;}

.ab_coop .list{ width: 42%;}
.ab_coop .txt{ width: 51%;}
.ab_coop .list li{ float: left; width:24%; margin-right:1%; margin-bottom:25px; border-radius:10px; border:1px solid #dbdbdb; overflow:hidden;}
.ab_coop .list li:nth-child(4n){margin-right:0;}
.ab_coop .list li .imgfd{ padding-top: 54%;}
.ab_service .ab_title{ text-align: center;}
.ab_service .des{ width: 80%; text-align: center; margin: 0 auto 45px;}
.ab_service .imgfdd{ width: 58%; border-radius: 32px;}
.ab_service .txt{ width: 37%;}
.ab_service .txt h3{ font-size: 28px; font-family: barb; margin-bottom: 25px;}
.ab_service .txt .box{ margin-top: 45px; border-radius: 16px; border: 1px solid #dddddd; padding: 28px 35px 30px; background:url(../images/tm_16.png) no-repeat calc(100% - 40px) calc(100% - 40px);}
.ab_service .txt .box h4{ font-family: barm; font-size: 26px; margin-bottom: 20px; line-height: 36px;}

@media (max-width: 1281px){
    .ab_core ul li .pic{ width: 200px;}
    .ab_core ul li .txt{padding: 40px 30px 0;}
    .ab_core ul{height: 380px;}
    .ab_global dt{margin-bottom: 40px;}
    .ab_service .txt .box{padding: 25px 25px 20px;}
    .ab_service .txt .box h4{font-size: 24px; line-height: 32px;}
}
@media (max-width: 1024px){
    .core_bot{ display: none;}
    .ab_core ul li .pic{ width: 160px;}
    .ab_core ul li .txt h2{font-size: 20px; line-height: 30px; height: 60px; margin-bottom:10px;}
    .ab_core ul li .txt p{margin-bottom: 25px;}
    .ab_core ul{height: 320px;}
    .mart_top p{font-size: 22px; line-height: 32px;}
    .ab_global dl{padding-top: 0;}
    .ab_global dt h2{font-size: 24px;}
    .ab_industry ul{height: 450px;}
    .ab_industry ul li p{ font-size: 20px; left: 25px; bottom: 30px;}
}
@media (max-width: 768px){
    .bb56{margin-bottom: 25px;}
    .com_box{display: block; margin-bottom:30px;}
    .com_box .imgfdd{ width: 100%; margin-bottom: 25px;}
    .com_box .txt{width: 100%;}
    .core_top{ display: block;}
    .core_top .ab_title{ width: 100%; margin-bottom: 25px;}
    .core_top .des{width: 100%;}
    .ab_core ul{ display: block; height:auto;}
    .ab_core ul li,.ab_core ul li.act{ width: 100%; margin-bottom: 15px;}
    .ab_core ul li .txt{ display: block;}
    .ab_core ul li .pic{ right: 0;}
    .ab_core ul li .txt{padding: 30px 25px;}
    .ab_core ul li .txt p{height: 72px;}
    .ab_core ul li .txt h2{height: auto;}
    .mart_top { display: block; margin-bottom:25px;}
    .mart_top .ab_title{ width: 100%; margin-bottom: 20px;}
    .mart_top p{width: 100%;}
    .ab_global dl{ width: 100%; float:none;}
    .ab_global .map{width: 100%; float: none;}
    .ab_coop .list{ width: 100%; float: none;}
    .ab_coop .txt{ width: 100%; margin-top: 25px; float:none;}
    .ab_service .imgfdd{ width: 100%; border-radius: 12px; margin-bottom:25px;}
    .ab_service .txt{ width: 100%;}
    
}
@media (max-width: 450px){
    .ny_ban .posi{ bottom: 20px;}
    .com_box .txt .box p{ line-height: 30px;}
    .core_top .des p{font-size: 20px; line-height: 30px;}
    .ab_global .map{ display: none;}
    .ab_global{padding-bottom: 0;}
    .ab_industry ul li{ position: relative; width: 100%!important; height:200px!important; margin-bottom:20px; left:0!important; top:auto!important;}
    .ab_industry ul{height: auto;}
    .ab_service .des{ width: 100%; margin-bottom: 25px;}
}
.fon_tec .title,.tech_part .title{ width: 80%; margin: 0 auto 60px; text-align: center;}
.fon_tec .title .bbl56,.tech_part .title .bbl56{ margin-bottom: 35px;}
.fon_tec .title p,.tech_part .title p{ font-size: 22px; line-height: 36px;}
.tech_down{margin-bottom: 45px;}
.tech_down a{ width: 32%; height:120px; margin-right: auto; border: 1px solid #ddd; border-radius: 10px; padding: 30px 35px; transition:.3s ease;}
.tech_down a:last-child{ margin-right:0;}
.tech_down a h2{ font-size: 24px; max-width: calc(100% - 60px); margin-right: auto;}
.tech_down a i{ font-size: 30px;}
.tech_down a:hover{ color:#2bab09; border-color: #2bab09;}
.tech_down a:hover h2{ color:#2bab09;}
.casebox .tab-bd{ width: 50%; border-radius:32px; overflow:hidden;}
.casebox .tab-bd .imgfd{padding-top: 60%;}
.casebox .tab-hd{ width: 50%; padding:0 70px 0 60px;}
.casebox .tab-hd li{ padding:15px 0;}
.casebox .tab-hd .txt{ padding-bottom:20px;border-bottom: 1px solid #e2e2e2;}
.casebox .tab-hd .txt .tit i{ width: 30px; height: 30px; display: block; position: relative; margin-left:auto;}
.casebox .tab-hd .txt .tit i:after,.casebox .tab-hd .txt .tit i:before{ position:absolute; background: #333; left: 50%; top: 50%; transform: translate(-50%,-50%); content: '';}
.casebox .tab-hd .txt .tit i:after{ width:100%; height: 2px;}
.casebox .tab-hd .txt .tit i:before{height:100%; width: 2px;}
.casebox .tab-hd .txt h2{ color: #333; font-family:barm; font-size:24px; width:calc(100% - 35px);}
.casebox .tab-hd .txt .des{ display: none; margin-top:15px; padding-bottom:15px;}
.casebox .tab-hd .txt .des i{ display: block; font-size: 20px; font-weight: bold; color: #2bab09; transform:rotate(45deg); display:none;}
.casebox .tab-hd .txt p{ width:100%;}
.casebox .tab-hd .active i{opacity: 1;}
.casebox .tab-hd .active .txt h2{ color: #2bab09;}
.casebox .tab-hd .active .txt .des{ display: flex;}
.casebox .tab-hd .active .txt{ }
.casebox .tab-hd .active .txt .tit i:before{ display:none;}
.casebox .tab-hd .active .txt .tit i:after{ background:#2bab09;}
.tech_part ul li{ float: left; width: 9.6%; margin-right: 1.7%; margin-bottom:20px; border-radius:16px; border:1px solid #dbdbdb; overflow:hidden;}
.tech_part ul li:nth-child(9n){ margin-right:0;}
.tech_part ul li .imgfd{padding-top: 54%;}
@media (max-width: 1281px){
    .tech_down a{padding: 20px 25px;}
.tech_down a h2{ font-size: 22px;}
}
@media (max-width: 1024px){
    .casebox .tab-hd .txt .tit i{ width: 24px; height: 24px;}
    .fon_tec .title, .tech_part .title{ width: 90%; margin-bottom: 40px;}
    .casebox{ display: block;}
    .casebox .tab-bd{width: 100%; margin-bottom: 25px;}
    .casebox .tab-hd{ width:100%; padding: 0 40px;}
    
}
@media (max-width: 450px){
    .tech_down a{height: auto; width: 100%; margin-bottom: 20px; padding: 15px 20px;}
    .tech_down a h2{ font-size: 20px; max-width: calc(100% - 35px);}
    .tech_down a i{ font-size: 24px;}
    .tech_down{margin-bottom: 20px;}
    .fon_tec .title .bbl56, .tech_part .title .bbl56{ margin-bottom: 20px;}
    .fon_tec .title p, .tech_part .title p{ font-size: 18px; line-height: 28px;}
    .casebox .tab-bd{border-radius: 12px;}
    .casebox .tab-hd{ padding: 0 20px;}
    .casebox .tab-hd .txt h2{font-size: 22px;}
    .fon_tec .title, .tech_part .title{margin-bottom: 25px;}
    .tech_part ul li{ border-radius: 6px; margin-bottom:10px;width: 24%; margin-right: 1.25%;}
    .tech_part ul li:nth-child(9n){ margin-right:1.25%;}
    .tech_part ul li:nth-child(4n){ margin-right:0;}
}
.app_title{ margin-bottom: 40px;}
.app_title b{ width: 40%; margin-right: auto; margin-bottom:0;}
.app_title .des{ width: 50%; font-size:22px; line-height:36px;}
.ny_app_list ul li{ width: 31%; margin-right: 2.33%; margin-bottom: 80px; float:left;}
.ny_app_list ul li:nth-child(3n){ margin-right:0;}
.ny_app_list ul li .imgfd{ padding-top: 60%; border-radius: 32px; margin-bottom: 25px;}
.ny_app_list ul li h2{font-family: barm; font-size: 28px; line-height:32px; height:32px; overflow:hidden; margin-bottom:20px;}
.ny_app_list ul li p{ height: 90px; overflow: hidden; margin-bottom: 40px;}
.ny_app_list ul li:hover h2,.ny_app_list ul li:hover span{ color:#2bab09;}
.ny_app_list ul li span{ font-family: barm;}
.ny_app_list ul li span i{ font-size: 20px; margin-left: 5px;}
@media (max-width: 1024px){
    .app_title .des{ font-size: 20px; line-height: 30px;}
    .ny_app_list ul li .imgfd{ margin-bottom: 20px;}
    .ny_app_list ul li h2{ font-size: 26px; margin-bottom: 15px;}
    .ny_app_list ul li p{ margin-bottom: 20px;}
    .ny_app_list ul li{ margin-bottom: 40px;}
}
@media (max-width: 768px){
    .ny_app_list ul li{ float: left; width: 49%; margin-right:2%;}
    .ny_app_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_app_list ul li:nth-child(2n){margin-right:0;}
    .ny_app_list ul li .imgfd{ border-radius: 12px;}
    .ny_app_list ul li p{ height: 48px;}
}
@media (max-width: 450px){
    .app_title{ display: block;}
    .app_title b{ width: 100%; margin-bottom: 15px;}
    .app_title .des{ width: 100%; font-size:18px;}
    .ny_app_list ul li span{display: none;}
    .ny_app_list ul li h2{font-size: 22px;}
    .ny_app_list ul li .imgfd{margin-bottom: 10px;}
    .ny_app_list ul li h2{margin-bottom: 10px;}
    .ny_app_list ul li p{margin-bottom: 0;}

}
.appshow{margin: 65px 0 85px; background: #f9f9f9; border-radius: 32px; overflow: hidden;}
.appshow .txt{ width: 50%; padding: 0 80px;}
.appshow .pic{ width: 50%;}
.appshow .imgfd{ padding-top: 60%;}
.appshow .txt h1{ font-family: barb; font-size: 56px; margin-bottom: 35px;}
.appshow .txt p{margin-bottom: 55px;}
.appshow .txt .amore i{ margin-left: 0; margin-right: 10px; font-size: 18px;}
.appics{ position: relative;}
.appics dt{ width: 28%; margin-right: auto; text-align: center;}
.appics dt:last-child{ margin-right:0;}
.appics dt .txt{margin-top: 35px;}
.appics dt .txt b{ font-family: barb; font-size: 24px; line-height: 30px; overflow: hidden; height: 30px; margin-bottom:25px; }
.appics dt .txt p{ font-size: 18px; height: 90px;}
.appics dt .ic img{ transition: 2s ease;}
.appics dt:hover .ic img{ transform:rotateY(360deg);}
.appics:after,.appics:before{ width:1px; background:#ebebeb; height: 150px; position: absolute; left: 33.33%; top: 50%; transform: translateY(-50%); content:'';}
.appics:before{ left:66.67%;}
.app_det .bbl56{ text-align: center; margin-bottom:50px;}
.app_det .list li{ float: left; width:18%; margin-right:2.25%; margin-bottom:30px; text-align:center;}
.app_det .list li:nth-child(5n){ margin-right:0;}
.app_det .list li .imgfd{ padding-top: 70%;border-radius: 32px; overflow: hidden; margin-bottom: 20px;}
.app_det .list li p{ font-family: barm; font-size: 26px; line-height: 35px; height: 35px;}
@media (max-width: 1281px){
    .appshow .txt h1{ font-size: 50px; margin-bottom: 25px;}
    .appshow .txt p{ margin-bottom: 35px;}
    .appshow .txt{ padding: 0 50px;}
    .app_det .list li p{font-size: 24px;}
    .appics dt .txt p{height: 120px;}
}
@media (max-width: 1024px){
    .app_det .list li .imgfd{ border-radius: 12px;}
    .app_det .list li p{ font-size: 20px; line-height: 30px;}
}
@media (max-width: 768px){
    .appshow{ margin: 20px 0 40px; display:block;}
    .appshow .txt{padding: 25px 20px 30px; width:100%;}
    .appshow .pic{ width: 100%;}
    .app_det .list li .imgfd{ margin-bottom: 10px;}
}
@media (max-width: 450px){
    .appshow .txt h1{ font-size: 28px; margin-bottom: 20px;}
    .appshow .txt p{ margin-bottom: 25px;}
    .appics dl{display: block;}
    .appics dt{ width: 100%; margin-bottom: 20px; display:flex; align-items:flex-start; flex-wrap:wrap;}
    .appics dt .txt{ margin-top: 0; width: calc(100% - 70px); margin-left: auto; text-align:left;}
    .appics dt .txt b{ font-size: 22px; margin-bottom: 10px;}
    .appics:after, .appics:before{display:none;}
    .appics dt .txt p{height: auto;}
    .app_det .bbl56{margin-bottom: 25px;}
    .app_det .list li{ width: 32%; margin-right: 2%; margin-bottom:15px;}
    .app_det .list li:nth-child(5n){ margin-right:2%;}
    .app_det .list li:nth-child(3n){ margin-right:0;}
    .app_det .list li p{ font-size: 18px; line-height: 24px; height: 48px;}
}
.news_top{ border-bottom: 1px solid #e9e9e9; align-items:flex-end;}
.news_top b{ font-family: barm; font-size: 48px; margin-bottom:25px;}
.news_top .news_nav{margin-left: auto;}
.news_top .news_nav a{ display: inline-block; line-height: 80px;margin-left:110px; position:relative;}
.news_top .news_nav a:after{ position:absolute; left: 0; bottom: 0; height: 2px; width: 0; content: ''; background: #2bab09; transition: .3s ease;}
.news_top .news_nav a.act{ color: #2bab09;}
.news_top .news_nav a:not(.act):hover{ color:#2bab09;}
.news_top .news_nav a.act:after{ width:100%;}
.ny_news_list ul li{ padding: 70px 0 50px; border-bottom: 1px solid #eaeaea;}
.ny_news_list ul li .pic{ width: 30%; float:left;}
.ny_news_list ul li .imgfd{padding-top: 60%;}
.ny_news_list ul li .txt{ width: 66%; float:right; padding-top:25px;}
.ny_news_list ul li .txt .colname{ line-height:24px; padding-left:16px; border-left:3px solid #28a907;}
.ny_news_list ul li .txt h2{ font-size: 30px; font-family: barb; line-height: 35px; max-height: 70px; margin:15px 0 20px; overflow: hidden;}
.ny_news_list ul li .txt .des{ font-size: 18px; height: 60px; overflow: hidden; margin-bottom: 55px;}
.ny_news_list ul li:hover h2{ color:#2bab09;}
.ny_news_list ul li span{ font-size: 18px;}
.ny_news_list ul li .c-flex i{ width: 4px; height: 4px; background: #9b9b9b; margin: 0 8px;}
@media (max-width: 1281px){
    .ny_news_list ul li .txt{padding-top: 0;}
    .ny_news_list ul li .txt h2{font-size: 26px; line-height: 30px; height: 60px;}
    .ny_news_list ul li .txt .des{margin-bottom: 35px;}
}
@media (max-width: 1024px){
    .ny_news_list ul li .txt .des{ display: none;}
    .ny_news_list ul li{padding: 40px 0 30px;}
}
@media (max-width: 768px){
    .news_top b{font-size: 36px;}
    .news_top .news_nav a{ margin-left: 70px;}
    .ny_news_list ul li .txt h2{ font-size: 22px; line-height: 28px; height: 56px;}
    .ny_news_list ul li span{font-size: 16px;}
}
@media (max-width: 450px){
    .news_top{ display: block;}
    .news_top b{ font-size: 32px; text-align: center;}
    .news_top .news_nav a{ line-height: 45px; margin: 0 auto;}
    .ny_news_list ul li .txt h2{margin-bottom: 0;}
    .ny_news_list ul li .txt .c-flex{ display: none;}
    .ny_news_list ul li .txt .colname{ line-height: 20px; padding-left: 12px;}
    .ny_news_list ul li .txt h2{ font-size: 18px; line-height: 24px; height: 48px; margin-top:10px;}
    .ny_news_list ul li .imgfd{padding-top: 66%;}
    .ny_news_list ul li{padding: 25px 0 20px;}
    
}
.news_det .news_info .colname{line-height:38px; background:#f5f9f4; padding:0 15px; font-size:18px; color:#2bab09; 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;}
@media (max-width: 1281px){
    .news_det .right h1{font-size: 36px; line-height:50px;}
}
@media (max-width: 1024px){
    .news_det .right h1{ font-size: 30px; line-height: 40px; padding-bottom:30px;}
    .det_show{padding: 35px 0;}
}
@media (max-width: 768px){
    .news_det{display: block;}
    .news_info{ display: flex; align-items: center; flex-wrap: wrap;}
    .news_det .news_info .date{ margin: 0 auto;}
    .news_det .news_info .follow p{ display: none;}
    .news_det .right{ width: 100%; margin-top: 25px;}
}
@media (max-width: 450px){
    .news_det .news_info .colname{ display: none;}
    .news_det .news_info .date{margin-left: 0;}
    .social-share .social-share-icon{width: 28px; height: 28px; line-height: 28px;}
    .news_det .right h1{ font-size: 24px; line-height: 34px;}
}
.lx_way .bbl56{text-align: center; margin-bottom: 45px;}
.lx_way li{ border: 1px solid #c0c0c0; border-radius: 16px; padding:35px 30px 0 40px; transition:.2s ease;}
.lx_way li.fl{ height: 210px; width: 32%; margin-right: 2%; margin-bottom: 38px;}
.lx_way li.fl:nth-child(3){ margin-right:0;}
.lx_way li span{ display: block; font-size: 18px; margin-bottom: 25px;}
.lx_way li .left{ max-width: calc(100% - 68px); margin-right: auto;}
.lx_way li.fl .left p{ font-size: 28px; font-family: barm; line-height: 45px; height:90px;}
.lx_way li.fl .left a{ display: block;}
.lx_way li.fl .left a:hover{ color:#2bab09;}
.lx_way li .follow_list{margin-top: 60px;}
.lx_way li .ic{ padding-top: 20px;}
.lx_way li.fl .ic{ padding-top: 50px;}
.lx_way li:not(.fl){ height:230px;}
.lx_way li:not(.fl) p{ font-size:24px; font-family: barm; margin-bottom:15px;}
.lx_way li:hover { border-color:#2bab09;}
.lx_bot .lx_msg{ background: #fff; border-radius: 24px; width: 49%; padding: 60px 70px 55px;} 
.lx_bot .bb56{ text-align: center; margin-bottom: 55px;}
.lx_bot .lx_msg b{ font-size: 34px;}
.lx_bot .map{ width: 49%; border-radius: 24px; overflow: hidden;}

@media (max-width: 1281px){
    .lx_way li.fl .left p{ font-size: 24px; line-height:40px; height:80px;}
    .lx_way li.fl{ padding:25px 25px 0;} 
    .lx_way li.fl .ic{ padding-top: 40px;}
    .lx_way li.fl{ height: 190px;}
    .lx_bot .lx_msg{ padding: 40px 45px 35px;}
    .lx_msg input, .lx_msg textarea{margin-bottom: 20px;}
    .lx_bot .lx_msg b{ font-size: 30px;}
    
}
@media (max-width: 1024px){
    .lx_way li{padding: 20px 20px 0;}
    .lx_way li span{margin-bottom: 15px;}
    .lx_way li.fl .left p{font-size: 20px; line-height: 30px;}
    .lx_way li .follow_list{margin-top: 40px;}
    .lx_way li:not(.fl) p{font-size:20px;}
    .lx_bot .map{ display: none;}
    .lx_bot .lx_msg{ width: 100%;}
}
@media (max-width: 768px){
    .lx_way li.fl{ width: 100%; margin-bottom:25px; height:150px;}
    
}
@media (max-width: 450px){
    .lx_way li.fl .ic{ padding-top: 30px;}
    .lx_way li.fl .ic img{ width: 50px;}
    .lx_bot .bb56{margin-bottom: 25px;}
    .lx_bot .lx_msg{padding: 25px 20px;}
    .lx_bot .lx_msg b{ font-size: 26px;}
    .lx_msg input.fl{ width: 100%; float: none; line-height:48px;}
    .lx_msg .c-flex{ display: block;}
    .lx_msg p.exp{ width: 100%; margin-bottom: 15px;}
    .lx_msg .sub{ width: 100%;}
    .lx_way li:not(.fl){ height:270px;}
    .right_online{ display: none;}
}