@CHARSET "UTF-8";
html,body {
    height: 100%;
    width: 100%;
}
#wrapper{}
#content{ position: relative; overflow-x: hidden;width: 100%;height: 100%;}
#main{padding:5px;}
.load{background:url('/m/template/images/load.gif') 50% 180px no-repeat #eee;}
#header {
	position:absolute; z-index:2;
	top:0; left:0;
	width:100%;
	height:40px;
	line-height:40px;
	background:#36a9e1;
	padding:0;
	color:#eee;
	text-align:center;
}
#header h2{padding-left:10px;padding-left:32px;font-size:16px;}
#header .back{position:absolute;left:0;top:0;background:#1e8fc6;color:#fff;
font-weight:normal;width:62px;height:40px;line-height:40px;font-size:16px;text-align:center;}
#header a {
	color:#f3f3f3;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0 -1px 0 rgba(0,0,0,0.5);
}
.back{display:none;}
#header .home{position:absolute;right:3px;height:40px;line-height:40px;color:#fff;top:0;font-weight:normal;padding:0 10px;}
#footer {
	position:absolute; z-index:110;
	bottom:0; left:0;
	width:100%;
	height:42px;
	background:#36a9e1;
	padding:0;
}
#footer a{color:#fff;display:block;width:33.33%;text-align:center;line-height:42px;font-size:14px;padding:0;margin:0;float:left;
height:42px;vertical-align:middle;}
#footer a.on{background:#0b7cb3;}




#wrapper {
	position:absolute; 
	top: 40px; 
	bottom:42px; 
	left:0;
	width:320px;
	overflow:auto;
	z-index:100;
}

#scroller {
	position:absolute; 
	z-index:1;
	left:0;
	right:0;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
	margin:0;
}

