@charset utf-8;

html
{
	font-size:625%;
	-webkit-text-size-adjust:none;
	max-height:100%;
}

body
{
	font-size:.16rem;
	position:relative;
	width:100%;
	height:100%;
}

body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt
{
	margin:0;
	padding:0;
}

ul,ol,li,dl,dt,dd
{
	list-style:none;
}

a
{
	text-decoration:none;
	outline:0;
	color:#333;
}

fieldset,img
{
	border:0;
}

img
{
	display: block;
    max-width: 100% !important;
    padding-top: 0px;
    height: auto !important;
}
}

input[type=text],input[type=password],input[type=submit],input[type=reset],input[type=button],textarea
{
	-webkit-appearance:none;
}

.clear
{
	clear:both;
	width:100%;
}

.content
{
	min-height:6rem;
	overflow:hidden;
	font-size:.16rem;
}

.nav-btn
{
	width:14.0625%;
	right:1.09375%;
	top:0;
	position:absolute;
	height:100%;
	font-size:.4rem;
	line-height:.808rem;
	color:#fff;
	text-align:center;
	overflow:hidden;
	background:url(../images/nav_l_bg.jpg) left top repeat-y;
}

.home-btn
{
	width:14.0625%;
	left:1.09375%;
	top:0;
	position:absolute;
	height:100%;
	font-size:.4rem;
	line-height:.808rem;
	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:.4rem;
	line-height:.82rem;
	color:#fff;
	text-align:center;
	overflow:hidden;
}

.top-title
{
	width:70%;
	position:absolute;
	left:15%;
	top:0;
	font-size:.3rem;
	line-height:.808rem;
	text-align:center;
	color:#fff;
	overflow:hidden;
}

.class-btn
{
	position:absolute;
	right:16%;
	top:0;
	width:18.0625%;
	font-size:.24rem;
	line-height:.82rem;
	color:#fff;
	text-align:center;
	overflow:hidden;
}

.class-btn span.commonfont
{
	font-size:.28rem;
}

.footer
{
	width:100%;
	height:.8rem;
	position:fixed;
	z-index:9999;
	bottom:0;
	left:0;
	-webkit-transition:all .3s ease-in-out 0;
	-moz-transition:all .3s ease-in-out 0;
	-ms-transition:all .3s ease-in-out 0;
	transition:all .3s ease-in-out 0;
}

.foot
{
	width:100%;
	height:.8rem;
	z-index:99;
	background:#F86C14;
}

.foot-relative
{
	position:relative;
	width:100%;
	height:.8rem;
	-webkit-transition:all .3s ease-in-out 0;
	-moz-transition:all .3s ease-in-out 0;
	-ms-transition:all .3s ease-in-out 0;
	transition:all .3s ease-in-out 0;
}

.foot a
{
	display:block;
	float:left;
	width:25%;
	color:#fff;
}

.foot a span
{
	display:block;
	width:100%;
	text-align:center;
	font-size:.3rem;
	line-height:.5rem;
}

.foot a h3
{
	width:100%;
	text-align:center;
	font:.16rem/.18rem "microsoft yahei";
}

.common-search
{
	width:92.1875%;
	position:absolute;
	z-index:100;
	left:3.90625%;
	bottom:.8rem;
	height:.533rem;
	border:1px solid #333;
	background:#fff;
	display:none;
}

.common-pro-search
{
	width:90%;
	height:.533rem;
	background:#fff;
	margin:2% auto;
}

.common-text
{
	float:left;
	border:0;
	background:#fff;
	width:84.45%;
	height:.533rem;
	text-indent:.1rem;
	font:.16rem/.533rem "microsoft yahei";
	border-radius:0;
}

.common-submit
{
	float:right;
	width:15.55%;
	border:0;
	font-size:.36rem;
	line-height:.533rem;
	color:#fff;
	height:.533rem;
	border-radius:0;
	background:#333;
}

