@font-face {
	font-family: "iconfont"; /* Project id 2573988 */
	src: url('fonts/iconfont.woff2?t=1545807318834') format('woff2'),
	   url('fonts/iconfont.woff?t=1545807318834') format('woff'),
	   url('fonts/iconfont.ttf?t=1545807318834') format('truetype');
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.icon-arr:before {content: "\e612";}
.icon-srv01:before {content: "\e632";}
.icon-t1:before {content: "\e60d";}
.icon-t2:before {content: "\e709";}
.icon-t3:before {content: "\e62d";}
.icon-t4:before {content: "\e625";}

body{
	background:#FFF;text-align:left;
	font-family:Microsoft YaHei, sans-serif;
}

#Container{
	display:block;margin:0;padding:0;
}
.container{
	position:relative;display:block;margin:0 auto;width:151rem;
}
@media only screen and (max-width: 768px) {
	.container{
		width:100%;
	}
}

/******************************************** Header ******************************************************/
#Header{
	height:8rem;
}
@media only screen and (max-width: 768px) {
	#Header{
		height:6rem;
	}
}

.head{
	position:fixed;left:0;top:0;z-index:999;
	width:100%;height:8rem;
	background:#FFF;
}
.logo{
	position:absolute;top:1rem;left:0;height:6rem;
}
.top{
	display:flex;justify-content:right;
}
.nav{
	display:flex;flex-direction:row;
	padding-right:1rem;
}
.nav-link{
	position:relative;margin:0 3rem;
	height:8rem;line-height:8rem;
}
.nav-link:after{
	display:none;
	content:'';
	position:absolute;bottom:0;left:0;right:0;z-index:15;
	height:.2rem;background:linear-gradient(80deg, #7db7e5, #f08fd2);
}
.nav-link.active:after{
	display:block;
}
a.nav-link-t{
	font-size:1.6rem;color:#333;font-weight:600;
}
.nav-link-sub{
	display:none;
	position:absolute;top:100%;left:0;z-index:12;
	height:5rem;line-height:5rem;text-align:left;white-space:nowrap;
}
.nav-link-sub:before{
	content:'';position:fixed;top:8rem;left:0;right:0;z-index:11;
	height:5rem;background:#f8f8f8;
}
.nav-link-sub a{
	position:relative;z-index:13;
	display:inline-block;margin-right:4rem;height:5rem;line-height:5rem;
	font-size:1.4rem;color:#333;white-space:nowrap;
}
.nav-link:nth-child(6) .nav-link-sub{
	left:-14rem;
}
.nav-link:hover .nav-link-sub{
	display:block;
}
.top-search{
	position:relative;
	display:flex;align-items:center;
	padding-left:4rem;width:6rem;
}
.top-search:before{
	content:'';position:absolute;top:50%;left:0;
	margin-top:-.7rem;
	width:0;height:1.4rem;
	border-left:.2rem solid #333;
}
.top-search img{
	height:2rem;
}
.top-lang{
	display:flex;align-items:center;
	padding-left:4rem;
}
.top-lang-con{
	width:6.5rem;
	display:flex;flex-direction:row;
	border-radius:1.2rem;
	background:rgba(188, 193, 205, .2);
}
.top-lang a{
	width:3.1rem;
	height:2.4rem;line-height:2.1rem;
	border:1px solid transparent;
	font-size:1.2rem;color:#BCC1CD;
	text-align:center;
}
.top-lang a.on{
	width:3.4rem;
	border:1px solid #FFF;border-radius:1.2rem;
	background:linear-gradient(to right, #6EBCFE 8.82%, #E5B3F4 100%);
	color:#FFF;
}

.head-m{
	display:none;
}
.nav-m{
	display:none;
}
@media only screen and (max-width: 768px) {
	.head{
		display:none;
	}
	.head-m{
		display:block;
		position:fixed;left:0;top:0;z-index:999;
		width:100%;height:6rem;
		background:#FFF;
	}
	.logo-m{
		position:absolute;top:1rem;left:1.5rem;height:4rem;
	}
	.top-m-search{
		position:absolute;top:0;right:6rem;
	}
	.top-m-search a{
		position:relative;display:block;width:6rem;height:6rem;line-height:6rem;
		text-align:center;
	}
	.top-m-search img{
		position:absolute;top:2.1rem;left:2rem;
		height:2rem;
	}
	.top-m-search:after{
		content:'';position:absolute;top:2.4rem;right:0;bottom:2rem;
		width:0;border-left:.1rem solid #CCC;
	}
	.top-m-lang{
		position:absolute;top:1.8rem;right:6rem;
	}
	.top-m-lang span{
		display:inline-block;width:3rem;height:3rem;line-height:2.8rem;
		border:1px solid #333;
		border-radius:50%;
		font-size:12px;color:#333;
		text-align:center;
	}
	.top-m-menu-btn{
		display:block;position:absolute;top:0;right:0;
		width:6rem;height:6rem;
	}
	.top-m-menu-btn em, .top-m-menu-btn:before, .top-m-menu-btn:after{
		content:'';position:absolute;left:2rem;
		width:2rem;height:.2rem;
		background:#000;border-radius:.1rem;
	}
	.top-m-menu-btn em{
		top:3.1rem;
	}
	.top-m-menu-btn:before{
		top:2.4rem;
	}
	.top-m-menu-btn:after{
		top:3.8rem;
	}
	.top-m-cls-btn{
		display:none;position:absolute;top:0;right:0;width:6rem;height:6rem;
	}
	.top-m-cls-btn:before, .top-m-cls-btn:after{
		content:'';position:absolute;top:50%;left:2rem;width:1.8rem;height:.2rem;background:#000;border-radius:.1rem;
	}
	.top-m-cls-btn:before{
		-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
	}
	.top-m-cls-btn:after{
		-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
	}
	
	
	.nav-m{
		position:fixed;top:6rem;left:0;right:0;bottom:0;z-index:999;
		padding:0 2rem;
		background:url(../imgs/m-nav-bg.jpg) no-repeat scroll center top / cover;
		overflow:hidden;
	}
	.nav-m-blank{
		display:block;height:1rem;
	}
	.nav-m-itm{
		position:relative;
	}
	.nav-m-itm-t{
		position:relative;height:5.5rem;line-height:5.5rem;
	}
	.nav-m-itm-t:after{
		content:'';position:absolute;bottom:0;left:0;right:0;
		height:0;
		border-top:.1rem solid #EEE;
	}
	.nav-m-itm-t a{
		font-size:1.5rem;color:#000;font-weight:550;
	}
	.nav-m-itm-t span{
		position:absolute;top:2.8rem;right:0;width:1.2rem;height:0;
		border-top:.2rem solid #CCC;
	}
	.nav-m-itm-t span:after{
		content:'';position:absolute;left:.5rem;top:0;
		margin-top:-.7rem;width:0;height:1.2rem;
		border-left:.2rem solid #CCC;
		-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;
	}
	.nav-m-itm-sub{
		display:none;padding:1rem 0 1rem .5rem;
		border-bottom:.1rem solid #EEE;
	}
	.nav-m-itm-sub a{
		position:relative;display:block;height:3.5rem;line-height:3.5rem;
		font-size:1.4rem;color:#888;
	}
	.nav-m-itm-sub a:after{
		content:'';position:absolute;right:.5rem;top:1.3rem;
		width:.8rem;height:.8rem;
		border-top:.2rem solid #CCC;border-right:.2rem solid #CCC;
		transform-origin:60%;transform:rotate(45deg);
	}
	
	.nav-m-itm.active .nav-m-itm-t span:after{
		margin-top:0;height:0;
	}
	.nav-m-itm.active .nav-m-itm-sub{
		display:block;
	}
}



/******************************************** footer ******************************************************/
#Footer{
	padding:8rem 0 0;
	background: #F7F8FA;
}
.foot-top{
	position:relative;
}
.foot-logo{
	position:absolute;top:0;left:0;
}
.foot-logo img{
	height:6rem;
}

.foot-nav{
	display:flex;justify-content:right;
	height:20rem;
}
.foot-nav-itm{
	position:relative;
	display:inline-block;margin-left:12rem;
}
.foot-nav-itm:first-child{
	margin:0;
}
.foot-nav-itm h4{
	line-height:3rem;
}
.foot-nav-itm h4 a{
	font-size:1.6rem;color:#333;font-weight:550;
}
.foot-nav-itm ul{
	position:absolute;top:5.5rem;left:0;
}
.foot-nav-itm li{
	line-height:3rem;
	white-space:nowrap;
}
.foot-nav-itm li a{
	font-size:1.4rem;color:#666;
}

.foot-contact{
	padding:6.5rem 0 7rem;
}
.foot-contact-itm{
	display:inline-block;margin-right:8rem;
}
.foot-contact-itm h4, .foot-contact-itm p{
	line-height:3.5rem;
	font-size:1.6rem;color:#333;
}

.foot-copy{
	position:relative;height:10rem;line-height:10rem;
	font-size:1.4rem;color:#999;
}
.foot-copy:before{
	content:'';position:absolute;top:0;left:0;right:0;
	border-top:.1rem solid #EEE;border-bottom:0;
}
.foot-copy .beian{
	float:right;
}
.foot-copy a{
	font-size:1.4rem;color:#999;
}
@media only screen and (max-width: 768px) {
	#Footer{
		padding:0 2rem;
	}
	.foot-top{
		padding:4rem 0;
	}
	.foot-logo{
		position:initial;
	}
	.foot-logo img{
		display:block;margin:0 auto;
		height:4rem;
	}
	.foot-nav{
		display:none;
	}
	
	.foot-contact{
		position:relative;padding:1rem 0;
		display:grid;grid-template-columns:1fr 1fr;
	}
	.foot-contact:before{
		content:'';position:absolute;top:0;left:0;right:0;
		border-top:.1rem solid #EEE;
	}
	.foot-contact-itm{
		margin-right:0;padding:1rem 0;
	}
	.foot-contact-itm h4, .foot-contact-itm p{
		line-height:2.2rem;
		font-size:1.2rem;
	}
	
	.foot-copy{
		padding:2rem 0;height:auto;line-height:2.2rem;
		font-size:1.2rem;
	}
	.foot-copy span{
		display:block;
	}
	.foot-copy .beian{
		float:none;
	}
	.foot-copy a{
		font-size:1.2rem;
	}
}

