@font-face {
	font-family: "iconfont"; /* Project id 3301359 */
	src: url('fonts/iconfont.woff2?t=1648982533557') format('woff2'),
		url('fonts/iconfont.woff?t=1648982533557') format('woff'),
		url('fonts/iconfont.ttf?t=1648982533557') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 1.6rem;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-more:before {content: "\ed51";}
.icon-search:before {content: "\e6bc";}
.icon-scan:before {content: "\e600";}
.icon-lnk:before{content: "\e834";}
.icon-add:before{content: "\e603";}
.icon-download:before{content: "\e667";}

:root {
	--main-font-color: #333;
	--sec-font-color: #3298f3;
}

html {
	font-size: 62.5%;
	line-height: 1.2;
}
body{
	background:#FFF;text-align:left;
	font-family:Noto Sans, Arial, Helvetica Neue, Helvetica, "Times New Roman", Times, serif, sans-serif;
}

/** 框架 **/
#Container{
	position:relative;z-index:1;
	display:block;
}
.container{
	position:relative;display:block;margin:0 auto;width:160rem;
}
@media only screen and (max-width: 768px) {
	.container{
		width:100%;
	}
}

/******************************************** 顶部 ******************************************************/
#Header{
	position:relative;z-index:99;
	display:flex;flex-direction:row;
	height:10rem;
	box-shadow:0 .5rem .5rem -.5rem rgba(0, 0, 0, .1);
}
.logo{
	padding:3rem 5rem;
}
.logo img{
	display:block;
	height:4rem;
}
.nav{
	flex:1;
	display:flex;flex-direction:row;justify-content:space-around;
}
.nav-itm{
    position:relative;padding-top:3rem;
	height:8rem;
}
.nav-itm > a, .nav-itm h2{
	position:relative;display:block;
	padding-right:3rem;line-height:4rem;
	font-size:2rem;color:var(--main-font-color);
}
/* .nav-itm > a:after, .nav-itm h2:after{
	content:'';position:absolute;top:50%;right:1rem;
	margin-top:-.4rem;
	width:.8rem;height:.8rem;
	border-left:.2rem solid #000;border-bottom:.2rem solid #000;
	transform:rotate(-45deg);
} */
.nav-itm ul{
    display:none;
	position:absolute;top:100%;left:-2rem;z-index:99;
	min-width:calc(100% + 4rem);
    background:#FFF;
}
.nav-itm li a{
    display:block;padding:0 2rem;
	height:5rem;line-height:5rem;
	font-size:1.6rem;color:var(--main-font-color);
    white-space:nowrap;
}
.nav-itm:hover ul{
    display:block;
}

.nav-itm > a:hover, .nav-itm h2:hover, .nav-itm.on > a, .nav-itm.on h2, .nav-itm li a:hover{
	color:var(--sec-font-color);
}

.top-search{
	padding:3rem 5rem 0;
}
.search-box{
	position:relative;
	display:block;padding:0 5rem 0 2rem;
	width:30rem;height:4rem;
	border-radius:4rem;
	box-shadow:inset 0 0 .5rem rgba(0, 0, 0, .25);
}
.search-box input{
	width:100%;height:4rem;line-height:4rem;
	background:none;
	border:none;outline:0;
	font-size:1.5rem;color:#333;
}
.search-box span{
	position:absolute;top:50%;right:1rem;
	margin-top:-1.8rem;
	width:4rem;height:4rem;line-height:4rem;
	font-size:2rem;color:var(--sec-font-color);
	text-align:center;
	cursor:pointer;
}

.header{
	display:none;
	height:6rem;
}
.logo-m{
	position:absolute;top:2.2rem;left:2rem;
	height:2rem;
}
.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:1rem;
	width:3rem;height:.2rem;
	background:#333;border-radius:.1rem;
}
.top-m-menu-btn em{
	top:3rem;
}
.top-m-menu-btn:before{
	top:2rem;
}
.top-m-menu-btn:after{
	top:4rem;
}
@media only screen and (max-width: 768px) {
	#Header{
		display:none;
	}
	.header{
		display:block;
	}
}