.allpage
{
	position:relative;
	z-index:10;
	background:#fff;
	height:auto;
	-webkit-transition:all .3s ease-in-out 0;
	-moz-transition:all .3s ease-in-out 0;
	-ms-transition:all .3s ease-in-out 0;
	transition:all .3s ease-in-out 0;
	right:0;
}

.clicked
{
	right:0px;
	-webkit-transition:all .3s ease-in-out 0;
	-moz-transition:all .3s ease-in-out 0;
	-ms-transition:all .3s ease-in-out 0;
	transition:all .3s ease-in-out 0;
	left:auto;
}

.nav
{
	width:100%;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	z-index:2;
	background:rgba(0,0,0,0.7);
	-webkit-transition:all .3s ease-in-out 0;
	-moz-transition:all .3s ease-in-out 0;
	-ms-transition:all .3s ease-in-out 0;
	transition:all .3s ease-in-out 0;
}

.fixed
{
	width:100%;
	height:100%;
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	z-index:999;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
}

.nav li
{
	width:100%;
	margin:0 auto;
}

.nav li a
{
	display:block;
	width:100%;
	font:700 16px/50px 微软雅黑;
	color:#fff;
}

.nav li a span
{
	margin-right:3%;
	font-size:24px;
}

.nav li p
{
	text-indent:70px;
}

.nav li:last-child
{
	margin-bottom:20%;
}

#allmap
{
	width:100%;
	height:6rem;
	font-size:.18rem;
}

.share
{
	width:160px;
	margin:.5rem auto;
}

@font-face
{
	font-family:commonfont;
	src:url('../fonts/common.woff') format('woff'),url('../fonts/common.ttf') format('truetype');
}

.commonfont
{
	font-family:commonfont!important;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:.2px;
	-moz-osx-font-smoothing:grayscale;
}

.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;
	background:#fff;
	margin:0 7px;
}

.slide-dot span.slide-dot-cur
{
	z-index:10;
	vertical-align:top;
	background:#6b1b55;
}

.transition
{
	-moz-transition:0 .3s ease-out;
	-webkit-transition:0 .3s ease-out;
	-o-transition:0 .3s ease-out;
	transition:transform .3s ease-out;
}

.type
{
	width:100%;
	top:.808rem;
	position:fixed;
	background:#232323;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	-webkit-transition:all .3s ease-in-out 0;
	-moz-transition:all .3s ease-in-out 0;
	-ms-transition:all .3s ease-in-out 0;
	transition:all .3s ease-in-out 0;
	height:3rem;
	display:none;
	padding:.1rem 0;
}

.type li
{
	width:90%;
	background:#fff;
	font:.2rem/.46rem "microsoft yahei";
	overflow:hidden;
	position:relative;
	margin:2% auto;
}

.type li a
{
	display:block;
	float:left;
	width:60%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color:#666;
	padding:0 4%;
}

.type li span.commonfont
{
	font-size:.3rem;
	line-height:.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:.2rem/2 "microsoft yahei";
	width:90%;
	color:#fff;
	margin:0 auto;
}

.about,.view
{
	width:100%;
	font:.18rem/2.0 "microsoft yahei";
	color:#1d1d1d;
	margin:2% auto;
}

.view h1
{
	width:100%;
	text-align:center;
	font:.25rem/.3rem "microsoft yahei";
	color:#393939;
    padding: 20px 0;
}
.picContent{
	overflow:hidden;
	border-top:1px solid #eee;
	padding:20px 0;
}
.view img
{
	max-width:100%;
	display:inline;
}

.page
{
	display:block;
	width:100%;
	height:.38rem;
	font:.2rem/.38rem "microsoft yahei";
	color:#777;
	background:#ddd;
	border-radius:.38rem;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	text-indent:.1rem;
	margin:2% auto;
}

.back
{
	display:block;
	width:33.57%;
	height:.4rem;
	border-radius:.4rem;
	font:.2rem/.4rem "microsoft yahei";
	color:#393939;
	text-align:center;
	margin:2% auto;
}

