.navbar_btn{ position:absolute; left:10px; top:0;bottom:0;  display:block; width: 18px;height: 15px; margin:auto;box-sizing: border-box; border-top:1px solid #e6dcd5; border-bottom:1px solid #e6dcd5; display:none; z-index:13;}
.navbar_btn span{font-size: 0; text-indent: -9999px;}
.navbar_btn span:before{content: '';width: 16px;height: 1px;background-color: #e6dcd5;position: absolute;top:0;bottom:0;left:0;margin:auto;transition: all 0.2s}
.navbar_btn span:after{content: '';width: 16px;height: 1px;background-color: #e6dcd5;position: absolute;top:0;bottom:0;left:0;margin:auto;transition: all 0.2s}

body.over{ position:fixed; height:100%; width:100%; overflow:hidden;}

header{width: 100%;height:130px; background:##9d8c82; box-shadow: 2px 0 12px rgba(133,123,114,0.43); box-sizing: border-box;  position:fixed; left:0; top:0; z-index:100;}
header:after {bottom: 0;left: 0;position: absolute;right: 0;top: 0;content: "";display: block;position: absolute; background: url(/uploads/image/pimages/bg_nav.jpg) no-repeat center top; background-size:cover; z-index:1; height:100%; border-bottom:1px solid #89796f;box-sizing: border-box;  }
.logo{ width:100%; text-align:center; margin-top:25px; position:relative; z-index:10;}
.logo img{ width:auto;}
header .navbar{ width:100%; position:absolute; top:0; height:100%; left:0;}
header .spice_nav{ position:absolute; z-index:10;}
header .spice_nav li{ float:left; margin-right:40px;}
header .spice_nav li a{ color:#dfd4cb; font-size:13px; transition:all 0.3s;}
header .spice_nav li a:hover{ color:#fff;}
header .nav_other{ left:60px; top:20px;}
header .nav_other i{ background: url(/uploads/image/pimages/icon_en.png) no-repeat; background-size:contain; display:inline-block; width:14px; height:14px; margin-right:6px; vertical-align:-3px; }
header .nav_login{ right:60px; top:20px; z-index:12; padding-bottom:10px;}
header .nav_login li{ margin:0;}
header .nav_login li>a{ margin:0 0 0 20px;}
header .nav_login li>a i{ background:url(/uploads/image/pimages/topla-2x.png) no-repeat; width:10px; height:6px; background-size:contain; display:inline-block; margin-left:5px;}
header .nav_login .login_hidebox{ width:120px; background:#fff; position:absolute; box-shadow:0 0 5px 0 rgba(0,0,0,0.1); text-align:center; z-index:1; left:50%; margin-left:-60px; top:25px; height:0; }
header .nav_login.on .login_hidebox:before{ content:""; width:8px; height:8px; display:block; background:#fff; transform:rotate(45deg); position:absolute; left:50%; top:-4px;}
header .nav_login.on .login_hidebox{ height:auto; }
header .nav_login .login_hidebox dl{ margin:5px 0; overflow:hidden; height:0;}
header .nav_login.on .login_hidebox dl{ height:auto;}
header .nav_login .login_hidebox a{ color:#746960; display:block; transition:all 0.3s; line-height:36px;}
header .nav_login .login_hidebox a:hover{ background:#eaeaea; color:#746960;}
header .nav_car{ position:absolute; top:20px; right:170px; padding-bottom:15px; z-index:11;}
header .nav_car a{ color:#dfd4cb; font-size:13px; transition:all 0.3s;}
header .nav_car a:hover{ color:#fff;}
header .nav_car a i{  background: url(/uploads/image/pimages/shopping.png) no-repeat;background-size:contain; display:inline-block; width:20px; height:20px; margin-right:5px; vertical-align:-6px;}
header .serch{ position:absolute; right:60px; bottom:13px; width:240px; height:32px; z-index:10;}
header .serch .txt{ width:100%; box-sizing:border-box; padding:5px 40px 5px 10px; font-size:13px; color:#dfd4cb; height:32px; border:1px solid #a89a90; background-color:#8d8078; line-height:22px;}
header .serch .txt::placeholder{color:#dfd4cb; }
header .serch .btn{ background: url(/uploads/image/pimages/search.png) no-repeat;background-size: cover;background-position: center; display:block; width:16px; height:16px; position:absolute; right:13px; top:8px; cursor:pointer;}

header .nav{ width:100%; text-align:center; margin-top:79px;}
header .nav>li{ display:inline-block; margin:0 48px;}
header .nav>li>a{display:block;font-size:18px;line-height: 48px; position: relative; color:#fff; position:relative; z-index:10; padding-bottom:2px;}
header .nav>li>a:after{content:'';display:none;width: 60px; height: 5px;position: absolute;left: 50%;bottom:0px;margin-left:-30px;background-color: #f08f35;z-index: 100}
header .nav>li>a.selected:after{display: block;}
/*下拉部分*/
header .nav>li .nav_hidebox{ width: 100%;position:absolute; top:120px; left:0; z-index:100; background:transparent; height:0;  opacity:0;  display:block; overflow:hidden; box-shadow:0 5px 5px 0 rgba(0,0,0,0.05); transition:all 0.2s;}
header .nav>li.active .nav_hidebox{  height:auto; opacity:1; top:120px; }
header .nav>li .nav_hidebox_c{ background:rgba(255,255,255,0.97); width:100%; margin-top:10px;box-shadow: 0px 15px 15px 0px rgba(0,0,0,0.03);}
header .nav>li .center{ width:1200px; margin:0 auto; padding:80px 0 60px 0;}
header .nav>li .center .list{ width:210px; float:left; font-size:14px; color:#73675d; text-align:left; margin-right:50px;}
header .nav>li .center .list.big_waps{ display:none;}
header .nav>li .center.s_list .list{ width:140px; margin-right:18px;}
header .nav>li .center.s_list .list.last{ margin-right:0;}
header .nav>li .center.s_list .list.big{ width:210px; margin-right:40px;}
header .nav>li .center.s_list .list dt{ margin-bottom:24px; overflow:hidden;}
header .nav>li .center.ju .list{ width:25%; margin-right:0px;}
header .nav>li .center .list h3 a{ font-size:16px; line-height:40px; font-weight:bold; display:block; margin-bottom:10px;color: #73675d}
header .nav>li .center .list h3 a i{ background:url(/uploads/image/pimages/shou.png) no-repeat; background-size:contain; width:16px; height:16px; display:block; float:right; display:none;}
header .nav>li .center .list dl{ width:100%; overflow:hidden;}
header .nav>li .center .list dl dd{line-height:24px; padding:7px 0;}
header .nav>li .center .list dl a{ color:#918881; width:90px; display:inline-block;}
header .nav>li .center .list dl a:hover{ text-decoration:underline;}
header .nav>li .center .list.big dl a{ width:100%;}
header .nav>li .center.s_list .list dl a{ width:100%;}
header .nav>li .center .pic{ float:right; width:580px;}
header .nav>li .center .wap_sub{ text-align:center; display:none;}
header .nav>li .center .wap_sub a{ font-size:18px;}
header .nav>li .center .wap_sub a.back{ background:url(/uploads/image/pimages/back.png) no-repeat; background-size:contain; width:16px; height:16px; float:left; text-indent:-100000px; margin-top:3px;}


@media screen and (max-width:1400px){
header .nav>li{ display:inline-block; margin:0 20px;} 
}

@media screen and (max-width:1230px){
header .nav>li .center{ width:90%;  padding:30px 0;}	
header .nav>li .center .list{ margin-right:30px;}
header .nav>li .center .pic{ width:400px;}
header .nav>li .center.s_list .list,header .nav>li .center.s_list .list.big{ width:14%; margin-right:3.2%;}
}

@media screen and (max-width:1070px){
header .serch{ width:130px; }
header .nav>li .center .pic{ width:300px;}
}

@media screen and (max-width:850px){
header .nav>li{ display:inline-block; margin:0 10px;} 
header .nav>li .center .list{ margin-right:10px;}
header .nav>li .center .pic{ width:240px;}
}

@media screen and (max-width:768px){
header{ height:50px;}
.navbar_btn{ display:block;  }
.navbar_btn.close{  background: url(/uploads/image/pimages/wapnav_btn.png) no-repeat; width:16px; height:16px; background-size:contain; border:0; left:auto; right:15px;}
.navbar_btn.close span:before{ display:none;}
.navbar_btn.close span:after{ display:none;}

.logo img{ width:50px;}
.logo{ margin-top:15px;}
header .serch{ position:absolute; right:10px; top:0; bottom:0; width:16px; height:16px; }
header .serch .txt{ display:none;}
header .serch .btn{ right:5px; top:15px; background: url(/uploads/image/pimages/search.png) no-repeat; width:20px;height:20px; background-size:20px;}
header .nav_car{ width:30px; height:30px; overflow:hidden; top:10px; right:60px; padding-bottom:0;  }
header .nav_car a i {background: url(/uploads/image/pimages/shopping.png) no-repeat;width:30px;height:32px; background-size:30px auto;vertical-align: -3px;}

header .navbar{ background:rgba(255,255,255,0.98); display:none; position:fixed; z-index:12; transform:translatex(0%);  transition:all 0.3s;  }
header .navbar.left{ transform:translatex(-100%);}

header .spice_nav{ width:100%; text-align:center; position:relative;}
header .spice_nav li{ float:none; margin-right:0px; padding:10px 0;}
header .spice_nav li a{ color:#73675d; font-size:14px; }
header .spice_nav li a:hover{ color:#333;}
header .nav_other{ left:auto; top:auto;}
header .nav_login{ right:auto; top:auto;}
header .nav_login li{ margin:0;}
header .nav_login li>a{ margin:0px; display:block; padding:6px 0;}

header .nav{ margin-top:30px; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:10px;}
header .nav>li{ display:block; margin:0;}
header .nav>li>a{font-size:20px;line-height:50px; color:#73675d; font-weight:bold;}
header .nav>li>a.selected:after{display:none;}
 
header .nav>li .nav_hidebox{ width: 100%; top:0%; opacity:1; z-index:100; background:rgba(255,255,255,0.97); height:100%;  transform:translatex(100%);  }
header .nav>li .nav_hidebox_c{ background:none; width:100%; height:100%; margin-top:0px;}
header .nav>li .center .wap_sub{ display:block; padding:15px 0;}
header .nav>li.exceed .nav_hidebox{ z-index:101;}
header .navbar .list dl{ display:none;}
header .nav>li .center{ padding:0;}
header .nav>li .center .list{ margin-right:0px; float:none; width:100%; border-top:1px solid #ddd;}
header .nav>li .center .list dl{ padding-bottom:15px;}
header .nav>li .center .list dl a{ width:50%; margin:0; display:block; float:left;}
header .nav>li .center .list dl dd{ clear:both;}
header .nav>li .center .list.last{ border-bottom:1px solid #ddd;}
header .nav>li .center .pic{ width:80%; margin:0 auto; float:none; margin-top:30px;}
header .nav>li .center .list h3 a{ margin:0; padding:5px 0;}
header .nav>li .center .list h3 a i{   display:none;  margin-top:10px;}
header .nav>li .center .list h3 a.open i{ background:url(/uploads/image/pimages/show.png) no-repeat; background-size:contain; width: 16px; height: 16px;}
header .nav>li .center.s_list .list,header .nav>li .center.ju .list,header .nav>li .center.s_list .list.big{ width:100%; margin-right:0;}
header .nav>li .center.s_list .list dt{ width:140px; margin:0 auto; margin-bottom:10px;}
header .nav>li .center .list.big_waps{ display:block;}

header .nav_login .login_hidebox{ width:100%; position:relative; box-shadow:0 0 5px 0 rgba(0,0,0,0); left:0%; margin-left:0px; top:0; height:auto; }
header .nav_login.on .login_hidebox:before{ display:none;}
header .nav_login .login_hidebox dl{ margin:0; height:auto;}
header .nav_login .login_hidebox a{ line-height:26px; font-size:14px; padding:10px 0;}
.login_waps{ display:none;}
header .nav_login li>a i{ display:none;}
}
 

footer .logobox{width: 100%;position: relative;}
footer .logobox .logo{width:193px;margin:0 auto;}
footer .logobox .logo .img{width: 100px;height: auto;margin:0 auto;}
footer .logobox .logo .img img{background-color: rgba(0,0,0,0)}
footer .logobox .ltl{width: 43.75%;height: 2px;background-color:#c7beb7;position: absolute;left: 0;bottom: 38px}
footer .logobox .rtl{width: 43.75%;height: 2px;background-color:#c7beb7;position: absolute;right: 0;bottom: 38px}
footer .logobox .logo p{color: #8c847e;margin-top: 9px;height:20px;font-size:15px;width:100%;text-align:justify; text-justify:inter-ideograph;}
footer .logobox .logo p .span_hid{ display:inline-block; width:100%;}
footer .logobox .logo p:after{display:inline-block;content:'';overflow:hidden;width:100%;height:0;}
footer .mainbox{width: 1200px;margin-top: 55px}
footer .mainbox dl{width: auto;height: auto;text-align:left;float: left;margin-right: 98px}
footer .mainbox dl dt{font-size:16px;color: #73675d;margin-bottom: 21px}
footer .mainbox dl dt i{display: none}
footer .mainbox dl dd a{color: #746960;font-size: 13px;line-height: 32px;}
footer .mainbox dl dd a:hover{color: #f08f35}
footer .mainbox dl dd i{display: none}
footer .mainbox ul{width: 320px;float: left;box-sizing: border-box;padding-left: 3.75%}
footer .mainbox ul .tel{color: #746960;font-size: 24px;font-style:italic;text-align:left;}
footer .mainbox ul .service{color: #555555;font-size:13px;margin-bottom: 8px}
footer .mainbox ul .search{color: #746960;font-size:13px;font-weight: normal;margin-bottom: 18px;margin-top: 25px}
footer .mainbox ul select{width:97px;border:1px solid #d7d7d7;height: 26px;box-sizing: border-box;margin-right: 10px;display:block;float: left;background-image:url(/uploads/image/pimages/select.png);background-position:74px center ;background-repeat:no-repeat;background-size: 12px 7px;color: #746960;font-size: 13px;padding:0 30px 0 10px;}
footer .mainbox ul select option{color: #746960;font-size: 13px;padding:0 30px 0 10px;}
footer .mainbox ul input{width: 60px;background-color:#e77a22; color:#fff; height: 26px;cursor: pointer;}
footer .mainbox ul input:hover{background-color: #d88030}

footer .footer{width: 1200px;margin:35px  auto 50px;}
footer .footer .icp{color: #746960;font-size: 13px;padding-left: 0;    display: inline-block;}
footer .footer .icp a{color: #746960;font-size: 13px;white-space: nowrap;}
footer .footer .icp a:hover{color: #f08f35}
footer .footer .wap_icp{display: none;}
@media screen and (max-width:768px){
	footer .footer .icp{display: none}
	footer .footer .wap_icp{display: block;}
}
footer .footer .icon{float: right;}
footer .footer .icon a{color:  #746960;font-size: 13px;position: relative;padding-left: 24px;margin-left: 24px;white-space: nowrap;display: inline-block;}
footer .footer .icon a:hover{color: #f08f35}
footer .footer .icon a img{height: 13px;width: 16px;position: absolute;left: 0;top:0;bottom:0;margin:auto;background-color: rgba(0,0,0,0)}
footer .footer .icon a .wb{width: 16px;height: 14px;}
footer .footer .icon a .en{width: 13px;height: 13px}
footer .footer .icon a:first-child{margin-left: 0px}



.wapnavbox{width: 100%;height: auto;position: fixed;top:0;bottom:0;right: 0;left:-100%;background-color: #fff;overflow-y: scroll;z-index: 999}
.wapnavbox .btnbox{height: 0.89rem;width: 100%;position: relative;}
.wapnavbox .btn{width: 0.33rem;height: 0.33rem;position: absolute;top:0.32rem;left: 0.32rem;}
.wapnavbox>li{text-align:center;margin-bottom:0.44rem;}
.wapnavbox>li a{color: #666;font-size:0.4rem;}
.wapnavbox .small{width: 6.58rem;margin:0 auto 0;border-top: 2px solid #e4e2e1;margin-top: 0.1rem;padding-bottom: 0.63rem}
.wapnavbox .small>li:first-child{margin-top: 0.39rem}
.wapnavbox .small>li{text-align:center;margin-bottom:0.29rem;}
.wapnavbox .small>li:nth-child(3){margin-bottom: 2.83rem}
.wapnavbox .small li a{color:#918881;font-size: 0.28rem;position: relative;}
.wapnavbox .small li a img{width: 0.18rem;position: absolute;top:0;bottom: 0;left: -0.31rem;margin:auto ;}
.wapnavbox .small .bottom>li{text-align:center;position: relative;}
.wapnavbox .small .bottom>li a{display:inline block;}
.wapnavbox .small .bottom>li a:nth-child(1){position: absolute;top:0;bottom: 0;margin:auto;left:1.15rem;}
.wapnavbox .small .bottom>li a:nth-child(3){position: absolute;top:0;bottom: 0;margin:auto;right:1.15rem;}


