@font-face {
	font-family: member;
	src: url(iconfont.ttf) format("woff"), url(iconfont.ttf) format("truetype");
}
@font-face {
	font-family: iconfont;
	src: url(iconfont.ttf) format("woff"), url(iconfont.ttf) format("truetype");
}
@font-face {
	font-family: commonfont;
	src: url(iconfont.ttf) format("woff"), url(iconfont.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;
}
html {
	font-size: 625%; max-height: 100%; -webkit-text-size-adjust: none;
}
body {
	font-size: 0.16rem;
}
body {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
img {
	margin: 0px; padding: 0px;
}
figure {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
li {
	list-style: none;
}
dl {
	list-style: none;
}
dt {
	list-style: none;
}
dd {
	list-style: none;
}
a {
	outline: 0px; text-decoration: none;
}
fieldset {
	border: 0px currentColor;
}
img {
	border: 0px currentColor;
}
img {
	display: block; max-width: 100%;
}
input[type='text'] {
	-webkit-appearance: none;
}
input[type='password'] {
	-webkit-appearance: none;
}
input[type='submit'] {
	-webkit-appearance: none;
}
input[type='reset'] {
	-webkit-appearance: none;
}
input[type='button'] {
	-webkit-appearance: none;
}
textarea {
	-webkit-appearance: none;
}
.clear {
	width: 100%; clear: both;
}
.c {
	width: 100%; clear: both;
}
.content {
	overflow: hidden; padding-bottom: 15%; font-size: 0.16rem; margin-top: 6%;
}
.content_new {
	margin-top: 0px !important;
}
.common_bg {
	background-color: rgb(179, 15, 26) !important;
}
.header {
	background: rgb(29, 29, 29); width: 100%; height: 0.69rem; position: relative; z-index: 9999;
}
.head {
	top: 0px; width: 100%; height: 0.69rem; text-align: center; right: 0px; line-height: 0.79rem; position: fixed; z-index: 99; box-shadow: 0px 0px 2px rgba(9,2,4,0.55); -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;
}
.inav{	
	font-size:1.3em;line-height:2em;
	width:93.75%;margin:0 auto;
}
.clear-fix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;visibility:hidden;
}
.logo {
	width: 62.81%; height: auto; margin-left: 3.43%; display: inline-block; color:#FFF; font-size:1.4em; line-height:1.8em;
}
.top-nav {
	top: 100%; width: 14.06%; right: 1.09%; position: absolute;
}
.class-btn {
	top: 0%; width: 14.06%; text-align: center; right: 16%; color: rgb(255, 255, 255); line-height: 0.82rem; overflow: hidden; font-size: 0.24rem; position: absolute;
}
.top-home {
	left: 1.09%; top: 0px; width: 14.06%; text-align: center; color: rgb(255, 255, 255); line-height: 0.82rem; overflow: hidden; font-size: 0.4rem; position: absolute;
}
.top-title {
	left: 35%; top: 0px; width: 30%; text-align: center; color: rgb(255, 255, 255); line-height: 0.71rem; overflow: hidden; font-size: 0.3rem; white-space: nowrap; position: absolute; text-overflow: ellipsis;
}
.sub_page {
	overflow: hidden; font-size: 0.16rem; min-height: 6rem;
}
.sub_page center {
	padding: 0.4rem 0px; font-size: 0.2rem;
}
.sub_page center a {
	color: red;
}
.search_hl {
	top: -1px; width: 14.06%; height: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 0.8rem; overflow: hidden; font-size: 0.38rem; position: absolute;
}
.search_l {
	left: 0%;
}

body {
	background: rgb(255, 255, 255); width: 100%; height: 100%; position: relative;
}
.allpage {
	background: rgb(255, 255, 255); height: auto; right: 0px; position: relative; z-index: 10; min-height: 6rem; -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;
}
.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 {
	top: 0px; width: 220px; right: 0px; bottom: 0px; position: absolute; z-index: 2;
}
.fixed {
	top: 0px; width: 220px; height: 100%; right: 0px; bottom: 0px; position: fixed; z-index: 5; overflow-x: hidden; -webkit-overflow-scrolling: touch;
}
.nav li {
	margin: 0px auto; width: 220px; border-bottom-color:#FFF; border-bottom-width: 1px; border-bottom-style: solid;
}
.nav li a {
	font: 800 16px/50px "微软雅黑"; width: 100%; color:#FFF; text-indent: 60px; display: block; font-size-adjust: none; font-stretch: normal;
}
.nav li a span {
	margin-right: 3%;
}
.nav li p {
	text-indent: 70px;
}
.nav li:last-child {
	margin-bottom: 20%;
}
#allmap {
	width: 100%; height: 8rem; font-size: 0.18rem;
}
.share {
	margin: 0.5rem auto; width: 160px;
}
.black-fixed {
	background: rgba(0, 0, 0, 0.9); left: 0px; top: 0px; width: 0px; height: 100%; text-align: right; right: 0px; color: rgb(255, 255, 255); line-height: 2; overflow: hidden; font-size: 0.4rem; position: fixed; z-index: 99999 !important; opacity: 0; -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;
}
.black-clicked {
	left: -227px; width: 100%; padding-right: 2%; opacity: 1; -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-btn {
	top: 0px; width: 14.06%; text-align: center; right: 0px; color: rgb(255, 255, 255); line-height: 0.71rem; overflow: hidden; font-size: 0.4rem; position: absolute;
}
.home-btn {
	left: 1.09%; top: 0px; width: 14.06%; height: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 0.71rem; overflow: hidden; font-size: 0.4rem; display: block; position: absolute;
}
.top-nav {
	top: 100%; width: 14.06%; right: 1.09%; position: absolute;
}
.top-home {
	left: 1.09%; top: 0px; width: 14.06%; text-align: center; color: rgb(255, 255, 255); line-height: 0.82rem; overflow: hidden; font-size: 0.4rem; position: absolute;
}
.class-btn {
	top: 0%; width: 18.06%; text-align: center; right: 16%; color: rgb(255, 255, 255); line-height: 0.66rem; overflow: hidden; font-size: 0.24rem; position: absolute;
}
.class-btn span.commonfont {
	font-size: 0.28rem;
}
.footer {
	width: 100%; height: 0.8rem; right: 0px; bottom: 0px; position: fixed !important; 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 {
	left: 0px; width: 100%; height: 0.8rem; bottom: 0px; position: fixed; 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 {
	width: 100%; height: 0.8rem; position: relative;
}
.foot a {
	width: 25%; color: rgb(255, 255, 255); float: left; display: block;
}
.foot a span {
	width: 100%; text-align: center; line-height: 0.5rem; font-size: 0.4rem; display: block;
}
.foot a h3 {
	width: 100%; text-align: center;
}
.common-pro-search {
	background: rgb(255, 255, 255); margin: 2% auto; width: 90%; height: 0.53rem;
}
.common-text {
	background: rgb(255, 255, 255); border-radius: 0px; border: 0px currentColor; width: 84.45%; height: 0.53rem; text-indent: 0.1rem; float: left;
}
.common-submit {
	background: rgb(51, 51, 51); border-radius: 0px; border: 0px currentColor; width: 15.55%; height: 0.53rem; color: rgb(255, 255, 255); line-height: 0.53rem; font-size: 0.36rem; float: right;
}
.common-search {
	background: rgb(255, 255, 255); border-radius: 8px; border: 1px solid rgb(204, 204, 204); left: 3.9%; width: 92.18%; bottom: 0.9rem; overflow: hidden; display: none; position: absolute; z-index: 100; box-shadow: inset 0px 1px 2px #666; -webkit-box-shadow: 0 1px 2px #666 inset;
}
.search-input-n {
	border-radius: 25px; border: currentColor; width: 85%; height: 0.53rem; line-height: 0.53rem; text-indent: 5%; font-family: "microsoft yahei"; background-color: transparent;
}
.search-btn-n {
	border: currentColor; width: 12%; color: rgb(102, 102, 102); line-height: 0.53rem; font-family: "microsoft yahei"; font-size: 0.4rem; background-color: transparent;
}
.iconfont {
	font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;
}
.commonfont {
	font-family: "commonfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;
}
.big-pic {
	margin: 0px auto; width: 100%; position: relative; z-index: 2;
}
.big-pic-in {
	margin: 0px auto; width: 100%; height: auto; overflow: hidden; position: relative;
}
.pic-list {
	height: auto; position: relative; z-index: 0; -webkit-transform: translate3d(0, 0, 0);
}
.pic-list img {
	width: 100%; height: auto; float: left; 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.33%;
}
.big-pic4 .pic-list {
	width: 400%;
}
.big-pic4 .pic-list img {
	width: 25%;
}
.slide-dot {
	width: 100%; height: 16px; text-align: center; bottom: 5px; overflow: hidden; padding-top: 4px; display: none; position: absolute;
}
.slide-dot span {
	background: rgb(255, 255, 255); margin: 0px 7px; border-radius: 8px; width: 8px; height: 8px; vertical-align: top; display: inline-block; z-index: 10;
}
.slide-dot span.slide-dot-cur {
	background: rgb(107, 27, 85); vertical-align: top; z-index: 10;
}
.transition {
	-webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; transition: transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out;
}
.type {
	background: rgb(35, 35, 35); padding: 0.1rem 0px; top: 0.69rem; width: 100%; height: 3rem; right: 0px; display: none; position: fixed; z-index: 999; overflow-x: 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; -webkit-overflow-scrolling: touch;
}
.type li {
	background: rgb(255, 255, 255); margin: 2% auto; width: 90%; overflow: hidden; position: relative;
}
.type li a {
	padding: 0px 4%; width: 60%; color: rgb(102, 102, 102); overflow: hidden; float: left; display: block; white-space: nowrap; text-overflow: ellipsis;
}
.type li span.commonfont {
	top: 0px; width: 16%; text-align: center; right: 0px; color: rgb(102, 102, 102); line-height: 0.46rem; font-size: 0.3rem; display: block; position: absolute;
}
.type li dl {
	width: 100%; border-top-color: rgb(35, 35, 35); border-top-width: 2px; border-top-style: solid; float: left; display: none;
}
.type li dl dd {
	overflow: hidden;
}
.type li dl dd a {
	width: 100%;
}
.type h1 {
	margin: 0px auto; width: 90%; color: rgb(255, 255, 255);
}
.class {
	background: rgb(35, 35, 35); padding: 0.1rem 0px; top: 8.33em; width: 100%; height: 3rem; display: none; position: fixed; overflow-x: 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; -webkit-overflow-scrolling: touch;
}
.class li {
	background: rgb(255, 255, 255); margin: 2% auto; width: 90%; overflow: hidden; position: relative;
}
.class li a {
	padding: 0px 4%; width: 60%; color: rgb(102, 102, 102); overflow: hidden; float: left; display: block; white-space: nowrap; text-overflow: ellipsis;
}
.class li span.iconfont {
	top: 0px; width: 16%; text-align: center; right: 0px; color: rgb(102, 102, 102); line-height: 0.46rem; font-size: 0.3rem; display: block; position: absolute; transform: rotate(180deg); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: rotate(180deg); -o-transition: -o-transform 0.3s ease-out; -moz-transform: rotate(180deg);
}
.class li span.class-up.iconfont {
	transform: rotate(0deg); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: rotate(0deg); -o-transition: -o-transform 0.3s ease-out; -moz-transform: rotate(0deg);
}
.class li dl {
	width: 100%; border-top-color: rgb(35, 35, 35); border-top-width: 2px; border-top-style: solid; float: left; display: none;
}
.class li dl dd {
	overflow: hidden;
}
.class li dl dd a {
	width: 100%;
}
.about {
	margin: 0% auto; width: 92.5%; color: rgb(29, 29, 29);
}
.view {
	margin: 0% auto; width: 92.5%; color: rgb(29, 29, 29);
}
.view p {
	margin: 0px; padding: 0px;
}
.view h1 {
	width: 100%; text-align: center; color: rgb(57, 57, 57);
}
.about h1 {
	text-align: center; line-height: 0.6rem; font-weight: bold; margin-bottom: 3%;
}
.view img {
	display: inline; max-width: 100%;
}
.page {
	background: rgb(221, 221, 221); margin: 2% auto; border-radius: 0.38rem; width: 100%; height: 0.38rem; color: rgb(119, 119, 119); text-indent: 0.1rem; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis;
}
.back {
	margin: 2% auto; border-radius: 0.4rem; width: 33.57%; height: 0.4rem; text-align: center; color: rgb(57, 57, 57); display: block;
}
.product-top {
	margin: 2% auto; width: 91.25%; height: 0.58rem; color: rgb(123, 123, 123); border-bottom-color: rgb(201, 201, 201); border-bottom-width: 1px; border-bottom-style: solid;
}
.product-top p {
	float: left;
}
.product-top p span {
	color: rgb(62, 116, 206);
}
.product-top-right {
	color: rgb(123, 123, 123); float: right;
}
.product-top-right a {
	color: rgb(39, 39, 39); font-size: 0.3rem; vertical-align: middle;
}
.product-top-right a.show {
	color: rgb(62, 116, 206);
}
.news {
	margin: 2% auto; width: 100%; height: auto; overflow: hidden;
}
.news li {
	width: 100%; height: 0.69rem; overflow: hidden;
}
.news li a {
	width: 100%; height: 0.69rem; overflow: hidden; display: block;
}
.news li span:nth-child(1) {
	width: 60%; color: rgb(29, 29, 29); overflow: hidden; margin-left: 4%; float: left; display: block; white-space: nowrap; text-overflow: ellipsis;
}
.news li span:nth-child(2) {
	color: rgb(159, 159, 159); margin-right: 4%; float: right; display: block;
}
.news li:nth-child(2n) {
	background: rgb(255, 255, 255);
}
.imore {
	background: rgb(179, 15, 26); margin: 2% auto; border-radius: 0.3rem; width: 36%; text-align: center; color: rgb(255, 255, 255); overflow: hidden; clear: both; display: block;
}
.back {
	background: rgb(179, 15, 26); margin: 2% auto; border-radius: 0.3rem; width: 36%; text-align: center; color: rgb(255, 255, 255); overflow: hidden; clear: both; display: block;
}
.imore::before {
	clear: both; content: "";
}
.back::before {
	clear: both; content: "";
}
.common_news {
	margin: 0% auto; width: 100%; height: auto; overflow: hidden;
}
.news1 {
	width: 100%; height: auto; overflow: hidden; display: block;
}
.news1 a {
	width: 100%; height: auto; overflow: hidden; display: block;
}
.news2 {
	width: 100%; height: auto; overflow: hidden; display: block;
}
.news2 a {
	width: 100%; height: auto; overflow: hidden; display: block;
}
.news1 {
	margin: 0px auto; width: 92%;
}
.news2 {
	margin: 0px auto; width: 92%;
}
.news1 a span:nth-child(1) {
	width: 70%; height: 0.69rem; color: rgb(29, 29, 29); overflow: hidden; float: left; display: block; white-space: nowrap; text-overflow: ellipsis;
}
.news2 a span:nth-child(1) {
	width: 70%; height: 0.69rem; color: rgb(29, 29, 29); overflow: hidden; float: left; display: block; white-space: nowrap; text-overflow: ellipsis;
}
.news1 a span:nth-child(2) {
	width: 29%; height: 0.69rem; text-align: right; color: rgb(159, 159, 159); overflow: hidden; float: right; display: block; white-space: nowrap; text-overflow: ellipsis;
}
.news2 a span:nth-child(2) {
	width: 29%; height: 0.69rem; text-align: right; color: rgb(159, 159, 159); overflow: hidden; float: right; display: block; white-space: nowrap; text-overflow: ellipsis;
}
.news2 div {
	width: 100%; color: rgb(102, 102, 102); overflow: hidden; max-height: 0.9rem;
}
.news3 {
	margin: 2% auto; width: 96%; height: auto; overflow: hidden;
}
.news3 > a {
	width: 33%; height: auto; overflow: hidden; padding-left: 3%; float: left; display: block;
}
.news1 > a > img {
	width: 100%; float: left; display: block;
}
.news3 > h1 {
	width: 100%; overflow: hidden; margin-left: 3%; display: block;
}
.news3 > h1 > a {
	width: 100%; height: 0.35rem; color: rgb(51, 51, 51); overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis;
}
.news3 > div {
	width: 58%; color: rgb(153, 153, 153); overflow: hidden; margin-top: 1%; margin-left: 3%; float: left; max-height: 0.93rem;
}
.news4 {
	margin: 2% auto; width: 50%; height: auto; overflow: hidden; float: left;
}
.news4 a {
	margin: 0px auto; width: 80%; display: block;
}
.news4 a img {
	width: 100%; display: block;
}
.news4 a span {
	width: 100%; text-align: center; color: rgb(102, 102, 102); overflow: hidden; margin-top: 6%; display: block; white-space: nowrap; text-overflow: ellipsis;
}
.news5 {
	margin: 2% auto; width: 96%; height: auto; overflow: hidden;
}
.news5 a.news5imgwrap {
	width: 25%; height: auto; margin-left: 3%; float: left;
}
.news5 a.news5imgwrap img {
	width: 100%; display: block;
}
.news5 h1 {
	width: 68%; overflow: hidden; margin-left: 3%; float: left; display: block;
}
.news5 > h1 > a {
	width: 100%; height: 0.3rem; color: rgb(51, 51, 51); overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis;
}
.news5 > div {
	width: 68%; color: rgb(153, 153, 153); overflow: hidden; margin-top: 1%; margin-left: 3%; float: left; max-height: 0.59rem;
}
.case {
	margin: 2% auto; width: 100%; height: auto; overflow: hidden;
}
.case li {
	padding: 2% 0px; width: 100%; height: auto; overflow: hidden; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.case li > a {
	margin: 0px 3.75% 0px 4.68%; border: 1px solid rgb(255, 255, 255); width: 35.46%; float: left; display: block;
}
.case li > a img {
	width: 100%; display: block;
}
.case li h1 {
	width: 51.87%; height: 0.35rem; overflow: hidden; float: left; white-space: nowrap; text-overflow: ellipsis;
}
.case li h1 a {
	color: rgb(35, 35, 35);
}
.case li div {
	width: 51.75%; height: 1.1rem; color: rgb(29, 29, 29); overflow: hidden; float: left;
}
.white-bg {
	background: rgb(255, 255, 255);
}
.login {
	margin: 10% auto; width: 87.5%; height: auto; overflow: hidden;
}
.login li {
	width: 100%; height: auto; overflow: hidden; padding-bottom: 3%;
}
.login_input {
	background: rgb(255, 255, 255); border-radius: 0px; border: 1px solid rgb(217, 217, 217); width: 96%; height: 0.42rem; text-indent: 0.1rem; float: left; display: block; -webkit-appearance: none;
}
.login_textarea {
	background: rgb(255, 255, 255); border-radius: 0px; border: 1px solid rgb(217, 217, 217); width: 95%; height: 1.42rem; text-indent: 0.1rem; float: left; display: block; -webkit-appearance: none; resize: none;
}
.pin_width {
	width: 51.78%;
}
.login_pin {
	width: 30%; height: 0.42rem; margin-left: 4%; float: left;
}
.login_btn {
	border-radius: 0px; border: 0px currentColor; width: 98%; height: 0.5rem; text-align: center; color: rgb(255, 255, 255); -webkit-appearance: none;
}
.red_alert {
	margin: 0px auto; width: 87.5%; color: red;
}
.login_link1 {
	color: rgb(148, 148, 148); margin-left: 4%; float: left;
}
.login_link2 {
	color: rgb(148, 148, 148); margin-right: 4%; float: right;
}
.info_left {
	width: 26%; text-align: left; color: rgb(112, 112, 112); float: left;
}
.info_username {
	width: 16%; text-align: center; color: rgb(112, 112, 112); float: left;
}
.info_input {
	width: 70%; float: left;
}
.site_btn {
	border-radius: 50%; border: 2px solid rgb(225, 225, 225); left: 1.87%; top: 270px; width: 0.7rem; height: 0.7rem; text-align: center; color: rgb(255, 255, 255); position: fixed; z-index: 999;
}
.cart-btn-numbers {
	width: 100%; height: 100%; color: rgb(255, 255, 255); position: relative;
}
.cart-btn-number {
	background: rgb(255, 255, 255); border-radius: 50%; border: 0.01rem solid rgb(225, 225, 225); left: 74%; width: 0.24rem; height: 0.24rem; bottom: 74%; color: rgb(194, 194, 194); position: absolute;
}
.site-nav li {
	width: 100%; height: auto; overflow: hidden;
}
.site-nav a {
	color: rgb(255, 255, 255);
}
.site-nav li a {
	padding: 0.1rem 0px; border-radius: 50%; border: 2px solid rgb(232, 232, 232); width: 0.6rem; height: 0.4rem; text-align: center; bottom: 0px; color: rgb(255, 255, 255); display: block; position: absolute; z-index: -999; opacity: 0; transform: rotate(-350deg); -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; -webkit-transform: rotate(-350deg); -moz-transform: rotate(-350deg); -o-transform: rotate(-350deg);
}
.slideup.site-nav li:nth-child(1) a {
	left: 100%; bottom: 100%; z-index: 999; opacity: 1; transform: rotate(0deg); -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; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transition-delay: 0ms;
}
.slideup.site-nav li:nth-child(2) a {
	left: 150%; bottom: 0.05rem; z-index: 999; opacity: 1; transform: rotate(0deg); -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; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transition-delay: 100ms;
}
.slideup.site-nav li:nth-child(3) a {
	left: 100%; bottom: -0.6rem; z-index: 999; opacity: 1; transform: rotate(0deg); -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; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transition-delay: 200ms;
}
.slidedown.site-nav li:nth-child(1) a {
	left: auto; right: 100%; bottom: 100%; z-index: 999; opacity: 1; transform: rotate(0deg); -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; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transition-delay: 0ms;
}
.slidedown.site-nav li:nth-child(2) a {
	left: auto; right: 150%; bottom: 0.05rem; z-index: 999; opacity: 1; transform: rotate(0deg); -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; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transition-delay: 100ms;
}
.slidedown.site-nav li:nth-child(3) a {
	left: auto; right: 100%; bottom: -0.6rem; z-index: 999; opacity: 1; transform: rotate(0deg); -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; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transition-delay: 200ms;
}
.view-price {
	margin: 0px auto; width: 100%; color: rgb(98, 98, 98);
}
.view-price span {
	color: rgb(255, 0, 0); font-size: 0.28rem;
}
.view_btns {
	margin: 2% auto; width: 100%; overflow: hidden;
}
.view_btns a {
	padding: 3% 12%; color: rgb(255, 255, 255); float: left; display: block;
}
.view_btns a:last-child {
	float: right;
}
.view_collect {
	margin: 2% auto; width: 100%; overflow: hidden; border-top-color: rgb(218, 218, 218); border-bottom-color: rgb(218, 218, 218); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.view_collect p {
	width: 30%; text-align: center; color: rgb(107, 101, 101); border-right-color: rgb(218, 218, 218); border-right-width: 1px; border-right-style: solid; float: left;
}
.view_collect a {
	width: 68%; color: rgb(112, 112, 112); text-indent: 0.6em; float: left; display: block; position: relative;
}
.view_collect a font {
	right: 0px; position: absolute;
}
.view_collect a a {
	color: rgb(112, 112, 112);
}
.header {
	height: 0.69rem !important;
}
.content {
	margin: 6% auto 0px; max-width:100%; padding-bottom: 16%; position: relative;
}
html {
	font-size: 70px;
}
html {
	font-size: 60px;
}
.survey {
	margin: 0% auto; width: 92.5%; height: auto; overflow: hidden;
}
.survey li {
	width: 100%; height: auto; overflow: hidden; padding-bottom: 3%;
}
.survey_input {
	background: rgb(255, 255, 255); border-radius: 0px; border: 1px solid rgb(217, 217, 217); width: 96%; height: 0.42rem; text-indent: 0.1rem; float: left; display: block; -webkit-appearance: none;
}
.surveya {
	margin: 0% auto; width: 92.5%; height: auto; overflow: hidden;
}
.surveya li {
	margin: 0px 0px 2%; width: 100%; height: auto; overflow: hidden; padding-bottom: 3%; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid;
}
.survey_label {
	margin: 5px 6px;
}
.survey_boder {
	border: 1px solid rgb(255, 0, 0);
}
.msg_pin {
	background: rgb(241, 68, 0); border-radius: 6px; width: 100%; height: 0.52rem; text-align: center; color: rgb(255, 255, 255); line-height: 0.52rem; font-size: 0.3rem; margin-left: 0%; float: left;
}
.msg_input {
	background: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgb(217, 217, 217); width: 94%; height: 0.52rem; text-indent: 0.1rem; float: left; display: block; -webkit-appearance: none;
}
.msg_textarea {
	background: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgb(217, 217, 217); width: 94%; height: 1.42rem; text-indent: 0.1rem; float: left; display: block; -webkit-appearance: none; resize: none;
}
.msg_input2 {
	background: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgb(217, 217, 217); width: 50%; height: 0.42rem; text-indent: 0.1rem; float: left; display: block; -webkit-appearance: none;
}
.redmc {
	font-weight: bold;
}
.msg_pin-value {
	background: rgb(241, 68, 0); border-radius: 6px; border: 0px currentColor; width: 80%; height: 0.52rem; text-align: center; color: rgb(255, 255, 255); line-height: 0.52rem; font-size: 0.3rem; margin-left: 10%; float: left;
}
input {
	
}
.search {
	padding: 0px 2%; left: 0px; top: -120%; width: 96%; height: 0.69rem; font-family: "microsoft yahei"; position: absolute; background-color: rgb(190, 21, 1);
}
.search-input {
	border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(190, 21, 1) currentColor rgb(190, 21, 1) rgb(190, 21, 1); border-radius: 15px 0px 0px 15px; width: 75%; height: 0.46rem; text-indent: 5%; font-family: "microsoft yahei"; font-size: 0.18rem; margin-top: 2%; float: left; background-color: rgb(255, 255, 255);
}
.search-btn {
	border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(190, 21, 1) rgb(190, 21, 1) rgb(190, 21, 1) currentColor; border-radius: 0px 15px 15px 0px; width: 15%; height: 0.49rem; font-size: 0.25rem; margin-top: 2%; float: left; background-color: rgb(255, 255, 255);
}
.search a {
	width: 9%; height: 0.7rem; text-align: center; color: rgb(255, 255, 255); float: left; display: inline-block;
}
.index_text {
	background: url("../images/search_bg_05.png") no-repeat 95% / 7% rgb(255, 255, 255); margin: 2% 0px; border-radius: 7px; border: currentColor; width: 90%; height: 0.5rem; text-indent: 3%; font-family: "microsoft yahei"; font-size: 0.21rem; -webkit-background-size: 7%;
}
.discuss_top {
	background: url("../images/discuss.png") no-repeat right 0px / 4.46%; margin: 2% auto; padding: 2% 0px; width: 87.5%; color: rgb(255, 255, 255); overflow: hidden; position: relative;
}
.discuss_top_left {
	margin: 0px 0px 0px 2.85%; width: 70.35%; height: 0.9rem; overflow: hidden; float: left;
}
.discuss_top_right {
	top: 0px; width: 23.21%; height: 100%; text-align: center; right: 0px; border-left-color: rgba(255, 255, 255, 0.39); border-left-width: 1px; border-left-style: solid; position: absolute;
}
.discuss_top_right span {
	font-size: 0.5rem;
}
.discuss_list {
	margin: 2% auto; width: 87.5%; overflow: hidden;
}
.discuss_list li {
	padding: 2% 0px; width: 100%; height: auto; overflow: hidden; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.discuss_list_top {
	width: 100%; height: auto; overflow: hidden;
}
.discuss_list_top span {
	color: rgb(84, 84, 84); float: left;
}
.discuss_list_top_right {
	width: 38.92%; overflow: hidden; float: right;
}
.discuss_list_top_right div {
	background: rgb(208, 207, 207); width: 67.43%; height: auto; overflow: hidden; margin-top: 3.2%; float: left; position: relative;
}
.discuss_list_top_right div img {
	width: 100%; display: block; position: relative; z-index: 2;
}
.discuss_list_top_right div p {
	left: 0px; top: 0px; width: 50%; height: 100%; position: absolute;
}
.discuss_list_top_right font {
	width: 30%; text-align: center; float: left; display: block;
}
.discuss_list_con {
	padding: 2% 0px; width: 100%; height: auto; color: rgb(138, 138, 138); overflow: hidden;
}
.discuss_list_reply {
	background: rgb(234, 234, 234); padding: 2%; width: 100%; height: auto; color: rgb(135, 127, 127); overflow: hidden;
}
.view-price {
	margin: 0px auto; width: 100%; color: rgb(98, 98, 98);
}
.view-price span {
	color: rgb(255, 0, 0); font-size: 0.28rem;
}
.view_btns {
	margin: 2% auto; width: 100%; overflow: hidden;
}
.view_btns a {
	padding: 3% 12%; color: rgb(255, 255, 255); float: left; display: block;
}
.view_btns a:last-child {
	float: right;
}
.view_collect {
	margin: 2% auto; width: 100%; overflow: hidden; border-top-color: rgb(218, 218, 218); border-bottom-color: rgb(218, 218, 218); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.view_collect p {
	width: 30%; text-align: center; color: rgb(107, 101, 101); border-right-color: rgb(218, 218, 218); border-right-width: 1px; border-right-style: solid; float: left;
}
.view_collect a {
	width: 68%; color: rgb(112, 112, 112); text-indent: 0.6em; float: left; display: block; position: relative;
}
.view_collect a font {
	right: 0px; position: absolute;
}
.view_collect a a {
	color: rgb(112, 112, 112);
}


/*产品样式*/
.ipro{width:93.75%;margin:3.125% auto 0% auto;}
.ipro .metro-b{
	position:relative; float:left;
	width:47%;  border:1px solid #cacaca;margin-right:3%;margin-bottom:3%;
}
.ipro .metro-b .pic{display:block;padding:1%; border-bottom: 1px solid #cacaca;}
.ipro .metro-b .pic img{margin:0 auto;}
.ipro .metro-b .text{
	display:block;
	padding:0 1em;
	color:#004384;font:1.25em/2.4 "Microsoft Yahei"; text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ipro .metro-b:nth-child(2n){margin-right:0%;}


/*新闻样式*/
.inews{
	width:93.75%;margin:0% auto 3% auto;
}
.inews li{
	padding:0 3.25%;
	color:#0f1427;font:normal 1.25em/4"Microsoft YaHei";text-overflow:ellipsis;white-space:nowrap;overflow:hidden;	
}
.inews li:nth-child(2n){
	padding:0 3.25%;
	color:#0f1427;font:normal 1.25em/2.5"Microsoft YaHei";text-overflow:ellipsis;white-space:nowrap;overflow:hidden;	
	background: #f0f0f0;
}
.inews li.pressed{color:#000000;}
.inews span{
	float:right;
	color:#be1501; font-weight: bold;
}

.iTel{
	width:93.75%;margin:auto auto 3.125% auto;
	border: 1px solid #be1501;
	/*background:-webkit-linear-gradient(left,#4b2a5f,#d1154b);*/
}
.iTelCon{color:#be1501; font:1.25em/2.2 "Microsoft Yahei"; text-align: center;}
.iTelCon span{ color:#be1501; font-family: impact;font-size:1.3em; }


/*内页标题*/
.pproPositionHeight{
	position: relative;
	width:100%; padding-top: 1em;
}
.pproPosition{
	position: relative;
	width: 33%;
	color:#ffffff;font:1.5em/2.5 "Microsoft YaHei"; border-right:0.5em solid #070707;
	background: #be1501;
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
	
}
.posTitle{
	 position: absolute; left:-10%; top:0;
	display: block;
	padding-left: 25%;
	color:#ffffff; text-align: center;
	transform: skew(145deg);
	-webkit-transform: skew(145deg);
	background: #be1501;
}




/* 内页下拉分类 */
.pproclass{
	/*position:absolute; z-index: 99;	cursor:pointer;	
	width: 33%;
	right:1%;top:1em;*/
	background: #000000; 
}
.pproClass .pproClassMenu{
	position:absolute; z-index: 99;	cursor:pointer;	
	width: 33%;
	right:1%;top:20%; 
	color:#ffffff;font:1.5em/2.5 "Microsoft YaHei"; border-left:0.5em solid #070707;
	background: #be1501;
	transform: skew(135deg);
	-webkit-transform: skew(135deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
}

.pproClass  .p{
	 position: absolute;
	 width: 32%;
	 right:0%; top:20%;z-index: 999;
	 display: block; 
	 color:#ffffff;font:1.5em/2.5 "Microsoft YaHei"; 
	 /*transform: skew(145deg);
	-webkit-transform: skew(145deg);*/
	background: #be1501;
}
.pproClass .iconfont{ color:#ffffff; font-size:1.375em; line-height: 1em;}
/*  proclass dl 页*/

.classList{
	position:absolute;z-index:999;right:0%;
	min-width: 50%;padding:0% 2%;
	color:#ffffff;font: normal 1.1em/2.2 "Microsoft Yahei";text-align:left;
	background:#be1501;
	display:none;
}
.classList ul li{
	border-bottom: 1px solid #fff;
}
.classList ul li a{
	display: block;
	color:#ffffff;
}
.classList ul li a:visited{
	color:#fffffe;
}




.i_atype{
	padding: 3.125% 2% 0;
}
.i_atype li{
	width: 20%;
	float: left;
	font: 400 1.0em/1.8em "微软雅黑";
	padding-bottom: 1em;
}
.i_atype li a{
	display: block;
	width: 96%;
	margin: 0 auto;
	background: #959595;
	border-radius: 0.15em;
	color: #fff;
	padding: 0.1em 0;
	text-align: center;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.i_atype li a:visited{
	color: #fffffd;
}
.i_atype li.hover a{
	background: #333333;
	color:#fff;
}

.pro_tytit{
	padding:1em 3.125%;
}
.pro_tytit a{
	font:400 1.375em/2 Microsoft Yahei;
	color:#fff;
	background:#333333;
	text-align:center;
	display: block;
	border-radius: 0.15em;
}
.pro_tytit a img{
	display: inline-block;
	width: 8.83%;
	margin-left: 5%;
}
.n_type{
	padding:1% 0 3% 0;
}
.n_type li{
	width:93.75%;
	margin:0 auto;
	margin-bottom:1em;
}
.n_type li p{
	display:block;
	font:400 1.2em/2.5em Microsoft Yahei;
	color:#fff;
	background:#333333 url(../images/type_ico1.jpg) 95% center no-repeat;
	background-size:2.2% auto;
	padding:0 5%;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.n_type li a{
	color:#fff;
}
.n_type li.hover p{
	background:#333333 url(../images/type_ico2.jpg) 95% center no-repeat;
	color:#fff;
	background-size:3.6% auto;
}
.n_type li.hover p a{
	color: #fff;
}
.n_type li.hover .sub{
	display:block;
}
.n_type li .sub{
	/*display:none;*/
	padding:3% 5% 0 3%;
	font:400 1.1em/2em Microsoft Yahei;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.n_type li .sub a{
	display:block;
	color:#333;
	padding:1% 5%;
	border-bottom: #c9c9c9 dashed 1px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}