.product-top
{
	width:91.25%;
	border-bottom:1px solid #c9c9c9;
	height:.5833rem;
	font:.2rem/.5833rem "microsoft yahei";
	color:#7b7b7b;
	margin:2% auto;
}

.product-top p
{
	float:left;
}

.product-top-right
{
	float:right;
	color:#7b7b7b;
}

.product-top-right a
{
	font-size:.3rem;
	color:#272727;
	vertical-align:middle;
}

.imore,.back
{
	display:block;
	width:36%;
	overflow:hidden;
	border-radius:.3rem;
	background:red;
	text-align:center;
	color:#fff;
	font:.18rem/2 "microsoft yahei";
	clear:both;
	margin:2% auto;
}

.imore:before,.back:before
{
	content:"";
	clear:both;
}

.news1,.news1 a,.news2,.news2 a
{
	width:100%;
	height:auto;
	overflow:hidden;
	font:.16rem/.491rem "microsoft yahei";
	display:block;
	
}

.news1,.news2
{
	width:92%;
	margin:0 auto;
	border-bottom: 1px dotted #ccc;
}

.news1 a span:nth-child(1),.news2 a span:nth-child(1)
{
	display:block;
	float:left;
	width:70%;
	height:.491rem;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color:#1d1d1d;
}

.news1 a span:nth-child(2),.news2 a span:nth-child(2)
{
	display:block;
	float:right;
	width:29%;
	height:.491rem;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	text-align:right;
	color:#9f9f9f;
}

.news2 div
{
	width:100%;
	font:.18rem/.3rem "microsoft yahei";
	color:#666;
	max-height:.9rem;
	overflow:hidden;
}

.news3
{
	width:96%;
	height:auto;
	overflow:hidden;
	margin:2% auto;
}

.news3>a
{
	display:block;
	float:left;
	width:33%;
	height:auto;
	overflow:hidden;
}

.news3>h1
{
	display:block;
	float:left;
	width:64%;
	margin-left:3%;
	overflow:hidden;
}

.news3>h1>a
{
	display:block;
	width:100%;
	height:.3rem;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font:.2rem/.3rem "microsoft yahei";
	color:#333;
}

.news3>div
{
	float:left;
	width:64%;
	margin-left:3%;
	overflow:hidden;
	font:.18rem/.2rem "microsoft yahei";
	max-height:.8rem;
	color:#999;
	margin-top:2%;
}

.news4
{
	width:50%;
	float:left;
	height:auto;
	overflow:hidden;
	margin:2% auto;
}

.news4 a
{
	display:block;
	width:80%;
	margin:0 auto;
}

.news4 a span
{
	display:block;
	width:100%;
	text-align:center;
	font:.2rem/.3rem "microsoft yahei";
	color:#666;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	margin-top:6%;
}

.case li
{
	width:100%;
	height:auto;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	padding:2% 0;
}

.case li>a
{
	display:block;
	width:35.46875%;
	float:left;
	border:1px solid #fff;
	margin:0 3.75% 0 4.6875%;
}

.case li h1
{
	float:left;
	width:51.875%;
	height:.35rem;
	font:.2rem/.35rem "microsoft yahei";
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.case li h1 a
{
	color:#232323;
}

.case li div
{
	float:left;
	width:51.75%;
	height:1.1rem;
	overflow:hidden;
	font:.18rem/.28rem "microsoft yahei";
	color:#1d1d1d;
}

.white-bg
{
	background:#fff;
}

.product-top p span,.product-top-right a.show
{
	color:#3e74ce;
}

.common_news,.case
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:2% auto;
}

.news1>a>img,.news4 a img,.case li>a img
{
	display:block;
	width:100%;
}

@media all and min-width640px {
	.content
	{
		width:640px;
		position:relative;
		margin:0 auto;
	}
}

@media only screen and max-width 479px and min-width 321px {
	html
	{
		font-size:70px;
	}
}

@media only screen and max-width 320px {
	html
	{
		font-size:60px;
	}
}