.body{
	max-width:640px;
	margin:auto;
	min-height:100%;
	position:relative;
}
#container{width:100%; height:100%; overflow:hidden;  margin:0 auto}
.box_swipe{
	overflow:hidden;
	position:relative;
}
.box_swipe>ol>li {
	background:#fff;
	-webkit-box-shadow: inset 0 0 3px #aaa;
}
.box_swipe>ol>li.on{
	background:rgb(146,214,235);
}

.box_swipe>ol{
	position:absolute;
	margin:auto;
	top:50%;
	background:none;
	width:100%;
	text-align:center;
}

#topList_box ol{
	pointer-events:none;
}

#navList_box{
	height:70px;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	background:rgba(10,10,10,0.5);
	z-index:2000;
	max-width:640px;
	margin:auto;
	margin-top:-100%;
	padding:5px 0;
}
#navList_box li{
	padding:0 33px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#navList_box li>a{ font-size:12px;
	width:25%;
	float:left;
	text-align:center;
	color:#fff;
	overflow:hidden;
}
#navList_box li>a div{color:#fff;}
#navList_box li>a img{
	width:45px;
	height:45px;
	max-height:80%;
	margin:5px 0;
}

#navList_box ol{
	position:absolute;
	top:0;
	z-index:2100;
	height:0px;
	background:red;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}

#navList_box ol>a{
	color:#ccc;
	display:inline-block;
	width:15px;
	height:15px;
	float:left;
	background:transparent;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	border:0px solid #fff;
	margin:13px;
	margin-top:25px;
	border-width:0 0 1px 1px;
}
#navList_box ol>a:nth-of-type(2){
	float:right;
	border-width:1px 1px 0 0;
}

/*底部*/
footer{ width:100%; height:40px; line-height:40px; background:url(../images/bottom.jpg) no-repeat center; position:fixed; left:0; bottom:0;}
footer a{ display:block; width:25%; height:40px; float:left; background:no-repeat center; background-size:auto 20px;}
footer a#fanhui{ background-image:url(../images/wap_fanhui1.png);}
footer a#home{ background-image:url(../images/wap_home1.png);}
footer a#tel{ background-image:url(../images/wap_tel1.png);}
footer a#map{ background-image:url(../images/wap_map1.png);}

span[class*="icon"]{
    display:inline-block!important;
    width:45px;
    height:45px;
    background:rgba(255,255,255,0.8);
    border-radius:45px;
    border:1px solid #fff;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    box-shadow:inset 0 0 3px #aaa;
    margin:5px 0;
}
span[class*="icon"]:before{
    color:#000;
    font-size:25px;
    line-height:45px;
}
span[class*="icon"]+img{
    display:none;
}


#banner_box.box_swipe>ol {
	position: fixed;
	top:inherit;
	bottom:90px;
	display:none;
}
 
#head{position:fixed;  margin:0; padding:0;z-index:9999;top:-50px;text-align:center ; width:100%;}
#head a{display:block;}
#head p{padding:0px; line-height:30px; font-size:18px; font-family:"微软雅黑"; color:#fff; font-weight:bold;}
.top{  padding:15px; width:70px; height:70px;border-radius:50%;   background:rgba(255,255,255,0.9); margin:0 auto; vertical-align:middle; overflow:hidden; display:block}
.top img{width:100%; height:auto; top:50%; margin-top:7px; position:relative; display:block}

/*--二级页面--*/
  
 
.headerWrapper {
	margin-left: 0px;
	margin-right: 0px;padding-left: 24px;
	padding-right: 24px;
	z-index: 9990;
	height: 54px;  
	background-color: #f3f3f3; -moz-box-shadow:0px 1px 3px #999 ;              
    -webkit-box-shadow:0px 1px 3px #999 ;           
    box-shadow:0px 1px 3px #999 ;    
}
.accountButton {
	float: left;
 	 margin-right: 0px;
	color:#ccae70;
	display:block;
	margin-top: 18px;
	
	 
}
 .accountButton img{height:24px;}