#main img{display:block;}
.lazy-load{background:#eee;}
#navbar{overflow:hidden;}
/*首页box*/
.box{padding-right:2px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.box li {
position: relative;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height:72px;
margin-top:3px;
overflow:hidden;
}
.box li .box_d{height:72px;margin-left:3px;color:#fff;}
.box li.b1 .box_d{background:#00a99d;}
.box li.b2 .box_d{background:#74a402;}
.box li.b3 .box_d{background:#4395d1;}
.box li.b4 .box_d{background:#a186be;}
.box li.b5 .box_d{background:#9e8452;}
.box li.b6 .box_d{background:#f49800;}
.box li.b7 .box_d{background:#eb6119;}
.box li.b8 .box_d{background:#2674ec;}

.box li.c1 .box_d{background:#297fb8;}
.box li.c2 .box_d{background:#12b3d5;}
.box li.c3 .box_d{background:#ef9742;}

.box li.b1{width:50%;}
.box li.b2{width:25%;}
.box li.b3{width:25%;}
.box li.b4{width:50%;}
.box li.b5{width:25%;}
.box li.b6{width:25%;}
.box li.b7{width:50%;}
.box li.b8{width:50%;}
#index_nav{}
figure{background:url('/m/template/images/index_ico.png') no-repeat;background-size:50px 320px;
position:absolute;z-index:9;right:20px;left:auto;overflow:hidden;bottom:20px;}

.box li.b1 figure{background-position:0 0;width:50px;height:45px;top:12px;}
.box li.b2 figure{background-position:0 -45px;width:36px;height:36px;top:8px;right:18px;}
.box li.b3 figure{background-position:0 -84px;width:33px;height:38px;top:8px;right:20px;}
.box li.b4 figure{background-position:0 -124px;width:46px;height:45px;top:12px;}
.box li.b5 figure{background-position:0 -171px;width:39px;height:30px;top:8px;right:18px;}
.box li.b6 figure{background-position:0 -205px;width:34px;height:38px;top:8px;right:18px;}
.box li.b7 figure{background-position:0 -243px;width:44px;height:37px;top:12px;}
.box li.b8 figure{background-position:0 -283px;width:37px;height:37px;top:12px;}

.box h2{position:absolute;left:14px;top:10px;color:#fff;font:500 14px/1 "Microsoft Yahei";}
.box li.b2 h2{top:53px;}
.box li.b3 h2{top:53px;}
.box li.b5 h2{top:53px;}
.box li.b6 h2{top:53px;}
.box li.b7 h2{top:50px;}
.box li.b8 h2{top:50px;}

/*产品中心*/
.product_list{}
.product_list li{width:50%;display:inline-block;float:left;margin-top:15px;float:left;text-align:center;height:145px;overflow:hidden;}
.product_list a{display:inline-block;overflow:hidden;border:1px solid #fff;margin:5px;box-shadow: 3px 3px 5px #aaa;}
.product_list a img{display:block;width:135px;height:100px;vertical-align:middle;}
.product_list a span{display:block;width:135px;line-height:30px;height:30px;overflow:hidden;text-align:center;background:#eee;}

#cate_select{-webkit-appearance:none;padding-right:18px;-webkit-border-radius:0;border:none;font-size:16px;color:#fff;
background:url(/m/template/images/arrows1.png) center right no-repeat;}


.news_list{}
.news_list li{line-height:24px;border-bottom:1px solid #eee;padding:8px 5px;background:url(/m/template/images/amore.png) right center no-repeat;
border-top:1px solid #fff;}
.news_list li a{display:block;line-height:24px;}


#product_detail{padding-bottom:10px;}
#product_detail h1{background:#f5f5f5;height:30px;line-height:30px;text-align:center;margin-top:2px;}
#product_detail .img{text-align:center;padding:10px;}
#product_detail .img img{display:block;width:100%;}
#product_detail .button{text-align:center;padding:5px 0;}
#product_detail .button #inquiry{padding:5px 10px;background:#e54a49;color:#fff;}
#product_detail .c_title{height:30px;line-height:30px;text-align:left;padding-left:10px;background:#f5f5f5;margin-top:10px;}
#product_detail section.content{padding:10px 5px;}
#product_detail .pn{background:#f3f3f3;padding:5px;line-height:24px;border:1px solid #d9d9d9;color:#666;}
#product_detail .pn a{color:#666;}
#product_detail .pn span{color:#666;}

#news_detail{padding-bottom:10px;}
#news_detail h1{background:#f5f5f5;height:30px;line-height:30px;text-align:center;margin-top:2px;}

#news_detail .c_title{height:30px;line-height:30px;text-align:left;padding-left:10px;background:#f5f5f5;margin-top:10px;}
#news_detail section.content{padding:10px 5px;}
#news_detail .time{line-height:26px;padding-top:5px;text-align:center;font-size:14px;color:#666;}
#news_detail .pn{background:#f3f3f3;padding:5px;line-height:24px;border:1px solid #d9d9d9;color:#666;}
#news_detail .pn a{color:#666;}
#news_detail .pn span{color:#666;}

#message{}
#m_content{width:80%;margin:0 auto;padding:20px 0;padding-bottom:50px;}
.item{clear:both;zoom:1;margin:15px 0;vertical-align:middle;}
.item input{background:#fff;border:none;vertical-align:middle;width:100%;height:30px;line-height:normal;padding:2px;
padding-left:4px;border:none;font-size:12px;color:#333;}
.code input{width:50%;}
#main .code img{vertical-align:middle;padding-left:10px;display:inline;}
#message .btn{padding-top:10px;}
.btn .submit{display:block;width:100%;height:42px;line-height:42px;text-align:center;color:#fff;background:#4b9380;}
.btn a.submit:visited{color:#fff;}

/*share*/

/*share*/
#mobile_share{position: absolute;right: 0;bottom: 42px;
width: 123px;z-index: 99999;background: #fff;padding: 0;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;-webkit-transform: translateX(100%);}
#mobile_share h2.title{text-align:center;line-height:30px;height:30px;background: #717577;color: #fff;font-size:14px;}
#mobile_share .share_item{padding: 8px;background: #fff;border: 1px solid #f1f1f1;}
#mobile_share .share_item li{display: block;overflow:hidden;margin: 8px 0;border-bottom: 1px solid #f1f1f1;padding-bottom: 8px;}

.share-link {
display: block;
margin:0 auto;

width: 105px;
overflow: hidden;
line-height: 32px;
font-size: 12px;
padding-left: inherit;
}
.share-link i{
	background: url(/m/template/images/share_icon.png) no-repeat;
	background-size: 200px 32px;
	width:32px;
	height:32px;
	display: block;
	margin-right: 20px;
	float: left;
}
.share-link span{display:inline-block;}
.share-weibo i{background-position:0 0;}
.share-renren i{background-position:-42px 0;}
.share-douban i{background-position:-84px 0;}
.share-qweibo i{background-position:-126px 0;}
.share-qzone i{background-position:-168px 0;}