/******************************************** 底部 ******************************************************/
#Footer{
	background-image:url(../imgs/foot/bg.jpg);
	background-repeat:no-repeat;background-size:cover;background-position:center center;
}

.foot-top{
	display:flex;flex-direction:row;
	flex-direction: row-reverse;
	width:100%;
}
.foot-top h2{
	position:relative;padding-left:1rem;
	height:2rem;line-height:2rem;
	font-size:1.8rem;color:#FFF;
}
.foot-top h2:before{
	content:'';position:absolute;top:0;bottom:0;left:-.6rem;
	width:.6rem;
}
.foot-wechat h2:before{
	background:#8bc136;
}
.foot-lnks h2:before{
	background:#5196ec;
}
.foot-wechat, .foot-lnks{
	padding:6rem 0 8rem;
}
.foot-wechat{
	width:37rem;
}
.foot-wechat img{
	margin-top:4rem;
	width:15rem;height:15rem;
}
.foot-lnks{
	flex:1;
}
.foot-lnks img{
	display:block;margin-top:4rem;
	height:5rem;
}
.foot-logo{
	position:relative;
	width:36rem;
}
.foot-logo img{
	position:absolute;top:50%;right:0;
	margin-top:-2rem;height:4rem;
}

.foot-copy{
	display:flex;flex-direction:row;
	justify-content:space-between;
	line-height:10rem;
	border-top:.1rem solid rgba(255, 255, 255, .5);
	font-size:1.4rem;color:#FFF;
}
.foot-a a{
	margin-left:5rem;
	font-size:1.4rem;color:var(--sec-font-color);
}
@media only screen and (max-width: 768px) {
	#Footer{
		padding:0 3rem;
	}
	.foot-top{
		display:block;
	}
	.foot-top h2{
		padding-left:1rem;
		height:2rem;line-height:2rem;
		font-size:1.6rem;
	}
	.foot-top h2:before{
		left:-.3rem;
		width:.3rem;
	}
	.foot-wechat{
		padding:4rem 0 0;
		width:100%;
	}
	.foot-wechat img{
		margin-top:2rem;
		width:8rem;height:8rem;
	}
	.foot-lnks{
		display:none;
	}
	.foot-logo{
		width:100%;
	}
	.foot-logo img{
		position:initial;
		margin-top:4rem;height:2rem;
	}
	
	.foot-copy{
		display:block;
		margin-top:4rem;padding:2rem 0;
		line-height:3rem;
		font-size:1.4rem;
	}
	.foot-copy a{
		margin-left:0;margin-right:2rem;
		font-size:1.4rem;
	}
}


/******************************************** 移动侧栏 ******************************************************/
#m_sidebar{
	display:none;position:fixed;top:0;right:0;bottom:0;z-index:90;width:0;text-align:left;overflow:hidden;
}
.side-bg{
	position:absolute;top:0;left:0;right:0;bottom:0;z-index:91;background:rgba(50, 152, 243, .95);
}
.side-cls-btn, .side-con{
	position:absolute;z-index:92;
}
.side-cls-btn{
	top:1rem;left:1rem;width:6rem;height:6rem;
}
.side-cls-btn:before, .side-cls-btn:after{
	content:'';position:absolute;top:50%;left:2rem;width:3rem;height:.2rem;background:#FFF;border-radius:.1rem;
}
.side-cls-btn:before{
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
}
.side-cls-btn:after{
	-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
}
.side-con{
	top:8rem;left:0;padding:1rem 1rem;width:100%;
}
.side-nav-itm > a, .side-nav-itm h2{
	display:block;padding:0 4rem 0 3rem;line-height:6rem;
	font-size:1.8rem;color:#FFF;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.side-nav-itm h2{
    position:relative;
}
.side-nav-itm h2:after{
	content:'';position:absolute;top:50%;right:20px;width:1rem;height:1rem;
	margin-top:-.5rem;border-top:.2rem solid #FFF;border-right:.2rem solid #FFF;
	transition:transform .2s ease-in-out;
	transform-origin:50%;
	transform:rotate(45deg);
}
.side-nav-itm h2.on:after{
	transform:rotate(135deg);
}
.side-nav-itm h2 a{
    color:#FFF;
}
.side-nav-itm ul{
    display:none;
}
.side-nav-itm li{
    padding-left:5rem;
}
.side-nav-itm li a{
    display:block;line-height:5rem;
    font-size:1.6rem;color:#FFF;
    overflow:hidden;white-space:nowrap;
}
@media only screen and (max-width: 768px) {
	#m_sidebar{
		display:block;
	}
}

