@charset "utf-8";
/* CSS Document */
.search_box{ width: 100%; position: fixed; left: 0; top: 80px; 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);}


.top_contact{ display: flex; align-items: center;}
.top_contact .top_search{ line-height: 80px; width: 80px; text-align: center;cursor: pointer; font-size: 24px; border-left: 1px solid rgba(0,0,0,.15); border-right: 1px solid rgba(0,0,0,.15);}
.top_contact .follow_list{ padding: 0 25px;}
.top_lang{ margin: 0 50px 0 30px;}
.top_contact .con_btn{ height: 80px; border-left: 1px solid rgba(0,0,0,.3); padding: 0 40px;}
.top_contact .con_btn a{ font-size:18px; }
.top_contact .con_btn a i{ margin-right: 15px; font-size: 18px;}
.top_contact .con_btn:hover a{color:#e67f1a;}
.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{ bottom: 0;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 7px; height: 7px; background: none; border: 1px solid #929891; opacity: 1; margin:0 5px!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #e67f1a; border-color: #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 .titswiper{ position: absolute; width: 400px; left: 50%; bottom: 50px;border: 1px solid #fff; text-align:center; transform:translateX(-50%); z-index:3;}
.sy-ban .titswiper li{ line-height: 40px; color:#fff; cursor:pointer;}
.sy-ban .titswiper li.swiper-slide-thumb-active{ background: rgba(0,0,0,.5);}
.sy-ban .titswiper li:first-child{ border-right:1px solid #fff;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}
.top_h{ height: 80px;}
.sy-ban .txt1{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%); color:#fff;}
.sy-ban .txt1 b{font-size: 60px;line-height: 80px; color: #fff; max-width: 70%;}
.sy-ban .txt1 p{ font-size: 20px; margin-top: 30px;}
.sy-ban .txt1 .more{ margin-top: 80px; color: #fff; font-size: 18px;}
.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-left: 20px; transition: .2s ease; font-size: 22px;}
.sy-ban .txt1 .more:hover i{ background: #e67f1a; margin-left: 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;}

.dtop{padding-top: 100px;}
.sy_product .left{ width: 38%; margin-right: auto; padding-top: 70px;}
.sy_product .right{ width: 60%;}
.sy_title b{ font-size: 60px;line-height: 60px;margin-bottom: 30px;}
.sy_title p{ font-size: 18px;}
.proli{ background: #fff;}
.proli .imgfd{ padding-top: 64%;}
.proli h2{ font-family: popm; font-size: 24px; line-height: 35px; height: 70px; overflow: hidden; margin-bottom: 25px; transition:.3s ease;}
.proli .txt{padding: 40px 38px;}
.proli.g_pro{ background: #f5f5f5;}
.proli:hover h2,.proli:hover span{ color:#e67f1a;}

.item_top .sy_title{ margin-bottom: 0; margin-right: auto; max-width: 55%;}
.item_top{ margin-bottom: 70px;}
.item_top .link_list a{margin: 30px 0;}
.pro_box{ width: calc(50% + 800px); position: relative; float: right;}
.proswiper{ overflow: hidden;}
.proswiper li{ width: 500px!important; transform: translateX(-40px)!important;}
.proswiper li a{display: block; position: relative; z-index: 2;}
.sy_product .swiperbox{ justify-content: center; margin-top: 45px;}
.sy_product .swiperbox .line{ height: 36px; width: 2px; background: #aeaeae; margin: 0 24px;}
.sy_product .swiperbtn{ position: unset; margin-top: 0; font-size: 33px;}
.sy_product .swiperbtn:hover{ color: #e67f1a;}
.sy_product .swiperbox .swiper-scrollbar{ width: calc(100% - 180px);margin-right: auto;position: unset; opacity: 1!important; z-index: 5;}
.sy_product .swiperbox .swiper-scrollbar.swiper-scrollbar-horizontal{background:#f0f0f0;}
.sy_product .swiperbox .swiper-scrollbar-drag{background:linear-gradient( to right,#d84718,#ead626);}


.swiperall .swiperbtn{ font-size: 40px; top: 50%}
.swiperall .swiper-button-prev{left: -50px;}
.swiperall .swiper-button-next{right: -50px;}
.swiperall .swiperbtn:hover{ color: #0e56a8;}

.sy_solution{ position: relative; padding-bottom: 150px;}
.sy_solution b{ font-size: 54px; line-height: 80px; width: 55%; margin-right:auto;}
.sy_solution .right{ width: 37%;}
.sy_solution .right .des{ font-size: 18px; margin-bottom: 45px;}
.sy_solution .right .imgfdd{margin-top: 90px;}
.sy_solution .sol_pic{ position: absolute;width: 55%; left: 0; bottom: 0;}


.custswiper{ width: 60%; overflow: hidden; position:relative;}
.cust_txt{ width: 35%;}
/* File: https://erbaturglass.com/templates/erbatur/assets/vendor/css/before-after.min.css */ 
.ba-slider{position:relative;overflow:hidden; height: 650px;}
.ba-slider img{width:100%;display:block;max-width:none; height: 100%;}
.ba-slider .resize{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}
.ba-slider .handle{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;cursor:ew-resize}
.ba-slider .handle:after{position:absolute;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;content:'\21d4';color:#fff;font-weight:700;font-size:36px;text-align:center;line-height:64px;background:#ffb800;border:1px solid #e6a600;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.5),inset 0 60px 50px -30px #ffd466}
.ba-slider .handle.ba-draggable:after{width:48px;height:48px;margin:-24px 0 0 -24px;line-height:50px;font-size:30px}
.ba-slider .handle .icon-wrapper {
  display: flex;
  width: 90px;
  height: 90px;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: -45px;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  transform: translate3d(0, -50%, 0); border: 1px dashed #fff; top: 50%; 
}

.ba-slider .handle .icon-wrapper i {
  font-size: 20px;
  color: #fff
}

.ba-slider .handle .icon-wrapper i + i {
  margin-left: 1rem
}

.ba-slider .handle::before {
  display: none;
  position: absolute;
  top: 50%;
  content: "";
  font-size: .2rem;
  font-family: icomoon;
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  line-height: 64px;
  border: 1px solid #b18e14;
  border-top-right-radius: 50%;
  transition: all .3s ease;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  box-shadow: 0 2px 6px rgba(0, 0, 0, .3), inset 0 2px 0 rgba(255, 255, 255, .5), inset 0 60px 50px -30px #b18e14
}

.ba-slider .handle::after {
  display: none;
  background: #b18e14;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16))
}

.popb54{ font-size: 54px; line-height: 80px; margin-bottom: 25px;}
.cust_txt p{ font-size: 18px; margin-bottom: 50px;}
.cus_control{ position:absolute; z-index:4; bottom:40px; right:40px;}
.custswiper .cus-num{margin-right: auto; position:absolute; left:40px; bottom:40px; color:#fff; z-index:4;}
.custswiper .cus-num .zong{ font-size: 28px;}
.custswiper .cus-num .active{ font-size: 20px; color: #e67f1a;}

.cus_control .swiperbtn{position: unset; display: inline-block; color:#fff; margin-left:25px; font-size: 26px; line-height: 24px; margin-top: 0; height: 30px;}
.cus_control .line{ margin: 0 25px; font-size: 30px; color: #fff;}
.swiperbtn:hover{ color: #e67f1a;}


.case_right{width: 50%; font-size: 18px;}
.case_right p{margin-bottom: 40px;}
.caseswiper{ overflow: hidden; padding-bottom:50px; position: relative;}
.caseswiper li{ overflow:hidden;position: relative; transition: .3s ease;}
/*.caseswiper li .imgfdd{ height: 480px;position:relative;}*/
/*.caseswiper li .imgfdd img{height: 100%; object-fit: cover;}*/
/*.caseswiper li.swiper-slide-active{ width: 50%!important;}*/
/*.caseswiper li .bot{ position: absolute;padding: 60px 55px 35px; width: 100%; left: 0; bottom: 0; background:linear-gradient( to bottom,rgba(0,0,0,.01),rgba(0,0,0,.7));}*/
/*.caseswiper li .bot .smore{color: #fff; display: block; width: 54px; line-height: 54px; height: 54px; text-align: center; font-size: 26px; border-radius: 50%; border: 1px solid #fff; transition: .3s ease;}*/
/*.caseswiper li .bot h2{font-size: 20px; font-family: popsb; max-width: calc(100% - 80px); margin-right: auto;color: #fff;}*/
/*.caseswiper li:not(.swiper-slide-active) .bot{ display: none;}*/
/*.caseswiper li:hover .smore{ background: #e67f1a; border-color: #e67f1a; color: #fff;}*/
.caseswiper li .imgfdd{ height: 380px;position:relative;}
.caseswiper li .imgfdd img{height: 100%; object-fit: cover;}
.caseswiper li .bot{ position: absolute;padding: 60px 55px 35px; width: 100%; left: 0; bottom: 0; background:linear-gradient( to bottom,rgba(0,0,0,.01),rgba(0,0,0,.7));}
.caseswiper li .bot .smore{color: #fff; display: block; width: 54px; line-height: 54px; height: 54px; text-align: center; font-size: 26px; border-radius: 50%; border: 1px solid #fff; transition: .3s ease;}
.caseswiper li .bot h2{font-size: 20px; font-family: popsb;color: #fff;}
.caseswiper li:hover .smore{ background: #e67f1a; border-color: #e67f1a; color: #fff;}



.sy_choose .sy_title{ width: 80%; margin: 0 auto 120px; text-align: center; color: #fff;}
.sy_choose .sy_title b{ color: #fff;}
.sy_choose dt{ width: 20%; position: relative; height: 260px; text-align: center; color: #fff;}
.sy_choose dt .bott{ text-align: center; padding: 0 35px; width: 100%;}
.sy_choose dt:after{ position: absolute; right: 0; height: 80px; width: 1px; background: rgba(255,255,255,.2); top: 50%; transform: translateY(-50%); content: '';}
.sy_choose dt:last-child:after{display: none;}
.sy_choose dt .titp{ font-size: 18px; margin-top: 10px; height: 30px;}
.sy_choose dt .txt{ height: 0; overflow: hidden; padding: 0 30px; position: absolute; width: 100%; left: 0; top: 0; transition: .3s ease; background:linear-gradient( to right,#d07d1c,#cc9531);}
.sy_choose dt .txt h3{ padding: 45px 0 18px; color: #fff; position: relative; margin-bottom: 25px; font-size: 18px; }
.sy_choose dt .txt h3:after{ width: 50px; height: 3px; background: #fff; content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.sy_choose dt .txt p{ font-size: 16px; line-height: 24px;}
.sy_choose dt:hover .txt{ height: 100%;}

.left_news,.c_news,.news_list{ height: 500px;}
.left_news a,.c_news a,.news_list a{ display: block; height: 100%;}
.news_list a{ height: calc((100% - 20px) / 2); background: #f3f3f3;}
.news_list a:first-child{ margin-bottom: 20px;}
.left_news .imgfdd{ height: 100%;}
.left_news .imgfdd img{ height: 100%;}
.left_news{ width: 45%; position: relative;}
.left_news .txt{ width: 100%; left: 0; padding:0 35px 35px; color: #fff; bottom: 0; position: absolute;}
.left_news .txt h2{ font-size: 24px; font-family: popsb; line-height: 36px; color: #fff; margin-top: 10px;}
.c_news,.news_list{ width: 25.5%; margin-left: auto;}
.c_news{ background: #f3f3f3;}
.c_news .txt,.news_list .txt{ padding: 30px 30px 0;}
.c_news .txt h2,.news_list .txt h2{ font-size: 20px; line-height: 30px; height: 90px; overflow: hidden; margin-bottom: 15px; font-family: popsb;}
.c_news .txt p,.news_list .txt p{ line-height: 24px; height: 24px; overflow: hidden; margin-bottom: 30px;}
.c_news .txt .more,.news_list .txt .more{ margin-right: auto;}
.c_news .imgfdd{ height: calc(50% + 10px);}
.c_news .imgfdd img{ height: 100%;}
.c_news:hover h2,.news_list a:hover h2,.left_news:hover h2{ color: #e67f1a;}


.com_foot{ color: #fff; background: url("../images/fbg_33.jpg") no-repeat center; background-size: cover;}
.foot_top{ padding: 75px 0 40px; border-bottom: 1px solid #e6e6e6;}
.f_center .flogo{ margin-bottom: 30px;}
.f_center{ padding: 70px 0 60px; position: relative;}
.f_center .b_top{ font-size: 18px; transition: .3s ease; cursor: pointer; margin-left:auto;}
.f_center .b_top i{ display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #b3732e; font-size: 20px; margin-left: 15px; border-radius: 50%; transition: .3s ease;}
.f_center .b_top:hover { color: #e67f1a;}
.f_center .b_top:hover i{ background: #e67f1a; border-color: #e67f1a; color: #fff;}
.f_center .f_left{ width: 32%;}
.f_center .f_left .f_msg{ font-size: 18px; line-height: 27px;}
.f_center .f_nav{ width: 50%;}
.f_center .flogo img{ width: 110px;}
.f_center .flogo p{ font-size: 18px; line-height: 30px; width: calc(100% - 130px); margin-left: auto; padding-left: 25px; border-left: 1px solid rgba(199,199,199,.2); color: #dcdcdc;}
.f_left .f_cont .item .p span{margin-right: 25px;}
.f_left .f_cont .item{ margin-top: 18px;}
.f_left .f_cont .item .p{display: block; line-height: 24px; width: calc(100% - 95px);margin-left: auto; color: #fff; font-size: 18px;}
.f_left .f_cont .item i{ font-size: 18px; color: #a4a4a4; line-height: 24px; text-transform: uppercase;}
.f_left .f_cont .item.fl{ width: 48%}
.f_left .f_cont .item .p:hover{color: #fff;}
.f_center .f_left .follow_list{ margin-top: 60px;} 
.f_nav dt{ margin-left: auto;}
.f_nav dt b,.f_nav dt a{ display: block;}
.f_nav dt b{ color: #fff; font-size: 20px; font-family: popsb; margin-bottom: 20px;}
.f_nav dt a{ margin-bottom: 15px; color: #d8d8d8;}
.f_nav dt a:hover{ color: #fff;}
.copy{ padding: 30px 0; border-top: 1px solid #e6e6e6;}
.copy .power{ margin-left: auto;}


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


@media (max-width: 1600px){
	.sy-ban .txt1 b{font-size: 56px; line-height: 72px;}
	.sy_title b{ font-size: 56px; line-height: 56px; margin-bottom:20px;}
	.sy_solution b,.popb54{ font-size: 50px; line-height: 70px;}
	.index_head{padding-left: 2%;}
	.top_contact .con_btn{padding: 0 25px;}
	.index_head .nav li.nav_li{margin-left: 60px;}
	.ba-slider{ height: 600px;}
	.pro_box{ width: 98%;}
	
}

@media (max-width: 1441px){
	.sy-ban .txt1 b{ font-size: 50px; line-height: 65px;}
	.sy_title b{ font-size: 50px; line-height: 55px;}
	.item_top .link_list a{margin: 20px 0;}
	.proli .txt{ padding: 30px 28px;}
	.sy_solution b, .popb54{ font-size: 44px; line-height: 60px;}
	.sy_solution .right .des{ font-size: 16px; margin-bottom: 30px;}
	.cust_txt p{ margin-bottom: 45px;}
	.cus_control{ margin-top: 80px;}
	.sy_choose .sy_title{ margin-bottom: 80px;}
	.sy_choose dt .txt{ padding: 0 20px;}
	.sy_choose dt .txt h3{ padding-top: 30px;}
	.top_contact .follow_list{ display: none;}
}

@media (max-width: 1281px){
	.index_head .logo img{ max-height: 55px;}
	.index_head{ height: 80px;}
	.index_head .nav li .tarA a{ font-size: 16px;}
	.index_head .nav li.nav_li{ line-height: 80px; height: 80px;}
	.top_contact .top_search{ line-height: 80px; width: 80px;}
	.top_contact .con_btn{height: 80px;}
	.sy-ban .txt1 b{ font-size: 44px; line-height: 55px;}
	.sy-ban .txt1 .more{margin-top: 50px;}
	.sy_title b{ font-size: 44px; line-height: 50px;}
	.sy_title p{ font-size: 16px;}
	.proswiper li{ width: 400px!important;}
	.proli h2{ font-size: 20px; line-height: 30px; height: 60px;}
	.sy_solution{ padding-bottom: 100px;}
	.ba-slider{height: 520px;}
	.sy_solution b, .popb54{ font-size: 40px; line-height: 48px;}
	.cust_txt p{ font-size: 16px;}
	.cus_control{ margin-top: 50px;}
	.caseswiper li .bot{ padding: 50px 35px 30px;}
}

@media (max-width: 1024px){
	.ban_control .center{ padding: 20px 0;}
	.sy-ban .txt1 b{ max-width: 60%;}
	.sy-ban .txt1 .more i{ width: 40px; line-height: 40px; height: 40px;}
	.sy-ban .txt1 .more{ margin-top: 30px;}
	.item_top{ display: block;}
	.item_top .sy_title{ max-width: 100%; margin-bottom: 30px;}
	.case_right{ width: 100%;}
	.caseswiper li .imgfdd{ height: 300px;}
	.sy_choose dt .bott{ padding: 0 20px;}
	.sy_choose dt .titp{ font-size: 16px;}
	.sy_choose dt .ic img{height: 60px;}
	.sy_choose dt .txt{ display: none;}
	.sy_title b{ font-size: 36px; line-height: 40px;}
	.sy_choose dt{height: 220px;}
	.sy_choose .sy_title{ margin-bottom: 40px;}
	.item_top{margin-bottom: 40px;}
	.left_news, .c_news{ display:none;}
	.news_list{ width: 100%; height:auto;}
	.c_news .txt, .news_list .txt{ padding: 30px;}
	.foot_top{ display: none;}
	.f_center{ display: none;}
	.sy_solution b, .popb54{ font-size: 35px; line-height: 40px;}
	.sy-ban{ margin-top: 54px;}
	.dtop{ padding-top: 50px;}
	
}
@media (max-width: 768px){
	.ban_control .swiper-num,.scr_down{ display: none;}
	.sy-ban .txt1 b{ font-size: 36px; line-height: 45px; max-width:70%;}
	.dtop{ padding-top: 40px;}
	.proswiper li{ width: 300px!important;}
	.proli .txt{padding: 25px 18px;}
	.proli h2{ margin-bottom: 15px;}
	.sy_product .swiperbtn{ font-size: 22px;}
	.sy_product .swiperbox .line{ height: 26px; margin:0 15px;}
	.sy_solution .center{ display: block;}
	.sy_solution b{width: 100%; margin-bottom: 25px;}
	.sy_solution .right{ width: 100%;}
	.sy_solution .right .imgfdd{ margin-top: 35px;}
	.sy_solution .sol_pic{ position: unset; width: 100%; margin-top: 20px;}
	.sy_solution{ padding-bottom: 0;}
	.cust_txt{ width: 100%; float: none;}
	.cus_control{margin-top: 30px;}
	.cust_txt p{ margin-bottom: 25px;}
	.custswiper{ width: 100%; margin-top: 30px;}
	.sy_choose dl{ display: block;}
	.sy_choose dl dt{ width: 100%; height:auto;}
	.sy_choose dl dt .bott{ display:flex; align-items:center; flex-wrap:wrap;}
	.sy_choose dt:after{ display:none;}
	.sy_choose dt .titp{ margin-left: 20px;}
	.sy_choose .sy_title{ width: 100%;}
	
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban .txt1 b{ font-size: 24px; line-height: 32px; max-width:85%;}
.sy-ban .txt1 .more{ display: none;}
.ban_control .center{ padding: 10px 0;}
.proswiper li{ width: 180px!important;}
.proswiper li .amore{ display: none;}
.proli .txt{ padding: 15px 8px;}
.proli h2{ margin-bottom: 0;}
.proli h2{ font-size: 14px; line-height: 22px; height: 44px;}
.sy_product .swiperbox{margin-top: 25px;}
.sy_product .swiperbox .swiper-scrollbar{ width: calc(100% - 100px);}
.sy_product .swiperbox .line{height: 20px;}
.sy_solution b, .popb54{ font-size: 28px; line-height: 36px;}
.cust_txt{ padding-top: 0;}
.ba-slider{ height: 300px;}
.ba-slider .handle .icon-wrapper{ width: 70px; height: 70px; padding:15px; left:-35px;}
.sy_case { padding-top: 0;}
.caseswiper li .bot{ padding: 40px 20px 20px;}
.caseswiper li .bot .smore{ display: none;}
.caseswiper li .bot h2{ max-width: 100%; font-size:18px;}
.sy_title b{ font-size: 28px; line-height: 36px;}
.c_news .txt, .news_list .txt{ padding: 20px;}
.copy .power{ display: none;}
.copy{padding: 20px 0; font-size:13px;}
.c_news .txt h2, .news_list .txt h2{ font-size: 18px; line-height:27px; height:91px;}
.c_news .txt p, .news_list .txt p{ display: none;}
}


.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ban_txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color:#fff;}
.ban_txt p{ font-size: 22px; color: #fff; width: 60%; margin-top:25px;}
.ban_txt .posi{ font-size: 18px; margin-bottom:10px; }
.ban_txt .posi a{ color: #fff;}
.ban_txt b{ font-size: 70px; line-height: 70px; text-transform: uppercase; color:#fff;}

.pro_list ul li{ float: left; width: 32%; margin-bottom: 35px; margin-right:2%;}
.pro_list ul li:nth-child(3n){ margin-right:0;}

.popb60{ font-size: 60px; font-family: popb; margin-bottom: 40px; line-height:65px;}

@media (max-width: 1441px){
    .popb60{ font-size: 54px; line-height:60px;}
    .ban_txt b{ font-size: 60px; line-height:60px;}

}
@media (max-width: 1281px){
    .top_h{ height: 80px;}
    .index_head .nav li .second{ top: 80px;}
    .popb60{ font-size: 50px; line-height: 55px;}
    .ban_txt b{ font-size: 55px; line-height:60px;}
}
@media (max-width: 1024px){
    .popb60{ font-size: 44px; line-height: 50px; margin-bottom:30px;}
    .ban_txt b{ font-size: 50px; line-height:55px;}
    .top_h{ height: 54px;}
    
}
@media (max-width: 768px){
    .popb60{ font-size: 36px; line-height: 44px; margin-bottom:20px;}
    .ban_txt b{ font-size: 40px; line-height:45px;}
}
@media (max-width: 450px){
    .popb60{ font-size: 26px; line-height: 35px; margin-bottom:20px;}
    .ban_txt b{ font-size: 30px; line-height:35px;}
    .ban_txt .posi{ font-size: 14px; margin-bottom: 0;}
    .ny_ban img{ width: 140%; margin-left: -20%;}
    .pro_list ul li{ width: 49%; }
    .pro_list ul li:nth-child(3n){ margin-right:2%;}
    .pro_list ul li:nth-child(2n){ margin-right:0;}
    .proli .amore{ display: none;}
    .pro_list ul li{ margin-bottom: 20px;}
}
.titcenter{ text-align: center;}

.pro_det{ text-align: center; font-size:18px;}
.pro_det .box{ width: 80%; margin: 0 auto 70px;}
.finiswiper{ overflow: hidden;}
.finiswiper .pic{ border-radius: 50%; display:inline-block; overflow: hidden; width:190px; margin-bottom:25px;}
.finiswiper .imgfd{ padding-top: 100%;}
.finiswiper p{ font-size: 22px; line-height: 36px;}
.finiswiper li:hover p{ color:#f86520;}

.det_btns{ margin-top: 40px; justify-content: center; }
.det_btns a{ display: inline-block; padding: 0 30px; line-height: 53px; border: 1px solid #484848; margin: 0 10px; font-size:18px; transition:.3s ease;}
.det_btns a i{ font-size: 18px; margin-left: 10px; transition:.3s ease;}
.det_btns a:hover{ background:#e67f1a; border-color: #e67f1a; color: #fff;}
.det_btns a.btn1{ background:#e67f1a; border-color: #e67f1a; color: #fff;}
.det_btns a:hover i{ margin-left:15px;}

.pro_adv .item{ background: #f8f8f8; margin-bottom:65px;}
.pro_adv .item .imgfd{ padding-top: 64%;}
.pro_adv .item .pic{ width: 50%;}
.pro_adv .item .txt{ width: 50%; padding: 70px 75px 0;}
.pro_adv .item .txt b{ font-size: 44px; font-family: popb; margin-bottom: 25px;}
.pro_adv .item .txt p{ font-size: 18px;}

.popb50{ font-size: 50px; line-height: 55px; font-family: popb;}
.popb50 span{ color: #e67f1a;}
.pro_app .sy_title{ width: 36%;}
.pro_app .item_top p.des{ font-size: 18px; width: 50%;}
.pappswiper{ position: relative; padding-bottom: 45px; overflow: hidden;}
.pappswiper .imgfd{ padding-top: 63%; margin-bottom: 25px;}
.pappswiper p{ font-size: 18px; height:60px; overflow:hidden;}
.mainh{ height: 100px;}
@media (max-width: 1600px){
    .pro_adv .item .txt{ padding: 50px 45px 0;}
    .finiswiper .pic{ width: 170px;}
    
}
@media (max-width: 1441px){
    .finiswiper p{ font-size: 20px;}
}
@media (max-width: 1281px){
    .finiswiper .pic{ width: 140px; margin-bottom:15px;}
    .pro_adv .item .txt p{ font-size: 16px;}
    .pro_adv .item .txt b{ font-size: 38px; line-height:40px;}
    .pro_adv .item .txt{ padding: 40px 30px 0;}
    .mainh{ height: 70px;}
}
@media (max-width: 1024px){
    .ban_txt p{ margin-top: 15px; width: 80%;}
    .finiswiper p{ font-size: 18px; line-height: 30px;}
    .pro_det .box{ width: 95%; margin-bottom: 40px;}
    .pro_app .sy_title{ width: 100%;}
    .pro_app .item_top p.des{ width: 100%; font-size: 16px;}
}
@media (max-width: 768px){
    .ban_txt p{ font-size: 16px;}
    .pro_adv .item .txt{ float: none; width: 100%;margin-bottom:25px;}
    .pro_adv .item .pic{ width: 100%; float: none;}
    .pappswiper p{ font-size: 16px; height: 48px;}
    .mainh{ height: 35px;}
}
@media (max-width: 450px){
    .ban_txt p{ display: none;}
    .finiswiper .pic{ width: 120px; margin-bottom:0;}
    .finiswiper p{ font-size: 16px; line-height: 24px; height: 48px;}
    .det_btns{ margin-top:0;}
    .det_btns a{font-size: 16px; width:100%; text-align:center; margin-top:20px;}
    .pro_adv .item .txt{ padding: 30px 20px 0;}
    .pro_adv .item .txt b{ font-size: 28px; line-height: 35px; margin-bottom:15px;}
    .pro_adv .item{ margin-bottom: 30px;}
    .item_top{margin-bottom: 25px;}
    .pappswiper p{ font-size: 14px;}
    .pappswiper .imgfd{margin-bottom: 10px;}
    
    
}
.c_title{ text-align: center; width: 80%; margin: 0 auto 65px;}
.c_title .popb50{margin-bottom: 30px;}
.c_title p{ font-size: 18px;}
.case_cate ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 60px; text-align:center;}
.case_cate ul li:nth-child(3n){ margin-right:0;}
.case_cate ul li .imgfd{ padding-top: 62%; margin-bottom:30px;}
.case_cate ul li p{ font-family: popsb; font-size: 20px; height: 30px;}
.case_cate ul li:hover p{ color:#e67f1a;}
.case_cate .bot_txt{ position: absolute; left:0; bottom:0; width: 100%; z-index: 3; background: rgba(0,0,0,.4); padding: 20px 15px; color:#fff; text-align:left; display:none; transition:.3s ease;}
.case_cate .bot_txt b{color: #fff; font-family: popsb; font-size: 20px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px;}
.case_cate .bot_txt span{display:block; font-size: 16px; line-height: 24px;}
.case_cate ul li:hover .bot_txt{ display:block;}

.case_tit p{ }
.case_tit p span{ font-weight: bold; font-size:20px; margin-right:15px;}
.case_list ul li{ width: 48.5%; margin-right: 3%; margin-bottom: 100px; float:left;} 
.case_list ul li:nth-child(2n){ margin-right:0;}
.case_list ul li .imgfd{padding-top: 61.55%; margin-bottom:45px;}
.case_list ul li h2{ font-size: 22px; font-family: popsb; line-height: 33px; height: 66px; width: calc(100% - 100px); margin-right: auto;transition:.3s ease; overflow:hidden;}
.case_list ul li .smore{ width: 54px; line-height: 54px; display: inline-block; text-align: center; border-radius: 50%; border: 1px solid #b4b4b4; transition:.3s ease; font-size:20px;}
.case_list ul li:hover h2{ color:#e67f1a;}
.case_list ul li:hover .smore{ border-color:#e67f1a; color: #e67f1a;}
@media (max-width: 1281px){
 .case_list ul li .imgfd{ margin-bottom: 25px;}   
    .case_list ul li{margin-bottom: 60px;}
    .popb50{ font-size: 42px; line-height: 50px;}
    .c_title{width: 95%;}
    .c_title .popb50{margin-bottom: 20px;}
    .c_title{ margin-bottom: 45px;}
}
@media (max-width: 1024px){
    .case_list ul li h2{ font-size: 18px; line-height: 30px; height: 60px;}
    .popb50{ font-size: 34px; line-height: 40px;}
    .c_title p{ font-size: 16px;}
}
@media (max-width: 768px){
    .case_list ul li{ width: 100%; float: none;}
    .popb50{ font-size: 30px; line-height: 35px;}
}
@media (max-width: 450px){
    .popb50{ font-size: 26px; line-height: 32px;}
    .case_list ul li .imgfd{ margin-bottom: 15px;}
    .case_list ul li .smore{ width: 40px; height: 40px; line-height: 40px; font-size:18px;}
    .case_list ul li h2{ width: calc(100% - 50px);}
    .case_list ul li{margin-bottom: 35px;}
}
.showposi{padding: 35px 0; font-size:18px; color:#999;}
.showposi a{ color: #999;}
.showposi a:last-child{ color:#333;}
.case_top{padding: 40px 0 60px; width: 85%; margin: 0 auto; text-align:center;}
.case_top h2{ font-size: 44px;line-height: 60px; padding-bottom: 40px; position: relative; margin-bottom: 25px;font-family:popb;}
.case_top h2:after{position:absolute; height: 4px; width: 110px; background: #f86520; content: ''; bottom: 0; left: 50%; transform: translateX(-50%); }
.case_top p{ font-size: 18px;}
.casemain{ padding: 60px 0 95px;}
.main_left{ width: calc(100% - 500px);}
.main_right {width: 440px;}
.main_left b.tit{ font-size: 48px; font-family: popb; padding-bottom: 20px; position: relative; margin-bottom: 55px;}
.main_left b.tit:after{ position:absolute; width: 110px; height: 4px; background: #e67f1a; content: ''; left: 0; bottom: 0;}
.det_box{ overflow: hidden;}
.det_box img{max-width: 100%!important;}
.right_tit{ line-height: 21px; font-family: popsb; font-size: 24px; padding-left: 18px; border-left: 4px solid #e67f1a; margin-bottom:30px;}
.rel_pro { margin-bottom: 75px;}
.rel_pro a{ background: #f8f8f8; margin-bottom:25px;}
.rel_pro a .pic{ width: 40%;}
.rel_pro a .txt{padding: 0 25px; width:60%;}
.rel_pro a .txt p{ font-family: popsb; font-size: 20px; max-height: 60px; overflow: hidden; margin-bottom: 15px;}
.rel_pro a .pic .imgfd{padding-top: 64%;}
.rel_pro a:hover p{ color:#e67f1a;}
.ny_msg{ box-shadow: 0 0 8px rgba(0,0,0,.15);}
.ny_msg .pic{ width: 28%;}
.ny_msg .pic img{ width: 100%;}

.ny_msg .msg_box{ width: 72%; padding: 0 60px;}
.ny_msg .msg_box .popb50{ text-transform: uppercase;margin-bottom:15px;}
.ny_msg .msg_box .title p{ font-size: 18px;}
.ny_msg .msg_box .title{ margin-bottom: 40px;}
.form_left,.form_right{ width: 48%;}
.ny_msg .msg_box input,.ny_msg .msg_box textarea{ width: 100%; width: 100%; line-height: 58px; border: 1px solid #dddee2; padding-left: 20px; font-size:18px; margin-bottom:30px;}
.ny_msg .msg_box textarea{ margin-bottom: 15px;}
.ny_msg .msg_box .exp{ font-size: 14px; line-height: 24px; padding-left: 22px; position: relative; width:calc(100% - 180px); margin-right:auto;}
.ny_msg .msg_box .exp i{ position: absolute; left: 0; top: 0px;}
.ny_msg .msg_box .sub{ line-height: 50px; width: 170px; cursor: pointer; background: #f86520; color:#fff; font-family:pop; transition:.3s ease;}
.ny_msg .msg_box .sub:hover{ background:#e67f1a;}

.case_ys{ margin-top: 70px;}
.case_ys dt{ width: 19%; margin-right: auto; text-align:center; transition:.3s ease;}
.case_ys dt:last-child{margin-right:0;}
.case_ys dt p{margin-top: 15px; font-size:18px; height:30px; transition:.3s ease;}
.case_ys dt img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(20%);-webkit-filter: brightness(0%) invert(20%); transition:.3s ease;}
.case_ys dt:hover img{filter:unset;}
.case_ys dt:hover p{ color:#f86520;}

.other_case a{ margin-bottom: 30px;}
.other_case a .pic{ width: 40%; margin-right:auto;}
.other_case a .pic .imgfd{padding-top: 64%;}
.other_case a p{ width:55%; font-family: popsb; font-size: 18px; max-height:120px; overflow:hidden; }
.other_case a:hover p{ color:#e67f1a;}
@media (max-width: 1441px){
    .ny_msg .msg_box input, .ny_msg .msg_box textarea{ line-height: 50px; margin-bottom:20px;}
    .rel_pro a .txt p{ font-size: 18px; height:60px; margin-bottom:15px;}
    .case_top h2{ font-size: 40px; line-height: 48px;}
    .main_left b.tit{ font-size: 42px;}

}
@media (max-width: 1281px){
        .form_right .c-flex{ display: block;}
    .ny_msg .msg_box .exp{ width: 100%;}
    .ny_msg .msg_box .sub{ width: 100%; margin-top: 10px;}
    .ny_msg .msg_box .title{ margin-bottom: 25px;}
    
}
@media (max-width: 1024px){
    .showposi{ padding: 25px 0; font-size:16px;}
    .case_top{ width: 100%; padding:35px 0 50px;}
    .main_left b.tit{ font-size: 36px; margin-bottom: 30px;}
    .main_right{ display: none;}
    .main_left{ width: 100%;}
    .ny_msg .pic{ display: none;}
    .ny_msg{ display: block;}
    .ny_msg .msg_box{ width: 100%; padding: 30px 40px;}
     .ny_msg .msg_box textarea{line-height: 40px;}
     .case_top h2{ font-size: 32px; line-height: 40px; padding-bottom:30px;}
}
@media (max-width: 768px){
    .case_ys dt p{ font-size: 16px;}
    .case_ys{margin-top: 35px;}
}
@media (max-width: 450px){
    .showposi{ padding: 12px 0; font-size:14px;}
    .case_top h2{ font-size: 22px; line-height: 30px;}
    .case_top h2:after{ width:70px;}
    .main_left b.tit{ font-size: 32px; padding-bottom:10px;}
    .main_left b.tit:after{ width:80px;}
    .ny_msg .msg_box{ padding: 30px 20px;}
    .form_left, .form_right{ width: 100%; float: none;}
    .case_ys{ display: none;}
    .case_top p{ font-size: 16px;}
}
.banmore{ display: inline-block; line-height: 53px; padding: 0 28px; border: 1px solid #fff; color: #fff;font-size:18px; margin-top:55px; transition:.3s ease;}
.banmore i{ margin-left: 10px;}
.banmore:hover{ background:#e67f1a; border-color:#e67f1a;}

.des_opt .imgfdd{ width: 47%; margin-right:auto;}
.des_opt .txt{ width: 49%;}
.des_opt .txt b{ font-size: 44px; font-family: papb; line-height: 65px; margin-bottom: 35px;}
.des_opt .txt .box p{ position: relative; padding-left: 18px; font-size: 18px;}
.des_opt .txt .box p:after{ position:absolute; left: 0; width: 6px; height: 6px; content: ''; top: 11px; background: #9e9e9e;}

.des_philo .txt{ width: 58%;; margin-right: auto;}
.des_philo .imgfdd{ width: 37%;}
.des_philo .txt .tit{margin-bottom: 50px;}
.des_philo .txt .tit b{ font-size: 52px; font-family: popb; margin-bottom: 10px;}
.des_philo .txt .tit p{ font-size: 20px;}
.des_philo .txt .box span{ display: block; font-size: 24px; line-height: 36px; margin-bottom: 35px;}
.des_philo .txt .box p{ font-size: 18px; position: relative; padding-left: 18px; margin-top:5px;}
.des_philo .txt .box p:after{ position:absolute; left: 0; width: 6px; height: 6px; content: ''; top: 11px; background: #9e9e9e;}
.ly_box{ padding: 45px 80px 45px 100px; border: 1px solid #dddddd; position:relative; margin-top:40px;}
.ly_box p{ font-size: 24px; line-height: 36px;}
.ly_box:after{ position:absolute; left: 40px; top: 40px; font-size: 140px; line-height: 80px; font-family: Arial; color: #333333; opacity: .1; content:'“';}
.ly_box:before{ position:absolute; right: 40px; bottom: 0; font-size: 140px; line-height: 40px; font-family: Arial; color: #333333; opacity: .1; content:'”';}

.popb52{ font-size:52px; font-family:popb;margin-bottom:45px;}
.des_libary .popb52{ text-align: center;}
.des_libary .tab-hd{ width: 35%; margin-left: auto; border-top: 1px solid #dfdfdf;}
.des_libary .tab-bd{ width: 60%;}
.des_libary .tab-hd li{ padding: 30px 0; border-bottom: 1px solid #dfdfdf;}
.des_libary .tab-hd li b{ font-family: barsb; font-size: 28px; display: inline-block;}
.des_libary .tab-hd li .txt{ padding: 25px 0 0; display: none;}
.des_libary .tab-hd li p{margin-bottom: 25px;}
.des_libary .tab-hd li a{ font-size: 18px; color: #e67f1a;}
.des_libary .tab-hd li a i{margin-left: 5px;}
.des_libary .tab-hd li.active .txt{ display: block;}
.des_libary .tab-hd li.active b{ background: -moz-linear-gradient(to right,rgba(216,71,24,1),rgba(234,214,38,1)); background: linear-gradient(to right,rgba(216,71,24,1),rgba(234,214,38,1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.des_libary .tab-bd .imgfd{ padding-top: 58.4%;}

.des_eng .title{ text-align: center; width: 75%; margin: 0 auto 50px; text-align: center;}
.des_eng .title b{margin-bottom: 10px;}
.des_eng .title p{ font-size: 20px;}
.des_eng dl{ margin-bottom: 20px;}
.des_eng dl dt{ width: 18.5%; margin-right: auto; background:#d7d7d7; position:relative; padding:20px 20px 20px 32px; text-align:center;}
.des_eng dl dt:last-child{ margin-right:0;}
.des_eng dl dt:after{ position:absolute;width:0; overflow:hidden; height:100%; left:0; top:0; content:'';background:linear-gradient(to right,rgba(216,71,24,1),rgba(234,214,38,1)); transition:1s ease;}
.des_eng dl dt:before{ position:absolute;width:calc(100% - 2px); height:calc(100% - 2px); left:1px; top:1px; content:''; background:#fff; z-index:2;}
.des_eng dl dt:hover:after{ width:100%; }
.des_eng dl dt img{ height: 68px;}
.des_eng dl dt p,.des_eng dl dt span,.des_eng dl dt .ic{ position: relative; z-index: 3;}
.des_eng dl dt .ic{ transition: .3s ease;}
.des_eng dl dt:hover .ic{ transform:rotateY(180deg);}
.des_eng dl dt p{ font-size: 18px; height:30px;}
.des_eng dl dt span{ font-size: 20px;}
.des_eng dl dt:hover{ color:#e67f1a;}
.des_eng .des_ss{ width: 100%;}
.des_eng .box{ width: 75%; margin: 30px auto 0; text-align: center; font-size:24px; line-height:36px;}
.des_eng .box span{ color: #e67f1a; text-decoration: underline;}
.des_eng .box p{ line-height: 36px;}

.des_work .title,.des_case .title{text-align: center; margin-bottom: 55px;}
.des_work .title .popb52,.des_case .title .popb52{ margin-bottom: 15px;}
.workswiper{ overflow: hidden; padding-bottom:50px; position:relative;}
.workswiper li{ background: #fff; transition:.3s ease;}
.workswiper li .imgfd{padding-top: 60%;}
.workswiper li .txt{ padding: 30px 40px 35px; position:relative;}
.workswiper li .txt h2{ font-family: popb; font-size: 22px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom:15px; position: relative; z-index: 2;}
.workswiper li .txt p{ font-size: 18px; height: 60px; overflow: hidden; position: relative; z-index: 2;}
.workswiper li span{font-family: popsb; font-size: 80px; color: #f5f5f5; line-height:70px; position: absolute; right: 25px; top: 60px;}
.workswiper li:hover{background:#e67f1a; color:#fff;}
.workswiper li:hover span{ opacity:.1;}
.workswiper li:hover h2{ color:#fff;}
.workswiper li:after{ width:22px; height: 18px; position: absolute; right: -38px; top: 50%; background: url(../images/jt_07.png) no-repeat; content:'';}

.des_case li{ float: left; width: 48%; margin-right: 4%;}
.des_case li:nth-child(2n){ margin-right:0;}
.des_case .custswiper{width:100%; text-align:center;}
.des_case .ba-slider{ height: 520px; margin-bottom:20px;}
.des_case .custswiper p{  font-size: 18px; height: 30px;}
.des_sust .imgfdd{ width: 55%; margin-right: auto;}
.des_sust .txt{width: 40%;}
.des_sust .title{ margin-bottom: 45px;}
.des_sust .title b{ margin-bottom: 15px;}
.des_sust .title p{ font-size:18px;}
.des_sust .box{ padding: 35px 50px 40px; border:1px solid #d8d8d8; margin-bottom:25px;}
.des_sust .box p{ font-size: 20px; line-height: 33px; position: relative; padding-left: 18px;}
.des_sust .box p:after{ position:absolute; left: 0; width: 6px; height: 6px; content: ''; top: 12px; background: #9e9e9e;}
.des_sust .txt span{ display: block; font-size: 18px; line-height: 30px;}

.des_holo{ width: 75%; margin: 0 auto; text-align: center;}
.des_holo span{ font-size: 20px;}
.des_holo b{ font-size: 40px; line-height: 60px; margin: 10px 0 35px;}
.des_holo .more{ display: inline-block; line-height: 53px; padding: 0 30px; background:#e67f1a;font-size:18px; transition:.3s ease; margin-bottom:40px; color:#fff;}
.des_holo .more i{ margin-left: 10px; transition:.3s ease; font-size:18px;}
.des_holo .more:hover i{ margin-left:14px;}
@media (max-width: 1441px){
    .des_opt .txt b{ font-size: 38px; line-height: 55px;}
    .des_opt .txt b{ margin-bottom: 25px;}
    .des_philo .txt .tit{ margin-bottom: 30px;}
    .ly_box{ margin-top: 25px;}
    .popb52{ font-size: 45px; line-height: 50px; margin-bottom: 35px;}
    .des_eng dl dt p{ font-size: 16px;}
    .des_philo .txt .tit b{ font-size: 45px;}
    
}
@media (max-width: 1281px){
    .banmore{ margin-top: 35px;}
    .des_opt .txt b{ font-size:32px; line-height: 45px;}
    .des_philo .txt .box span,.ly_box p{ font-size: 20px; line-height: 30px;}
    .popb52{ font-size: 40px;}
    .des_libary .tab-hd li{ padding: 20px 0;}
    .des_libary .tab-hd li b{ font-size: 24px;}
    .des_libary .tab-hd li .txt{padding-top: 15px;}
    .des_libary .tab-hd li p{ margin-bottom: 15px;}
    .des_eng dl dt p{ line-height: 24px;}
    .des_eng dl dt{padding: 0 15px 0 20px;}
    .des_eng .box{ width: 85%;}
    .des_case .ba-slider{height: 450px;}
    .des_sust .box{padding: 25px 40px 30px;}
    .des_sust .title{ margin-bottom: 25px;}
    .des_holo b{ font-size: 32px; line-height: 50px;}
    .workswiper li .txt{ padding: 25px 30px 30px;}
    .workswiper li span{ font-size: 60px; line-height: 50px;}
}
@media (max-width: 1024px){
    .des_opt .txt b{ font-size: 26px; line-height: 34px;}
    .des_opt .txt .box p{ font-size: 16px;}
    .des_philo .txt .tit b{ font-size: 36px;}
    .des_philo .txt .tit p{ font-size: 18px;}
    .des_philo .txt .box span, .ly_box p{ font-size: 18px;}
    .des_philo .txt .box span{margin-bottom: 25px;}
    .ly_box{padding: 30px 65px 30px 70px;}
    .ly_box:after{ left:20px;}
    .ly_box:before{ right:20px;}
    .des_eng .title p{ font-size: 18px;}
    .des_eng .title{ width: 95%; margin-bottom:30px;}
    .des_eng dl dt{ width: 30%; margin-bottom:20px;}
    .des_eng dl dt:nth-child(3){ margin-right:0;}
    .des_eng .box{ font-size: 20px; line-height:30px;}
    .workswiper li .txt{ padding: 20px;}
    .workswiper li .txt p{ font-size: 16px;}
    .workswiper li .txt h2{ font-size: 20px;}
}
@media (max-width: 768px){
    .banmore{ display: none;}
    .des_opt{ display: block;}
    .des_opt .imgfdd{width: 100%; margin-bottom: 25px;}
    .des_opt .txt{ width: 100%;}
    .des_philo{ display: block;}
    .des_philo .txt{ width: 100%;}
    .des_philo .imgfdd{ display: none;}
    .popb52{ font-size: 32px; margin-bottom: 25px;}
    .des_libary .t-flex{ display: block;}
    .des_libary .tab-bd{ width: 100%; margin-bottom: 25px;}
    .des_libary .tab-hd{ width: 100%;}
    .des_eng .box p{ font-size: 18px;}
    .des_work .title, .des_case .title{ margin-bottom: 25px;}
    .workswiper li .txt p{ height: 48px;}
    .des_case .ba-slider{ height: 350px;}
    .des_sust .center{ display: block;}
    .des_sust .imgfdd{ width: 100%; margin-bottom:25px ;}
    .des_sust .txt{ width: 100%;}
    .des_holo{ width: 90%;}
    
}
@media (max-width: 450px){
    .des_philo .txt .box p{ font-size: 16px;}
    .des_opt .txt .box p:after,.des_philo .txt .box p:after{ top:9px;}
    .des_philo .txt .tit b{ font-size: 30px;}
    .ly_box{ padding: 25px 50px;}
    .ly_box:before,.ly_box:after{ font-size:80px;}
    .ly_box:after{ top:15px;}
    .popb52{ font-size: 28px;}
    .des_libary .tab-hd li b{ font-size: 22px;}
    .des_eng .title p{ font-size: 16px;}
    .des_eng dl dt{ width: 100%; height: auto; padding: 15px 10px;}
    .des_eng .des_ss{ display: none;}
    .des_eng .box{ width: 95%; margin-top: 20px;}
    .workswiper li .txt p{ display: none;}
    .workswiper li .txt{padding: 15px 10px;}
    .workswiper li .txt h2{ font-size: 18px; line-height: 26px; height: 52px; margin-bottom: 0;}
    .workswiper li span{ font-size: 38px; line-height:35px; top:30px; right:10px;}
    .des_case li{ width: 100%; float: none; margin-bottom:25px;}
    .des_case .ba-slider{height: 300px;}
    .des_sust .box{padding: 20px 25px;}
    .des_sust .box p{ font-size: 18px;}
    .des_holo b{ font-size: 22px; line-height: 32px; margin-bottom:25px;}
    .des_holo .more{ margin-bottom: 25px;}
}
.ab_com .imgfdd{ width: 48%; margin-right: auto;}
.ab_com .txt{ width: 47%;}
.ab_com .txt .des p{ font-size: 18px; line-height:1.8;}
.com_number{margin-top: 40px;}
.com_number dt{ width: 23%; margin-right: auto; margin-top: 40px;}
.com_number dt:nth-child(4n){ margin-right:0;}
.com_number dt b{ font-size:50px; line-height: 50px;color: #e67f1a;}
.com_number dt i{ display:inline-block;  font-size:80px; line-height: 75px; height: 75px;}
.com_number dt sub{ font-size: 24px; line-height: 24px; height: 24px; margin-left:5px; font-family:popm; color:#333;vertical-align:sub;}
.com_number dt p{ font-size: 18px; height: 30px; margin-top:15px;}


.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: 31%; margin-right: auto; padding: 70px 40px 55px; text-align:center;}
.ab_adva dt:last-child{ margin-right:0;}
.ab_adva dt .ic{ margin-bottom: 30px;}
.ab_adva dt h4{ font-family: popsb; font-size: 28px; line-height: 35px; height: 35px; overflow: hidden; margin-bottom:20px;}
.ab_adva dt p{ font-size: 18px; line-height:27px; height: 91px;}

.ab_fac .title{ text-align: center; margin-bottom: 55px;}
.ab_fac .title .popb52{ margin-bottom: 10px;}
.facswiper{ position: relative; overflow: hidden;}
.facswiper .swiper-slide .imgfd{ padding-top: 57.5%;}
.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{ width: 38%; 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;}
.ny_number dt{ width: 45%; margin-right: auto;}
.ny_number dt:nth-child(2){ margin-right:0;}
.ny_number b{ font-family: popb; font-size: 90px; line-height: 80px; height: 80px; color:#e67f1a;}
.ny_number b sup{ font-size: 60px; line-height: 40px; height: 40px; margin-left:10px;}
.ny_number p{ font-size: 18px; color: #666666; line-height: 27px; height: 27px; margin-top: 20px;}
@media (max-width: 1281px){
    .ab_com .txt p{ font-size: 16px;}
    .ab_adva dt{padding:50px 35px ;} 
    .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;}
    
}
@media (max-width: 1024px){
    .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;}
}
@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;}
}
@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{ width: 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;}
}
.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: 60px 0 100px;}
.newdet .left{ width: 50%; margin-right:auto;}
.newdet .pic{ width: 45%;}
.newdet .pic .imgfd{ padding-top:66.67%;}
.newdet .left span{ font-size: 18px; color: #666666;}
.newdet .left h1{ font-size: 44px; font-family: popb; line-height: 60px; margin: 15px 0 60px;}
.newdet .left .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;}
.page_btn{ padding-top: 40px; border-top: 1px solid #e9e9e9; margin-top: 65px; font-size:18px; color:#666;}
.page_btn .prev,.page_btn .next{ background: #f9f9f9; padding: 22px; margin-top:20px;}
.page_btn a{ display: block; width: calc(100% - 100px); margin-left:auto; color:#666;}
.page_btn a.link:hover{ color:#e67f1a;}
@media (max-width: 1281px){
    .newdet .left h1{ font-size: 38px; line-height:55px; margin-bottom:40px;}
}
@media (max-width: 1024px){
    .newdet .left 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 .left h1{ font-size: 24px; line-height: 32px; margin-bottom:30px;}
    .page_btn{ padding-top: 10px; margin-top: 35px; font-size:14px;}
    .page_btn .prev, .page_btn .next{ padding: 12px;}
    .page_btn a{ width: calc(100% - 80px);}
}

.ban_txt b.popb60{ font-size:56px; max-width: 60%; text-transform:capitalize; line-height:80px;}
.lx_top p{ width: 48%; margin-left: auto; font-size:18px;}
.lx_top .popb60{ margin-bottom: 0;}
.lx_main .left{ width: 40%; margin-right: auto;}
.lx_main .right{ width: 55%;}
.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 .left 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: 30px; 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; line-height:30px;}
.lxbox .lx_item{ margin-bottom: 25px;}
.lxbox .lx_item p{ width: calc(100% - 100px); margin-left: auto;}
.lx_main .left .lxbox b{ font-size: 32px; margin-bottom: 20px;}
.lx_main .right .follow p{ font-size: 18px; text-transform: uppercase; margin-right: 28px;}
.lx_msg .popb60{ margin-bottom:25px;}
.lx_msg .tit{ margin-bottom: 40px;}
.lx_msg .formbox.fl{ width: 49%; margin-right: 2%; margin-bottom:35px;}
.lx_msg .formbox.fl:nth-child(2n){ 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: 25px;}
.lx_msg .exp{ font-size: 15px;}
.lx_msg .sub{ width: 100%; margin-top:30px; 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 .left .box p{ font-size: 16px;}
    .lx_main .left 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;}
}
@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_main .left{ width: 100%; float: none;}
    .lx_main .right{ width: 100%; margin-top:20px;}
    .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;}
}