@font-face {
	font-family: 'HELVETICANEUELTPRO-THEX';src: url('http://code.uemo.net/css/font/HELVETICANEUELTPRO-THEX.otf');font-weight: normal;font-style: normal;
}

* {
	padding: 0;
	margin: 0;
}

ul li {
	list-style: none;
}
p{line-height:22px;}
a {
	text-decoration: none;
}

img {
	border: none;
	
}

input {
	border: none;
	background: none;
	outline: 0
}

textarea {
	outline: 0;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

html {
	font: 62.5% Arial, "微软雅黑";
	color: #929292;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(255,255,255,1);
	background: #fff;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

html, body {
	width: 100%;
	height: 100%;

}

body {
	margin: 0 auto;
	font-size: 1.3rem;

}
.content p img{width:100%;}
.imgcw {
	margin: 0 auto;
	display: block;
	float: none;
	max-width: 100%;
	height: auto
}

.transform {
	transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 100%;
}

.iPage {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 99
}

.scrollView {

	min-height: 300px;


	position: relative;
}

.plr5 {
	padding: 5px 5px
}

.plr10 {
	padding: 0 14px
}

.plr20 {
	padding: 0 20px
}

#leftcontrol {
	width: 260px;
	height: 100%;
	background: #202122;
	position: fixed;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

#leftcontrol >ul {
	padding-top: 0px
}

#leftcontrol ul li {
	display: block;
	min-height: 49px;
	border-top: 1px solid #272727;
	font-size: 1.3rem;
	width: 100%;
}

#leftcontrol ul li .subnav {
	height: 0;
	overflow: hidden;
}

#leftcontrol ul li a {
	display: block;
	color: #777777;
	padding: 0 25px;
	height: 49px;
	line-height: 49px;
}

#leftcontrol > ul > li.active a {
	background: #111111;
	color: #fff;
}

#leftcontrol ul li.active a.hassub {
	background: #222324
}

#leftcontrol ul li a span {
	display: inline-block
}

#leftcontrol ul li a span.circle {
	width: 8px;
	height: 8px;
	border: #474747 1px solid;
	border-radius: 5px;
	margin-right: 20px
}

#leftcontrol ul li.active a span.circle {
	border-color: #5f1940;
	background-color: #5f1940
}

#leftcontrol ul.subnav li a {
	background: #19191A;
	color: #7e7e7e;
}

#leftcontrol ul.subnav li a i {
	margin-right: 20px;
	font-size: 1.5rem;
	color: #3e3e3e;
}

#leftcontrol ul.subnav li.active a {
	background: #060606
}

#leftcontrol ul li a span.more {
	width: 12px;
	height: 12px;
	position: relative;
	float: right;
	top: 20px
}

#leftcontrol ul li a span.more span {
	background: #474747;
	position: absolute;
}

#leftcontrol ul li a span.more span.h {
	width: 12px;
	height: 2px;
	transform: translate3d(0, 5px, 0);
	-webkit-transform: translate3d(0, 5px, 0)
}

#leftcontrol ul li a span.more span.v {
	transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0);
	-webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0);
}

#leftcontrol ul li.active a span.more span.v {
	transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0);
	-webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0);
}

#sitewapper {
	height: 100%
}

#sitecontent {
	background: #fff;
	z-index: 1;
	position: relative;
	height: 100%;

}

body.open #sitecontent {
	transform: translate3d(260px, 0, 0);
	-webkit-transform: translate3d(260px, 0, 0);
}

#header {
	width: 100%;
	height: auto;
	background: #fff;
	height: 50px;

}
#header .btn{background:#5f1940;}
.lcbody {
	width: 30px;
	height: 30px;
	position: relative;
	transform: translateZ(0px) rotate(0deg);
	transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99)
}

.lcitem {
	position: absolute;
	left: 0;
	top: 0;
	transform: translateZ(0px) rotate(0deg);
	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
	-webkit-transform: translateZ(0px) rotate(0deg);
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
	width: 30px;
	height: 30px;
}

.lcitem .rect {
	width: 30px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 14px;
	transition: transform 0.2s ease 0.2s;
	-webkit-transition: -webkit-transform 0.2s ease 0.2s;
}

.lcitem .rect.top {
	transform: translate3d(0px, -6px, 0px);
	-webkit-transform: translate3d(0px, -6px, 0px);
}

.lcitem .rect.bottom {
	transform: translate3d(0px, 6px, 0px);
	-webkit-transform: translate3d(0px, 6px, 0px);
}

body.open .lcbody {
	transform: translateZ(0px) rotate(90deg);
	-webkit-transform: translateZ(0px) rotate(90deg);
}

body.open .lcitem {
	transform: translateZ(0px) rotate(45deg);
	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
	-webkit-transform: translateZ(0px) rotate(45deg);
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}

