@charset "utf-8";
/* CSS Document */
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,input,body,strong,span,pre{margin:0; padding:0; border:0; background-repeat:no-repeat;}
h1,h4,h5,h6,p{ margin:0; padding:10px 0 10px 0; font-weight:normal;}
h3{ margin:0; padding:40px 0 0 0; 
    font-weight:600;font-size: 18px;    
	border-top-color: rgb(217, 217, 217,0.8);
    border-top-width: 2px;
    border-top-style: solid;}
h12{	   
	 margin:0; 
	 padding:10px 0 0 0; 
	 font-weight:600;
	 font-size: 18px;

}
body{font-size:13px;font-family:"微软雅黑";, sans-serif;margin:0px;padding:0px;color:#666;height:auto;clear:both;}
img{border:0px;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
a{ text-decoration:none;color:#666;}

/*内容页*/
.wrapper{width:100%; min-height:300px; padding-top:20px;  overflow:hidden; background:#fff;}
.wrapperCon{width:65%; height:auto; overflow:hidden;  margin:0 auto; padding-bottom:70px;}
.ContactUs{width:100%; overflow:hidden; border:1px solid  rgba(0,96,191,0.1); margin:25px 0; 
background: white;
    padding: 25px;
    position: relative;
    overflow: hidden;
    
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: 0.3s;
	}
	.ContactUs:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.8),
        transparent
    );
    transition: 0.5s;
}
.ContactUs:hover {
  box-shadow: 0 15px 30px rgba(0,96,191,0.2);
}
.ContactUs:hover:before {
    left: 100%;
}
.ContactUsbnt{ height:165px; width:100%; padding:0px 50px 50px 80px; }
.ContactUsbnt p{ width:100%; overflow:hidden; padding-bottom:10px;}
.ContactUsbnt p a i{ color:#b4140c !important;}
.ContactUsbnt p span{ float:left; height:36px; line-height:36px; font-size:16px;}
.ContactUsbnt p span img{ float:left;}
.ContactUsbnt p span i{display:inline-block; color:#666;font-size:14px;}
.ContactUsbnt p span i.txt{ font-size:15px;}
.ContactUsbnt p span em{display:inline-block; padding-left:15px;  color:#333;}
.ContactUsbnt p span.fllefts{ float:left;}
.ContactUsbnt p span.flrights{ float:right; width:300px;}
.ContactUsTop{ height:165px; width:100%; padding:50px 50px 50px 80px; }
.ContactUsTop p{ width:100%; overflow:hidden; padding-bottom:10px;}
.ContactUsTop p a i{ color:#666 !important;}
.ContactUsTop p span{ float:left; height:36px; line-height:36px; font-size:16px;}
.ContactUsTop p span img{ float:left;}
.ContactUsTop p span i{display:inline-block; color:#666;font-size:14px;}
.ContactUsTop p span i.txt{ font-size:15px;}
.ContactUsTop p span em{display:inline-block; padding-left:15px;  color:#333;}
.ContactUsTop p span.fllefts{ float:left;}
.ContactUsTop p span.flrights{ float:right; width:300px;}
.contactCon{width:100%; padding:20px; overflow:hidden; background:#fff;}
.Con01{ margin:0 auto;}
.conbg01{ padding-bottom:35px;}
.ContactUs .ContactUsTop p span.flrights  {width:351px!important;}





.card {
            background: #fff;
            border-radius: 0px;
			margin: 0 auto;
            padding: 50px 50px 20px 50px;
			width:65%;
			text-align: center;
          box-shadow: 0px 30px 30px 0px rgba(0,96,191,0.2); 
        }

        .picture {
			width:65%;
            position: relative;
            width: fit-content;
            margin: 0 auto;
            overflow: hidden;
          
            border:1px solid  rgba(0,96,191,0.2);
			border-radius: 10px;
        }

        .picture img {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 10px;
        }

        /* 热点容器 */
        .hotspot-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10;
        }

        /* 热点圆点 */
        .hotspot-dot {
            position: absolute;
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: rgba(255, 220, 120, 0);
            border: 3px solid rgba(246, 5, 5);
            transform: translate(-50%, -50%);
            cursor: pointer;
            transition: all 0.2s ease;
            box-shadow: 0 0 15px rgba(246, 5, 5, 0.95);
             
            z-index: 20;
            animation: pulse 2s ease-in-out infinite;
        }

        .hotspot-dot:hover {
            background: rgba(246, 5, 5, 0.35);
            border-color: #fc1d06;
            box-shadow: 0 0 22px #fc1d06;
            transform: translate(-50%, -50%) scale(1.08);
        }

        .hotspot-dot.active {
            background: rgba(0, 96, 191, 0.65);
            border-color: #0060fb;
            box-shadow: 0 0 30px #ff9900;
			animation: activePulse 1s ease-in-out infinite;
        }

        /* 弹框卡片 */
        .popup-card {
            position: absolute;
            z-index: 30;
            max-width: 420px;
            width: max-content;
            background: rgba(0, 96, 191, 0.95);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border-radius: 4px;
            padding: 16px 18px;
            border: 1px solid rgba(19, 164, 68, 0.35);
            box-shadow: 0 20px 40px -10px rgba(19, 164, 68, 0.65);
            color: #13A444;
            line-height: 1.5;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.28s, transform 0.3s, visibility 0.28s;
            transform: scale(0.65) translateY(12px);
            transform-origin: left top;
            pointer-events: none;
        }

        .popup-card.show {
            opacity: 1;
            visibility: visible;
            transform: scale(1) translateY(0);
            pointer-events: auto;
        }

        /* 弹框小箭头 */
        .popup-card::before {
            content: "";
            position: absolute;
            top: -10px;
            left: 28px;
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 12px solid rgba(0, 96, 191, 0.95);
            z-index: 25;
        }

        /* 图文内容 */
        .popup-media {
            display: flex;
            gap: 16px;
            align-items: center;
        }

        .popup-icon {
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 34px;
            flex-shrink: 0;
        }

        .popup-text {
            display: flex;
            flex-direction: column;
        }

        .popup-title {
            font-weight: 800;
            font-size: 16px;
            color: #fcf905;
            line-height: 1.3;
        }

        .popup-desc {
            font-size: 14px;
            color: #fff;
		    line-height: 28px;
            margin-top: 5px;
        }

        .hint {
            text-align: center;
            margin-top: 22px;
            color: #002;
            font-size: 1.5rem;
            background: rgba(0,0,0,0.1);
            padding: 10px 20px;
            border-radius: 5px;
            backdrop-filter: blur(6px);
            width: fit-content;
            margin-left: auto;
            margin-right: auto;
           
        }
		
.week_weixin {

	background: url(../img/bj168.jpg) no-repeat center;

	background-size: cover;

	background-attachment: fixed;

	padding: 0px 0;
	height:350px;
}

.week_weixin_ceng {

	background: rgba(0,0,0,0.6) no-repeat center;
	height:350px;

}
.week_weixin h4 {

	margin: 0 auto;
    padding-top: 35px;
	font-size: 24px;

	width: 60%;

	line-height: 1.75;

	text-align: center;

	color: #FFF;

	font-weight: normal;

}

.week_weixin p {

	margin: 0 auto 20px;

	font-size: 16px;

	width: 80%;

	line-height: 1.75;

	text-align: center;

	color: #eee;

}

.week_weixin-p img {

	display: block;

	margin: 0 auto;

	width: 140px;

	height: 140px;

}

.week_weixin p span {

	display: inline-block;

	margin: 0 20px;

}


  /* 动画关键帧定义 */
        @keyframes gradientBG {
            0% { background-position: 0% 0%; }
            50% { background-position: 100% 100%; }
            100% { background-position: 0% 0%; }
        }

        @keyframes glowPulse {
            0% { transform: rotate(0deg) scale(1); opacity: 0.3; }
            50% { transform: rotate(10deg) scale(1.2); opacity: 0.6; }
            100% { transform: rotate(0deg) scale(1); opacity: 0.3; }
        }

        @keyframes twinkle {
            0% { opacity: 0.3; }
            50% { opacity: 0.8; }
            100% { opacity: 0.3; }
        }

        @keyframes cardFloat {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-5px); }
            100% { transform: translateY(0px); }
        }

        @keyframes pulse {
            0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
            50% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
            100% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
        }

        @keyframes activePulse {
            0% { box-shadow: 0 0 20px #ff9900; }
            50% { box-shadow: 0 0 40px #ffaa00; }
            100% { box-shadow: 0 0 20px #ff9900; }
        }

        @keyframes popupGlow {
            0% { border-color: rgba(255, 210, 130, 0.35); }
            50% { border-color: rgba(255, 230, 170, 0.6); }
            100% { border-color: rgba(255, 210, 130, 0.35); }
        }

        @keyframes iconSpin {
            0% { transform: rotate(0deg); }
            25% { transform: rotate(5deg); }
            75% { transform: rotate(-5deg); }
            100% { transform: rotate(0deg); }
        }

        @keyframes hintPulse {
            0% { opacity: 0.7; }
            50% { opacity: 1; }
            100% { opacity: 0.7; }
        }
		
	/*人才招聘*/
* {margin: 0; padding: 0; outline: none; blr: expression(this.onFocus=this.blur()); }
body, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6 {list-style: none; text-decoration: none; margin: 0; }

body {
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #fff;
	font-size: 16px;
	font-family: "微软雅黑", Microsoft YaHei;
    min-width: 1080px;
}
.wrap{width: 100%;margin: auto;}

.rczp_n{width: 65%;height: 531px;background: url(../img/rencai1.jpg) no-repeat center top;margin: auto;margin-top: 36px;}
.rczp_n_o{width: 575px;color: #333;padding-top: 10px;margin-left: 30px;}
.rczp_n_o p{font-size: 26px;font-weight: bold;}
.rczp_n_o span{font-size:16px;line-height: 30px;margin-top: 20px;display: block;text-indent: 32px;}
.week_rencai {

	background: url(../img/bj2.jpg) no-repeat center;

	background-size: cover;

	background-attachment: fixed;

	padding: 0px 0;
	height:500px;
}

.week_rencai_ceng {

	background: rgba(0, 0, 0,0.4) no-repeat center;
	height:500px;

}
.week_rencai h4 {

	margin: 0 auto;
    padding-top: 35px;
	font-size: 24px;

	width: 60%;

	line-height: 1.75;

	text-align: center;

	color: #FFF;

	font-weight: normal;

}

.week_rencai p {

	margin: 0 auto 20px;

	font-size: 16px;

	width: 80%;

	line-height: 1.75;

	text-align: center;

	color: #eee;

}

.week_rencai-p img {

	display: block;

	margin: 0 auto;

	width: 800PX;

	height:auto;
    padding:0 0 50px 0;
}

.week_rencai p span {

	display: inline-block;

	margin: 0 20px;

}

/* 流程 */
html,body{height: 100%;}html{background: #fff;}div{box-sizing: border-box;}
.full-page{height: 100%;overflow: hidden;}.wp{width: 80%;margin: 0 auto;}
.inner-wp{width: 1220px;margin: 0 auto;}
.no-border{border: none !important;}
.filter-bg{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 101;background: rgba(0, 0, 0, 0.6);display: none;}
#Validform_msg{color:#7d8289; width:300px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height: 40px; height: 40px; font-size: 16px;text-align:left; padding:0 20px; color:#fff; position:relative; background-color:#00b9c6;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{display: block;width: 24px;height: 24px;position: absolute;top: 8px;right: 10px;color: #00b9c6;}
#Validform_msg a.Validform_close::after{display: block;width: 24px;height: 24px;background: url('../images/close3.png');background-size: 100% 100%;position: absolute;top: 0;left: 0;content: "";}
#Validform_msg .Validform_info{padding: 20px; text-align:left; font-size: 14px;line-height: 22px;color: #666;}
#fixedBanner .swiper-slide-active .img img{transform: scale(1);transition: 8s cubic-bezier(.59,.5,.41,.92);}
.coreg-title{text-align: center;margin-bottom: 30px;position: relative;z-index: 1;}
.coreg-title h7{font-size: 30px;line-height: 1.6;color: #fff;display: block;}
.coreg-title h8{font-size: 16px;line-height: 30px;color: #fff;padding: 10px 0 0 0;}
.co-register .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.co-register .bg img{width: 100%;min-height: 100%;}
.co-register .sec-content{display: flex;justify-content: space-between;align-items: stretch;position: relative;z-index: 1;}

.coreg-sec3{padding: 84px 0 124px;}
.coreg-sec3 ul li{float: left;width: 22%;margin: 0 1.5%;background: #00b9c6;border-radius: 3px;padding: 25px;box-sizing: border-box;}
.coreg-sec3 ul li h4{font-size: 24px;line-height: 50px;text-align: center;color: #fff;white-space: nowrap;margin-bottom: 20px;}
.coreg-sec3 ul li .img img{width: 100%;}


.cochg-sec3{padding: 50px 0 90px;}
.cochg-sec3 .sec-item{position: relative;}
.cochg-sec3 .sec-item .bg-img{position: relative;overflow: hidden;}
.cochg-sec3 .sec-item .wave{position: relative;width: 200%;display: flex;justify-content: space-between;align-items: center;}
.cochg-sec3 .sec-item .wave img{display: flex;width: 50%;}
.cochg-sec3 .sec-item .step{position: absolute;width: 128px;height: 128px;overflow: visible;transition: 0.4s;}
.cochg-sec3 .sec-item .step:hover{transition: 0.4s;transform: translateY(-15px);}
.cochg-sec3 .sec-item .step .order{width: 100%;height: 100%;border: 1px solid #13a444;border-radius: 100%;position: relative;display: flex;justify-content: center;align-items: center;font-size: 52px;color: #fff;}
.cochg-sec3 .sec-item .step .order::after{display: block;content: "";width: 78%;height: 78%;background: #13a444;border-radius: 100%;position: absolute;top: 11%;left: 11%;z-index: 0;}
.cochg-sec3 .sec-item .step .order span{position: relative;z-index: 1;}
.cochg-sec3 .sec-item .step p{position: absolute;width: 100%;left: 0;text-align: center;font-size: 18px;color:#fff;line-height: 50px;white-space: nowrap;}
.cochg-sec3 .sec-item .step p.text-top{top: -68px;}
.cochg-sec3 .sec-item .step p.text-bottom{bottom: -68px;}
.cochg-sec3 .sec-item .step1{left: 20.7%;top: 8.8%;}
.cochg-sec3 .sec-item .step2{left: 32.5%;top: 36%;}
.cochg-sec3 .sec-item .step3{left: 44.4%;top: 48%;}
.cochg-sec3 .sec-item .step4{left: 55.8%;top: 24%;}
.cochg-sec3 .sec-item .step5{left: 66.6%;top: 7%;}
.cochg-sec3 .sec-item .step6{left: 78.7%;top: 22%;}

  /* 招聘岗位 */

.job-card {
            max-width: 65%;
            width: 100%;
            background: #ffffff;
			margin:0 auto;
			text-align: center;
            border-radius: 0px;
            box-shadow: 0 8px 20px rgba(0, 20, 40, 0.1);
            overflow: hidden;
            border: 1px solid #d9e1e8;
        }

        /* 头部 - 类似原网站标题区 */
        .card-header {
            background:#fff;
            color: #0060bf;
            padding: 24px 30px;
        }

        .card-header h1 {
            font-size: 30px;
            font-weight: 500;
            margin-bottom: 8px;
            letter-spacing: 1px;
        }

        .card-header p {
            font-size: 16px;
            color: #333;
        }

        /* 表格容器 */
        .table-container {
              padding: 25px 30px;
            background: #ffffff;
            max-height: auto;
            overflow-y: auto;
        }

        /* 招聘表格 - 完全参照原网站风格 */
        .job-table {
            width: 100%;
            border-collapse: collapse;
            background: white;
            border-radius: 3px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.02);
        }
   /* 固定表头 - 关键样式 */
        .job-table thead {
            position: sticky;
            top: 0;
            z-index: 10;
            background: #f0f6fc;
        }
        .job-table th {
            background: #0060bf;
            color: #fff;
            font-weight: 600;
            font-size: 16px;
            padding: 16px 12px;
            border-bottom: 2px solid #cbd6e4;
            text-align: center;
            white-space: nowrap;
		   box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }

        .job-table td {
             height: 100px; 
            border-bottom: 1px solid #e0e8f0;
           
            color: #2c4056;
            font-size: 15px;
            vertical-align: middle;
            background: white;
        }

        /* 职位名称特殊样式 */
        .job-title {
			width: 20%;
			 text-align: left;
			 padding: 16px 0 0 5%;
            font-weight: 600;
            color: #0a3147;
            font-size: 15px;
        }
		.number-badge {
			width: 5%;
			text-align:center;
			 padding: 16px 0 0 5%;
            font-weight: 400;
            color: #0a3147;
            font-size: 16px;
        }
		
		.qualification-badge {
			width: 15%;
			 padding: 16px 0 0 5%;
            font-weight: 400;
            color: #0a3147;
            font-size: 15px;
        }
		
        /* 薪资标签 */
        .salary-badge {
			width: 70%;
			 padding: 16px 0 0 5%;
            background: #fff;
            color: #0060bf;
            padding: 5px 12px;
            border-radius: 5px;
            font-weight: 500;
            font-size: 15px;
            display: inline-block;
            border: 0px solid #b8d2ec;
        }

        /* 查看详情按钮 - 关键交互区 */
        .detail-toggle {
				width: 70%;
            display: inline-block;
            background: #13a444;
            color: white !important;
            border: none;
            padding: 8px 22px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 400;
            cursor: pointer;
            transition: all 0.2s;
            text-decoration: none;
            border: 1px solid #13a444;
            box-shadow: 0 2px 5px rgba(0,60,120,0.2);
        }

        .detail-toggle:hover {
            background: #0060bf;
            border-color: #0060bf;
            box-shadow: 0 5px 12px rgba(0,60,120,0.25);
            transform: translateY(-1px);
        }

        /* 展开详情行 - 默认隐藏 */
        .expand-row {
            display: none;
        }

        /* 展开状态 */
        .expand-row.show {
            display: table-row;
        }

        /* 展开内容的单元格样式 - 跨两列 */
        .expand-content {
            background: #f8fbfe;
            padding: 25px 30px !important;
            text-align: left;
            border-top: 2px solid #0060bf;
            border-bottom: 1px solid #0060bf;
        }

        /* 内部内容布局 - 完全参照原网站“测试测试”的格式 */
        .detail-box {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
        }

        .detail-col {
            flex: 1 1 300px;
        }

        .detail-col h4 {
            color: #1e3e60;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 18px;
            padding-bottom: 8px;
            border-bottom: 1px solid #13a444;
            letter-spacing: 0.5px;
        }

        .detail-col ul {
            list-style: none;
        }

        .detail-col li {
            margin-bottom: 14px;
            color: #2c4059;
            font-size: 15px;
            line-height: 1.6;
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }

        .detail-col li::before {
            content: "•";
            color: #1a5a8c;
            font-weight: bold;
            font-size: 18px;
            flex-shrink: 0;
        }

        /* 任职要求特殊标记 */
        .req-tag {
            background: #e1eefb;
            color: #0e4170;
            padding: 2px 12px;
            border-radius: 20px;
            font-size: 13px;
            margin-left: 12px;
        }

        /* 在线咨询按钮 - 参考原页面 */
        .consult-btn {
            background: #e5a00d;
            color: white;
            border: none;
            padding: 8px 20px;
            border-radius: 30px;
            font-size: 14px;
            cursor: pointer;
            transition: 0.2s;
            border: 1px solid #c88907;
            margin-top: 10px;
            display: inline-block;
        }

        .consult-btn:hover {
            background: #cc8f0b;
        }

        /* 客服聊天模拟 (装饰) */
        .chat-sim {
            margin-top: 25px;
            background: #f1f7fd;
            border-radius: 50px;
            padding: 12px 25px;
            display: flex;
            align-items: center;
            gap: 15px;
            border: 1px solid #cbdae9;
        }

        .chat-sim span {
            color: #1d5c8b;
            font-size: 14px;
        }

        .chat-sim input {
            border: 1px solid #b8cde0;
            border-radius: 40px;
            padding: 8px 20px;
            flex: 1;
            outline: none;
        }

        .chat-sim button {
            background: #1a5a8c;
            color: white;
            border: none;
            padding: 8px 28px;
            border-radius: 40px;
            cursor: default;
            opacity: 0.8;
        }

        /* 提示小字 */
        .footnote {
            margin: 30px 0 10px 0;
            color: #7f8fa0;
            font-size: 14px;
            text-align: right;
        }