@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,dd{margin:0;padding:0}
html,body{background:#fff}
body{font-family:"\5FAE\8F6F\96C5\9ED1";-ms-overflow-style:scrollbar;-webkit-text-size-adjust:none;-ms-text-size-adjust:100%;width:7.5rem;margin:0 auto;font-size:0.2rem;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none;cursor:pointer;outline-width:0px;}
a:hover{text-decoration:none;outline:0}
em,b,i,code,strong{font-style:normal;}
img{border:0;}
ol,ul,li{list-style:none}
a{ color: #333;}
@font-face {font-family:"iconfont";src:url('iconfont.ttf')format('truetype')}     
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

.clearfix:after{display: block;height: 0; content: ""; clear: both;}


/*更改-webkit-内核滚动条样式*/
::-webkit-scrollbar { width:8px;  height: 8px; background-color: #fcfcfc;}  
::-webkit-scrollbar-track  { border-radius: 10px; background-color: #fcfcfc;}  
::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #211F1F; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
/*清除默认样式*/
blockquote, q{ quotes: none;}
blockquote:before, 
blockquote:after, 
q:before,
q:after { content: ''; content: none;}
/*-------表单居中、清理描边---------*/
input, button, select, textarea{ outline:none}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
/*----- 表格重置-----*/
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption { display:none;}

/* 轮播 */
.banner{width:100%;overflow:hidden;position:relative;height:auto;background:#fff;margin-top:0.96rem}
.banner #slider{position:absolute;}
.banner #slider li{width:626px;float:left;text-align:center;}
.banner .num{position:absolute;left:0;bottom:0px;text-align:center;width:100%;padding-bottom:0.2rem;}
.banner .num a{width:0.3rem;height:0.04rem;background:#fff;margin:0 0.06rem;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;opacity: 0.5;}
.banner .num a.active{background:#fff;opacity: 1;}
.banner img{width:100%;}


@-webkit-keyframes bounce-up {
						25% {
							-webkit-transform: translateY(10px);
						}
						50%,
						100% {
							-webkit-transform: translateY(0);
						}
						75% {
							-webkit-transform: translateY(-10px);
						}
					}
					
					@keyframes bounce-up {
						25% {
							transform: translateY(10px);
						}
						50%,
						100% {
							transform: translateY(0);
						}
						75% {
							transform: translateY(-10px);
						}
					}
					
					.animate-bounce-up {
						background: url(../images/arrow.png);width: 30px;height: 100px;	-webkit-animation: bounce-up 1.4s linear infinite;
						animation: bounce-up 1.4s linear infinite;position: absolute; top: 850px; left: 50%;margin-left:-15px; z-index: 99999;}




/*banner*/
.banners{width:100%;height:450px;overflow: hidden; position: relative;}
.banners img{width:1920px;position: absolute;left:50%;margin-left:-960px}
.wzstyle{line-height: 30px;background: #f9f9f9; color: #999;}
.wzstyle span{color: #333;}
.wzstyle a{color: #333;}




/*底部*/
.flink{background: #387755;line-height: 60px;color: #fff;opacity: .9;}
.flink span{font-weight: bold;font-weight: bold;}
.flink a{padding:0 8px;color: #fff;}

.fotr{padding-top:10px}
.footer{background: #222124;padding:60px 0 30px}
.footer .evm{float: left;margin-right: 50px;}
.telind{font-size: 14px;margin-top:25px;color: #fff;}
.telind span{line-height: 38px;padding-left:5px}
.telind b{font-size: 26px;font-family: "Impact" ,"arial black";letter-spacing: 2px;margin-right:20px;color: #fff;margin-left:5px}
.bottom{background: #222124;color: rgba(255,255,255,0.4);line-height: 180%; text-align: center;padding:0.2rem 0;font-size: 0.18rem}
.bottom a{color: rgba(255,255,255,0.4);font-size: 0.18rem;}
.bottom a:hover{color: rgba(255,255,255,0.4);}


/*内页banner*/
.bannernei{width:100%;position: relative;overflow: hidden;margin-top:0.98rem}
.bannernei img{width:100%;position:relative;height:auto}
/*内页title*/
.titlenei{text-align: center;margin: 0.6rem 0;}
.titlenei h3{font-size: 0.3rem;margin-bottom: 0.05rem;}
.titlenei .box {color: #999;}
.titlenei .box span{padding:0 0.05rem}

/*翻页*/
.page {width: 100%;margin: 0.3rem auto;text-align: center;overflow: hidden;}
.page a {height: 0.4rem;line-height: 0.4rem; padding: 0 0.15rem;margin: 0 1px;display: inline-block;background: #f5f5f5; overflow: hidden;}
.page a:hover {background: #387755;color: #fff;}
.page a.on{ color: #fff;background: #387755;}




/*内页分类*/
.nfenl{display: block;text-align: center;margin:0.6rem 0 0;}
.nfenl ul li{display: inline-block;text-align: center;width:1.5rem;height: 0.5rem;line-height: 0.5rem;background: #f1f1f1;margin:0 10px}
.nfenl ul li.active{background: #387755; color: #fff;}
.nfenl ul li.active a{color: #fff;}
.nfenl ul li a{display: block;}
.nfenl ul li:hover a{background: #387755;color: #fff;}

/*头部*/
.top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
    height: .96rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	padding: 0 .2rem;
	border-bottom: 1px solid #F5F5F5;
	box-sizing: border-box;
	z-index: 99999999;
}
.logo img {
	display: block;
	width: auto;
	height: .45rem;
}
.tel-wrap .tel {
	position: relative;
	width: .35rem;
	height: .27rem;
	margin-right: .54rem;
	margin-top: .04rem;
}
.tel-wrap .tel img{
	position: absolute;
	top: 0;
    left: 0;
    width: .35rem;
    height: .27rem;
}
.tel-wrap .nav {
	display: block;
	width: .35rem;
	height: .35rem;
}
.tel-wrap .close {
	display: none;
	width: .35rem;
	height: .35rem;
}
/*公共头部*/
.nav-wrap {
	display: none;
	position: fixed;
	top: .96rem;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.6);
	z-index: 9999;
}

.nav-wrap .nav-con li.active a{
	color: #387755;
}
.nav-wrap .nav-con li {
	height: .9rem;
	border-top: 1px solid #F5F5F5; 
}
.nav-wrap .nav-con a {
	display: block;
	height: .9rem;
	color: #fff;
	font-size: .32rem;
	text-align: center;
	line-height: .9rem;
}
.clear:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: "";
}
.fl{float: left;}