@charset 'utf-8';

/* author:ZJ; date:2019-10; PSD:1920; */
*{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{min-width:320px;font-size:.16rem;color:#333;background:#fff;overflow-x:hidden;overflow-y:scroll;}
a{color:#333;transition:color .2s;}
::-webkit-scrollbar-track-piece{background-color:#f1f1f1;}
::-webkit-scrollbar-thumb{background-color:#c1c1c1;}
::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8;}
::-webkit-selection{background:rgba(222,193,128,.75);color:#333;}
::-moz-selection{background:rgba(222,193,128,.75);color:#333;}
::selection{background:rgba(222,193,128,.75);color:#333;}
.lazyload,.lazyloading{opacity:0;}
.lazyloaded{opacity:1;transition:opacity .4s cubic-bezier(.7,0,.3,1);}
body{display:flex;}
body>.wrap{display:flex;flex-direction:column;width:100%;min-height:100vh;}
#loading{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000;}
#loading .line{position:absolute;top:0;left:0;width:0%;height:2px;background:#dec180;-webkit-animation:loading-line 3s ease-in-out forwards;-moz-animation:loading-line 3s ease-in-out forwards;-o-animation:loading-line 3s ease-in-out forwards;animation:loading-line 3s ease-in-out forwards}
@-webkit-keyframes loading-line{
	from{width:0%;}
	to{width:100%;}
}
@-moz-keyframes loading-line{
	from{width:0%;}
	to{width:100%;}
}
@-o-keyframes loading-line{
	form{width:0%;}
	to{width:100%;}
}
@keyframes loading-line{
	form{width:0%;}
	to{width:100%;}
}
#loading .logo{display:flex;justify-content:center;align-items:center;width:100%;height:100%;max-width:50%;max-height:50%;}
#loading .logo>img{max-height:100%;}
#loading .lazyloaded{transition-duration:.2s;}
#content{flex:auto;display:flex;flex-direction:column;width:100%;overflow:hidden;}
#content>#main{flex:auto;position:relative;z-index:5;width:100%;background:#fff;}
@keyframes button-prev{
	0%{-webkit-transform:translateX(0)}
	50%{-webkit-transform:translateX(-.025rem)}
	100%{-webkit-transform:translateX(0)}
}
@keyframes button-next{
	0%{-webkit-transform:translateX(0)}
	50%{-webkit-transform:translateX(.025rem)}
	100%{-webkit-transform:translateX(0)}
}
#wechat-QRcode{display:none;background:none;}
#wechat-QRcode p{line-height:3.428572em;font-size:.14rem;text-align:center;color:#999; background: rgba(0,0,0,.5);}
#wechat-QRcode .fancybox-close-small{ top:auto; bottom: 0; right: 50%; color: #fff; transform: translateX(50%); }
.bd_weixin_popup{ height: auto !important; }
.bd_weixin_popup .bd_weixin_popup_foot{ display: none; }
@media screen and (min-width:751px){
::-webkit-scrollbar{width:10px;height:10px;}
[pc="hide"]{display:none!important;}
#header{width:100%;height:.84rem;}
#header .top-bar{position:fixed;z-index:200;top:0;left:0;right:0;height:.84rem;border-bottom:solid 1px #222;background:#000;}
.top-bar>.wrap{display:flex;justify-content:space-between;height:.84rem;}
.top-logo{display:flex;align-items:center;margin-left: .6rem;height:100%;}
.top-logo .logo{display:flex;align-items:center;width:100%;height:100%;max-height:68.674699%;}
.top-logo .logo>a{display:flex;align-items:center;height:100%;}
.top-logo .logo img{max-height:100%;}
.top-box{ flex: auto; display: flex; align-items: flex-end; }
.top-nav{ margin-left: 1.40625vw; margin-right: -1px; }
.top-nav .fir-ul{ line-height: 0; font-size: 0; white-space: nowrap; }
.top-nav .fir-ul:after{ content: ""; display: inline-block;vertical-align: middle; width: 1px; height: .2rem; background: #232323; }
.top-nav .fir-li{ display: inline-block; vertical-align: middle; }
.top-nav .fir-li:before{ content: ""; display: inline-block;vertical-align: middle; width: 1px; height: .2rem; background: #232323; }
.top-nav .fir-li .u-a{padding:0 1.015625vw; position:relative;display:inline-block;vertical-align: middle;height:.8rem;line-height:.8rem;overflow:hidden;font-size:.18rem;color:#999;text-overflow:ellipsis;white-space:nowrap;}
.top-nav .fir-li .u-a:hover,.top-nav .current .u-a,.top-nav .hover .u-a{color:#fff;}
.top-nav .sec-box{display:none;overflow:hidden;position:absolute;top:100%;left:0;width:100%;opacity:0;transition:opacity .2s;}
.top-nav .sec-box>.flex{display:flex;}
.top-nav .sec-ul{ flex:auto; flex-shrink:0;padding:.1rem 0;max-width:100%;line-height:0;overflow:hidden;font-size:0;white-space: normal; background:#dec180;}
.top-nav .sec-ul li{display:inline-block;vertical-align:top;margin:0 1.953125vw;line-height:1.875em;font-size:.18rem;}
.top-nav .sec-ul a{position:relative;z-index:5;}
.top-nav .sec-ul a:before{content:"";position:absolute;bottom:-.25em;left:50%;width:0;height:1px;background:#333;transition:left .2s,width .2s;}
.top-nav .sec-ul a:hover:before{left:0;width:100%;}
.top-nav .hover .sec-box{opacity:1;}
.top-function{flex-shrink:0; display: flex; }
.top-search{border-left: solid 1px #171717;}
.top-search .search-btn{display:block;width:.78rem;height:100%;background:url(../images/ico-top-search.png) center / .21rem no-repeat;transition:filter .4s;}
.top-search .search-btn:hover{filter:brightness(1.5);}
.top-search .search-layer{position:absolute;z-index:50;left:0;top:-100%;padding:0 .6rem;width:100%;height:.83rem;overflow:hidden;background:#000;opacity:0;transition:top .6s cubic-bezier(.7,0,.3,1),opacity .6s cubic-bezier(.7,0,.3,1);}
.top-search .search-layer>.area{position:relative;height:100%;}
.top-search .search-layer .text{ padding: 0 .4rem;width:100%;height: .83rem;line-height:.83rem;font-size:.18rem; color: #fff; border:0 none;background:url(../images/ico-top-search.png) 0 center / .21rem no-repeat;}
.top-search .search-layer .close{position:absolute;top:0;right:.6rem;width:.24rem;height:.83rem;background:url(../images/ico-close.png) center / .24rem no-repeat;}
#header[search="show"] .search-layer{top:0;opacity:1;}

.top-contact{ height: 100%; }
.top-contact ul{ height: 100%; line-height: 0; font-size: 0; }
.top-contact li{ display: inline-block; vertical-align: top; height: 100%; border-left: solid 1px #171717;}
.top-contact a{ display: flex; align-items: center; height: 100%; font-size: .18rem; color: #999; }
.top-contact a:before{ content: ""; flex-shrink: 0; display: block; width: .78rem; height: 100%; transition:filter .4s; }
.top-contact .tel a:before{ background: url(../images/ico-top-tel.png) center / .23rem no-repeat; }
.top-contact .wechat a:before{ background: url(../images/ico-top-wechat.png) center / .26rem no-repeat; }
.top-contact .qq a:before{ background: url(../images/ico-top-qq.png) center / .23rem no-repeat; }

.top-contact .tel p{ max-width: 0; line-height: 1; overflow: hidden; white-space: nowrap; opacity: 0; transition: max-width .4s .1s, margin .4s .1s, opacity .4s .1s; }
.top-contact .tel a:hover p{ max-width: 25vw; margin-left: -.1rem; margin-right: .28rem; opacity: 1; }

.top-contact a:hover:before{filter:brightness(1.5);}

#banner,.swiper-banner{position:relative;overflow:hidden;background: #000;}
.swiper-banner .swiper-container{width:100%;height:100%;}
.swiper-banner .swiper-slide{position:relative;overflow:hidden;text-align:center;}
.swiper-banner .swiper-slide a{display:block;}
.swiper-banner-pagination{position:absolute;z-index:10;right:50%;bottom:1.04rem;margin-right:-7.2rem;line-height:0;font-size:0;}
.swiper-banner-pagination .swiper-pagination-bullet{vertical-align:top;margin-left:.22rem;width:.14rem;height:.14rem;background:#fff;opacity:.5;border-radius:.1rem;transition:width .3s,border-color .3s,background .3s;}
.swiper-banner-pagination .swiper-pagination-bullet-active{background:#dec180;opacity: 1;}

.m-business{ margin-top: -.82rem; }
.m-business .title{ position: absolute; bottom: 100%; display: flex; align-items: center; margin-bottom: 1.02rem; }
.m-business .title h2{ line-height: 1em; font-size: .2rem; color: #fff; }
.swiper-business .u-box{ display: block; text-align: center; }
.swiper-business .u-img{position:relative;padding-top:64.864865%;overflow:hidden;}
.swiper-business .u-img>.jqthumb{position:absolute!important;top:0;left:0;transition:transform .3s;}
.swiper-business .u-con{ padding: .2rem 0 .25rem; }
.swiper-business .u-con:before{ content: ""; display: block; margin: 0 auto .1rem; width: .48rem; height: 1px; overflow: hidden; background: #666; transition: background .3s; }
.swiper-business .name{ height: 1.8em; line-height: 1.8em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .2rem; }
.swiper-business .content{height: 2em; line-height: 2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .16rem; color: #999; }

.swiper-business .u-box:hover .u-img>.jqthumb{ transform: scale(1.1);}
.swiper-business .u-box:hover .u-con:before{ background: #dec180; }

.swiper-business-button{position:relative;z-index:5;line-height: 0; font-size: 0;}
.swiper-business-button>div{ display: inline-block; vertical-align: top; margin-right: .1rem; width: .25rem; height: .25rem; line-height: .26rem; font-size: .18rem; font-family: "SimSun"; text-align: center; color: #fff; border: solid 1px #fff; cursor: pointer; border-radius: .05rem; transition: color .3s, border-color .3s; }
.swiper-business-button>div[aria-disabled="true"]{display: none;}
.swiper-business-button .swiper-business-button-prev:before{content:"<";}
.swiper-business-button .swiper-business-button-next:before{content:">";}
.swiper-business-button>div:hover{ color: #dec180; border-color: #dec180; }


.m-title{ text-align: center; color: #fff; }
.m-title h2{ line-height: 1.5em; font-size: .36rem; }
.m-title p{ line-height: 2em; font-size: .24rem; color: #666; }

.m-more{ text-align: center; }
.m-more a{ display: inline-block; vertical-align: top; padding: 0 1em; min-width: 9.888889em; line-height: 2.666667em; font-size: .18rem; color: #666; letter-spacing: .08em; border: solid .02rem #666; border-radius: .05rem; transition: color .3s, border-color .3s; }
.m-more a:hover{ color: #ffcc00; border-color: #ffcc00; }


.m-case{ position: relative; padding-top: .5rem; }
.m-case:before{ content: ""; position: absolute; z-index: 10; left: 50%; top: 0; width: 1px; height: 0; overflow: hidden; border-top: solid .5rem #666; border-bottom: solid .55rem #fff; }
.m-case .imgBox{ position: relative; padding: 1rem 0 1.48rem; overflow: hidden; }
.m-case .imgBox .background{ position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: #000; }
.m-case .imgBox .background img{ width: 100%; height: 100%; object-fit: cover; }
.m-case .imgBox .area .m-title { color: #ffcc00; }
	
.swiper-case-menu{ position: relative; margin: .4rem 0 .44rem; }
.swiper-case-menu .swiper-slide{margin-right:6em;width:auto;line-height:1.5em;font-size:.2rem;text-align:center;}
.swiper-case-menu .swiper-slide a{color: #fff;transition:color .3s;}
.swiper-case-menu .swiper-slide a:hover,.swiper-case-menu .swiper-slide.current a{font-weight:bold;color: #ffcc00;}
.swiper-case-menu .swiper-slide:last-child{margin-right:0;}
.swiper-case-menu-button>div{position:absolute;z-index:5;top:0;display:flex;justify-content:center;align-items:center;width:.3rem;height:100%;overflow:hidden;line-height:0;font-size:.3rem;font-family:"SimSun";text-align:center;color:#fff;opacity:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;pointer-events:none;transition:color .3s,opacity .3s;}
.swiper-case-menu-button .swiper-case-menu-button-prev{left:-.3rem;}
.swiper-case-menu-button .swiper-case-menu-button-prev:before{content:"<";animation:button-prev 1s infinite;}
.swiper-case-menu-button .swiper-case-menu-button-next{right:-.3rem;}
.swiper-case-menu-button .swiper-case-menu-button-next:before{content:">";animation:button-next 1s infinite;}
.swiper-case-menu-button>div[aria-disabled="false"]{opacity:1;pointer-events:auto;}

.m-case .listBox{ display: flex; justify-content: space-between; margin-top: .32rem; }

.caseList .u-box{ display: block; }
.caseList .u-img{ position: relative; padding-top: 65.517242%; overflow: hidden; }
.caseList .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition:transform .3s; }
.caseList .u-con{ position: relative; z-index: 5; margin: -.24rem .18rem 0; padding: 0 .36rem .3rem; background: #fff; transition: box-shadow .3s; }
.caseList .u-con:before{ content: "WORKS"; position: relative; top: -.22rem; display: block; margin: 0 auto; width: 1.35rem; line-height: .45rem; font-size: .18rem; text-align: center; color: #fff; background: #000; transition: color .3s, background .3s; }
.caseList .u-con-index:before{ content: "现场快速维修"; position: relative; top: -.22rem; display: block; margin: 0 auto; width: 1.35rem; line-height: .45rem; font-size: .18rem; text-align: center; color: #fff; background: #000; transition: color .3s, background .3s; }
.caseList .u-con:after{ content: "MORE"; display: block; margin-top: .2rem; line-height: .3rem; font-size: .16rem; text-align: center; color: #999; }
.caseList .name{ display: flex; align-items: center; height: .6rem; }
.caseList .name>h4{ width: 100%; line-height: .3rem; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .22rem; text-align: center; }
.caseList .content{ display: none; }
.caseList .u-box:hover .u-img>.jqthumb{ transform: scale(1.1);}
.caseList .u-box:hover .u-con{ box-shadow: 0 0 .07rem rgba(0,0,0,.3); }
.caseList .u-box:hover .u-con:before{ color: #000; background: #dec180; }

.m-case .caseList{ margin-top: -1.08rem; width: 66.111112%; }
.m-case .caseList ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.m-case .caseList li{ margin-top: 2.731093%; width: 48.739496%; }
.m-case .caseList li:first-child{ margin-top: 0; width: 100%; }
.m-case .caseList li:first-child .u-img{ padding-top: 65.546219%; }
.m-case .caseList li:first-child .u-con{ display: flex; align-items: flex-start; margin: 0; padding: .32rem .36rem .28rem; overflow: hidden; background: #000; }
.m-case .caseList li:first-child .u-con:before,
.m-case .caseList li:first-child .u-con:after{ display: none; }
.m-case .caseList li:first-child .name{ position: relative; flex-shrink: 0; display: block; margin: -.04rem .46rem 0 0; padding-bottom: .26rem; max-width: 40%; min-width: .18rem; height: auto; }
.m-case .caseList li:first-child .name:before{ content: ""; position: absolute; left: 0; bottom: 0; width: .18rem; height: .19rem; background: url(../images/ico-case-more.png) center / contain no-repeat; transition: left .3s; }
.m-case .caseList li:first-child .name>h4{display: block; height: .46rem; line-height: .46rem; text-overflow:ellipsis; white-space: nowrap; font-size: .18rem; font-weight: normal; color: #999;}
.m-case .caseList li:first-child .content{ flex:auto; height: .8rem; line-height: .4rem; overflow: hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .16rem; color: #fff; }
.m-case .caseList li:first-child .u-box:hover .name:before{ left: calc(100% - .18rem); }

.sub-case{ padding: .54rem 0 .68rem; }
.sub-case .caseList ul{ display: flex; flex-wrap: wrap; }
.sub-case .caseList li{ margin: 2.083334% 0 0 1.666667%; width: 32.222223%; }
.sub-case .caseList li:nth-child(3n+3){ margin-left: 0; }
.sub-case .caseList li:nth-child(-n+2){ margin-top: 0; margin-left: 2.222223%; width: 48.888889%; }
.sub-case .caseList li:first-child{margin-left: 0;}

.sub-case .caseList li:nth-child(-n+2) .u-img{ padding-top: 65.340910%; }
.sub-case .caseList li:nth-child(-n+2) .u-con{ margin: -.36rem .28rem 0; }
.sub-case .caseList li:nth-child(-n+2) .u-con:before{ top: -.13rem; }
.sub-case .caseList li:nth-child(-n+2) .u-con:after,
.sub-case .caseList li:nth-child(-n+2) .name{ margin-top: .3rem; }

.serviceList .banner .u-img{ position: relative; display: block; padding-top: 141.379311%; overflow: hidden; }
.serviceList .banner .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition:transform .3s; }
.serviceList .banner .u-img:hover>.jqthumb{ transform: scale(1.1);}
.serviceList .title{ line-height: .76rem; font-size: .32rem; text-align: center; }
.serviceList .wrap{ position: relative; padding-bottom: .88rem; border: solid 1px #ccc; }

.m-case .serviceList{ display: flex; flex-direction: column; width: 32.222223%; }
.m-case .serviceList .banner,
.m-case .serviceList .title{ flex-shrink: 0; }
.m-case .serviceList .title{ margin-top: .34rem; }
.m-case .serviceList .wrap{ flex: auto; margin-top: .16rem; }

.case-detail .serviceList{ margin-top: .5rem; text-align: center; }
.case-detail .serviceList .title{ position: relative; z-index: 5; display: inline-block;vertical-align: top; padding: 0 .3rem; line-height: .52rem; background: #fff; }
.case-detail .serviceList .wrap{ margin-top: -.21rem; text-align: left; }


.swiper-case-service-menu .swiper-container,
.swiper-case-service .swiper-container{ width: 84.233262%; }

.swiper-case-service-menu{ position: absolute; z-index: 5; top: -.16rem; left: 0; width: 100%; }
.swiper-case-service-menu .swiper-slide{ width: auto; background: #fff; }
.swiper-case-service-menu .swiper-slide a{ position: relative; z-index: 5; display: block; padding: 0 .3rem; line-height: .3rem; font-size: .16rem; border-right: solid 1px #ccc; }
.swiper-case-service-menu .swiper-slide a:before{ content: ""; position: absolute; z-index: -1; bottom: 0; left: 50%; right: 50%; height: 1px; overflow: hidden; background: #333; transition: left .2s, right .2s; }
.swiper-case-service-menu .swiper-slide:last-child a{ border-right: none; }
.swiper-case-service-menu .swiper-slide a:hover:before{ left: .3rem; right: .3rem; }
.swiper-case-service-menu .swiper-slide.current a{ font-weight: bold; }

.swiper-case-service-menu-button>div{position:absolute;z-index:5;top:50%;display:flex;justify-content:center;align-items:center;width:.2rem;height:.2rem;overflow:hidden;line-height:0;font-size:.16rem;font-family:"SimSun";text-align:center; color: #999; border: solid 1px #ccc;background: #fff; border-radius: 50%;opacity:0; transform: translateY(-50%); outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;pointer-events:none;transition:color .3s,border-color .3s,background-color .3s,opacity .3s;}
.swiper-case-service-menu-button>div:hover{ color: #666; border-color: #939393; background: #dec180; }
.swiper-case-service-menu-button .swiper-case-service-menu-button-prev{left:1.565875%;}
.swiper-case-service-menu-button .swiper-case-service-menu-button-prev:before{content:"<";}
.swiper-case-service-menu-button .swiper-case-service-menu-button-next{right:1.565875%;}
.swiper-case-service-menu-button .swiper-case-service-menu-button-next:before{content:">";}
.swiper-case-service-menu-button>div[aria-disabled="false"]{opacity:1;pointer-events:auto;}


.swiper-case-service{ position: relative; display: flex; flex-direction: column; transition: opacity .2s; }
.swiper-case-service .swiper-container{ flex: auto; overflow: hidden; }
.swiper-case-service .swiper-slide{ padding: .4rem 0 0; }

.swiper-case-service .u-box{ position: relative; display: block; margin-top: .32rem; }
.swiper-case-service .u-box:first-child{ margin-top: 0; }
.swiper-case-service .u-box .count{ position: absolute; z-index: 10; top: 0; left: 0; width: .4rem; height: .4rem; line-height: .4rem; overflow: hidden; font-size: .2rem; font-weight: bold; text-align: center; color: #fff; border: solid 1px #fff; background: #000; border-radius: 50%; transition: top .3s, left .3s, color .3s, border-color .3s, background-color .3s; }

.swiper-case-service .u-img{ position: absolute; z-index: 5; top: 0; left: 0; display: flex; align-items: center; width: 100%; height: 100%; overflow: hidden; color: #fff; background: #000; opacity: 0; transition: opacity .3s; }
.swiper-case-service .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; opacity: .58; }
.swiper-case-service .u-img>.wrap{ position: relative; margin: 0 .36rem; padding: .4rem .3rem .5rem; width: 100%; text-align: center; border: solid 2px #fff; opacity: 0; transform: scale(.5); transition: opacity .3s, transform .3s; }
.swiper-case-service .u-img .name{ line-height: .4rem; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .2rem; }
.swiper-case-service .u-img .content{ line-height: .24rem; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .16rem; }
.swiper-case-service .u-con{ margin-left: .6rem; height: .62rem; transition: height .3s;}
.swiper-case-service .u-con .name{ line-height: .36rem; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .22rem; }
.swiper-case-service .u-con .content{ line-height: .26rem; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .14rem; color: #666; }

.swiper-case-service .u-box.active .count{ top: -.2rem; left: .14rem; color: #000; border-color: #939393; background-color: #dec180; }
.swiper-case-service .u-box.active .u-img{ opacity: 1; }
.swiper-case-service .u-box.active .u-img>.wrap{ opacity: 1; transform: none; }
.swiper-case-service .u-box.active .u-con{ height: 2.55rem; }

.swiper-case-service-button{ position: absolute; bottom: .28rem; right: .36rem; display: flex; }
.swiper-case-service-button>div{display:flex;justify-content:center;align-items:center;margin-left: .1rem;width:.32rem;height:.32rem;overflow:hidden;font-size:.2rem;font-family:"SimSun"; color: #ccc; background: #f5f5f5;border-radius: .05rem; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;pointer-events:none;transition:color .3s,background .3s;}
.swiper-case-service-button .swiper-case-service-button-prev:before{content:"<";}
.swiper-case-service-button .swiper-case-service-button-next:before{content:">";}
.swiper-case-service-button>div[aria-disabled="false"]{ color: #fff; background: #000; pointer-events:auto; }
.swiper-case-service-button>div[aria-disabled="true"]{ color: #ccc; background: #f5f5f5; }
.swiper-case-service-button>div:hover{ color: #333; background-color: #dec180; }

.m-service{ position: relative; margin-top: .3rem; padding-top: .5rem; }
.m-service:before{ content: ""; position: absolute; z-index: 10; left: 50%; top: 0; width: 1px; height: 0; overflow: hidden; border-top: solid .5rem #666; border-bottom: solid .55rem #fff; }
.m-service .imgBox{ position: relative; padding: .8rem 0 .6rem; overflow: hidden; }
.m-service .imgBox .background{ position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: #000; }
.m-service .imgBox .background img{ width: 100%; height: 100%; object-fit: cover; }

.swiper-service{ margin-top: .44rem; }
.swiper-service .u-box{ display: block; }
.swiper-service .u-img{ position: relative; padding-top: 65.486726%; overflow: hidden; }
.swiper-service .u-img:before{ content: ""; position: absolute; z-index: 5; left: 50%; bottom: 0; width: .74rem; height: .04rem; overflow: hidden; background: #fff; transform: translateX(-50%); transition: background .3s; }
.swiper-service .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition:transform .3s; }
.swiper-service .u-name{ margin-top: .2rem; line-height: .36rem; font-size: .22rem; text-align: center; }
.swiper-service .u-name p{color: #fff;font-weight: bold;}
.swiper-service .u-name h4{ color: #fff; letter-spacing: .12em; transition: color .3s; }
.swiper-service .u-con{display: flex;justify-content: center;margin-top: .3rem;line-height: .3rem;font-size: .14rem;color: #fff;transition: color .3s;}
.swiper-service .u-con .content{ display: inline-block; }

.swiper-service .u-box:hover .u-img:before{ background: #dec180; }
.swiper-service .u-box:hover .u-img>.jqthumb{ transform: scale(1.1);}
.swiper-service .u-box:hover .u-name h4{ color: #dec180; }
.swiper-service .u-box:hover .u-name p{ color: #dec180; }
.swiper-service .u-box:hover .u-con{ color: #fff; }

.swiper-service-pagination{ margin-top: .6rem;line-height:0;font-size:0;text-align: center; }
.swiper-service-pagination .swiper-pagination-bullet{vertical-align:top;margin: 0 .11rem;width:.14rem;height:.14rem;background:#fff;opacity:.5;border-radius:50%;transition:width .3s,border-color .3s,background .3s;}
.swiper-service-pagination .swiper-pagination-bullet-active{background:#dec180;opacity: 1;}

.m-about{ display: flex; justify-content: space-between; margin-top: .6rem; }
.m-about .conBox{ position: relative; z-index: 5; width: 32.083334%; padding: .48rem .36rem 0; text-align: center; border: solid 1px #ccc; box-sizing: border-box; }
.m-about .conBox:before{ content: ""; position: absolute; top: .48rem; right: -1px; width: 1px; height: .9rem; overflow: hidden; background: #fff; }
.m-about .conBox h2{ position: relative;display: inline-block; line-height: .9rem; font-size: .36rem; }
.m-about .conBox h2 span{ position: absolute; left: 100%; top: 0; margin-left: .388889em; font-size: .44rem; color: #dec180; white-space: nowrap; }
.m-about .conBox .u-con{margin-top: .3rem;line-height: .36rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;text-align: left;font-size: .16rem;color: #666;}
.m-about .conBox .u-btn{ display: block; margin: .56rem auto 0; width: 1.75rem; line-height: .5rem; font-size: .16rem; color: #c19f53; border: solid 2px #dec180; border-radius: .05rem; transition: color .3s, border-color .3s, background-color .3s; }
.m-about .conBox .u-btn:hover{ color: #fff; border-color: #000; background-color: #000; }


.swiper-about-menu{ position: relative; margin: .5rem -.36rem .3rem; }
.swiper-about-menu .swiper-slide:before{ content: ""; position: absolute; top: 0; bottom: 0; right: -1px; width: 1px; overflow: hidden; background: rgba(153,153,153,.37); }
.swiper-about-menu .swiper-slide:last-child:before{ display: none; }
.swiper-about-menu a{ display: block; padding: 0 .36rem; line-height: .76rem; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .2rem; font-weight: bold; }
.swiper-about-menu a:hover{ color: #dec180; }

.swiper-about-menu-button>div{position:absolute;z-index:5;top:0;display:flex;justify-content:center;align-items:center;width:.3rem;height:100%;overflow:hidden;line-height:0;font-size:.22rem;font-family:"SimSun";text-align:center;background: #fff;opacity:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;pointer-events:none;transition:color .3s,opacity .3s;}
.swiper-about-menu-button .swiper-about-menu-button-prev{left:0;}
.swiper-about-menu-button .swiper-about-menu-button-prev:before{content:"<";}
.swiper-about-menu-button .swiper-about-menu-button-prev:hover:before{animation:button-prev 1s infinite;}
.swiper-about-menu-button .swiper-about-menu-button-next{right:0;}
.swiper-about-menu-button .swiper-about-menu-button-next:before{content:">";}
.swiper-about-menu-button .swiper-about-menu-button-next:hover:before{animation:button-next 1s infinite;}
.swiper-about-menu-button>div[aria-disabled="false"]{opacity:1;pointer-events:auto;}


.m-about .videoList{ width: 66.111112%; }

.m-about .videoList ul{ position: relative; display: flex; flex-wrap: wrap; justify-content: center; }
.m-about .videoList ul:before{ content: ""; position: absolute; z-index: 5; bottom: 0; left: .28rem; right: .28rem; height: 2.01rem; background: #fff; }
.m-about .videoList li{ position: relative; z-index: 10; margin: -.66rem .14rem 0; width: 2.64rem; }
.m-about .videoList .u-box{ position: relative; display: block; }
.m-about .videoList .u-img{ position: relative; display: block; padding-top: 65.530304%; overflow: hidden; background: #000; }
.m-about .videoList .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition: opacity .3s, transform .3s; }
.m-about .videoList .u-con{ position: absolute; top: .26rem; bottom: .26rem; left: .26rem; right: .26rem; display: flex; flex-direction: column; justify-content: center; padding: .2rem; text-align: center; color: #fff; border: solid 2px #fff; opacity: 0; transform: scale(1.1); transition: opacity .3s, transform .3s; }
.m-about .videoList .u-con .name{ width: 100%; line-height: 1.666667em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .18rem; }
.m-about .videoList .u-con .content{ width: 100%; line-height: 1.75em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .16rem; }

.m-about .videoList .u-box:hover .u-img>.jqthumb{ opacity: .6; transform: scale(1.1);}
.m-about .videoList .u-box:hover .u-con{ opacity: 1; transform: none; }

.m-about .videoList li:first-child{ z-index: 0; margin: 0; width: 100%; }
.m-about .videoList li:first-child .u-img{ position: relative; padding-top: 65.336135%; }
.m-about .videoList li:first-child .u-img:before{ content: ""; position: absolute; z-index: 5; top: 0; bottom: 0; left: 0; right: 0; border: solid .28rem rgba(0,0,0,.52); border-top-width: 1.78rem; border-bottom-width: 1.44rem; background: url(../images/ico-video.png) center / .9rem no-repeat; }
.m-about .videoList li:first-child .u-con{ display: none; }

.m-banner{ margin-top: .4rem; }

.m-news{ display: flex; justify-content: space-between; }
.m-news .newsList{ padding: .4rem 0 .8rem; width: 32.222223%; }

.newsList .title .u-img{ position: relative; padding-top: 65.517242%; overflow: hidden; }
.newsList .title .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.newsList .title .u-name{ position: relative; z-index: 5; margin: -1.25em .2rem 0; line-height: 0; font-size: .18rem; text-align: center; background: #fff; }
.newsList .title .u-name p{ display: inline-block; vertical-align: top; margin-top: -1.25em; padding: 0 1em; min-width: 1.34rem; line-height: 2.5em; font-size: .18rem; color: #fff; background: #000; box-sizing: border-box; transition: color .3s, background-color .3s; }
.newsList .title .u-name h2{ margin-top: .16rem; line-height: 2em; font-size: .22rem; }
.newsList .title .u-name h2:after{ content: ""; display: block; margin: .14rem auto 0; width: 2em; height: 1px; overflow: hidden; background: #999; }

.newsList:hover .title .u-name p{ color: #000; background-color: #dec180; }

.newsList .list{ margin-top: .16rem; }
.newsList .list li{ margin: 0 4em; line-height: 2.25em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .16rem; }
.newsList .list li:before{ content: ""; display: inline-block; vertical-align: top; }
.newsList .list a:hover{ color: #d2af62; }


#footer{background:#000;}
#footer,
#footer a{color:#fff;}
#footer a:hover{color:#dec180;}

.swiper-links{ position: relative; padding: .75rem 0; }
.swiper-links .u-img{ position: relative; display: block; padding-top: 55.913979%; overflow: hidden; }
.swiper-links .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition: transform .3s; }
.swiper-links .u-img:hover>.jqthumb{ transform: scale(.9); }

.swiper-links-button>div{ position: absolute; top: 50%; width: .32rem; line-height: .32rem; font-size: .2rem; font-family: "SimSun"; text-align: center; color: #999; border: solid 2px #666; cursor: pointer; border-radius: .05rem; transform: translateY(-50%); transition: color .3s, border-color .3s; }
.swiper-links-button>div[aria-disabled="true"]{display: none;}
.swiper-links-button .swiper-links-button-prev{ left: -.6rem; }
.swiper-links-button .swiper-links-button-prev:before{content:"<";}
.swiper-links-button .swiper-links-button-next{ right: -.6rem; }
.swiper-links-button .swiper-links-button-next:before{content:">";}
.swiper-links-button>div:hover{ color: #dec180; border-color: #dec180; }


.m-contact{ padding: .46rem 0 .84rem; text-align: center; line-height: 2.25em; font-size: .16rem; border-top: solid 1px #dec180; }
.m-contact .tel{ line-height: 2em; font-size: .26rem; }
.m-contact .btn{ display: inline-block; vertical-align: top; margin: .4rem auto 0; padding: 0 1.1875em; min-width: 1.8rem; line-height: 3.375em; font-size: .16rem; color: #000 !important; background: #dec180; border-radius: .05rem; box-sizing: border-box; }

.m-footer{ padding: .3rem 0; line-height: 1.714286em; font-size: .14rem; border-top: solid 1px #dec180; }
.m-footer>.area{ display: flex; justify-content: space-between; }

.footer-copyright,
.footer-support{ flex: 1; }
.footer-support{ text-align: right; }

.footer-contact{ line-height: 0; font-size: 0; text-align: center; }
.footer-contact li{ display: inline-block; vertical-align: top; margin: 0 1em; font-size: .14rem; }
.footer-contact a{ display: block; width: 3.428572em; height: 3.428572em; background: url(../images/ico-footer-contact.png) 0 3.428572em / 3.428572em no-repeat; transition: background-image .3s; }
.footer-contact a.weibo{ background-position: 0 0; }
.footer-contact a.wechat{ background-position: 0 -3.428572em; }
.footer-contact a.qq{ background-position: 0 -6.857143em; }

.footer-contact a:hover{ background-image: url(../images/ico-footer-contact-hover.png); }

.btn-goTop{ position: fixed; z-index: 100; bottom: .25rem; right: .25rem; width: 0; height: 0; mix-blend-mode:exclusion; transition: width .3s, height .3s; }
.btn-goTop>img{ width: 100%; height: 100%; }
.btn-goTop:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; border: solid .02rem #999; background: #333; border-radius: .05rem; opacity: 0; transition: opacity .3s; }
.btn-goTop:hover:before{ opacity: 1; }
.btn-goTop[show]{ width: .6rem; height: .6rem; }

.sub-banner{ height: 5.2rem; overflow: hidden; }
.sub-banner img{ position: relative; left: 50%; max-width: none; height: 100%; transform: translateX(-50%); }
.sub-banner>.wrap{ position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: .2rem; width: 100%; height: 100%; line-height: 2; text-align: center; color: #fff; }
.sub-banner .title h2{ font-size: .6rem; letter-spacing: .08em; }
.sub-banner .title p{ margin: .1rem 0; font-size: .3rem; letter-spacing: .22em; opacity: .52; }
.sub-banner .name{ font-size: .2rem; font-weight: bold; letter-spacing: .08em; }


.swiper-menu{ position: relative; margin-top: .54rem; }
.swiper-menu .swiper-slide{position: relative; margin-right:6em;width:auto;line-height:1.5em;font-size:.2rem;text-align:center;}
.swiper-menu .swiper-slide:before{ content: ""; position: absolute; top: 50%; right: -3em; width: .45em; height: .45em; overflow: hidden; background: #ccc; border-radius: 50%; transform: translate(50%, -50%); }
.swiper-menu .swiper-slide a{ position: relative; display: block; color:#666;transition:color .3s;}
.swiper-menu .swiper-slide a:before{ content: ""; position: absolute; bottom: 0; left: 50%; right: 50%; height: 1px; overflow: hidden; background: #333; transition: left .2s, right .2s; }
.swiper-menu .swiper-slide a:hover{color:#333;}
.swiper-menu .swiper-slide a:hover:before{ content: ""; left: 0; right: 0; }
.swiper-menu .swiper-slide.current a{font-weight:bold;color:#333;}
.swiper-menu .swiper-slide:last-child{margin-right:0;}
.swiper-menu .swiper-slide:last-child:before{display: none;}

.swiper-menu-button>div{position:absolute;z-index:5;top:0;display:flex;justify-content:center;align-items:center;width:.3rem;height:100%;overflow:hidden;line-height:0;font-size:.3rem;font-family:"SimSun";text-align:center;background: #fff;opacity:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;pointer-events:none;transition:color .3s,opacity .3s;}
.swiper-menu-button .swiper-menu-button-prev{left:-.5rem;}
.swiper-menu-button .swiper-menu-button-prev:before{content:"<";}
.swiper-menu-button .swiper-menu-button-prev:hover:before{animation:button-prev 1s infinite;}
.swiper-menu-button .swiper-menu-button-next{right:-.5rem;}
.swiper-menu-button .swiper-menu-button-next:before{content:">";}
.swiper-menu-button .swiper-menu-button-next:hover:before{animation:button-next 1s infinite;}
.swiper-menu-button>div[aria-disabled="false"]{opacity:1;pointer-events:auto;}


.case-detail{ display: flex; justify-content: space-between; padding: .54rem 0 1.2rem; }
.case-detail h1{ margin-top: .54rem; line-height: 2em; font-size: .24rem; }
.case-detail .detail-item{ width: 65.833334%; }
.case-detail .detail-info{ width: 32.222223%; }


.swiper-detail-img{position:relative;}
.swiper-detail-img-button{position: absolute; z-index: 10; bottom: .12rem; right: .12rem; line-height: 0; font-size: 0; }
.swiper-detail-img-button>div{ display: inline-block; vertical-align: top; margin-left: .333334em; width:1.833334em;height:1.833334em;line-height:1.833334em;font-size:.24rem;font-family:"SimSun";text-align:center; color: #fff; background: #000; border-radius: 50%;opacity:0; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;pointer-events:none;transition:color .3s,background-color .3s,opacity .3s;}
.swiper-detail-img-button>div:hover{ color: #333; background: #dec180; }
.swiper-detail-img-button .swiper-detail-img-button-prev:before{content:"<";}
.swiper-detail-img-button .swiper-detail-img-button-next:before{content:">";}
.swiper-detail-img-button>div[aria-disabled="false"]{opacity:1;pointer-events:auto;}

.swiper-detail-img-thumbs{margin-top:.26rem;}
.swiper-detail-img-thumbs .swiper-slide{position:relative; cursor: pointer;}
.swiper-detail-img-thumbs .swiper-slide:before{content:"";position:absolute;z-index:5;top:0;bottom:0;left:0;right:0;border:solid .03rem #dec180;opacity:0;transition:opacity .2s;}
.swiper-detail-img-thumbs .swiper-slide-thumb-active:before{opacity:1;}
.swiper-detail-img-thumbs .u-img{position:relative;padding-top:65.340910%;}
.swiper-detail-img-thumbs .u-img>.jqthumb{position:absolute!important;top:0;left:0;}


.detail-share{ margin-top: .2rem; }
.detail-share .bdshare-button-style0-16{ line-height: 0; font-size: 0; }
.detail-share .bdshare-button-style0-16 a{ float: none; display: inline-block; vertical-align: top; margin: 0 .1rem 0 0; padding: 0; height: auto; line-height: 0; overflow: hidden; background: #ededed; border-radius: 50%; transition: background .3s; }
.detail-share .bdshare-button-style0-16 a:before{ content: ""; display: block; padding-left: .36rem; height: .36rem; line-height: .36rem; background: url(../images/ico-share.png) 0 .36rem / .36rem no-repeat; opacity: .5; transition: opacity .3s; }
.detail-share .bdshare-button-style0-16 .bds_weixin:before{ background-position: 0 0; }
.detail-share .bdshare-button-style0-16 .bds_tsina:before{ background-position: 0 -.36rem; }
.detail-share .bdshare-button-style0-16 .bds_sqq:before{ background-position: 0 -.72rem; }

.detail-share .bdshare-button-style0-16 a:hover{ opacity: 1; background: #dec180; }
.detail-share .bdshare-button-style0-16 a:hover:before{ opacity: 1; }

.detail-con{ margin-top: .3rem; line-height: 1.875em; font-size: .16rem; }

.detail-page{ display: flex; justify-content: space-between; margin-top: .5rem; }
.detail-page .page{ width: 43.881857%; }
.detail-page .page>a{ display: block; padding: 0 1em; height: .52rem; line-height: .52rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center; font-size: .16rem; border: solid .02rem #000; border-radius: .05rem; transition: border-color .3s, background .3s; }
.detail-page .page>a:hover{ border-color: #dec180; background: #dec180; }
.detail-page .page-disabled>a,
.detail-page .page-disabled>a:hover{ color: #ccc; border-color: #ccc; background: none;pointer-events:none;}
.detail-page .btn-back{ width: 8.227849%; height: .52rem; line-height: .52rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center; font-size: .16rem; border: solid .02rem #e8e8e8; background: #e8e8e8; border-radius: .05rem; transition: border-color .3s, background .3s; }
.detail-page .btn-back span{ vertical-align: top; font-size: .24rem; font-family: "SimSun"; }
.detail-page .btn-back:hover{ border-color: #dec180; background: #dec180; }


.infoList .imgBox>img{ width: 100%; }
.infoList .conBox{ position: relative; z-index: 5; margin: -.24rem .18rem 0; padding: 0 .3rem .2rem; background: #fff; box-shadow: 0 0 .07rem rgba(0,0,0,.3); }
.infoList .conBox .title{position:relative;top:-.22rem;display:block;margin:0 auto;width:1.35rem;line-height:.45rem;font-size:.18rem;text-align:center;color:#fff;background:#000;}
.infoList .conBox .u-con{ line-height: 1.875em; font-size: .16rem; }
.infoList .conBox .u-con th,
.infoList .conBox .u-con td{ vertical-align: top; padding: .12rem 0; }
.infoList .conBox .u-con th{ white-space: nowrap; }
.infoList .conBox .u-con td{ width: 100%; }

.infoList .conBox .u-con tr:first-child th,
.infoList .conBox .u-con tr:first-child td{ padding-top: 0; }

.sub-news{ padding: .54rem 0 .68rem; }
.sub-news li{margin-top:.45rem;border:solid 1px rgba(204,204,204,.86);}
.sub-news li:first-child{margin:0;}
.sub-news .u-box{display:flex;align-items:center;overflow:hidden;padding:.35rem 0 .35rem .35rem;background: #fff;}
.sub-news .u-con{flex:auto;overflow: hidden;padding-top:.18rem;}
.sub-news .name{height:2em;line-height:2em;overflow:hidden;font-size:.24rem;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;transition:color .4s;}
.sub-news .content{height:3.6em;line-height:1.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.2rem;color:#666;}
.sub-news .more{margin-top:.42rem;display:inline-block;vertical-align:top;width:.73rem;height:.06rem;background:url(../images/arrow-news.png) center / 100% 100% no-repeat;transition:width .4s;}
.sub-news .u-date{flex-shrink:0;margin-left:.8rem;padding:.24rem 0;width:2.14rem;font-family:Arial;text-align:center;border-left:solid 1px #e2e2e2;}
.sub-news .u-date .DD{line-height:1.0925;font-size:1.08rem;color:#666;}
.sub-news .u-date .YYMM{line-height:1.3846;font-size:.26rem;}
.sub-news .u-box:hover .name{color:#d2af62;}
.sub-news .u-box:hover .more{width:.93rem;}


.news-detail{ padding: .54rem 0 1.2rem; }
.news-detail h1{ line-height: 2em; font-size: .24rem; text-align: center; }
.news-detail .detail-date{margin-top:.5em;line-height:1em;font-size:.2rem; text-align: center;color:#666;}
.news-detail .detail-share{ text-align: center; }
.news-detail .detail-img{margin-top:.45rem;text-align:center;}






}






















@media screen and (max-width:750px){
::-webkit-scrollbar{width:0;height:0;}
[wap="hide"]{display:none!important;}
#header{width:100%;height:1.04rem;}
#header .top-bar{position:fixed;z-index:200;top:0;left:0;right:0;height:1.04rem;background:#000;}
.top-bar>.wrap{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:320px;height:1.04rem;}
.top-logo{flex:auto;position: relative; z-index: 10;display:flex;justify-content:space-between;align-items:center;margin-right:.3rem;height:100%;}
.top-logo .logo{display:flex;align-items:center;width:100%;height:100%;max-height:69.230770%;}
.top-logo .logo>a{display:flex;align-items:center;height:100%;}
.top-logo .logo img{max-height:100%;}
.top-box{flex:auto;display:flex;align-items:center;padding: 0 .3rem;height:100%;}
.top-nav{position:relative;width:.5rem;height:.32rem;}
.top-nav:before{content:"";position:fixed;z-index:5;top:0;left:-100vw;width:100%;height:1.04rem;overflow:hidden;border-bottom: solid 1px rgba(55,55,55,.75);background:rgba(0,0,0,.96);transition:transform .3s;}
.top-nav .nav-btn{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;}
.top-nav .nav-btn .line{position:relative;display:block;width:.5rem;height:.03rem;min-height:1px;overflow:hidden;background:#dec180;transition:background .3s,transform .3s;}
.top-nav .nav-btn .line:nth-child(2){margin:.12rem 0;}
.nav-box{position:fixed;top:1.04rem;left:-100vw;display:flex;flex-direction:column;padding:.7rem 0 .75rem;width:100vw;height:calc(100vh - 1.04rem);overflow:auto;background:rgba(0,0,0,.95);transition:transform .3s;}
.nav-box>.nav-search{order:-1;margin:0 .3rem .6rem;line-height:0;font-size:.24rem;border-bottom:solid 1px #5a5a5a;}
.nav-box>.nav-search .u-text{vertical-align:top;width:85.507247%;height:2.916667em;line-height:2.916667em;color:#ccc;border:0 none;background: none;}
.nav-box>.nav-search .u-btn{vertical-align:top;width:14.492754%;height:2.916667em;line-height:2.916667em;border:0 none;background: url(../images/btn-search.png) center / 1.25em no-repeat;cursor:pointer;}
.nav-box .nav{position:relative;z-index:5;}
.nav-box .fir-li{ position: relative; transition: margin .3s; }
.nav-box .fir-li:before{ content: ""; position: absolute; top: .22rem; left: 0; width: .04rem; height: 0; overflow: hidden; background: #dec180; transition: height .3s; }
.nav-box .fir-li .u-a{display:block;padding: 0 .3rem 0 .8rem;line-height:2.692308em;font-size:.26rem;color:#fff;}
.nav-box .fir-li.active{ margin: .3rem 0; }
.nav-box .fir-li.active:before{ height: calc(100% - .22rem); }
.nav-box .fir-li.active .u-a{ color: #dec180; }
.nav-box .sec-box{display:none;}
.nav-box .sec-ul a{ display: block; padding: 0 .3rem 0 .8rem; line-height:3em;font-size:.2rem; color:#fff;}
.nav-box .sec-ul a:hover{color:#dec180;}
.nav-box .nav-tel{margin:.55rem .3rem 0;padding-top: .55rem;padding-left: .55rem;line-height:2.45em;font-size:.2rem;color:#fff;border-top: solid 1px #373737;}
.nav-box .nav-tel strong{margin-right:.833334em;font-size:.3rem;}
.nav-box .nav-tel strong:before{content:"";display:inline-block;vertical-align:top;margin-right:.6em;width:1.633334em;height:1.633334em;background:url(../images/ico-tel-white.png) center / .49rem no-repeat;}
#header[nav="show"] .top-nav:before,#header[nav="show"] .nav-box{transform:translateX(100vw);}
#header[nav="show"] .nav-btn .line{background:#fff;}
#header[nav="show"] .nav-btn .line:nth-child(1){transform:translateY(.15rem) rotate(45deg);}
#header[nav="show"] .nav-btn .line:nth-child(2){transform:translateX(50%) scaleX(0);}
#header[nav="show"] .nav-btn .line:nth-child(3){transform:translateY(-.15rem) rotate(-45deg);}
#content{min-height:calc(100vh - 1.04rem - .98rem);}/* 减头部底部高度 */


#banner,.swiper-banner{position:relative;overflow:hidden; background: #000;}
.swiper-banner .swiper-container{width:100%;height:100%;}
.swiper-banner .swiper-slide{position:relative;overflow:hidden;text-align:center;}
.swiper-banner .swiper-slide a{display:block;}

.m-business{ margin-top: -.6rem; }
.m-business .title{ position: absolute; left: .3rem; right: .3rem; bottom: 100%; margin-bottom: .6rem; text-align: center; }
.m-business .title h2{ line-height: 1rem; font-size: .36rem; color: #fff; }
.swiper-business{ width: 3.32rem; margin: 0 auto; }
.swiper-business .swiper-container{ overflow: visible; }
.swiper-business .u-box{ display: block; text-align: center; }
.swiper-business .u-img{position:relative;padding-top:64.864865%;overflow:hidden;}
.swiper-business .u-img>.jqthumb{position:absolute!important;top:0;left:0;transition:transform .3s;}
.swiper-business .u-con{ padding: .24rem 0; }
.swiper-business .u-con:before{ content: ""; display: block; margin: 0 auto .1rem; width: .48rem; height: 1px; overflow: hidden; background: #666; transition: background .3s; }
.swiper-business .name{height: 1.538462em;line-height: 1.538462em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: .28rem;}
.swiper-business .content{height: 1.777778em;line-height: 1.777778em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: .24rem;color: #999;}

.swiper-business .u-box:hover .u-img>.jqthumb{ transform: scale(1.1);}
.swiper-business .u-box:hover .u-con:before{ background: #dec180; }

.swiper-business-pagination-wrap{display:flex;justify-content:center;margin: .16rem 0 .28rem;}
.swiper-business-pagination{display:flex;justify-content:center;transition:transform .3s;}
.swiper-business-pagination .swiper-pagination-bullet{flex-shrink:0;position:relative;margin:0 .1rem;width:.14rem;height:.14rem;background:rgba(102,102,102,.5);opacity:0;outline:0;transform:none;transition:opacity .3s, background .3s;pointer-events:none;}
.swiper-business-pagination .swiper-pagination-bullet-active{background: #dec180;}
.swiper-business-pagination .swiper-pagination-bullet-show{opacity:1;pointer-events:auto;}
	


.m-title{ text-align: center; color: #fff; }
.m-title h2{ line-height: 1.5em; font-size: .36rem; }
.m-title p{ line-height: 2em; font-size: .24rem; color: #666; }

.m-more{ text-align: center; }
.m-more a{ display: inline-block; vertical-align: top; padding: 0 1em; min-width: 12.111112em; line-height: 2.666667em; font-size: .18rem; color: #666; letter-spacing: .08em; border: solid .02rem #666; border-radius: .05rem; transition: color .3s, border-color .3s; }
.m-more a:hover{ color: #fff; border-color: #fff; }


.m-case{ position: relative; padding-top: .32rem; }
.m-case:before{ content: ""; position: absolute; z-index: 10; left: 50%; top: 0; width: 1px; height: 0; overflow: hidden; border-top: solid .32rem #666; border-bottom: solid .36rem #fff; }
.m-case .imgBox{ position: relative; padding: .6rem 0 2.05rem; overflow: hidden; }
.m-case .imgBox .background{ position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: #000; }
.m-case .imgBox .background img{ width: 100%; height: 100%; object-fit: cover; }

.swiper-case-menu{ position: relative; margin: .2rem 0 .4rem; }
.swiper-case-menu .swiper-container{ overflow: visible; }
.swiper-case-menu .swiper-slide{margin-right:3.333334em;width:auto;line-height:1.5em;font-size: .28rem;text-align:center;}
.swiper-case-menu .swiper-slide a{color: #fff;opacity: .82;transition:color .3s;}
.swiper-case-menu .swiper-slide a:hover,.swiper-case-menu .swiper-slide.current a{font-weight:bold;color:#fff;}
.swiper-case-menu .swiper-slide:last-child{margin-right:0;}

.caseList .u-box{ display: block; }
.caseList .u-img{ position: relative; padding-top: 65.578636%; overflow: hidden; }
.caseList .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition:transform .3s; }
.caseList .u-con{position: relative;z-index: 5;margin: -.17rem .14rem 0;padding: 0 .1rem .34rem;background: #fff;transition: box-shadow .3s;}
.caseList .u-con:before{ content: "WORKS"; position: relative; top: -.17rem; display: block; margin: 0 auto; width: .98rem; line-height: .34rem; font-size: .13rem; text-align: center; color: #fff; background: #000; transition: color .3s, background .3s; }
.caseList .u-con:before{content: "现场快速维修";position: relative;top: -.17rem;display: block;margin: 0 auto;width: 1.6rem;line-height: .34rem;font-size: .2rem;text-align: center;color: #fff;background: #000;padding: .1rem 0;transition: color .3s, background .3s;}
.caseList .u-con:after{ content: "MORE"; display: block; margin-top: .2rem; line-height: .3rem; font-size: .16rem; text-align: center; color: #999; }
.caseList .name{ display: flex; align-items: center; height: .6rem; }
.caseList .name>h4{width: 100%;line-height: .3rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size: .26rem;text-align: center;}
.caseList .content{ display: none; }

.caseList .u-box:hover .u-img>.jqthumb{ transform: scale(1.1);}
.caseList .u-box:hover .u-con{ box-shadow: 0 0 .07rem rgba(0,0,0,.3); }
.caseList .u-box:hover .u-con:before{ color: #000; background: #dec180; }

.m-case .caseList{ margin-top: -1.46rem; }
.m-case .caseList ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.m-case .caseList li{ margin-top: 2.898551%; width: 48.840580%; }
.m-case .caseList li:first-child{ margin-top: 0; width: 100%; }

.m-case .caseList .u-con:after{ display: none; }
.m-case .caseList li:first-child .u-img{ padding-top: 65.507247%; }
.m-case .caseList li:first-child .u-con{ display: flex; align-items: flex-start; margin: 0; padding: .32rem .2rem; overflow: hidden; background: #000; }
.m-case .caseList li:first-child .u-con:before{ display: none; }
.m-case .caseList li:first-child .name{ position: relative; flex-shrink: 0; display: block; margin: -.02rem .2rem 0 0; padding-bottom: .24rem; max-width: 40%; height: auto; box-sizing: content-box; }
.m-case .caseList li:first-child .name:before{ content: ""; position: absolute; left: 0; bottom: 0; width: .14rem; height: .14rem; background: url(../images/ico-case-more.png) center / contain no-repeat; transition: left .3s; }
.m-case .caseList li:first-child .name>h4{height: .3rem;line-height: .3rem;text-overflow:ellipsis;white-space: nowrap;font-size: .28rem;font-weight: normal;color: #fff;opacity: .82;}
.m-case .caseList li:first-child .content{ flex:auto; height: .6rem; line-height: .3rem; overflow: hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .16rem; color: #fff; }
.m-case .caseList li:first-child .u-box:hover .name:before{ left: calc(100% - .14rem); }


.sub-case{ padding: .48rem 0; }
.sub-case .caseList ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.sub-case .caseList li{ margin-top: 4.347827%; width: 48.840580%; }
.sub-case .caseList li:nth-child(-n+2){ width: 100%; }
.sub-case .caseList li:first-child{margin-top: 0;}

.sub-case .caseList .u-con:after{ display: none; margin-top: .24rem; line-height: .34rem; }
.sub-case .caseList li:nth-child(-n+2) .u-img{ padding-top: 65.340910%; }
.sub-case .caseList li:nth-child(-n+2) .u-con{ margin: -.36rem .28rem 0; }
.sub-case .caseList li:nth-child(-n+2) .u-con:before{ top: -.13rem; width: 1.35rem; line-height: .45rem; font-size: .18rem; }
.sub-case .caseList li:nth-child(-n+2) .u-con:after{ display: block; }
.sub-case .caseList li:nth-child(-n+2) .name{ margin-top: .28rem; }


.serviceList{ margin-top: .6rem; }
.serviceList .wrap{ position: relative; border: solid 1px #ccc; }


.case-detail .serviceList{ position: relative; margin-top: 1.2rem; }
.case-detail .serviceList .title{ position: absolute; z-index: 5; top: 0; left: 50%; padding: 0 .24rem; line-height: 2em; font-size: .34rem; background: #fff; transform: translate(-50%, -50%); }
.case-detail .serviceList .wrap{ text-align: left; }


.swiper-case-service-menu .swiper-container,
.swiper-case-service .swiper-container{ width: 6.16rem; }

.swiper-case-service-menu{ position: absolute; z-index: 5; top: -.2rem; left: 0; width: 100%; }
.swiper-case-service-menu .swiper-slide{ width: auto; background: #fff; }
.swiper-case-service-menu .swiper-slide a{position: relative;z-index: 5;display: block;padding: 0 .4rem;line-height: .4rem;font-size: .34rem;border-right: solid 1px #ccc;}
.swiper-case-service-menu .swiper-slide a:before{ content: ""; position: absolute; z-index: -1; bottom: 0; left: 50%; right: 50%; height: 1px; overflow: hidden; background: #333; transition: left .2s, right .2s; }
.swiper-case-service-menu .swiper-slide:last-child a{ border-right: none; }
.swiper-case-service-menu .swiper-slide a:hover:before{ left: .3rem; right: .3rem; }
.swiper-case-service-menu .swiper-slide.current a{font-weight: bold;}

.swiper-case-service-menu-button>div{position:absolute;z-index:5;top:50%;display:flex;justify-content:center;align-items:center;width:.2rem;height:.2rem;overflow:hidden;line-height:0;font-size:.16rem;font-family:"SimSun";text-align:center; color: #999; border: solid 1px #ccc;background: #fff; border-radius: 50%;opacity:0; transform: translateY(-50%); outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;pointer-events:none;transition:color .3s,border-color .3s,background-color .3s,opacity .3s;}
.swiper-case-service-menu-button>div:hover{ color: #666; border-color: #939393; background: #dec180; }
.swiper-case-service-menu-button .swiper-case-service-menu-button-prev{left:.08rem;}
.swiper-case-service-menu-button .swiper-case-service-menu-button-prev:before{content:"<";}
.swiper-case-service-menu-button .swiper-case-service-menu-button-next{right:.08rem;}
.swiper-case-service-menu-button .swiper-case-service-menu-button-next:before{content:">";}
.swiper-case-service-menu-button>div[aria-disabled="false"]{opacity:1;pointer-events:auto;}


.swiper-case-service{ position: relative; }
.swiper-case-service .swiper-slide{ padding: .6rem 0 0; }

.swiper-case-service .u-box{ position: relative; display: block; }
.swiper-case-service .u-box .count{ position: absolute; z-index: 10; top: -.17rem; left: .34rem; width: .34rem; height: .34rem; line-height: .34rem; overflow: hidden; font-size: .16rem; font-weight: bold; text-align: center; color: #000; border: solid 1px #939393; background: #dec180; border-radius: 50%; transition: top .3s, left .3s, color .3s, border-color .3s, background-color .3s; }

.swiper-case-service .u-img{ position: relative; display: flex; align-items: center; height: 4.03rem; overflow: hidden; color: #fff; background: #000; }
.swiper-case-service .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; opacity: .58; }
.swiper-case-service .u-img>.wrap{ position: absolute; top: .46rem; bottom: .32rem; left: .26rem; right: .26rem; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: .6rem; text-align: center; border: solid 2px #fff; }
.swiper-case-service .u-img .name{line-height: .64rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;font-size: .36rem;}
.swiper-case-service .u-img .content{margin-bottom: .2rem;line-height: .38rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size: .28rem;}
.swiper-case-service .u-con{ display: none; }

.swiper-case-service-button{ display: flex; justify-content: center; margin: .24rem 0 .36rem; }
.swiper-case-service-button>div{display:flex;justify-content:center;align-items:center;margin: 0 .05rem;width:.34rem;height:.34rem;overflow:hidden;font-size:.2rem;font-family:"SimSun"; color: #ccc; background: #f5f5f5;border-radius: .05rem; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;pointer-events:none;transition:color .3s,background .3s;}
.swiper-case-service-button .swiper-case-service-button-prev:before{content:"<";}
.swiper-case-service-button .swiper-case-service-button-next:before{content:">";}
.swiper-case-service-button>div[aria-disabled="false"]{ color: #fff; background: #000; pointer-events:auto; }
.swiper-case-service-button>div[aria-disabled="true"]{ color: #ccc; background: #f5f5f5; }
.swiper-case-service-button>div:hover{ color: #333; background-color: #dec180; }


.m-service{ position: relative; margin-top: .7rem; padding-top: .32rem; }
.m-service:before{ content: ""; position: absolute; z-index: 10; left: 50%; top: 0; width: 1px; height: 0; overflow: hidden; border-top: solid .32rem #666; border-bottom: solid .36rem #fff; }
.m-service .imgBox{ position: relative; padding: .68rem 0 .48rem; overflow: hidden; }
.m-service .imgBox .background{ position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: #000; }
.m-service .imgBox .background img{ width: 100%; height: 100%; object-fit: cover; }

.swiper-service{ margin-top: .4rem; }
.swiper-service .u-box{ display: block; }
.swiper-service .u-img{ position: relative; padding-top: 65.578636%; overflow: hidden; }
.swiper-service .u-img:before{ content: ""; position: absolute; z-index: 5; left: 50%; bottom: 0; width: .74rem; height: .03rem; overflow: hidden; background: #fff; transform: translateX(-50%); }
.swiper-service .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition:transform .3s; }
.swiper-service .u-name{ margin-top: .2rem; line-height: 1.5em; font-size: .24rem; text-align: center; }
.swiper-service .u-name p{ color: #dec180; }
.swiper-service .u-name h4{ color: #fff; letter-spacing: .12em; }
.swiper-service .u-con{display: flex;justify-content: center;margin-top: .3rem;line-height: .3rem;font-size: .18rem;color: #fff;opacity: .82;}
.swiper-service .u-con .content{ display: inline-block; }

.swiper-service-pagination-wrap{display:flex;justify-content:center;margin-top: .48rem;}
.swiper-service-pagination{display:flex;justify-content:center;transition:transform .3s;}
.swiper-service-pagination .swiper-pagination-bullet{flex-shrink:0;position:relative;margin:0 .1rem;width:.14rem;height:.14rem;background:rgba(102,102,102,.5);opacity:0;outline:0;transform:none;transition:opacity .3s, background .3s;pointer-events:none;}
.swiper-service-pagination .swiper-pagination-bullet-active{background: #dec180;}
.swiper-service-pagination .swiper-pagination-bullet-show{opacity:1;pointer-events:auto;}
	

.m-about{ margin-top: .35rem; }
.m-about .conBox{ position: relative; z-index: 5; padding: .3rem .48rem 0; text-align: center; border: solid 1px #ccc; box-sizing: border-box; }
.m-about .conBox h2{ line-height: 1.333334em; font-size: .36rem; }
.m-about .conBox h2 span{ display: block; line-height: 1.272728em; font-size: .44rem; color: #dec180; white-space: nowrap; }
.m-about .conBox .u-con{margin-top: .48rem;text-align:left;line-height: 2.25em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;font-size: .22rem;color: #666;}
.m-about .conBox .u-btn{ display: block; margin: .4rem auto 0; width: 1.75rem; line-height: .5rem; font-size: .16rem; color: #c19f53; border: solid 2px #dec180; border-radius: .05rem; transition: color .3s, border-color .3s, background-color .3s; }
.m-about .conBox .u-btn:hover{ color: #fff; border-color: #000; background-color: #000; }


.swiper-about-menu{ position: relative; margin: .3rem -.48rem 0; padding: .26rem 0 .2rem; border-top: solid 1px #ccc; }
.swiper-about-menu .swiper-slide:before{ content: ""; position: absolute; top: 0; bottom: 0; right: -1px; width: 1px; overflow: hidden; background: rgba(153,153,153,.37); }
.swiper-about-menu .swiper-slide:last-child:before{ display: none; }
.swiper-about-menu a{ display: block; padding: 0 .48rem; line-height: .76rem; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .2rem; font-weight: bold; }
.swiper-about-menu a:hover{ color: #dec180; }

.swiper-about-menu-button>div{position:absolute;z-index:5;top:0;display:flex;justify-content:center;align-items:center;width:.48rem;height:100%;overflow:hidden;line-height:0;font-size:.3rem;font-family:"SimSun";text-align:center;background: #fff;opacity:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;pointer-events:none;transition:color .3s,opacity .3s;}
.swiper-about-menu-button .swiper-about-menu-button-prev{left:0;}
.swiper-about-menu-button .swiper-about-menu-button-prev:before{content:"<";}
.swiper-about-menu-button .swiper-about-menu-button-prev:hover:before{animation:button-prev 1s infinite;}
.swiper-about-menu-button .swiper-about-menu-button-next{right:0;}
.swiper-about-menu-button .swiper-about-menu-button-next:before{content:">";}
.swiper-about-menu-button .swiper-about-menu-button-next:hover:before{animation:button-next 1s infinite;}
.swiper-about-menu-button>div[aria-disabled="false"]{opacity:1;pointer-events:auto;}


.m-about .videoList{ margin: .35rem -.3rem 0; }

.m-about .videoList ul{ position: relative; display: flex; flex-wrap: wrap; justify-content: center; }
.m-about .videoList ul:before{ content: ""; position: absolute; z-index: 5; bottom: 0; left: .22rem; right: .22rem; height: 1.6rem; background: #fff; }
.m-about .videoList li{ position: relative; z-index: 10; margin: -.3rem .1rem 0; width: 2.08rem; }
.m-about .videoList .u-box{ position: relative; display: block; }
.m-about .videoList .u-img{ position: relative; display: block; padding-top: 65.384616%; overflow: hidden; background: #000; }
.m-about .videoList .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition: opacity .3s, transform .3s; }
.m-about .videoList .u-con{ position: absolute; top: .12rem; bottom: .12rem; left: .12rem; right: .12rem; display: flex; flex-direction: column; justify-content: center; padding: .2rem; text-align: center; color: #fff; border: solid 2px #fff; opacity: 0; transform: scale(1.1); transition: opacity .3s, transform .3s; }
.m-about .videoList .u-con .name{ width: 100%; line-height: 1.444445em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .18rem; }
.m-about .videoList .u-con .content{ width: 100%; line-height: 1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .16rem; }

.m-about .videoList .u-box:hover .u-img>.jqthumb{ opacity: .6; transform: scale(1.1); }
.m-about .videoList .u-box:hover .u-con{ opacity: 1; transform: none; }

.m-about .videoList li:first-child{ z-index: 0; margin: 0; width: 100%; }
.m-about .videoList li:first-child .u-img{ position: relative; padding-top: 65.336135%; }
.m-about .videoList li:first-child .u-img:before{ content: ""; position: absolute; z-index: 5; top: 0; bottom: 0; left: 0; right: 0; border: solid .22rem rgba(0,0,0,.52); border-top-width: 1.4rem; border-bottom-width: 1.12rem; background: url(../images/ico-video.png) center / .9rem no-repeat; }
.m-about .videoList li:first-child .u-con{ display: none; }

.m-banner{ margin: .5rem -.3rem 0; }

.m-news{ padding-bottom: .4rem; }
.m-news .newsList{ padding: .4rem 0 .54rem; }

.newsList .title .u-img{ position: relative; padding-top: 65.217392%; overflow: hidden; }
.newsList .title .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.newsList .title .u-name{ position: relative; z-index: 5; margin: -1.25em .3rem 0; line-height: 0; font-size: .26rem; text-align: center; background: #fff; }
.newsList .title .u-name p{ display: inline-block; vertical-align: top; margin-top: -1.25em; padding: 0 1em; min-width: 2rem; line-height: 2.5em; font-size: .26rem; color: #fff; background: #000; box-sizing: border-box; transition: color .3s, background-color .3s; }
.newsList .title .u-name h2{ margin-top: .24rem; line-height: 2em; font-size: .34rem; }
.newsList .title .u-name h2:after{ content: ""; display: block; margin: .2rem auto 0; width: 2em; height: 1px; overflow: hidden; background: #999; }

.newsList:hover .title .u-name p{ color: #000; background-color: #dec180; }

.newsList .list{ margin-top: .26rem; }
.newsList .list li{ margin: 0 .7rem; line-height: 2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .26rem; }
.newsList .list li:before{ content: ""; display: inline-block; vertical-align: top; }
.newsList .list a{ color: #666; }
.newsList .list a:hover{ color: #d2af62; }


#footer{background:#000;}
#footer,
#footer a{color:#fff;}
#footer a:hover{color:#dec180;}

.swiper-links{ position: relative; padding: .75rem 0; }
.swiper-links .swiper-slide{ margin-right: .2rem; width: 1.88rem; }
.swiper-links .swiper-slide:last-child{ margin-right: 0; }
.swiper-links .u-img{ position: relative; display: block; padding-top: 55.913979%; overflow: hidden; }
.swiper-links .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition: transform .3s; }
.swiper-links .u-img:hover>.jqthumb{ transform: scale(.9); }

.swiper-links-button>div{ position: absolute; top: 50%; width: .32rem; line-height: .32rem; font-size: .2rem; font-family: "SimSun"; text-align: center; color: #999; border: solid 2px #666; cursor: pointer; border-radius: .05rem; transform: translateY(-50%); transition: color .3s, border-color .3s; }
.swiper-links-button>div[aria-disabled="true"]{display: none;}
.swiper-links-button .swiper-links-button-prev{ left: -.6rem; }
.swiper-links-button .swiper-links-button-prev:before{content:"<";}
.swiper-links-button .swiper-links-button-next{ right: -.6rem; }
.swiper-links-button .swiper-links-button-next:before{content:">";}
.swiper-links-button>div:hover{ color: #dec180; border-color: #dec180; }


.m-contact{ padding: .46rem 0 .34rem; text-align: center; line-height: 2.5em; font-size: .16rem; border-top: solid 1px #dec180; }
.m-contact .tel{ margin-bottom: .1rem; line-height: 2em; font-size: .26rem; }
.m-contact .addr{ display: block; }
.m-contact .wechat{ margin-top: .4rem; line-height: 2em; font-size: .18rem; text-align: center; }
.m-contact .wechat>img{ width: 1.8rem; }
.m-contact .wechat>p{ margin-top: .12rem; }

.m-footer{ padding: .3rem 0; line-height: 1.714286em; font-size: .14rem; text-align: center; border-top: solid 1px #dec180; }

.btn-goTop{ position: fixed; z-index: 100; bottom: .25rem; right: .25rem; margin-bottom: .98rem; width: 0; height: 0; mix-blend-mode:exclusion; transition: width .3s, height .3s; }
.btn-goTop>img{ width: 100%; height: 100%; }
.btn-goTop:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; border: solid .02rem #999; background: #333; border-radius: .05rem; opacity: 0; transition: opacity .3s; }
.btn-goTop:hover:before{ opacity: 1; }
.btn-goTop[show]{ width: .6rem; height: .6rem; }


.sub-banner{ overflow: hidden; }
.sub-banner>.wrap{position: absolute;top: 0;left: 0;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;padding-top: .34rem;width: 100%;height: 100%;text-align: center;color: #000;}
.sub-banner .title h2{ line-height: .7rem; font-size: .54rem; letter-spacing: .08em; }
.sub-banner .title p{line-height: .44rem; font-size: .28rem; letter-spacing: .22em; opacity: .52; }
.sub-banner .name{ line-height: .52rem; font-size: .18rem; font-weight: bold; letter-spacing: .08em; }

.swiper-menu{ position: relative; margin-top: -1.2rem; }
.swiper-menu .swiper-container{ overflow: visible; }
.swiper-menu .swiper-slide{position: relative; margin-right:2em;width:auto;line-height:1.5em;font-size:.24rem;text-align:center;}
.swiper-menu .swiper-slide:before{ content: ""; position: absolute; top: 50%; right: -1em; width: .25em; height: .25em; overflow: hidden; background: #666; border-radius: 50%; transform: translate(50%, -50%); }
.swiper-menu .swiper-slide a{ position: relative; display: block; color:#999;transition:color .3s;}
.swiper-menu .swiper-slide.current a{font-weight:bold;color:#fff;}
.swiper-menu .swiper-slide:last-child{margin-right:0;}
.swiper-menu .swiper-slide:last-child:before{ display: none; }




.case-detail{ margin-top: 1.2rem; padding-bottom: .3rem; }
.case-detail h1{ margin-top: .4rem; line-height: 2em; font-size: .28rem; }

.swiper-detail-img{position:relative;}
.swiper-detail-img-button{position: absolute; z-index: 10; bottom: .12rem; right: .12rem; line-height: 0; font-size: 0; }
.swiper-detail-img-button>div{ display: inline-block; vertical-align: top; margin-left: .333334em; width:1.833334em;height:1.833334em;line-height:1.833334em;font-size:.24rem;font-family:"SimSun";text-align:center; color: #fff; background: #000; border-radius: 50%;opacity:0; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;pointer-events:none;transition:color .3s,background-color .3s,opacity .3s;}
.swiper-detail-img-button>div:hover{ color: #333; background: #dec180; }
.swiper-detail-img-button .swiper-detail-img-button-prev:before{content:"<";}
.swiper-detail-img-button .swiper-detail-img-button-next:before{content:">";}
.swiper-detail-img-button>div[aria-disabled="false"]{opacity:1;pointer-events:auto;}

.swiper-detail-img-thumbs{margin-top:.2rem;}
.swiper-detail-img-thumbs .swiper-container{ overflow: visible; }
.swiper-detail-img-thumbs .swiper-slide{position:relative;margin-right:.17rem;width: 1.76rem;cursor: pointer;}
.swiper-detail-img-thumbs .swiper-slide:last-child{ margin-right: 0; }
.swiper-detail-img-thumbs .swiper-slide:before{content:"";position:absolute;z-index:5;top:0;bottom:0;left:0;right:0;border:solid .03rem #dec180;opacity:0;transition:opacity .2s;}
.swiper-detail-img-thumbs .swiper-slide-thumb-active:before{opacity:1;}
.swiper-detail-img-thumbs .u-img{position:relative;padding-top:65.340910%;}
.swiper-detail-img-thumbs .u-img>.jqthumb{position:absolute!important;top:0;left:0;}


.detail-share{ margin-top: .3rem; }
.detail-share .bdshare-button-style0-16 a{ margin: 0 .1rem 0 0; padding: 0; height: auto; line-height: 0; overflow: hidden; background: #ededed; border-radius: 50%; transition: background .3s; }
.detail-share .bdshare-button-style0-16 a:before{ content: ""; display: block; padding-left: .36rem; height: .36rem; line-height: .36rem; background: url(../images/ico-share.png) 0 .36rem / .36rem no-repeat; opacity: .5; transition: opacity .3s; }
.detail-share .bdshare-button-style0-16 .bds_weixin:before{ background-position: 0 0; }
.detail-share .bdshare-button-style0-16 .bds_tsina:before{ background-position: 0 -.36rem; }
.detail-share .bdshare-button-style0-16 .bds_sqq:before{ background-position: 0 -.72rem; }

.detail-share .bdshare-button-style0-16 a:hover{ opacity: 1; background: #dec180; }
.detail-share .bdshare-button-style0-16 a:hover:before{ opacity: 1; }

.detail-con{ margin-top: .4rem; line-height: 1.8em; font-size: .2rem; }

.detail-page{ margin-top: .9rem; }
.detail-page .page{ margin-top: .3rem; }
.detail-page .page:first-child{ margin-top: 0; }
.detail-page .page>a{ display: block; padding: 0 1em; line-height: .73rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center; font-size: .22rem; border: solid .02rem #000; border-radius: .05rem; transition: border-color .3s, background .3s; }
.detail-page .page>a:hover{ border-color: #dec180; background: #dec180; }
.detail-page .page-disabled>a,
.detail-page .page-disabled>a:hover{ color: #ccc; border-color: #ccc; background: none;pointer-events:none;}

.infoList{ margin-top: .4rem; padding-top: 1.25em; font-size: .26rem; }
.infoList .imgBox>img{ width: 100%; }
.infoList .conBox{ position: relative; z-index: 5; padding: 0 .3rem .2rem; background: #fff; box-shadow: 0 0 .07rem rgba(0,0,0,.3); }
.infoList .conBox .title{position:relative;top:-1.25em;display:block;margin:0 auto;width: 2rem; line-height: 2.5em; font-size: .26rem; text-align: center; color: #fff; background: #000;}
.infoList .conBox .u-con{ line-height: 1.8em; font-size: .2rem; }
.infoList .conBox .u-con th,
.infoList .conBox .u-con td{ vertical-align: top; padding: .12rem 0; }
.infoList .conBox .u-con th{ white-space: nowrap; }
.infoList .conBox .u-con td{ width: 100%; }

.infoList .conBox .u-con tr:first-child th,
.infoList .conBox .u-con tr:first-child td{ padding-top: 0; }

.sub-news{ padding: .48rem 0;}
.sub-news li{margin-top:.45rem;border:solid 1px rgba(204,204,204,.86);}
.sub-news li:first-child{margin:0;}
.sub-news .u-box{display:flex;align-items:center;padding:.2rem .35rem .35rem;background: #fff;}
.sub-news .u-con{flex:1;overflow:hidden;}
.sub-news .name{height:2.6em;line-height:2.6em;overflow:hidden;font-size:.3rem;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;color:#000;}
.sub-news .content{height:3.2em;line-height:1.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.2rem;color:#666;}
.sub-news .more{display:none;}
.sub-news .u-date{flex-shrink:0;order:-1;min-width:1.2rem;margin-right:.3rem;}
.sub-news .u-date .date{display:inline-block;vertical-align:top;text-align:center;}
.sub-news .u-date .DD{line-height:1.0769;font-size:1.04rem;}
.sub-news .u-date .YYMM{line-height:1.25;font-size:.24rem;} 


.news-detail{ margin-top: 1.2rem; padding-bottom: .3rem; }
.news-detail h1{ line-height: 2em; font-size: .28rem; }

.news-detail .detail-date{margin-top:.5em;line-height:1em;font-size:.2rem;color:#666;}
.news-detail .detail-img{margin-top:.45rem;text-align:center;}

#client{height:.98rem;}
#client ul{position:fixed;z-index:100;bottom:0;left:0;right:0;display:flex;align-items:stretch;min-width:320px;height:.98rem;border-top:solid 1px #292929;border-bottom:solid 1px #292929;background:#000;}
#client li{flex:1;position:relative;}
#client li:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:0;overflow:hidden;border-left:solid 1px rgba(103,103,103,.82);border-right:solid 1px rgba(255,255,255,.18);}
#client li:first-child:before{display:none;}
#client .u-a{position:relative;display:block;height:100%;}
#client .u-a .ico{position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;background:url(../images/ico-client-wap.png) center .98rem / .5rem 3.92rem no-repeat;}
#client .client-home .ico{background-position:center 0;}
#client .client-qq .ico{background-position:center -.98rem;}
#client .client-tel .ico{background-position:center -1.96rem;}
#client .client-map .ico{background-position:center -2.94rem;}
#client .client-goTop,#client .conBox .con{display:none;}
#client .u-a:active{z-index:10;background-color:#dec180;}
#client .u-a:active .ico{background-image: url(../images/ico-client-wap-active.png);}
}