<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Version:1.0  Author: Honan
  Create Date:2017-10-21
  Update Date:2017-11-11 Amy
  Desc : Contact Us Common CSS */ 
.bannerAll1{max-width: 1920px; height: 32.8vw; text-align: left; padding-top: 8%; padding-left:8%;  color: #fff;}
.bannerAll1 span{display: block;}
.bodyy{max-width: 1920px;position: relative;margin:0 auto;}
.f18{font-size: 18px}
.d1,.d3,.d5{position: relative;}
.d1 img,.d3 img,.d5 img{width: 100%;}
.textBanner{position: absolute;top: 25%;color:#ffffff;left:10.4% }
.bannerAll1{background: url(../images/contact/serviceBanner.jpg) no-repeat; background-size: 100%;}
.bannerAll2{background: url(../images/contact/customerBanner.jpg) no-repeat; background-size: 100%;}
.bannerAll3{background: url(../images/contact/collaborateBanner.jpg) no-repeat; background-size: 100%;}
.bannerAll3 .bannerText .bannerTitle,.bannerAll2 .bannerText .bannerTitle{margin-bottom: 0px}
.mk{margin-top: 4%}
.mk2{margin-top: 2%}
.where{width: 89.2%;margin: 0 auto;margin-bottom: 4.5%;margin-top: 3% }
.change{width:48%;margin: 0 auto;margin-top:1.2% }
.changes{width: 32.8%;display: inline-block;text-align: center;border: 1px solid #327fe8;line-height: 200%;vertical-align:top;font-weight: 500;    cursor: pointer;text-shadow: none;box-shadow: inset 0 0 0 0 #327fe8;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
.changes2{margin-left:0.8%;margin-right:0.8%  }
.changes:hover{color:white;box-shadow: inset 300px 0 0 #327fe8;}
.changesadd{color:white;box-shadow: inset 300px 0 0 #327fe8;}
.shop,.customer{width: 89.2%;margin:0 auto ;background-color:#f8f9f9; margin-top:4%; padding-bottom:2%}
.shop .title{text-align: center;padding-top: 3%;color: #333333}
.shops{padding-bottom: 3%;padding-top: 3%}
.backgroundColor{background-color:#f8f9f9}
.changeShop select{width: 100%;padding: 2%;border:1px solid #333333; }
.changeShop{margin: 1.5% auto;width: 39%;}
.shopx{width: 50%;float: left;padding-left: 5.4%}
.map{width: 50%;float: right;padding-left: 4%;padding-right: 5%;height: 16vw}
.address,.num,.time{margin-top: 1.1%}
.white{background: #ffffff}
.d2img{display: none}
select::-ms-expand { display: none;}
.pics img{width: 100%; cursor:pointer;}          
.shop{display: none}
.d1{display: block;}
.shopname{font-weight: 700}
.zhou{padding-left: 5.3%;background: #f8f9f9;padding-top: 1%;padding-bottom: 1%;}

/*å®¢æœ*/
.customer{display: block; }
.d3{display: none;}
.contant_us{width: 66%; margin: 0 auto; text-align: center; }
.contact_icons{ width: 33%; margin: 0 auto;  overflow: hidden;}
.contact_icons img {float:left; margin-left: 10px;}
.tel24,.weixin,.email{width: 33%;display: inline-block;text-align: center;vertical-align: top}
.weixin{border-left: 3px solid #ffffff;padding-bottom: 3.4% }
.custitle{font-weight: 500;margin-bottom: 6%}
.telnums{font-weight: 500;margin-bottom:1.7%;}
.titimg{width: 23%;margin: 0 auto ;padding-top: 11%;padding-bottom: 4% }
.wma{margin: 5% auto;width: 35%;}
.mwma{display: none;}
.teladd,.weixinadd,.emailadd,.weixinxadd{width: 80%;margin:0 auto;}
.emails{margin-top: 1.7%}
.text12{font-size: 12px}
.callMgnBtm{margin-bottom: 5.5%;}

/*åˆä½œ*/
.collaborate{display: none}
.d5{display: none;}
.collaborates{width: 89.5%;margin:0 auto;position: relative;margin-bottom: 1.5% }
.collaborate1,.collaborate2,.collaborate3{display: inline-block;}
.collaborate1{width: 24.8%;overflow: hidden; position: relative; }
.collaborate2{width: 24.8%;margin-left:0.2%; margin-right: 0.2%;overflow: hidden;position: relative;}
.collaborate3{width: 49.9%;overflow: hidden;  position: relative;}
.collaborate1 img,.collaborate2 img{width: 100%; transition: all 1s; cursor: pointer;}
.collaborate3 img{width: 100%}
.collaborate1 img:hover{ transform: scale(1.4);}
.collaborate2 img:hover{ transform: scale(1.4);}
.opt{width: 100%;height: 45%;position: absolute;bottom: 0;background:rgba(0,0,0,0.5);}
.opt2{width: 100%;height: 45%;position: absolute;bottom: 0;background:rgba(0,0,0,0.5);}
.optext{color: white;padding: 5% 6% 0% 6%;line-height: 1.5}
.boptext{color: white;}
.boptextL,.boptextR{display: inline-block;vertical-align: top}
.boptextL{width: 50%; padding-left: 3%}
.boptextR{width: 50%;padding-left: 3%;padding-top: 8%}
.quarters{padding-top: 5%}
.quartersNum{padding-bottom: 1%;}
.mcollaboratePic{display: none;}
.quartersimg{margin: 0 auto}
.boptextL img{width: 15%;}
.lineBlue{margin-top: 0%}
.pics{overflow: hidden;margin-left: 0.2%;display: inline-block;width: 33%}
.pic:after {content: "";display: block;height: 0;clear: both;}
.pic{margin-top: 1.5%} 
.overlay { position: fixed; top: 0;left: 0;height: 100%; width: 100%; background-color: rgba(0,0,0,0.8); z-index: 10}
.bigshow{position: fixed;top: 50%;  left: 50%; border-radius: 5px;z-index: 11; }
.next,.up{position: absolute;color: white;top: 50%;line-height: 1;top: 33%;cursor: pointer;width: 8.5%}
.next{left: -20%}
.up{right: -20%}
.allshow{display: none; -webkit-user-select: none; -moz-user-select: none;    -khtml-user-select: none;  -ms-user-select: none;    -o-user-select: none; user-select: none;}
.bigshow{width: 46vw;height: 26vw;margin-top: -13vw;margin-left: -23vw}
.bigshows{width: 100%;}

@media  (min-width:1600px) and (max-width:1800px){
		.text18 {font-size: 15px;}
		.title30 {font-size: 25px;}
}

@media  (min-width:768px) and (max-width:1200px){
.collaborates{width: 100%}
.collaborate1,.collaborate2{display: inline-block;}
.collaborate3{display: block;}
.collaborate1{width: 49.8%;overflow: hidden; position: relative; }
.collaborate2{width: 49.8%;margin-left:0.2%;overflow: hidden;position: relative;}
.collaborate3{width: 100%;overflow: hidden;  position: relative;}
.opt2{height: 35%}
.opt{height: 35%}
.map{height: 21vw}
.pic{text-align: left;}
}

@media  (min-width:768px) and (max-width:1000px){
.bigshow{width: 60vw;height: 33.2vw;margin-top: -16.6vw;margin-left: -30vw}
.customer{width: 100%}
.callMgnBtm{margin-bottom: 8%;}
}

@media (max-width:767px){
.bannerAll1{max-width: 767px; height: 169vw; text-align: center;padding-left: 0%; padding-top: 10%;}
.bannerAll1{background: url(../images/contact/mServiceBanner.jpg) no-repeat; background-size: 100%;}
.bannerAll2{background: url(../images/contact/mCustomerBanner.jpg) no-repeat; background-size: 100%;}
.bannerAll3{background: url(../images/contact/mCollaborateBanner.jpg) no-repeat; background-size: 100%;}
.mainMgnTop{margin-bottom: 4.5%;}
.d1img{display: none}
.d2img{display: block;}
.where{width: 100%}
.change{width: 100%;margin-top:2.6%;margin-bottom: 2.6%; }
.shop{width: 100%}
.mk2{margin-top: 0%;}
.mtitle50{font-size: 6.5vw}
.shops{padding-top: 0%}
.pic{margin-bottom: 2%;text-align: left;}
.title140{font-size: 20vw}
.up{right: -20%}
.next{left: -20%}
.textBanner{top: 8%;width: 100%;left: 0%;text-align: center;line-height: 1.3}
.map{height: 46vw}
.changes{line-height: 250%;}
.shop .title{padding-top: 5%;font-size:4.5vw}
.changeShop{margin-top: 3.9%;width: 61%;margin-bottom:0 }
.changeShop select{font-size: 3vw;color:#767676;margin-bottom:9%; }
.shopx{width: 100%;padding-top:0%;display: block;float: none;padding-left:0;margin-top: 0% }
.map{width: 100%;display: block;;float:none;padding-left: 0;padding-right: 0;}
.shops{width: 84%;text-align: center;margin: 0 auto}
.shopname{font-size: 4.1vw;text-align: left;margin-bottom:4.5% }
.address,.num,.time{text-align: left;font-size: 2.9vw;color: #808080;margin-top: 2%}
.num{margin-bottom: 6%}
.add{padding: 5% 0}
.zhou{padding-left: 0;text-align: center;}


/*äººå·¥å®¢æœ*/
.customer{width: 100%}
.tel24,.weixin,.email{width: 100%;display:block;text-align: center;vertical-align: top}
.tel24 img,.weixin img,.email img{padding-bottom: 3.5%  }
.custitle,.titEng30{margin-bottom:2%}
.telnums,.txtEng20{margin-bottom: 2% }
.weixin{background-color: #ffffff}
.aline{padding-bottom:9% }
.wma{display: block}
.titimg{width: 46%}
.titimg{padding-top: 7%;padding-bottom: 7%}
.emails{padding-bottom: 12%}
.callMgnBtm{margin-bottom: 7%;}

/*åˆä½œ*/
.collaborate{width: 100%}
.collaborates{width: 100%}
.collaborate1,.collaborate2,.collaborate3{width: 100%;}
.mcollaboratePic{display: block; height: 544px;}
.collaboratePic{display: none;}
.opt{height: 55%}
.optext {padding: 2% 6%;line-height: 1.5;text-align: left;}
.collaborate2{margin-left:0;margin-right: 0;margin-top:2%;margin-bottom: 2%;}
.optexts2{line-height: 1.5}
.boptextL,.boptextR{width: 100%;text-align: left;padding: 0;margin: 0;display: black}
.quartersimg{display: none;}
.collaborate1 img,.collaborate2 img,.collaborate3 img{height: 100%}
.boptext{line-height: 1.5}
.quarters {padding-top: 2%;}
.opt3{padding-left: 6%;height: 55%}

.bigshow{width: 70vw;height: 40vw;margin-top: -20vw;margin-left: -35vw}
.up{right: -15%}
.next{left: -15%}

}

</pre></body></html>