@charset "utf-8";
@font-face {
	font-family:"member";
	src:
 url('../font/member.woff') format('woff'), url('../font/member.ttf') format('truetype');
}
.member_iconfont {
	font-family:"member" !important;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale;
}
/* Style Reset */
html {
	font-size:625%;
	-webkit-text-size-adjust:none;
	max-height:100%
}
body {
	font-size: 0.16rem;
}
body, p, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt {
	margin:0;
	padding:0;
	font-family: "microsoft yahei";
}
ul, ol, li, dl, dt, dd {
	list-style:none;
}
a {
	text-decoration:none;
	outline:0px;
}
fieldset, img {
	border:0;
}
img {
	display:block;
	max-width: 100%
}
input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea {
	-webkit-appearance: none;
}
.clear {
	clear:both;
	width:100%;
}
.c {
	clear:both;
	width:100%;
}
/* common */
.content {
	min-height: 8rem;
	overflow: hidden;
	font-size: 0.2rem;
	margin-top: 6%;
	padding-bottom: 15%;
	background-color: transparent;
}
.content #allmap {
	height: 8rem;
	margin-top: 0px;
}
.content_new {
	margin-top:0!important;
} /* 首页不要上边距 */
.common_bg {
	background-color: #b30f1a!important;
}
/* index style */

