@charset "UTF-8";
/* CSS Document */
body {
	font:14px/1.5 AppleGothic,Arial,'Microsoft Yahei','Simsun';
	/*line-height:160%;*/
	color:#666;
	background:#fff;
}
body,html,p,h1,h2,h3,h4,h5,h6,dl,dd,dt,ul,li{
	padding:0;
	margin:0;
}
dl,dd,dt,ul,li{
	list-style:none;
}
a {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #333;
}
.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
.tl{
	text-align:left;
}
.tr{
	text-align: right;
}
.tc{
	text-align: center;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.underline{
	text-decoration:underline;
}
.ct_1{
	color:#000;
}
.ct_2{
	color:#333;
}
.ct_3{
	color:#666;
}
.ct_4{
	color:#999;
}
.ct_5{
	color:#ccc;
}
.ct_6{
	color:#fff;
}
.ct_7{
	color: #1e80c1;
}
/* */

.k1120{
	max-width:1120px;
	margin:0 auto;
}
#header{
	width:100%;
	height:100px;
	position:fixed;
	z-index:1100;
	background:#fff;
	top:0;
	box-shadow:0 1px 0 rgba(0,0,0,0.05);
	-webkit-transition:  0.2s ease-in 0s;
	-moz-transition:  0.2s ease-in 0s;
	-ms-transition:  0.1s ease-in 0s;
	-o-transition:  0.2s ease-in 0s;
}
#header .k1120 {
	position:relative;
	padding:0 10px;
}

html, body, wrapper {
	height: 100%;
}
/* ------- Menu ------- */
.wrapper{
	overflow:hidden;
}
.pageMain{
	margin-right:0;
	margin-left:0;
	-webkit-transition:  0.2s ease-in 0s;
	-moz-transition:  0.2s ease-in 0s;
	-ms-transition:  0.1s ease-in 0s;
	-o-transition:  0.2s ease-in 0s;
}
.sidebar{
	position: fixed;
	right:0;
	top:0;
	left:0;
	z-index:9999;
}
.sidebar .k1120{
	position:relative;
}


#logo{
	width:193px;
	height:48px;
	display:inline-block;
	background:url(../img/newLogoss.png) no-repeat;
	overflow:hidden;
	margin:25px 0 0 0;
	text-indent:-20em;
	-webkit-transition:  0.2s ease-in 0s;
	-moz-transition:  0.2s ease-in 0s;
	-ms-transition:  0.1s ease-in 0s;
	-o-transition:  0.2s ease-in 0s;
}

#menu{
	position: absolute;;
	right:0;
	top:0;
}
#menu li{
	display:inline-block;
}
#menu a{
	color:#000;
	font-size:14px;
	height:100px;
	/*width:110px;*/
	text-align:center;
	display: inline-block;
	line-height:20px;
	padding:35px 20px 0;
	-webkit-transition:  0.2s ease-in 0s;
	-moz-transition:  0.2s ease-in 0s;
	-ms-transition:  0.1s ease-in 0s;
	-o-transition:  0.2s ease-in 0s;
	background:#fff;
	border-right: 1px solid #eee;
}
#menu a span{
	text-align:center;
	display:inline-block;}
#menu a b{
	font-size:12px;
	color:#8d8d8d;
	font-weight:normal;
	-webkit-transition:  0.2s ease-in 0s;
	-moz-transition:  0.2s ease-in 0s;
	-ms-transition:  0.1s ease-in 0s;
	-o-transition:  0.2s ease-in 0s;
}

#menu a:hover,
#menu a:hover b,
#menu a.current,
#menu a.current b{
	color:#fff;
	-webkit-transition:  0.2s ease-in 0s;
	-moz-transition:  0.2s ease-in 0s;
	-ms-transition:  0.1s ease-in 0s;
	-o-transition:  0.2s ease-in 0s;
}
#menu a:hover,
#menu a.current{
	background: #2788ff;
	-webkit-transition:  0.2s ease-in 0s;
	-moz-transition:  0.2s ease-in 0s;
	-ms-transition:  0.1s ease-in 0s;
	-o-transition:  0.2s ease-in 0s;
}
.scrol-page{
	margin:0 auto;
	padding:99px 0 0 0;
}
@media (max-width: 960px) {
	#menu a{
		height:90px;
		width:173px;
		padding:30px 0 0 0;
	}
	#logo{
		width:106px;
		height:45px;
		background:url(../img/newLogoss.png) no-repeat;
		background-size:100% 100%;
		margin:24px 0 0 20px;
	}
	#header{
		height:90px;
	}
	.scrol-page{
		padding:69px 0 0 0;
	}


}

@media (max-width: 767px) {
	.openNav .sidebar{
		right:0;
		border-left:1px solid rgba(0,0,0,0.05);
	}
	.openNav .pageMain{
		margin-right:60px;
		margin-left:-60px;
	}
	.sidebar{
		height:270px;
		width:70px;
		position: fixed;
		left:auto;
		right:-70px;
		top:0;
		-webkit-transition:  0.2s ease-in 0s;
		-moz-transition:  0.2s ease-in 0s;
		-ms-transition:  0.1s ease-in 0s;
		-o-transition:  0.2s ease-in 0s;
		z-index:9999;
	}
	.openNav .sidebar{
		right:0;
	}
	.openNav .pageMain{
		margin-right:70px;
		margin-left:-70px;
	}
	#menu{
		left:0;}
	#menu li{
		display:block;
	}
	#menu a{
		display: flex;
		align-items: center;
		/*height:50px;*/
		width:auto;

		padding:10px 0 10px 8px;
		border-bottom:1px solid rgba(0,0,0,0.05);
		/*line-height:50px;*/
		text-align:left;
	}
	#menu a span{

	}
	#menu a b{
		display:none;
	}
	#logo{
		width:94px;
		height:37px;
		background:url(../img/newLogoss.png) no-repeat;
		background-size:100% 100%;
		margin:11px 0 11px 20px;
		position:fixed;
		left:10px;
	}
	#header{
		height:60px;
	}

	.navBox{
		width:45px;
		padding:21px 0 0 0;
		height:30px;
		position:absolute;
		left:-45px;
		top:0;

	}
	.navOpen{
		height:12px;
		width:22px;
		display:block;
		margin:0 auto;
		border-top:2px solid #666;
		border-bottom:2px solid #666;
		position:relative;
		z-index:1;
	}
	.navOpen:after{
		display:block;
		position:absolute;
		left:0;
		right:0;
		height:2px;
		overflow:hidden;
		content:'';
		background:#666;
		top:50%;
		margin-top:-1px;
		z-index:1;
	}
	.navBox:before{
		width:2px;
		height:18px;
		display:block;
		content:'';
		background:#fff;
		left:14px;
		top:15px;
		position:absolute;
		z-index:333;
	}

}