.accountback {
	height: 18px;
	width: 24px;
	background: url(../images/wap_fanhui.png) 0px 0px no-repeat;
	 background-size:auto 18px; 
	float: left;
	margin-top: 18px;
}
.mainhome {
	height: 18px;
	width:20px;
	background: url(../images/wap_ico03.png) center center no-repeat;
	 background-size:54px 54px; 
	float: right; margin-right:10px;
	margin-top: 18px;
}

.accountButton:hover {
	text-decoration: none;
} 
 
.mainMenuButton {
	height: 18px;
	width: 24px;
	background: url(../images/wap_homeq.png) 0px 0px no-repeat;
	float: right;background-size:20px 18px; 
	margin-top: 18px;
}
.mainMenuButton:hover {
	text-decoration: none;
}



/*copyright*/
#copyright { clear:both;font-size:12px; border-top:#ccc 2px solid;height:50px; line-height:35px; color:#666; overflow:hidden;}
#copyright a{ color:#666;}
 

/* sub papge*/
#content{ /*border-radius:3px;-moz-border-radius: 3px; 
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;*/ line-height: 24px; padding: 10px; font-size:12px    }
.title{ border-bottom: solid #e3e3e3 3px;border-top: solid #e3e3e3 3px; padding-bottom: 10px; padding-top: 10px; font-size: 16px; margin-bottom:10px; font-weight:bold }

/*order */
dl.message2{
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 96%;
}

dl.message2 dd{
	margin: 0 0 6px 0;
	padding: 0px;
	float: left;
	width: 100%;
}
.round1li2 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 95%;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	font-size:1.2em;
}
.round1li2 textarea {
border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 23px;
height: 68px;
width: 95%;
padding-left: 5px;
border: 1px solid;
border-color: #CCC #EEE #EEE #CCC;
background: whiteSmoke;
font-size:1.2em;
}
.round1li3 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 150px;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:10px;
	font-size:1.2em;
}
.round1li4 { margin: 0 auto 0 auto; width: 96%;}
.round1li4:after { clear: both; content: " "; display: block; }
.round1li4 input.button { border:0;
	 font-size: 15px;
	 color:#ffffff;
	 font-weight: bold;
	  display:block;width: 100px; height: 35px; border-radius: 3px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;  background:#df0000;
}
/*news */
.newslist{}
.newslist ul{ list-style-type:none;}
.newslist ul li a{ display: block; border-bottom:solid #e3e3e3 2px;padding-bottom: 5px;padding-top: 5px;     }
.newslist ul li a:hover{ text-decoration:none }
.newslist ul li span{font-size: 11px; line-height: 12px;color: #999;   }
h2{ text-align: center; border-bottom: #e3e3e3 1px dashed; font-size: 15px; padding-bottom: 10px; margin-bottom: 10px;  }
/*prolist_pic */
.prolist ul li{ text-align: center; width: 46%; padding:1% 2%; overflow: hidden; float: left;}
.prolist  li p{ line-height: 24px; margin-top:5px;background:#f3f3f3;}
.prolist  li img{ max-width:100%; height:auto !important; height:100%}

.prolist3 { clear:both; padding-top:15px;}
.prolist3 ul li{ text-align: center; width: 46%; padding:1% 2%; overflow: hidden; float: left;}
.prolist3 ul li .pimg { height:118px; overflow:hidden;}
.prolist3  li p{ line-height: 24px; margin-top:5px;background:#f3f3f3;}
.prolist3  li img{ max-width:100%; height:auto !important; height:100%}

.ptext li { width:46%; float:left; padding:0 2%;}
.ptext li span { width:6px; height:6px; display:inline-block; margin-right:10px; background:#182e7b;}

.prolist2 li { width:100%; float:left; background:#efefef; margin:3px 0;}
.prolist2 li p { padding:5px 10px;}
.prolist2 li img { margin:0 10px; vertical-align:middle;}

.order a{  display:block;width: 100%; height: 35px; border-radius: 3px;  -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px; background:#8d0000; color:#FFFFFF; text-align:center; font-size:14px; line-height:35px; font-weight:bold} 
 /*--------------------列表页翻页---------------------------*/
.up-down-page{ width:96%; margin:0 auto 0 auto; padding:15px 0 10px 0;}
.ui-uppage{
	margin: 0px;
	padding: 0px;
	float: left;
	font-weight: bold;
}
.ui-uppage a:link {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-up1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 46px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	display: block;
}
.ui-uppage a:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-up1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 46px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	display: block;
}
.ui-uppage a:hover {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-up1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 46px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	display: block;
}
.ui-uppage a:active{
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-up.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 46px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	display: block;
}
.ui-downpage{
	margin: 0px;
	padding: 0px;
	float:right;
	font-weight: bold;
}
.ui-downpage a:link {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-down1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	display: block;
}
.ui-downpage a:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-down1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	display: block;
}
.ui-downpage a:hover {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-down1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	display: block;
}
.ui-downpage a:active{
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-down.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	display: block;
}
/*--------------------列表页翻页 end---------------------------*/
 
.search{width:100%;height:40px;display:box; display:-webkit-box; display:-moz-box; margin-bottom:20px }
.search .input{display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0;  text-align:left;height:38px; padding:0px 10px; line-height:40px; overflow:hidden; border:#e4e4e4 1px solid; border-right:0;  border-radius:5px  0px 0px 5px;  -moz-border-radius: 5px  0px 0px 5px; 
-khtml-border-radius: 5px  0px 0px 5px; 
-webkit-border-radius: 5px  0px 0px 5px; }
.search .button{ height:40px; width:40px;     display:block; border:#e4e4e4 1px solid; border-left:0; border-radius:0px  5px 5px 0px;  -moz-border-radius: 0px  5px 5px 0px;
-khtml-border-radius: 0px  5px 5px 0px;
-webkit-border-radius: 0px  5px 5px 0px; background:#b3b3b3 url(../images/wap_ico031.png) center center no-repeat; cursor:pointer



  }
 
.btimg { margin:5px 0; width:100%; height:150px; clear:both; text-align:center; background-size:auto 100%; background-repeat:no-repeat; background-position:center;}

.ui-header{ 
	position:relative;
	width:100%;
	background-color:#182e7b;
}
.ui-header img { height:30px; margin:5px 0;}
.ui-header h1{ height:40px; line-height:40px; font-size:18px; text-align:center; color:#ecd37a;}
.ui-header-left, .ui-header-right{ position:absolute; top:0; left:0; width:52px; height:100%;}
.ui-header-right{ left:auto; right:0;}
.ui-header-left a, .ui-header-right a{ display:block; height:100%; background-size:30px auto; background-repeat:no-repeat; background-position:center center;}

.ui-header-ico-home{ background:url(../images/wap_home11.png);}
.ui-header-ico-menu{ background:url(../images/wap_menu.png);}


#menu{ position:absolute; width:200px; height:100%; top:40px; right:-200px; background:#eae8e8; color:#666; z-index:100; display:none;}
#menu li{ border-bottom:1px solid #f7f6f6;}
#menu li:after{ content:''; display:block; width:100%;  border-bottom:1px solid #d2d0d0;}
#menu a{ position:relative; height:40px; line-height:40px;  padding:0 20px 0 40px; border:none; display:block; height:100%; color:#666;}
#menu a:after{
	display:block; content:''; position:absolute; 
	right:8px;
	top:50%;
	margin-top:-6px;
	width:10px; height:10px;
	border:2px solid #bbb;
	border-width:2px 2px 0 0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}


span.current,a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;}
span.current,a.num:hover { background:#fbeded; border:#ff5203 1px solid; color:#ff5203;}
a.num,a.end,a.next,a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;}
a.end,a.next,a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;}
a.prev { margin:0 5px;}

.product img { max-width:100%; height:auto !important; height:100%; margin-bottom:15px;}
.tab1 table{width:100%; border-left:#333 1px solid;border-top:#333 1px solid;}
.tab1 td { text-align:center;border-right:#333 1px solid;border-bottom:#333 1px solid; padding:5px;}

.pnpage { clear:both; padding:10px 0; text-align:center;}
.pnpage a { padding:0 15px; font-weight:bold;}

.aaimg img { max-width:100%; height:auto !important; height:100%;}