@charset "utf-8";
html {
	font-size: 62.5%
}
h1 {
	font-size: 33px;
	font-size: 3.3rem
}
h2 {
	font-size: 28px;
	font-size: 2.8rem
}
h3 {
	font-size: 24px;
	font-size: 2.4rem
}
h4 {
	font-size: 20px;
	font-size: 2rem
}
h5 {
	font-size: 18px;
	font-size: 1.8rem
}
h6 {
	font-size: 14px;
	font-size: 1.4rem
}
.f12 {
	font-size: 12px;
	font-size: 1.2rem
}
.f13 {
	font-size: 13px;
	font-size: 1.3rem
}
.f14 {
	font-size: 14px;
	font-size: 1.4rem
}
.f16 {
	font-size: 16px;
	font-size: 1.6rem
}
.f18 {
	font-size: 18px;
	font-size: 1.8rem
}
.f20 {
	font-size: 20px;
	font-size: 2rem
}
.f22 {
	font-size: 22px;
	font-size: 2.2rem
}
.f30 {
	font-size: 30px;
	font-size: 3rem
}
.f40 {
	font-size: 40px;
	font-size: 4rem
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, img, input, legend, li, ol, p, pre, textarea, ul {
	margin: 0;
	padding: 0
}
body, button, input, select, textarea {
	font-family: "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB", helvetica, sans-serif;
	line-height: 1.8;
	font-size: 16px;
	font-size: 1.6rem
}
em {
	font-style: normal
}
body {
	color: #333
}
li, ul {
	list-style: none
}
a, body a {
	text-decoration: none;
	color: #333;
	cursor: hand
}
a:hover, body a:hover {
	text-decoration: none;
	color: #845e1a
}
img {
	border: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0;
	margin: 0
}
input, textarea {
	border: 1px
}
.table {
	border-left: 1px solid #c1d1dc;
	border-top: 1px solid #c1d1dc;
	width: 100%;
	margin-left: -1px
}
.table td, .table th {
	border-bottom: 1px solid #c1d1dc;
	border-right: 1px solid #c1d1dc;
	padding: 5px 10px
}
.left, .right {
	display: inline
}
.left {
	float: left
}
.right {
	float: right
}
.clear {
	clear: both
}
.clearfix {
	zoom: 1
}
.clearfix:after, .clearfix:before {
	content: "";
	display: table;
	line-height: 0
}
.clearfix:after {
	clear: both
}
.marginbottom5 {
	margin-bottom: 5px
}
.marginbottom10 {
	margin-bottom: 10px
}
.marginbottom20 {
	margin-bottom: 20px
}
.marginbottom30 {
	margin-bottom: 30px
}
.marginbottom40 {
	margin-bottom: 40px
}
.center {
	text-align: center
}
.bold {
	font-weight: 700
}
.cdbai {
	color: #FFF
}
.cdred {
	color: red
}
.cdbrown {
	color: #845e1a
}
.cdgrey {
	color: #bfbfbf
}
.hidden {
	overflow: hidden;
	zoom: 1
}
.height25 {
	height: 25px
}
.height30 {
	height: 30px
}
.line_height50 {
	line-height: 50px
}
.line_height40 {
	line-height: 40px
}
.line_height30 {
	line-height: 30px
}
.line_height20 {
	line-height: 20px
}
.padding10 {
	padding: 10px
}
a:link.bai, a:visited.bai {
	color: #FFF
}
a:active.bai, a:hover.bai {
	color: #FF0
}
a:link.grey, a:visited.grey {
	color: #b4b4b4
}
a:active.grey, a:hover.grey {
	color: #fff
}
a:link.red, a:visited.red {
	color: red
}
a:active.red, a:hover.red {
	color: #039
}
a:link.brown, a:visited.brown {
	color: #845e1a
}
a:active.brown, a:hover.brown {
	color: #333
}
body {
	background-color: #FFF
}
.wrapper {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative
}
#header {
	height: 100px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px
}
#header .logo {
	width: 420px;
	height: 100px
}
#header .conact {
	width: 400px;
	height: 80px
}
/*搜索功能*/
form{
	float: left;
	width: 350px;
	height: 100px
}

.sr_frmipt input{float: left; margin-top:10%}

.sr_frmipt input:nth-child(1){
	width: 65%;
	border: 1px solid #888888;
	margin-left: 10%
}
.ss_btn{
	margin-left: 5%;
	width: 15%
}

