/*# sourceMappingURL=style.css.map */
html,body {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
}
/*base*/
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('img/BebasNeueRegular.eot');
    src: url('img/BebasNeueRegular.eot') format('embedded-opentype'),
         url('img/BebasNeueRegular.woff2') format('woff2'),
         url('img/BebasNeueRegular.woff') format('woff'),
         url('img/BebasNeueRegular.ttf') format('truetype'),
         url('../fonts/BebasNeueRegular.svg#BebasNeueRegular') format('svg');
}
@font-face {
    font-family: 'BebasNeueBook';
    src: url('img/BebasNeueBook.eot');
    src: url('img/BebasNeueBook.eot') format('embedded-opentype'),
         url('img/BebasNeueBook.woff2') format('woff2'),
         url('img/BebasNeueBook.woff') format('woff'),
         url('img/BebasNeueBook.ttf') format('truetype'),
         url('../font/BebasNeueBook.svg#BebasNeueBook') format('svg');
}
input.tet::-webkit-input-placeholder{ 
	color: #666; 
} 
input.tet:-moz-placeholder{ 
	color: #666; 
}
input.txt::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	color: #999; 
} 
input.txt:-moz-placeholder, textarea:-moz-placeholder { 
	color: #999; 
}
/*input.tet::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	color: #333; 
} 
input.tet:-moz-placeholder, textarea:-moz-placeholder { 
	color: #333; 
}*/
.header{
	width: 100%;
	height: auto;
}
.header .left{
	width: 3.5rem;
	height: 0.95rem;
	position: fixed;
	left: 0;
	top: 0.35rem;
	z-index: 83;
	box-shadow: 2px 4px 10px 0 rgba(0,0,0,0.2)
}
.header .left .btns{
	width: 0.95rem;
	height: 0.95rem;
	float: left;
	background:rgba(255,255,255,0.5) url(img/nav-icon2.png) center no-repeat;
}
.header .left .btns.on{
	background:rgba(255,255,255,0.5) url(img/nav-icon1.png) center no-repeat;
}
.header .left .logo{
	width: 2.55rem;
	height: 0.95rem;
	float: left;
	background-color: #45b035;
}
.header .left .logo a{
	display: block;
	width: 100%;
	height: 100%;
}
.header .left .logo a img{
	display: block;
	width: 1.57rem;
/*	height: 0.47rem;*/
	margin: 0 auto ;
	padding-top: 0.1rem;
}
.header .serch{
	width: 1.5rem;
	height: 0.35rem;
	position: fixed;
	right: 0.3rem;
	top: 0.65rem;
	z-index: 83;
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
	filter: alpha(opacity=100);
}
.header .serch.cut{
	opacity: 0;
	top: 0;
	filter: alpha(opacity=0);
}
.header .serch .langue{
	width: 0.85rem;
	height: 0.35rem;
	line-height: 0.4rem;
	text-align: right;
	border-left: 1px solid #fff;
	float: right;
	font-size: 0.4rem;
	color: #fff;
	font-family: 'arial'
}
.header .serch .langue a{
	display: block;
	color: #fff;
}
.calt .header .serch .langue a{
	color: #666;
}
.header.on .serch .langue{
	border-left: 1px solid #fff;
	color: #fff;
}
.header .serch .ser{
	width: 0.35rem;
	height: 0.35rem;
	float: right;
	margin-right: 0.25rem;
	background: url(img/page-serch.png) center/0.33rem no-repeat;
}
.header.on .serch .ser{
	background: url(img/page-serch.png) center/0.33rem no-repeat;
}
.header .tip-nav,.header .tip-serch{
	width: 100%;
	height: 100%;
	background: url(img/tipbg.png) center repeat;
	position: fixed;
	z-index: 82;
	display: none;
}
.header .tip-nav .warp{
	padding:1rem 0.3rem 0 0.94rem;
	box-sizing:border-box;
	height: 100%;
	width: 100%;
}
.header .tip-nav .warp ul{
	padding:1.2rem 0 0.3rem;
	height: 100%;
	box-sizing:border-box;
	border-left: 1px solid #37822c;
}
.header .tip-nav .warp li{
	margin-bottom: 0.4rem;
	padding-left: 0.5rem;
	position: relative;
}
.header .tip-nav .warp li:before{
	content: '';
	display: block;
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 100%;
	background-color: #fff;
	position: absolute;
	left:-0.06rem;
	top: 0.17rem;
}
.header .tip-nav .warp li .title{
	font-size: 0.36rem;
	line-height: 0.45rem;
	color: #fff;
	display: block;
	position: relative;
}
.header .tip-nav .warp li .title i{
	display: block;
	width: 0.26rem;
	height: 0.26rem;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.13rem;
	background: url(img/left-arr.png) right center/0.14rem no-repeat;
}
.header .tip-nav .warp li.on .title i{
	background: url(img/bot-arr.png) right center/0.26rem no-repeat;
}
.header .tip-nav .warp li .details,.header .tip-nav .warp li .details a{
	font-size: 0.28rem;
	line-height: 0.7rem;
	color: #fff;
	display: block;
}
.header .tip-nav .warp li .details{
	display: none;
	padding-top: 0.4rem;
}
.header .tip-serch{
	z-index: 51;
}
.header .tip-serch form{
	display: block;
	width: 92%;
	margin: 30% auto 10%;
	height: 0.7rem;
}
.header .tip-serch .close{
	display: block;
	background: url(img/close.png) center/0.6rem no-repeat;
	width: 0.65rem;
	height: 0.65rem;
	margin: 0 auto;
}
.header .tip-serch form .tet{
	width: 74%;
	float: left;
	height: 0.7rem;
	line-height: 0.7rem;
	border:0;
	padding: 0 3%;
	font-size: 0.24rem;
	display: block;
	border-radius: 0;
}
.header .tip-serch form .sub-btn{
	width: 20%;
	float: right;
	display: block;
	height: 0.7rem;
	border:0;
	background:#fff url(img/page-serch1.png) center/0.33rem no-repeat;
}
.footer{
	width: 100%;
	background-color: #333333;
	padding: 0.55rem 0 0.65rem;
}
.footer .warp{
	width: 100%;
	box-sizing:border-box;
	padding: 0 0.65rem;
}
.footer .warp .logo{
	width: 1.57rem;
	height: 0.47rem;
	margin-bottom: 0.3rem;
}
.footer .warp .logo a{
	display: block;
	width: 100%;
	height: 100%;
}
.footer .warp .logo img{
	display: block;
	width: 100%;
}
.footer .warp .cent{
	font-size: 0.28rem;
	line-height: .48rem;
	color: #fff;
	padding-bottom: 0.3rem;
	border-bottom: 1px solid #454545;
	margin-bottom: 0.3rem;
} 
.footer .warp .bot{
	font-size: 0.24rem;
	line-height: 0.4rem;
	color: #6e6e6e;
}

