@charset "utf-8";
* {
	margin:0;
	padding:0
}
a {
	text-decoration:none;
	color:#535353;
	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%;
	
	position:relative
}
a, body {
	font-family:"微软雅黑"/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:#121c35;
	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:160px;
	height:42px;
	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:#fa5d5d
}
.links span:nth-child(5n+2) a {
background:#d3ec5c
}
.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:#132042;
	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-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 #4c5670;
	overflow:hidden;
	background-color:#353d52;
	-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 #ddb462
}
#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 #24a1db
}
#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:#131f3d
}
#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:#132042
}
.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*/
#content1 {
	background: #ffffff;
	margin:5px;
	line-height: 24px;
	padding: 5px;
	border:#e7e7e7 1px solid;
}
#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:0px;
	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:40%;
	height:auto;
	display:block;
	margin-top:15px;
	margin: 0 auto;
}
nav li span {
	display:block;
	height:20px;
	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*/
#copyright {
	padding:8px;
	text-align:center;
	font-size:12px;
	color:#7e7e7e;
	clear:both;
	margin-bottom:18px;
	display:block
}
#copyright a {
	color:#7e7e7e;
	font-size:12px;
}
/*page */
.pagelist {
	margin-top: 10px;
	height: 40px;
	background:#FFF;
	font-weight: bold;
	line-height: 40px;
	display: box;
	font-size: 16px;
	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 {
	display: block;
	text-align: center;
	box-flex: 1.0;
	-moz-box-flex: 1.0;
	-webkit-box-flex: 1.0;
}
.pagelist span a {
	display: block;
	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 {
	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: 22px;
	display:block;
	padding-bottom:10px;
	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 {
	max-width:100%;
	height:130px;
	padding-top:0px;
	padding-bottom:0px;
}
.prolist li span {
	height:130px;
	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
}
.yzm {
	height:40px!important;
}
.newspage {
	width:720px;
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px auto;
	PADDING-TOP: 20px;
	TEXT-ALIGN: center
}
.newspage A {
	BORDER-RIGHT: #999 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #999 1px solid;
	PADDING-LEFT: 5px;
	BACKGROUND: #fff;
	PADDING-BOTTOM: 2px;
	FONT: 12px/22px "";
	BORDER-LEFT: #999 1px solid;
	COLOR: #666;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #999 1px solid
}
.newspage A:hover {
	BORDER-RIGHT: #fff 1px solid;
	BORDER-TOP: #fff 1px solid;
	BACKGROUND: #4e4e4e;
	BORDER-LEFT: #fff 1px solid;
	COLOR: #FFFFFF;
	BORDER-BOTTOM: #fff 1px solid;
	TEXT-DECORATION: none
}
.newspage A:active {
	BORDER-RIGHT: #666 1px solid;
	BORDER-TOP: #666 1px solid;
	BACKGROUND: #4e4e4e;
	BORDER-LEFT: #666 1px solid;
	COLOR: #FFFFFF;
	BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.current {
	BORDER-RIGHT: #666 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #666 1px solid;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	BACKGROUND: #4e4e4e;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #666 1px solid;
	COLOR: #fff;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.disabled {
	BORDER-RIGHT: #fff 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #fff 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #fff 1px solid;
	COLOR: #666;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #fff 1px solid
}