@font-face{
	font-family: renzhi;
	src: url(../files/renzhi.TTF);
}

.loading{
	width: 100%;
	height: 300px;
	line-height: 300px;
	text-align: center;
}

@-webkit-keyframes load{
	0%, 40%, 100%{
		-webkit-transform: scaleY(.5);
		        transform: scaleY(.5);
	}
	20%{
		-webkit-transform: scaleY(1);
		        transform: scaleY(1);
	}
}

@keyframes load{
	0%, 40%, 100%{
		-webkit-transform: scaleY(.5);
		        transform: scaleY(.5);
	}
	20%{
		-webkit-transform: scaleY(1);
		        transform: scaleY(1);
	}
}

.loading i{
	display: inline-block;
	width: 4px;
	height: 50px;
	background-color: #404040;
	margin: 0 2px;
	-webkit-transform: scaleY(.5);
	    -ms-transform: scaleY(.5);
	        transform: scaleY(.5);
	-webkit-animation: load 1.2s infinite;
	        animation: load 1.2s infinite;
}

.loading i:nth-child(2){
	-webkit-animation-delay: .1s;
	        animation-delay: .1s;
}
.loading i:nth-child(3){
	-webkit-animation-delay: .2s;
	        animation-delay: .2s;
}
.loading i:nth-child(4){
	-webkit-animation-delay: .3s;
	        animation-delay: .3s;
}
.loading i:nth-child(5){
	-webkit-animation-delay: .4s;
	        animation-delay: .4s;
}

