@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-left:before {content: "\e660";}
.icon-right:before {content: "\e65f";}

body{
	background:#FFF;text-align:left;
	font-family:Microsoft Yahei, Simsun;
}

/** 动画 **/
@keyframes rotate {
	0% { transform:rotate(0deg); }
	25% { transform:rotate(90deg); }
	50% { transform:rotate(180deg); }
	75% { transform:rotate(270deg); }
	100% { transform:rotate(360deg); }
}

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

/******************************************** 顶部 ******************************************************/
.head{
	position:absolute;top:0;left:0;right:0;z-index:100;
    height:7.8rem;
}
.head:after{
    content:'';position:absolute;bottom:0;left:0;right:0;
    height:.1rem;
    background:#FFF;
    opacity:.5;
}
.logo{
	position:absolute;top:2rem;left:8rem;height:6rem;
}

.nav{
	position:absolute;top:0;left:45rem;
    padding-top:3.3rem;
}
.nav-itm{
    position:relative;
	display:inline-block;margin-right:5.5rem;
}
.nav-itm > a{
	display:block;height:4.5rem;line-height:4.5rem;
	font-size:1.8rem;color:#FFF;letter-spacing:.2rem;
}
.nav-itm:after{
    display:none;
    content:'';position:absolute;bottom:0;left:0;right:0;
    height:.5rem;
    background:linear-gradient(to right, #015eea, #00c0fa);
}
.nav-itm.on:after{
    display:block;
}
.nav-itm ul{
    position:absolute;top:100%;left:0;
    padding-top:1rem;
    display:grid;grid-template-rows:0fr;
    overflow:hidden;
}
.nav-itm li{
    height:0;
    transition: ease all .3s;
}
.nav-itm li a{
    position:relative;display:inline-block;
    height:4.5rem;line-height:4.5rem;
    font-size:1.6rem;color:#FFF;letter-spacing:.2rem;
    white-space:nowrap;
}
.nav-itm li a:after{
    display:none;
    content:'';position:absolute;bottom:0;left:0;right:0;
    height:.5rem;
    background:linear-gradient(to right, #015eea, #00c0fa);
}
.nav-itm li:hover a:after{
    display:block;
}
.nav-itm:hover ul{
    grid-template-rows: 1fr;
}
.nav-itm:hover li{
    height:4.5rem;
}

.top-lang{
	position:absolute;top:3.5rem;right:8rem;
    padding:0 2rem 0 3.5rem;
}
.top-lang img{
    position:absolute;top:.8rem;left:0;
    width:2.3rem;height:2.3rem;
}
.top-lang em{
    position:absolute;top:1.5rem;right:0;
    width:.8rem;height:.8rem;
    border-right:.1rem solid #FFF;border-bottom:.1rem solid #FFF;
    transform:rotate(45deg);
}
.top-lang a{
    display:block;height:4rem;line-height:4rem;
	font-size:1.6rem;color:#FFF;font-weight:500;
}
.top-lang ul{
    position:absolute;top:100%;left:0;right:0;z-index:9;
    display:grid;grid-template-rows:0fr;
    overflow:hidden;
}
.top-lang li{
    padding-left:3.5rem;
    height:0;
    transition: ease all .3s;
}
.top-lang:hover ul{
    grid-template-rows: 1fr;
}
.top-lang:hover li{
    height:4rem;
}
@media only screen and (max-width: 768px) {
	.head{
        position:relative;background:#0b1e3c;
		height:7.5rem;
	}
	.logo{
		top:1.5rem;left:2rem;height:4.4rem;
	}
    .nav, .top-lang{
        display:none;
    }

	.top-m-menu-btn{
		display:block;
        position:absolute;top:0;right:0;
		width:7.5rem;height:7.5rem;
	}
	.top-m-menu-btn em, .top-m-menu-btn:before, .top-m-menu-btn:after{
		content:'';position:absolute;left:2rem;
		width:3rem;height:.2rem;
		background:#FFF;border-radius:.1rem;
	}
	.top-m-menu-btn em{
		top:3.5rem;
	}
	.top-m-menu-btn:before{
		top:2.5rem;
	}
	.top-m-menu-btn:after{
		top:4.5rem;left:3.4rem;width:1.6rem;
	}
}

/******************************************** 底部 ******************************************************/
.foot{
    position:relative;
	padding-top:15rem;
}
.foot:before{
    content:'';
    position:absolute;top:9rem;left:0;right:0;
    height:.1rem;
    background:#7f7f7f;
}
.foot-row{
    display:flex;width:100%;
}
.foot-cell.c1{
    width:43rem;
}
.foot-cell.c2{
    width:40rem;
}
.foot-cell.c3{
    flex:1;
}
.foot-cell.c4{
    width:12rem;
    text-align:right;
}

.foot-logo{
	display:block;margin-left:1rem;height:6rem;
}
.foot-h1{
    line-height:7.5rem;
}
.foot-h1 a{
    font-size:2.4rem;color:#000;font-weight:700;letter-spacing:.1rem;
}
.foot-lnks{
    margin-top:6rem;
}
.foot-lnks img{
    margin-right:2.5rem;
    width:3rem;
}
.foot-cell li{
    margin-bottom:1rem;
    line-height:5rem;
}
.foot-cell li a{
    font-size:2rem;color:#000;letter-spacing:.1rem;
}
.foot-cr{
    position:relative;
	margin-top:6rem;line-height:12rem;
	font-size:1.6rem;color:#666;
}
.foot-cr:before{
    content:'';
    position:absolute;top:0;left:0;right:0;
    height:.1rem;
    background:#7f7f7f;
}
.foot-cr .fl{
    float:left;
}
.foot-cr .fr{
    float:right;
}
.foot-cr .fr a {
    color:#666;
}
@media only screen and (max-width: 768px) {
	.foot{
		padding:3rem 3rem 0;
	}
    .foot:before{
        display:none;
    }
	.foot-cell.c1{
	    width:100%;
	}
	.foot-cell.c2, .foot-cell.c3, .foot-cell.c4{
	    display:none;
	}

	.foot-logo{
		margin-left:0;height:4rem;
	}
	.foot-lnks{
	    display:none;
	}
	.foot-cr{
		margin-top:1rem;padding:2rem 3rem 1rem;line-height:2.2rem;
		font-size:1.2rem;
	}
    .foot-cr:before{
        display:none;
    }
	.foot-cr .fl, .foot-cr .fr{
	    float:none;display:block;
        word-break:break-all;
	}
}


/******************************************** 移动侧栏 ******************************************************/
#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:#174383;opacity:.85;
}
.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 h2, .side-nav-itm > a{
	display:block;padding-left:3rem;line-height:5rem;
	font-size:1.6rem;color:#FFF;
	overflow:hidden;white-space:nowrap;
}
.side-nav-itm h2{
	position:relative;
}
.side-nav-itm h2:after{
	content:'';position:absolute;top:50%;right:20px;width:6px;height:6px;
	margin-top:-2px;border-top:1px solid #FFF;border-right:1px solid #FFF;
	-webkit-transition:-webkit-transform .2s ease-in-out;-ms-transform:-ms-transform .2s ease-in-out;-o-transition:-o-transform .2s ease-in-out;
	transition:transform .2s ease-in-out;
	-webkit-transform-origin:60%;-ms-transform-origin:60%;-o-transform-origin:60%;transform-origin:60%;
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.side-nav-itm h2.on:after{
	-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);
	transform:rotate(135deg);
}
.side-nav-itm ul{
	display:none;
}
.side-nav-itm li{
	position:relative;
}
.side-nav-itm li:before{
	content:'';position:absolute;top:50%;left:4.4rem;
	margin-top:-.3rem;width:.5rem;height:.5rem;line-height:.5rem;
	border-radius:.3rem;background:#FFF;
}
.side-nav-itm li a{
	display:block;padding-left:6rem;line-height:3.6rem;
	font-size:1.4rem;color:#FFF;
	overflow:hidden;white-space:nowrap;
}
.side-lang{
	margin-top:4rem;text-align:center;
}
.side-lang a{
	font-size:1.4rem;color:#FFF;
}
.side-lang b{
	margin:0 2rem;
	font-size:1.4rem;color:#FFF;
}
@media only screen and (max-width: 768px) {
	#m_sidebar{
		display:block;
	}
}