.backToTop{
    display:none;position:fixed;right:2rem;bottom:7rem;z-index:999;
	width:4.5rem;height:4.5rem;
    cursor:pointer;
}
.tops{ 
	background:url(../imgs/topr.png) no-repeat center center; 
	background-size:100% 100%;
}

/******************************************** common ******************************************************/
.slider-itm{
	position:absolute;top:0;left:0;z-index:1;
	width:100%;height:100%;
	background-position:center;background-repeat:no-repeat;background-size:cover;
	opacity:0;
	transition:all .5s;
}
.slider-itm.active{
	z-index:5;
	opacity:1;
}

/******************************************** 位置 ******************************************************/
.location{
	padding:3.5rem 0 0;height:7.5rem;line-height:4rem;
}
.location a{
	font-size:1.6rem;color:#333;
}
.location span{
	position:relative;display:inline-block;margin:0 1.5rem;
	width:1rem;height:3rem;vertical-align:middle;
}
.location span:after{
	content:'';position:absolute;top:50%;left:0;
	margin-top:-.5rem;width:.8rem;height:.8rem;
	border-top:.1rem solid #333;border-right:.1rem solid #333;
	transform-origin:60%;transform:rotate(45deg);
}
@media only screen and (max-width: 768px) {
	.location{
		padding:3rem 0 0;height:5rem;line-height:3rem;
	}
	.location a{
		font-size:1.4rem;
	}
	.location span{
		margin:0 1rem;
	}
}