#menu {
	height: 57px;
	background: url(../images/navbg.jpg) left top repeat-x #402418;
	overflow: hidden
}
#menu .menu_nav_l {
	width: 40px;
	text-align: center
}
#menu .menu_nav_r li {
	float: left;
	line-height: 57px;
	background: url(../images/navline.jpg) left top no-repeat
}
#menu .menu_nav_r li a {
	color: #FFF;
	padding-left: 7px;
	padding-right: 7px;
	float: left;
	display: block;
	margin-left: 1px;
	margin-right: 1px
}
#menu .menu_nav_r li a:hover {
	background-color: #331D13;
	border-bottom: 3px #B18023 solid;
	height: 54px;
	list-style: 54px
}
#menu .menu_nav_r li a.lastli {
	padding-right: 0
}

/*移动端折叠导航*/

.nav {
	display: none;
	position: absolute;
	top: 60px;
	right: 0.5%;
	background-color: #888;
	z-index: 99
}
.nav a {
	text-decoration: none;
	display: block;
	width: 135px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
}
/*一级列表设定*/
.nav li0 .a1 {
	font-size: 16px;
	height: 35px;
	line-height: 35px;
}
.li0 {
	border-top: 2px solid #bbb;
}
.li0:first-child {
	border: 0;
}

/*
	.nav1{display: none;background-color: #bbb;}
    .li0:hover .a1{background-color: #444;font-weight: bold;font-size: 17px;}
    .nav1 a:hover{background-color: #f60;font-weight: bold;font-size: 15px;}
*/
	
	
@media screen and (max-width: 768px) {
#menu {
	display: none
}
}

@media screen and (max-width: 414px) {
	#menu {
		display: none
	}
	#header {
		max-width: 414px;
		width: 100%;
		height: 50px
	}
	.wrapper {
		width: 100%;
		margin: 1% auto
	}
	#header .logo, #header .logo img {
		width: 220px;
		height: 50px
	}
	#header .conact {
		display: none
	}
	.m-trigger {
		position: absolute;
		top: 0;
		right: 10px;
		width: 50px;
		color: #fff;
		text-align: center;
		font-size: 30px;
		line-height: 45px;
		cursor: pointer;
		background: url(../images/menu_add.png) center center no-repeat;
		-webkit-background-size: 50px;
		background-size: 25px;
		height: 50px;
	}
	.rides-cs {
		display: none
	}
	#banner {
		max-height: 150px;
		background-size: cover
	}
	#banner .banList {
		height: 150px;
		margin-left: -50%
	}
	#banner .banList li {
		height: 150px
	}
	#banner .banList img {
		width: 414px;
		height: 150px;
		background-size: 100% 100%
	}
	.fomW {
		max-width: 414px;
		margin-left: -50%
	}
	#news {
		display: none
	}
	#whychoiceus .Our-advantage {
		width: 100%
	}
	#whychoiceus .Our-advantage li {
		float: left;
		width: 92%;
		margin: 2% 2%
	}
	#whychoiceus .wrapper .Our-advantage li span, #whychoiceus .wrapper .Our-advantage li p {
		min-width: 370px;
	}
	#index_box .article {
		min-width: 96%;
		margin: 1% 1%;
	}
	#index_box .pic {
		clear: both;
		width: 100%;
		display: block;
		float: left
	}
	#index_box .pic div {
		width: 25%;
		display: inline
	}
	#index_box .pic div ul {
		padding: 10px 20px
	}
	#index_box .pic div ul li {
		padding: 5px 5px 10px;
		border-radius: 6px;
	 filter:progid:DXImageTransform.Microsoft.DropShadow(color=#e1e1e0, offX=2, offY=2, positives=true);
		background-color: #F7F7F7;
		box-shadow: 1px 1px 2px 1px #d9d9d9
	}
	#index_box .pic div dt {
		margin-bottom: 10px
	}
	#index_box .pic div dd {
		line-height: 22px
	}


	#content {
		max-width: 414px;
		min-width: 98%;
		margin: 0 1% 3%;
		min-height: 744px
	}
	#content .article {
		line-height: 2
	}
	#content .article img {
		max-width: 100%;
		border: 0
	}
	#content .article p {
		padding: 5px 0
	}
	#content .article ul {
		padding: 5px 0
	}
	#content .article ul li {
		background: url(../images/ico_5.gif) left 13px no-repeat;
		font-size: 16px;
		font-size: 1.6rem;
		margin: .3rem 0;
		padding-left: 15px
	}
	
	#content .lists {
		max-width: 414px;
		min-height: 100px
	}
	#content .lists .times {
		max-width: 80px;
		border-radius: 6px;
		margin: 1% 1% 0 0;
		display: block;
		border: 1px #845e1a solid
	}
	#content .lists .times span {
		display: block;
		width: 100%
	}
	#content .lists .times span.f30 {
		background-color: #845e1a;
		font-size: 24px
	}
	#content .lists .times span.f12 {
		padding-top: 5px;
		font-size: 12px
	}
	
	#content .lists .cdgrey {
		font-size: 14px
	}
	#content .lists .times dt{
		font-size: 16px
	}
	#content .pages a, #content .pages span {
		display: inline-block;
		padding: 2px 8px;
		border-radius: 6px;
	 filter:progid:DXImageTransform.Microsoft.DropShadow(color=#e1e1e0, offX=2, offY=2, positives=true);
		background-color: #F7F7F7;
		box-shadow: 1px 1px 2px 1px #d9d9d9;
		border: #dbdbdb 1px solid;
		margin: .5rem;
		font-family: Arial, Helvetica, sans-serif
	}
	#content .pages span {
		color: #FF0202;
		font-weight: 700
	}
	#content .prenext li {
		width: 99%;
		margin: 1% 0.5%
	}
	#content .prenext li.right {
		text-align: right
	}
	#content .prenext li span {
		font-family: Geneva, sans-serif;
		padding: 2px 10px;
		border-radius: 6px;
	 filter:progid:DXImageTransform.Microsoft.DropShadow(color=#e1e1e0, offX=2, offY=2, positives=true);
		background-color: #007BB7;
		box-shadow: 1px 1px 2px 1px #d9d9d9
	}
	#sider {
		float: left;
		min-width: 98%;
		max-width: 414x;
		padding-left: 0;
		margin: 0 1%
	}
	#sider img {
		max-width: 100%;
		border: 0
	}
	#sider .box h5 {
		border-bottom: 2px #FF0202 solid;
		padding-bottom: 10px
	}
	
	#fbanner {
		height: 150px;
		width: 100%;
		overflow: hidden;
		position: relative;
		background-color: #F7F7F7
	}
	#fbanner img {
		width: 414px;
		height: 150px;
		background-size: cover;
		border: 0;
		max-width: 100%
	}
	
	.noa-about{max-width: 409.86px;min-height: 450px;margin: 5% auto}
