@charset "utf-8";
/* CSS Document */
html{font-size:100px;}
body {
	max-width:640px;
	min-width:320px;
	margin:0px auto;
	font-family:"Microsoft YaHei";
	font-size:0.2rem;
	color:#1e1e1e;
}
img{display:block;}

a:link{color:#1e1e1e; cursor:pointer; text-decoration:none;}
a:visited{color:#1e1e1e; text-decoration:none;}
a:hover{color:#2a3139; text-decoration:none;}
a:active{color:#1e1e1e; text-decoration:none;}
.clear{clear:both;}
.fl {float: left;}
.fr {float: right;}

.trans {
	-webkit-transition:all ease .3s;
	-moz-transition:all ease .3s;
	transition:all ease .3s;
}

@font-face {
      font-family: 'helvetica';
      src: url('../fonts/helvetica_condensed-webfont.eot');
      src: url('../fonts/helvetica_condensed-webfont.eot?#iefix') format('embedded-opentype'),
           url('../fonts/helvetica_condensed-webfont.woff') format('woff'),
	   	   url('../fonts/helvetica_condensed-webfont.ttf') format('truetype'),
	       url('../fonts/helvetica_condensed-webfont.svg#SingleMaltaRegular') format('svg');
      font-weight: normal;
      font-style: normal;
}

/*header*/
.header-box {
	width:100%;
	height:1.08rem;
}

header {
	width:100%;
	height:1.08rem;
	background:url(../images/header-back.png) left top repeat-x;
	background-size:1px 1.08rem;
	position:fixed;
	right:0;
	top:0;
	z-index:9999;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
}

header .header-mid {
	width:90.625%;
	margin:0 auto;
}

.header-mid .menu {
	float:right;
	width:0.50rem;
	height:0.32rem;
	margin-top:0.34rem;
	background:url(../images/menu.png) right center no-repeat;
	background-size:100%;
}

.header-mid .logo {
	display:block;
	width:3.85rem;
	height:1rem;
	background:url(../images/logo.png) left center no-repeat;
	background-size:100%;
}

/*banner*/
.banner {
	width:100%;
	height:4rem;
	margin-top:-0.08rem;
	overflow:hidden;
	position:relative;
}

/*pclass*/
.con-pclass-wrap {
	width:100%;
	padding:40px 0 50px;
	background:#f6f6f6 url(../images/spring.png) right top no-repeat;
	background-size:3.07rem 0.46rem;
}

.con-pclass {
	width:90.625%;
	margin:0 auto;
	overflow:hidden;
}

.con-pclass ul li {
	float:left;
	width:1.4rem;
	padding:0.3rem 0 0 0.06rem;
}

.con-pclass ul li .pc-pic {
	width:1.4rem;
	height:1.18rem;
	padding-top:0.22rem;
	background:url(../images/pclass-back.png) center top no-repeat;
	background-size:100%;
}

.con-pclass ul li .pc-pic img {
	display:block;
	width:0.85rem;
	height:0.96rem;
	margin:0 auto;
}

.con-pclass ul li p {
	padding-top:0.21rem;
	font-size:0.18rem;
	text-align:center;
	color:#2f2d2d;
}

/*footer*/
.footer-box {
	width:100%;
	height:1rem;
}

footer {
	width:100%;
	height:1rem;
	background:url(../images/fooer-back.jpg);
	background-size:0.03rem 0.02rem;
	position:fixed;
	right:0;
	bottom:0;
	z-index:9999;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
}

footer a {
	float:left;
	display:block;
	width:33.3%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
}

footer a.f-home {
	background-image:url(../images/f-home.png);
	background-size:0.9rem 0.28rem;
}

footer a.f-tel {
	background-image:url(../images/f-tel.png);
	background-size:0.78rem 0.31rem;
}

footer a.f-email {
	background-image:url(../images/f-email.png);
	background-size:1.05rem 0.28rem;
}

/*inpage*/
.incontent-top {
	width:100%;
	height:1.22rem;
	margin-top:-0.08rem;
	padding-top:0.43rem;
	background:url(../images/incon-top-back.jpg) center top no-repeat;
	background-size:100%;
}

.incontent-top h2 {
	font:bold 0.48rem/0.38rem 'helvetica';
	text-transform:uppercase;
	text-align:center;
	color:#fff;
}

.incontent-top .inpage-nav {
	padding-top:0.38rem;
	text-align:center;
	font-size:0.16rem;
}

.inpage-nav span {
	padding:0 0.15rem;
	color:#fff;
}

.inpage-nav a {
	color:#fff;
}

.incontent {
	width:90.625%;
	margin:0 auto;
	padding-bottom:0.5rem;
}

/*about*/
.incon-about {
	padding-top:0.44rem;
}

.incon-about h3 {
	font-size:0.28rem;
	color:#ea0a0a;
}

.incon-about h3 span {
	display:block;
	padding-top:0.06rem;
	font-size:0.17rem;
	color:#afafaf;
}

.incon-about .text {
	padding-top:0.15rem;
	line-height:0.38rem;
}

.about-list {
	padding-top:0.7rem;
}

.about-list .about-item {
	margin-top:0.24rem;
	padding:0 0.2rem;
	border:1px solid #f2f2f2;
	-webkit-box-shadow:0 0 0.03rem #f7f7f7;
	-moz-box-shadow:0 0 0.03rem #f7f7f7;
	box-shadow:0 0 0.03rem #f7f7f7;
}

.about-item .about-item-t {
	height:0.6rem;
	padding:0.23rem 0 0 0.7rem;
	border-bottom:1px dashed #c3a079;
}

.about-item.item1 .about-item-t {
	background:url(../images/a-item1.png) 0.06rem center no-repeat;
	background-size:0.44rem;
}

.about-item.item2 .about-item-t {
	background:url(../images/a-item2.png) 0.1rem center no-repeat;
	background-size:0.35rem;
}

.about-item.item3 .about-item-t {
	background:url(../images/a-item3.png) 0.1rem center no-repeat;
	background-size:0.37rem;
}

.about-item.item4 .about-item-t {
	background:url(../images/a-item4.png) 0.16rem center no-repeat;
	background-size:0.24rem;
}

.about-item.item5 .about-item-t {
	background:url(../images/a-item5.png) 0.09rem center no-repeat;
	background-size:0.37rem;
}

.about-item-t h4 {
	font-weight:bold;
	font-size:0.24rem;
	color:#393939;
}

.about-item-t h4 span {
	display:block;
	padding-top:0.06rem;
	font:0.14rem/1 Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#c3a079;
}

.about-item p {
	padding:0.2rem 0 0.28rem;
	line-height:0.34rem;
	color:#252525;
}

/*contact*/
.incon-contact {
	width:90.625%;
	margin:0 auto;
	padding-top:0.32rem;
}

.incon-contact li {
	padding-bottom:0.12rem;
	border-bottom:1px solid #bebebe;
}

.incon-contact li h4 {
	padding:0.33rem 0 0.11rem 0.51rem;
	color:#2c3135;
}

.incon-contact li.item1 h4 {
	background:url(../images/address.png) 0.06rem 0.25rem no-repeat;
	background-size:0.27rem;
}

.incon-contact li.item2 h4 {
	background:url(../images/tel.png) 0.04rem 0.29rem no-repeat;
	background-size:0.31rem;
}

.incon-contact li.item3 h4 {
	background:url(../images/fax.png) left 0.35rem no-repeat;
	background-size:0.4rem;
}

.incon-contact li.item4 h4 {
	background:url(../images/email.png) 0.08rem 0.36rem no-repeat;
	background-size:0.24rem;
}

.incon-contact li.item5 h4 {
	background:url(../images/mobile.png) 0.09rem 0.32rem no-repeat;
	background-size:0.21rem;
}

.incon-contact li p {
	color:#252424;
}

.incon-map {
	width:100%;
	height:4.09rem;
	padding-top:0.33rem;
}
.incon-title {
	padding-top:90px;
	text-align:center;
}

.incon-title h2 {
	padding-top:12px;
}

.incon-title img {
	display:inline;
}

.incon-title h2 img {
	width:0.21rem;
	height:1px;
	margin-top:-1px;
	vertical-align:middle;
}

.incon-title h2 span {
	padding:0 7px;
	font-size:18px;
	text-transform:uppercase;
	color:#131313;
}

.incon-message {
	width:100%;
	padding:0.68rem 0 1.94rem;
	border-top:1px solid #ddd;
	background-color:#f4f4f4;
}

.incon-message .incon-title > img {
	width:3.55rem;
}

.box-message {
	width:90.625%;
	margin:0 auto;
	padding-top:0.6rem;
}

.box-message input[type="text"] {
	float:left;
	width:2.56rem;
	height:0.46rem;
	padding:0;
	outline:none;
	padding-left:0.2rem;
	-webkit-appearance:none;
	border-radius:0;
	border:0.02rem solid #e9e9e9;
	-webkit-border-radius:0.23rem;
	-moz-border-radius:0.23rem;
	border-radius:0.23rem;
	font-size:0.16rem;
	color:#222325;
}

.box-message textarea {
	clear:both;
	width:5.34rem;
	height:1.46rem;
	margin-top:0.26rem;
	padding:0.26rem 0.2rem;
	outline:none;
	-webkit-appearance:none;
	border-radius:0;
	border:0.02rem solid #e9e9e9;
	-webkit-border-radius:0.36rem;
	-moz-border-radius:0.36rem;
	border-radius:0.36rem;
	font-size:0.16rem;
	line-height:0.24rem;
	color:#222325;
}

.box-message input[type="submit"] {
	display:block;
	width:4.16rem;
	height:0.46rem;
	margin:0 auto;
	margin-top:0.2rem;
	outline:none;
	cursor:pointer;
	-webkit-appearance:none;
	border-radius:0;
	border:0.02rem solid #b91f1f;
	-webkit-border-radius:0.22rem;
	-moz-border-radius:0.22rem;
	border-radius:0.22rem;
	background-color:#e90a0a;
	font-size:0.18rem;
	line-height:0.46rem;
	text-align:center;
	color:#fff;
}

/*download*/
.incon-download {
	padding-top:0.43rem;
}

.incon-download > img.download-logo {
	margin:0 auto;
}

.incon-download > p {
	padding-top:0.23rem;
	font-size:0.18rem;
	line-height:0.28rem;
	text-align:center;
	color:#4c4848;
}

.download-list {
	padding-top:0.39rem;
}

.download-list .download-item {
	height:2.4rem;
	border-bottom:1px solid #dedede;
}

.download-item .d-item-l {
	float:left;
	width:1.54rem;
	height:1.73rem;
	padding:0.33rem 0;
}

.d-item-l img {
	width:100%;
}

.download-item .d-item-r {
	padding:0.47rem 0 0 1.54rem;
}

.d-item-r h4 {
	font-size:0.22rem;
	color:#0e0d0d;
}

.d-item-r h4 span {
	padding-left:0.14rem;
	font:0.22rem/1 Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#aaa9a9;
}

.d-item-r p.download-info {
	padding-top:0.22rem;
	font-size:0.16rem;
	color:#666;
}

.d-item-r .item-share {
	padding-top:0.11rem;
	overflow:hidden;
}

.item-share span {
	float:left;
	font-size:0.16rem;
}

.d-item-r > a {
	display:block;
	width:1.25rem;
	height:0.4rem;
	margin-top:0.26rem;
	background-color:#ea0909;
	-webkit-border-radius:0.04rem;
	-moz-border-radius:0.04rem;
	border-radius:0.04rem;
	font-size:0.18rem;
	line-height:0.4rem;
	text-align:center;
	color:#fff;
}

/*other*/
.incon-other ul {
	overflow:hidden;
}

.incon-other ul li {
	float:left;
	width:2.4rem;
	padding:0 0 0.16rem 1rem;
}

.incon-other ul li img {
	width:100%;
	margin:0 auto;
}

.incon-other ul li h4 {
	font-size:0.18rem;
	color:#0e0d0d;
}

.incon-other ul li h4 span {
	padding-left:0.12rem;
	font:0.18rem/1 Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#aaa9a9;
}

.incon-other ul li div.hx-wrap {
	width:2.4rem;
	height:1px;
	margin-top:0.16rem;
	background-color:#efecec;
}

.hx-wrap .hx {
	width:0.2rem;
	height:1px;
	background-color:#524b46;
}

.incon-other ul li p {
	padding-top:0.09rem;
	font-size:0.16rem;
	line-height:0.28rem;
	color:#3d3d3d;
}

/*productDe*/
.incon-productDe {
	width:100%;
	margin-top:-0.08rem;
	padding-bottom:0.5rem;
}

.incon-productDe .proDe-t-wrap {
	width:100%;
	padding:0.57rem 0 0.44rem;
	border-bottom:1px solid #ddd;
	background:#f0f1f3 url(../images/incon-top-back.jpg) center top no-repeat;
	background-size:100%;
}

.proDe-t-wrap .proDe-t {
	width:90.625%;
	margin:0 auto;
}

.proDe-t img {
	float:left;
	width:1.8rem;
	height:2.03rem;
	padding-top:0.2rem;
}

.proDe-t .proDe-t-r {
	float:left;
}

.proDe-t-r h1 {
	font-size:0.36rem;
	color:#fff;
}

.proDe-t-r h1 span {
	display:block;
	width:0.5rem;
	height:0.03rem;
	margin-top:0.14rem;
	background-color:#fff;
}

.proDe-t-r > p {
	padding-top:0.8rem;
	font-size:0.16rem;
	line-height:0.28rem;
	color:#151417;
}

.proDe-t-r > p > span {
	color:#e90a0a;
}

.proDe-t div.pro_info {
	clear:both;
	padding-top:0.8rem;
}

.pro_info li {
	overflow:hidden;
	font-size:0.18rem;
	line-height:0.34rem;
	color:#1e1e1e;
}

.pro_info li > span {
	float:left;
}

.pro_info li p {
	padding-left:0.72rem;
}

.box-proDe {
	width:100%;
	padding-top:0.27rem;
	overflow:hidden;
}

.box-proDe-l {
	width:90.625%;
	margin:0 auto;
}

.box-proDe-l .box-title {
	height:0.5rem;
	padding-left:0.11rem;
	background-color:#f5f5f5;
	border-top:1px solid #c3a079;
	font-size:0.22rem;
	line-height:0.5rem;
	color:#1e1e1e;
}

.box-model {
	overflow:hidden;
}

.box-model form select {
	display:block;
	width:5.78rem;
	height:0.38rem;
	margin-top:0.13rem;
	padding:0;
	padding-left:0.11rem;
	outline:none;
	border:1px solid #c5c5c5;
	border-radius:0;
	font-size:0.2rem;
	line-height:0.38rem;
	color:#191818;
}

.box-model form select option {
	padding-left:0.11rem;
}

.box-model .parameter {
	padding-top:0.17rem;
	overflow:hidden;
}

.parameter input {
	float:left;
	height:0.38rem;
	border:1px solid #c5c5c5;
	-webkit-appearance:none;
	border-radius:0;
	padding:0;
	outline:none;
	font-size:0.16rem;
	text-align:center;
	color:#5f5f5f;
}

.parameter span {
	float:left;
	padding:0 0.06rem;
	font-size:0.22rem;
	line-height:0.4rem;
	color:#5f5f5f;
}

.box-model input[type="button"] {
	float:right;
	display:block;
	width:0.96rem;
	height:0.4rem;
	border:none;
	cursor:pointer;
	background-color:#e90a0a;
	border-radius:0;
	-webkit-border-radius:0.05rem;
	-moz-border-radius:0.05rem;
	border-radius:0.05rem;
	font-size:0.18rem;
	line-height:0.4rem;
	text-align:center;
	color:#fff;
}

.box-standard {
	padding-top:0.24rem;
}

.box-standard ul {
	padding-top:0.2rem;
}

.box-standard ul li {
	padding-top:0.1rem;
	overflow:hidden;
}

.box-standard ul li input, .box-standard ul li > span {
	float:left;
	padding:0;
	outline:none;
	-webkit-appearance:none;
	border-radius:0;
}

.box-standard ul li input[type="text"] {
	width:0.98rem;
	height:0.38rem;
	border:1px solid #c5c5c5;
	font-size:0.16rem;
	text-align:center;
	color:#5f5f5f;
}

.box-standard ul li p {
	float:left;
	width:2.95rem;
	line-height:0.4rem;
	text-align:center;
	color:#5f5f5f;
}

.box-standard ul li p span {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:1.4rem;
}

.box-standard ul li > span {
	display:block;
	width:1rem;
	height:0.4rem;
	box-sizing:border-box;
	margin-right:0.12rem;
	position:relative;
	border:1px solid #dedcdc;
	line-height:0.38rem;
	text-align:center;
	color:#1e1e1e;
	cursor:pointer;
}

.box-standard ul li > span i {
	display:block;
	width:1rem;
	height:0.4rem;
	background:url(../images/select_icon.png) center top no-repeat;
	background-size:100%;
	display:none;
	position:absolute;
	left:-1px;
	top:-1px;
}

.box-standard ul li > span.on i {
	display:block;
}

.box-standard ul li input[type="button"] {
	display:block;
	width:0.96rem;
	height:0.4rem;
	border:none;
	outline:none;
	padding:0;
	padding-left:0.4rem;
	-webkit-border-radius:0.05rem;
	-moz-border-radius:0.05rem;
	border-radius:0.05rem;
	cursor:pointer;
	background:#e90a0a url(../images/search-icon.jpg) 0.19rem center no-repeat;
	background-size:0.17rem;
	font-size:0.16rem;
	line-height:0.4rem;
	text-align:left;
	color:#fff;
}

.box-pic {
	padding-top:0.33rem;
}

.box-pic img {
	width:5.58rem;
	padding:0.3rem 0.11rem 0.23rem;
}

.box-proDe-r {
	width:100%;
}

.box-proDe-r table {
	width:100%;
	background-color:#f5f5f5;
}

.box-proDe-r table td, .box-proDe-r table th {
	border:1px solid #fff;
	text-align:center;
}

.box-proDe-r table th {
	height:0.38rem;
	background-color:#c3a079;
	border-bottom-color:#8d6e4c;
	font-size:0.12rem;
	vertical-align:middle;
	color:#fff;
}

.box-proDe-r table td {
	height:0.32rem;
	font-size:0.14rem;
	color:#242424;
	vertical-align:middle;
}

.noselect {
	-moz-user-select:none;
	-webkit-user-select:none;
}

/*nav*/
#nav-over{position:fixed;left:0;top:0;z-index:9998;display:none;width:100%;height:100%;}
.warmp{position:relative;right:0;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease;}
.nav{position:fixed;top:0;right:-3rem;z-index:9999;width:3rem;height:100%;background:#005aa2;-webkit-transition:all .5s ease;transition:all .5s ease;}
.openMenu{right:3rem; left:auto;-webkit-transition:all .5s ease;transition:all .5s ease;}
.openNav{right:0;-webkit-transition:all .5s ease;transition:all .5s ease;}
.nav h3{padding:0.6rem 0 0 0.25rem;font-size:2.2em;font-weight:normal;color:#fff;line-height:50px;}
.nav h3 a{color:#fff;}
.scrollerBox{position:relative;overflow:scroll;overflow-x:hidden;overflow-y:scroll;-ms-touch-action: none;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
.scroller{position: absolute;width:100%;padding:0 0 100px 0;cursor:move;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
.nav ul li a{display:block;height:0.8rem;overflow:hidden;padding:0 0 0 0.24rem;line-height:0.8rem;color:#dcdcdc;font-size:2em;border-bottom:1px solid #fff;}
.openMenu{right:3rem;-webkit-transition:all .5s ease;transition:all .5s ease;}

/*scrollUp*/
#scrollUp{width:0.8rem; height:0.82rem; right:3%; bottom:1.2rem; background:url(../images/top.png); background-size:100%;}

.anchor {
	width:100%;
	height:0;
	padding-top:1.08rem;
	margin-top:-1.08rem;
}

.fy {
	padding-top:0.4rem;
	text-align:center;
}

.fy span, .fy a {
	margin:0 0.1rem;
}

.fy span.current {
	color:red;
}