/******************************************** banner ******************************************************/
.banner{
	position:relative;
	height:40rem;
    background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.banner h1{
	position:absolute;top:50%;left:0;right:0;z-index:2;
	margin-top:-5rem;
	height:10rem;line-height:10rem;
	font-size:7.2rem;color:#FFF;
	text-align:center;text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
    .banner{
    	height:12rem;
    }
    .banner h1{
		margin-top:-2rem;
    	height:4rem;line-height:4rem;
    	font-size:2.4rem;
    }
}

/******************************************** pop ******************************************************/
.pop-mask, .pop-team{
	display:none;
}
.pop-mask{
	position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;
	background:#37485d;opacity:.5;
}
.pop-team{
	position:fixed;top:50%;left:50%;z-index:102;
	width:86rem;height:47rem;
	background:#FFF;
	border-top-left-radius:15rem;
	transform:translate(-50%, -50%);
}
.pop-cls{
	position:absolute;top:0;right:-8rem;
	width:5rem;height:5rem;cursor:pointer;
}
.pop-cls:before, .pop-cls:after{
	content:'';position:absolute;top:50%;left:0;
	width:5rem;height:.2rem;
	background:#FFF;
}
.pop-cls:before{
	transform:rotate(45deg);
}
.pop-cls:after{
	transform:rotate(-45deg);
}
@media only screen and (max-width: 768px) {
	.pop-team{
		padding:2rem 2rem 2rem 3rem;
		width:90%;height:auto;
		border-top-left-radius:.5rem;border-top-right-radius:.5rem;
	}
	.pop-cls{
		top:-5rem;right:0;
	}
	.pop-cls:before, .pop-cls:after{
		left:.5rem;
		width:3rem;
	}
}

.pop-team-lft{
	float:left;margin:3rem 0 0 3rem;
	width:28rem;
}
.pop-team-img-con{
    display:block;
	width:28rem;height:28rem;
    background-repeat:no-repeat;background-size:cover;background-position:center center;
	border-radius:50%;
}
.pop-team-en{
	margin-top:2rem;line-height:4rem;
	font-size:3rem;color:#333;
	text-align:center;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pop-team-zh{
	line-height:4rem;
	font-size:2.4rem;color:#333;
	text-align:center;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pop-team-title{
	line-height:3rem;
	font-size:2.4rem;color:#999;
	text-align:center;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pop-team-inf{
	float:right;margin:4.5rem 4.5rem 0 0;padding-right:1.5rem;
	width:45rem;height:39rem;line-height:3rem;
	font-size:2rem;color:#000;
	word-break:break-word;
	overflow-y:auto;
}
@media only screen and (max-width: 768px) {
	.pop-team-lft{
		float:none;margin:0;
		width:100%;
		text-align:center;
	}
	.pop-team-img-con{
		display:inline-block;
		width:12rem;height:12rem;
	}
	.pop-team-en{
		margin-top:1rem;line-height:3rem;
		font-size:1.6rem;
	}
	.pop-team-zh{
		line-height:2.4rem;
		font-size:1.4rem;
	}
	.pop-team-title{
		line-height:2.4rem;
		font-size:1.4rem;
	}
	.pop-team-inf{
		float:none;margin:1rem 0 0;padding-right:1.5rem;
		width:100%;height:24rem;
	}
}