.header_wrap{ width:100%;}
.header_wrap .header{ min-width:320px; max-width:640px; margin:0 auto;}
.header .top_logo{ padding:10px 15% 5px 0;}
.header .top_logo img{ width:100%;}
.header .nav{width: 100%; border-top: 1px solid #3886a0; border-bottom: 1px solid #527783; background: #649FB5; height:42px;}
.header .nav li a{ padding:10px 15px; color:#FFF; font-size:16px; text-align:center; display:inline-block;}








.slideBox{ position:relative; overflow:hidden; margin:10px auto 0 auto;  max-width:640px;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:10px 6px 0 6px;   }
.slideBox .hd li.on{ background:#649FB5;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }









.big_search{ max-width:640px; min-width:320px; margin:0 auto;}
.search_wrap{height:27px; -webkit-background-size: 1px 46px;padding: 8px 12px 8px 70px; position: relative;}
.search_wrap .search_text{display: block; height: 16px; position: absolute; top: 0px; left: 5px; font-size:12px; height:45px; line-height:45px;}
.search-form { height: 25px; background-color:white; border-radius: 3px; border:1px solid #C4C4C4; -webkit-border-radius: 5px; -webkit-box-shadow: 0px 1px 1px white, 0 1px 1px #EEE inset; font-size: 16px; color: #f2f2f2; padding:1px 40px 0 6px; position:relative; margin-top:-1px;}
.search-form::before ,.search-form::after {content:"";position:absolute; }
.search-form::before { background:-webkit-gradient(linear, left top, left bottom, from(white), to(#E8E8E8)); border-left: 1px solid #C9C9C9;-webkit-border-radius:0 5px 5px 0;height:26px; top:0; right:0; width:40px; z-index:2}
.search-form::after { background-position:-1px -69px; height:17px; margin-top:-8px;  top:50%; right:11px; width:16px;z-index:3  }
.soso-text-search { -webkit-appearance: none; background:transparent; border: 0 none; color:#969696; float:left; font-size:12px; height:26px;line-height:26px; width: 100%; }
.soso-btn { background:url(../images/sprites_v1.png) no-repeat; background-position:center center; border: 0; -webkit-border-radius:0 5px 5px 0; height:26px; position:absolute; top:0; right:0; width:40px; z-index:4}








.ml_list{ padding:10px 0;}
.ml_list li{ float:left; width:50%; height:84px; border-bottom:1px dotted #999; padding-top:3px;}
.ml_list img{ margin:5px; float:left;}
.ml_list p{padding-left:105px; margin-top:8px; height:70px; font-size:16px;}
.ml_list p a{ color:#333;}
@media screen and (max-width: 429px){
.ml_list li{ width:100%;}

}



















.con_wrap{ max-width:640px; min-width:320px; margin:0 auto;}
.about_wrap,.product_wrap{ margin-top:5px;}
.p_tabnav{clear: both;
height: 44px;
line-height: 44px;
padding: 0 4px 0 12px;
border-top: 1px solid #d9dadc;
border-bottom: 1px solid #d9dadc;
-moz-box-shadow: inset 0px 1px 1px #fff;
-webkit-box-shadow: inset 0px 1px 1px #fff;
box-shadow: inset 0px 1px 1px #fff;
font-size: 18px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f6f6',EndColorStr='#eeeeee');
background: -webkit-gradient(linear,0 0,0 100%,from(#f6f6f6),to(#eeeeee));
background: -moz-linear-gradient(#f6f6f6,#eeeeee);
background: linear-gradient(#f6f6f6,#eeeeee);
}
.p_tabnav h3 {padding: 0 20px; color: #649FB5; border-top: 2px solid #649FB5; background: #f8f8f8; height: 43px; line-height: 44px; border-left: 1px solid #d9dadc; border-right: 1px solid #d9dadc; position: relative; white-space: nowrap;float: left; font-weight:bold;}
.p_tabnav h3 a{ color:#000;}
.p_tabnav h3 a:hover{ color:#649FB5}
.p_tabnav span{ float:right; display:block; width:11px; height:44px; line-height:44px; padding-right:12px;}
.p_tabnav span i{ display:inline-block; width:11px; height:20px; background: url(../images/guess_bg.png) no-repeat right top; background-size: auto 20px; margin-top:12px; cursor: pointer;}
.product_wrap{ margin-top:10px;}
.about_wrap .about{ line-height:28px; font-size:16px; color:#333;}
.about_wrap .about,.product_wrap .product{ padding:7px 12px; background:#f8f8f8; }
.product_wrap .product ul{ width:320px; margin:0 auto;}
.product_wrap .product li{width:151px; float:left; margin:0 0 42px 6px; text-align:center; }
.product_wrap .product li .cpimg_wrap{width:149px; border: 1px solid #ccc; height:160px; vertical-align: middle; display:table-cell;}
.product_wrap .product li a{}
.product_wrap .product li a img{ padding:5px;}
.product_wrap .product li p{ height:22px; line-height:22px; color:#333; text-align:center;}
.product_img_con .pro_img_tit{ line-height:35px; font-size:16px; text-align:center; color:#333; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.product_img_con .product_img{ padding:15px; border:1px solid #ccc;}
.product_img_con .product_img img{ width:100%;}
.zp_tit,.tx_tit,.cs_tit{ height:30px; line-height:30px; border-bottom:2px solid #649FB5; padding-left:10px; font-size:14px; color:#649FB5; font-weight:bold;}
.zp_con,.tx_con,.cs_con{ padding:8px;}
.tx_con p{ line-height:26px; font-size:14px;}
.zp_con img,.cs_con img{ width:100%;}
.fn_btn{text-align:center;}
.fn_btn input.f{width:60px; height:26px; background:url(../images/fh1.gif); border:none;}
.fn_btn input.s{width:60px; height:26px; background:url(../images/last.gif); border:none;}
.fn_btn input.x{width:60px; height:26px; background:url(../images/next.gif); border:none;}














.con_wrap .con_tit{ border-top: 1px solid #3886a0; border-bottom: 1px solid #527783; background: #649FB5; height:36px; margin-top:8px;}
.con_tit h3{ float:left; padding-left:10px; font-size:16px; color:#FFF; line-height:36px; font-weight:bold;}
.con_tit span{ display:inline-block; float:right; padding-right:10px; width:24px; height:20px; padding-top:8px;}
.con_tit span em{ background:url(../images/sprite.png); background-size:auto 20px; display:block; width:24px; height:20px;}
.cbp-spmenu {
	background: #649FB5;
	position: fixed; overflow-y:scroll;
}
.remove{ height:22px; width:22px; margin-left:10px; display:inline-block; background:url(../images/remove.gif); vertical-align: bottom;}

.cbp-spmenu h3 {
	color: #fff;
	font-size: 18px;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #3886a0;
}

.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
}

.cbp-spmenu a:hover {
	background: #258ecd;
}

.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #3886a0;
	padding: 1em;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}
.cbp-spmenu-right {
	right: -240px;
}
.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}
.cbp-spmenu-push-toleft {
	left: -240px;
}
.cbp-spmenu {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.cp_wrap{ padding:7px 12px; width:320px; margin:0 auto;}
.cp_wrap1{ padding:7px 12px;}
.cp_wrap li{ margin-left:6px; width:151px; height:194px; float:left; margin-bottom:42px; text-align:center;}
.cp_wrap li .cpimg_wrap{width:149px; border: 1px solid #ccc; height:160px; vertical-align: middle; display:table-cell; padding:5px;}
.cp_wrap li a{}
.cp_wrap li p.cp_tit{ height:22px; line-height:22px; color:#333; text-align:center;}
.about_con p{ line-height:30px; font-size:14px; color:#333;}
.about_con img{ margin:10px 0; width:100%;}
.cp_wrap .more{margin: 0 12px 10px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; background: #eee; position: relative;}
.cp_wrap .more a{ color:#333;}
.contact_con p{ font-size:16px; line-height:30px; color:#333;}
.contact_con p b{ font-weight:bold; color:#649FB5;}
table td{ padding:0 5px; border-color:#ccc;}
.tab_1 input{ border:1px solid #ccc; height:25px; line-height:25px; margin-right:10px; }
.tab_lt { text-align:right; font-size:14px;}
.tab_1 .span_1 { color:#F00;}
.tab_1 .b17, .tab_1 .b18{border:none; margin-left:0; margin-top:10px; padding:0;}
.tab_1 { line-height:35px; margin-top:10px; width:100%;}
.tab_bz { vertical-align:top;}
.tab_1 #imgVali{ vertical-align:middle; cursor:pointer;}
.red_x { color:#DD3904; display:inline; font-size:12px;}
.red_x1 { color:#f00; display:inline; font-size:12px;}
.b17,.b18{ background:url(../images/btn.gif) no-repeat; color:#FFF; width:80px; height:25px; margin-right:10px; font-size:14px; text-align:center; font-weight:bold;}
table td input{ width:100%;}
table td .ks5{ width:100%; height:100px;}




















.footer_wrap{ max-width:640px; min-width:320px; background:#f1f1f1; margin:0 auto; margin-top:8px; padding:10px 0;}
.footer_wrap .footer{ text-align:center; line-height:28px;}
.footer_wrap .footer a{ color:#333;}






.top_bar {
	position: fixed;
	bottom: 0;
	left: 0px;
	z-index: 900;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;
}
.plug-menucate {
	-webkit-appearance: button;
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 36px;
	position: absolute;
	bottom: 17px;
	left: 17px;
	z-index: 999;
	box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
	background-color: #B70000;
	-webkit-transition: -webkit-transform 200ms;
	-webkit-transform: rotate(1deg);
	color: #fff;
	background-image: url(../images/bj.png);
	background-repeat: no-repeat;
	-webkit-background-size: 80% auto;
	background-size: 80% auto;
	background-position: center center;
}
.themeStyle {
background-color: #FF0000 !important;
}
.top_menu>li {
	width: 32px;
	height: 32px;
	border-radius: 32px;
	box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
	background: #B70000;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 20px;
	margin-left: 20px;
	z-index: 900;
	-webkit-transition: -webkit-transform 200ms;
}
.top_menu>li a {
	color: #fff;
	display: block;
	height: 100%;
	line-height: 30px;
	text-align: center;
}
.top_menu>li a img {
	display: block;
	width: 22px;
	height: 22px;
	text-indent: -999px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -11px;
	margin-left: -11px;
}
.top_menu>li a label {
	border-radius: 32px;
	padding: 5px 8px;
	background: #FF0000;
	margin-right: 35px;
}
#plug-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	z-index: 800;
}
.plug-menucate:checked {
-webkit-transform: rotate(135deg);
}
.top_menu>li.on:nth-of-type(1) {
-webkit-transform: translate(0, -100px) rotate(720deg);
}
.top_menu>li.on:nth-of-type(2) {
-webkit-transform: translate(47px, -81px) rotate(720deg);
}
.top_menu>li.on:nth-of-type(3) {
-webkit-transform: translate(81px, -45px) rotate(720deg);
}
.top_menu>li.on:nth-of-type(4) {
-webkit-transform: translate(100px, 0) rotate(720deg);
}