@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;
}

/** 框架 **/
#Container{
	position:relative;z-index:1;
	display:block;margin:0;padding:0;
	background-image:url(../imgs/body_bg.jpg);
	background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;
}
#PageBody{
    padding-bottom:80rem;
}
.container{
	position:relative;display:block;margin:0 auto;width:144rem;
}
@media only screen and (max-width: 768px) {
    #Container{
    	background-size:auto 60rem;
    }
    #PageBody{
        padding-bottom:52rem;
    }
	.container{
		width:100%;
	}
}

/******************************************** 顶部 ******************************************************/
.top{
	height:5.5rem;
	background:#0055a6;
}

.head{
	position:relative;
	height:13rem;
}
.logo{
	position:absolute;top:1.8rem;left:0;height:9.4rem;
}
.nav{
    padding-left:18rem;
}
.nav-itm{
    position:relative;
	display:inline-block;margin-right:6rem;
}
.nav-itm > a{
	display:block;height:13rem;line-height:13rem;
	font-size:2.8rem;color:#22303b;letter-spacing:.2rem;
}
.nav-itm > a:hover, .nav-itm > a.active{
    color:#0055a6;
}
.head-i{
    position:absolute;top:0;right:0;
}
.head-i-itm{
    position:relative;
    display:inline-block;padding:0 1.4rem;
    height:13rem;line-height:13rem;
    vertical-align:middle;
}
.head-i-img{
    display:inline-block;width:4rem;
    vertical-align:middle;cursor:pointer;
}
.head-i i{
    display:inline-block;width:0;height:5rem;
    border-left:.1rem solid #586474;
    vertical-align:middle;
}
.search-box{
    display:none;
    position:absolute;top:4.2rem;right:-.2rem;z-index:99;
    padding:0 7rem 0 2.5rem;width:21rem;height:5rem;line-height:5rem;
    border:.1rem solid #CCC;border-radius:5rem;
    background:#FFF;
    box-sizing:border-box;
}
.search-box .search-ipt{
    width:100%;height:4.8rem;line-height:4.8rem;
    border:none;outline:0;
    font-size:2rem;color:#333;
    vertical-align:top;
}
.search-box span{
    position:absolute;top:.4rem;right:1rem;
    width:5rem;height:5rem;line-height:5rem;
    text-align:center;
}
.search-box span .btn-search{
    position:absolute;top:0;left:.5rem;
    width:4rem;height:4rem;
}
.top-m-menu-btn{
	display:none;
}
@media only screen and (max-width: 768px) {
	.top{
		display:none;
	}
	.head{
        background:#FFF;
		height:7rem;
	}
	.logo{
		top:1.3rem;left:2rem;height:4.4rem;
	}
	.nav{
		display:none;
	}
    .head-i{
        display:none;
    }

	.top-m-menu-btn{
		display:block;
        position:absolute;top:0;right:0;
		width:7rem;height:7rem;
	}
	.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:#1d2088;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;
	}
}

/******************************************** 底部 ******************************************************/
#Footer{
    position:absolute;bottom:0;left:0;right:0;
	height:53.5rem;
}
.foot-sub{
	float:left;padding-top:6rem;
}
.foot-sub p{
	line-height:4rem;
	font-size:2.2rem;color:#FFF;letter-spacing:.2rem;
}
.foot-sub-ipt{
	margin-top:1rem;height:4rem;line-height:4rem;
	border-bottom:.1rem solid #b2b3c8;
}
.foot-sub-ipt input{
	width:25rem;height:4rem;line-height:4rem;
	border:none;outline:0;background:none;
	font-size:2.2rem;color:#FFF;letter-spacing:.2rem;
}
.foot-sub-btn{
	margin-top:1.5rem;
}
.foot-sub-btn a{
	display:block;width:13rem;height:5.8rem;line-height:5.6rem;
	border:.1rem solid #FFF;
	font-size:2.4rem;color:#FFF;letter-spacing:.4rem;
	text-align:center;
}