body.open .lcitem.bottom {
	transform: translateZ(0px) rotate(-45deg);
	-webkit-transform: translateZ(0px) rotate(-45deg);
}

body.open .lcitem .rect {
	transition: transform 0.2s ease 0s;
	transform: translate3d(0px, 0px, 0px);
	-webkit-transition: -webkit-transform 0.2s ease 0s;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

#header .btn {
	padding: 10px 15px;
	
}

#logo {
	width: 280px;
	height: 50px;
	padding: 0;
	display: block;
	margin: 0 auto;
}

#logo img {
	height: 50px;
	max-width: 250px;
	display: block;
	margin: 0 auto;
	float: none
}


#bgmask {
	background: rgba(255,255,255,0);
}

.show {
	display: block
}

.hide {
	display: none;
}



#leftcontrol ul li:hover {
	background-color: #161617;
}


@font-face {
	font-family: 'NeoSansStd-Regular';src: url('fonts/NeoSansStd-Regular.otf');font-weight: normal;font-style: normal;
}

@font-face {
	font-family: 'NeoSansStd-Light';src: url('fonts/NeoSansStd-Light.otf');font-weight: normal;font-style: normal;
}

@font-face {
	font-family: 'NeoSansStd-Medium';src: url('fonts/NeoSansStd-Medium.otf');font-weight: normal;font-style: normal;
}

.swiper-slide img{width:100%;}

.about{width:100%;}
.tit{width:100%;border-bottom:1px solid #bebebe;height:32px;margin-top:20px;margin-bottom:20px;}

.about .tit .bt{width:auto;border-bottom:1px solid #5f1940;padding-bottom:5px;float:left;padding-left:25px;background:url(../image/icon.png) no-repeat 6px center;padding-top:5px;}
.tit .bt b{color:#5f1940;font-size:14px;font-family:微软雅黑;font-weight:normal;}
.tit .bt p{display:inline-block;font-family: 微软雅黑;color: rgb(190, 190, 190);font-size: 12px;}
.tit .more {float:right;font-size:14px;color: rgba(153,153,153,1);font-weight: normal;padding-top:5px;padding-bottom:5px;padding-right:10px;}
.tit .more a{    color: rgba(153,153,153,1);}
.about .about-img{width:80%;margin:20px auto;}
.about .about-img img{width:100%;}
.about .about-con{width:94%;margin:0 auto;font-size:14px;text-indent:2em;color: #333;}

.tit .bt{width:auto;border-bottom:1px solid #5f1940;padding-bottom:5px;float:left;padding-left:5px;padding-top:5px;}
.product ul{background:#fff;}
.pro ul li{width:46%;margin:0 2%;float:left;}

.pro ul li .pro-img{border:1px solid #dbdbdb}
.pro ul li .pro-img img{width:100%;}
.pro ul li .pro-tit{line-height:30px;text-align:center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro ul li .pro-tit {color:#5a5a5a;}
.new .new-list ul li a{width:92%;padding-left:8%;display:block;background:url(../image/icon2.png) no-repeat 5px center;}
.new .new-list ul li span{width:75%;float:left;line-height:24px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:#5a5a5a;}
.new .new-list ul li span:hover{color:#5f1940;}
.new .new-list ul li p{float:right;padding-right:20px;color:#5f1940;}
.contact-img{width:80%;margin:20px auto;overflow:hidden;}
.contact-img img{width:100%;height:130px;}
.add{width:70%;margin:0 auto;padding-bottom:100px;}
.add .a1{padding-left:20px;background:url(../image/1.png) no-repeat left 2px; display:block;color:#5a5a5a;font-size:13px;line-height:20px;}
.add .a2{padding-left:20px;background:url(../image/2.png) no-repeat left center; display:block;color:#5a5a5a;font-size:13px;line-height:24px;}
.add .a3{padding-left:20px;background:url(../image/3.png) no-repeat left center; display:block;color:#5a5a5a;font-size:13px;line-height:24px;}
.add .a4{padding-left:20px;background:url(../image/4.png) no-repeat left center; display:block;color:#5a5a5a;font-size:13px;line-height:24px;}


.footerlist{overflow:hidden;background:#5f1940;position:fixed;width:100%;left:0;bottom:0;z-index:9999;}
.footerlist li{float:left;width:33.288888889%;position:relative;}
.footerlist li a{display:block;padding:10px 0;background:url(../image/fline.png) repeat-y left center;}
.footerlist li a img{display:block;width:25px;margin:0 auto;float:none;}
.footerlist li a span{display:block;text-align:center;font-size:12px;color:#fff;margin-top:5px;}
.footerlist li:nth-child(1) a{background:none;}