/*Common.........................................................................................................*/
/*左侧导航栏*/
	.sidebar{
		display: block;
		height: 100%;
		background-color: #f8f6f6;
		position: relative;
	}
	.bei{
		color:#959595;
		position: absolute;
		bottom: 11px;
		left: 14px;
	}
	.sidebar > a{
		display: block;
		position: relative;
		margin: 0 auto;
		background-image: url(../images/logo.png);
		-webkit-background-size: contain;
		background-size: contain;
	}
	.sidebar .nav{
		width: 100%;
	}
	.sidebar .nav li{
		width: 100%;
		text-align: center;
	}
	.sidebar .nav li a{
		display: inline-block;
		position: relative;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}

	.sidebar .nav li a:hover{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.sidebar .nav li a.active{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.sidebar .nav li a::after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #606060;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-transition: transform 0.3s ease;
		-moz-transition: transform 0.3s ease;
		-ms-transition: transform 0.3s ease;
		transition: transform 0.3s ease;
	}
	/*选中状态*/
	.sidebar .nav li a:hover::after{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	/*当前状态*/
	.sidebar .nav li a.active::after{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	/*联系按钮*/
	.contact-buttons{
		position: absolute;
		left: 0;
		width: 100%;
	}
	.contact-buttons li{
		width: 100%;
		text-align: center;
	}
	.contact-buttons li a{
		display: inline-block;
		position: relative;
	}
	.contact-buttons li a i{
		display: block;
		position: absolute;
		background-color: #fff;
		border: 1px solid #aaaaaa;
		z-index: 10000;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		transition: all 0.4s ease;
		opacity: 0;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
	}
	.contact-buttons li a:hover i{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	.contact-buttons li a i::before, .contact-buttons li a i::after{
		content: "";
		position: absolute;
		display: block;
		width: 0;
		height: 0;
	}

	.container{
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		overflow: hidden;
	}
	/*右侧容器*/
	.swiper-main{
		width: 100%;
		height: 100%;
		position: relative;
	}
	.container .page{
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
	}
	/*下一页箭头*/
	@-webkit-keyframes up-and-down{
		0%, 50%, 100%{
			-webkit-transform: translate(-50%, 0);
		}
		25%{
			-webkit-transform: translate(-50%, 10px);
		}
		75%{
			-webkit-transform: translate(-50%, -10px);
		}
	}
	@keyframes up-and-down{
		0%, 50%, 100%{
			-moz-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
		}
		25%{
			-moz-transform: translate(-50%, 10px);
			-ms-transform: translate(-50%, 10px);
			transform: translate(-50%, 10px);
		}
		75%{
			-moz-transform: translate(-50%, -10px);
			-ms-transform: translate(-50%, -10px);
			transform: translate(-50%, -10px);
		}
	}
	.next-page-arrow::after{
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		bottom: 40px;
		width: 50px;
		height: 30px;
		background-image: url(../images/nextPageArrow.png);
		background-repeat: no-repeat;
		-webkit-background-size: 44px 24px;
		background-size: 44px 24px;
		background-position: center center;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		animation: up-and-down 2.4s linear infinite;
	}
	/*loading线*/
	.loading-wrapper{
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		z-index: 10000;
	}
	.loading-wrapper .loading-line{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 1px;
		height: 100%;
		background-color: #404040;
	}
	.loading-wrapper .loading-logo{
		position: absolute;
		left: 12px;
		bottom: 46px;
		width: 25px;
		height: 76px;
		background-image: url(../images/loading-logo.png);
		background-repeat: no-repeat;
		-webkit-background-size: 25px 76px;
		background-size: 25px 76px;
	}

	/*副导航*/
	.subnav{
		position: fixed;
		text-align: center;
		z-index: 10000;
		opacity: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.subnav.active{
		opacity: 1;
	}
	.subnav li{
		position: relative;
	}
	.subnav li span{
		display: block;
		-webkit-transform: translate3d(0,0,0) rotate(90deg);
		-moz-transform: translate3d(0,0,0) rotate(90deg);
		-ms-transform: translate3d(0,0,0) rotate(90deg);
		transform: translate3d(0,0,0) rotate(90deg);
	}
	.subnav li::after{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		height: 2px;
		background-color: #aaaaaa;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	.subnav li a{
		color: #aaaaaa;
	}
	/*选中状态*/
	.subnav li.active::after{
		-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
		-moz-transform: translate3d(0, 0, 0) rotate(45deg);
		-ms-transform: translate3d(0, 0, 0) rotate(45deg);
		transform: translate3d(0, 0, 0) rotate(45deg);
		background-color: #404040;
	}
	.subnav li.active a{
		color: #404040;
	}
	.subnav li:hover::after{
		-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
		-moz-transform: translate3d(0, 0, 0) rotate(45deg);
		-ms-transform: translate3d(0, 0, 0) rotate(45deg);
		transform: translate3d(0, 0, 0) rotate(45deg);
		background-color: #404040;
	}
	.subnav li:hover a{
		color: #404040;
	}

	/*标题*/
	.header-title{
	}
	.header-title h2{
		float: left;
		color: #4f4e4e;
	}
	.header-title .line{
		float: right;
		position: relative;
	}
	.header-title .line span{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.header-title .line .handle{
		left: 0;
		background-color: #959595;
	}
	.header-title .line .center{
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #959595;
	}
	.header-title .line .english{
		color: #959595;
		background-color: #fff;
	}

	/*分页器*/
	.paging{
		margin: 0 auto;
	}
	.paging::after{
		content: "";
		display: block;
		clear: both;
	}
	.paging li{
		float: left;
		text-align: center;
	}
	.paging li a{
		color: #aaaaaa;
	}
	.paging li.paging-prev a, .paging li.paging-next a{
		display: inline-block;
	}
	.paging li.active a{
		color: #404040;
	}


	/*左右分页器*/
	.paginator button{
		float: left;
		width: 34px;
		height: 34px;
		background-color: #fff;
		border: 1px solid #4e4e4e;
		cursor: pointer;
	}
	.paginator .next{
		margin-left: -1px;
	}
	.paginator button span{
		display: inline-block;
		line-height: 34px;
		vertical-align: middle;
		width: 14px;
		height: 25px;
		background-image: url(../images/paginator.png);
		background-repeat: no-repeat;
		-webkit-background-size: 28px 50px;
		background-size: 28px 50px;
	}
	.paginator .prev span{
		background-position: 0 -25px;
	}
	.paginator .next span{
		background-position: -14px -25px;
	}
	/*鼠标移入*/
	.paginator button:hover{
		background-color: #4e4e4e;
	}
	.paginator .prev:hover span{
		background-position: 0 0;
	}
	.paginator .next:hover span{
		background-position: -14px 0;
	}

	/*链接按钮*/
	.btn-link{
		display: inline-block;
		border: 1px solid #4e4e4e;
		text-align: center;
		color: #4e4e4e;
		background-color: #fff;
		cursor: pointer;
	}


/*分页器*/
	.paging{
		width: 280px;
		height: 15px;
	}

	.paging::after{
		content: "";
		display: block;
		clear: both;
	}

	.paging a, .paging span{
		float: left;
		display: block;
		width: 25px;
		height: 15px;
		font-size: 14px;
		line-height: 15px;
		color: #404040;
		text-decoration: none;
		position: relative;
		text-align: center;
	}

	.paging .nextPage::after, .paging .prevPage::after{
		content: "";
		display: inline-block;
		width: 8px;
		height: 15px;
		background-image: url(../images/about/pagination_arrows.png);
		background-repeat: no-repeat;
		-webkit-background-size: 16px 15px;
		background-size: 16px 15px;
	}

	.paging .prevPage::after{
		background-position: 0 0;
	}

	.paging .nextPage::after{
		background-position: -8px 0;
	}


/*只有上下翻页按钮*/
	.paging.onlyButton::after{
		width: auto;
		height: auto;
		content: "";
		display: block;
		clear: both;
	}

	.paging.onlyButton .nextPage, .paging.onlyButton .prevPage{
		width: 34px;
		height: 34px;
		line-height: 34px;
		background-color: #fff;
		border: 1px solid #4e4e4e;
		cursor: pointer;
		float: left;
		position: relative;
	}

	.paging.onlyButton .nextPage{
		margin-left: -1px;
	}

	.paging.onlyButton .nextPage::after, .paging.onlyButton .prevPage::after{
		position: absolute;
		left: 10px;
		top: 4px;
		content: "";
		display: inline-block;
		line-height: 34px;
		vertical-align: middle;
		width: 14px;
		height: 25px;
		background-image: url(../images/paginator.png);
		background-repeat: no-repeat;
		-webkit-background-size: 28px 50px;
		background-size: 28px 50px;
	}

	.paging.onlyButton .prevPage::after{
		background-position: 0 -25px;
	}

	.paging.onlyButton .nextPage::after{
		background-position: -14px -25px;
	}

.pagetitle{
	width: 150px;
	height: 50px;
	background-image: url(../images/title-txt.png);
	background-repeat: no-repeat;
}

.pagetitle-intro{
	background-position: 0 0;
}

.pagetitle-history{
	background-position: -150px 0;
}

.pagetitle-culture{
	background-position: -300px 0;
}

.pagetitle-team{
	background-position: 0 -50px;
}

.pagetitle-project{
	background-position: -150px -50px;
}

.pagetitle-honor{
	background-position: -300px -50px;
}

.pagetitle-news{
	background-position: 0 -100px;
}

.pagetitle-contact{
	background-position: -150px -100px;
}

.pagetitle-recruit{
	background-position: -300px -100px;
}

/*左侧导航栏*/
.sidebar{
	width: 200px;
	padding-top: 40px;
}
.sidebar > a{
	width: 87px;
	height: 87px;
	margin-bottom: 40px;
}
.sidebar .nav li{
	height: 76px;
	padding: 14px 0;
}
.sidebar .nav li a{
	width: 120px;
	height: 40px;
	background-image: url(../images/nav-txt.png);
	background-repeat: no-repeat;
	-webkit-background-size: 240px 240px;
	background-size: 240px 240px;
}
.sidebar .nav li a::after{
	height: 2px;
}
.sidebar .nav li:nth-child(1) a{
	background-position: 0px 0px;
}
.sidebar .nav li:nth-child(2) a{
	background-position: 0px -40px;
}
.sidebar .nav li:nth-child(3) a{
	background-position: 0px -80px;
}
.sidebar .nav li:nth-child(4) a{
	background-position: 0px -120px;
}
.sidebar .nav li:nth-child(5) a{
	background-position: 0px -160px;
}
.sidebar .nav li:nth-child(6) a{
	background-position: 0px -200px;
}
/*选中状态*/
.sidebar .nav li:nth-child(1) a:hover{
	background-position: -120px 0px;
}
.sidebar .nav li:nth-child(2) a:hover{
	background-position: -120px -40px;
}
.sidebar .nav li:nth-child(3) a:hover{
	background-position: -120px -80px;
}
.sidebar .nav li:nth-child(4) a:hover{
	background-position: -120px -120px;
}
.sidebar .nav li:nth-child(5) a:hover{
	background-position: -120px -160px;
}
.sidebar .nav li:nth-child(6) a:hover{
	background-position: -120px -200px;
}
/*当前状态*/
.sidebar .nav li:nth-child(1) a.active{
	background-position: -120px 0px;
}
.sidebar .nav li:nth-child(2) a.active{
	background-position: -120px -40px;
}
.sidebar .nav li:nth-child(3) a.active{
	background-position: -120px -80px;
}
.sidebar .nav li:nth-child(4) a.active{
	background-position: -120px -120px;
}
.sidebar .nav li:nth-child(5) a.active{
	background-position: -120px -160px;
}
.sidebar .nav li:nth-child(6) a.active{
	background-position: -120px -200px;
}
/*联系按钮*/
.contact-buttons{
	bottom: 4px;
}
.contact-buttons li{
	height: 64px;
	padding: 2px 0px;
}
.contact-buttons li a{
	width: 60px;
	height: 60px;
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
	-webkit-background-size: 120px 180px;
	background-size: 120px 180px;
}
.contact-buttons li:nth-child(1) a{
	background-position: 0px 0px;
}
.contact-buttons li:nth-child(2) a{
	background-position: 0px -60px;
}
.contact-buttons li:nth-child(3) a{
	background-position: 0px -120px;
}
.contact-buttons li:nth-child(1) a:hover{
	background-position: -60px 0px;
}
.contact-buttons li:nth-child(2) a:hover{
	background-position: -60px -60px;
}
.contact-buttons li:nth-child(3) a:hover{
	background-position: -60px -120px;
}
.contact-buttons li a i{
	left: 120px;
	width: 126px;
	height: 126px;
	background-image: url(../images/contact.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: 126px 378px;
	background-size: 126px 378px;
}
.contact-buttons li a:hover i{
	left: 80px;
}
.contact-buttons li a i::before, .contact-buttons li a i::after{
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
.contact-buttons li a i::before{
	left: -11px;
	border-right: 10px solid #aaaaaa;
}
.contact-buttons li a i::after{
	left: -9px;
	border-right: 10px solid #fff;
}
.contact-buttons li:nth-child(1) a i{
	top: 8px;
	background-position: 0px 0px;
}
.contact-buttons li:nth-child(2) a i{
	top: -28px;
	background-position: 0px -126px;
}
.contact-buttons li:nth-child(3) a i{
	top: -73px;
	background-position: 0px -252px;
}
.contact-buttons li:nth-child(1) a i::before, .contact-buttons li:nth-child(1) a i::after{
	top: 15px;
}
.contact-buttons li:nth-child(2) a i::before, .contact-buttons li:nth-child(2) a i::after{
	top: 52px;
}
.contact-buttons li:nth-child(3) a i::before, .contact-buttons li:nth-child(3) a i::after{
	bottom: 15px;
}

/*右侧容器*/
.container{
	width: -webkit-calc(100% - 200px);
	width: -moz-calc(100% - 200px);
	width: -ms-calc(100% - 200px);
	width: calc(100% - 200px);
}

/*边距*/
.paddings{
	padding-left: 120px;
	padding-top: 100px;
	padding-right: 220px;
}

/*loading线*/
.loading-wrapper{
	width: 100px;
}

/*副导航*/
.subnav{
	right: 130px;
	top: 100px;
	width: 40px;
}
.subnav li{
	padding-top: 18px;
	margin-bottom: 32px;
}
.subnav li span{
    margin-bottom: 6px;
}
.subnav li::after{
	left: 11px;
	width: 18px;
	height: 2px;
}
.subnav li a{
	font-size: 14px;
	line-height: 16px;
}

/*标题*/
.header-title{
	margin-bottom: 60px;
}

#page-honor .header-title{
	margin-bottom: 90px;
}

/*.header-title h2{
	width: 150px;
	font-size: 36px;
	line-height: 40px;
}*/
.header-title .line{
	-webkit-width: calc(100% - 250px);
	-moz-width: calc(100% - 250px);
	-ms-width: calc(100% - 250px);
	width: calc(100% - 250px);
	height: 40px;
}
.header-title .line .handle{
	width: 90px;
	height: 7px;
}
.header-title .line .english{
	right: 25px;
	font-size: 14px;
	padding: 0 12px;
}

/*分页器*/
.paging{
	width: 238px;
	height: 20px;
}
.paging li{
	width: 34px;
	height: 20px;
}
.paging li a{
	font-size: 18px;
	line-height: 20px;
}
.paging li.paging-prev a, .paging li.paging-next a{
	width: 12px;
	height: 20px;
	background-image: url(../images/about/pagination_arrows.png);
	background-repeat: no-repeat;
	-webkit-background-size: 24px 20px;
	background-size: 24px 20px;
}
.paging li.paging-prev a{
	background-position: 0 0;
}
.paging li.paging-next a{
	background-position: -12px 0;
}

/*链接按钮*/
.btn-link{
	width: 100px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
}

/*screen from 1024 to 1440....................................................................................................*/
@media screen and (min-width: 1024px) and (max-width: 1280px){
	/*左侧导航栏*/
	.sidebar{
		width: 144px;
	}
	.sidebar > a{
		width: 62px;
		height: 62px;
	}
	.sidebar .nav{
		height: 390px;
	}
	.sidebar .nav li{
		height: 64px;
		padding: 18px 0;
	}
	.sidebar .nav li a{
		width: 86px;
		height: 28px;
		background-image: url(../images/nav-txt.png);
		background-repeat: no-repeat;
		-webkit-background-size: 168px 168px;
		background-size: 168px 168px;
	}
	.sidebar .nav li a::after{
		height: 1px;
	}
	.sidebar .nav li:nth-child(1) a{
		background-position: 0 0;
	}
	.sidebar .nav li:nth-child(2) a{
		background-position: 0 -28px;
	}
	.sidebar .nav li:nth-child(3) a{
		background-position: 0 -56px;
	}
	.sidebar .nav li:nth-child(4) a{
		background-position: 0 -84px;
	}
	.sidebar .nav li:nth-child(5) a{
		background-position: 0 -112px;
	}
	.sidebar .nav li:nth-child(6) a{
		background-position: 0 -140px;
	}
	/*选中状态*/
	.sidebar .nav li:nth-child(1) a:hover{
		background-position: -84px 0;
	}
	.sidebar .nav li:nth-child(2) a:hover{
		background-position: -84px -28px;
	}
	.sidebar .nav li:nth-child(3) a:hover{
		background-position: -84px -56px;
	}
	.sidebar .nav li:nth-child(4) a:hover{
		background-position: -84px -84px;
	}
	.sidebar .nav li:nth-child(5) a:hover{
		background-position: -84px -112px;
	}
	.sidebar .nav li:nth-child(6) a:hover{
		background-position: -84px -140px;
	}
	/*当前状态*/
	.sidebar .nav li:nth-child(1) a.active{
		background-position: -84px 0;
	}
	.sidebar .nav li:nth-child(2) a.active{
		background-position: -84px -28px;
	}
	.sidebar .nav li:nth-child(3) a.active{
		background-position: -84px -56px;
	}
	.sidebar .nav li:nth-child(4) a.active{
		background-position: -84px -84px;
	}
	.sidebar .nav li:nth-child(5) a.active{
		background-position: -84px -112px;
	}
	.sidebar .nav li:nth-child(6) a.active{
		background-position: -84px -140px;
	}
	/*联系按钮*/
	.contact-buttons{
		bottom: 25px;
	}
	.contact-buttons li{
		height: 46px;
		padding: 2px 0;
	}
	.contact-buttons li a{
		width: 46px;
		height: 46px;
		background-image: url(../images/contact.png);
		background-repeat: no-repeat;
		-webkit-background-size: 92px 138px;
		background-size: 92px 138px;
	}
	.contact-buttons li:nth-child(1) a{
		background-position: 0 0;
	}
	.contact-buttons li:nth-child(2) a{
		background-position: 0 -46px;
	}
	.contact-buttons li:nth-child(3) a{
		background-position: 0 -92px;
	}
	.contact-buttons li:nth-child(1) a:hover{
		background-position: -46px 0;
	}
	.contact-buttons li:nth-child(2) a:hover{
		background-position: -46px -46px;
	}
	.contact-buttons li:nth-child(3) a:hover{
		background-position: -46px -92px;
	}
	.contact-buttons li a i{
		left: 100px;
		width: 93px;
		height: 93px;
		background-image: url(../images/contact.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: 93px 279px;
		background-size: 93px 279px;
	}
	.contact-buttons li a:hover i{
		left: 68px;
	}
	.contact-buttons li a i::before, .contact-buttons li a i::after{
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
	}
	.contact-buttons li a i::before{
		left: -11px;
		border-right: 10px solid #aaaaaa;
	}
	.contact-buttons li a i::after{
		left: -9px;
		border-right: 10px solid #fff;
	}
	.contact-buttons li:nth-child(1) a i{
		top: 4px;
		background-position: 0 0;
	}
	.contact-buttons li:nth-child(2) a i{
		top: -28px;
		background-position: 0 -93px;
	}
	.contact-buttons li:nth-child(3) a i{
		top: -50px;
		background-position: 0 -186px;
	}
	.contact-buttons li:nth-child(1) a i::before, .contact-buttons li:nth-child(1) a i::after{
		top: 15px;
	}
	.contact-buttons li:nth-child(2) a i::before, .contact-buttons li:nth-child(2) a i::after{
		top: 52px;
	}
	.contact-buttons li:nth-child(3) a i::before, .contact-buttons li:nth-child(3) a i::after{
		bottom: 15px;
	}

	/*右侧容器*/
	.container{
		width: -webkit-calc(100% - 144px);
		width: -moz-calc(100% - 144px);
		width: -ms-calc(100% - 144px);
		width: calc(100% - 144px);
	}

	/*边距*/
	.paddings{
		padding-left: 110px;
		padding-top: 120px;
		padding-right: 250px;
	}

	/*loading线*/
	.loading-wrapper{
		width: 75px;
	}

	/*副导航*/
	.subnav{
		right: 94px;
		top: 126px;
		width: 30px;
	}
	.subnav li{
		padding-top: 12px;
		margin-bottom: 22px;
	}
	.subnav li span{
	    margin-bottom: 6px;
	}
	.subnav li::after{
		left: 9px;
		width: 12px;
		height: 2px;
	}
	.subnav li a{
		font-size: 12px;
		line-height: 14px;
	}

	/*标题*/
	.header-title{
		margin-bottom: 40px;
	}

	.pagetitle{
		width: 90px;
		height: 30px;
		background-size: 270px 90px;
	}

	.pagetitle-history{
		background-position: -90px 0;
	}

	.pagetitle-culture{
		background-position: -180px 0;
	}

	.pagetitle-team{
		background-position: 0 -30px;
	}

	.pagetitle-project{
		background-position: -90px -30px;
	}

	.pagetitle-honor{
		background-position: -180px -30px;
	}

	.pagetitle-news{
		background-position: 0 -60px;
	}

	.pagetitle-contact{
		background-position: -90px -60px;
	}

	.pagetitle-recruit{
		background-position: -180px -60px;
	}
	.header-title .line{
		-webkit-width: calc(100% - 180px);
		-moz-width: calc(100% - 180px);
		-ms-width: calc(100% - 180px);
		width: calc(100% - 180px);
		height: 30px;
	}
	.header-title .line .handle{
		width: 65px;
		height: 5px;
	}
	.header-title .line .english{
		right: 25px;
		font-size: 14px;
		padding: 0 8px;
	}

	/*分页器*/
	.paging{
		width: 172px;
		height: 15px;
	}
	.paging li{
		width: 25px;
		height: 15px;
	}
	.paging li a{
		font-size: 14px;
		line-height: 15px;
	}
	.paging li.paging-prev a, .paging li.paging-next a{
		width: 8px;
		height: 15px;
		background-image: url(../images/about/pagination_arrows.png);
		background-repeat: no-repeat;
		-webkit-background-size: 16px 15px;
		background-size: 16px 15px;
	}
	.paging li.paging-prev a{
		background-position: 0 0;
	}
	.paging li.paging-next a{
		background-position: -8px 0;
	}

	/*链接按钮*/
	.btn-link{
		width: 175px;
		height: 38px;
		font-size: 22px;
		line-height: 38px;
	}
}

/*screen from 1280 to 1440....................................................................................................*/
@media screen and (min-width: 1275px) and (max-width: 1440px){
	/*左侧导航栏*/
	.sidebar{
		width: 136px;
	}
	.sidebar > a{
		width: 58px;
		height: 58px;
	}
	.sidebar .nav{
		height: 390px;
	}
	.sidebar .nav li{
		height: 46px;
		padding: 10px 0;
	}
	.sidebar .nav li a{
		width: 78px;
		height: 26px;
		background-image: url(../images/nav-txt.png);
		background-repeat: no-repeat;
		-webkit-background-size: 156px 156px;
		background-size: 156px 156px;
	}
	.sidebar .nav li a::after{
		height: 1px;
	}
	.sidebar .nav li:nth-child(1) a{
		background-position: 0 0;
	}
	.sidebar .nav li:nth-child(2) a{
		background-position: 0 -26px;
	}
	.sidebar .nav li:nth-child(3) a{
		background-position: 0 -52px;
	}
	.sidebar .nav li:nth-child(4) a{
		background-position: 0 -78px;
	}
	.sidebar .nav li:nth-child(5) a{
		background-position: 0 -104px;
	}
	.sidebar .nav li:nth-child(6) a{
		background-position: 0 -130px;
	}
	/*选中状态*/
	.sidebar .nav li:nth-child(1) a:hover{
		background-position: -78px 0;
	}
	.sidebar .nav li:nth-child(2) a:hover{
		background-position: -78px -26px;
	}
	.sidebar .nav li:nth-child(3) a:hover{
		background-position: -78px -52px;
	}
	.sidebar .nav li:nth-child(4) a:hover{
		background-position: -78px -78px;
	}
	.sidebar .nav li:nth-child(5) a:hover{
		background-position: -78px -104px;
	}
	.sidebar .nav li:nth-child(6) a:hover{
		background-position: -78px -130px;
	}
	/*当前状态*/
	.sidebar .nav li:nth-child(1) a.active{
		background-position: -78px 0;
	}
	.sidebar .nav li:nth-child(2) a.active{
		background-position: -78px -28px;
	}
	.sidebar .nav li:nth-child(3) a.active{
		background-position: -78px -52px;
	}
	.sidebar .nav li:nth-child(4) a.active{
		background-position: -78px -78px;
	}
	.sidebar .nav li:nth-child(5) a.active{
		background-position: -78px -104px;
	}
	.sidebar .nav li:nth-child(6) a.active{
		background-position: -78px -130px;
	}
	/*联系按钮*/
	.contact-buttons{
		bottom: 25px;
	}
	.contact-buttons li{
		height: 46px;
		padding: 2px 0;
	}
	.contact-buttons li a{
		width: 46px;
		height: 46px;
		background-image: url(../images/contact.png);
		background-repeat: no-repeat;
		-webkit-background-size: 92px 138px;
		background-size: 92px 138px;
	}
	.contact-buttons li:nth-child(1) a{
		background-position: 0 0;
	}
	.contact-buttons li:nth-child(2) a{
		background-position: 0 -46px;
	}
	.contact-buttons li:nth-child(3) a{
		background-position: 0 -92px;
	}
	.contact-buttons li:nth-child(1) a:hover{
		background-position: -46px 0;
	}
	.contact-buttons li:nth-child(2) a:hover{
		background-position: -46px -46px;
	}
	.contact-buttons li:nth-child(3) a:hover{
		background-position: -46px -92px;
	}
	.contact-buttons li a i{
		left: 100px;
		width: 93px;
		height: 93px;
		background-image: url(../images/contact.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: 93px 279px;
		background-size: 93px 279px;
	}
	.contact-buttons li a:hover i{
		left: 68px;
	}
	.contact-buttons li a i::before, .contact-buttons li a i::after{
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
	}
	.contact-buttons li a i::before{
		left: -11px;
		border-right: 10px solid #aaaaaa;
	}
	.contact-buttons li a i::after{
		left: -9px;
		border-right: 10px solid #fff;
	}
	.contact-buttons li:nth-child(1) a i{
		top: 4px;
		background-position: 0 0;
	}
	.contact-buttons li:nth-child(2) a i{
		top: -28px;
		background-position: 0 -93px;
	}
	.contact-buttons li:nth-child(3) a i{
		top: -50px;
		background-position: 0 -186px;
	}
	.contact-buttons li:nth-child(1) a i::before, .contact-buttons li:nth-child(1) a i::after{
		top: 15px;
	}
	.contact-buttons li:nth-child(2) a i::before, .contact-buttons li:nth-child(2) a i::after{
		top: 52px;
	}
	.contact-buttons li:nth-child(3) a i::before, .contact-buttons li:nth-child(3) a i::after{
		bottom: 15px;
	}

	/*右侧容器*/
	.container{
		width: -webkit-calc(100% - 136px);
		width: -moz-calc(100% - 136px);
		width: -ms-calc(100% - 136px);
		width: calc(100% - 136px);
	}

	/*边距*/
	.paddings{
		padding-left: 100px;
		padding-top: 112px;
		padding-right: 250px;

		padding-left: 60px;
		padding-top: 60px;
		padding-right: 180px;
	}

	/*loading线*/
	.loading-wrapper{
		width: 75px;
	}

	/*副导航*/
	.subnav{
		right: 94px;
		top: 110px;
		width: 30px;

		top: 60px;
	}
	.subnav li{
		padding-top: 12px;
		margin-bottom: 22px;

		margin-bottom: 12px;
	}
	.subnav li span{
	    margin-bottom: 6px;
	}
	.subnav li::after{
		left: 9px;
		width: 12px;
		height: 2px;
	}
	.subnav li a{
		font-size: 12px;
		line-height: 14px;
	}

	/*标题*/
	.header-title{
		margin-bottom: 40px;
	}


	#page-honor .header-title{
		margin-bottom: 60px;
	}

	.pagetitle{
		width: 90px;
		height: 30px;
		background-size: 270px 90px;
	}

	.pagetitle-history{
		background-position: -90px 0;
	}

	.pagetitle-culture{
		background-position: -180px 0;
	}

	.pagetitle-team{
		background-position: 0 -30px;
	}

	.pagetitle-project{
		background-position: -90px -30px;
	}

	.pagetitle-honor{
		background-position: -180px -30px;
	}

	.pagetitle-news{
		background-position: 0 -60px;
	}

	.pagetitle-contact{
		background-position: -90px -60px;
	}

	.pagetitle-recruit{
		background-position: -180px -60px;
	}
	.header-title .line{
		-webkit-width: calc(100% - 180px);
		-moz-width: calc(100% - 180px);
		-ms-width: calc(100% - 180px);
		width: calc(100% - 180px);
		height: 30px;
	}
	.header-title .line .handle{
		width: 65px;
		height: 5px;
	}
	.header-title .line .english{
		right: 25px;
		font-size: 14px;
		padding: 0 8px;
	}

	/*分页器*/
	.paging{
		width: 157px;
		height: 14px;
	}
	.paging li{
		width: 22px;
		height: 14px;
	}
	.paging li a{
		font-size: 13px;
		line-height: 14px;
	}
	.paging li.paging-prev a, .paging li.paging-next a{
		width: 8px;
		height: 14px;
		background-image: url(../images/about/pagination_arrows.png);
		background-repeat: no-repeat;
		-webkit-background-size: 16px 14px;
		background-size: 16px 14px;
	}
	.paging li.paging-prev a{
		background-position: 0 0;
	}
	.paging li.paging-next a{
		background-position: -8px 0;
	}

	/*链接按钮*/
	.btn-link{
		width: 80px;
		height: 28px;
		font-size: 12px;
		line-height: 28px;
	}
}

/*screen from 1440 to 1680....................................................................................................*/
@media screen and (min-width: 1440px) and (max-width: 1680px){
	/*左侧导航栏*/
	.sidebar{
		width: 152px;
	}
	.sidebar > a{
		width: 65px;
		height: 65px;
	}
	.sidebar .nav{
		height: 390px;
		margin-top: 18px;
	}
	.sidebar .nav li{
		height: 60px;
		/*padding: 18px 0;*/
	}
	.sidebar .nav li a{
		width: 86px;
		height: 28px;
		background-image: url(../images/nav-txt.png);
		background-repeat: no-repeat;
		-webkit-background-size: 168px 168px;
		background-size: 168px 168px;
	}
	.sidebar .nav li a::after{
		height: 1px;
	}
	.sidebar .nav li:nth-child(1) a{
		background-position: 0 0;
	}
	.sidebar .nav li:nth-child(2) a{
		background-position: 0 -28px;
	}
	.sidebar .nav li:nth-child(3) a{
		background-position: 0 -56px;
	}
	.sidebar .nav li:nth-child(4) a{
		background-position: 0 -84px;
	}
	.sidebar .nav li:nth-child(5) a{
		background-position: 0 -112px;
	}
	.sidebar .nav li:nth-child(6) a{
		background-position: 0 -140px;
	}
	/*选中状态*/
	.sidebar .nav li:nth-child(1) a:hover{
		background-position: -84px 0;
	}
	.sidebar .nav li:nth-child(2) a:hover{
		background-position: -84px -28px;
	}
	.sidebar .nav li:nth-child(3) a:hover{
		background-position: -84px -56px;
	}
	.sidebar .nav li:nth-child(4) a:hover{
		background-position: -84px -84px;
	}
	.sidebar .nav li:nth-child(5) a:hover{
		background-position: -84px -112px;
	}
	.sidebar .nav li:nth-child(6) a:hover{
		background-position: -84px -140px;
	}
	/*当前状态*/
	.sidebar .nav li:nth-child(1) a.active{
		background-position: -84px 0;
	}
	.sidebar .nav li:nth-child(2) a.active{
		background-position: -84px -28px;
	}
	.sidebar .nav li:nth-child(3) a.active{
		background-position: -84px -56px;
	}
	.sidebar .nav li:nth-child(4) a.active{
		background-position: -84px -84px;
	}
	.sidebar .nav li:nth-child(5) a.active{
		background-position: -84px -112px;
	}
	.sidebar .nav li:nth-child(6) a.active{
		background-position: -84px -140px;
	}
	/*联系按钮*/
	.contact-buttons{
		bottom: 35px;
	}
	.contact-buttons li{
		height: 46px;
		padding: 2px 0;
	}
	.contact-buttons li a{
		width: 46px;
		height: 46px;
		background-image: url(../images/contact.png);
		background-repeat: no-repeat;
		-webkit-background-size: 92px 138px;
		background-size: 92px 138px;
	}
	.contact-buttons li:nth-child(1) a{
		background-position: 0 0;
	}
	.contact-buttons li:nth-child(2) a{
		background-position: 0 -46px;
	}
	.contact-buttons li:nth-child(3) a{
		background-position: 0 -92px;
	}
	.contact-buttons li:nth-child(1) a:hover{
		background-position: -46px 0;
	}
	.contact-buttons li:nth-child(2) a:hover{
		background-position: -46px -46px;
	}
	.contact-buttons li:nth-child(3) a:hover{
		background-position: -46px -92px;
	}
	.contact-buttons li a i{
		left: 100px;
		width: 93px;
		height: 93px;
		background-image: url(../images/contact.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: 93px 279px;
		background-size: 93px 279px;
	}
	.contact-buttons li a:hover i{
		left: 68px;
	}
	.contact-buttons li a i::before, .contact-buttons li a i::after{
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
	}
	.contact-buttons li a i::before{
		left: -11px;
		border-right: 10px solid #aaaaaa;
	}
	.contact-buttons li a i::after{
		left: -9px;
		border-right: 10px solid #fff;
	}
	.contact-buttons li:nth-child(1) a i{
		top: 4px;
		background-position: 0 0;
	}
	.contact-buttons li:nth-child(2) a i{
		top: -36px;
		background-position: 0 -93px;
	}
	.contact-buttons li:nth-child(3) a i{
		top: -50px;
		background-position: 0 -186px;
	}
	.contact-buttons li:nth-child(1) a i::before, .contact-buttons li:nth-child(1) a i::after{
		top: 15px;
	}
	.contact-buttons li:nth-child(2) a i::before, .contact-buttons li:nth-child(2) a i::after{
		top: 52px;
	}
	.contact-buttons li:nth-child(3) a i::before, .contact-buttons li:nth-child(3) a i::after{
		bottom: 15px;
	}

	/*右侧容器*/
	.container{
		width: -webkit-calc(100% - 152px);
		width: -moz-calc(100% - 152px);
		width: -ms-calc(100% - 152px);
		width: calc(100% - 152px);
	}

	/*loading线*/
	.loading-wrapper{
		width: 80px;
	}

	/*副导航*/
	.subnav{
		right: 94px;
		top: 60px;
		width: 30px;
	}
	.subnav li{
		padding-top: 12px;
		margin-bottom: 22px;
	}
	.subnav li span{
	    margin-bottom: 6px;
	}
	.subnav li::after{
		left: 9px;
		width: 12px;
		height: 2px;
	}
	.subnav li a{
		font-size: 12px;
		line-height: 14px;
	}

	/*标题*/
	.header-title{
		margin-bottom: 40px;
	}


	#page-honor .header-title{
		margin-bottom: 75px;
	}

	.pagetitle{
		width: 90px;
		height: 30px;
		background-size: 270px 90px;
	}

	.pagetitle-history{
		background-position: -90px 0;
	}

	.pagetitle-culture{
		background-position: -180px 0;
	}

	.pagetitle-team{
		background-position: 0 -30px;
	}

	.pagetitle-project{
		background-position: -90px -30px;
	}

	.pagetitle-honor{
		background-position: -180px -30px;
	}

	.pagetitle-news{
		background-position: 0 -60px;
	}

	.pagetitle-contact{
		background-position: -90px -60px;
	}

	.pagetitle-recruit{
		background-position: -180px -60px;
	}
	.header-title .line{
		-webkit-width: calc(100% - 180px);
		-moz-width: calc(100% - 180px);
		-ms-width: calc(100% - 180px);
		width: calc(100% - 180px);
		height: 30px;
	}
	.header-title .line .handle{
		width: 65px;
		height: 5px;
	}
	.header-title .line .english{
		right: 25px;
		font-size: 14px;
		padding: 0 8px;
	}

	/*分页器*/
	.paging{
		width: 175px;
		height: 15px;
	}
	.paging li{
		width: 25px;
		height: 15px;
	}
	.paging li a{
		font-size: 14px;
		line-height: 15px;
	}
	.paging li.paging-prev a, .paging li.paging-next a{
		width: 8px;
		height: 15px;
		background-image: url(../images/about/pagination_arrows.png);
		background-repeat: no-repeat;
		-webkit-background-size: 16px 15px;
		background-size: 16px 15px;
	}
	.paging li.paging-prev a{
		background-position: 0 0;
	}
	.paging li.paging-next a{
		background-position: -8px 0;
	}

	/*链接按钮*/
	.btn-link{
		width: 86px;
		height: 30px;
		font-size: 14px;
		line-height: 30px;
	}
	/*边距*/
	.paddings{
		padding-left: 118px;
		padding-top: 126px;
		padding-right: 256px;

		padding-left: 60px;
		padding-top: 60px;
		padding-right: 180px;
	}
}

/*自定义滚动条*/
.scroll-bar {
	display: block;
	position: absolute;
	right: 1px;
	top: 0;
	width: 4px;
	height: 100%;
	background-color: #e7e7e7;
	border-radius: 2px;
}

.scroll-bar .scroll-bar-control {
	display: block;
	position: absolute;
	right: -1px;
	top: 0;
	width: 6px;
	height: 30px;
	background-color: #aaaaaa;
	border-radius: 3px;
	cursor: pointer;
}