@charset "utf-8";
/* CSS Document */
.search_box{ width: 100%; position: fixed; left: 0; top: 105px; background: #fff;z-index:3; padding:40px 0; display:none;z-index:88;}
.search_box form{ width: 100%; border: 2px solid #c1903e;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form input.search_sub{ width: 150px; background: #c1903e 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;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: #c1903e;}
.top_contact .top_search{ margin-right: 25px; cursor: pointer; font-size: 20px; color: #c1903e;}
.top_contact span{ display: inline-block; margin-right: 15px;}
.top_contact span:first-child{ padding-right: 15px; border-right:1px solid rgba(102,102,102,.3);}
.top_contact span i{ display: inline-block;width: 22px; height: 22px; border-radius: 50%; background: #f2f2f2; color: #3d63ca; line-height: 22px; text-align: center; font-size: 14px; margin-right: 3px;}
.top_lang p{ line-height: 28px; padding: 0 15px; border-radius: 14px; cursor: pointer; border:1px solid rgba(0,0,0,.3);}
.top_lang p i{ font-size: 14px; margin-right: 5px;}
.top_lang{ position: relative;}
.top_lang .lang-list{ position: absolute; left:0; top:28px; background:#fff; padding:15px; width:100%; border-radius:5px; display:none;z-index: 3;}
.top_lang .lang-list img{ float: left; margin-right: 5px;}
.top_lang .lang-list a{ display: block; color: #666; margin-bottom:8px;}
.top_lang .lang-list a:hover{ color:#c1903e;}
.top_lang:hover .lang-list{ display:block;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}
.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.sy-ban img{ width: 100%;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0; z-index: 3;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 14px; height: 14px; border: 1px solid rgba(0,0,0,0); opacity: 1; background: none; margin-right: 10px; position: relative; opacity: .3}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: #000; opacity: 1;}
.swiper-pagination-bullet:after{ position: absolute; width: 8px; height: 8px; border-radius: 50%; content: ''; left: 50%; top: 50%; background: #000; transform: translate(-50%,-50%);}
.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;}

.top_h{ height: 105px;}
.sy-ban .txt1{ padding: 30px 0; position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}

.sy-ban .txt1 b{font-size: 66px; line-height: 90px; color: #fff; max-width: 55%; font-family: ddb;}
.sy-ban .txt1 .amore{ margin-top: 80px;}
.sy-ban .swiper-slide-active .txt1{animation: txtup 0.5s ease-out;}
@keyframes txtup{
	0%{transform: translateY(-60%);}
	100%{transform: translateY(-50%);}
}
@-webkit-keyframes txtup{
	0%{transform: translateY(-60%);}
	100%{transform: translateY(-50%);}
}
.amore{ display: inline-block; line-height: 50px; border-radius: 25px; font-size: 20px; padding: 0 15px 0 0; color: #fff; position: relative;transition: .2s ease; overflow: hidden;}
.amore span{ position: relative; z-index: 3; color: #333;}
.amore i{ display: inline-block; font-size: 20px;margin-left: 30px; transition: .3s ease;}
.amore.wb span{ color: #fff; }
.amore.wb:after{ border-color: #fff;}
.amore:after{ width: 50px; height: 50px; border-radius: 26px; transition: .3s ease; border: 1px solid #333; content: ''; position: absolute; right: 0; top: 0;}
.amore:hover:after,.amore.on:after{ width: calc(100% - 3px); border-color: #c1903e; background: linear-gradient( to right,rgba(180,137,64,1),rgba(223,190,116,1),rgba(180,137,64,1));;}
.amore:hover,.amore.on { padding-left: 20px; color: #fff;}
.amore:hover span,.amore.on span,.amore.wb:hover span i{color: #fff;}


.sy_item_tit{ margin-bottom: 60px;}
.sy_item_tit p{ text-transform: uppercase; padding-left: 24px; position: relative;}
.sy_item_tit p:after{ position: absolute; left: 0; top: 10px; background: #000000; content: ''; width: 8px; height: 8px; border-radius: 50%;}
.sy_item_tit b{ font-size: 70px;line-height: 70px; margin-top: 15px; text-transform: uppercase; font-family: ddb;}
.item_top{ margin-bottom: 80px; align-items: flex-end;}
.item_top .sy_item_tit{ margin-bottom: 0; margin-right: auto;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 110px;}
.sy_products .item_top a{ font-size: 20px; margin-bottom: 20px;}
.sy_products .item_top a:hover{ color: #c1903e;}
.sy_products .item_top a img{margin-left: 25px;}
.item_top .amore{ margin-bottom: 20px;}

.sy_bg{ position: relative;}
.sy_bg:after{ position: absolute; width: 100%; height: 1500px; background: url("../images/bg_02.jpg") repeat; content: ''; z-index: -1; top: 0; left: 0;}
.proswiper{ overflow: hidden; position: relative; padding-bottom: 50px;}
.proswiper li{position: relative;}
.proswiper li .txt{ position: absolute; width: 100%; padding: 0 35px; bottom: 25px;}
.proswiper li .txt h2{ color: #fff; font-size: 20px;}
.proswiper li .imgfd{ padding-top: 121%;}

.sy_who .pic{ width: 38%;}
.sy_who .pic img{ width: 100%;}
.sy_who .txt{ width: 58%; padding-top: 90px;}
.sy_who .txt .des{ margin-bottom: 85px;}
.sy_number{margin-top: 80px;}
.sy_number .numdt{ width: 45%; margin-right: auto;}
.numdt i.iconfont{ display: inline-block; font-size: 38px; transform: rotate(-90deg); color: #999; font-weight: lighter;}
.numdt .num_top{ padding-bottom: 25px; border-bottom: 1px solid #d5d5d5; margin-bottom: 25px;}
.numdt .num_top b{ font-family: ddb; font-size: 86px; line-height: 85px;}
.sy_number dt:nth-child(2) i.iconfont{ transform: rotate(90deg); }
.numdt .num_top sub{ font-size: 24px; margin-left: 10px;}
.sy_number dt:nth-child(2) .num_top sub{ font-family: ddb; font-size: 48px;}
.numdt p{ font-size: 16px; line-height: 24px; height: 48px;}


.sy_choose{ overflow: hidden; position: relative; color: #fff; border-top-left-radius: 100px; border-top-right-radius: 100px; }
.sy_choose .chopic{ width: 100%;}
.sy_choose .cho_box{ width: 100%; left: 0; top: 110px; position: absolute; }
.sy_choose .sy_item_tit p:after{ background: #fff;}
.sy_choose .sy_item_tit b{ color: #fff;}

.sy_choose dl{ margin-top: 160px;}
.sy_choose dl dt{width: 29%; margin-right: auto;}
.sy_choose dl dt:last-child{ margin-right: 0;}
.sy_choose dl .top{ padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.4); margin-bottom: 25px;}
.sy_choose dl dt span{ font-size: 24px; display: block; margin-top: 20px;}
.sy_choose dl p{ line-height: 27px; height: 81px; margin-bottom: 35px;}
.sy_choose dl a{ color: #fff; display:none;}
.sy_choose dl a i{ font-size:22px; margin-left: 10px; font-weight: lighter;}
.sy_choose dl a:hover{ color: #c1903e;}
.sy_choose dl dt:first-child a:first-child{display:block;}
.sy_choose dl dt:nth-child(2) a:nth-child(2){display:block;}
.sy_choose dl dt:nth-child(3) a:nth-child(3){display:block;}

/* File: https://erbaturglass.com/templates/erbatur/assets/vendor/css/before-after.min.css */ 
.ba-slider{position:relative;overflow:hidden; height: 484px;}
.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))
}

.caseswiper{ overflow: hidden; position: relative; padding-bottom: 50px;}
.sy_free{ position: relative; overflow: hidden;}
.sy_free .freepic{ width: 100%;}
.sy_free .txt{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%); color: #fff;}
.sy_free .txt .sy_item_tit{margin-bottom: 0; margin-right: auto; width: 55%;}
.sy_free .txt .sy_item_tit p:after{ background: #fff;}
.sy_free .txt .sy_item_tit b{ font-size: 44px; line-height: 70px; color: #fff; text-transform: none;}
.sy_free .txt .amore{ font-size: 16px;}
.sy_free .txt .amore i{ margin-left: 0; margin-right: 15px; font-size: 16px;}
.newsswiper{ overflow: hidden; padding-bottom: 50px; position: relative;}
.newsitem .imgfd{ padding-top: 60%; margin-bottom: 35px;}
.newsitem span{ display: inline-block; font-size: 16px;}
.newsitem h2{ font-size: 24px; font-family: popsb; line-height: 40px; height: 80px; margin: 15px 0 25px; overflow: hidden;}
.newsitem p{ line-height: 27px; height: 54px; overflow: hidden; margin-bottom: 45px;}
.newsitem span.more{ text-transform: uppercase; line-height: 34px; border-bottom: 1px solid #000000;}
.footbg{ background: #2b2b2b;}
.newsitem:hover h2,.newsitem:hover span.more{ color: #c1903e;}
.newsitem:hover span.more{ border-color: #c1903e;}

.index_foot{ background: #252525; background-size: cover; color: #fff;}
.index_foot a{ color: #fff;}
.foot_center{ padding: 60px 0 50px; border-bottom: 1px solid rgba(255,255,255,.2); position: relative;}
.foot_center .foot_nav{ margin-left: auto;width: 50%;}
.foot_center .foot_nav li{ margin: 0 auto;}
.foot_center .foot_nav a{display: block; color: #c8c8c8; font-size: 16px; margin-bottom: 20px;}
.foot_center .box{ width: 42%;}
.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: 36%;}
.foot_contact .fcon_item{ margin-bottom: 30px; overflow: hidden;}
.foot_contact .fcon_item span{ display: inline-block; text-transform: uppercase;font-size: 18px; color: #999999; margin-right: auto;}
.foot_contact .fcon_item p{ width: calc(100% - 100px);}
.copy{ padding: 20px 0; color: #b7b6b6;}
.copy .follow{ margin-right: auto;}
.copy .follow .follow_list{ margin-left: 15px;}
.foot_center b{ font-family: popm; font-weight: normal;font-size: 20px; margin-bottom: 25px; display: block; color: #fff;}
.index_foot .b_top{ position:absolute; bottom: 50px; right: 0;cursor: pointer; font-size: 16px; color: #fff; transition: .2s ease;}
.b_top i{ line-height: 40px; color: #fff; font-size: 22px; display: inline-block; width: 40px; border: 2px solid rgba(255,255,255,.6); margin-left: 10px; text-align: center; border-radius: 50%; transition: .2s ease}
.fcon_tel span{ font-size: 30px; color: #004088; margin-right: 5px;}
.fcon_tel{ color: #333;}
.fcon_tel p{ font-size: 42px; margin-top: 20px;}
.index_foot .b_top:hover{ color: #c1903e;}
.index_foot .b_top:hover i{ background: #c1903e; border-color: #c1903e;}

.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: #c1903e ;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: #c1903e ;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:#c1903e;}
.right_online li:hover .box{max-width:300px;z-index: 1;}
.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;}
.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}
.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;background: none;border-radius: 0;}
.right_online li .ewmtp .p{padding: 0;}
.right_online li .ewmtp img{ width: 120px; height:120px;}

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


@media (max-width: 1600px){
	.sy-ban .txt1 b{ font-size: 58px; line-height: 80px;}
	.sy_item_tit b{ font-size: 60px; line-height: 60px;}
	.item_top{ margin-bottom: 60px;}
	.proswiper li .txt{padding: 0 25px;}
	.sy_who .txt{ padding-top: 50px;}
	.sy_who .txt .des{margin-bottom: 60px;}
	.sy_number{margin-top: 60px;}
	.sy_choose dl{ margin-top: 100px;}
	
}

@media (max-width: 1441px){
	.proswiper li .txt h2{font-size: 18px;}
	.numdt .num_top b{font-size: 70px; line-height: 68px;}
	.numdt .num_top{padding-bottom: 20px; margin-bottom: 20px;}
	body{ font-size: 16px;}
	.sy_choose dl p{margin-bottom: 25px;}
	.sy_choose{border-top-left-radius: 60px; border-top-right-radius: 60px;}
	.sy_choose .cho_box{ top: 70px;}
	.ba-slider{height: 420px;}
	.sy_free .txt .sy_item_tit b{font-size: 36px; line-height: 60px;}
}

@media (max-width: 1281px){
	.sy-ban .txt1 b{ font-size: 42px; line-height: 52px;}
	.sy-ban .txt1 .amore{margin-top: 50px;}
	.sy_item_tit b{ font-size: 44px; line-height: 44px;}
	.item_top,.sy_item_tit,.sy_who .txt .des{margin-bottom: 40px;}
	.sy_who .txt{padding-top: 0;}
	.sy_number{margin-top: 40px;}
	.sy_choose dl{margin-top: 60px;}
	.newsitem h2{ font-size: 22px; line-height: 36px; height: 72px;}
	.newsitem .imgfd{margin-bottom: 25px;}
	.newsitem p{margin-bottom: 30px;}
	.mainh{ height:65px;}
	
}

@media (max-width: 1024px){
	.right_online{ display: none;}
	.amore{ line-height: 40px; padding-right:12px; font-size:18px;}
	.amore:after{ width:40px; height: 40px;}
	.amore:after{font-size:18px;}
	.ban_control .center{ padding: 35px 0;}
	.proswiper li .txt h2{ font-size: 16px;}
	.proswiper li .txt{padding: 0 18px; bottom: 20px;}
	.numdt .num_top b{font-size: 60px; line-height: 58px;}
	.sy_choose dl .top img{ height: 60px;}
	.sy_choose dl dt span{font-size: 20px; margin-top: 10px;}
	.sy_choose dl .top{ padding-bottom: 20px; margin-bottom: 20px;}
	.sy_choose .chopic{height: 500px; object-fit: cover;}
	.sy_choose dl a{display: none!important;}
	.ba-slider{height: 350px;}
	.foot_center { display: none;}
	.sy-ban{margin-top: 54px;}
	
}
@media (max-width: 768px){
	.sy-ban .txt1 b{ font-size: 30px; line-height: 36px;}
	.sy-ban .txt1 .amore{margin-top: 35px;}
	.ban_control .swiper-num,.scr_down{display: none;}
	.ban_control .center{padding: 25px 0;}
	.sy_products .item_top a{display: none;}
	.sy_item_tit b{ font-size: 32px; line-height: 32px;}
	.sy_item_tit p:after{width:6px; height: 6px; top: 8px;}
	.sy_item_tit p{padding-left: 20px;}
	.sy_item_tit b{margin-top: 10px;}
	.sy_who .pic{ width: 100%; float: none;}
	.sy_who .txt{ width: 100%; float: none; margin-top: 25px;}
	.sy_choose dl p{ display: none;}
	.sy_choose{display: none;}
	.sy_free{display: none;}
	.newsitem p{ display: none;}
	.copy .follow{display: none;}
	.copy{ font-size: 12px;}
	.item_top .amore{display: none;}
	.mainh{height: 70px;}
	
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban .txt1 b{ max-width: 80%;}
.sy-ban .txt1 .amore{ display: none;}
.ban_control .center{ padding: 0;}
.sy-ban .txt1 b{font-size: 26px; line-height: 32px;}
.sy_item_tit b{font-size: 24px; line-height: 24px;}
.item_top, .sy_item_tit, .sy_who .txt .des{margin-bottom: 30px;}
.proswiper li .txt h2{line-height: 24px;}
.numdt .num_top b{font-size: 40px; line-height: 36px;}
.sy_number dt:nth-child(2) .num_top sub{font-size:22px;}
.numdt i.iconfont{font-size: 26px;}
.numdt p{font-size: 14px;}
.numdt .num_top sub{font-size: 16px;}
.mainh{height: 40px;}
.ba-slider{height: 240px;}
.ba-slider .handle .icon-wrapper{width: 70px; height: 70px; left: -35px;}
.newsitem .imgfd{margin-bottom: 10px;}
.newsitem span{ font-size: 14px;}
.newsitem h2{ font-size: 16px; line-height: 24px; height: 48px; margin-top:5px; margin-bottom:0;}
.newsitem span.more{display: none;}
.swiper-pagination-bullet:after{ width:4px; height: 4px;}
.swiper-pagination-bullet{ width: 10px; height: 10px;}
.sy_number{margin-top: 30px;}
.sy_number .numdt:nth-child(2){margin-right:0;}
.sy_number .numdt{ width: 47%;}
}

.toph{height: 105px;}
.posi{ padding: 40px 0; font-size:12px; color:#888;}
.posi a{font-size: 16px;}
.top_txt b{ font-size: 72px; margin-right: auto;}
.top_txt .des{ width: 55%; line-height: 40px; font-size: 26px;}
.top_txt .des p{line-height: 40px;}
.top_txt{ margin-bottom: 60px;}
.top_ban{ overflow: hidden;}
.top_ban img{width: 100%;}

.ny_pro_nav{ margin-bottom:30px;}
.ny_pro_nav a{ display: inline-block; margin-right:2.5%; line-height:54px; text-align:center; width:18%; font-size:16px;position:relative; border:1px solid #3e3e3e; margin-bottom:30px; transition:.2s ease;}
.ny_pro_nav a p{ position:relative; line-height:54px;}
.ny_pro_nav a:nth-child(5n){ margin-right:0;}
.ny_pro_nav a:before{ position:absolute; bottom: -9px; left: 50%; transform: translateX(-50%); content: ''; width: 18px; height: 9px; background: url(../images/sj_03.png) no-repeat center; opacity:0; transition:.3s ease;}
.ny_pro_nav a:hover,.ny_pro_nav a.on{ color:#fff; background:#d10000; border-color:#d10000;}
.ny_pro_nav a:hover:before,.ny_pro_nav a.on:before{ opacity:1;}
.ny_pro_nav a .sj{ position: absolute; bottom:-30px; left:50%; margin-left:-12px; display:none;}
.ny_pro_nav a.on .sj{ display: inline;}
.sec_pro{ background:#f6f6f6;padding:28px 70px; margin-bottom:50px;} 
.sec_pro .nav_box{ display: none;}
.sec_pro .nav_box.curr{ display: flex;}
.sec_pro .nav_box a{ margin-right:70px; display:inline-block; font-size:20px; line-height:58px; position:relative;}
.sec_pro .nav_box a:after{ width:6px; height: 6px; background: #d10000; content: ''; position:absolute; border-radius:50%; left:50%; transform:translateX(-50%); bottom:0; transition:.2s ease; opacity:0; }
.sec_pro .nav_box a:hover:after,.sec_pro .nav_box a.on:after{ opacity:1;}

.ny_pro_list ul li{ width: 24%; margin-right: 1.33%; float: left; margin-bottom: 70px; text-align:center;}
.ny_pro_list ul li:nth-child(4n){ margin-right:0;}
.ny_pro_list ul li .imgfd{ padding-top: 103.77%; border: 1px solid #dadada; margin-bottom:25px;}
.ny_pro_list ul li p{height: 60px; overflow: hidden;}
.ny_pro_list ul li:hover .imgfd{border-color:#c1903e;}
.ny_pro_list ul li:hover p{ color:#c1903e;}
@media (max-width: 1441px){
    .top_txt .des{ font-size: 22px; line-height: 32px;}
}
@media (max-width: 1281px){
    .ny_pro_nav a{ width: 23%; margin-right: 1.33%;}
    .ny_pro_nav a:nth-child(5n){ margin-right:1.33%;}
    .ny_pro_nav a:nth-child(4n){ margin-right:0;}
    .sec_pro{padding: 20px 40px;}
    .sec_pro .nav_box a{ font-size: 18px; line-height: 50px;}
}
@media (max-width: 1024px){
    .toph{height: 54px;}
    .top_txt b{ font-size: 60px;}
    .posi{padding: 25px 0;}
    .top_txt .des{font-size: 20px; line-height: 28px;}
    .top_txt .des p{line-height: 32px;}
    .top_txt{margin-bottom: 40px;}
    .ny_pro_list ul li .imgfd{margin-bottom: 20px;}
    .ny_pro_nav{margin-bottom: 10px;}
}
@media (max-width: 768px){
    .ny_pro_list ul li p{height: 48px;}
    .ny_pro_list ul li{width: 32%; margin-right: 2%; margin-bottom:45px;}
    .ny_pro_list ul li:nth-child(4n){ margin-right:2%;}
    .ny_pro_list ul li:nth-child(3n){ margin-right:0;}
    .top_txt b{ font-size: 50px;}
    .ny_pro_nav,.sec_pro { display: none;}
}
@media (max-width: 450px){
    .posi{padding: 15px 0;}
    .top_txt b{ font-size: 36px; margin-bottom:15px;}
    .top_txt{display: block; margin-bottom:25px;}
    .top_txt .des{ width: 100%;}
    .top_txt .des p{line-height: 24px;}
    .ny_pro_list ul li{width: 49%; margin-right: 2%;}
    .ny_pro_list ul li:nth-child(3n){margin-right:2%;}
    .ny_pro_list ul li:nth-child(2n){margin-right:0;}
    .ny_pro_list ul li .imgfd{margin-bottom: 10px;}
    .ny_pro_list ul li{margin-bottom: 25px;}
}
.show_top{margin: 60px 0 100px;}
.show_top .pic{ width: 43%;}
.show_top .pic .imgfd{ padding-top: 103.77%;}
.show_top .txt{ width: 50%;}
.bigswiper,.smswiper{ overflow: hidden;}
.bigswiper{ border: 1px solid #dddddd; margin-bottom:20px;}
.show_top .small{ position: relative; padding: 0 30px;}
.smswiper li{ border:1px solid #dadada;}
.smswiper li.swiper-slide-thumb-active{ border-color: #c1903e;}
.show_top .small .swiperbtn{ font-size: 24px; width: 20px; top: 50%; font-weight:bold;}
.show_top .small .swiperbtn:hover{ color:#c1903e;}
.show_top .small .swiper-button-prev{ left: 0;}
.show_top .small .swiper-button-next{ right: 0;}
.show_top .txt h1{ font-size: 36px; font-family: popm; line-height: 48px; padding-bottom: 30px; border-bottom: 30px; border-bottom: 2px solid #e6e6e6; }
.show_para{ padding: 40px 0;  border-bottom: 2px solid #e6e6e6; font-size:16px; line-height:24px;}
.show_para dt{margin-bottom: 15px;}
.show_para dt p{ width: calc(100% - 220px); margin-left: auto; line-height:24px;}
.show_para dt span{ display: inline-block; max-width: 220px;}
.show_top .txt .btns{margin: 55px 0 45px; }
.show_top .txt .btns a{ display: block; text-align: center; line-height: 62px; border: 2px solid #333333; transition:.3s ease; font-family:popm; font-size:20px; text-transform:uppercase;}
.show_top .txt .btns a.ybg{ background: #c1903e; color: #fff; border-color: #c1903e; color: #fff; margin-top:25px;}
.show_top .txt .btns a:hover{ background:#c1903e; border-color: #c1903e; color: #fff;}
.show_top .txt .btns a.ybg:hover{ box-shadow:0 0 12px rgba(193,144,62,.5);}
.show_top .share .follow_list{margin-left: 20px;}
.show_prov{ padding: 55px 0 55px 25px; border-bottom: 2px solid #e6e6e6; border-top: 2px solid #e6e6e6; margin:50px 0;}
.show_prov .prtxt{ width: calc(100% - 140px); margin-left: auto;}
.show_prov .prtxt p{ font-family: popm; font-size: 22px; margin-bottom: 20px;}
.show_prov .prtxt span{ display: block; font-size: 16px; line-height: 27px;}
.show_ys{ padding: 0 30px; text-align:center;}
.show_ys dt:nth-child(2){ width:42%; margin: 0 auto; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.show_ys dt p{ font-size: 16px; line-height: 24px; height: 24px; margin-top: 15px;}
.show_ys dt .ic{ transition: 3s ease;}
.show_ys dt:hover .ic{ transform:rotateY(360deg);}

.det_tit{ padding: 35px 0;  border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; }
.det_tit b{ font-size: 48px;}
.show_content{ padding: 95px 0; overflow: hidden;}
.show_content img{max-width: 100%!important;}
.page_btn{ align-items: flex-start; padding-top:40px; border-top:1px solid #e3e3e3;font-size:16px;}
.page_btn span{ display: inline-block; line-height: 20px; color:#999999;}
.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; font-size:16px;}
.page_btn .back:hover{background: #c1903e; border-color: #c1903e; 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: #c1903e;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}

.ddb60{ font-family: ddb; font-size: 60px; margin-bottom: 45px;}
.free_inq form{ border-top: 1px solid #e6e6e6; padding-top:50px;}
.free_inq form label{ margin-bottom: 10px; display:block;}
.free_inq form label i{ color: #ff0000;}
.free_inq form input,.free_inq form textarea{ line-height: 56px; border: 1px solid #d2d2d2; padding-left:22px; font-size:16px; width:100%;}
.free_inq form .formbox{ margin-bottom: 25px;}
.free_inq form .formbox.fl{ width: 48%; margin-right: 4%;}
.free_inq form .formbox.fl:nth-child(2n){ margin-right:0;}
.free_inq form .exp{ width: 50%; margin-right: auto; font-size:16px;}
.free_inq form .sub{ line-height: 58px; width: 400px; text-align: center; background: #212121; transition: .3s ease; color:#fff; cursor:pointer;}
.free_inq form .sub i{ font-size: 20px; margin-right: 10px;}
.free_inq form .sub:hover{ background:#c1903e;}

.relswiper{ overflow: hidden; position: relative; padding-bottom: 40px; text-align:center;}
.relswiper .imgfd{ padding-top: 103.77%; border: 1px solid #dadada; margin-bottom:25px;}
.relswiper ul li p{height: 60px; overflow: hidden;}
.relswiper ul li:hover .imgfd{border-color:#c1903e;}
.relswiper ul li:hover p{ color:#c1903e;}
@media (max-width: 1281px){
    .det_tit b{ font-size: 42px;}
    .ddb60{font-size: 54px;}
}
@media (max-width: 1024px){
    .show_top .txt h1{ font-size: 30px; line-height: 40px;}
    .show_para{padding: 30px 0;}
    .show_top .txt .btns{margin: 40px 0 30px;}
    .show_prov{padding: 40px 0 40px 15px;}
    .show_content{ padding: 55px 0;}
    .show_top{margin: 40px 0 70px;}
}
@media (max-width: 768px){
    .show_top .pic{ width: 100%; margin-bottom:30px; float:none;}
    .show_top .txt{ width: 100%; float: none;}
    .ddb60{ font-size: 42px; margin-bottom: 30px;}
    .free_inq .c-flex{ display: block;}
    .free_inq form .exp{ width: 100%; margin-bottom: 15px;}
    .free_inq form .sub{width: 100%;}
    .det_tit b{ font-size: 36px;}
    .det_tit{ padding: 30px 0;}
}
@media (max-width: 450px){
    .show_top{margin: 20px 0 50px;}
    .show_top .txt h1{font-size: 22px; line-height: 30px; padding-bottom:20px;}
    .show_para dt p{ width: calc(100% - 120px);}
    .show_top .txt .btns{margin: 30px 0 25px;}
    .show_top .txt .btns a{ font-size: 18px; line-height:50px;}
    .show_top .txt .btns a.ybg{margin-top: 15px;}
    .show_prov{margin: 30px 0;}
    .show_prov .prtxt span{font-size: 14px; line-height: 24px;}
    .show_prov .prtxt p{ font-size: 20px; margin-bottom: 15px;}
    .show_prov .gou img{ width: 80px;}
    .show_prov .prtxt{ width: calc(100% - 100px);}
    .show_ys{padding: 0 ;}
    .show_ys dt .ic img{height: 50px;}
    .show_ys dt p{font-size: 14px; margin-top:8px;}
    .show_prov{padding: 25px 0 25px 10px;}
    .det_tit{padding: 20px 0;}
    .det_tit b{ font-size: 30px;}
    .show_content{padding: 35px 0;}
    .page_btn{display: block;}
    .page_btn .back{display: none;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{ text-align: left; margin-top: 15px;}
    .ddb60{ font-size: 34px; margin-bottom: 20px;}
    .free_inq form{padding-top: 30px;}
    .free_inq form .formbox.fl{width: 100%; float: none;}
    .free_inq form input, .free_inq form textarea{line-height: 46px;}
    .free_inq form .sub{ line-height: 48px;}
    .relswiper ul li p{height: 48px;}
    .page_btn span{margin-bottom: 8px;}
}
.company_top .txt{ width: 49%;}
.company_top .txt .ddb60{margin-bottom: 30px;}
.company_top .txt .tit{margin-bottom: 45px;}
.company_top .txt .tit h1{ font-family: popm; font-size: 24px; margin-bottom:10px;}
.company_top .imgfdd{ width: 48%;}

.ab_number{margin-top: 75px;}
.ab_number dt{ width: 21%; margin-right: auto;}
.ab_number dt:last-child{ margin-right:0;}
.ab_number dt:nth-child(2){ width:22%;}

.ab_title{width: 70%; margin: 0 auto 45px; text-align: center;}
.ab_title .ddb60{margin-bottom: 35px;}
.ab_buss ul{height: 450px;}
.ab_buss ul li{ width: 18.5%; height:100%; margin-right: auto; position: relative; transition:.3s ease; color:#fff;}
.ab_buss ul li .pic{ width: 100%; height: 100%;}
.ab_buss ul li .pic img{ width: 100%; height: 100%; object-fit: cover;}
.ab_buss ul li:last-child{margin-right:0;}
.ab_buss ul li.active{ width:40%;}
.ab_buss ul li .txt{position: absolute; left: 40px; bottom: 40px;}
.ab_buss ul li.active .txt{ left: 55px;}
.ab_buss ul li .txt span{color: #fff; font-size: 30px; display: block; margin-bottom: 5px;}
.ab_buss ul li .txt p{ color: #fff; font-size: 24px; font-family:popm;}

.ab_service ul li{ width: 48.5%; margin-right:auto;}
.ab_service ul li:nth-child(2){margin-right:0;}
.ab_service ul li .imgfd{padding-top: 55.8%; margin-bottom: 45px;}
.ab_service ul li h2{ font-family: popsb; font-size: 28px; margin-bottom: 25px;}
.ab_service ul li p{height: 90px; overflow: hidden; margin-bottom: 15px;}
.ab_service ul li a{ line-height: 36px; font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #000000;}
.ab_service ul li a:hover{color:#c1903e; border-color: #c1903e;}
.ab_adva ul{position: relative; padding-top:30px;}
.ab_adva ul li{ width: 46%; margin-right: auto;}
.ab_adva ul li:nth-child(2n){ margin-right:0;}
.ab_adva ul li:nth-child(n+3){ margin-top:100px;}
.ab_adva ul li .txt{ width: calc(100% - 120px); margin-left: auto;}
.ab_adva ul li .ic{ padding-top: 30px; transition:2s ease;}
.ab_adva ul li .txt h3{ font-size: 30px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 22px;}
.ab_adva ul li .txt p{ font-size: 16px; height: 120px;}
.ab_adva ul:after,.ab_adva ul:before{ position:absolute; content:'';}
.ab_adva ul:after{ width:100%; height: 1px; left:0;  top:50%; border-bottom: 1px dashed #e2e2e2;}
.ab_adva ul:before{ width:1px; height: 100%; left: 50%; top: 0; border-right: 1px dashed #e2e2e2;}
.ab_adva ul li:hover .ic{ transform:rotateY(360deg);}
.ab_adva ul li:hover h3{ color:#c1903e;}
.ab_phil .pic{ width: 52%; margin-right: auto;}
.ab_phil .txt{ width: 42%;}
@media (max-width: 1281px){
    .company_top .txt .tit h1{ font-size: 20px;}
    .ab_number dt{ width: 23%;}
    .ab_number dt:nth-child(2){ width:24%;}
}
@media (max-width: 1024px){
    .ab_number dt{width: 45%; margin-bottom:20px;}
    .ab_number dt:nth-child(2n){ width:45%; margin-right:0;}
    .ab_number{margin-top: 45px;}
    .company_top .txt .tit{margin-bottom: 30px;}
    .ab_buss ul{ height: 380px;}
    .ab_buss ul li .txt p{ font-size: 20px;}
    .ab_buss ul li .txt{ left: 25px; bottom: 25px;}
    .ab_buss ul li.active .txt{left: 40px;}
    .ab_title .ddb60{ margin-bottom: 25px;}
    .ab_title{ width: 80%;}
    .ab_service ul li .imgfd{ margin-bottom: 30px;}
    .ab_service ul li h2{margin-bottom: 15px;}
    .ab_adva ul li .txt p{height: 150px;}
}
@media (max-width: 768px){
    .company_top .txt{ width: 100%; float: none; margin-bottom:25px;}
    .company_top .imgfdd{ width: 100%; float: none;}
    .ab_buss ul li .txt p{ font-size: 18px;}
    .ab_buss ul{ display: block; height:auto;}
    .ab_buss ul li,.ab_buss ul li.active{ width: 100%; height: 250px; margin-bottom: 15px;}
    .ab_service ul li .imgfd{margin-bottom: 20px;}
    .ab_service ul li h2{ font-size: 22px;}
    .ab_adva ul{ display: block;}
    .ab_adva ul li{ width: 100%; margin-bottom: 25px;}
    .ab_adva ul:after, .ab_adva ul:before{ display:none;}
    .ab_title{margin-bottom: 35px;}
    .ab_adva ul li .txt p{height: auto;}
    .ab_adva ul li:nth-child(n+3){ margin-top:0;}
    .ab_adva ul li .txt h3{ font-size: 24px; line-height: 24px; height: auto; margin-bottom: 15px;}
    .ab_adva ul li .ic{ padding-top: 10px;}
    .ab_phil{ display: block;}
    .ab_phil .pic{width: 100%; margin-bottom:25px;}
    .ab_phil .txt{ width: 100%;}
}
@media (max-width: 450px){
    .company_top .txt .ddb60{margin-bottom: 20px;}
    .company_top .txt .tit h1{font-size: 18px;}
    .company_top .txt .tit{margin-bottom: 20px;}
    .ab_number dt:nth-child(2n){ width:48%;}
    .numdt .num_top{padding-bottom: 10px; margin-bottom: 10px;}
    .numdt p{height: 72px;}
    .ab_title .ddb60{margin-bottom: 15px;}
    .ab_title{ width: 95%; margin-bottom: 25px;}
    .ab_buss ul li .txt span{font-size: 26px;}
    .ab_service ul{ display: block;}
    .ab_service ul li{ width: 100%; margin-bottom: 25px;}
    .ab_service ul li p{height: auto;}
    .ab_title .ddb60{ font-size: 30px;}
    .ab_adva ul li .txt h3{ font-size: 22px;}
    .ab_adva ul li .ic img{ width: 60px;}
    .ab_adva ul li .txt{ width: calc(100% - 80px);}
}
.fac_list ul li{ width: 31%; margin-right: 3.5%; float:left; text-align:center; margin-bottom:65px;}
.fac_list ul li:nth-child(3n){margin-right:0;}
.fac_list ul li .imgfd{padding-top: 64%; margin-bottom: 25px;}
.fac_list ul li p{ font-size: 20px; height: 30px; overflow: hidden;}
.fac_list ul li:hover p{ color:#c1903e;}
@media (max-width: 1024px){
    .fac_list ul li p{ font-size: 18px;}
}
@media (max-width: 450px){
    .fac_list ul li .imgfd{margin-bottom: 10px;}
    .fac_list ul li{margin-bottom: 30px; width:49%; margin-right:2%;} 
    .fac_list ul li:nth-child(3n){ margin-right:2%;}
    .fac_list ul li:nth-child(2n){margin-right:0;}
    .fac_list ul li p{ font-size: 16px; height: 24px;}
}
.case_box .case_des p{ font-size: 30px; line-height: 48px;}
.case_box .case_des{margin-bottom: 70px;}
.case_list ul li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 100px;}
.case_list ul li:nth-child(2n){ margin-right:0;}
.case_list ul li .imgfd{ padding-top: 59.2%; margin-bottom:50px;}
.case_list ul li h2{font-size: 32px; font-family: popm; line-height: 40px; height: 40px; overflow: hidden; margin-bottom:20px;}
.case_list ul li p{height: 60px; overflow: hidden; margin-bottom: 40px;}
.case_list ul li span{display: inline-block; line-height: 34px; text-transform: uppercase; font-size: 16px; border-bottom: 1px solid #000;}
.case_list ul li:hover h2{ color:#c1903e;}
.case_list ul li:hover span{ color:#c1903e; border-color: #c1903e;}
@media (max-width: 1281px){
    .case_box .case_des p{ font-size: 26px; line-height: 40px;}
}
@media (max-width: 1024px){
    .case_list ul li .imgfd{ margin-bottom: 30px;}
    .case_list ul li h2{font-size: 26px;}
    .case_list ul li p{margin-bottom: 25px;}
    .case_list ul li{margin-bottom: 60px;}
}
@media (max-width: 768px){
    .case_list ul li p{height: 48px;}
    .case_list ul li h2{ line-height: 30px; height: 30px;}
    .case_box .case_des p{font-size: 22px; line-height: 34px;}
    .case_box .case_des{margin-bottom: 45px;}
}
@media (max-width: 450px){
    .case_box .case_des p{ font-size: 18px; line-height: 30px;}
    .case_box .case_des{margin-bottom: 30px;}
    .case_list ul li{ width: 100%; float: none; margin-bottom:30px;}
    .case_list ul li h2{font-size: 22px; line-height: 24px; height: 24px; margin-bottom:10px;}
    .case_list ul li p{ margin-bottom: 20px;}
    .case_list ul li span{font-size: 14px; line-height: 30px;}
}
.case_nav{ position: sticky; top: 150px; z-index: 7; width:300px;}
.case_nav .list{ border-left:1px solid #e2e2e2;}
.case_nav a{display: block; padding-left: 30px; transition: .3s ease; margin:10px 0; line-height:30px; position:relative;}
.case_nav a:after{ position:absolute; width: 10px; height: 10px; content: ''; background: #c1903e; border-radius: 50%; left:-5px; top:10px; opacity:0;}
.case_det{ width: calc(100% - 320px); margin-left: auto;}
.case_nav a.cur{ color: #c1903e; padding-left:40px;}
.case_nav a.cur:after{ opacity:1;}

.sy_item_tit .ddb60{ font-size: 60px; text-transform:unset; margin-top:15px;}
.case_det .sy_item_tit{ border-bottom: 1px solid #e2e2e2;}
.case_det .show_content{padding: 0 0 80px;}
.case_det .item{ margin-bottom: 110px;}
.case_adv ul{position: relative;}
.case_adv ul li{ width: 46%; margin-right: auto;}
.case_adv ul li:nth-child(2n){ margin-right:0;}
.case_adv ul li:nth-child(n+3){ margin-top:70px;}
.case_adv ul li .ic{ transition:2s ease; margin-bottom:30px;}
.case_adv ul li .txt h3{ font-size: 30px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 22px;}
.case_adv ul li .txt p{ font-size: 16px; height: 150px;}
.case_adv ul:after,.case_adv ul:before{ position:absolute; content:'';}
.case_adv ul:after{ width:100%; height: 1px; left:0;  top:50%; border-bottom: 1px dashed #e2e2e2;}
.case_adv ul:before{ width:1px; height: 100%; left: 50%; top: 0; border-right: 1px dashed #e2e2e2;}
.case_adv ul li:hover .ic{ transform:rotateY(360deg);}
.case_adv ul li:hover h3{ color:#c1903e;}
.case_det .free_inq form{ padding-top: 0; border:none;}
@media (max-width: 1281px){
    .sy_item_tit .ddb60{ font-size: 54px;}
    .case_center{ margin-top: 35px;}
    .case_det .item{margin-bottom: 85px;}
}
@media (max-width: 1024px){
    .case_det { width: calc(100% - 240px);}
    .sy_item_tit .ddb60{ font-size: 48px;}
    .case_adv ul li .ic img{ height: 60px;}
    .case_adv ul li .ic{margin-bottom: 20px;}
    .case_adv ul li .txt h3{ font-size: 26px; line-height:26px; height:26px;}
    .hotswiper li .txt{padding: 0 25px;}
    .hotswiper li .txt p{ font-size: 18px;}
}
@media (max-width: 768px){
    .case_nav{ display: none;}
    .case_det{ width: 100%;}
    .sy_item_tit .ddb60{ font-size: 30px;}
    .case_adv ul li .txt h3{ font-size: 22px; line-height: 22px; height: 22px; margin-bottom: 10px;}
    .hotswiper li .txt p{height: 48px;}
}
@media (max-width: 450px){
    .sy_item_tit .ddb60{ font-size: 26px;}
    .case_det .show_content{padding-bottom: 35px;}
    .case_det .item{margin-bottom: 35px;}
    .case_adv ul{display: block;}
    .case_adv ul li{ width: 100%; margin-bottom:25px;}
    .case_adv ul:after, .case_adv ul:before{display:none;}
    .case_adv ul li:nth-child(n+3){margin-top:0;}
    .case_adv ul li .txt p{height: auto;}
    .hotswiper li .txt{bottom: 20px; padding:0 15px;}
    .hotswiper li .txt p{ font-size: 16px;}
    
}
.newstit{ font-size: 56px; font-family: ddb; text-transform: uppercase;}
.hot_news .newstit{ text-align: center; margin-bottom:50px;}
.hotnewswiper{ overflow: hidden; position:relative; padding-bottom:40px;}
.hotnewswiper .pic{ width: 50%;}
.hotnewswiper .pic .imgfd{padding-top: 60%;}
.hotnewswiper .txt{ width: 46%; padding-top:25px;}
.hotnewswiper .txt span.date{color: #c1903e; font-size: 16px; display: block; margin-bottom: 15px;}
.hotnewswiper .txt h2{ font-size: 32px; line-height: 42px; font-family: popsb; height: 126px; overflow: hidden; margin-bottom: 30px;}
.hotnewswiper .txt p{ font-size: 20px; height: 90px; overflow: hidden; margin-bottom: 80px;}
.hotnewswiper .txt span.more{ display: inline-block; line-height: 36px; text-transform: uppercase; font-size: 16px; border-bottom: 1px solid #000;}
.hotnewswiper li:hover h2,.hotnewswiper li:hover span.more{ color:#c1903e; border-color:#c1903e;}
.hotnewswiper .swiperbtn{position: unset; display: inline-block; margin-top:0; font-size:25px; line-height:25px; height:25px; margin:0 10px;}
.hotnewswiper .swiperbtn:hover{ color:#c1903e;}
.news_top{ border-bottom: 1px solid #e5e5e5; margin-bottom:80px;}
.news_top .newstit{ margin-right: auto;}
.news_top .news_nav a{ display: inline-block; margin-left: 170px; line-height: 110px; position:relative;}
.news_top .news_nav a:after{position:absolute; left: 0; width:0; bottom: 0; height: 3px; background: #c1903e; content: ''; transition:.2s ease;}
.news_top .news_nav a:hover,.news_top .news_nav a.act{ color:#c1903e;}
.news_top .news_nav a:hover:after,.news_top .news_nav a.act:after{ width:100%;}
.ny_news_list ul li{ float:left; width: 32%; margin-right: 2%; margin-bottom: 90px;}
.ny_news_list ul li:nth-child(3n){margin-right:0;}
@media (max-width: 1441px){
    .hotnewswiper .txt h2{font-size: 28px; line-height: 40px; margin-bottom:20px; height:120px;}
    .hotnewswiper .txt p{ margin-bottom: 60px;}
    .hotnewswiper .txt p{ font-size: 18px;}
    .newstit{font-size: 50px;}
}
@media (max-width: 1281px){
    .hot_news .newstit{margin-bottom: 35px;}
    .hotnewswiper .txt h2{ font-size: 24px; line-height: 34px; height:102px;}
    .hotnewswiper .txt p{margin-bottom: 35px;}
}
@media (max-width: 1024px){
    .hot_news{display: none;}
    .news_top .news_nav a{ margin-left: 80px; line-height:80px;}
    .news_page{ padding-top: 0;}
}
@media (max-width: 768px){
    .newstit{ font-size: 36px;}
    .news_top{ display: block; text-align: center; margin-bottom:50px;}
    .news_top .news_nav a{ margin: 0 auto;}
    .ny_news_list ul li{ width: 49%; margin-right: 2%; margin-bottom:30px;}
    .ny_news_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_news_list ul li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 450px){
    .newstit{ font-size: 30px; margin-bottom: 15px;}
    .news_top .news_nav a{ line-height: 56px; font-size: 15px;}
    .news_top{ margin-bottom: 35px;}
    
}
.newsshow{padding: 50px 0 100px;}
.newsshow h1{ font-size: 44px; font-family: ddb; line-height: 70px;}
.newsshow .news_info{padding: 35px 0; font-size:14px;}
.newsshow .show_content{ border-top: 1px solid #e2e2e2;}
.newsshow .news_info .colname{ display: inline-block; line-height: 38px; padding: 0 18px; background: #f3f3f3; color: #c1903e; margin-right:15px;}
.newsshow .news_info i{ width: 4px; height: 4px; border-radius: 50%; background: #9b9b9b; margin:0 10px;}
.newsshow .news_info .share{margin-left: auto;}
.newsshow .news_info .share span{text-transform: uppercase; margin-right: 15px;}
@media (max-width: 1024px){
    .newsshow h1{ font-size: 36px; line-height: 60px;}
    .newsshow{ padding: 25px 0 60px;}
}
@media (max-width: 768px){
    .newsshow h1{ font-size: 30px; line-height: 42px;}
    .newsshow .news_info{ padding: 25px 0;}
}
@media (max-width: 450px){
    .newsshow h1{ font-size: 24px; line-height: 34px;}
    .newsshow .news_info .colname{ display: none;}
    .social-share .social-share-icon{ width: 28px; height: 28px; line-height:28px;}
    .newsshow .news_info .share span{ margin-right: 8px;}
}
.lx_touch{ width: 48%;}
.lx_way{ width: 47%;border: 1px solid #e2e2e2; padding:65px 60px 75px;}
.lx_touch .get_des{ margin: 30px 0;}
.lx_touch dl dt{ max-width: 23%; margin-right: auto; text-align:center; font-size:16px;}
.lx_touch dl dt:last-child{margin-right:0;}
.lx_touch dl dt p{height: 30px; margin-top:15px;}
.lx_touch dl dt .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%); transition:.3s ease;}
.lx_touch dl dt:hover .ic img{ filter: unset;}
.lx_touch dl dt:hover p{ color:#c1903e;}
.lx_map { padding-top: 40px; margin-top: 30px; font-size:16px; overflow:hidden;}
.lx_map b{ font-size: 20px; font-family: popsb; margin-bottom:20px;}
.lx_map .map{ overflow: hidden;}
.lx_way{ font-size: 16px;}
.lx_way .way_item i{ display: inline-block; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #e2e2e2; text-align:center; line-height:50px; font-size:20px; margin-right:15px;}
.lx_way .way_item{margin-bottom: 40px;}
.lx_way .way_item h4{ font-size: 20px; font-family: popsb;}
.lx_way .way_item .txt{ width: calc(100% - 67px);}
.lx_way .way_item.fl{ width: 48%; margin-right: 4%;}
.lx_way .way_item.fl:nth-child(2){margin-right:0;}
.lx_way .way_item li{margin-bottom: 40px;}
.lx_way .way_item a:hover{ color:#c1903e;}
.lx_way .way_item li.active h4{ color: #c1903e;}
.lx_way .follow{margin-top: 110px;}
.lx_way .follow p{ font-size: 18px; text-transform: uppercase; margin-right: 15px;}
.lx_way .follow p span{ color: #c1903e;}
.lx_msg .newstit{ margin-bottom: 40px;}
.lx_msg form label{ margin-bottom: 10px; display:block;}
.lx_msg form label i{ color: #ff0000;}
.lx_msg form input,.lx_msg form textarea{ line-height: 56px; border: 1px solid #d2d2d2; padding-left:22px; font-size:16px; width:100%;}
.lx_msg form .formbox{ margin-bottom: 25px;}
.lx_msg form .formbox.fl{ width: 32%; margin-right: 2%;}
.lx_msg form .formbox.fl:nth-child(3n){ margin-right:0;}
.lx_msg form .exp{ width: 50%; margin-right: auto; font-size:16px;}
.lx_msg form .sub{ line-height: 58px; width: 400px; text-align: center; background: #212121; transition: .3s ease; color:#fff; cursor:pointer;}
.lx_msg form .sub i{ font-size: 20px; margin-right: 10px;}
.lx_msg form .sub:hover{ background:#c1903e;}


@media (max-width: 1441px){
    .lx_way .follow{ margin-top: 0;}
}
@media (max-width: 1281px){
    .lx_way{ padding: 45px 40px 50px;}
}
@media (max-width: 1024px){
    .lx_touch{ width: 100%; float:none;}
    .lx_way{ width: 100%; float: none; margin-top: 30px;}
}
@media (max-width: 768px){
    .lx_msg form .formbox.fl{ width: 100%; float: none;}
}
@media (max-width: 450px){
    .lx_touch .get_des{margin: 20px 0;}
    .lx_touch dl dt{ width: 46%; max-width:100%; margin-bottom: 20px;}
    .lx_touch dl dt:nth-child(2n){ margin-right:0;}
    .lx_map{ display: none;}
    .lx_way{padding: 25px 20px;}
    .lx_way .way_item.fl{ width: 100%;}
    .lx_way .way_item{margin-bottom: 25px;}
    .lx_way .way_item li{margin-bottom: 25px;}
    .lx_msg .c-flex{display: block;}
    .lx_msg form .exp{ width: 100%; margin-bottom: 15px;}
    .lx_msg form .sub{width: 100%;}
    .lx_msg form input, .lx_msg form textarea{padding-left: 15px;}
    .lx_msg form input, .lx_msg form textarea,.lx_msg form .sub{ line-height: 48px;}
    .lx_msg .newstit{ margin-bottom: 25px;}
    .lx_touch dl dt .ic img{ height: 60px;}
}