@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
li{ list-style:none;}
a,p,span{ text-decoration:none; font-size:12px; font-family:微软雅黑; color:#333;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-family:微软雅黑; color:#333;}
img{border:0; border:none;}
.clearfix:after{
	content:"";
	clear:both;
	display:block;
	}
.clearfix{*zoom:1;}




.header{ height:48px; padding:0 10px; position:fixed; z-index:9999; left:0px; top:0px; width:100%;
background:#FFF;
-wekit-box-shadow:0px 1px 5px rgba(0,0,0,0.25);
box-shadow:0px 1px 5px rgba(0,0,0,0.25);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.header .logo{ height:28px; float:left; line-height:0px; padding:10px 0;}
.header .logo img{ height:100%;}
/*.tel{
float:left; padding:10px 0 10px 30px; height:28px; line-height:28px; margin-left:10px; font-size:12px; font-weight:bold; color:#333;
background:url(../images/ico-tel.png) no-repeat left center;
-webkit-background-size:24px;
background-size:24px;
}*/
.header .ico-nav{
width:44px; height:48px; float:right; display:block; cursor:pointer;
background:url(http://pro-skin.bjzuoan.com/home/images/moblie_ico-nav.png) no-repeat center center;
-webkit-background-size:24px 24px;
background-size:24px 24px;
}
.header .ico-nav.current{ width:42px; border-left:#efefef 1px solid; border-right:#efefef 1px solid; background-color:#fff;}
.header .name{ float:right;height:48px;line-height:48px; font-size:14px; font-weight:bold; color:#d09144;}
.header .nav{ width:100%; position:absolute; left:0px; top:48px; background:rgba(255,255,255,0.9); display:none;}
.header .nav li{ height:auto; overflow:hidden; position:relative;}
.header .nav li .first{height:38px; line-height:38px; padding:0 10px; display:block; border-bottom:rgba(0,0,0,0.1) 1px solid; font-size:14px; font-weight:bold; color:#666;}
.header .nav li a:hover{ color:#d09144;}
.header .nav li .ico-arrow{
width:34px; height:38px; position:absolute; display:block; top:0px; right:0px; cursor:pointer;
background:url(http://pro-skin.bjzuoan.com/home/images/moblie_ico-arrow.png) no-repeat center center;
-webkit-background-size:14px 14px;
background-size:14px 14px;
}
.header .nav li .ico-arrow.current{
background:url(http://pro-skin.bjzuoan.com/home/images/moblie_ico-arrow2.png) no-repeat center center;
-webkit-background-size:14px 14px;
background-size:14px 14px;
	}
.header .nav li ul{ background:#ffffff; padding:0 0 10px 10px; overflow: hidden; display:none;}
.header .nav li ul li{ width:33%; padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.header .nav li ul li a{ width:100%; height:24px; line-height:24px; display:block; color:#666;

}
.header .nav li ul li a:hover{ }

.kong{ height:48px;}


.tulist{/* border:#FC3 solid 2px; */width:100%;}
.datu{ position:relative; border-bottom:#FC3 solid 1px; display:block; font-size:0; line-height:0;}
.datu img{ width:100%; box-sizing:content-box;}
.datu .indatu{ position:absolute; left:32%;  top:72%; height:auto;}
.datu .indatu{ width:130px;}
.datu .indatu h3{ text-align:center; font-size:20px; font-weight:normal; color:#e4a050; line-height:0.8}
.datu .indatu p{ text-align:center ;font-size:14px; margin-top:10px; background:#996600; color:#FFF; line-height:0.8; padding:5px 0; }

.xiaoTu li{ position:relative; border-bottom:#FC3 solid 1px;}
.xiaoTu li a{ display:block; font-size:0; line-height:0;}
.xiaoTu li h3{ position:absolute; width:130px; left:32%;  top:40%; text-align:center; font-size:20px; line-height:1.2; font-weight:normal; color:#e4a050;}
.xiaoTu li img{ width:100%;}
.xiaoTu li:last-child{border-bottom:0;}



.footer{ background:#FFF;}
.dilogo img{width:140px; height:40px; margin:0 auto; display:block; margin-top:30px; }
.footer .link{ line-height:24px;padding:10px; text-align:center;}
.share{ padding:10px 30px; border-top:#fafad0 solid 1px; border-bottom:#fafad0 solid 1px; }
.share a{ width:33.33%; text-align:center; font-size:0px; display:block; float:left; line-height:0;}
.share a i{ width:30px; height:30px; display:inline-block;}
.share a i.ico-weibo{ background:url(http://pro-skin.bjzuoan.com/home/images/moblie_ico-weibo2.png) no-repeat left top; -webkit-background-size:30px 30px;background-size:30px 30px;}
.share a:hover i.ico-weibo{background:url(http://pro-skin.bjzuoan.com/home/images/moblie_ico-weibo2.png) no-repeat left top;-webkit-background-size:30px 30px;background-size:30px 30px;}
.share a i.ico-weixin{ background:url(http://pro-skin.bjzuoan.com/home/images/moblie_ico-weixin2.png) no-repeat left top; -webkit-background-size:30px 30px;background-size:30px 30px;position:relative;}
.share a:hover i.ico-weixin{background:url(http://pro-skin.bjzuoan.com/home/images/moblie_ico-weixin2.png) no-repeat left top;-webkit-background-size:30px 30px;background-size:30px 30px;}
.ewm{width:116px; height:116px; padding:14px 14px 20px; background:url(../images/ewm-bg.png) no-repeat left top; position:absolute; left:-57px; top:-150px; line-height:0px; display:none;}
.share a i.ico-qq{ background:url(http://pro-skin.bjzuoan.com/home/images/moblie_ico-qq2.png) no-repeat left top; -webkit-background-size:30px 30px;background-size:30px 30px;}
.share a:hover i.ico-qq{background:url(http://pro-skin.bjzuoan.com/home/images/moblie_ico-qq2.png) no-repeat left top;-webkit-background-size:30px 30px;background-size:30px 30px;}
.share a p{ font-size:12px; line-height:2;}
.footer .text{padding:10px; line-height:1.6; text-align:center; background:#eee1d3; color:#666;}
.footer .text a{ color:#333;}
.footer .text a:hover{ color:#ff0;}







.keifu{ position:absolute; top:50px; right:5%; width:300px; z-index:9999; }
.keifu_tab{ width:300px;}
.icon_keifu{ width:26px; height:100px; float:left; cursor:pointer;}
.keifu_box{width:300px; position:relative;}
.keifu_head{ width:300px; height:41px; font-size:0; line-height:0; position:relative; background:#666;}
.keifu_close:link,.keifu_close:visited{ display:block; width:31px; height:31px; background:#009; position:absolute; top:5px; right:10px; background:url(http://pro-skin.bjzuoan.com/images/cha.jpg);}

.ema{ position:absolute; bottom:20px; left:33%;}
.tian img{ width:300px; height:450px;}