/* w3017  头部 start */
body{padding-top: 1.15rem;}
.header{position: fixed;top: 0;left: 0;z-index: 288; width: 100%;background-color: #fff;}
.h-main{width: 16rem;margin: 0 auto;}
.h-main:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.h-left{float: left;}
.h-logo{display: block;cursor: pointer;}
.h-img1{display: none;height: 1.35rem;line-height: 1.35rem;}
.h-img1 img{max-width: none;height: .45rem;}
.h-img2{display: block;height: 1.15rem;line-height: 1.15rem;}
.h-img2 img{max-width: none;height: .45rem;}

.h-right{float: right;font-size: 0;}
.h-h{display: inline-block;vertical-align: middle;margin-right: .75rem;}
.h-i{display: inline-block;vertical-align: middle;position: relative; cursor: pointer; padding: 0 .25rem;}
.h-j{position: relative; display: inline-block;color: #666666;font-weight: bold;line-height: 1.15rem;transition: all ease .5s;} 
.h-i.active .h-j{color: #bfa274 !important;}
.h-i:hover .h-j{color: #bfa274 !important;} 
.h-sub {display: none; width: 2rem;  background-color: #fff; position: absolute;left: 50%;top:  100%;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.h-item{display: block;width: 100%;position: relative;}
.h-one{position: relative; display: block;cursor: pointer;width: 100%;padding: 10px .2rem; line-height:1.4;  color: #333333; }
.h-item.has-two .h-one{padding-right: .5rem;}
.h-item.has-two .h-one:after{content: '>';position: absolute;top: 50%;right: 0;transform: translate(0,-50%); width: .5rem;text-align: center;}
.h-twobox{display: none; position: absolute;top: 0;right: -100%; width: 2rem; background-color: #fff; z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.h-two{display: block;cursor: pointer;width: 100%;padding: 10px .2rem; line-height:1.4;  color: #333333; } 
.h-sub:hover{overflow: visible !important;}
.h-item:hover .h-twobox{display: block;} 

.h-k{display: inline-block;vertical-align: middle; }
.h-search{position: relative;z-index: 8;display: block;cursor: pointer; width:.43rem;height: .43rem;border-radius: 50%;background-color: rgba(191,162,116,.15); background-image: url('/static/home/images/wm2-b.png');background-size:.19rem auto ;background-position: center center;background-repeat: no-repeat;}
.h-search:hover{background-color: #bfa274 !important;background-image: url('/static/home/images/wm2.png');}
.hs-a{display: none;z-index: 108;white-space: nowrap; position: fixed;top: 2rem;left: 50%;transform: translate(-50%,0);}
.hs-form{font-size: 0;display: inline-block;}
.hs-text{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #333;}
.hs-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #bfa274;background-image: url('/static/home/images/wm2.png');background-size: 19px auto;background-position: center center;background-repeat: no-repeat;}
header.hax-search .hs-a {display: block;}
header.hax-search .h-opa {display: block;} 

.h-inquiry{margin-left: .22rem;display: inline-block;vertical-align: middle; cursor: pointer; width:.43rem;height: .43rem;border-radius: 50%;background-color: rgba(191,162,116,.15); background-image: url('/static/home/images/wm3-b.png');background-size:.2rem auto ;background-position: center center;background-repeat: no-repeat;}
.h-inquiry:hover{background-color: #bfa274 !important;background-image: url('/static/home/images/wm3.png');}
.h-car{margin-left: .22rem;display: inline-block;vertical-align: middle; cursor: pointer; width:.43rem;height: .43rem;border-radius: 50%;background-color: rgba(191,162,116,.15); background-image: url('/static/home/images/wm30-b.png');background-size:.2rem auto ;background-position: center center;background-repeat: no-repeat;}
.h-car:hover{background-color: #bfa274 !important;background-image: url('/static/home/images/wm30.png');}

.h-language{display: inline-block;vertical-align: middle;height: 1.15rem;padding-top: .36rem; margin-left: .22rem; position: relative;}
.hl-tip{position: relative;z-index: 8;display: block;cursor: pointer; width:.43rem;height: .43rem;border-radius: 50%;background-color: rgba(191,162,116,.15); background-image: url('/static/home/images/wm4-b.png');background-size:.18rem auto ;background-position: center center;background-repeat: no-repeat;}
.hl-list{display: none;width: 1.5rem; background-color: #fff; position: absolute;left: 50%;top: 100%;transform: translate(-50% ,0); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.hl-item{display: block;cursor: pointer; width: 100%;padding: 10px 5px; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.hl-item:hover {background-color: #bfa274; color: #fff;}
.h-language:hover .hl-tip{background-color: #bfa274 !important;background-image: url('/static/home/images/wm4.png');}

.h-menu {display: none; position: absolute;cursor: pointer; top: 0;right: 0;  width: 1.15rem;height: 1.15rem;background-image: url('/static/home/images/h-menu.png');background-size: 32px auto;background-position: center center;background-repeat: no-repeat;}
.h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;cursor: pointer;}
 

@media (min-width: 1200px) {  
    .h-item:hover .h-one{background-color: #bfa274;color: #fff;} 
    .h-two:hover{background-color: #bfa274;color: #fff;} 

    body.index{padding-top: 0;}
    body.index .header{background-color: transparent;}
    body.index .h-img1{display: block;}
    body.index .h-img2{display: none;}
    body.index .h-j{line-height: 1.35rem; color: #ffffff;}
    body.index .h-search{background-color: rgba(255,255,255,.15);}
    body.index .h-inquiry{background-color: rgba(255,255,255,.15);}
    body.index .h-car{background-color: rgba(255,255,255,.15);}
    body.index .hl-tip{background-color: rgba(255,255,255,.15);}

    body.index .header.white{background-color: #fff;}
    body.index .header.white .h-img1{display: none;}
    body.index .header.white .h-img2{display: block;}
    body.index .header.white .h-j{color: #666666;line-height: 1.15rem;}
    body.index .header.white .h-search{background-color: rgba(191,162,116,.15);}
    body.index .header.white .h-inquiry{background-color: rgba(191,162,116,.15);}
    body.index .header.white .h-car{background-color: rgba(191,162,116,.15);}
    body.index .header.white .hl-tip{background-color: rgba(191,162,116,.15);} 
}

@media (max-width: 1350px) { 
    .h-h{margin-right: .3rem;}
}
@media (max-width: 1200px) { 
    .h-main{width: 100%;padding: 0 10px;} 

    .h-h{position: fixed; right: 0;top: 0;margin-right: 0; width: 260px; height: 100vh;overflow: auto; background-color: #fff;  z-index: 1000;transform: translate(100vw, 0);transition: transform .3s;}
    .h-i {width: 100%;padding: 0;margin: 0;height: auto;}
    .h-j {padding: 0;padding-left: 20px;height: 40px;line-height: 40px;font-size: 16px;} 
    .h-i.has-sub:after {content: "";background-image: url('/static/home/images/h-right.png');background-size:auto 12px ;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}
    .h-i.has-sub.show:after {background-image: url('/static/home/images/h-down.png');background-size:auto 14px ;}
    
    .h-sub {position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100%;}
    .h-one{text-align: left;padding-left: 40px;font-size: 14px;} 
    .h-one:after{display: none;}
    .h-twobox{display: block;position: relative;right: 0;width: 100%; padding-left: 60px;    box-shadow: none;}
    .h-item:hover .h-one{color: #bfa274;} 
    .h-two:hover{color: #bfa274;}  

    .h-right{margin-right: 1.15rem;}
    .h-search{width: 32px;height: 32px;background-size: 15px auto;}
    .h-inquiry{width: 32px;height: 32px;background-size: 15px auto;}
    .h-car{width: 32px;height: 32px;background-size: 15px auto;}
    .h-language{padding-top: calc(.575rem - 16px);}
    .hl-tip{width: 32px;height: 32px;background-size: 15px auto;}

    .h-menu{display: block;}
    .header.hax-menu .h-opa{display: block;}
    .header.hax-menu .h-h{transform: translate(0,0);} 
}

@media(max-width:370px) {   
    .hs-text{width: 5rem;height: 35px;} 
    .hs-submit{width: 35px;height: 35px;}  
}
/* w3017  头部 end */

/* w3017 底部 start */
.footer{width: 100%;background-color: #222222;}
.f-main{width: 14.9rem;margin: 0 auto;}
.f-top{width: 100%;padding-top: .78rem;padding-bottom: .8rem;}
.f-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-left{float: left;}
.f-tip{width: 100%;margin-bottom: .3rem; color: #ffffff;line-height: 1;}
.f-sharebox{width: 100%;padding-bottom: .5rem;}
.f-share{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .15rem;margin-bottom: .15rem;border-radius: 50%; width: 2.2em;height: 2.2em;text-align: center;line-height: 2.2em; background-color: rgba(0,0,0,.22);}
.f-share>img{max-width: 1em;max-height: 1em;}
.f-share:hover{background-color: #bfa274;}
.f-phonebox{width: 100%;}
.f-b{width: 100%;margin-bottom: .15rem;line-height: 1; color: rgba(255,255,255,.5);}
.f-phone{display: block;cursor: pointer;color: #ffffff;font-weight: bold;line-height: 1.27;} 
.f-right{float: right;font-size: 0;}
.f-contact{display: inline-block;vertical-align: top;width: 3.2rem; margin-right: 1.05rem;}
.f-titles{width: 100%;margin-bottom: .3rem; color: #ffffff;line-height: 1;font-weight: bold;}
.f-list{width: 100%;}
.f-item{display: block;width: 100%;position: relative;margin-bottom: .1rem;}
.f-text{width: 100%;padding-left: 1.375em;color: rgba(255,255,255,.6);line-height: 1.6;}
.f-icon{position: absolute;top: 0;left: 0;opacity: .6; width: 1.12em;height: 1.6em;line-height: 1.6em;}
.f-icon img{max-width: 100%;max-height: 100%;}
.f-quick{display: inline-block;vertical-align: top;margin-right: .9rem;}
.f-products{display: inline-block;vertical-align: top;margin-right: .5rem;}
.f-twobox{display: inline-block;}
.f-two{display: block;cursor: pointer;position: relative;padding-left: .2rem; color: rgba(255,255,255,.6);line-height: 1.6;}
.f-two:before{content: '';position: absolute;top: .8em;left: 0;width: .05rem;margin-top: -.03rem; height: .05rem;border-radius: 50%; background-color: #bfa274;}
.f-two:hover{color: #fff;}

.f-bottom{width: 100%;padding: .3rem 0;border-top: 1px solid rgba(255,255,255,.2);}
.f-bottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-lt{float: left;color: rgba(255,255,255,.3);line-height: 1.6;}
.f-rt{float: right;color: rgba(255,255,255,.3);line-height: 1.6;}
.f-bottom a{cursor: pointer;color: rgba(255,255,255,.3);}
.f-bottom a:hover{color: #fff;}

@media (max-width: 900px) {
    .f-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .f-left{width: 100%;margin-bottom: 15px;}
    .f-right{width: 100%;}
    .f-contact{width: 100%;margin-right: 0;margin-bottom: 15px;}
    .f-quick{width: 100%;margin-right: 0;margin-bottom: 15px;}
    .f-products{width: 100%;margin-right: 0;}
    .f-twobox{width: 100%;}
    .f-two{display: inline-block;vertical-align: middle;margin-right: 15px;}
    .f-lt{width: 100%;text-align: center;}
    .f-rt{width: 100%;text-align: center;}
} 
/* w3017 底部 end */

/* w3017 侧边栏 start */
.rightnav {
  position: fixed;
  right: .3rem;
  bottom: 20%;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: .6rem;
  z-index: 188;
}

.rightnav .ritm {
  flex: 1;
  display: block;
  margin: .1rem 0;
  font-size: 0;
  position: relative; 
  width: .6rem;
  height: .6rem; 
  border-radius: .3rem;
  background-color: #f9f9f9;
	border: solid 1px #e5e5e5;
}

.rightnav .ritm a {
  display: block;
  white-space: nowrap;
  right: 0;
  font-size: 0;
  width: .6rem;
}

.rightnav .ritm .atom {
  display: inline-block;
  vertical-align: middle;
  width: .6rem;
  height: .6rem;
}

.rightnav .ritm .atom .img1 {
  width: 100%;
  display: block;
}
.rightnav .ritm .atom .img1 img{
  width: 100%; 
}
.rightnav .ritm .atom .img2 {
  width: 100%;
  display: none;
}
.rightnav .ritm .atom .img2 img{
  width: 100%; 
}

.rightnav .ritm .vm {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: auto;
  transition: all ease 0.5s;
  width: 0;
  overflow: hidden;
}

.rightnav .ritm.long {
  width: auto;
  background-color: #bfa274;
  border: solid 1px #bfa274;
}
.rightnav .ritm.long .img1{display: none;}
.rightnav .ritm.long .img2{display: block;}

.rightnav .ritm.long a {
  width: auto;
  overflow: auto;
}

.rightnav .ritm.long .vm {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.05rem;
  padding-right: 0.15rem;
}

.rightnav .ritm + .ritm {
  margin-top: 1px;
}

@media (max-width: 900px) {
  .rightnav{right: 10px;}
}
 /* w3017 侧边栏 end */

/* w3017  新闻-广告图 start */
.nanner { width: 100%; position: relative;}
.nanner .imgs {width: 100%;position: relative;overflow: hidden;}
.nanner .imgs .img {width: 100%;height: 4.2rem;}
.nanner .nox {position: absolute;z-index: 4;left: calc(200 / 1920 * 100%);top: 50%;transform: translateY(-50%);width: 80%;}
.nanner .nox .nit {width: 100%;color: #fff;font-weight: bold;line-height: 1.5;}
.nanner .nox .nim {width: 100%;color: #fff;font-weight: bold;line-height: 1.5;}
.product .nanner .nox .nit{color: #fff;}
.product .nanner .nox .nim{color: #fff;}
  
@media (max-width: 1540px) {
    .nanner .nox {
      left: 3%;
      width: 90%;
    }
} 
@media(max-width: 700px){
    .nanner .imgs .img{height: auto;padding-top: calc(500/1920*100%);} 
}
  
.w1520 {width: 15.2rem;margin: 0 auto;position: relative; font-size: 0;}
@media (max-width: 1540px) {
    .w1520 {width: 94%;}
}
/* w3017  新闻-广告图 end */

/* w3017  解决方案 -广告图  start */
.nanner { width: 100%; position: relative;}
.nanner .imgs {width: 100%;position: relative;overflow: hidden;}
.nanner .imgs .img {width: 100%;height: 4.2rem;}
.nanner .nox {position: absolute;z-index: 4;left: calc(200 / 1920 * 100%);top: 50%;transform: translateY(-50%);width: 80%;}
.nanner .nox .nit {width: 100%;color: #fff;font-weight: bold;line-height: 1.5;}
.nanner .nox .nim {width: 100%;color: #fff;font-weight: bold;line-height: 1.5;}
.product .nanner .nox .nit{color: #fff;}
.product .nanner .nox .nim{color: #fff;}
  
@media (max-width: 1540px) {
    .nanner .nox {
      left: 3%;
      width: 90%;
    }
} 
@media(max-width: 700px){
    .nanner .imgs .img{height: auto;padding-top: calc(500/1920*100%);} 
}
  
.w1520 {width: 15.2rem;margin: 0 auto;position: relative; font-size: 0;}
@media (max-width: 1540px) {
    .w1520 {width: 94%;}
}

/* w3017  解决方案 -广告图  end */

/* w3017  FAQ-广告图  start */
.nanner { width: 100%; position: relative;}
.nanner .imgs {width: 100%;position: relative;overflow: hidden;}
.nanner .imgs .img {width: 100%;height: 4.2rem;}
.nanner .nox {position: absolute;z-index: 4;left: calc(200 / 1920 * 100%);top: 50%;transform: translateY(-50%);width: 80%;}
.nanner .nox .nit {width: 100%;color: #fff;font-weight: bold;line-height: 1.5;}
.nanner .nox .nim {width: 100%;color: #fff;font-weight: bold;line-height: 1.5;}
.product .nanner .nox .nit{color: #fff;}
.product .nanner .nox .nim{color: #fff;}
  
@media (max-width: 1540px) {
    .nanner .nox {
      left: 3%;
      width: 90%;
    }
} 
@media(max-width: 700px){
    .nanner .imgs .img{height: auto;padding-top: calc(500/1920*100%);} 
}
  
.w1520 {width: 15.2rem;margin: 0 auto;position: relative; font-size: 0;}
@media (max-width: 1540px) {
    .w1520 {width: 94%;}
}

/* w3017  FAQ-广告图  end */

/* w3017 产品-广告图 start */
.nanner { width: 100%; position: relative;}
.nanner .imgs {width: 100%;position: relative;overflow: hidden;}
.nanner .imgs .img {width: 100%;height: 4.2rem;}
.nanner .nox {position: absolute;z-index: 4;left: calc(200 / 1920 * 100%);top: 50%;transform: translateY(-50%);width: 80%;}
.nanner .nox .nit {width: 100%;color: #fff;font-weight: bold;line-height: 1.5;}
.nanner .nox .nim {width: 100%;color: #fff;font-weight: bold;line-height: 1.5;}
.product .nanner .nox .nit{color: #fff;}
.product .nanner .nox .nim{color: #fff;}
  
@media (max-width: 1540px) {
    .nanner .nox {
      left: 3%;
      width: 90%;
    }
} 
@media(max-width: 700px){
    .nanner .imgs .img{height: auto;padding-top: calc(500/1920*100%);} 
}
/* w3017 产品-广告图 end */

/* w3017 联系我们-广告图 start  */
.nanner { width: 100%; position: relative;}
.nanner .imgs {width: 100%;position: relative;overflow: hidden;}
.nanner .imgs .img {width: 100%;height: 4.2rem;}
.nanner .nox {position: absolute;z-index: 4;left: calc(200 / 1920 * 100%);top: 50%;transform: translateY(-50%);width: 80%;}
.nanner .nox .nit {width: 100%;color: #fff;font-weight: bold;line-height: 1.5;}
.nanner .nox .nim {width: 100%;color: #fff;font-weight: bold;line-height: 1.5;}
.product .nanner .nox .nit{color: #fff;}
.product .nanner .nox .nim{color: #fff;}
  
@media (max-width: 1540px) {
    .nanner .nox {
      left: 3%;
      width: 90%;
    }
} 
@media(max-width: 700px){
    .nanner .imgs .img{height: auto;padding-top: calc(500/1920*100%);} 
}
  

/* w3017 联系我们-广告图 end */