#header{ width: 100%; max-width: 100%; position: fixed; top: 0; left: 0; background: #FFF; z-index: 1000;}
.hdr{ background: #FFF; padding: 22px 0; background: #FFF; }
#logo{ float: left;}
#logo img{ height: 68px;}
.hdr_r{ float: right; text-align: right; position: relative;}
.hdr_r .srv{ color: #999;}
.hdr_r .srv .one{ color: #ffc000; font-style: italic;}
.hdr_r .lnk{ margin-bottom: 10px;}
.hdr_r .lnk .ln{ display: inline-block; vertical-align: middle; width: 9px; height: 13px; background: url(../../img/header/pgic.png) no-repeat 0 0; margin: 0 12px;}
.hdr_r .lnk a,.hdr_r .lnk a:visited{ color: #999;}
.hdr_r .lnk a:hover{ color: #333;}
.hdr_r .lnk .icon-search{ vertical-align: middle; font-size: 20px; margin-left: 10px;}
.hdr_r .lnk  .global{ position: relative; display: inline-block; cursor: pointer; color: #999;}
.hdr_r .lnk  .global:hover{ color: #333;}
.hdr_r .lnk  .glb{ display: none; position: absolute; left: 0; top:18px; text-align: left; background: #FFF; width:140px; display: none; z-index: 2000; text-align: left; padding: 5px 0;}
.hdr_r .lnk  .glb li a{ padding:5px 0 5px 8px; display: block;}
.hdr_r .lnk  .glb li a,.hdr_r .lnk  .glb li a:visited{ color: #333;}
.hdr_r .lnk  .glb li a:hover{ background: #DDD;}
.hdr_r .lnk  .glb li a .iconfont{ color: #CC3333; font-size: 14px;  vertical-align: middle; margin-right: 5px;}
.hdr_r .lnk .shop{ margin-right: 5px;}
#nav{ background: #000; position: relative;}
#nav .cmn_wd{ text-align: center;}
#nav .fnt{ display: inline-block; position: relative; height: 60px; line-height: 60px;}
#nav .fnt>a{ color: #FFF; font-size: 18px; padding: 0 29px; display: block;}
#nav .fnt:hover span.ln, #nav .crt span.ln{ position: absolute; top: 0; left: 15%; right: 15%; height: 4px; background: url(../../img/header/nav_ln_l.gif) no-repeat left, url(../../img/header/nav_ln_r.gif) no-repeat right, #cc3333; }
#shplnk{ background: #000; position: relative;}
#shplnk .fnt>a{ color: #FFF; font-size: 18px; padding: 0 29px; display: block;}
.prbg_01{ background: url(../../img/header/drpm_bg_01.jpg)  no-repeat; background-size: auto 100%;}
.prbg_02{ background: url(../../img/header/drpm_bg_02.jpg)  no-repeat; background-size: auto 100%;}
.prbg_04{ background: url(../../img/header/drpm_bg_04.jpg)  no-repeat; background-size: auto 100%;}
.prbg_07{ background: url(../../img/header/drpm_bg_07.jpg)  no-repeat; background-size: auto 100%;}
.prbg_08{ background: url(../../img/header/drpm_bg_08_n.jpg)  no-repeat; background-size: auto 100%;}
.drpm{ height: 420px; display: none; position: fixed; left: 0;  right: 0; z-index: 400; }
#nav .drpm{text-align: left; line-height: 100%;}
.drpm .cnt{ background: url(../../img/header/subm_bg.png) no-repeat; left: 27%;  background-size: cover; position: absolute;  top: 0; bottom: 0; right: 0;}
.drpm .cnt ul li,.drpm .cnt ul li a,.drpm .cnt ul a{ color: #FFF; font-size: 16px;}
.drpm .cnt .subnavs{ padding-left: 27%;  padding-top: 2%; display: table;}
.drpm .cnt  .subnavs>ul{ display: table-cell; vertical-align: top; white-space: nowrap; }
.drpm .cnt .subnavs .slnk{display: table-cell;  vertical-align: top; }
.drpm .cnt  .subnavs>ul>li{ font-weight: bold; position: relative; cursor: pointer; height: 46px; line-height: 46px; }
.drpm .cnt  .subnavs>ul>a{font-weight: bold; height: 46px; line-height: 46px; display: block; }
.drpm .cnt ul li a:hover{ color: #cc3333;}
.drpm .cnt ul li ul li{ font-weight: normal;}
.drpm .cnt  .subnavs>ul>li .iconfont{ margin-left: 40px; display: none;}
.drpm .cnt  .subnavs>ul>li.on .iconfont{ display: inline-block;}
.drpm .cnt .subnavs>ul>li .icon-cart3{display:inline-block; margin-left:0; margin-right:15px;font-size:20px;}	  
.drpm .cnt .subnavs .slnk ul li{ white-space: nowrap;  height: 36px; line-height: 36px; padding-left: 50px; }
.drpm .cnt .subnavs .slnk ul li a{ display: block;}
.drpm .cnt .subnavs .slnk  a:hover{ color: #cc3333;}
.hdr .mbnav,.clsicn{ display: none;}
.hdr_r .tsrch{ text-align: left}
.tsrch { padding-top: 10px; position: absolute; right: 0; z-index: 100; top: 20px; display: none;}
.tsrch .cnt{ width: 400px; height: 50px; border: 4px solid #808080; position: relative; background: #FFF;}
.tsrch input{ display: inline-block; vertical-align: top; }
.tsrch .ipt{ height: 50px; border: 0; width: 70%;  text-indent: 3%; font-size: 16px;}
.tsrch .btn{ width: 28%; height: 50px; border: 0;  background: #333; color: #FFF; font-size: 16px; cursor: pointer; position: absolute; right: 0;}
.drpm .cnt .subnavs>ul>li.on{ color: #CC3333;}
.srewm{ background: #FFF;  text-align: center; font-size: 12px; position:fixed ; top: 18px; right:10px;}
.srewm img{ width: 60px; display: block;  margin: 0 auto 8px auto;}
.srewmlnk{display: none;}
@media screen and (min-width: 1921px) {
#nav .fnt>a{ font-size: 20px; padding: 0 24px; }
.drpm .cnt ul li,.drpm .cnt ul li a,.drpm .cnt ul a{  font-size: 18px;}
.drpm .cnt .subnavs .slnk ul li{  line-height: 100%;  padding-bottom: 10px;}
}
@media screen and (max-width: 1920px) {
.drpm .cnt .subnavs .slnk ul li{ height: 36px; line-height: 36px; }
#nav .fnt>a{ font-size: 16px; }
.hdr_r{margin-right: 20px;}
}
@media screen and (max-width: 1680px) {
.drpm{ height: 360px; }
.drpm .cnt .subnavs {  padding-left: 22%;}
.drpm .cnt .subnavs .slnk{ margin-left: 220px;}
.drpm .cnt .subnavs .slnk { top:14%;}
}
@media screen and (max-width: 1440px) {
.drpm{ height: 360px; }
#nav .fnt>a{ font-size: 16px; }
.drpm .cnt ul li, .drpm .cnt ul li a, .drpm .cnt ul a{ font-size: 14px;}
.drpm .cnt .subnavs>ul>li{ height: 42px;  line-height: 42px;}
.drpm .cnt .subnavs .slnk { top:10%;}
#logo img{ height: 60px;}
.hdr {  padding: 16px 0;}
.hdr_r .lnk { margin-bottom: 6px;}
#nav .fnt { height: 50px;  line-height: 50px;}
.main{ padding-top: 149px;}
.tsrch { padding-top: 5px;}
.tsrch .cnt{ width:380px; height: 46px; }
.tsrch .ipt{ height: 46px; ;}
.tsrch .btn{ width: 28%; height: 46px; }
.srewm{ position: fixed; top: 10px; right:10px;}
.srewm img{ margin: 0 auto 3px auto;}

}

@media screen and (max-width: 1336px) {
#nav .fnt>a{ padding: 0 24px; }
}
@media screen and (max-width: 1280px) {
.drpm{ height: 330px; }
#nav .fnt>a{ font-size: 16px; padding: 0 20px; }
.drpm .cnt .subnavs {padding-top: 2%;  position: relative;}
.drpm .cnt .subnavs .slnk{ top: 8%;}
.hdr_r { margin-right: 30px;}
.srewm{ position: fixed; top: 10px; right:10px;}
}
@media screen and (max-width: 1200px) {
.drpm{ height: 330px; }
#nav .fnt>a{ font-size: 14px; }
#shplnk .fnt>a{ font-size: 14px; }
.drpm .cnt ul li,.drpm .cnt ul li a,.drpm .cnt ul a{  font-size: 14px;}
.drpm .cnt .subnavs>ul>li { height: 36px; line-height: 36px;}
}
@media screen and (max-width: 1100px) {
.drpm{ height: 330px; }
#nav .fnt>a{ padding: 0 18px;  }
.drpm .cnt {  left: 17%;}
}
@media screen and (max-width: 1024px) {
	.cmn_wd{ width: 92%;}
   .hdr_r{ display: none;}
   #logo img { height: 40px; }
   .hdr {  padding: 10px 0; position: relative; height: 40px; }
   #logo{padding-left: 3%;}
   .hdr .mbnav{ display: flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;  position:absolute ;  right: 0; top: 0; bottom: 0;  text-align: right; padding-right: 3%; white-space: nowrap;  }
   .hdr .mbnav .micn, .hdr .mbnav .shicn{ display: block; padding-top: 12%;}
    .hdr .mbnav .micn{ padding-left: 10%;}
	.hdr .mbnav .shicn{ padding-right: 10%; }
   .hdr .micn .iconfont{ font-size: 30px; display: block;  }
   .hdr .shicn .iconfont{ font-size: 25px; display: block;  }
   #nav .fnt>a {  padding: 0; }
   #nav .fnt { display: block;  position: relative;   height: auto;  line-height: 40px; border-bottom: 1px solid #4d4d4d; }
   #nav .fnt:hover span.ln, #nav .on span.ln{display: none;}
   #nav  #home{}
   #nav .cmn_wd {  text-align: left;  width: 94%; margin: 0 auto; }
   #shplnk .fnt>a {  padding: 0; }
   #shplnk .fnt { display: block;  position: relative;   height: auto;  line-height: 40px; border-bottom: 1px solid #4d4d4d; }
#shplnk .fnt:hover span.ln, #nav .on span.ln{display: none;}
#shplnk .cmn_wd {  text-align: left;  width: 94%; margin: 0 auto; }
 .prbg_01,.prbg_02,.prbg_04{ background: none;}
 .drpm {  height: auto; position: relative; }
.drpm .cnt{ left: 0; position: static; background: #000;}
.drpm .cnt .subnavs{ padding:2% 3% 3% 3%;}
.drpm .cnt .subnavs_01{ padding:2% 3% 10% 3%;}
.drpm .cnt .subnavs>ul>li .iconfont { margin-left: 20px; display: none;}
.drpm .clsicn{ position: absolute; right: 0%; display: block; top: 0; padding: 2%; cursor: pointer; z-index: 200;}
.drpm .clsicn .iconfont{ color: #cc3333; font-size: 20px;}
.drpm .cnt .subnavs .slnk{ width: auto;}
.hdr{ min-width: 320px; }
.main{ padding-top: 60px;}
.navdsn{ display: none;}
.navdsk{ display: block;}
#nav .fnt:hover span.ln, #nav .crt span.ln{ display: none;}
.srewm{ position: fixed; top: 65px; right:7px; padding: 5px;}
.srewm img{ width: 70px;}
   }
  @media screen and (max-width:768px) { 
	  .srewm{display: none;}
	  .srewmlnk{display: block;  position: fixed; bottom:50px; right:0px;  z-index: 1001;}
  }
   @media screen and (max-width:600px) { 
.drpm .cnt .subnavs .slnk ul li{  padding-left: 30px; }
  }

  @media screen and (max-width: 414px) { 
.drpm .cnt ul li, .drpm .cnt ul li a, .drpm .cnt ul a{ font-size: 12px;}
.drpm .cnt .subnavs .slnk ul li{  padding-left: 20px; font-size: 12px; }
  }

  @media screen and (max-width: 350px) { 
.drpm .cnt ul li, .drpm .cnt ul li a, .drpm .cnt ul a{ font-size: 12px;}
.drpm .cnt .subnavs .slnk ul li{  padding-left: 10px; font-size: 12px; }
.drpm .cnt .subnavs>ul>li .iconfont{ margin-left: 10px;}
  }