/*page-base-ban*/
.base-ban{
	width: 100%;
	position: relative;
}
.base-ban img{
	display: block;
	width: 100%;
}
.base-ban .warp{
	width: 100%;
	padding: 0 40px;
	box-sizing:border-box;
	position: absolute;
	color: #fff;
	left: 0;
}
.tq{top: 2.75rem}
.tl{top: 2.6rem}
.ts{top: 2.3rem}
.net .base-ban .warp{
	top: 1.7rem;
}
.base-ban .warp h2{
	font-size: 40px;
	line-height: 70px;
	color: #fff;
}
.base-ban .warp p{
	font-size: 0.3rem;
	line-height: 0.48rem;
	color: #fff;
	margin-top: 0.1rem;
}

.preload {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 81;
	background: #fff;
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
	-webkit-transform-origin: 50% 42%;
	-ms-transform-origin: 50% 42%;
	transform-origin: 50% 42%;
}

.preload.is-loaded {
	background: 0 0
}

.preload.is-animate-out {
	-webkit-transform: scale(5);
	-ms-transform: scale(5);
	transform: scale(5);
	opacity: 0;
	-webkit-transition: opacity 1s,-webkit-transform 1s;
	transition: opacity 1s,-webkit-transform 1s;
	transition: transform 1s,opacity 1s;
	transition: transform 1s,opacity 1s,-webkit-transform 1s
}

.preload.is-paused .preload__progress {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.preload.is-paused .preload__progress-inner {
	-webkit-animation: none;
	animation: none
}

.preload.is-clean {
	background: 0 0;
	z-index: -1;
	-webkit-transition: none;
	transition: none
}

.preload.is-clean .preload__bg {
	display: none
}

.preload.is-clean .preload__progress {
	background: rgba(0,0,0,.5);
	top: 50%
}

.preload.is-clean .preload__progress-inner {
	background: #35373b
}

.preload.is-clean-paused .preload__progress-inner {
	-webkit-animation: none;
	animation: none
}

.preload__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.preload__progress {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	margin:-1px 0 0 -100px;
	height: 1px;
	background: rgba(255,255,255,.15);
	-webkit-transition: .3s;
	transition: .3s
}

.preload__progress-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-animation: preloadLine 1.6s both infinite;
	animation: preloadLine 1.6s both infinite
}

@-webkit-keyframes preloadLine {
	2% {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	48% {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	52% {
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	98% {
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes preloadLine {
	2% {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	48% {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	52% {
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	98% {
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}