@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,div{margin:0;padding:0;}
img{border:0;}
ul,ol,li{list-style:none;}
a{ text-decoration:none; outline:none; color:#333;}
a:hover{ color:#2e3040}
body{font-size:14px; background:#fff; color:#333;font-family:"Microsoft YaHei","微软雅黑"}
h1,h2,h3{ font-weight:normal}
div,ul,dl,dd,dt{height:auto; overflow:hidden}

.clear{padding:0; width:100%; height:1px; clear:both;}

.wrap{ max-width:1200px; margin:0 auto; width:100%; min-width:320px}
.fl{ float:left}
.fr{ float:right}
.mg20{ margin-top:20px}
.mg30{ margin-top:30px}
.mg50{margin-top:50px}
.mg60{margin-top:60px}

.fullbox{
    display: -webkit-flex;
    -webkit-align-items: stretch;
    -webkit-flex-wrap: wrap;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.col-4{ width:25%; float:left; }
.col-4 img{ width:100%; display:block;-webkit-transition: transform .5s linear 0s; -moz-transition: transform .5s linear 0s;-ms-transition: transform .5s linear 0s;transition: transform .5s linear 0s;}
.col-4 a:hover img{-moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2)}


.mg10{ margin-top:10px;}

.header{ width:100%;height:50px; background:#2e3040;}
.logo{ float:left;width:200px;}

#nav{ float:right;line-height:50px;height:50px;}
#nav ul li{ float:right;font-size:14px;}
#nav ul li a{display:block; padding:0 30px;color:#fff}

#nav ul li.on a{ border-bottom:2px solid #fff}
#nav ul li.mb a{ padding:0 10px;}
#nav ul li.cart{ background:url(../Images/z.png) no-repeat 40px center; padding-left:45px; }
#nav ul li.cart a{padding:0 22px;}

#nav li:hover ul{ display:block}
#nav li ul{display:none;position:absolute;left:auto; z-index:10000;width:120px;background:rgba(255,255,255,0.8); }
#nav li ul li{height:35px;line-height:35px;float:none;}
#nav li ul li a{color:#333;padding:0; padding:0; text-align:center; width:100%; font-size:12px}
#nav ul li ul li a:hover{ background:#fff; color:#2e3040}

.mobile-nav{margin-top: 18px;display: none;}
.mob-nav-menu{position: absolute;z-index: 100;width: 100%;background: rgba(17, 17, 17, 0.9); display:none; top:50px;font-size: 12px;}
.mob-nav-menu ul{margin-left: 0;list-style: none;}
.mob-nav-menu li{padding-bottom: 0;position: relative;}
.mob-nav-menu ul li a{display: block;padding: 15px 3%;border-bottom: 1px solid rgba(255, 255, 255, 0.07);color: #ffffff;}
.mob-nav-menu ul ul{background-color: rgba(255, 255, 255, 0.11);display: none;}
.mob-nav-menu ul ul li{padding-left: 2%;}
.mob-nav-arrow{position: absolute;top: 0px;right: 0px;width: 50px;height: 50px;border-left: 1px dotted rgba(255, 255, 255, 0.11);color: #ffffff;text-align: center;font-size: 20px;line-height: 30px;cursor: pointer;}
.mob-nav-arrow span{display: block; background:url(../Images/i5.png) no-repeat center; width:100%; height:100%}

.footer{width:100%;background:#f5f5f5; padding:35px 0;color:#666; border-top:1px solid #ddd; font-size:12px;}
.footer a{color:#666}
.f_top{ padding-bottom:30px; }
.ft_l{ width:55%; }
.ft_r{ width:40%;border-right:1px solid #ddd}
.ft_r ul{ float:left; width:49%}
.ft_r ul.img img{ max-width:100%}
.ft_r ul.ewm{ text-align:center; font-size:16px}
.ft_r ul.ewm img{  max-width:100%;margin-bottom:10px}

.ft_nav dl{ float:left; width:20%; font-size:16px;line-height:2;}
.ft_nav dt{ margin-bottom:10px;}
.ft_nav dt a{ color:#333;}
.ft_nav dd{ font-size:12px;}

.ft_addr { margin-top:20px}
.ft_addr h2,.ft_copy h2{margin-top:20px;font-size:20rem;}
.ft_addr p{margin-top:20px; font-size:1.8rem;}

.f_btm{border-top:1px solid #ddd; padding-top:20px;}
.f_btm div.fl{ width:70%}
.f_btm div.share{width:30%}


@media screen and (max-width: 1200px){
	.wrap{ margin:0 10px; width:auto}
}
@media screen and (max-width: 1000px){
	#nav{ display:none}
	.mobile-nav{display: block; float: right; margin:17px 0; margin-right:10px; cursor: pointer;} 
	.mob-nav-btn{display:block; padding-left:27px; height:15px; background: url(../Images/mob-nav-icon_w.png) no-repeat;background-size: 20px 15px;color:#ffffff; text-transform: uppercase; line-height: 15px;}
}
@media screen and (max-width:800px){
	.ft_l{ width:100%; margin-bottom:20px}
	.ft_r{ width:100%; border:0}
	.col-4{ width:50%;}
	.ft_nav dl{font-size:14px;}
	.f_btm div.fl{ width:100%; text-align:center}
}

@media screen and (max-width:400px){
	.col-4{ width:100%;}
	.ft_l{ display:none}
}