/**********
 *页面样式*
 **********/

/* ==========
   基本默认值
   ========== */

::selection {
	background-color: #b3d4fc;
	text-shadow: none;
}

*{
	box-sizing: border-box;
}

ul,
li {
	list-style: none;
}

ul,
p,
a,
dl,
dt,
dd ,
table,
td,
tr,
th{
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

/* ==========
   工具样式
   ========== */

.width-auto {
	width: 100%;
}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.invisible {
	/*将元素隐藏，但保留元素占位*/
	visibility: hidden;
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	/*IE6 and IE7*/
	zoom: 1;
}

html{
	background: #FFFFFF;
}

body{
	background: #FFFFFF;
	font-size: .16rem;
	margin: 0 auto;
	max-width: 1920px;
    font-family: 'Helvetica Neue',Helvetica,Arial,'苹方-简','微软雅黑',sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    padding-top: 1.27rem;
    /*overflow: hidden;*/
}
@media only screen and (max-width: 768px){
	body{
		padding-top: 50px;
	}
}

a {
	color: #999999;
	text-decoration: none;
}

.liEnd {
	display: inline-block;
	margin: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 0px;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	visibility: hidden;
}

.tA-justify:after{
	content: '';
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0px;
	line-height: 0;
	font-size: 0;
	text-decoration: none;
	overflow: hidden;
	visibility: hidden;
}

.wrap{
	width: 15.60rem;
	margin: 0 auto;
}

.h800{
	height: 8rem;
}

.h400{
	height: 4rem;
}


@media only screen and (max-width: 1024px) {
	.wrap{
		max-width: 832px;
		width: 100%;
	}
}

.banner{
	display: block;
	width: 100%;
	vertical-align: top;
}



header{
	font-size: 0;
	position: fixed;
	background: #FFFFFF;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	
	padding: 0 15px;
}
header .wrap{
	line-height: 1.17rem;
	height: 1.27rem;
	background: #FFFFFF;
}
header .logo{
	font-size: 0;
}
header .logo img{
	width: 2.57rem;
	vertical-align: middle;
}
header .nav-btn{
	font-size: 0;
	display: inline-block;
	float: right;
	color: #666;
	display: none;
}
header .nav-btn img{
	vertical-align: middle;
}
nav{
	height: inherit;
	float: right;
	transition: all .4s;
}
nav ul{
	background: #fff;
	height: inherit;
}
nav li{
	padding: 0 .32rem;
	height: inherit;
	display: inline-block;
	float: left;
	font-size: 0;
	position: relative;
}
.nav1 li:last-child{
	padding-right: 0;
}
nav li.on:after{
	content: '';
	display: block;
	position: absolute;
	height: 4px;
	background: #008BCF;
	bottom: .24rem;
	left: 0;
	right: 0;
}
nav a{
	font-size: .16rem;
	color: #666666;
}
.nav1 a:hover{
	color: #008BCF;
}
nav a.on{
	color: #008BCF;
}
.nav1 .ghost{
	display: inline-block;
	padding: .105rem .17rem;
	line-height: normal;
	font-size: .16rem;
	color: #666666;
	border: 3px solid #008BCF;
	color: #008BCF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.nav2{
	display: none;
	float: none;
	width: 100%;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: -1;
	transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.nav-show{
	transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
}
.nav2 li{
	display: block;
	float: none;
	height: 40px;
	line-height: 40px;
	margin: 0;
	background: #FFFFFF;
	padding: 0 15px;
}
.nav2 li a{
	display: block;
	font-size: 14px;
}
.nav2 .ghost{
	color: #999;
}

@media only screen and (max-width: 832px) {
	body{
		padding-top: 50px;
	}
	
	header .wrap{
		height: 50px;
		line-height: 50px;
	}
	header .wrap .logo{
		width: 100px;
	}
	.nav1{
		display: none;
	}
	
	.nav2{
		display: block;
	}
	
	header .nav-btn{
		display: inline-block;
	}
}




/*页脚*/
footer .row1{
	height: 5rem;
	background: #F2F2F2;
	color: #666666;
	position: relative;
	
}
footer .row1 .wrap{
	text-align: center;
	line-height: 0;
	font-size: 0;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
footer .row1 .wrap li{
	width: 33.333333%;
	vertical-align: top;
	display: inline-block;
	text-align: left;
	font-size: .24rem;
	color: #666666;
	line-height: .36rem;
}
footer .row1 .wrap li:first-child{
	padding-left: .69rem;
}
footer .row1 .wrap li:nth-child(2){
	padding-left: .4rem;
}
footer .row1 .wrap li:last-child{
	padding-left: .7rem;
}

footer .row1 .wrap .top{
	margin-bottom: .36rem;
}
footer .row1 .wrap .top p{
	white-space: nowrap;
}
footer .row1 .wrap .top2{
	margin-bottom: .68rem;
}
footer .row2{
	background: #000000;
}
footer .row2 .wrap{
	height: 1rem;
	line-height: 1rem;
	text-align: center;
}
footer .row2 span{

	display: inline-block;
	font-size: .24rem;
	color: #999999;
}
footer .row2 span:last-child{
	/*float: right;*/
}

footer .row1 .wrap li p em{
	line-height: inherit;
	display: inline-block;
	position: relative;
	vertical-align: bottom;
	font-size: 0;
	margin-left: 5px;
}

footer .row1 .wrap li p em img{
	vertical-align: middle;
}

footer .row1 .wrap li p em .l-code{
	width: .2rem;
}
footer .row1 .wrap li p em .b-code{
	width: 1.08rem;
	position: absolute;
	left: 0;
	bottom: 0;
}



@media only screen and (max-width: 832px) {
	footer .row1{
		padding: 30px 15px;
		height: auto;
		position: static;
	}
	footer .row1 .wrap{
		position: static;
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
	}
	footer .row1 ul.wrap > li{
		width: auto;
		float: none;
		display: block;
		padding: 0;
		padding-left: 0;
	}
	footer .row1 ul.wrap > li:first-child{
		padding: 0;
	}
	footer .row1 ul.wrap > li:nth-child(2){
		padding: 0;
	}
	footer .row1 .wrap li p{
		line-height: normal;
	}
	footer .row1 .wrap li + li{
		margin-top: 30px;
	}
	footer .row1 .wrap li:first-child{
		padding-right: 0;
	}
	footer .row1 .wrap li:last-child{
		padding-left: 0;
	}
	footer .row1 .wrap li .top{
		margin-bottom: 15px;
	}
	footer .row2 .wrap{
		height: 40px;
		line-height: 40px;
		padding: 0 15px;
	}
}
@media only screen and (max-width: 480px) {
	footer .row2 .wrap{
		height: auto;
		display: block;
	}
	footer .row2 span:last-child{
		/*float: left;*/
	}
}


.fadeOut{
	visibility: hidden;
	opacity: 0;
}
.fadeTop{
	animation: fadeTop 1s;
	animation-fill-mode: forwards;
	
}

@keyframes fadeTop{
	0%{
		transform: translateY(100%);
		-ms-transform: translateY(100%);
		-webkit-transform: translateY(100%);
		opacity: 0;
	}
	100%{
		transform: translateY(0%);
		-ms-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		opacity: 1;
		visibility: visible;
	}
}




/*项目 轮播*/
.swiper-slide img{
	vertical-align: top;
}




footer .row1 .wrap div{
 position: relative;
}
footer .row1 .wrap .qr-code{
 width: 1.16rem;
 position: absolute;
 bottom: 0;
 left:1.28rem;
 
}