@charset "utf-8";*{margin:0;padding:0}a{text-decoration:none;color:#535353;font-size:14px; font-family:Arial, Helvetica, sans-serif;}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, Helvetica, sans-serif;background:#fff;width:100%;height:100%;overflow:hidden;position:relative}a,body{font-family:"Arial, Helvetica, sans-serif"/9;-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,.links .sms a i,.links .tel a i,.links .email a i,.links .map a i{background:url('../images/wap_icons.png') no-repeat;background-size:500px 500px}
#header{background:#1a5ab1;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:91px;height:32px;margin:9px auto}
.logo a{display:block}
.logo img{display:block;width:100%;height:auto}
#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:-60px -321px;background-size:500px 500px}
.links {margin-right:10px; }
.links span{width:25%;  margin-top:15px; text-align:center; float:left; }
.links span a{ margin-left:5px; display:block;height:50px; background:#009999 ;border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;
-webkit-border-radius: 5px; font-size:12px;}
.links span:first-child a{ background:#d63b22}
.links span:nth-child(5n+2) a{ background:#ffae00}
.links span:last-child a{ background:#3eb0d8}
.links .tel a i{background-position:-363px -133px;  background-size:800px 800px;   width:32px; height:32px;display:block; margin:0 auto}
.links .email a i{background-position:-362px -43px;    background-size:800px 800px;  width:32px; height:32px; display:block; margin:0 auto}
.links .sms a i{background-position:-42px -32px;    background-size:800px 800px; width:32px; height:32px; display:block; margin:0 auto}
.links .map a i{background-position:6px -656px;   background-size:800px 800px;  width:32px; height:32px;display:block; margin:0 auto}

#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%}

#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 #587daa}
#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 #587daa}
#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}
.search_wrap{overflow:hidden;position:relative}
#menu.pull{visibility:hidden}
#container.push .push_msk{visibility:visible}
#container.pull .push_msk{visibility:visible}
 
#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}
 .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') 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') 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:#ededed}
/* sub papge*/
#content{ background: #ffffff;  margin:5px; line-height: 24px; padding: 5px; border:#e7e7e7 1px solid;}
.title{ border-bottom: solid #e7e7e7 1px; padding-bottom: 5px; font-size: 16px; margin-bottom:10px }
#content img{ max-width:100%;}
 /*导航*/
nav{ overflow:hidden; background:#ffffff;  border-top:#e7e7e7 1px solid; display:block; margin-top:3px; margin-bottom:5px}
nav li{ width:33.33%; float:left; text-align:center; border-bottom:#e7e7e7 1px solid; float:left; }
nav li a{ width:100%;  display:block; overflow:hidden; border-right:#e7e7e7 1px solid; color:#5e5e5e; padding:10px 0}
nav li img{ width:50%; height:auto; display:block;  margin: 0 auto; }
nav li span{ display:block; height:30px; text-align:center; font:normal 12px/20px Arial; }
.ctrue{ background:#ffffff; border-top:#e7e7e7 1px solid; border-bottom:#e7e7e7 1px solid;  }
.ctrue_title{ padding:5px; border-bottom:#e7e7e7 1px solid;}
.ctrue_content{ padding:10px 0px;  }
.ctrue_content:after { clear: both; content: " "; display: block; }
.ctrue_content li{ display:block; float:left; width:50%}
.ctrue_content li a{ display:block;  overflow:hidden; height:110px;border-bottom:#e7e7e7 1px solid; }
.ctrue_content li a img{width:100%; height:100%;}
.ctrue_content li:first-child a{ display:block;   overflow:hidden;height:220px;border-right:#e7e7e7 1px solid;border-bottom:#e7e7e7 1px solid;  }
.ctrue_content li:nth-child(5n+2) a{ display:block;   overflow:hidden;height:109px;border-bottom:#e7e7e7 1px solid;  }
 
 /*copyright*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;padding-bottom:35px; width: 100%; color: #666; line-height: 30px; text-decoration: none; clear:both;}
.contentPage a:link {color: #036cb4; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #00959c; font-weight: normal;}
.contentPage a:visited {color: #036cb4; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #00959c; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#0d499f; font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #f00; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

/*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 {padding-right: 5px; }
.prolist ul li{ text-align: center;   width: 50%; overflow: hidden; float: left;  }
.prolist:after { clear: both; content: " "; display: block; }
.prolist  li p{ line-height: 24px; display:block; height:24px; overflow:hidden; background:#f2f2f2  }
.prolist  li:nth-child(n){ }
.prolist  li:nth-child(n+1){  }
.prolist  li a{ display:block; overflow:hidden; margin: 5px 0px 0px 5px; color:#333;background:#ffffff;border:#e7e7e7 1px solid; }
.prolist  li a img{ height:100px; width:100%;}
.prolist  li span{ height:100px; width:100%; overflow:hidden; display:block }
.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 }