@charset "UTF-8";
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) { header { width: 1024px; left: 50% !important; transform: translateX(-50%); } }
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mt60 { margin-top: 60px; }

.mt70 { margin-top: 70px; }

.mt80 { margin-top: 80px; }

.mt90 { margin-top: 90px; }

.mt100 { margin-top: 100px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }

.mr40 { margin-right: 40px; }

.mr50 { margin-right: 50px; }

.mr60 { margin-right: 60px; }

.mr70 { margin-right: 70px; }

.mr80 { margin-right: 80px; }

.mr90 { margin-right: 90px; }

.mr100 { margin-top: 100px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb60 { margin-bottom: 60px; }

.mb70 { margin-bottom: 70px; }

.mb80 { margin-bottom: 80px; }

.mb90 { margin-bottom: 90px; }

.mb100 { margin-bottom: 100px; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml20 { margin-left: 20px; }

.ml30 { margin-left: 30px; }

.ml40 { margin-left: 40px; }

.ml50 { margin-left: 50px; }

.ml60 { margin-left: 60px; }

.ml70 { margin-left: 70px; }

.ml80 { margin-left: 80px; }

.ml90 { margin-left: 90px; }

.ml100 { margin-left: 100px; }

.pt5 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt20 { padding-top: 20px; }

.pt30 { padding-top: 30px; }

.pt40 { padding-top: 40px; }

.pt50 { padding-top: 50px; }

.pt60 { padding-top: 60px; }

.pt70 { padding-top: 70px; }

.pt80 { padding-top: 80px; }

.pt90 { padding-top: 90px; }

.pt100 { padding-top: 100px; }

.pr5 { padding-top: 5px; }

.pr10 { padding-top: 10px; }

.pr20 { padding-top: 20px; }

.pr30 { padding-top: 30px; }

.pr40 { padding-top: 40px; }

.pr50 { padding-top: 50px; }

.pr60 { padding-top: 60px; }

.pr70 { padding-top: 70px; }

.pr80 { padding-top: 80px; }

.pr90 { padding-top: 90px; }

.pr100 { padding-top: 100px; }

.pb5 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb20 { padding-bottom: 20px; }

.pb30 { padding-bottom: 30px; }

.pb40 { padding-bottom: 40px; }

.pb50 { padding-bottom: 50px; }

.pb60 { padding-bottom: 60px; }

.pb70 { padding-bottom: 70px; }

.pb80 { padding-bottom: 80px; }

.pb90 { padding-bottom: 90px; }

.pb100 { padding-bottom: 100px; }

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl20 { padding-left: 20px; }

.pl30 { padding-left: 30px; }

.pl40 { padding-left: 40px; }

.pl50 { padding-left: 50px; }

.pl60 { padding-left: 60px; }

.pl70 { padding-left: 70px; }

.pl80 { padding-left: 80px; }

.pl90 { padding-left: 90px; }

.pl100 { padding-left: 100px; }

.fck_body h1 { font-size: 1.5em; }

.fck_body h2 { font-size: 1.4em; }

.fck_body h3 { font-size: 1.3em; }

.fck_body h4 { font-size: 1.2em; }

.fck_body h5 { font-size: 1.1em; }

.fck_body h6 { font-size: 1em; }

.fck_body em { font-style: italic; }

.fck_body h1, .fck_body h2, .fck_body h3, .fck_body h4, .fck_body h5, .fck_body h6 { margin: 10px 0; font-weight: 700; }

/*  箭头 @include arrow(direction,size,color);
**/
/* 超出省略号 @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
body { max-width: 1024px; margin: 0 auto; }

.cw { width: 100%; padding: 0 15px; }

.vm_out, .vm_in { width: 100%; height: 100%; }

.vm_out { display: table; }
.vm_out .vm_in { display: table-cell; vertical-align: middle; }

.body_page { padding-top: 60px; margin: 0 auto; }

header { height: 60px; line-height: 60px; background-color: #fff; overflow: hidden; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; }
header .logo { width: 85px; vertical-align: middle; }
header .menu_btn { background: url(../images/common/menu_ico.png) center no-repeat; background-size: cover; width: 27px; height: 27px; float: right; margin-top: 16.5px; }

footer { background-color: #151515; height: 60px; line-height: 60px; text-align: center; }
footer p { color: #b2b5c3; font-size: 14px; }

.menu_mask { position: fixed; z-index: 1999; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; right: 0; bottom: 0; display: none; }

.menu_body { width: 85vw; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; background-color: #fff; z-index: 2000; transform: translateX(100%); transition: all ease .5s; }
.menu_body.show { transform: translateX(0); }
.menu_body a { text-decoration: none; }
.menu_body .back_box { background-color: #053289; height: 60px; line-height: 60px; overflow: hidden; padding: 0 15px; }
.menu_body .back_box a { font-size: 17px; color: #fff; }
.menu_body .back_box i { float: right; background: url(../images/common/menu_close.png) center no-repeat; background-size: cover; width: 15px; height: 15px; margin-top: 22.5px; }
.menu_body .menu_scroll_body { height: calc(100vh - 60px); overflow: auto; overflow-x: hidden; }
.menu_body .search_box { height: 52px; line-height: 52px; border-bottom: 1px solid #f2f2f2; padding: 0 15px; overflow: hidden; position: relative; }
.menu_body .search_box a { display: block; }
.menu_body .search_box span { font-size: 17px; color: #666; }
.menu_body .search_box i { float: right; font-size: 30px; color: #bdbcbd; height: 52px; line-height: 52px; }
.menu_body .search_txt { padding: 0 15px; position: absolute; top: 0; left: 0; background-color: #fff; width: 100%; height: 100%; line-height: 52px; transform: scale(0); transition: all ease .3s; }
.menu_body .search_txt.show { transform: scale(1); }
.menu_body .search_txt .search_out { margin-top: 5px; position: relative; float: left; border: 1px solid #f2f2f2; border-radius: 4px; height: 40px; line-height: 40px; width: 90%; }
.menu_body .search_txt .search_out input[type='text'] { width: 100%; height: 36px; line-height: 36px; border: 0; color: #333; font-size: 16px; padding: 3px 10px; }
.menu_body .search_txt .search_out a { font-size: 20px; color: #aaa; position: absolute; top: 0; right: 10px; height: 40px; line-height: 40px; }
.menu_body .search_txt a.search_close_btn { background: url(../images/common/search_close.png) center no-repeat; background-size: cover; width: 15px; height: 15px; float: right; margin-top: 18.5px; }
.menu_body .menu_list li a { display: block; height: 52px; line-height: 52px; padding: 0 15px; border-bottom: 1px solid #f2f2f2; }
.menu_body .menu_list li a span { font-size: 17px; color: #666; }
.menu_body .menu_list li a i { float: right; font-size: 30px; color: #bdbcbd; height: 52px; line-height: 52px; }
.menu_body .menu_list li.cur > a span, .menu_body .menu_list li.cur > a i { color: #053289; }
.menu_body .menu_list li.cur > a i { transform: rotate(180deg); }
.menu_body .menu_list li ul { display: none; }
.menu_body .menu_list li ul li span { padding-left: 10px; font-size: 15px; }
.menu_body .menu_list li ul li ul li span { padding-left: 20px; font-size: 14px; }
.menu_body .menu_list li ul li ul li ul li span { padding-left: 30px; font-size: 12px; }

.inner_kv { position: relative; }
.inner_kv .kv { display: block; width: 100%; }
.inner_kv .txt { position: absolute; width: 100%; top: 50%; left: 0; padding: 0 20px; text-align: center; transform: translateY(-50%); color: #fff; }
.inner_kv .txt h3 { font-size: 20px; padding-bottom: 10px; }
.inner_kv .txt p { font-size: 12px; line-height: 18px; padding-bottom: 15px; }
.inner_kv .txt .ico_body { text-align: center; }
.inner_kv .txt .ico_body a { display: inline-block; width: 24px; height: 24px; background-size: cover; background-repeat: no-repeat; background-position: center; margin: 0 3px; }
.inner_kv .txt .ico_body a.ico_1 { background-image: url(../images/about/ab_f1.png); }
.inner_kv .txt .ico_body a.ico_1:hover { background-image: url(../images/about/ab_f1_on.png); }
.inner_kv .txt .ico_body a.ico_2 { background-image: url(../images/about/ab_f2.png); }
.inner_kv .txt .ico_body a.ico_2:hover { background-image: url(../images/about/ab_f2_on.png); }
.inner_kv .txt .ico_body a.ico_3 { background-image: url(../images/about/ab_f3.png); }
.inner_kv .txt .ico_body a.ico_3:hover { background-image: url(../images/about/ab_f3_on.png); }
.inner_kv .txt .ico_body a.ico_4 { background-image: url(../images/about/ab_f4.png); }
.inner_kv .txt .ico_body a.ico_4:hover { background-image: url(../images/about/ab_f4_on.png); }

.page_tit { font-size: 20px; padding-bottom: 15px; text-align: center; color: #333; }

.inner_txt_out { background-color: #fcfcfc; padding: 20px 15px; }

.pager { margin-top: 30px; background-color: #eee; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 10px; text-align: center; }
.pager a { font-size: 14px; color: #666; margin: 0 5px; }
.pager a:hover, .pager a.cur { text-decoration: none; color: #0050a4; }

.return_body { margin-top: 30px; text-align: right; }
.return_body a { display: inline-block; padding: 0 10px; height: 36px; line-height: 36px; font-size: 13px; background-color: #0050a4; color: #fff; text-decoration: none; }

.pop_login_body { display: none; position: fixed; z-index: 1000; background: rgba(0, 0, 0, 0.3); top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.pop_login_body .con { width: 90%; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; padding: 10px; }
.pop_login_body .con h3 { font-size: 20px; margin-bottom: 15px; }
.pop_login_body .con p { margin-bottom: 10px; }
.pop_login_body .con p input { box-sizing: border-box; width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 14px; padding: 3px 10px; border: 1px solid #ccc; }
.pop_login_body .con p input[type="checkbox"]{
	width:auto;
	cursor:pointer;
	-webkit-appearance:checkbox !important;
}
.pop_login_body .con p input[type="checkbox"] , .pop_login_body .con p label{
	display:inline-block;
}
.pop_login_body .con p label{
	width:90%;
	padding-left:5px;
}

.pop_login_body .con h6 { text-align: right; }
.pop_login_body .con h6 a { color: #666; }
.pop_login_body .con a.btn { display: block; margin: 15px 0 10px; background-color: #03328d; border-radius: 4px; height: 40px; line-height: 40px; text-decoration: none; color: #fff; font-size: 15px; text-align: center; }

.pop_common_body { display: none; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 9999999; }

.pop_common_body .con { background-color: #fff; border-radius: 6px; padding: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.pop_common_body .con h3 { font-size: 24px; color: #000; margin-bottom: 20px; }

.pop_common_body .con p { margin-bottom: 10px; width: 450px; }

.pop_common_body .con input { box-sizing: border-box; width: 100%; height: 60px; line-height: 60px; padding: 5px 20px; border: 1px solid #ddd; font-size: 16px; width: 100%; }

.pop_common_body .con a.sub_btn { display: block; margin-top: 20px; background-color: #03328d; border-radius: 4px; color: #fff; text-align: center; text-decoration: none; font-size: 18px; height: 60px; line-height: 60px; }

.pop_common_body .con ul { width: 100%; overflow: hidden; }

.pop_common_body .con ul li { float: left; width: 49%; padding-right: 2%; margin-bottom: 10px; }

.pop_common_body .con ul li:nth-child(2n) { padding-right: 0; }

.pop_common_body .con ul li:last-child { padding-right: 0; width: 100%; }

.pop_common_body .con h6 { margin-top: 20px; text-align: right; }

.pop_common_body .con a { color: #666; font-size: 14px; }

/*# sourceMappingURL=layout.css.map */


.pop_login_body .con{
	max-height:70%;
	overflow:auto;
	overflow-x:hidden;
}