/******************************************** 分页 ******************************************************/
.pagination{
    display:block !important;
	line-height:6rem;text-align:center;
}
.pagination .page-item{
	position:relative;display:inline-block;margin:0 1rem;
	vertical-align:middle;overflow:hidden;
}
.pagination .page-item span, .pagination .page-item a{
	display:block;margin:0;padding:0;
    width:4rem;height:4rem;line-height:4rem;
    background:none;border:none;
	font-size:2rem;color:#333;
}
.pagination .page-item.active span{
	background:linear-gradient(75deg, #6594d4, #68a7ff);
	border-radius:50%;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:1;top:1.2rem;width:1.6rem;height:1.6rem;
	border-color:#333;border-style: solid;
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.pagination .page-item:first-child:before{
	left:1rem;border-width: 0 0 .2rem .2rem;
}
.pagination .page-item:last-child:before{
	right:1rem;border-width: .2rem .2rem 0 0;
}

.pagination .page-item:not(:first-child) .page-link{
    margin:0;
}
.pagination .page-item.disabled .page-link{
    background:none;
}

@media only screen and (max-width: 768px) {
	.pagination{
		line-height:4rem;
	}
	.pagination .page-item{
		margin:0 .4rem;
	}
	.pagination .page-item span, .pagination .page-item a{
		width:2.4rem;height:2.4rem;line-height:2.4rem;
		font-size:1.4rem;
	}
	.pagination .page-item.active span{
		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;
	}
}

/******************************************** banner ******************************************************/
.banner{
	position:relative;
	height:40rem;
    background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.banner h1{
	position:absolute;top:19rem;left:0;right:0;
	height:6rem;line-height:6rem;
	font-size:4.8rem;color:#FFF;letter-spacing:.2rem;text-align:center;
}
.banner-lnk h1{
	top:17rem;
}
.banner p{
	position:absolute;top:29rem;left:0;right:0;
	text-align:center;
}
.banner-h p a{
	display:inline-block;margin:0 2rem;
	padding:0 2rem;height:5rem;line-height:5rem;
	background:linear-gradient(75deg, #6594d4, #68a7ff);
	border-radius:5rem;
	font-size:2rem;color:#FFF;letter-spacing:.1rem;text-align:center;
}
.banner-h p a.on{
	background:#FFF;
	color:#659deb;
}
@media only screen and (max-width: 768px) {
    .banner{
    	height:15rem;
    }
    .banner h1{
    	top:6rem;
    	height:3rem;line-height:3rem;
    	font-size:2.4rem;
    }
    .banner-lnk h1{
    	top:3rem;
    }
    .banner p{
    	top:9rem;
    }
    .banner p a{
    	margin:0 1rem;
    	width:10rem;height:3rem;line-height:3rem;
    	border-radius:3rem;
    	font-size:1.4rem;
    }
}

.banner2{
	position:relative;
	height:50rem;
    background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.banner2 h1{
	position:absolute;top:22rem;left:0;right:0;
	height:7rem;line-height:7rem;
	font-size:4.8rem;color:#FFF;letter-spacing:.2rem;text-align:center;
}
.banner2 p{
	position:absolute;top:31rem;left:0;right:0;
    line-height:3.5rem;
    font-size:2rem;color:#FFF;letter-spacing:.2rem;text-align:center;
}
@media only screen and (max-width: 768px) {
    .banner2{
    	height:18rem;
    }
    .banner2 h1{
    	top:6rem;
    	height:3rem;line-height:3rem;
    	font-size:2.4rem;
    }
    .banner2 p{
    	top:9rem;
        font-size:1.4rem;letter-spacing:0;
    }
}

.banner-h{
    position:relative;
    height:80rem;
    background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.banner-h h1{
	position:absolute;top:51rem;left:0;right:0;
	height:8rem;line-height:8rem;
	font-size:6rem;color:#FFF;letter-spacing:.2rem;
    text-shadow:0 .4rem .4rem rgba(0, 0, 0, .25), 0 0 1.3rem rgba(24, 64, 98, .9);
}
.banner-h p{
	position:absolute;top:63rem;left:0;right:0;
    line-height:3.5rem;
    font-size:2.2rem;color:#FFF;letter-spacing:.2rem;
}
@media only screen and (max-width: 768px) {
    .banner-h{
        padding:0 3rem;
    	height:18rem;
    }
    .banner-h h1{
    	top:6rem;
    	height:3rem;line-height:3rem;
    	font-size:2.4rem;
    }
    .banner-h p{
    	top:9rem;
        font-size:1.4rem;letter-spacing:0;
    }
	.banner-h p a{
    	display: inline-block;
		margin: 2rem 2rem 0 0;
		padding: 1rem;
		height: 3rem;
		line-height: 1rem;
		background: linear-gradient(75deg, #6594d4, #68a7ff);
		border-radius: 5rem;
		font-size: 1.6rem;
		color: #FFF;
		letter-spacing: .1rem;
		text-align: center;
    }
	body.en .banner-h p a{ 
		margin:2rem 0;
		font-size:1.2rem;
	}
}

.location{
    padding:4rem 0;line-height:4rem;
}
.location a{
    font-size:2rem;color:#111;font-weight:700;
}
.location em{
    margin:0 1rem;
    font-size:2rem;color:#00a3e8;font-weight:700;font-family:simsun;
}
.location span{
    font-size:2rem;color:#111;
}
@media only screen and (max-width: 768px) {
    .location{
        padding:3rem 0;line-height:3rem;
    }
    .location a{
        font-size:1.6rem;
    }
    .location em{
        font-size:1.6rem;
    }
    .location span{
        font-size:1.6rem;
    }
}

.loc{
    padding:5rem 0 6rem;line-height:4rem;
}
.loc a{
    font-size:2rem;color:#000;
}
.loc em{
    margin:0 1rem;
    font-size:2rem;color:#014ffa;font-weight:700;font-family:simsun;
}
.loc span{
    font-size:2rem;color:#000;font-weight:700;
}
@media only screen and (max-width: 768px) {
    .loc{
        padding:3rem 0;line-height:3rem;
    }
    .loc a{
        font-size:1.6rem;
    }
    .loc em{
        font-size:1.6rem;
    }
    .loc span{
        font-size:1.6rem;
    }
}