/*全局*/
* { margin: 0; padding: 0; list-style: none; } 
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} 
body { overflow: auto; margin: 0 auto; background-color: #f4f6f9; font-family:"微软雅黑"; font-size:16px; color:#282727; position: relative; } 
ul,li { list-style:none; margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } 
img { border:none; border:0; vertical-align:middle; max-width: 100%; max-height: 100%; } 
a { text-decoration:none; outline:none; } 
p { margin:0; padding:0; } 
i,em { font-style:normal; } 
.cl:after,.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.cl,.clearfix { *zoom:1; } 
.fl { float:left; } 
.fr { float:right; } 
.htmlgray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter: none; } 
.w1200 { width: 1200px; margin: 0 auto; } 
.wbg { background-color: #fff; } 
.pd20 { padding: 20px; } 

.main { min-height: 300px; } 
.nodata{ padding: 40px 0;}
.main-content { width: 1200px; box-sizing: border-box; margin: 0 auto; padding:30px 0 60px; background-color: white; min-height: 300px; } 
.ellipsis-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellipsis-1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:5px;
height:8px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:9px;
background: #7c7c7c;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #b5b5b5;
}
/* 图片上传样式 */
.layui-upload-list ul li { width:100px; height:100px; float : left;margin-right : 15px;position : relative;cursor : pointer; text-align:center; display: flex; justify-content: center; align-items: center;}
.layui-upload-list ul li p {position : absolute;bottom : 0;text-align : center;background : rgba(128, 128, 128, .5);width : 100%;}
.layui-upload-list ul li p span {color : white;}
.layui-upload-list ul li .layui-icon-close {display : none;}
.layui-upload-list ul li:hover .layui-icon-close {display : block;}
.layui-upload-list ul li:hover .layui-icon-ok {display : none;}
.layui-upload-1 {width : 90px;height : 90px;border : 1px dashed #d9d9d9;position : relative;border-radius : 6px;cursor : pointer;overflow : hidden;display : flex;justify-content : center;align-items : center;}
.layui-upload-1:hover {border-color : #409eff;}
.layui-upload-1 span {font-size : 28px;}
.layui-upload-list .upload-img {max-width : 100px; max-height : 100px; display:block; margin:0 auto;}

/* 图片上传样式 */
/* 头部 */
.header{ position: relative; height: 70px; z-index: 999;}
.header .hd_bg { width: 100%; height: 70px; box-sizing: border-box; background-color: #1c4596;} 
.header .hd_bg .w1200 { margin: 0 auto; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.logo {width: 363px; font-size: 0; padding-right: 64px; box-sizing: border-box;} 
.logo img{ width: 100%;}
.header-user{ width: 165px; display: flex; align-items: center; justify-content: center; gap: 10px;}
.header-user img{ width: 40px; height: 40px; border-radius: 50%; margin-right: 5px;}
.header-user a{flex: 1; background-color: #1c4596; padding: 5px 13px; border-radius: 20px; font-size: 16px; color: #ffffff;}
/* 导航 */
.nav-container { width: 806px; display: flex;}
.nav {flex: 1; height: 70px;font-size: 0; display: flex; justify-content: center; white-space: nowrap; z-index: 999;}
.nav .el { flex: 1; width: auto; height: 100%; z-index: 9999; display: inline-block; position: relative; *zoom: 1; *display: inline; white-space: normal; } 
.nav .el>a { font-size: 16px; height: 70px; color: #ffffff; display: block; display: flex; justify-content: center; align-items: center; } 
.nav .el>a i{ font-size: 12px; padding-left: 5px; transition: transform 0.3s ease; transform-origin: center center; }
.nav .el:hover>a,.nav .el.on>a { background-color: #ffffff; color: #1c4596;} 
.nav .el:hover>a i{ transform: rotateX(180deg); }
.nav .sel { display: none; position: absolute; width: calc(100% + 45px); left: 0px; top:70px; z-index: 999; } 
.nav .sel a { height: 45px; line-height: 35px; box-sizing: border-box; font-size: 16px; color: #494949; width: 100%; background-color: #ffffff; border: 5px solid #ffffff; display: block; padding-left: 15px;} 
.nav .sel a:hover {background-color: #cfe2fb; border: 5px solid #ffffff; color: #1c4596; } 
.login-register{ font-size: 16px; color: #ffffff; display: flex; align-items: center; justify-content: center; gap: 10px;}
.login-register em{ font-size: 12px; font-weight: lighter; color: rgba(255,255,255,0.3); padding: 0 10px;}
.login-register a{padding-left: 10px; color: #fffe9c; }
.login-register a:hover{ text-decoration: underline;}

/* --- 底部 --- */
.footerbg{  background-color: #282c3e; padding: 40px 0 30px; } 

.footer-top { font-size: 16px; color: #8c8f9a; border-bottom: 1px solid #3e4252;  padding-bottom: 25px; } 
.footer-top span{ font-size: 18px; color: #ffffff; font-weight: bold; }
.footer-top a { font-size: 16px; color: #8c8f9a; padding-right: 10px; } 
.footer-top a:hover {  color: #8c8f9a;  text-decoration: underline; } 


.footer-main {  display: flex;  justify-content: space-between; align-items: center; padding-top: 30px;  } 
.footer-logo{ width: 270px; display: flex; align-items: center; justify-content: center; gap: 18px;}
.footer-logo .item{ width: 120px; height: 120px; }
.footer-logo .item img { width: 100%; height: auto;} 
.footer-logo .item p{ font-size: 14px; color: #8c8f9a; text-align: center; padding-top: 10px; }
.footer-content{}
.footer-nav{ line-height: 35px; }
.footer-nav a{ font-size: 16px; color: #ffffff; }
.footer-nav em{ color: #41475f; padding: 0 10px; font-size: 14px; font-weight: lighter;}
.footer-content p{ font-size: 16px; line-height: 35px; color: #8c8f9a; } 
.footer-content p a{ color: #8c8f9a;}
/** * 客服 */
.float-service-btn { position: fixed; right: 10px; bottom: 30px; width: 100px; height: 116px; background: url(../images/kf_btn.png) no-repeat center center; background-size: cover; cursor: pointer; transition: all 0.3s ease; z-index: 999;}
.float-service-btn:hover { transform: scale(1.05);}
.float-service-btn span { display: block; padding-top: 80px; text-align: center; font-size: 14px; color: #1c4596;}

.consult-popup { position: fixed; right: 120px; bottom: 40px; width: 278px; background-color: #fff; border-radius: 8px; box-shadow: 0 6px 16px rgba(0,0,0,0.12); overflow: hidden; display: none; z-index: 998; animation: fadeIn 0.3s ease;}

/* 弹窗头部 */
.popup-header { background-color: #1c4596; color: #fff; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between;}
.header-left { display: flex; align-items: center; gap: 10px;}
.header-avatar { width: 45px; height: 45px; border-radius: 50%; border: 2px solid #fff; object-fit: cover;}
.header-title {font-size: 16px; cursor: pointer;}
.header-subtitle { font-size: 12px; color: #92c0fe; margin-top: 2px; cursor: pointer;}
.close-btn {}
.close-btn i{cursor: pointer; font-size: 16px; color: #fff; }
/* 弹窗内容 */
.popup-content { padding: 10px; display: flex; flex-direction: column; gap: 10px;}
.consult-item { background-color: #f3f4f9; padding: 8px 10px; border-radius: 5px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: background-color 0.2s;}
.consult-item:hover { background-color: #f5f7fa;}
.item-icon { width: 40px; height: 40px; border-radius: 5px; display: flex; align-items: center; justify-content: center;}
.item-icon i{ font-size: 20px; }
.item-icon-bg0{ background-color: #dee9d0;}
.item-icon-bg0 i{ color: #80b740;}
.item-icon-bg1{ background-color: #cfddf7;}
.item-icon-bg1 i{ color: #1c4596;}
.item-icon-bg2{ background-color: #d1e3f1;}
.item-icon-bg2 i{ color: #4b8fc4;}
.item-icon-bg3{ background-color: #f6ebc9;}
.item-icon-bg3 i{ color: #ebc035;}

.item-text h4 { font-size: 14px; color: #333; font-weight: 500;}
.item-text p { font-size: 12px; color: #999; margin-top: 2px;}

/* 底部 */
.popup-footer { padding: 0px 16px 15px; font-size: 12px; color: #7d7d7d; text-align: center;}

/* 动画 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
/*子页标题*/
.ziye-tit{ text-align: center; margin: 0 auto; padding: 50px 0 40px;}
.ziye-tit h2{ font-size: 36px; color: #2a2a2a; font-weight: bold;}
.ziye-tit p{ font-size: 16px; color: #7e7e7e; line-height: 28px; padding-top: 5px;}

/*咨询*/
.consult-card { flex: 1; }
.consult-card a{padding: 20px; background: #fff; border-radius: 10px; display: block; transition: all 0.3s ease;}
.consult-card a:hover{ box-shadow: 0 8px 16px rgba(0,0,0,0.1);}

.consult-card .card-icon {  width: 65px; height: 65px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.consult-card .card-icon i {font-size: 30px; font-style: normal; transition: all 0.3s ease;}
.consult-card a:hover i{ transform: rotate(360deg); } 
.consult-card .col1-bg0 i { color: #80b740; }
.consult-card .col1-bg1 i { color: #3b559b; }
.consult-card .col1-bg2 i { color: #4b8fc4; }
.consult-card .col1-bg3 i { color: #ebc035; }

.consult-card .col1-bg0 { background-color: rgba(128, 183, 64, 0.1);}
.consult-card .col1-bg1 { background-color: rgba(59, 85, 155, 0.1); }
.consult-card .col1-bg2 { background-color: rgba(75, 143, 196, 0.1);}
.consult-card .col1-bg3 { background-color: rgba(235, 192, 53, 0.1); }

.consult-card .card-title { font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.consult-card .col1-c0 { color: #80b740; }
.consult-card .col1-c1 { color: #3b559b; }
.consult-card .col1-c2 { color: #4b8fc4; }
.consult-card .col1-c3 { color: #ebc035; }

.consult-card .card-desc { font-size: 16px; color: #a1a2a4; height: 72px; overflow: hidden; line-height: 24px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.consult-card .card-link {font-size: 16px; color: #1c4596; text-decoration: none; display: inline-flex;align-items: center;}
.consult-card .card-link:hover { text-decoration: underline; }
.consult-card .card-link::after { font-family: "iconfont"; content: "\e624"; margin-left: 5px;  font-size: 14px;}

/*站点导航*/
.site{ border-bottom: 1px solid #f0f0f0; background-color: #ffffff; color: #dbdbdb; height: 70px; display: flex; align-items: center; justify-content: center;}
.site .w1200{ display: flex; align-items: center; justify-content: space-between;}
.site .site-nav i{ font-size: 20px; color: #dbdbdb; margin-right: 10px; }
.site .site-nav a{color: #dbdbdb;}
.site .site-nav span{color: #1c4596;}

.site .site-search{ border: 1px solid #e3e3e3; border-radius: 4px; width: 400px; height: 36px; display: flex; align-items: center; }
.site .site-search input{ flex: 1; padding: 0 12px; font-size: 16px; color: #000000; border: none; outline: none; }
.site .site-search input::placeholder{ color: #d9d9d9; }
.site .site-search button{height: 100%; padding: 0 12px; border: none; outline: none; background-color: #ebc035; color: #fff; font-size: 16px; cursor: pointer;  border-radius: 4px; display: flex; align-items: center; cursor: pointer; }
.site .site-search button i{ display: block; padding-right: 5px; font-size: 24px;}
/* 表单容器 */
.custom-layer{ border-radius: 10px;}
.layui-layer-iframe iframe{border-radius: 10px;}
.apply-container { padding: 30px 50px; width: 100%; box-sizing: border-box; overflow: hidden;}
.apply-header{display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px;}
.apply-title { font-size: 24px; color: #1c2f3e; margin-bottom: 10px; font-weight: 600;}
.apply-desc { color: #bfc5d2; font-size: 16px; line-height: 1.5;}
.apply-header-right{ cursor: pointer;}
/* 表单行样式 */
.form-row {  display: flex; flex-wrap: wrap; margin-bottom: 15px; gap: 20px;}

/* 表单项样式 */
.form-item { flex: 1; }
.form-label {margin-bottom:10px; display: block; color: #1c2f3e; font-size: 16px; font-weight: 500;}
.form-label em{ color: #9b9b9b; font-size: 14px;}
.resume-form .form-item .form-label{ margin-bottom: 0; height: 45px;}
.layui-select-title{ width: 100%;}
.form-input, .form-select,.form-item .layui-input { flex: 1; width: 100%; box-sizing: border-box; height: 45px; padding: 0 12px;border: 1px solid #e0e4ec;border-radius: 4px; font-size: 16px; color: #000000; outline: none; transition: border-color 0.2s;}
.form-item .layui-input::placeholder{color: #333333; }
.form-input:focus, .form-select:focus { border-color: #204ca2;}

.form-input::placeholder, .form-item .layui-input::placeholder{color: #d6d7d7; }
.form-textarea {flex: 1; width: 100%; min-height: 120px; box-sizing: border-box; padding: 12px; border: 1px solid #e0e4ec; border-radius: 4px;font-size: 16px; color: #000000; resize: vertical;outline: none; transition: border-color 0.2s;}
.form-item .layui-textarea::placeholder{color: #333333; }
.form-textarea:focus { border-color: #204ca2;}
/* 验证码 */
.captcha-item { flex: none !important; width: 100% !important;}
.captcha-row { display: flex; gap: 12px; align-items: center;}
.captcha-input { flex: 1; margin: 0;}
#imgCode { width: 150px; height: 45px; cursor: pointer;  flex-shrink: 0;}

.agreement-area { padding: 25px 0; display: flex; align-items: center; justify-content: center;}
.agreement-area .layui-form-checkbox[lay-skin=primary]{ width: 24px; height: 24px;  margin-right: 8px;}
.agreement-area .layui-form-checkbox[lay-skin=primary]>i{ width: 20px; height: 20px; line-height: 18px;}
.agreement-area .layui-form-checked[lay-skin=primary]>i{ background-color: #1c4596; border-color: #1c4596!important; }
.agreement-area span{ color: #1c4596;}
/* 提交按钮样式 */
.submit-btn { width: 100%; height: 48px; background-color: #1c4596; color: #fff; border: none; border-radius: 4px; font-size: 16px; font-weight: 500; cursor: pointer; margin-top: 10px;}
.submit-btn:hover { background-color: #204ca2;}

.submit-btn:disabled { background-color: #85a5ff; cursor: not-allowed;}

/*详细*/
.show-content {padding: 50px 0;}
.show-content .show-title { font-size: 40px; font-weight: bold; color: #1c4596; text-align: center; margin-bottom: 25px; line-height: 70px;}
.show-content .show-info {background-color: #f7f8fa; padding: 8px 0; text-align: center; font-size: 16px; color: #a2a2a2; margin-bottom: 30px;}
.show-content .show-cont {font-size: 18px; color: #1e1e1e; line-height: 45px; margin: 30px 0;}
.show-content .show-cont p,.show-cont span{ word-break: break-all!important;  word-wrap: break-word!important; overflow-wrap: break-word!important; white-space: normal!important;}
/* 相关附件标题 */
.attach-title { font-size: 18px;font-weight: bold;color: #1c4596;margin-bottom: 15px;}
.attach-list { list-style: none;}
.attach-item { display: flex; align-items: center; gap: 8px; font-size: 18px; color: #1e1e1e; margin-bottom: 10px;}

/* 分页 */
.pc-page { padding:20px 0 60px 0; display: flex; justify-content: center; align-items: center; }
.pc-page a { cursor: pointer; font-size: 18px; margin-right: 25px; color: #010101; display: block;
  background-color: #f7f7f7; text-align: center; height: 50px; line-height: 50px; padding: 0 20px; }
.pc-page a span { font-size: 18px; }
.pc-page a.none {  cursor: not-allowed; color: #333333; }
.pc-page a:hover,.pc-page a.current {background-color: #1c4596; color: #ffffff; }
.pc-page a.none:hover { background-color: #f0f0f0; color: #5f5f61; }


/* 上下页 */
.other { margin-top: 25px; background-color: #f8f8f8; padding: 20px 30px; font-size: 0; margin-bottom: 40px;} 
.other a { font-size: 18px; color: #303030; font-weight: normal; } 
.other a:hover { color: #005bac; } 
.other .next { width: 900px; float: left; } 
.other .next p { font-size: 16px; line-height: 35px; color: #303030; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.other .back { float: right; margin: 0 10px; margin-top: 10px; text-align: center; width: 140px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; border: 1px solid #1c4596; } 
.other .back:hover { border: 1px solid #1c4596; } 
.other .back a { font-size: 16px; color: #1c4596; display: block; } 
/*附件*/
.layui-btn-normal{ width: 150px; height: 45px; border: 1px solid #1c4596; background-color: #ebf1fd; font-size: 18px; color: #1c4596; display: flex; justify-content: center; align-items: center;}
.layui-btn-normal i{ font-size: 24px; margin-right: 5px;;}
.layui-btn-normal:hover{ color: #1c4596;}
.layui-upload-filelist{ width: 100%; box-sizing: border-box;}
/* 附件列表容器 - 表格整体样式 */
/*.layui-upload-style {  margin-top: 10px;width: 100%; border-radius: 4px; overflow: hidden;}
.layui-upload-style .file_list {display: grid;grid-template-columns: 1fr 100px 80px; align-items: center;padding: 12px 15px;border-bottom: 1px solid #f0f2f5;font-size: 14px;}
.layui-upload-style .file_list:last-child {border-bottom: none;}
.layui-upload-style .file_list_tit {color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 10px;}
.layui-upload-style .file_list_tit h2 {display: inline;font-size: 14px;font-weight: normal;color: #333;}
.layui-upload-style .file_list_sta {text-align: center;color: #4e83fc;font-weight: 500;}*/

/* 删除按钮 */
.layui-upload-style .file_list_del {text-align: center;}
.layui-upload-style .attachment-delete {color: #ff4d4f;cursor: pointer;padding: 3px 6px;border-radius: 3px;transition: 0.2s;}
.layui-upload-style .attachment-delete:hover {background: #fff1f0;}
.user_btn{ width: 230px; margin: 0 auto;}
.user_btn button{ display: flex; justify-content: center; align-items: center;}
.user_btn button i{ font-size: 20px; padding-right: 10px;}