/******************************************** 分页 ******************************************************/
.pagination{
	padding:3rem 0 1rem;line-height:6rem;text-align:center;
}
.pagination a, .pagination span{
	display:inline-block;margin:0 .5rem;padding:0 1.5rem;height:4.5rem;line-height:4.5rem;
	background:#f7f7f7;border-radius:1rem;
	font-size:1.6rem;color:#000;
}
.pagination a.active{
	background: linear-gradient(45deg, #78b8e6, #ff7fcf);
	color:#FFF;
}
.pagination .page-item:first-child span, .pagination .page-item:first-child a,
.pagination .page-item:last-child span, .pagination .page-item:last-child a{
	position:relative;z-index:2;text-indent:-40rem;
}
.pagination .page-item:first-child:before, .pagination .page-item:last-child:before{
	content:'';position:absolute;z-index:3;top:1.8rem;width:.8rem;height:.8rem;
	border-color:#999;border-style: solid;
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.pagination .page-item:first-child:before{
	left:2rem;border-width: 0 0 .2rem .2rem;
}
.pagination .page-item:last-child:before{
	right:2rem;border-width: .2rem .2rem 0 0;
}
@media only screen and (max-width: 768px) {
	.pagination{
		line-height:4rem;
	}
	.pagination a, .pagination span{
		margin:0 .4rem;height:2.4rem;line-height:2.4rem;
		background:#DDD;
		font-size:1.4rem;
	}
	.pagination a.active{
		border-radius:1.2rem;
	}
	.pagination .page-item:first-child:before, .pagination .page-item:last-child:before{
		top:.9rem;width:.7rem;height:.7rem;
	}
	.pagination .page-item:first-child:before{
		left:1rem;
	}
	.pagination .page-item:last-child:before{
		right:1rem;
	}
}


a.btn-arr-left, a.btn-arr-right{
	display:inline-block;width:5.4rem;height:5.4rem;overflow:hidden;
	background-position:0 0;background-size:100% auto;background-repeat:no-repeat;
}
a.btn-arr-left{
	background-image:url(../imgs/icons/left.png);
}
a.btn-arr-right{
	background-image:url(../imgs/icons/right.png);
}
a.btn-arr-left:hover, a.btn-arr-right:hover{
	background-position:0 -5.4rem;
}
@media only screen and (max-width: 768px) {
	a.btn-arr-left, a.btn-arr-right{
		width:3rem;height:3rem;
	}
	a.btn-arr-left:hover, a.btn-arr-right:hover{
		background-position:0 -3rem;
	}
}


.blk-contact{
	position:relative;margin-top:5.5rem;
	background:linear-gradient(to right, rgba(228, 228, 228, 0), #FFF 54%, rgba(255, 255, 255, 0));
	text-align:center;
}
.blk-contact:before, .blk-contact:after{
	content:'';
	position:absolute;left:0;right:0;
	height:.3rem;
	background:linear-gradient(to right, rgba(228, 228, 228, 0), #FFF 54%, rgba(255, 255, 255, 0));
}
.blk-contact:before{
	top:0;
}
.blk-contact:after{
	bottom:0;
}
.blk-contact img, .blk-contact span{
	display:inline-block;
	vertical-align:middle;
}
.blk-contact img{
	height:4.5rem;
}
.blk-contact span{
	margin-left:1.6rem;
	height:6rem;line-height:6rem;
	font-size:3.2rem;color:#666;
}
@media only screen and (max-width: 768px) {
	.blk-contact{
		margin-top:3rem;
	}
	.blk-contact img{
		height:2rem;
	}
	.blk-contact span{
		margin-left:1.2rem;
		height:4rem;line-height:4rem;
		font-size:1.6rem;
	}
}