/*
* @Author: Sun Jijing
* @Date:   2025-06-23 09:30:40
* @Last Modified by:   Sun Jijing
* @Last Modified time: 2025-06-26 11:59:25
*/

/* 思源宋体字体 */
@font-face{
	font-family: SemiBold;
	src: url('./icon/SemiBold.woff');
}

/* 产品样式初始化 */
.eps-portlet-header { position: relative; }
.eps-shadow.eps-dn { top: 20px !important; left: 0 !important; }
.easysite-online-survey .easysite-survey-title { background: #015293 !important; }

/* 图片自适应 */
img { width: auto\9; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; object-fit: cover; }

/* 去除苹果手机默认按钮样式 */
input[type='button'], input[type='submit'], input[type='reset'], textarea { resize: none; -webkit-appearance: none; }

/* 初始化 */
html, body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, hr, input, textarea, select, p, dl, dt, dd, a, span, strong, font, i, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "微软雅黑", Arial; margin: 0; padding: 0; color: #434343; border: none; box-sizing: border-box; }
html, body { min-width: 320px; margin: 0 auto; width: 100%; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-size: 14px; position: relative; color: #333; background-color: #fff; overflow-x: hidden; }
html, body { width: 100%; height: 100%; margin: 0 auto; max-width: 1920px;  }
input, button, select, textarea { outline: none; }
em, i { font-style: normal; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; }
.clearfix { zoom: 1; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
ul, li, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { border: none; max-width: 100%; max-height: 100%; vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }
.pubcon { width: 19.31rem; margin: 0 auto; }
.over { overflow: hidden; }
.hide { display: none; }
:root { --theme-color: #0f5593; }

* { scrollbar-color: #ccc #f7f7f9; scrollbar-width: thin; }

/* 横幅  */
.hengfu { border-bottom: 0.07rem solid #fef9c1; }
.hengfu img { display: block; width: 100%; }

/* 头部样式 */
.header { width: 100%; height: 100vh; min-height: 12.5rem; background: url(./2025072315235749886.jpg) no-repeat center top; position: relative; background-size: cover; }
.header .pubcon { display: flex; justify-content: space-between; padding-top: 0.8rem; align-items: center; }
.header .head_logo { width: 6.59rem; }
.header .head_logo img { display: block; width: 100%; }
.head_nav_list { display: flex; align-items: baseline; }
.head_nav_list li { margin-left: 0.7rem; }
.head_nav_list li a { font-size: 0.25rem; color: #fff; font-family: '思源宋体',SemiBold; }
.head_nav_list li.on a { font-size: 0.4rem; }
.head_nav_list li:hover a { text-decoration: underline; }
.head_search { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.head_search_txt { margin-bottom: 0.4rem; margin-top: 1rem; }
.head_search_txt p { text-align: center; font-size: 0.72rem; color: #ffecc2; font-weight: bold; white-space: nowrap; text-shadow: 0 0.1rem 0.2rem #444; line-height: 1.6em; }
.head_search_form .link { display: none; }
.head_search_form form { display: flex; width: 100%; background: #fff; border-radius: 0.1rem; overflow: hidden; height: 1.0rem; display: flex; position: relative; }
.head_search_form form .customs { position: absolute; left: 0.25rem; font-size: 0.3rem; color: #bebebe; z-index: 3; top: 50%; transform: translateY(-50%); }
.head_search_form form input { width: 100%; padding-left: 1rem; padding-right: 0.5rem; font-size: 0.28rem; color: #333; line-height: 1rem; }
.head_search_form form button { width: 1.77rem; height: 1rem; font-size: 0.4rem; color: #fff; flex-shrink: 0; display: inline-flex; justify-content: center; align-items: center; background: #0f5593; }

.header.short { height: 1.81rem; background-size: 100% auto; background-position: 10% center; min-height: inherit; }
.header.short .pubcon { width: 100%; padding: 0 0.6rem; height: 100%; }
.header.short .head_nav { display: none; }
.header.short .head_search { position: static; transform: none; display: flex; align-items: center; }
.header.short .head_search_txt { margin-right: 3rem; margin-bottom: 0; margin-top: 0; }
.header.short .head_search_txt p { font-size: 0.3rem; line-height: 2em; font-family: '思源宋体',SemiBold; background: #ffecc2; -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; }
.header.short .head_search_form .link { display: flex; align-items: baseline; justify-content: flex-end; margin-bottom: 0.24rem; }
.header.short .head_search_form .link *  { font-size: max(14px, 0.2rem); color: #eee; margin: 0 0.3em; }
.header.short .head_search_form form { width: 4.7rem; height: 0.6rem; background: rgba(255,255,255,.5); }
.header.short .head_search_form form .customs { left: inherit; right: 0.2rem; color: #0f5593; font-size: 0.35rem; }
.header.short .head_search_form form input { padding: 0 0.1rem; font-size: 0.2rem; background: none; color: #fff; }
.header.short .head_search_form form button { width: 0.6rem; height: 0.6rem; opacity: 0; font-size: 0; position: relative; z-index: 3; }

.header.bg2 { background-image: url(./head_bg.jpg); }
.head_phone_icon { display: none; }


/* 页面布局 */
/*.fixed { position: fixed !important; bottom: 0; }*/
body.load { height: 100vh; overflow: hidden; }
.customs_content { position: relative; padding-left: 2.6rem; padding-right: 2.1rem; display: flex; }
.customs_con_left { width: 2.6rem; flex-shrink: 0; position: absolute; left: 0; height: 100%; top: 0; }
.customs_con_center { width: 100%; border-left: 1px solid #015293; border-right: 1px solid #015293; padding: 0 0.5rem; min-height: 100vh; }
.customs_con_right { width: 2.1rem; flex-shrink: 0; position: absolute; right: 0; height: 100%; top: 0; }

/* 左侧导航 */
.customs_con_left .head_nav { padding: 0.50rem 0.25rem; border-bottom: 1px solid #bdbdbd; }
.customs_con_left .head_nav_list { display: block; }
.customs_con_left .head_nav_list li { margin-left: 0; height: 0.75rem; line-height: 0.75rem; margin: 0.1rem 0; border-radius: 0.1rem; }
.customs_con_left .head_nav_list li a { font-size: 0.3rem; color: #666; text-align: center; display: block; }
.customs_con_left .head_nav_list li.on, .customs_con_left .head_nav_list li:hover { background: #015293; }
.customs_con_left .head_nav_list li.on a, .customs_con_left .head_nav_list li:hover a { color: #ffecc2; text-decoration: none; }
.customs_robot { margin-top: 0.35rem; text-align: center; }
.customs_robot img { width: 1.29rem; margin: 0 auto; }
.customs_robot p { font-size: 0.25rem; color: #015293; line-height: 2.4em; }
.customs_backtop { width: 1rem; margin: 0.6rem auto 0; display: none; position: fixed; bottom: 30vh; left: 0.8rem; }
.customs_backtop img { display: block; margin: 0 auto; }

/* 右侧链接 */
.customs_r_item { padding: 0.6rem 0.15rem 0; border-bottom: 1px solid #bdbdbd; }
.customs_r_item a { display: block; text-align: center; margin-bottom: 0.4rem; }
.customs_r_item .icon { display: flex; justify-content: center; align-items: center; width: 0.65rem; height: 0.65rem; border-radius: 50%; background: #015293; margin: 0 auto; transtion: all 500ms;  }
.customs_r_item .icon .customs { font-size: 0.32rem; color: #f5d192; transtion: all 500ms; }
.customs_r_item p { font-size: 0.25rem; color: #666; margin-top: 0.2rem; line-height: 1em; }
.customs_gwy { padding: 0 0.2rem; height: 0.9rem; display: flex; align-items: center; }
.customs_r_item a:hover .icon { background: #f5d192; }
.customs_r_item a:hover .icon .customs, .customs_r_item a:hover p { color: #015293; }

/* 底部样式 */
.customs_footer { border-top: 0.03rem solid #015293; }
.foot_pubcon { width: 17.6rem; margin: 0 auto; }
.footer_link { background: #f5f5f5; }
.footer_link .foot_pubcon { display: flex; height: 1.0rem; align-items: center; }
.footer_link span { font-size: max(14px,0.23rem); color: #333;flex-shrink: 0;}
.foot_link_select { padding: 0 0.3rem; position: relative; }
.foot_link_select::after { content: '|'; color: #015293; font-size: 0.2rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.foot_link_select select { background: none; border: none; font-size: 0.23rem; color: #333; font-size: max(14px,0.23rem); line-height: 1em; max-width: 2rem; }
.foot_link_select:last-child::after { display: none; }
.footer_copyright { background: #004378; padding: 0.38rem 0; }
.footer_copyright .foot_pubcon { display: flex; align-items: center; justify-content: space-between; }
.footer_copyright * { color: #fff; line-height: 1.8em; font-size: max(12.18px,0.2rem); }
.footer_copyright .link { margin-bottom: 0.1rem; }
.footer_copyright .link * { font-size: max(14px,0.23rem); }
.footer_copyright .link i { font-style: normal; margin: 0 0.15rem; }
.footer_copyright p * { margin-right: 1em; }
.footer_copyright .img { display: inline-flex; }
.footer_copyright .img a { margin-left: 0.17rem; }
.footer_copyright .img img { height: max(14px,0.6rem); }

/* 固定导航 */
.fixed_nav { position: fixed; bottom: 50vh; left: 50%; width: 2.6rem; transform:translateX(-12rem) translateY(50%); display: none; }
.fixed_back { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0.4rem; cursor: pointer; }
.fixed_back .customs { font-size: 0.42rem; font-weight: bold; color: #606060; }
.fixed_back p { font-size: 0.2rem; color: #6a6a6a; }
.fixed_nav_box { width: 1.5rem; margin: 0 auto; position: relative; padding: 0.11rem 0; }
.fixed_nav_box::before { content: ''; display: block; width: 1px; height: calc(100% - 0.7rem); background: #dcdcdc; position: absolute; left: 0; top: 0.11rem; }
.fixed_nav_list { position: relative; margin-top: -0.11rem; }
.fixed_nav_list::before, .fixed_nav_list::after { content: ''; display: block; width: 0.07rem; height: 0.07rem; border-radius: 50%; background: #dcdcdc; position: absolute; left: 0; }
.fixed_nav_list::before { top: 0.11rem; transform: translateX(-50%); }
.fixed_nav_list::after { bottom: 0.11rem; transform: translateX(-50%); }
.fixed_nav_list li { margin-bottom: 0.35rem; position: relative; }
.fixed_nav_list li::before { content: ''; display: block; width: 0.07rem; height: 0.07rem; border-radius: 50%; background: #015293; position: absolute; z-index: 4; top: 50%; transform: translate(-50%, -50%); display: none; }
.fixed_nav_list li a { font-size: 0.23rem; color: #666; font-weight: bold; display: block; text-align: center; }
.fixed_nav_list li.on::before { display: block; }
.fixed_nav_list li.on a { color: #015293; }



/*兼容ie10 - ie11*/
.header.short .head_search_txt p{background:transparent;color:#ffecc2;}
.header.short .head_search_form form .customs{left:auto;}
.header.short .head_search_form form input{flex:1;line-height:36px;}



/* 适配代码 */
@media screen and (max-width:1164px) {
	.header.short { height: 2rem; min-height: inherit; background: url(./head_bg.jpg) no-repeat center / cover; }
	.header.short .pubcon { width: 100%; padding: 0 4vw; height: 100%; }
	.header.short .head_nav { display: none; }
	.header.short .head_search { position: static; transform: none; display: flex; align-items: center; }
	.header.short .head_search_txt { margin-right: 1rem; margin-bottom: 0; margin-top: 0; }
	.header.short .head_search_txt p { font-size: 0.36rem; line-height: 1.6em; font-family: '思源宋体',SemiBold; background: #ffecc2; -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; }
	.header.short .head_search_form .link { display: block; text-align: right; margin-bottom: 0.2rem; }
	.header.short .head_search_form .link *  { font-size: 0.3rem; color: #eee; }
	.header.short .head_search_form form { width: 4.98rem; height: 0.6rem; background: rgba(255,255,255,.5); }
	.header.short .head_search_form form .customs { left: inherit; right: 0.2rem; color: #0f5593; font-size: 0.35rem; }
	.header.short .head_search_form form input { padding: 0 0.1rem; font-size: 0.28rem; background: none; color: #fff; }
	.header.short .head_search_form form button { width: 0.6rem; height: 0.6rem; opacity: 0; font-size: 0; position: relative; z-index: 3; }
	.customs_content { padding: 0; flex-direction: column; }

	.customs_con_left, .customs_con_right { position: static; }
	.customs_con_left { width: 100%; background: #015293; display: flex; justify-content: space-between; padding: 0 4vw; align-items: center; }

	.header .head_logo { width: 7rem; }
	.customs_con_left .head_nav { padding: 0; border: 0; }
	.customs_con_left .head_nav_list { display: flex; }
	.customs_con_left .head_nav_list li { margin-right: 0.5rem; }
	.customs_con_left .head_nav_list li a { font-size: 0.4rem; color: #fff; }
	.fixed_nav { display: none !important; }

	.customs_robot { margin-top: 0; display: block; }
	.customs_robot a { display: flex; align-items: center; padding: 0.3rem 0; }
	.customs_robot p { font-size: 0.4rem; color: #fff; }
	.customs_robot img { width: 0.8rem; margin-right: 0.2rem; }

	.customs_con_center { border: 0; padding: 0 4vw; min-height: inherit; }

	.customs_con_right { width: 100%; display: flex; padding: 0 4vw 0.5rem; }
	.customs_r_item { padding: 0; border-bottom: 0; display: flex; }
	.customs_r_item:last-child { width: auto; }
	.customs_r_item a { display: flex; margin-bottom: 0; align-items: center; margin-right: 0.8rem; }
	.customs_r_item p { font-size: 0.34rem; margin-top: 0; }
	.customs_r_item .icon { margin-right: 0.2rem; }

	.foot_pubcon { width: 92vw; }
	.footer_link span { font-size: 0.34rem; }
	.foot_link_select select { font-size: 0.3rem; }
	.footer_copyright { padding: 0.5rem 0; }
	.footer_copyright * { font-size: 0.3rem; }
	.footer_copyright .link * { font-size: 0.34rem; }
	.footer_copyright .img img { height: 1rem; }
	.footer_copyright p a, .footer_copyright p span { white-space: nowrap; }
}
@media screen and (max-width:768px) {
	.header.short { height: 60px; background: #015293; position: relative; box-shadow: 0 0 10px #aaa; }
	.header.short .pubcon { position: relative; align-items: center; padding: 0 4vw; justify-content: space-between; }
	.header.short .head_logo { width: auto; height: 40px; }
	.header.short .head_logo img { width: auto; max-height: 80%; max-width: 100%; }
	.header.short .head_search_txt { display: none; }
	.header.short .head_search_form .link { display: none; }
	.header.short .head_search_form form { display: none; }
	.customs_con_left, .customs_con_right { display: none; }

	.head_phone_icon { display: flex; align-items: center; }
	.head_phone_icon a { display: inline-flex; width: 32px; height: 32px; border-radius: 32px; background: #fff; margin-left: 10px; justify-content: center; align-items: center; }
	.head_phone_icon span { font-size: 18px; color: #015293; }
	.header.short .head_nav { display: none; background: #f4f4f4; position: absolute; top: 60px; z-index: 10; width: 100%; left: 0; padding: 2vw 4vw; }
	.head_nav_list { display: block; }
	.head_nav_list li { margin-left: 0; border-bottom: 1px dashed #ccc; }
	.head_nav_list li:last-child { border-bottom: 0; }
	.head_nav_list li a { font-size: 18px; line-height: 2.4em; color: #333; }
	.head_nav_list li:hover a { text-decoration: none; }
	.head_nav_list li.on a { font-size: 18px; color: #015293; }
	.head_search_form { position: absolute; top: 60px; padding: 2vw 4vw; background: #f4f4f4; width: 100%; left: 0; z-index: 10; display: none; }
	.header.short .head_search_form form { display: flex; border: 1px solid #ccc; width: 100%; height: 40px; }
	.header.short .head_search_form form input { font-size: 16px; color: #333; }
	.header.short .head_search_form form .customs { right: 10px; font-size: 20px; }
	.header.short .head_search_form form button { width: 40px; height: 40px; }

	.footer_link { display: none; }
	.footer_copyright .foot_pubcon { display: block; }
	.footer_copyright * { font-size: 14px; }
	.footer_copyright .img a { margin-left: 0; margin-right: 15px; }
	.footer_copyright .img img { height: 40px; }
	.footer_copyright .link * { font-size: 16px; }
	.footer_copyright .link a { white-space:  }
	.footer_copyright .foot_pubcon .txt { margin-bottom: 20px; }
	.footer_copyright .foot_pubcon .img { display: flex; justify-content: center; }
}
@media screen and (max-width:460px) {
	.header.short .head_logo { width: auto; height: auto; }
}