@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle}
button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
body{color:#000;line-height:1.3;font-size:.28rem;opacity: 0;overflow-x: hidden;background:#fff;position:relative;}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
body{
	background:#e9e9e9;
	padding-top:.96rem;
}
.layout{
	padding:0 .3rem;
}
header{
	padding:.2rem 0;
	overflow:hidden;
	vertical-align:middle;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
	width:100%;
	box-sizing: border-box;
}
header .logo{
	line-height:.56rem;
	margin-right:.23rem;
}
header .logo h1{
	display: inline-block;
}
header .logo h1 img{
	height:.44rem;
	width:2.19rem;
}
header .header-right{
	float:right;
	margin-bottom: .3rem;
}
header .search input{
	display: block;
	width:3.9rem;
	height:.56rem;
	border:1px solid #dcdcdc;
	border-radius:.27rem;
	outline:none;
	padding:.17rem .23rem;
	font-size:.26rem;
}
header .navbtn{
	line-height: .56rem;
}
header .navbtn img{
	width: .38rem;
	height:.3rem;
	display: inline-block;
}
nav{
	background-color: #22262b;
	width:6rem;
	position:fixed;
	top:0;
	margin-top:.96rem;
	bottom:0;
	z-index:1000;
	overflow-y:scroll;
	right:-100%;
	transition: all .6s;
	display: none;
}
.navshow{
	animation:navshow 1s;
	display: block;
	right:0;
}
@keyframes navshow {
	0%{
		right:-100%;
		display:block;
	}
	100%{
		right:0;
		display: block;
	}

}
nav .navitems{
	border-bottom:1px solid rgba(78, 84, 89, 0.5);
}
nav .navitems .first-menu{
	height:1.2rem;
	line-height:1.2rem;
	padding-left:1.3rem;
	font-size:.34rem;
}
nav .navcur .first-menu{
	background-color: #17295f;
	position:relative;
	color:#fff;}
nav .navcur .first-menu span{
	display: inline-block;
	width:.28rem;
	height:3px;
	background-color:#fff;
	margin-top:0.6rem;
	margin-right:.3rem;
}
nav .navcur .first-menu em{
	width: 0;
	position:absolute;
	height: 0;
	bottom:-.4rem;
	left:1.3rem;
	border-width: .2rem;
	border-style: solid;
	border-color: #17295f transparent transparent transparent;
}
nav .navitems a{
	color:#fff;
	display:block;
	line-height:1.2rem;
	font-size:.34rem;
}
nav .navitems .first-menu{
	color:#fff;
}
nav .navitems i{
	font-size:.4rem;
	display: inline;
	margin-right:.28rem;
}
nav .navitems ul li a{
	font-size:.28rem;
	color: rgba(255, 255, 255, 0.7);
	text-align: center;
}
footer{
	padding-top:.54rem;
	padding-bottom:.8rem;
	background-color:#3c3c3c;
	color:#fff;
	text-align: center;
	position:relative;
}
footer .footer-top{
	width:6.9rem;
	margin:0 auto;
	padding-bottom:.46rem;
	border-bottom:1px solid rgba(255, 255, 255, 0.8);
}
footer .footer-top .top-p,.top-h3{
	display:inline-block;
}
footer .footer-top .iconfont{
	font-size:.4rem;
	vertical-align:middle;
	line-height:.52rem;
}
footer .footer-top .top-p{
	font-size:.28rem;
	color: rgba(255, 255, 255, 0.8);
	vertical-align:middle;
	line-height:.52rem;
	margin-right:.16rem;
	margin-left:.16rem;
}
footer .footer-top .top-h3{
	font-size:.36rem;
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
	line-height:.52rem;
}
footer .footer-middle .link{
	padding:.3rem 0 .2rem 0;
}
footer .footer-middle .link .link-h4{
	display: inline-block;

}
footer .footer-middle .link a{
   color:#ffffff;
	font-size:.22rem;
}
footer .footer-middle .copyright{
	font-size:.22rem;
	line-height:.4rem;
	margin-bottom:.3rem;
}
footer .footer-bottom ul{
	font-size:0;
}
footer .footer-bottom ul li{
	display: inline-block;
	width:.7rem;
	height:.7rem;
	border-radius:50%;
	/*background-color: #545454;*/
	text-align: center;
	line-height:.7rem;
}
footer .footer-bottom ul li:not(first){
	margin-left:.3rem;
}
footer .footer-bottom ul li a{
	color:#fff;
	display: block;
}
footer .footer-bottom ul li a .iconfont{
	color:#fff;
}
footer .erweima{
	position:absolute;
	display:none;
	top:.9rem;
	left:3.1rem;
	background-color:#545454;
	padding:.3rem;
}
footer .erweima img{
	width:2rem;
	height:2rem;
}
.mask{
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	height: 100%;
	width: 100%;
	display: none;
	left: 0;
	top: 0; }