.noa-about div:first-child{display: none;min-width: 409.86px; height: 250px;background:409.86px 250px}
.noa-about div:first-child p{min-width: 409.86px; line-height: 40px;text-align: center;bottom: 80px }
.noa-about div:first-child h3{min-width: 409.86px;font-size: 24px;line-height: 50px}
.noa-about div:last-child{min-width: 409.86px;min-height: 450px}
.noa-about div:last-child h2{margin-left: 2%}
.noa-about div:last-child p{margin: 2%}
	
	
.noa-fw{min-height: 600px;max-width: 409.86px; margin: 5% auto;background-color: #f8f8f8}
.noa-fw ul{height: 600px;max-width: 409.86px;max-width: 98%; margin: 0 1%}
.noa-fw ul li{position: relative;float: left;max-width: 409.86px;width: 100%;height: 220px;margin: 2% auto}
.noa-fw ul li:nth-child(1),.noa-fw ul li:nth-child(2),.noa-fw ul li:nth-child(3),.noa-fw ul li:nth-child(4){background: 409.86px 80%}
.noa-fw ul li h3{position: absolute;line-height: 40px;max-width: 82%; font-size: 18px;color: #4A4A4A;background: rgb(255,255,255,0.65);top: 0;left: 0;text-align: center}
	
	.noa-adv{position: relative;max-width: 409.86px; width: 100%;height: 400px;margin:0 auto;background: 414px 250px;}
.noa-adv .noa-adv-content{max-width: 409.86px;width: 100%;height: 300px;margin: 50px auto}
	.noa-adv #noa-adv-title{min-width: 414px;width: 30%; min-height: 200px}
.noa-adv #noa-adv-title h2,.noa-adv #noa-adv-title h4{color: #845e1a;text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
*filter: Glow(color=#fff, strength=1);}
.noa-adv #noa-adv-title h2{font-size: 30px}
.noa-adv #noa-adv-title h4{font-size: 26px}
.noa-adv .noa-adv-content #noa-adv-title{float: left;width: 30%;height: 300px;margin: 10% 0 0 12.5%}
.noa-adv .noa-adv-content ul{position: absolute; float: left; max-width: 409.86px; min-width: 90%;height: 300px;margin: 40px auto;left:0;top:20%}
.noa-adv .noa-adv-content ul li{position: relative;float: left;max-height: 120px;max-width: 46%;margin: 2%}
.noa-adv .noa-adv-content ul li #cio{position: relative;float: left;max-width: 80px;max-height: 80px;margin:10% 0 0 10%;border-radius: 50%;background-color: #FFF}
.noa-adv .noa-adv-content ul li img{position: absolute;max-width: 60px;max-height: 60px;left:15%;top:18%;z-index: 99}
.noa-adv .noa-adv-content ul li p{position: absolute;max-width: 120px;max-height: 80px;left: 30%;top:20%;color: #845E1A;background-color: #FFF;text-align: center}
.noa-adv .noa-adv-content ul li p span{font-weight: bold;line-height: 30px;font-size: 24px}

.noa-product{max-width: 414px;height: 1100px;margin: 5% auto}
.noa-product .product-1{float: left;width: 100%;min-height: 800px; margin: 0 auto}
.noa-product .product-2{float: left;width: 100%;min-height: 800px; margin: 0 auto}
.noa-product .product-1 h3,.noa-product .product-2 h3{line-height: 40px;width: 150px;text-align: center;margin: 0 auto 5%;background: #845e1a;color: #fff}
.noa-product .product-2 h3{margin-top: 5%}
.noa-product .product-1 li,.noa-product .product-2 li{float: left;min-width: 46%;min-height: 100px;margin: 3% 2%;text-align: center}
.noa-product .product-1 li h4,.noa-product .product-2 li h4{text-align: center}
.noa-product .product-1 img,.noa-product .product-2 img{width: 70px;height: 70px;-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.noa-product .product-1 li:hover img,.noa-product .product-2 li:hover img{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
.noa-product .product-1 li:last-child #more_clo,.noa-product .product-2 li:last-child #more_clo{position: relative;width: 60px;height: 60px;border-radius: 50%;background-color: #845e1a;margin: 5% auto 0}
.noa-product .product-1 li:last-child #more_clo p,.noa-product .product-2 li:last-child #more_clo p{position: absolute;height: 26px;color: #FFF;text-align: center;top: 22%;left: 17%}

.noa-que{max-width: 414px;height: 600px;margin: 5% auto}
.noa-que .que-ul{float: left;width: 48%;margin: 0 1%}
	
}


#fbanner {
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: #F7F7F7
}
#fbanner img {
	border: 0;
	max-width: 100%
}
#thisway {
	background-color: #F7F7F7;
	height: 40px
}
#thisway .left {
	line-height: 40px;
	background: url(../images/b8.gif) no-repeat left center;
	padding-left: 30px
}
#thisway .right {
	margin-top: 8px
}
#main {
	overflow: hidden
}
#content {
	width: 70%;
	min-height: 744px
}
#content .article {
	line-height: 2
}
#content .article img {
	max-width: 100%;
	border: 0
}
#content .article p {
	padding: 5px 0
}
#content .article ul {
	padding: 5px 0
}
#content .article ul li {
	background: url(../images/ico_5.gif) left 13px no-repeat;
	font-size: 16px;
	font-size: 1.6rem;
	margin: .3rem 0;
	padding-left: 15px
}
#content .lists {
	min-height: 100px
}
#content .lists .times {
	width: 100px;
	border-radius: 6px;
	margin-right: 20px;
	margin-top: 6px;
	display: block;
	border: 1px #845e1a solid
}
#content .lists .times span {
	display: block;
	width: 100%
}
#content .lists .times span.f30 {
	background-color: #845e1a
}
#content .lists .times span.f12 {
	padding-top: 5px
}
#content .pages a, #content .pages span {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 6px;
 filter:progid:DXImageTransform.Microsoft.DropShadow(color=#e1e1e0, offX=2, offY=2, positives=true);
	background-color: #F7F7F7;
	box-shadow: 1px 1px 2px 1px #d9d9d9;
	border: #dbdbdb 1px solid;
	margin: .5rem;
	font-family: Arial, Helvetica, sans-serif
}
#content .pages span {
	color: #FF0202;
	font-weight: 700
}
#content .prenext li {
	width: 50%
}
#content .prenext li.right {
	text-align: right
}
#content .prenext li span {
	font-family: Geneva, sans-serif;
	padding: 2px 10px;
	border-radius: 6px;
 filter:progid:DXImageTransform.Microsoft.DropShadow(color=#e1e1e0, offX=2, offY=2, positives=true);
	background-color: #007BB7;
	box-shadow: 1px 1px 2px 1px #d9d9d9
}
#sider {
	width: 25%;
}
#sider img {
	max-width: 100%;
	border: 0
}
#sider .box h5 {
	border-bottom: 2px #FF0202 solid;
	padding-bottom: 10px
}
#footer {
	background-color: #262626;
	color: #b4b4b4;
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 13px;
	font-size: 1.3rem;
	min-height: 30px
}
#footer a {
	padding-left: 5px;
	padding-right: 5px
}
.gotop {
	position: fixed;
	right: 50%;
	bottom: 45px;
	margin-right: -600px
}
.gotop-btn {
	display: block;
	width: 62px;
	height: 52px;
	background: url(../images/gotop.png) no-repeat 0 0;
	text-indent: -9999px
}
.gotop-btn:hover {
	background-position: 0 -54px
}
ul.bullet_black li {
	background: url(../images/bullet_black.png) left center no-repeat;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px
}
ul.Our-advantage li {
	display: block;
	float: left;
	width: 23%;
	margin: 2% 1%;
	border-radius: 6px;
	box-shadow: 0 0 5px 5px #ddd
}
#whychoiceus .wrapper .Our-advantage li img {
	padding: 2% 32.5% 0;
	width: 35%;
	height: 35%
}
#whychoiceus .wrapper .Our-advantage li span {
	font-size: 30px
}
#whychoiceus .wrapper .Our-advantage li span, #whychoiceus .wrapper .Our-advantage li p {
	float: left;
	width: 240px;
	padding: 2%;
	color: #414141;
	text-align: center
}
#index_box .pic div ul li.current {
	border: 1px #007BB7 solid
}
#banner {
	width: 100%;
	overflow: hidden;
	height: 470px;
	position: relative;
	background-color: #F7F7F7
}
.banList {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	height: 470px
}
.banList li {
	height: 470px;
	opacity: 0;
	position: absolute;
	transform: scale(0);
	transition: transform .5s ease 0s, opacity 1.5s ease 0s;
	z-index: 1
}
.banList li.active {
	opacity: 1;
	transform: scale(1);
	z-index: 2
}
.fomW {
	position: absolute;
	bottom: 20px;
	left: 50%;
	height: 20px;
	z-index: 9;
	width: 1000px;
	margin-left: -500px
}
.jsNav {
	text-align: center
}
.jsNav a {
	display: inline-block;
	background: #fff;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin: 0 5px
}
.jsNav a.current {
	background: #fc8f0f;
	cursor: pointer
}
#news {
	background-color: #F7F7F7;
	height: 80px
}
.example {
	width: 90%;
	height: 100%;
	overflow: hidden
}
.ft-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%
}
.ft-carousel .carousel-inner .carousel-item {
	float: left;
	height: 100%;
	line-height: 80px;
	color: #404040
}
.ft-carousel .carousel-inner .carousel-item span {
	float: left;
	display: inline;
	height: 100%
}
.ft-carousel .carousel-inner .carousel-item span.l {
	width: 100px
}
.ft-carousel .carousel-inner .carousel-item span.r {
	margin-left: 10px;
	font-style: italic;
	color: #8B8B8B
}
.ft-carousel .carousel-btn {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 45px;
	margin-top: -25px;
	cursor: pointer
}
.ft-carousel .carousel-prev-btn {
	left: 0;
	background: url(../images/prev.png) no-repeat
}
.ft-carousel .carousel-next-btn {
	left: 50px;
	background: url(../images/next.png) no-repeat
}
.more {
	width: 8%;
	margin-top: 20px;
	text-align: center
}
.more a {
	padding: 5px 0;
	display: block;
	color: #FFF;
	border-radius: 6px;
 filter:progid:DXImageTransform.Microsoft.DropShadow(color=#e1e1e0, offX=2, offY=2, positives=true);
	background-color: #845e1a;
	box-shadow: 1px 1px 2px 1px #d9d9d9
}
.more a:hover {
	background-color: #774E39;
	color: #FFF
}
#index_box {
	width: 100%
}
#index_box .article {
	float: left;
	width: 31.33%;
	margin-bottom: 20px;
	padding: 1%
}
#index_box .article h2 {
	background: url(../images/ico_4.gif) left center no-repeat;
	padding-left: 15px
}
#index_box .pic {
	clear: both;
	width: 100%;
	display: block;
	float: left
}
#index_box .pic div {
	width: 25%;
	display: inline
}
#index_box .pic div ul {
	padding: 10px 20px
}
#index_box .pic div ul li {
	padding: 5px 5px 10px;
	border-radius: 6px;
 filter:progid:DXImageTransform.Microsoft.DropShadow(color=#e1e1e0, offX=2, offY=2, positives=true);
	background-color: #F7F7F7;
	box-shadow: 1px 1px 2px 1px #d9d9d9
}
#index_box .pic div dt {
	margin-bottom: 10px
}
#index_box .pic div dd {
	line-height: 22px
}
#whychoiceus {
	background-color: #FAFAFA;
	padding-top: 20px;
	padding-bottom: 40px
}
#whychoiceus .wrapper div {
	width: 25%;
	float: left;
	display: inline
}
#whychoiceus .wrapper div ul p {
	line-height: 30px;
	padding-top: 10px
}
#links {
	padding: 10px 0
}
#links a {
	border-radius: 6px;
	box-shadow: 1px 1px 1px #CCC;
	padding: 10px;
	margin-right: 20px;
	margin-top: 20px;
	border: 1px solid #CCC;
	display: inline-block
}
.rides-cs {
	font-size: 12px;
	background: #053478;
	position: fixed;
	top: 250px;
	right: 0;
	z-index: 1500;
	border-radius: 6px 0 0 6px
}
.rides-cs a {
	color: #00A0E9
}
.rides-cs a:hover {
	color: #ff8100;
	text-decoration: none
}
.rides-cs .floatL {
	width: 36px;
	float: left;
	position: relative;
	z-index: 1;
	margin-top: 21px;
	height: 181px
}
.rides-cs .floatL a {
	font-size: 0;
	text-indent: -999em;
	display: block
}
.rides-cs .floatR {
	float: left;
	padding: 5px;
	overflow: hidden
}
.rides-cs .floatR .cn {
	background: #F7F7F7;
	border-radius: 6px;
	margin-top: 4px
}
.rides-cs .cn .titZx {
	font-size: 14px;
	color: #333;
	font-weight: 600;
	line-height: 24px;
	padding: 5px;
	text-align: center
}
.rides-cs .cn ul {
	padding: 0
}
.rides-cs .cn ul li {
	line-height: 38px;
	height: 38px;
	border-bottom: solid 1px #E6E4E4;
	overflow: hidden;
	text-align: center
}
.rides-cs .cn ul li span {
	color: #777
}
.rides-cs .cn ul.qqon li span {
	width: 40px;
	display: inline-block
}
.rides-cs .cn ul li a {
	color: #777
}
.rides-cs .cn ul li img {
	vertical-align: middle
}
.rides-cs .btnCtn, .rides-cs .btnOpen {
	position: relative;
	z-index: 9;
	top: 25px;
	left: 0;
	background-image: url(../images/kefu.png);
	background-repeat: no-repeat;
	display: block;
	height: 146px;
	padding: 8px
}
.rides-cs .btnOpen {
	background-position: 0 0
}
.rides-cs .btnCtn {
	background-position: -37px 0
}
.rides-cs ul li.top {
	border-bottom: solid #ACE5F9 1px
}
.rides-cs ul li.bot {
	border-bottom: none
}

