@charset "utf-8";
/* CSS Document */
.search_box{ width: 100%; position: fixed; left: 0; top: 100px; background: #fff;z-index:3; padding:40px 0; display:none;z-index:88;}
.search_box form{ width: 100%; border: 2px solid #e67f1a;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form input.search_sub{ width: 150px; background: #e67f1a url(../images/ss.png) no-repeat center; text-align: center; color: #fff; cursor:pointer;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}

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



.top_contact{ display: flex; align-items: center;height: 44px; font-size: 14px; float: right; line-height: 16px;}
.top_contact .topp{ font-size: 14px; padding: 0 19px; border-left: 1px solid rgba(0,0,0,.3); line-height: 14px;}
.top_contact .topp a{ color: #666;}
.top_contact .topp i{ margin-right: 5px; font-size: 14px; color: #333;}
.top_contact .top_search{ margin-right: 25px; cursor: pointer; font-size: 20px; color: #333;}
.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_h{ height: 105px;}
.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; right: 30%; width: auto; left: auto;bottom: 50px;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 14px; height: 14px; background: #bababa; opacity: 1; margin:0 10px!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #e67f1a;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ border-color: #fff;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
.sy-ban .txt1{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.sy-ban .txt1 p{ font-size: 18px; color: #fff;}
.sy-ban .txt1 b{font-size: 56px; font-family: barb; line-height: 80px; color: #fff; max-width: 50%;}
.sy-ban .txt1 .more{ margin-top: 80px; color: #fff;}
.sy-ban .txt1 .more i{ display: block;width: 48px; line-height: 48px; height: 48px; border: 1px solid #fff; border-radius: 50%; text-align: center; margin-right: 20px; transition: .2s ease; font-size: 22px;}
.sy-ban .txt1 .more:hover i{ background: #e67f1a; margin-right: 25px; border-color: #e67f1a;}
.ban_control{ bottom: 0; left: 0; width: 100%; position: absolute; z-index: 2}
.ban_control .center{ padding: 42px 0;}
.scr_down{ margin: 0 auto;animation: downico 1.5s ease-out infinite; transform: translateY(0);}
@keyframes downico{
	0%{transform: translateY(0);}
	25%{transform: translateY(-5px);}
	50%{transform: translateY(-8px);}
	75%{transform: translateY(-5px);}
	100%{transform: translateY(0);}
}
@-webkit-keyframes downico{
	0%{transform: translateY(0);}
	25%{transform: translateY(-5px);}
	50%{transform: translateY(-8px);}
	75%{transform: translateY(-5px);}
	100%{transform: translateY(0);}
}
.ban_control .swiperbtn{ position: unset; color: #fff; font-size: 20px; margin-top: 0;}
.ban_control span.line{ color: #fff; display: inline-block; margin: 0 20px;}
.ban_control .swiper-num{ font-size: 14px; font-family: monsb; color: #fff; width: 80px;}
.ban_control .swiper-num span{ display: inline-block; line-height: 34px; opacity: .5;}
.ban_control .swiper-num .svgbox{ position: relative;border-radius: 50%; width: 38px; height: 38px; border: 2px solid rgba(255,255,255,.2); text-align: center; opacity: 1; display: inline-block; margin-right: 3px;}
.ban_control .swiper-num .svgbox span.active{opacity: 1;}
.ban_control .swiper-num .svgbox .svg{width: 38px;height: 38px;transform: rotate(-90deg);transition: opacity .3s;display: block; position: absolute; left: -2px; top: -2px;}
.ban_control .swiper-num .svgbox .circle1{/*stroke: #999;*/}
.ban_control .swiper-num .svgbox .circle2{stroke: #fff;stroke-dasharray: 0 339;-webkit-animation: svgCircleAnmi 6s linear infinite;animation: svgCircleAnmi 6s linear infinite;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
	5%{opacity: 1}}
.ban_control .swiper-num i{ display: inline-block; width: 1px; height: 22px; background: rgba(255,255,255,.5); transform: rotate(12deg); margin: 0 8px;}


.amore{ display: flex; align-items: center; flex-wrap: wrap; line-height: 22px; transition: .3s ease;}
.amore i{ font-size: 12px; display: block; width: 20px; height: 20px;  border:1px solid #5f5f5f; border-radius: 50%; color: #333; margin-right: 14px; text-align: center; transition: .3s ease;}
.amore.orcolor{color: #e67f1a;}
.amore.orcolor i{ border-color: #e67f1a; color: #e67f1a;}
.amore:hover,.amore.on{color: #e67f1a; }
.amore:hover i,.amore.on i{ border-color: #e67f1a; background: #e67f1a; color: #fff;}


.sy_title{ margin-bottom: 40px;}
.sy_title b{ font-size: 60px;line-height: 60px;}
.sy_title p{ font-size: 18px; margin-top: 20px;}
.item_top{ margin-bottom: 40px;}
.item_top .sy_title{ margin-bottom: 0; margin-right: auto;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}

.sy_product .sy_title b{ font-size: 52px; line-height: 52px;}
.pro_list li{ float: left; width: 25%; margin: 0 -1px -2px; border: 2px solid #eaeaea; transition: .3s ease; text-align: center; position: relative;}
.pro_list.list1 li:nth-child(2){ width: 50%;}
.pro_list.list1 li:nth-child(2) .pic{ width: calc(50% - 2px); display: inline-block;}
.pro_list.list1 .hot{ position: absolute; right: 0; top: 118px; display: none;}
.pro_list.list1 li:nth-child(2) .hot{ display: block;}
.pro_list.list1 li:nth-child(4){ display:none;}
.pro_list li h2{ font-size: 20px; line-height: 30px; height: 30px; overflow: hidden;}
.pro_list li .tit{ padding: 30px 0; border-bottom: 2px solid #eaeaea;}
.pro_list li .pic{padding: 20px 0;}
.pro_list li .bot{ line-height: 70px; border-top: 2px solid #eaeaea; transition: .3s ease;}
.pro_list li .bot i{ display: inline-block; width: 70px; text-align: center; font-size: 22px; color: #888;  transition: .3s ease;}
.pro_list li .bot span{ display: block; width: calc(100% - 72px); text-align: center; font-size: 18px; color: #888888; text-transform: uppercase; border-right: 2px solid #eaeaea; transition: .3s ease;}
.pro_list li:hover{ border-color: #3b3b3b; z-index: 2;}
.pro_list li:hover .bot{ background: #3b3b3b; color: #e67f1a}
.pro_list li:hover .bot span{ border-color: #3b3b3b; color: #e67f1a;}
.pro_list li:hover .bot i{ background: #4f4f4f; color: #e67f1a}
.pro_column:first-child{ margin-bottom: 80px;}

.sy_about .txt{ width: 45%; padding-top: 75px;}
.sy_about .imgfdd{ width: 50%;}
.sy_about .txt .des{ margin-bottom: 80px;}

.sy_zmd{ height: 84px; width: 100%; margin: 60px 0;  overflow: hidden; position: relative;}
.sy_zmd img{ height: 84px; margin-right: 40px;}
.sy_zmd dl{ flex-wrap:nowrap; animation: zoumadeng 25s linear infinite; position: absolute; height: 100%; top: 0;}
.sy_zmd dt{ margin-right: 50px; width: max-content;}
@-webkit-keyframes zoumadeng{
0%{ left:0;right: auto;}
	100%{  left:-100%;right: auto; }
}
@keyframes zoumadeng{
0%{ left:0;right: auto;}
	100%{  left:-100%;right: auto; }
}

.swiperall{ position: relative;}

.swiperall .swiperbtn{position:absolute; top: 50%; display: inline-block; width: 62px; line-height: 62px; border-radius: 50%; text-align: center; font-size: 22px; border: 1px solid #dbdbdb;transition:.2s ease; color: #888; height: 62px}
.swiperall .swiperbtn:hover{ background: #e67f1a; border-color: #e67f1a; color: #fff;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none}
.swiperall .swiper-button-prev{ left: -80px;}
.swiperall .swiper-button-next{ right: -80px;}

.sy_global .txt{ width: 42%;}
.sy_global{ position: relative;}
.sy_global .imgfdd{ position: absolute; right: 0; top: 0; width: 55%;}
.sy_number dl dt{ width: 45%; margin-right: auto; margin-top: 30px;}
.sy_number dl dt:nth-child(2n){ margin-right: 0;}
.sy_number dl dt b{ font-size: 60px; line-height: 60px; height: 60px;}
.sy_number dl dt sup{ line-height: 40px;}
.sy_number dl dt p{ font-size: 16px; line-height: 24px; height: 48px; margin-top: 15px;}

.sy_solution .item_top .des{ width: 48%;}
.sy_solution .item_top{ align-items: flex-start;}
.solswiper{ overflow: hidden;padding-bottom: 30px; position: relative;}
.solswiper .swiper-slide{ width: 780px; position: relative; overflow: hidden;}
.solswiper .swiper-slide .imgfd{ padding-top: 57.7%;}
.solswiper .txt{ width: 100%; bottom: -50px; padding: 0 55px; left: 0; position: absolute; z-index: 2; transition: .3s ease;}
.solswiper .txt h2{ font-size: 28px; font-family: popm; margin-right: auto;color: #fff; max-width:calc(100% - 55px);}
.solswiper .txt i{ width: 48px; line-height: 48px; text-align: center; color: #fff; border-radius: 50%; border: 1px solid #fff; transition:.3s ease; }
.solswiper .txt:hover i{ background: #e67f1a; color: #fff; border-color: #e67f1a;}
.solswiper .txt:hover h2{ color: #e67f1a;}
.solswiper .swiper-slide.swiper-slide-active .txt{ bottom: 40px;}
.sy_solution .swiperbtn{ position: unset; display: inline-block; width: 56px; text-align: center; font-size: 40px; margin-top: 0;}
.sy_solution .swiper-scrollbar.swiper-scrollbar-horizontal{position: unset; opacity: 1!important; height: 4px; background: #e5e5e5; width: calc(100% - 200px); margin-right: auto; z-index:5;}
.sy_solution .swiper-scrollbar .swiper-scrollbar-drag{background: #e67f1a;}
.sy_solution .swipercont{margin-top: 40px;}
.swiperbtn:hover{ color: #e67f1a;}
.sy_solution .swipercont i{ display: block; height: 40px; width: 2px; background: #a4a4a4; margin: 0 20px;}

.sy_choose{background: #f5f5f5;}
.dtop{ padding-top: 80px;}
.sy_choose .left{ width: 38%; margin-right: auto; padding-top: 70px;}
.sy_choose .left .amore{ margin-top: 35px;}
.sy_choose .right{ width: 55%;}

.cho_list{height: 680px; overflow-y: auto;}
.cho_list ul li{ float: left; background: #fff;  width: 45%; margin-left: 5%; margin-bottom: 70px; position: relative;}
.cho_list ul li:nth-child(2n){ transform: translateY(50px);}
.cho_list ul li .imgfd{ padding-top: 113%;}
.cho_list ul li .imgfd img{ opacity: 0;}
.cho_list ul li .txt{ position: absolute; width: 100%; left: 0; top: 0; padding: 65px 50px 0; z-index: 3; transition: .3s ease;}
.cho_list ul li h2{ font-family: popb; font-size: 24px; line-height: 36px;margin-bottom: 25px;}
.cho_list ul li .ic{ position: absolute; right: 40px; bottom: 25px;}
.cho_list ul li .ic img{ height: 130px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(80%);-webkit-filter: brightness(0%) invert(80%);}
.cho_list::-webkit-scrollbar {
  width: 0;
}

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

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

.cho_list ul li:hover .imgfd img{ opacity: 1;}
.cho_list ul li:hover .ic{ display: none;}
.cho_list ul li:hover .txt,.cho_list ul li:hover h2{ color: #fff;}

.newsswiper{ overflow: hidden;}
.newsswiper span.info{ font-size: 16px;}
.newsswiper .imgfd{ padding-top: 60%; margin-bottom: 30px;}
.newsswiper h2{ font-family: popsb; font-size: 20px; line-height: 30px; height: 90px; overflow: hidden; margin: 15px 0 30px;}
.newsswiper .more{ color: #e67f1a; font-size: 16px;}
.newsswiper .more span{ text-transform: uppercase; display: block; width: 0; overflow: hidden; transition: .3s ease;}
.newsswiper li:hover span{ width: auto; margin-right: 5px;}
.newsswiper li:hover h2{ color: #e67f1a;}


.index_foot{ position: relative; background: #09141e; color: #fff;}
.index_foot a{ color: #fff;}
.foot_center{ padding: 60px 0 50px; border-bottom: 1px solid rgba(255,255,255,.2); position: relative;}
.foot_center .foot_nav{ margin-left: auto;width: 65%;}
.foot_center .foot_nav li{ margin: 0 auto;}
.foot_center .foot_nav a{display: block; font-size: 16px; color: #97a1aa; margin-bottom: 15px;}
.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;}
.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: #999999; margin-right: auto;}
.foot_contact .fcon_item p{ line-height: 24px; width: calc(100% - 85px); font-size: 18px;}
.copy{ padding: 20px 0;}
.foot_center b{ font-family: popm; font-weight: normal;font-size: 22px; margin-bottom: 25px; display: block; color: #fff;}
.foot_center .b_top{position: absolute; bottom: 30px; right: 0; font-size: 18px; transition: .3s ease; cursor: pointer;}
.foot_center .b_top i{ display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; border: 1px solid #666666; font-size: 20px; margin-left: 15px; border-radius: 50%; transition: .3s ease;}
.foot_center .b_top:hover { color: #e67f1a;}
.foot_center .b_top:hover i{ background: #e67f1a; border-color: #e67f1a; color: #fff;}
.fcon_tel span{ font-size: 30px; color: #004088; margin-right: 5px;}
.fcon_tel{ color: #333;}
.fcon_tel p{ font-size: 42px; margin-top: 20px;}
.foot_top{ padding: 75px 0 55px; border-bottom: 1px solid rgba(255,255,255,.1);}
.foot_top p{ font-size: 26px; color: #fff; margin-bottom: 15px;}
.foot_top b{ font-size: 48px; font-family: popb; color: #fff;}
.foot_top a{ display: inline-block; line-height: 56px; padding: 0 27px; border-radius: 30px; border: 2px solid #fff; margin-left: auto; font-size: 18px; text-transform: uppercase;transition: .3s ease;}
.foot_top a i{ font-size: 18px; margin-left: 15px;}
.foot_top a:hover{ background: #e67f1a; border-color: #e67f1a;}

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


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

@media (max-width: 1441px){
	.sy-ban .txt1 b{ font-size: 50px; line-height: 70px;}
	.sy-ban .txt1 .more{ margin-top: 55px;}
	.sy_product .sy_title b{font-size: 44px; line-height: 44px;}
	.sy_title p{ font-size: 16px;}
	body{ font-size: 16px;}
	.pro_list li .tit{padding: 22px 0;}
	.pro_list li h2{font-size: 18px;}
	.pro_list li .bot{line-height: 58px;}
	.pro_list li .bot i{width: 58px;}
	.pro_list li .bot span{ width: calc(100% - 60px);}
	.sy_title b{ font-size: 52px; line-height:52px;}
	.cho_list ul li .txt{padding: 45px 35px 0;}
	.cho_list ul li h2{ font-size: 20px; line-height: 30px; margin-bottom:20px;}
	.cho_list ul li .ic img{ height: 100px;}
	.foot_top b{ font-size: 42px;}
	.index_head{padding: 0 2%;}
	.index_head .nav li{ margin-left: 50px;}
}

@media (max-width: 1281px){
	.ban_control .center{ padding: 30px 0;}
	.sy_zmd img{ height: 70px;}
	.sy_number dl dt b{ font-size: 50px; line-height: 50px; height: 50px;}
	.solswiper .swiper-slide.swiper-slide-active .txt{ bottom: 30px;}
	.solswiper .txt{ padding: 0 40px;}
	.newsswiper .imgfd{ margin-bottom: 20px;}
	.newsswiper h2{font-size: 18px; line-height: 26px; height: 78px;}
	.foot_top{ padding: 50px 0 40px;}
	.dtop{ padding-top: 60px;}
	
}

@media (max-width: 1024px){
	.top_h{height: 54px;}
	.sy-ban .txt1 b{ font-size: 40px; line-height: 55px;}
	.scr_down,.ban_control .swiper-num{ display: none;}
	.sy_product .sy_title b{ font-size: 38px; line-height: 38px;}
	.sy_about .txt{padding-top: 0;}
	.sy_title b{ font-size: 40px; line-height: 40px;}
	.sy_about .txt .des{margin-bottom: 45px;}
	.sy_global .txt{ width: 100%;}
	.sy_global .imgfdd{position: unset; width:100%;}
	.solswiper .swiper-slide{ width: 600px;}
	.sy_solution .swipercont{margin-top: 20px;}
	.solswiper .txt h2{ font-size: 24px;}
	.sy_choose .center{ display: block;}
	.sy_choose .left{ padding-top: 0; width:100%;}
	.sy_choose .right{ width: 100%; margin-top:40px;}
	.cho_list ul li{ margin: 0 2.5% 50px;}
	.foot_center{display:none;}
	
}
@media (max-width: 768px){
	.sy-ban .txt1 p{ font-size: 16px;}
	.sy-ban .txt1 b{ font-size: 30px; line-height: 42px;}
	.sy-ban .txt1 .more{margin-top: 35px;}
	.sy-ban .txt1 .more i{ width: 38px; line-height: 38px; height: 38px; font-size:20px;}
	.ban_control .center{padding: 0 0 20px;}
	.item_top .amore{ display: none;}
	.pro_list li{ width: 50%;}
	.pro_list.list1 li:nth-child(2) .pic{ width:100%;}
	.sy_about .txt{ width: 100%;}
	.sy_about .imgfdd{ width: 100%; margin-top: 30px;}
	.sy_zmd{ margin: 40px 0;}
	.sy_zmd dt{ margin-right: 20px;}
	.sy_zmd img{height: 60px;}
	.sy_title,.item_top{ margin-bottom: 30px;}
	.sy_solution .item_top .des{ width: 100%; margin-top: 20px;}
	.solswiper .swiper-slide{ width: 420px;}
	.sy_solution .swiperbtn{ font-size: 24px; width:30px; height:26px; line-height:26px;}
	.sy_solution .swipercont i{height: 26px;}
	.swiperall .swiperbtn{ width: 42px; height: 42px; line-height: 42px; font-size:20px;}
	.right_online{ display: none;}
	
}
@media (max-width: 540px){

}
@media (max-width: 450px){
    .sy-ban .txt1 p{ font-size: 14px;}
.sy-ban .txt1 b{ max-width: 88%; font-size:22px; line-height:30px;}
.sy-ban .txt1 .more{ display: none;}
.ban_control .center{ padding-bottom: 10px;}
.sy_product .sy_title b{ font-size: 28px; line-height: 28px;}
.sy_title p{ font-size: 14px; margin-top:10px;}
.pro_list li .tit{padding: 12px 0;}
.pro_list li h2{ font-size: 16px; line-height: 24px; height: 48px;}
.pro_list li .bot span{ font-size: 14px;}
.pro_list li .bot{line-height: 44px;}
.pro_list li .bot i{ width: 44px; font-size:20px;}
.pro_list li .bot span{ width: calc(100% - 46px);}
.pro_column:first-child{margin-bottom:40px;}
.sy_title b{ font-size: 28px; line-height: 28px;}
.sy_title, .item_top{margin-bottom: 25px;}
.sy_about .txt .des{margin-bottom: 30px;}
.sy_zmd img{height: 40px;}
.sy_zmd{height: 45px; margin: 25px 0;}
.sy_number dl dt b{ font-size: 36px; line-height: 36px; height: 36px;}
.sy_number dl dt sup{ line-height: 28px;}
.sy_number dl dt p{ font-size: 14px; margin-top:8px;}
.sy_number dl dt{ margin-top: 20px;}
.solswiper .swiper-slide{ width: 280px;}
.solswiper .swiper-slide.swiper-slide-active .txt{ bottom: 15px;}
.solswiper .txt{padding: 0 20px;}
.solswiper .txt i{ width: 36px; height: 36px; line-height: 36px;}
.solswiper .txt h2{ font-size: 20px; max-width:calc(100% - 40px);}
.sy_solution .swipercont{ margin-top: 0;}
.sy_solution .swiper-scrollbar.swiper-scrollbar-horizontal{ width: calc(100% - 120px);}
.sy_solution .swipercont i{ margin: 0 15px;}
.dtop{padding-top: 40px;}
.sy_choose .left .amore{margin-top: 25px;}
.cho_list ul li{ width: 95%;}
.cho_list ul li{margin-bottom: 30px;}
.cho_list ul li:nth-child(2n){ transform:translateY(0);}
.newsswiper span.info{ display: none;}
.newsswiper h2{ font-size: 16px; line-height: 24px; height: 72px; margin-bottom:0;}
.newsswiper .more{ display: none;}
.copy{ font-size: 14px;}
.pro_list.list1 .hot{ height: 24px; top:90px; height:20px;}
.sy-ban img{ height:230px; object-fit:cover;} 
.pro_list.list1 li:nth-child(4){ display: block;}
.sy_choose { display: none;}
.mobnone{ display: none;}
.pcnone{ display: block;}
.solw_list li{ margin-bottom: 15px; background: #f3f3f3; border-radius: 5px; overflow: hidden;}
.solw_list li .imgfd{ padding-top: 62%;}
.solw_list li .txt{ text-align:center;padding:15px 10px;}
.solw_list li .txt h2{ font-size:16px; font-family:popm; line-height:24px; max-height:48px; overflow:hidden;}
.sy_solution{ padding-bottom: 0;}
.solw_list li:nth-child(n+5){ display:none;}
}

.ny_ban{ position: relative; text-align: center; overflow: hidden; color:#fff;}
.ny_ban .ban_txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.posi{font-size: 16px;}
.ny_ban .ban_txt a{ color: #fff;}
.ny_ban .ban_txt b{ color: #fff; font-size:80px; text-transform:uppercase;}
.popb52{ font-size: 52px; margin-bottom: 40px; line-height: 52px; font-family:popb;}
.ctit{ text-align: center;}

@media (max-width: 1441px){
    .ny_ban .ban_txt b{ font-size: 68px; line-height: 70px;}
    .popb52{  font-size: 46px; line-height:46px;}
}
@media (max-width: 1281px){
    .ny_ban .ban_txt b{ font-size: 60px; line-height: 65px;}
}
@media (max-width: 1024px){
    .ny_ban .ban_txt b{ font-size: 50px; line-height: 52px;}
    .popb52{  font-size: 40px; line-height:40px;}
}
@media (max-width: 768px){
    .ny_ban .ban_txt b{ font-size: 40px; line-height: 45px;}
}
@media (max-width: 450px){
    .ny_ban .ban_txt b{ font-size: 30px; line-height: 35px;}
    .popb52{  font-size: 26px; line-height:26px;}
    .posi{ font-size: 14px;}
    .ny_ban img{ width: 130%; margin-left: -15%;}
    .m_img .headlf .m_logo{ max-height: 38px;}
    .m_img .headlf{padding-top: 8px;}
}
.show_posi{ padding: 38px 0; color:#888;}
.show_posi a{color: #888;}
.show_posi a:last-child{ color:#333;}

.show_top{padding: 60px 0 100px;}
.show_top .pic{ width: 43%; position:relative;}
.show_top .pic .swiperbtn{ top: 50%; font-size: 40px;}
.show_top .pic .swiper-button-prev{ left: -60px;}
.show_top .pic .swiper-button-next{ right: -60px;}
.show_top .txt{ width: 48%;}
.bigswiper{ overflow: hidden; border:1px solid #e6e6e6;}
.show_top .txt h1{ font-size: 48px; font-family: popb; line-height: 60px; margin-bottom:50px;  }
.btnmore{ line-height: 50px; display: inline-block; padding: 0 28px; border: 1px solid #333; border-radius: 26px; transition:.3s ease;}
.btnmore i{ font-size: 18px; margin-left: 8px;}
.btnmore:hover{ background:#e37907; color: #e37907; border-color: #e37907; color:#fff;}
.show_top .txt .cirbtn{ line-height: 50px; height: 50px; border: 1px solid #333; display:inline-block; text-align:center; margin-left:15px; font-size:0; color:#333; transition:.2s ease; border-radius:26px;}
.show_top .txt .cirbtn i{ font-size: 22px; display: inline-block; line-height: 50px; width:50px; color:#3a3a3a;}
.show_top .txt .cirbtn span{ font-size:18px; line-height:50px; padding:0 10px 0 0; display:none;}
.show_top .txt .cirbtn:hover{ border-color:#3a3a3a; color:#3a3a3a;}
.show_top .txt .cirbtn:hover span{ display: inline-block;}
.show_top .share{margin-top: 55px;}
.show_top .share span{ margin-right: 10px;}
.show_top .txt .des{margin-bottom: 80px;}
.show_top .pic .swiper-pagination-bullet{ height: 3px; width: 20px; border-radius: 0; margin: 0 5px!important; transition:.2s ease;}
.show_top .pic .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 30px;}
.longpag .swiper-pagination-bullet{ height: 3px; width: 20px; border-radius: 0; margin: 0 5px!important; transition:.2s ease;}
.longpag .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 30px;}
.det_nav{ border-bottom: 1px solid #eaeaea; margin-bottom:55px;}
.det_nav li{ margin-right: 150px; font-size:30px; font-family:popsb; line-height:80px;position:relative;}
.det_nav li:after{position:absolute; width: 0; height: 3px; background: #042a4f; transition: .3s ease; content: ''; left: 0; bottom: 0;}
.det_nav li:hover{ color:#042a4f;}
.det_nav li:hover:after{width:100%;}
.det_box{ overflow: hidden;}
.det_box img{ max-width: 100%!important;}
.det_box table{ max-width: 100%!important;}
.det_box table td{ padding: 10px;}
.det_box table tr:nth-child(2n+1){ background:#dfe7ee;}
.det_table{ overflow-x: auto;}
.rel_pro .proli{ float: left; width: 24%; margin-right: 1.33%;}
.rel_pro .proli:nth-child(4){ margin-right:0;}
@media (max-width: 1600px){
    .show_top .pic .swiper-button-prev{left: 15px;}
    .show_top .pic .swiper-button-next{ right: 15px;}
}
@media (max-width: 1441px){
    .show_top .txt h1{ font-size: 44px; line-height: 46px;}
    .show_top .txt .des{margin-bottom: 50px;}
}

@media (max-width: 1024px){
    .show_posi{padding: 25px 0;}
    .show_top .txt h1{ font-size: 20px; line-height: 30px; margin-bottom:20px;}
    .show_top .txt .des{margin-bottom: 30px;}
    .show_top .share{ margin-top: 35px;}
    .rel_pro .proli{ width: 49%; margin-right: 2%; margin-bottom:30px;}
    .rel_pro .proli:nth-child(2n){ margin-right:0;}
}
@media (max-width: 768px){
    .show_top{padding: 25px 0 40px;}
    .show_top .pic{ width: 100%; float: none;}
    .show_top .txt{ width: 100%; margin-top: 25px; float: none;}

}
@media (max-width: 450px){
    .show_top .pic .swiperbtn{ font-size: 28px;}
    .show_top .txt h1{ font-size: 26px; line-height: 36px; margin-bottom:20px;}
    .show_top .txt .cirbtn{display: none;}

    .rel_pro .proli{ width: 100%; float: none;}
    .btnmore{ line-height: 42px; padding: 0 20px;}
    .det_nav li{ font-size: 18px; font-family:popm; line-height: 40px; margin:0 auto; text-align:center;}
    .det_nav{margin-bottom: 30px;}
}

.app_list ul li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 95px;}
.app_list ul li:nth-child(3n){ margin-right:0;}
.app_list ul li .imgfd{ padding-top: 58%; margin-bottom:30px;}
.app_list ul li h2{ font-family: popb; font-size: 26px; line-height: 30px; height:30px; overflow: hidden; margin-bottom: 25px;}
.app_list ul li p{ height: 60px; overflow: hidden; margin-bottom: 40px;}
.app_list ul li:hover .amore i{background:#e37907; color: #fff; border-color: #e37907;}
.app_list ul li:hover .amore{ color:#e37907;}
.app_list ul li:hover h2{ color:#e37907;}
@media (max-width: 1281px){
    .app_list ul li h2{ font-size: 24px; margin-bottom:20px;}
    .app_list ul li p{ margin-bottom: 30px;}
}
@media (max-width: 768px){
    .app_list ul li{ width: 49%; margin-bottom:45px;}
    .app_list ul li:nth-child(3n){ margin-right:2%;}
    .app_list ul li:nth-child(2n){ margin-right:0;}
    .app_list ul li p{height: 48px;}
    .app_list ul li .imgfd{ margin-bottom: 15px;}
}
@media (max-width: 450px){
    .app_list ul li{ width: 100%;}
    .app_list ul li p{margin-bottom: 20px;}
    .app_list ul li h2{ font-size: 22px; margin-bottom: 15px;}
    .app_list ul li{ margin-bottom: 35px;}
}
.case_top{padding-top: 60px;}
.case_top .caseswiper{ overflow: hidden; width: 50%; padding-bottom: 50px;position: relative; margin-right:auto;}
.case_top .caseswiper .imgfd{ padding-top: 58%;}
.caseswiper .swiper-pagination-bullet{ height: 3px; width: 20px; border-radius: 0; margin: 0 5px!important; transition:.2s ease;}
.caseswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 30px;}
.case_top .txt{ width: 45%; padding-top:30px;}
.case_top .txt h1{ font-family: popb; font-size: 36px; line-height: 56px; margin-bottom: 45px;}
.case_top .txt p{ font-size: 18px; margin-bottom: 70px;}

.case_det{ width: calc(100% - 470px);}
.case_pro{ width: 380px;}
.case_det .popb48{ padding-bottom: 30px; border-bottom: 1px solid #dedede;}
.det_show{ overflow: hidden; padding-bottom:50px;}
.det_show img{ max-width: 100%!important;}
.case_pro b{ font-size: 36px; margin-bottom: 30px;}
.case_pro li{margin-bottom: 25px;}
.case_pro .pic{ width: 40%; border:1px solid #4e4e4e; margin-right:auto;}
.case_pro .txt{ width: 55%;}
.case_pro .txt h2{ font-family: popsb; font-size: 18px; line-height: 30px; margin-top: 10px;}
.case_pro li:hover .pic{ border-color:#e37907;}
.case_pro li:hover h2{ color:#e37907;}

.page_btn{ align-items: flex-start; padding-top:40px; border-top:1px solid #e3e3e3;}
.page_btn span{ display: inline-block; line-height: 20px;}
.page_btn .back{ display: inline-block; margin: 0 auto; line-height: 46px; border: 1px solid #b1b1b1; padding: 0 30px; text-transform: uppercase; transition:.2s ease;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #e37907; border-color: #e37907; 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: #e37907;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px; font-family:popm;}
@media (max-width: 1441px){
    .case_top .txt h1{font-size: 32px; line-height: 42px;}
    .case_top .txt p{ margin-bottom: 50px;}
    .case_top{padding-top: 0;}
}
@media (max-width: 1024px){
    .case_top .caseswiper{ width: 100%; float: none;}
    .case_top .txt{ width: 100%; float: none;}
    .case_pro{ display: none;}
    .case_det{ width: 100%; float: none;}
}
@media (max-width: 768px){
    .page_btn{ padding-top: 25px; display: block;}
    .page_btn .back{display: none;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{text-align: left; margin-top: 15px;}
    .page_btn span{ margin-bottom: 0; font-family: popm;}
}
@media (max-width: 450px){
    .case_top .caseswiper{padding-bottom: 50px;}
    .case_top .txt h1{font-size: 24px; line-height: 32px; margin-bottom: 20px;}
    .case_top .txt p{font-size: 16px; margin-bottom: 25px;}
    .det_show{ padding-bottom: 30px;}
}

.ab_com .imgfdd{ width: 48%; margin-right: auto;}
.ab_com .txt{ width: 47%;}
.ab_com .txt p{ font-size: 18px;}
.ny_number{ margin-top: 60px;}
.ny_number dl dt{ width: 20%;}
.ny_number dl dt:nth-child(2){ margin-right:auto;}
.ab_adva .title{ text-align: center; width: 75%; margin: 0 auto 55px;}
.ab_adva .title .popb52{ margin-bottom: 20px;}
.ab_adva .title p{ font-size: 18px;}
.ab_adva dt{ background: #fff; width: 23%; margin-right: auto; padding: 50px 40px 55px; text-align:center; transition:.2s ease;}
.ab_adva dt:last-child{ margin-right:0;}
.ab_adva dt .ic{ margin-bottom: 30px;}
.ab_adva dt h4{ font-family: popsb; font-size: 22px; line-height: 32px; height: 62px; overflow: hidden; margin-bottom:20px;}
.ab_adva dt p{ font-size: 18px; line-height:25px; height: 150px;}
.ab_adva dt .ic img{ height: 90px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(60%);-webkit-filter: brightness(0%) invert(60%);}
.ab_adva dt:hover{background:#e37907;}
.ab_adva dt:hover .ic img{ filter:unset;}
.ab_adva dt:hover h4,.ab_adva dt:hover p{ color:#fff;}


.ab_fac .popb52{ text-align: center; margin-bottom: 55px;}
.facswiper{ position: relative; overflow: hidden; padding-bottom:40px;}
.facswiper .swiper-slide { width:870px;transition-timing-function:linear; position: relative;overflow: hidden;}
.facswiper .swiper-slide .imgfd{ padding-top: 75%;}
.facswiper .swiperbtn{ width:62px; height:62px; border-radius:50%; text-align:center; line-height:62px; border:1px solid #fafafa; transition:.3s ease; color:#fff; top:50%; font-size:24px;}
.facswiper  .swiper-button-prev{ left: 27%;}
.facswiper  .swiper-button-next{ right: 27%;}
.facswiper .swiperbtn:hover{ background:#e67f1a; border-color: #e67f1a;}




.sy_global .txt{ margin-right:auto;}
.sy_global .pic{ width: 57%;}
.sy_global .pic img{ width: 100%;}
.sy_global .txt p.des{ font-size: 18px; line-height: 30px; margin-bottom: 85px;}
@media (max-width: 1441px){
    .ab_adva dt{ padding: 40px 30px 45px;}
    .ab_adva dt .ic img{ height: 80px;}
    .ab_adva dt .ic{ margin-bottom: 20px;}
    .ab_adva dt p{ font-size: 16px;}
    .ab_adva dt h4{ font-size: 20px; line-height: 30px; height: 60px;}
    
}
@media (max-width: 1281px){
    .ab_com .txt p{ font-size: 16px;}
    .ab_adva dt{padding:40px 25px 45px;} 
    .ab_adva dt p{ font-size: 16px;}
    .ab_adva dt h4{ font-size: 26px;}
    .ab_adva dt .ic{ margin-bottom: 20px;}
    .facswiper .swiper-slide{ width: 680px;}
    .ab_adva dt h4{ font-size: 22px; line-height: 28px; height: 56px;}
    .sy_global .txt p.des{margin-bottom: 50px;}
    
}
@media (max-width: 1024px){
    .ab_adva dt h4{height: auto;}
    .sy_global .pic{ width: 100%;}
    .ab_adva dl{ display: block;}
    .ab_adva dt{ display: flex; align-items: flex-start;flex-wrap:wrap; width:100%; margin-bottom:15px;}
    .ab_adva dt .txt{ text-align: left; width: calc(100% - 110px); margin-left: auto;}
    .ab_adva dt .ic{margin-bottom: 0;}
    .ab_adva dt p{height: auto;}
    .ab_adva dt{ padding: 35px 30px;}
    .facswiper .swiper-slide{ width: 500px;}
    .facswiper .swiperbtn{ width: 42px; height: 42px; line-height: 42px; font-size:20px;}
    .ny_number b{ font-size: 70px; line-height: 70px; height:70px;}
    .ny_number b sup{ font-size: 40px;}
    .ny_number p{ font-size: 16px; margin-top: 5px;}
    .sy_global .txt p.des{ margin-bottom: 40px;}
    .popb52{ font-size: 36px; margin-bottom:25px;}
    .ab_adva .title p{ font-size: 16px;}
    .ab_adva .title{ width: 90%;}
}
@media (max-width: 768px){
    .ab_com { display: block;}
    .ab_com .imgfdd{ width: 100%; margin-bottom: 25px;}
    .ab_com .txt{ width: 100%;}
    .sy_global{ display: block;}
    .sy_global .txt{ width: 100%; }
    .sy_global .pic{ width: 100%;margin-top: 20px;}
    .ny_number dl dt{ width: 47%;}
    .ny_number dl dt:nth-child(2n){ margin-right:0;}
    .ab_adva dt{ padding: 25px 20px;}
    .ab_adva dt .ic img{ height: 60px;}
    .ab_adva dt .txt{ width: calc(100% - 80px);}
    .ab_adva dt h4{ font-size: 20px; line-height: 25px; height: 50px; margin-bottom:10px;}
}
@media (max-width: 450px){
    .popb52{ font-size: 28px; margin-bottom: 15px; line-height:34px;}
    .ab_adva .title{ width: 95%; margin-bottom: 25px;}
    .ab_adva .title p{ font-size: 16px;}
    .ab_adva dt{padding: 25px 20px;}
    .ab_adva dt h4{ font-size: 20px; margin-bottom:10px; line-height:30px; height:30px;}
    .ab_adva dt p{ font-size: 14px; line-height: 24px;}
    .ab_adva dt .ic img{ height: 45px;}
    .ab_adva dt .txt{ width: calc(100% - 55px);}
    .ab_fac .title{margin-bottom: 25px;}
    .facswiper .swiper-slide{ width: 280px;}
    .facswiper .swiper-button-prev{ left: 10%;}
    .facswiper .swiper-button-next{ right: 10%;}
    .sy_global .txt p.des{ font-size: 16px;}
    .ny_number b{ font-size: 50px; line-height: 50px; height: 50px;}
    .ny_number b sup{ font-size: 28px;}
    .sy_global .txt p.des{ margin-bottom: 25px;}
    .ny_number{ margin-top: 30px;}
}

.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; font-size:20px; line-height: 80px;margin-left:70px; position:relative;}
.news_top .news_nav a:after{ position:absolute; left: 0; bottom: 0; height: 3px; width: 0; content: ''; background: #e67f1a; transition: .3s ease;}
.news_top .news_nav a.act{ color: #e67f1a;}
.news_top .news_nav a:not(.act):hover{ color:#e67f1a;}
.news_top .news_nav a.act:after{ width:100%;}
.ny_news_list ul li{ padding: 70px 0 60px; border-bottom: 1px solid #eaeaea;}
.ny_news_list ul li .pic{ width: 30%; float:left;}
.ny_news_list ul li .imgfd{padding-top: 66.67%;}
.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: 28px; font-family: popsb; line-height: 40px; max-height: 80px; margin-bottom:20px; overflow: hidden;}
.ny_news_list ul li .txt .des{ font-size: 18px; height: 60px; overflow: hidden; margin-bottom: 80px;}
.ny_news_list ul li:hover h2{ color:#e67f1a;}
.ny_news_list ul li span{ font-size: 18px;}
.ny_news_list ul li span.more{ margin-right: auto;}
.ny_news_list ul li .c-flex i{ font-size:18px; margin-left:3px;}
@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; font-size:18px; width:100%; text-align:center;}
    .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;}
    
}

.newdet{padding: 30px 0 100px;}

.newdet span{ font-size: 18px; color: #666666;}
.newdet h1{ font-size: 44px; font-family: popb; line-height: 60px; margin: 15px 0 60px;}
.newdet .follow p{ font-size: 18px; margin-bottom: 15px;}

.recom li{ padding-bottom: 20px; margin-bottom: 45px; border-bottom:1px solid #e4e4e4;}
.recom li h2{ font-size: 18px; font-family: popsb; line-height: 30px; margin-bottom: 25px;}
.recom li:hover h2{ color:#e67f1a;}
@media (max-width: 1281px){
    .newdet h1{ font-size: 38px; line-height:55px; margin-bottom:40px;}
}
@media (max-width: 1024px){
    .newdet h1{ font-size: 30px; line-height: 42px;}
}
@media (max-width: 768px){
    .newdet .pic{ display: none;}
    .newdet .left{ width: 100%; }
    .newdet{ padding: 25px 0 40px;}
}
@media (max-width: 450px){
    .newdet .left span{ font-size: 14px;}
    .newdet h1{ font-size: 24px; line-height: 32px; margin-bottom:30px; margin-top:0;}
.show_posi{padding: 15px 0;}
.newdet .follow p{ font-size: 16px; margin-bottom: 10px;}
}


.lx_top p{ width: 48%; margin-left: auto; font-size:18px;}
.lx_top .popb60{ margin-bottom: 0;}
.lx_main{ padding: 75px 0 90px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; margin-top:55px;} 
.lx_main .left{ width: 45%; margin-right: auto;}
.lx_main .right{ width: 51%;}
.lx_main .left span{ display: block; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; font-size:18px; color:#fff; background:linear-gradient(to right,rgba(216,71,24,1),rgba(234,214,38,1));}
.lx_main .left .box{ width: calc(100% - 70px); margin-left: auto; margin-top:-10px;}
.lx_main .left .box h4{ font-size: 24px; font-family: popsb; margin-bottom: 15px;}
.lx_main .left .box p{ font-size: 18px;}
.lx_main .left dt{margin-bottom: 50px;}
.lx_main .right b{ font-size: 40px; font-family: popb; margin-bottom: 40px;}
.lx_main .lx_item:nth-child(1),.lx_main .lx_item:nth-child(2){ width:45%;}
.lx_main .lx_item:nth-child(1){ margin-right:auto;}
.lx_main .lx_item{ margin-bottom: 45px; width:100%;}
.lx_main .lx_item i{ display: inline-block; width: 52px; height: 52px; line-height: 52px; border: 1px solid #d2d2d2; text-align:center; font-size:25px; border-radius:50%;}
.lx_main .lx_item .box{ width: calc(100% - 70px); margin-left: 15px;}
.lx_main .lx_item h4{ font-size: 22px; font-family: popsb; margin-bottom: 5px;}
.lx_main .lx_item a:hover{ color:#e37907;}
.lx_main .right .follow p{ font-size: 18px; text-transform: uppercase; margin-right: 28px;}

.lx_msg .popb60{text-align: center; text-transform:uppercase;}
.lx_msg .formbox.fl{ width: 31%; margin-right: 2.33%; margin-bottom:35px;}
.lx_msg .formbox.fl:nth-child(3){ margin-right:0;}
.lx_msg input,.lx_msg textarea{ width: 100%; line-height: 56px; padding-left: 20px; border:1px solid #e5e5e5; margin-top:15px;}
.lx_msg label{ font-size: 18px;}
.lx_msg label i{ color: #ff0000;}
.lx_msg .c-flex{ margin-top: 40px;}
.lx_msg .exp{ font-size: 15px;}
.lx_msg .sub{ width: 500px; text-align: center; line-height: 58px; color: #fff; text-transform:uppercase; margin-left:auto; background:linear-gradient(to right,rgba(216,71,24,1),rgba(234,214,38,1)); cursor:pointer; transition:.3s ease;}
.lx_msg .sub i{ margin-left: 10px; font-size:20px;}
.lx_msg .sub:hover{ background:linear-gradient(to right,#e29520,#d84818,#ead626);}

.lx_map{ overflow: hidden;}
.lx_map iframe{ width: 100%!important;}

@media (max-width: 1024px){
    .lx_main{ padding: 45px 0 55px;}
    .lx_main .left .box p{ font-size: 16px;}
    .lx_main .right b{ font-size: 34px; margin-bottom:25px;}
    .lx_main .lx_item:nth-child(1), .lx_main .lx_item:nth-child(2){ width:100%; margin-bottom: 25px;}
    .lx_main .left{ display: none;}
    .lx_main .right{ width: 100%;}
}
@media (max-width: 768px){
    .lx_top { display: block;}
    .lx_top p{ width: 100%; margin-top:20px;}
    .lx_main{ padding: 30px 0 40px; margin-top: 35px;}
    .lx_msg .formbox.fl{ width: 100%;}
    .lx_map{ display: none;}
}
@media (max-width: 450px){
    .lx_main .left dt{ margin-bottom: 30px;}
    .lx_main .left .box h4{ font-size: 20px; margin-bottom: 0;}
    .lx_msg input, .lx_msg textarea{ line-height: 50px; padding-left:12px; margin-top:10px;}
    .lx_msg label{ font-size: 16px;}
    .lx_msg .formbox.fl{ margin-bottom: 25px;}
    .lx_msg .c-flex{ margin-top: 25px;}
    .lx_msg .sub{ line-height: 50px; margin-top: 15px;}
    .lx_msg{ padding-bottom: 0;}
}