﻿@charset "utf-8";

@media (min-width: 320px) and (max-width: 768px){
	
	/* CSS Document */
	/**全局**/	
	*{ margin:0px; padding:0px;}
	body{margin:0px; padding:0px; font-size:12px; color:#333;font-family:"微软雅黑",Arial, Helvetica, sans-serif,"宋体";background:#fff; max-width:720px;}
	div,form,img,ul,ol,li,dl,dt,dd,map {padding:0;margin:0;border:0;}
	h1,h2,h3,h4,h5,h6 {margin:0;padding:0; }
	ul,li{list-style:none;}
	a{color:#333;text-decoration:none;}
	a:hover{color:#F00;text-decoration:none;}
	img{border:none;}
	hr{line-height:0px; font-size:0px; border:none; height:1px; width:100%; margin:5px 0px;}
	div{margin:0px auto;}
	input,select{ font-family:arial, Helvetica, sans-serif; padding:1px;}
	.clear{clear:both;}
	
	.logo{width:100%; background:#282c37;}
	.logo img{width:80%; padding-left:10px; height:auto;}
	
	.mobilemenu{}
	.mobilemenu li{float:left; width:25%; margin-top:10px;}
	.mobilemenu li div{display:block; width:100%; text-align:center;}
	.mobilemenu li div img{width:75%; height:auto;}
	.mobilemenu li div p{display:block; padding-top:5px;}
		
	
	/*flash*/
	#banner{width:100%;float:left;}
	#banner img{width:100%; height:auto;}
	#flash{width:100%;float:left;}
	.slideBox{ position:relative; overflow:hidden;}
	.slideBox .bd{position:relative; z-index:0;margin:0 auto; }
	.slideBox .bd li{position:relative; text-align:center;  }
	.slideBox .bd li img{width:100%;}	
	.slideBox .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:12px;line-height:12px;}
	.slideBox .hd ul{text-align:center;}
	.slideBox .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 5px;overflow:hidden;background:#fff;/*filter:alpha(opacity=80);opacity:0.8;*/line-height:999px; border-radius:50%;}
	.slideBox .hd ul .on{background:#45b1ff;}
	.slideBox .prev{position:absolute; left:10px; top:50%;margin-top:-37.5px; display:none; width:49px; height:75px; background:url(../images/left.png) no-repeat left top; cursor:pointer;}
	.slideBox .next{position:absolute; right:10px; top:50%;margin-top:-37.5px; display:none; width:49px; height:75px; background:url(../images/right.png) no-repeat left top; cursor:pointer;}
	/*end*/
	
	.classdesctxt{width:98%; margin:0px auto; line-height:24px; overflow:hidden;}
	.classdesctxt img{max-width:100%; height:auto;}
	
	.artitemlist{width:98%; margin:0px auto; overflow:hidden;}
	.artitemlist .itemContent{padding-bottom:8px; line-height:16px;}
	
	.artcletitle{text-align:center; padding-left:6px; padding-right:6px; font-size:14px; font-weight:bold;}
	
	.mobilepro{width:100%; overflow:hidden;}
	.mobilepro li{float:left; width:50%; overflow:hidden; margin-bottom:6px;}
	.mobilepro li .modiv{width:96%; margin:0px auto; overflow:hidden; text-align:center;}
	.mobilepro li .modiv .moimgdiv{display:block; width:98%; height:120px; overflow:hidden; border:1px solid #C0C0C0;}
	.mobilepro li .modiv .moimgdiv img{width:100%; height:auto;}
	.mobilepro li .motitlename{display:block; width:100%; height:32px; line-height:16px; overflow:hidden; margin-top:4px;}
	
	
	/*flash*/
	#banner{width:100%;float:left;}
	#banner img{width:100%; height:auto;}
	#flash{width:100%;float:left;}
	.slideBox{ position:relative; overflow:hidden;}
	.slideBox .bd{position:relative; z-index:0;margin:0 auto; }
	.slideBox .bd li{position:relative; text-align:center;  }
	.slideBox .bd li img{width:100%;}	
	.slideBox .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:12px;line-height:12px;}
	.slideBox .hd ul{text-align:center;}
	.slideBox .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 5px;overflow:hidden;background:#fff;/*filter:alpha(opacity=80);opacity:0.8;*/line-height:999px; border-radius:50%;}
	.slideBox .hd ul .on{background:#45b1ff;}
	.slideBox .prev{position:absolute; left:10px; top:50%;margin-top:-37.5px; display:none; width:49px; height:75px; background:url(../images/left.png) no-repeat left top; cursor:pointer;}
	.slideBox .next{position:absolute; right:10px; top:50%;margin-top:-37.5px; display:none; width:49px; height:75px; background:url(../images/right.png) no-repeat left top; cursor:pointer;}
	/*end*/
	
	.mobile_search{margin-bottom:4px; margin-top:2px;}
	.search_width{width:100%; margin:0px auto;}
	.search_sub{width:31px;}
	.skw{display:inline; width:100%;text-indent:16px;float:left; border:1px solid #e5e5e5; border-right:0px; line-height:17px;height:17px;color:#666; outline:none; background:url(../images/sicoc.jpg) no-repeat left center;}
	.sub{width:31px;height:21px;line-height:21px; float:left;background:url(../images/20160612180556_1112782646.jpg) no-repeat left center;border:0px;cursor:pointer;color:#fff; font-size:16px;font-family:"微软雅黑"; border-radius:0 3px 3px 0; outline:none;}
	
	.mobile_artgtitle{text-align:center; width:99%; margin:0px auto; font-size:14px; line-height:16px; font-weight:600; padding-top:6px;}
	
	.prode{padding-left:6px; color:#686868; font-size:12px; font-weight: bold;}
	.pinfo{}
	.pinfo li{border:1px solid #f2f2f2;padding:5px 5px;margin:8px 0;}
	
	.detaiprot{margin: 0 auto; text-align:left; font-size:15px; padding:10px 0; font-weight: bold;}
	
	.goodsattr{}
	.goodsattr li{border:1px solid #f2f2f2;padding:5px 5px;margin:8px 0;}
	
	.detaicontn{width:98%; margin:0px auto; overflow:hidden; line-height:20px;}
	.detaicontn img{max-width:100%; height:auto;}
	
	.recomcore{height:42px; line-height:42px; background:#086db9; font-family:Arial; font-size:20px; color:#fff; padding-left:6px; margin-top:10px; margin-bottom:15px;}
	.recomcore a{color:#FFFFFF; font-size:20px;}
	
	.pro_slideBox{position:relative; overflow:hidden; width:98%; margin:0px auto; height:250px; overflow:hidden; margin-top:15px;}
	.pro_slideBox .bd{position:relative; z-index:0;margin:0 auto; }
	.pro_slideBox .bd li{position:relative; text-align:center; overflow:hidden; }
	.pro_slideBox .bd li img{width:100%; width:100%; height:auto;}	
	.pro_slideBox .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:12px;line-height:12px;}
	.pro_slideBox .hd ul{text-align:center;}
	.pro_slideBox .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 5px;overflow:hidden;background:#fff;/*filter:alpha(opacity=80);opacity:0.8;*/line-height:999px; border-radius:50%;}
	.pro_slideBox .hd ul .on{background:#45b1ff;}
	.pro_slideBox .prev{position:absolute; left:10px; top:50%;margin-top:-37.5px; display:none; width:49px; height:75px; background:url(../images/left.png) no-repeat left top; cursor:pointer;}
	.pro_slideBox .next{position:absolute; right:10px; top:50%;margin-top:-37.5px; display:none; width:49px; height:75px; background:url(../images/right.png) no-repeat left top; cursor:pointer;}
	
	.allcate{width:98%; margin:0px auto;}
	.firstc{border:1px solid #d0d0d0; padding-top:6px; padding-bottom:6px; text-indent:6px; background:url(../images/tu.jpg); margin-bottom:6px;}
	.firstc a{font-weight:600;}
	.twoc{text-indent:20px; padding-top:4px; padding-bottom:4px;}
	
	.copytxtinfo{text-align:center; background:#16181e; color:#FFFFFF; margin-top:20px; line-height:20px; padding-bottom:5px;}
	.copytxtinfo a{color:#FFFFFF;}
	.poheightif{min-height:50px;}
	.fourpo{position:fixed; bottom:0px; left:0px; height:50px; background:#16181e; width:100%;}
	.fourpo .tabmek{float:left; width:25%; height:50px; text-align:center;}
	.fourpo li label{display:block; height:28px; overflow:hidden;}
	.fourpo li img{padding-top:10px; width:20%; height:auto;}
	.fourpo li p{padding-top:4px;}
	.fourpo li a{font-size:12px; color:#FFF; font-family:"微软雅黑";}
	
	.mocustomerlist{width:99%; margin:0px auto; overflow:hidden;}
	.mocustomerlist li{float:left; width:33%; overflow:hidden; margin-bottom:8px;}
	.mocustomerlist li .mocus{display:block; width:90%; overflow:hidden; text-align:center;}
	.mocustomerlist li .mocusimgdiv{display:block; width:98%; height:50px; overflow:hidden; border:1px solid #C0C0C0;}
	.mocustomerlist li .mocusimgdiv img{width:100%; height:auto;}
	.mocustomerlist li .mocustitlename{display:block; height:25px; line-height:25px; overflow:hidden; margin-top:2px;}
	
	.pcweb{display:none;} 
}