@charset "utf-8";*{margin:0;padding:0}a{text-decoration:none;color:#dfdfdf;font-size:14px;font-family:"arial","微软雅黑"}html{width:100%;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch}html.ns{overflow:hidden}body{color:#535353;font-size:14px;font-family:"arial","微软雅黑";background:#fff;width:100%;height:100%;overflow:hidden;position:relative}a,body{font-family:Arial,"Microsoft YaHei";-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}.wrap{width:96%;margin:0 auto}.pd5{padding:5px}.pd10{padding:10px}.pd20{padding:20px}
.menu_open,.search_open,#menu ul li a i,.tel i,.mail i,.back i{background:url("../images/wap_icons.png"/*tpa=http://demob8.webb.testwebsite.cn/6/05/images/wap_icons.png*/) no-repeat;background-size:500px 500px}
#header{background:#339e2a;height:50px;overflow:hidden;position:relative;width:100%;z-index:999;left:0px;top:0; }
#header .wrap{position:relative;overflow:hidden}
.logo{position:relative;width:220px;height:50px;margin:0 auto}
.logo a{display:block}
.logo img{display:block;}
#header i{display:block;width:33px;height:32px;position:absolute}
#header .menu_open{background-position:-107px -441px;left:0;top:10px}
#header .search_open{top:10px;right:0;background-position:-157px -441px}

#menu{height:100%;position:fixed;top:0;left:0;width:0px;overflow:hidden;background:#323436;visibility:hidden;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
#menu.push{visibility:visible;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#container{width:200px;position:relative;top:0;left:0px;width:100%;overflow-x:hidden;overflow-y:auto;height:100%}
#content{position:relative;overflow:hidden;padding-bottom:50px}
#container{-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:-moz-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:-o-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);transition:transform 0.3s cubic-bezier(0.165,0.84,0.44,1)}
#container.push,#us_panel.push{-webkit-transform:translateX(250px);-moz-transform:translateX(250px);transform:translateX(250px);-moz-box-shadow:-3px -3px 6px rgba(0,0,0,0.8);-o-box-shadow:-3px -3px 6px rgba(0,0,0,0.8);-webkit-box-shadow:-3px -3px 6px rgba(0,0,0,0.8);box-shadow:-3px -3px 6px rgba(0,0,0,0.8)}
#header.push{-webkit-transform:translateX(250px);-moz-transform:translateX(250px);transform:translateX(250px);-moz-box-shadow:-3px -3px 6px rgba(0,0,0,0.8);-o-box-shadow:-3px -3px 6px rgba(0,0,0,0.8);-webkit-box-shadow:-3px -3px 6px rgba(0,0,0,0.8);box-shadow:-3px -3px 6px rgba(0,0,0,0.8)}
#header.pull{-webkit-transform:translate3d(-250px,0px,0px);-moz-transform:translate3d(-250px,0px,0px);transform:translate3d(-250px,0px,0px);-moz-box-shadow:3px -3px 6px rgba(0,0,0,0.8);-o-box-shadow:3px -3px 6px rgba(0,0,0,0.8);-webkit-box-shadow:3px -3px 6px rgba(0,0,0,0.8);box-shadow:3px -3px 6px rgba(0,0,0,0.8)}
#container.pull,#us_panel.pull{-webkit-transform:translate3d(-250px,0px,0px);-moz-transform:translate3d(-250px,0px,0px);transform:translate3d(-250px,0px,0px);-moz-box-shadow:3px -3px 6px rgba(0,0,0,0.8);-o-box-shadow:3px -3px 6px rgba(0,0,0,0.8);-webkit-box-shadow:3px -3px 6px rgba(0,0,0,0.8);box-shadow:3px -3px 6px rgba(0,0,0,0.8)}
#menu{width:250px;height:100%;position:fixed;top:0px;left:0; }
#menu ul li{display:block;height:49px;line-height:50px;border-bottom:1px solid #44474a;overflow:hidden;background-color:#323436;-webkit-transition:background 0.3s ease-out;-moz-transition:background 0.3s ease-out;-o-transition:background 0.3s ease-out;transition:background 0.3s ease-out}
#menu ul li a{display:block;width:100%;height:33px;color:#fff;overflow:hidden;padding-top:16.5px;border-left:5px solid #1d1d1d}
#menu ul li a b{width:16px;height:16px;background-position:0px -55px;display:block;float:right;margin-right:6px;opacity:0.2}
#menu ul li a i{display:block;width:16px;height:16px;float:left;background-position:0px -56px;margin-left:20px;opacity:0.6}
#menu ul .menu_cur a i{opacity:1}
#menu ul .menu_cur a{
border-left:5px solid #64c400}
#menu ul li a span{display:block;height:16px;line-height:16px;float:left;margin-left:15px}
#menu ul li:hover,#menu ul .menu_cur{background-color:#1d1d1d}
#menu ul .nav_index a i{background-position:-7px -17px}
#menu ul .nav_site a i{background-position:-7px -67px}
#menu ul .nav_about a i{background-position:-8px -117px}
#menu ul .nav_inspire a i{background-position:-8px -167px}
#menu ul .nav_help a i{background-position:-8px -217px}
#user{width:250px;height:100%;position:fixed;top:0px;right:0;visibility:hidden;background-color:#323436;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s; }
.search_wrap{overflow:hidden;position:relative}
#user.pull{visibility:visible;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#menu.pull{visibility:hidden}
#container.push .push_msk{visibility:visible}
#container.pull .push_msk{visibility:visible}
 
#user_menu{}
#user_menu h1{font-size:18px; font-weight:bold; color:#64c400; font-family:"微软雅黑"; height:49px; line-height:50px; padding-left:10px;border-bottom:1px solid #4a4c4e}
#user_menu li{height:42px;border-bottom:1px solid #4a4c4e}
#user_menu li a{display:block;height:42px;border-left:6px solid #64c400;  line-height:42px; padding-left:10px;}
#header{-webkit-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1)} 
.search_wrap{height:60px;width:100%;background-color:#2a2c2e}
#user{background-color:#323436}
.search_input{text-indent:10px;height:15px;line-height:16px;display:block;margin:0 5px;width:200px;border:none;color:#6c6c6c;padding:10px 30px 10px 10px;background-color:#fff;margin-top:12.5px;-o-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}
.reset_input{width:20px;height:35px;position:absolute;display:block;top:10px;right:10px;display:none}
.reset_input i{display:block;width:16px;height:16px;background:url("../images/wap_icons.png"/*tpa=http://demob8.webb.testwebsite.cn/6/05/images/wap_icons.png*/) no-repeat -30px -55px;background-size:500px 500px;position:absolute;top:12.5px;right:10px;opacity:0.4;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.list_loading{height:16px;padding:20px 0 30px;text-align:center}
.list_loading i{height:16px;width:16px;display:inline-block;background:url("../images/wap_icons.png"/*tpa=http://demob8.webb.testwebsite.cn/6/05/images/wap_icons.png*/) no-repeat -288px -16px;background-size:500px 500px;margin-right:10px;vertical-align:middle;-webkit-animation:loading 1s infinite linear;-ms-animation:loading 1s infinite linear;-o-animation:loading 1s infinite linear;-moz-animation:loading 1s infinite linear;animation:loading 1s infinite linear}
.list_loading span{height:16px;display:inline-block;line-height:16px;vertical-align:middle;color:#A0A0A0}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#container{background:#ffffff}
.tel{ display:block; background:#d63b22; padding:0;width:100%;  height:50px ;  margin-bottom:10px;  font-size:20px; text-align:center; line-height:50px;}
.mail{ display:block; background:#3eb0d8;padding:0;width:100%;  height:50px ; font-size:15px; text-align:center; line-height:50px;}
.mail i{  display:inline-table;width:36px;height:36px;position:relative;background-position:-360px -35px;  background-size:800px 800px; vertical-align:text-bottom }
.tel i{  display:inline-table;width:36px;height:36px;position:relative;background-position:-360px -125px;  background-size:800px 800px;   vertical-align:text-bottom }
#about{color:#333; font-size:12px; line-height:21px; padding-top:20px; padding-bottom:20px; border-bottom:#e5e5e5 1px solid}
#about a{color:#333;font-size:14px;}

#about .title{ font-size:17px; font-weight:bold; color:#333333; margin-bottom:16px ;  text-transform:uppercase; display:block;}
.productindex{   margin:0 auto;}
.productindex li{ display:block;   padding:20px 10px; border-bottom:#e5e5e5 1px solid;    }
.productindex li a{ width:100%; display:block;  height:120px;color:#999999;font-size:12px; line-height:18px;overflow:hidden }
.productindex li .title{ font-size:14px;color:#333333;   display:block; line-height:123px; margin-left:36px;}
.productindex li:nth-child(odd) a img{ float:left;  margin-right:20px ;height:100%;width:120px;border-radius: 50%;  -moz-border-radius: 50%;
-khtml-border-radius: 50%;
-webkit-border-radius: 50%; }
.productindex li:nth-child(even) a img{ float:right;  height:100%;width:120px;border-radius: 50%;  -moz-border-radius: 50%;
-khtml-border-radius: 50%;
-webkit-border-radius: 50%;}
 /*copyright*/
#copyright { padding:8px; text-align:center; font-size:12px; color:#7e7e7e; clear:both; margin-bottom:18px; background:#1d1d1d; display:block    }
#copyright a{ color:#7e7e7e; font-size:12px; }
/*page */
.pagelist { margin-top: 20px; height: 40px; background:#FFF; line-height: 40px; display: box; font-size: 14px; border: 1px solid #BBB; display: -moz-box; display: -webkit-box; border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;  }
.pagelist span {  text-align: center; box-flex: 1.0; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; }
.pagelist span a {  color:#666;}
.page { width:30px; overflow:hidden;  border-left: 1px solid #BBB; border-right: 1px solid #BBB;}
.page select{ font-size:16px; height:40px; background:none; text-align:center; border:none; font-family: Arial; color:#666; -webkit-appearance:none; -moz-appearance: none; appearance:none; }

/*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 { 
	 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; border: #b83930 1px solid;  
background:-moz-linear-gradient(top,#da4c42,#9a3129);/*Mozilla*/
background:-webkit-linear-gradient(top,#da4c42,#9a3129);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#da4c42,#9a3129); /*Opera11*/
}
/*news */
.newslist{}
.newslist ul{ list-style: none;}
.newslist ul li a{ display: block; border-bottom:solid #e5e5e5 1px;padding-bottom: 5px;padding-top: 5px; color: #333; }
.newslist ul li p{font-size: 11px; line-height: 12px;color: #999; }
h2{ text-align: center; border-bottom: #e5e5e5 1px dashed; font-size: 16px; padding-bottom: 10px; margin-bottom: 10px;}
/*prolist_pic */
.prolist {margin-right: 10px;}
.prolist ul li{ text-align: center;   width: 50%; overflow: hidden; float: left;}
.prolist:after { clear: both; content: " "; display: block; }
.prolist  li p{ line-height: 12px;}
.prolist  li:nth-child(n){ }
.prolist  li:nth-child(n+1){  }
.prolist  li a{ display:block;  margin: 10px 0px 0px 10px; color:#333}
.prolist  li a img{ height: 140px; width:100%}
.order a{ float: right;  display:block;width: 80px; height: 25px; border-radius: 3px;  -moz-border-radius: 3px;
-khtml-border-radius: 3px; text-align:center; color:#FFFFFF; line-height:25px;
-webkit-border-radius: 3px;border: #b83930 1px solid; 
background:-moz-linear-gradient(top,#da4c42,#9a3129);/*Mozilla*/
background:-webkit-linear-gradient(top,#da4c42,#9a3129);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#da4c42,#9a3129); /*Opera11*/} 

.back{ display:block; background:#3eb0d8;padding:0;width:100%;  height:50px ; font-size:18px; text-align:center; line-height:50px;}
.back i{display:inline-table;width:32px;height:32px;position:relative;background-position:-75px -315px;   vertical-align:text-bottom }




.f21{border:1px solid #ccc; border-bottom:0; border-right:0; border-left:0;}
.f21 tr td{ font-size:13px; color:#333; line-height:44px; padding-left:6px;}



.xwny_nr img{ width:100%!important; height:auto!important;}