/*header*/
.head {
	text-align:center;
	position:fixed;
	width:100%;
	height: 0.691rem;
	top:0;
	right:0;
	box-shadow: 0 4px 4px rgba(9,2,4,.55);
	line-height: 0.791rem;
	z-index:99;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.logo {
	display:inline-block;
	width:45%;
	height:auto;
}
.top-nav {
	position:absolute;
	right:1.09375%;
	top:100%;
	width:14.0625%;
}
.class-btn {
	position:absolute;
	right:16%;
	top:0%;
	width:14.0625%;
	font-size:0.24rem;
	line-height:0.82rem;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
.top-home {
	position:absolute;
	left:1.09375%;
	top:0;
	width:14.0625%;
	font-size:0.4rem;
	line-height:0.82rem;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
.top-title {
	width:70%;
	position: absolute;
	left:15%;
	top:0;
	font-size:0.3rem;
	line-height: 0.71rem;
	text-align:center;
	color: #fff;
	overflow:hidden;
}
.sub_page {
	min-height:6rem;
	overflow:hidden;
	font-size:0.16rem
}
.sub_page center {
	padding:0.4rem 0;
	font-size:0.2rem
}
.sub_page center a {
	color:red
}
.search_hl {
	width:14.0625%;
	top:-1px;
	position:absolute;
	height:100%;
	font-size:0.38rem;
	line-height:0.8rem;
	color: #fff;
	text-align:center;
	overflow:hidden;
}
.search_l {
	left:0%;
}
/*header end*/

/* nav */
body {
	position:relative;
	width:100%;
	background:#fff;
	height:100%;
}
.allpage {
	position:relative;
	z-index:10;
	background:#fff;
	height:auto;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	right:0;
	min-height:6rem;
}
.clicked {
	right:220px!important;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.nav {
	width:220px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	z-index:2;
}
.fixed {
	width:220px;
	height:100%;
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	z-index:5;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.nav li {
	width:220px;
	margin:0 auto;
	border-bottom: 1px solid #111;
	border-top: 1px solid #444;
}
.nav li a {
	display:block;
	width:100%;
	font: 700 16px/50px '微软雅黑';
	color:#fff;
	text-align: center;
}
.nav li a span {
	margin-right:3%;
}
.nav li p {
	text-indent:70px;
}
.nav li:last-child {
	margin-bottom:20%;
	border-bottom: 0;
}
#allmap {
	width:100%;
	height:8rem;
	font-size:0.18rem
}
.share {
	bottom: 5%;
	display: none;
	z-index: 9;
	position: fixed!important;
	width: 100%;
}
.black-fixed {
	position: fixed;
	z-index:99999!important;
	left:0;
	width:0;
	top:0;
	height:150%;
	background:rgba(0,0,0,0.9);
	text-align:right;
	font-size:0.4rem;
	color:#fff;
	line-height:2;
	right:0;
	overflow:hidden;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	opacity: 0
}
.black-clicked {
	width:100%;
	padding-right:2%;
	left:-227px;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	opacity: 1
}
/* nav end*/



/* sub header */
.nav-btn {
	width:14.0625%;
	right: 0;
	top:0;
	position:absolute;
	font-size:0.4rem;
	line-height: 0.71rem;
	color: #fff;
	text-align:center;
	overflow:hidden;
}
.home-btn {
	width:14.0625%;
	left:1.09375%;
	top:0;
	position:absolute;
	height:100%;
	font-size:0.4rem;
	line-height: 0.71rem;
	color: #fff;
	text-align:center;
	overflow:hidden;
	display:block;
}
.top-nav {
	position:absolute;
	right:1.09375%;
	top:100%;
	width:14.0625%;
}
.top-home {
	position:absolute;
	left:1.09375%;
	top:0;
	width:14.0625%;
	font-size:0.4rem;
	line-height:0.82rem;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
.class-btn {
	position:absolute;
	right:16%;
	top:0%;
	width:18.0625%;
	font-size:0.24rem;
	line-height:0.666rem;
	color: #fff;
	text-align:center;
	overflow:hidden;
}
.class-btn span.commonfont {
	font-size:0.28rem
}
/* footer */
.footer {
	width:100%;
	position: fixed!important;
	bottom: 0;
	right: 0;
	z-index: 9999;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.foot {
	width:100%;
	position: fixed;
	height:0.8rem;
	bottom:0;
	left:0;
	z-index:10;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.foot-relative {
	position:relative;
	width:100%;
	height: 0.8rem;
}
.foot a {
	display:block;
	float:left;
	width:33.3%;
	color: #fff;
}
.foot a span {
	display:block;
	width:100%;
	text-align:center;
	font-size: 0.4rem;
	line-height: 0.5rem;
}
.foot a h3 {
	width:100%;
	text-align:center;
	font: 0.18rem/0.2rem "microsoft yahei";
}
.common-pro-search {
	width:90%;
	height:0.533rem;
	background: #fff;
	margin:2% auto;
}
.common-text {
	float:left;
	border:0;
	background:#fff;
	width:84.45%;
	height:0.533rem;
	text-indent:0.1rem;
	font:0.16rem/0.533rem "microsoft yahei";
	border-radius:0;
}
.common-submit {
	float:right;
	width:15.55%;
	border:0;
	font-size:0.36rem;
	line-height:0.533rem;
	color:#fff;
	height:0.533rem;
	border-radius:0;
	background:none;
	background:#333;
}
/* foot search btn */
.common-search {
	width:92.1875%;
	position:absolute;
	z-index:100;
	left:3.90625%;
	bottom:0.9rem;
	background: #fff;
	border:1px solid #ccc;
	display:none;
	border-radius: 8px;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 2px #666 inset;
	box-shadow: 0 1px 2px #666 inset;
}
.search-input-n {
	width: 85%;
	height:0.533rem;
	line-height: 0.533rem;
	border:none;
	outline: none;
	text-indent: 5%;
	border-radius: 25px;
	font-family: "microsoft yahei";
	background-color: transparent;
}
.search-btn-n {
	width: 12%;
	border:none;
	outline: none;
	font-size: 0.4rem;
	line-height: 0.533rem;
	background-color: transparent;
	color:#666;
	background-color: transparent;
	font-family: "microsoft yahei";
}
/* foot search btn end*/

/*font*/
@font-face {
	font-family:"iconfont";
	src:url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype');
}
.iconfont {
	font-family:"iconfont" !important;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale;
}
/*font*/
@font-face {
	font-family:"commonfont";
	src:url('../font/common.woff') format('woff'), url('../font/common.ttf') format('truetype');
}
.commonfont {
	font-family:"commonfont" !important;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale;
}
/* sub_banner */
.big-pic {
	width:100%;
	position:relative;
	z-index:2;
	margin:0 auto;
}
.big-pic-in {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.pic-list {
	position:relative;
	height:auto;
	-webkit-transform:translate3d(0, 0, 0);
	z-index:0;
}
.pic-list img {
	float:left;
	height:auto;
	width:100%;
	display:block;
}
.big-pic2 .pic-list {
	width:200%;
}
.big-pic2 .pic-list img {
	width:50%;
}
.big-pic3 .pic-list {
	width:300%;
}
.big-pic3 .pic-list img {
	width:33.333334%;
}
.big-pic4 .pic-list {
	width:400%;
}
.big-pic4 .pic-list img {
	width:25%;
}
.slide-dot {
	width:100%;
	text-align:center;
	height:16px;
	padding-top:4px;
	overflow:hidden;
	position:absolute;
	bottom:5px;
	display:none
}
.slide-dot span {
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:8px;
	vertical-align:top;
	z-index:10;
	margin:0 7px;
	background:#fff
}
.slide-dot span.slide-dot-cur {
	z-index:10;
	vertical-align:top;
	background:#6b1b55
}
.transition {
	-moz-transition: -moz-transform 0.3s ease-out;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
/* top class */
.type {
	width:100%;
	top: 0.691rem;
	position:fixed;
	background:#232323;
	z-index: 999;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	height:3rem;
	padding:0.1rem 0;
	display:none
}
.type li {
	width:90%;
	background:#fff;
	font:0.2rem/0.46rem "microsoft yahei";
	margin:2% auto;
	overflow:hidden;
	position:relative;
}
.type li a {
	display: block;
	float:left;
	width:60%;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	padding:0 4%;
	color:#666
}
.type li span.commonfont {
	font-size:0.3rem;
	line-height:0.46rem;
	display:block;
	width:16%;
	text-align:center;
	color:#666;
	position:absolute;
	top:0;
	right:0;
}
.type li dl {
	float:left;
	border-top:2px solid #232323;
	width:100%;
	display:none
}
.type li dl dd {
	overflow:hidden
}
.type li dl dd a {
	width:100%
}
.type h1 {
	font:0.2rem/2 "microsoft yahei";
	width:90%;
	margin:0 auto;
	color:#fff;
}
/* top class */
.class {
	width:100%;
	top:8.33em;
	position:fixed;
	background:#232323;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	height:3rem;
	padding:0.1rem 0;
	display:none
}
.class li {
	width:90%;
	background:#fff;
	font:0.2rem/0.46rem "microsoft yahei";
	margin:2% auto;
	overflow:hidden;
	position:relative;
}
.class li a {
	display: block;
	float:left;
	width:60%;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	padding:0 4%;
	color:#666
}
.class li span.iconfont {
	font-size:0.3rem;
	line-height:0.46rem;
	display:block;
	width:16%;
	text-align:center;
	color:#666;
	position:absolute;
	top:0;
	right:0;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
	-moz-transition: -moz-transform 0.3s ease-out;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.class li span.iconfont.class-up {
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);
	-moz-transition: -moz-transform 0.3s ease-out;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.class li dl {
	float:left;
	border-top:2px solid #232323;
	width:100%;
	display:none
}
.class li dl dd {
	overflow:hidden
}
.class li dl dd a {
	width:100%
}
/* subpage */
.about, .view {
	width:92.5%;
	margin:0% auto;
	font:0.22rem/2.4 "microsoft yahei";
	color:#1d1d1d;
}
.view p {
	margin:0;
	padding:0;
}
.view h1 {
	width:100%;
	text-align:center;
	font:0.3rem/0.5rem "microsoft yahei";
	color:#393939;
}
.about h1 {
	line-height: 0.6rem;
	text-align:center;
	font:0.28rem/0.5rem "microsoft yahei";
	font-weight:bold;
	margin-bottom:3%;
}
.view img {
	max-width: 100%;
	display:inline
}
.page {
	display:block;
	width:100%;
	height:0.38rem;
	font:0.22rem/0.38rem "microsoft yahei";
	color:#777;
	background:#ddd;
	border-radius:0.38rem;
	margin:2% auto;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	text-indent:0.1rem;
}
.back {
	display:block;
	width:33.57%;
	margin:2% auto;
	height:0.4rem;
	border-radius:0.4rem;
	font:0.2rem/0.4rem "microsoft yahei";
	color:#393939;
	text-align:center;
}
/* product */
.product-top {
	width:91.25%;
	margin:2% auto;
	border-bottom:1px solid #c9c9c9;
	height:0.5833rem;
	font:0.2rem/0.5833rem "microsoft yahei";
	color:#7b7b7b;
}
.product-top p {
	float:left;
}
.product-top p span {
	color:#3e74ce
}
.product-top-right {
	float:right;
	color:#7b7b7b
}
.product-top-right a {
	font-size:0.3rem;
	color:#272727;
	vertical-align: middle