.foot-rgt{
	float:right;padding-top:3rem;
	text-align:right;
}
.foot-logo img{
	display:inline-block;height:10rem;
}
.foot-nav{
    display:inline-block;
	margin-top:3rem;padding:3rem 0 0;line-height:4rem;
    border-top:.1rem solid #ddd9da;
}
.foot-nav span{
    font-size:2.4rem;color:#90b5db;letter-spacing:.2rem;
}
.foot-nav a{
	margin-left:4rem;padding-left:4rem;
    border-left:.1rem solid #e3e4e6;
	font-size:2.4rem;color:#FFF;
}
.foot-cr{
	margin-top:8rem;line-height:4rem;
}
.foot-cr span{
	margin-left:2rem;
	font-size:1.6rem;color:#90b4dc;
}
.foot-cr span a{
	color:#90b4dc;
}
@media only screen and (max-width: 768px) {
	#Footer{
		height:40rem;
	}
	.foot-sub{
		float:none;padding:4rem 3rem 0;
	}
	.foot-sub p{
		line-height:3rem;
		font-size:1.6rem;
	}
	.foot-sub-ipt{
		margin-top:1rem;height:3rem;line-height:3rem;
	}
	.foot-sub-ipt input{
		width:100%;height:3rem;line-height:3rem;
		font-size:1.6rem;
	}
	.foot-sub-btn{
		margin-top:2rem;
	}
	.foot-sub-btn a{
		width:8rem;height:4rem;line-height:4rem;
		font-size:1.6rem;
	}

	.foot-rgt{
		float:none;padding-top:4rem;
		text-align:center;
	}
	.foot-logo img{
		height:6rem;
	}
	.foot-nav{
	    display:none;
	}
	.foot-cr{
		margin-top:2rem;line-height:2.4rem;
	}
	.foot-cr span{
		display:block;margin-left:0;
		font-size:1.2rem;
	}
}


/******************************************** 移动侧栏 ******************************************************/
#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 h2 a{
    color:#FFF;
}
.side-nav-itm ul{
	display:none;
    margin-inline-start:0;
}
.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;
}
@media only screen and (max-width: 768px) {
	#m_sidebar{
		display:block;
	}
}

/******************************************** banner ******************************************************/
.banner{
	height:34.5rem;
    background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.banner2{
    height:62.3rem;
}
@media only screen and (max-width: 768px) {
    .banner{
    	height:15rem;
    }
    .banner2{
        height:15rem;
    }
}

/******************************************** page-con ******************************************************/
.page-con{
	padding:4rem 0;
}
.location{
	line-height:4rem;font-size:2.4rem;color:#0055a6;
}
.location a{
	font-size:2.4rem;color:#0055a6;
}
.location span{
	margin:0 1rem;
    font-family:simsun;
}
@media only screen and (max-width: 768px) {
	.page-con{
		padding:2rem 3rem 0;
	}
	.location{
		line-height:3rem;
	}
	.location a{
		font-size:1.4rem;
	}
	.location span{
		margin:0 .5rem;
		font-size:1.4rem;
	}
}


/******************************************** 通用 ******************************************************/
.cm-title{
	position:relative;height:6.5rem;line-height:6.5rem;
	font-size:4.8rem;color:#22303b;font-weight:700;letter-spacing:.2rem;
	text-align:center;
}
.cm-title:after{
    content:'';position:absolute;bottom:-3rem;left:50%;
    margin-left:-4.5rem;width:9rem;height:2rem;
    border:.4rem solid #0450a4;border-top:0;
}
@media only screen and (max-width: 768px) {
	.cm-title{
		height:4rem;line-height:4rem;
		font-size:2.4rem;
	}
	.cm-title:after{
	    bottom:-2rem;
	    margin-left:-2rem;width:4rem;height:1rem;
	    border:.2rem solid #0450a4;border-top:0;
	}
}

#pop_bg{
	position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;background:rgba(0,0,0,.6);
}
#pop_wrapper{
	position:fixed;top:50%;left:50%;z-index:9999;
	margin-top:-300px;margin-left:-200px;width:400px;
	background:#eaf4fd;text-align:left;box-sizing:border-box;
}
#pop_close{
	position:absolute;top:5px;right:16px;width:8px;height:8px;
	font-size:14px;color:#b0b8bf;font-family:Microsoft Yahei, sans-serif;cursor:pointer;
}
.pop-con{
	display:block;margin:0 auto;padding-top:60px;width:330px;height:360px;
}
.pop-head{
	position:relative;height:48px;line-height:48px;border-bottom:1px solid #000;
}
.pop-head h2{
	line-height:40px;font-size:30px;color:#000;
}
.pop-form-input{
	display:block;margin-top:10px;padding:6px 12px;width:100%;height:40px;line-height:40px;
	background:#FFF;border:1px solid #CCC;
	font-size:14px;color:#454545;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.pop-form-input:focus{
	border:1px solid #66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);outline:0;
}
#pop_btn_submit{
    display:block;
	margin-top:20px;width:100%;height:40px;line-height:38px;
	background:#37b664;border:1px solid #4cae4c;
	font-size:14px;color:#FFF;text-align:center;touch-action:manipulation;
}
#pop_btn_submit:hover{
	background:#449d44;border:1px solid #398439;
}
#pop_btn_submit:active{
	outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
}
@media only screen and (max-width: 768px) {
	#pop_wrapper{
		margin-top:-220px;margin-left:-160px;width:320px;
	}
	.pop-con{
		padding-top:50px;width:280px;height:320px;
	}
	.pop-head h2{
		font-size:24px;
	}
}