.noa-about{height: 400px;width: 1200px;margin: 5% auto}
.noa-about div:first-child{position: relative; float: left;width: 40%;height: 400px;background: url(/templates/images/noa_about_bg.jpg)}
.noa-about div:first-child p{position: absolute;color: #FFF;width: 100%; line-height: 40px;text-align: center;bottom: 80px }
.noa-about div:first-child h3{position: absolute;width: 100%;font-size: 24px;color: #FFF;line-height: 50px; text-align: center;bottom: 0;background: rgb(242,242,242,0.65)}
.noa-about div:last-child{float: left;width: 58%;height: 400px;margin: 0 1%;background: rgb(239,239,239,0.65)}
.noa-about div:last-child h2{color: #ddd;margin-left: 2%}
.noa-about div:last-child p{margin: 2%;color: #808080}

.noa-fw{height: 700px;width: 100%;margin: 5% auto;background-color: #f8f8f8}
.noa-fw ul{height: 400px;width: 1200px;margin: 0 auto}
.noa-fw ul li{position: relative;float: left; width: 48%;height: 220px;margin: 2% 1%}
.noa-fw ul li:nth-child(1){background: url(/templates/images/noa_fw_1.png) no-repeat center}
.noa-fw ul li:nth-child(2){background: url(/templates/images/noa_fw_2.png) no-repeat center}
.noa-fw ul li:nth-child(3){background: url(/templates/images/noa_fw_3.png) no-repeat center}
.noa-fw ul li:nth-child(4){background: url(/templates/images/noa_fw_4.png) no-repeat center}
.noa-fw ul li h3{position: absolute;line-height: 50px;width: 474.5px; color: #4A4A4A;background: rgb(255,255,255,0.65);top: 40%;left: 8.8%;text-align: center}
.noa-fw ul li #bi-txt{position: absolute; width: 474.5px; height: 0; overflow: hidden; left: 8.8%; bottom:0;  background: rgb(255,255,255,0.65); font-size:14px}
.noa-fw ul li #bi-txt p{color: #4A4A4A;line-height: 18px;letter-spacing: 1.5px;padding: 2%;clear:both }

.noa-adv{width: 100%;height: 400px;margin:0 auto;background: url(/templates/images/noa_adv_bg.png) no-repeat center}
.noa-adv .noa-adv-content{width: 1200px;height: 300px;margin: 50px auto}
.noa-adv #noa-adv-title h2,.noa-adv #noa-adv-title h4{color: #845e1a;text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
*filter: Glow(color=#fff, strength=1);}
.noa-adv #noa-adv-title h2{font-size: 30px}
.noa-adv #noa-adv-title h4{font-size: 26px}
.noa-adv .noa-adv-content #noa-adv-title{float: left;width: 30%;height: 300px;margin: 10% 0 0 12.5%}
.noa-adv .noa-adv-content ul{float: left; width: 50%;height: 300px;margin: 50px auto}
.noa-adv .noa-adv-content ul li{position: relative;float: left;height: 120px;width: 46%;margin: 2%}
.noa-adv .noa-adv-content ul li #cio{position: relative;float: left;width: 100px;height: 100px;margin:10% 0 0 10%;border-radius: 50%;background-color: #FFF}
.noa-adv .noa-adv-content ul li img{position: absolute;width: 70px;height: 70px;left:18%;top:18%;z-index: 99}
.noa-adv .noa-adv-content ul li p{position: absolute;width: 150px;height: 100px;left: 30%;top:23%;color: #845E1A;background-color: #FFF;text-align: center}
.noa-adv .noa-adv-content ul li p span{font-weight: bold;line-height: 30px;font-size: 24px}

.noa-product{width: 1200px;height: 1100px;margin: 5% auto}
.noa-product .product-1{float: left;width: 100%;height: 550px; margin: 0 auto}
.noa-product .product-2{float: left;width: 100%;height: 550px; margin: 0 auto}
.noa-product .product-1 h3,.noa-product .product-2 h3{line-height: 40px;width: 150px;text-align: center;margin: 0 auto 5%;background: #845e1a;color: #fff}
.noa-product .product-2 h3{margin-top: 5%}
.noa-product .product-1 li,.noa-product .product-2 li{float: left;width: 18%;height: 80px;margin: 3% 1%;text-align: center}
.noa-product .product-1 li h4,.noa-product .product-2 li h4{text-align: center}
.noa-product .product-1 img,.noa-product .product-2 img{width: 70px;height: 70px;-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.noa-product .product-1 li:hover img,.noa-product .product-2 li:hover img{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
.noa-product .product-1 li:last-child #more_clo,.noa-product .product-2 li:last-child #more_clo{position: relative;width: 60px;height: 60px;border-radius: 50%;background-color: #845e1a;margin: 5% auto 0}
.noa-product .product-1 li:last-child #more_clo p,.noa-product .product-2 li:last-child #more_clo p{position: absolute;height: 26px;color: #FFF;text-align: center;top: 22%;left: 17%}

.noa-que{width: 900px;height: 600px;margin: 5% auto}
.noa-que .que-ul{float: left;width: 48%;margin: 0 1%}