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

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

.icon-wechat:before {content: "\e600";}
.icon-weibo:before {content: "\e6c4";}
.icon-left:before {content: "\e660";}
.icon-right:before {content: "\e65f";}
.icon-search:before {content: "\e6a4";}

body{
	background:#FFF;text-align:left;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Microsoft YaHei,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
/* WebKit 滚动条宽度 */
::-webkit-scrollbar {
    width: 4px; /* 控制整体宽度 */
}

/* 滚动条轨道样式 */
::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 2px;
}

/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px;
    transition: background 0.3s;
}

/* 滚动条悬停效果 */
::-webkit-scrollbar-thumb:hover {
    background: #999;
}

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

/******************************************** 顶部 ******************************************************/
#Header{
    position:relative;z-index:10;
    background:#FFF;
    box-shadow:0px 2px 20px rgb(58 105 158 / 25%);
}
.head{
	position:relative;height:11.2rem;
	border-bottom:.1rem solid #d9eaf1;
	text-align:right;
}
.logo{
	position:absolute;top:2.3rem;left:0;height:6.6rem;
}
.head-con{
	padding-top:3.6rem;
}
.top-search{
	position:relative;display:inline-block;
	margin-right:4rem;padding-right:5rem;
	border:.1rem solid #CCC;
	vertical-align:top;
}
.top-search input{
	padding-left:2rem;width:23rem;height:4rem;line-height:4rem;
	border:none;outline:0;
	font-size:1.6rem;color:#333;
}
.top-search a{
	position:absolute;top:0;right:1rem;z-index:102;
	width:4rem;height:4rem;line-height:4rem;
	font-size:2.4rem;color:#010101;
	text-align:center;cursor:pointer;
}
.top-lang{
	display:inline-block;height:4rem;line-height:4rem;
	vertical-align:top;
}
.top-lang a{
	font-size:1.6rem;color:#010101;
}
.top-lang b{
	margin:0 1rem;
	font-size:1.8rem;color:#CCC;
}

.nav{
	padding:1.2rem 0;
}
.nav-itm{
	display:inline-block;margin-right:5rem;
}
.nav-itm:first-child{
	margin-right:4rem;
}
.nav-itm:last-child{
	margin-right:0rem;
}
.nav-itm.has-sub{
	position:relative;padding-right:2.4rem;
}
.nav-itm.has-sub:after{
	content:'';position:absolute;top:2.6rem;right:0;width:.8rem;height:.8rem;
	border-bottom:.1rem solid #000;border-right:.1rem solid #000;
	-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);
}
.nav-itm > a{
	display:block;height:6rem;line-height:6rem;
	font-size:2rem;color:#000;letter-spacing:.1rem;
}
.nav-itm .sub-nav-itm{
	display:none;
	position:absolute;top:100%;left:0;z-index:19;
	border-top:.5rem solid #00265a;background:#FFF;
	box-shadow:0 .5rem .5rem rgba(58, 105, 158, .25);
}
.nav-itm .sub-nav-itm a{
	display:block;padding:0 2rem;
	height:4.5rem;line-height:4.5rem;
	font-size:1.8rem;color:#000;
	white-space:nowrap;
}
.nav-itm .sub-nav-itm a:hover{
	background:#e1effc;font-weight:700;
}
.nav-itm:hover .sub-nav-itm{
	display:block;
}
.nav-itm .sub-nav-itm span{
    position:relative;
    display:block;
}
.nav-itm .sub-nav-itm span:after{
    content:'';
    position:absolute;top:50%;right:1rem;
    margin-top:-.3rem;
    width:.8rem;height:.8rem;
    border-right:.1rem solid #000;border-bottom:.1rem solid #000;
    transform:rotate(-45deg);
}
.nav-itm .sub-nav-itm span ul{
    display:none;
    position:absolute;top:0;left:100%;
    border-top:.5rem solid #00265a;
    background:#FFF;
}
.nav-itm .sub-nav-itm span li a{
    font-size:1.6rem;
}
.nav-itm .sub-nav-itm span:hover ul{
    display:block;
}

.nav-con{
	position:relative;
}
.nav-con .area{
	position:absolute;top:0;right:0;
	padding:0 3rem;height:6rem;line-height:6rem;
	background:#002659;border-top-left-radius:3rem;border-bottom-right-radius:3rem;
	font-size:2rem;color:#FFF;
}
@media only screen and (max-width: 768px) {
	.head{
		height:7.5rem;
	}
	.logo{
		top:2rem;left:2rem;height:3.4rem;
	}
	.head-con{
		padding-top:3.6rem;display: none;
	}

	.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:.5rem;
		background:#0b2557;border-radius:.1rem;
	}
	.top-m-menu-btn em{
		top:3.4rem;
	}
	.top-m-menu-btn:before{
		top:2.4rem;
	}
	.top-m-menu-btn:after{
		top:4.4rem;
	}
}

/******************************************** 底部 ******************************************************/
#Footer{
	background:#00265a;
}
.foot{
	position:relative;
	padding:6rem 0;
	text-align:right;
}
.foot img{
	/* position:absolute;bottom:6rem;left:0; */
	height:7.3rem;
}
.foot-nav-itm{
	display:inline-block;margin-left:8rem;
	vertical-align:top;text-align:left;
}
.foot-nav-itm > a{
	display:inline-block;height:3.6rem;line-height:3.6rem;
	font-size:1.8rem;color:#FFF;
}
.foot-nav-sub-itm{
	padding-top:1.2rem;
}
.foot-nav-sub-itm a{
	display:block;line-height: 150%;
    font-size: 1.6rem;
    color: #FFF;
    margin-bottom: 2rem;
}
.copy{
	border-top:.1rem solid #FFF;
}
.copyright{
	float:left;height:13rem;line-height:13rem;
}
.copyright span, .copyright a{
	font-size:1.4rem;color:#FFF;
}
.share{
	float:right;height:12rem;line-height:12rem;
}
.share .iconfont{
	margin-left:3rem;
	font-size:3.6rem;
}
.share .icon-wechat{
	color:#5aae5a;
}
.share .icon-weibo{
	color:#d8534f;
}
@media only screen and (max-width: 768px) {
	.foot{
		padding:3rem 0 0;
		text-align:center;
	}
	.foot img{
		position:initial;display:inline-block;height:4rem;
	}
	.copy{
		padding:3rem 0;border-top:none;
	}
	.copyright{
		float:none;height:auto;line-height:3rem;text-align:center;
	}
	.copyright span{
		display:block;
	}
	.copyright span, .copyright a{
		font-size:1.2rem;color:#FFF;
	}
}


/******************************************** 移动侧栏 ******************************************************/
#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(11,37,87,.85);opacity:.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 h2, .side-nav-itm > a{
	display:block;padding-left:2rem;line-height:4rem;
	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;padding-left:4rem;
    white-space:nowrap;overflow:hidden;
}
.side-nav-itm li:before{
	content:'';position:absolute;top:1.6rem;left:2.4rem;
	width:.5rem;height:.5rem;line-height:.5rem;
	border-radius:.3rem;background:#FFF;
}
.side-nav-itm li a{
	display:inline-block;line-height:3.6rem;
	font-size:1.4rem;color:#FFF;
}
.side-nav-itm ul li ul{
	display:none;
    margin-left:-1rem;
}
.side-nav-itm li.has-sub:after{
    content:'';
    position:absolute;top:1.5rem;right:1rem;
    width:6px;height:6px;
    border-right:.1rem solid #FFF;border-bottom:.1rem solid #FFF;
    transform:rotate(-45deg);
    transition:ease all .2s;
}
.side-nav-itm li.has-sub.on:after{
    transform:rotate(45deg);
}
.sub-nav-itm{
	display:block;
	margin-left:2rem;
}

.side-search{
	position:relative;
	display:block;margin:3rem auto 0;
	width:85%;height:3.5rem;line-height:3.5rem;
	border:.1rem solid #FFF;border-radius:3.5rem;
}
.side-search input{
	position:absolute;top:0;bottom:0;left:1rem;right:3.5rem;
	height:3.5rem;line-height:3.5rem;
	background:none;border:none;outline:0;
	font-size:1.4rem;color:#FFF;
}
.side-search i{
	position:absolute;top:0;right:.5rem;bottom:0;
	width:3rem;
	font-size:1.8rem;color:#FFF;text-align:center;
}
.side-fav{
	margin-top:3rem;text-align:center;
}
.side-fav a{
	display:inline-block;margin:0 1rem;
	width:4rem;height:4rem;line-height:4rem;
	font-size:3rem;color:#FFF;
}
.side-fav a.icon-wechat{
	color:#5aae5a;
}
.side-fav a.icon-weibo{
	color:#d8534f;
}
.side-lang{
	margin-top:3rem;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;
	}
	.side-nav-itm > a{padding-left:0}
}

/******************************************** 分页 ******************************************************/
.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:3rem;height:3rem;line-height:3rem;
    background:none;border:none;
	font-size:1.4rem;color:#253d86;
}
.pagination .page-item.active span{
	background: #029eda;
	border-radius:1.5rem;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:.8rem;width:1.2rem;height:1.2rem;
	border-color:#253d86;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;
	}
}