﻿*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;}
body,textarea,input,button,select,keygen,legend{font-size:14px;color:#7c7875;outline:0;font-family:Jost, Arial, sans-serif;}
html,body{width:100%;position:relative;}
html{font-size:calc(100vw / 19.2);}
body{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#333;}
a:hover{color:#2464c3;}
/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1600{width:1600px;max-width: 95%; margin:auto;}
.w1440{width:1440px;max-width: 95%; margin:auto;}
.w1380{width:1380px;max-width: 95%; margin:auto;}
.w1200{width:1200px;max-width: 95%; margin:auto;}
.w1000{width:1000px;max-width: 95%; margin:auto;}
.w800{width:800px;max-width: 95%; margin:auto;}
.pd95{padding-left: 45px;padding-right: 45px;}
.pd06{padding-left: 6%;padding-right: 6%;}
.pdt60{padding-top: 60px;padding-bottom: 60px;}
.pdt30{padding-top: 30px;padding-bottom: 30px;}
.pd12{padding-left: 12%;padding-right: 12%;}
.pdtop0{padding-top: 0;}
/* 全局样式 */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei","思源黑体",sans-serif;}
body{color:#333;line-height:1.6;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
.container{max-width:1200px;margin:0 auto;padding:0 15px;}
.btn{display:inline-block;padding:10px 20px;border-radius:4px;font-weight:bold;transition:all 0.3s;}
.btn-primary{background-color:#FF6B00;color:white;border:1px solid #FF6B00;}
.btn-primary:hover{background-color:#E05E00;}
.btn-outline{background-color:transparent;color:#FF6B00;border:1px solid #FF6B00;}
.btn-outline:hover{background-color:#FF6B00;color:white;}
.section{padding:60px 0;}
.section-title{text-align:center;margin-bottom:40px;font-size:28px;color:#1A3E72;position:relative;}
.section-title:after{content:"";display:block;width:60px;height:3px;background-color:#FF6B00;margin:15px auto 0;}

.top_bg{position: relative;left: 0;top: 0;right: 0;z-index: 9;-webkit-transition: 0.5s;transition: 0.5s;background: #fff;}
.top_t{background:#efefef;position: relative;}
.top_t .container{display: flex;align-items: center;align-content: center;justify-content: space-between;}
.top_t .l{ font-size:14px;line-height:45px;color:#333;}
.top_t .r{display: flex;align-items: center;}
.top_t .r .top_ss{position: relative;margin-right: 10px;}
.top_t .r .top_ss input{display: block;width: 220px;line-height: 30px;color: #333;font-size: 14px;height: 30px;padding: 0 50px 0 10px;background: #fff;}
.top_t .r .top_ss a{position: absolute;right: 0;top: 0;width: 45px;line-height: 30px;color: #333;font-size: 18px;}
.top_t .r a{font-size:14px;line-height:45px;color:#333;padding: 0 15px;background: url('../img/hea-xt.png') right center no-repeat;-webkit-transition: 0.5s;transition: 0.5s;}
.top_t .r a:last-child{background:none;}
.top_t .r a:hover{color:#FF6B00;}
.top_h{display: flex;align-items: center;align-content: center;justify-content: space-between;height: 136px;}
.top_h .logo_bg{display: flex;align-items: center;align-content: center;}
.top_h .logo{}
.top_h .logo img{display: block;height:70px;}
.top_h .logo_ewm_bg{display: flex;}
.top_h .logo_ewm{width: 100px;margin-right: 30px;padding-top: 5px;}
.top_h .logo_ewm img{display: block;width: 100%;}
.top_h .lxys{padding-top: 8px;}
.top_h .top_ys{}
.top_h .top_ys ul{display: flex;}
.top_h .top_ys ul li{text-align: center;width: 66px;margin-left: 12px;}
.top_h .top_ys ul li:first-child {margin-left: 0;}
.top_h .top_ys ul li .tb{font-size: 20px;line-height: 20px;color: #1A3E72;}
.top_h .top_ys ul li .txt{font-size: 14px;line-height: 28px;color: #333;}
.top_h .logo_lx{display: flex;align-items: center;justify-content: flex-end;}
.top_h .logo_lx .tb{font-size: 36px;line-height: 36px;color: #FF6B00;}
.top_h .logo_lx .nr{font-size: 32px;line-height: 52px;color: #FF6B00;font-family: "Impact";padding-left: 10px;}
.dh_bg{position: relative;background: #1A3E72;}
.dh{position: relative;z-index: 1;width: 1280px;margin: auto;max-width: 100%;}
.dh ul{display: flex;align-items: center;justify-content: space-between;}
.dh ul li{position: relative;width: 16.666%;}
.dh ul li p{padding-left: 2px;}
.dh ul li p:after{content: "";position: absolute;left: 0;top: 0;width: 2px;height: 60px;background: url('../img/dh_bg.png') center no-repeat;}
.dh ul li:first-child p{padding-left: 0;}
.dh ul li:first-child p:after{display: none;}
.dh ul li p a{display: block;line-height:60px;font-size:16px;color:#fff;text-align:center;-webkit-transition:0.5s;transition:0.5s;}
.dh ul li:hover p a{background: #FF6B00;}
.dh ul li.on p a{background: #FF6B00;}
.dh ul li .dh_fl{position: absolute;left: 0;top: 60px;width:100%;display: none;background: #fff;overflow: hidden;}
.dh ul li .dh_fl ul{display: block;padding: 10px 0;}
.dh ul li .dh_fl ul li{width: 100%;}
.dh ul li .dh_fl ul li a{display: block;font-size: 14px;line-height: 45px;color: #666;white-space: nowrap;text-align: center;-webkit-transition:0.5s;transition:0.5s;}
.dh ul li .dh_fl ul li a:hover{background: #FF6B00;color: #fff;}

/* Banner区域 */
.banner{width:100%;overflow:hidden;position:relative;}
.banner ul li{overflow:hidden;position:relative;}
.banner ul li img{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.banner ul li video{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.bandd{position:absolute; left:0; bottom:25px!important; width:100%; text-align:center; z-index:5;display: flex;align-items: center;justify-content: center;}
.bandd span{z-index:2;cursor:pointer;margin:0 8px!important;width:8px;height:8px;position:relative;-webkit-transition:0.5s;transition:0.5s;background:rgba(255, 255, 255, 0.5);opacity: 1!important;}
.bandd span.swiper-pagination-bullet-active{background:#fff;}
.bandd span:after{content: "";position: absolute;left: -6px;top: -6px;border: 1px solid #fff;width: 18px;height: 18px;border-radius: 50%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition:0.5s;transition:0.5s;}
.bandd span.swiper-pagination-bullet-active:after{-webkit-transform: scale(1);transform: scale(1);}
.banz,.bany{position:absolute; top:50%; width:50px; height:50px;margin-top: -25px; opacity:0;-webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 20px;line-height:50px;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.1);border-radius: 50%;}
.banz{left:5%;}
.bany{right:5%;}
.banner:hover .banz,.banner:hover .bany{opacity:1;}
/* 公司简介 */
.about-section{background-color:white;}
.about-container{display:flex;align-items:center;gap:50px;}
.about-image{flex:1;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.about-image img{width:100%;height:auto;transition:transform 0.5s;}
.about-image:hover img{transform:scale(1.05);}
.about-content{flex:1;}
.about-title{font-size:24px;color:#1A3E72;margin-bottom:20px;}
.about-text{margin-bottom:20px;color:#555;}    
/* 业务板块 */
.services{background-color:#F8F9FA;}
.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.service-card{display: block;background-color:white;border-radius:8px;padding:20px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s,box-shadow 0.3s;}
.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.1);}
.service-icon{font-size:40px;color:#FF6B00;margin-bottom:20px;}
.service-title{font-size:18px;font-weight:bold;margin-bottom:15px;color:#1A3E72;}
/* 服务第一 */
.service-first{background-color:#1A3E72;color:white;text-align:center;position:relative;overflow:hidden;}
.service-first:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('../img/sy_fw.jpg') center/cover no-repeat;opacity:0.1;z-index:0;}
.service-first .container{position:relative;z-index:1;}
.service-first-title{font-size:32px;margin-bottom:20px;color:white;}
.service-first-subtitle{font-size:14px;max-width:800px;margin:0 auto 40px;color:rgba(255,255,255,0.9);}
.service-features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;}
.service-feature{background-color:rgba(255,255,255,0.1);backdrop-filter:blur(5px);border-radius:8px;padding:40px 30px;transition:all 0.3s;}
.service-feature:hover{background-color:rgba(255,107,0,0.2);transform:translateY(-5px);}
.service-feature-icon{font-size:50px;color:#FF6B00;margin-bottom:20px;}
.service-feature-title{font-size:20px;font-weight:bold;margin-bottom:15px;}
.service-feature-desc{color:rgba(255,255,255,0.8);}
@media (max-width:768px){
	.service-features{grid-template-columns:1fr;}
	.service-first-title{font-size:28px;}
	.service-first-subtitle{font-size:16px;}
}
/* 优势板块 */
.advantages{text-align:center;}
.advantages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.advantage-item{padding:30px 20px;background: #fff;box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.advantage-number{font-size:36px;font-weight:bold;color:#FF6B00;margin-bottom:10px;}
.advantage-title{font-size:18px;color:#1A3E72;margin-bottom:10px;}
/* 新闻与招聘 */
.news-section{background-color:#F8F9FA;}
.news-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.news-box,.jobs-box{background-color:white;border-radius:8px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.box-title{font-size:20px;color:#1A3E72;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;}
.news-item,.job-item{padding:15px 0;border-bottom:1px dashed #eee;}
.news-item:last-child,.job-item:last-child{border-bottom:none;}
.news-date{font-size:14px;color:#999;}
.news-title{font-weight:500;margin:5px 0;}
.news-item .news-title{font-weight: bold;}
.job-title{font-weight:500;margin-bottom:5px;}
.job-info{font-size:14px;color:#666;}
.view-more{text-align:right;margin-top:15px;}
/* 招贤纳仕页面样式 */
.jobs-section{padding:60px 0;background-color: #f8f9fa;}
.jobs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
.job-item{background-color:white;border-radius:8px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s,box-shadow 0.3s;}
.job-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.1);}
.job-title{font-size:20px;color:#1A3E72;margin-bottom:15px;}
.job-info p{margin-bottom:10px;color:#666;}
.job-desc p{color:#555;line-height:1.8;}
.job-gd{margin-top: 10px;}
@media (max-width:768px){
    .jobs-grid{grid-template-columns:1fr;}
}
.news-box,.jobs-box{width: 100%;background-color:white;border-radius:8px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.box-title{font-size:20px;color:#1A3E72;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;}
.news-item{padding:15px 0;border-bottom:1px dashed #eee;}
.news-item:last-child{border-bottom:none;}
.news-date{font-size:14px;color:#999;}
.news-title{font-weight:500;margin:5px 0;}
.job-title{font-weight:500;margin-bottom:5px;}
.job-info{font-size:14px;color:#666;}
.view-more{text-align:right;margin-top:15px;}
/* 客户案例 */
.clients{text-align:center;}
.client-logos{margin-top:30px;}
.client-logos ul{}
.client-logos ul li{}
.client-logos ul li img{width:100%;margin: 0 1% 1% 0;/*filter:grayscale(100%);opacity:0.7;*/transition:all 0.3s;border: 1px solid #eee;}
.client-logos ul li img:hover{filter:grayscale(0);opacity:1;}
.about-intro {
    background-color: #f8f9fa;
    padding: 60px 0;
    position: relative;
}

.about-content {
    font-size: 14px;
    line-height: 2;
    color: #555;
}

.about-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.stat-item {
    text-align: center;
    padding: 30px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition:all 0.3s;
}
.stat-item:hover {
    transform: translate(0,-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.stat-number {
    font-size: 36px;
    font-weight: bold;
    color: #FF6B00;
}

.stat-text {
    font-size: 16px;
    color: #1A3E72;
}

.timeline-section {
    background-color: white;
    padding: 60px 0;
    position: relative;
}

.timeline {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

.timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #FF6B00;
    left: 50%;
    margin-left: -2px;
}

.timeline-item {
    padding: 20px 40px;
    position: relative;
    width: 50%;transition:all 0.3s;
}
.timeline-item:hover {
    transform: translate(0,-5px);
}

.timeline-item:nth-child(odd) {
    left: 0;
}

.timeline-item:nth-child(even) {
    left: 50%;
}

.timeline-date {
    font-size: 18px;
    font-weight: bold;
    color: #1A3E72;
    padding-left: 20px;
}

.timeline-content {
    padding: 20px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s;
}
.timeline-content:hover{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}

.honors-section {
    background-color: #f8f9fa;
    padding: 60px 0;
    position: relative;
}
.about_dw{position: absolute;top: -80px;}
/* 企业文化 */
.culture-section {
    background-color: white;
    padding: 60px 0;
    position: relative;
}

.culture-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.culture-item {
    text-align: center;
    padding: 40px 30px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition:all 0.3s;
}
.culture-item:hover {
    transform: translate(0,-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.culture-icon {
    font-size: 40px;
    color: #FF6B00;
    margin-bottom: 20px;
}

.culture-item h3 {
    font-size: 20px;
    color: #1A3E72;
    margin-bottom: 15px;
}

.culture-item p {
    font-size: 14px;
    color: #555;
    line-height: 2;
}

.honors-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.honor-item {
    text-align: center;
    padding: 40px 30px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition:all 0.3s;
}
.honor-item:hover {
    transform: translate(0,-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.honor-icon {
    font-size: 40px;
    color: #FF6B00;
    margin-bottom: 20px;
}

.team-section {
    background-color: white;
    padding: 60px 0;
    position: relative;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.team-member {
    text-align: center;
    padding: 30px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	line-height: 2;transition:all 0.3s;
}
.team-member:hover {
    transform: translate(0,-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.team-member img {
    width:100px;
    border-radius: 50%;
    margin:0 auto 10px;
}

.bat .img{overflow: hidden;}
.bat .img img {display: block;width: 100%;}

/* 底部 */
.footer{background-color:#1A3E72;color:white;padding:60px 0 20px;}
.footer-container{display: flex;margin-bottom: 40px;justify-content: space-between;align-content: flex-start;align-items: flex-start;}
.footer-col2{display: flex;}
.footer-title{font-size:18px;font-weight:bold;margin-bottom:20px;position:relative;padding-bottom:10px;}
.footer-title:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:#FF6B00;}
.footer-links li{margin-bottom:10px;}
.footer-links a{color:#ccc;transition:color 0.3s;}
.footer-links a:hover{color:white;}
.contact-info{color:#ccc;}
.contact-info p{margin-bottom:15px;display:flex;align-items:flex-start;}
.contact-info i,.contact-info em{margin-right:10px;color:#FF6B00;}
.footer-col.code{display:flex;flex-direction: column-reverse;padding-left: 20px;}
.qr-code{margin-top:15px;}
.qr-code img{width:120px;}
.copyright{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);color:#aaa;font-size:14px;}

.ny_news{background-color: #f8f9fa;}
.ny_news .container ul{display: flex;flex-wrap: wrap;}
.ny_news .container ul li{width: 49%;margin: 0 2% 2% 0;background-color:white;border-radius:8px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:all 0.3s;}
.ny_news .container ul li:nth-child(2n){margin-right: 0;}
.ny_news .container ul li:hover{transform: translate(0,-5px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.news-gd{display: flex;margin-top: 10px;}
.ny_news .container ul li .news-title{font-weight: bold;}
.ny_news .container ul li .news-desc{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.ny_fl{margin-bottom: 40px;}
.ny_fl ul{display: flex;align-items: center;justify-content: center;}
.ny_fl ul li{margin: 5px;}
.ny_fl ul li a{display: block;font-size: 14px;padding: 10px 20px;border-radius: 4px;}
.ny_fl ul li.on a{background: #FF6B00;color: white;}
.pagination {
    display: flex;
    justify-content: center;
    margin: 30px 0;
    font-size: 16px;
}

.pagination a {
    color: #333;
    padding: 4px 12px;
    margin: 0 2px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.3s ease;
    font-size: 14px;
    color: #555;
}

.pagination a:hover {
    background-color: #f5f5f5;
}

.pagination .active {
    background-color: #FF6B00;
    color: white;
    border-color: #FF6B00;
}

.pagination .prev:hover,
.pagination .next:hover {
    background-color: #FF6B00;
    color: white;
}

.news-detail2 {
    padding: 40px 0;
    line-height: 1.8;
    color: #333;
}
.news-title2 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #1a5276;
    text-align: center;
}
.news-meta {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    color: #666;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.news-meta span {
    margin: 0 15px;
}
.news-meta i {
    margin-right: 5px;
}
.news-content {
    margin: 0 auto;
}
.news-content p {
    margin-bottom: 20px;
    text-align: justify;
}
.news-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 30px auto;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.news-related {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.news-related h3 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #1a5276;
}
.news-related ul {
    list-style: none;
    padding-left: 0;
}
.news-related li {
    margin-bottom: 10px;
}
.news-related a {
    color: #3498db;
    text-decoration: none;
    transition: color 0.3s;
}
.news-related a:hover {
    color: #2874a6;
    text-decoration: underline;
}
/* 招聘详情页样式 */
.job-detail {
    margin: 40px auto;
    padding: 30px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.job-header h1 {
    color: #333;
    font-size: 28px;
    margin-bottom: 15px;
}

.job-meta {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
    color: #666;
}

.job-meta span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.job-meta i {
    color: #FF6B00;
}

.job-section {
    margin-bottom: 25px;
}

.job-section h2 {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.job-section h2 i {
    color: #FF6B00;
}

.job-section ul {
    padding-left: 20px;
    color: #555;
    line-height: 1.8;
}

.job-section li {
    margin-bottom: 8px;
}

.btn-apply {
    display: block;
    width: 200px;
    margin: 30px auto 0;
    padding: 12px;
    font-size: 16px;
    text-align: center;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .job-detail {
        padding: 20px;
    }
    
    .job-meta {
        flex-direction: column;
        gap: 10px;
    }
    
    .btn-apply {
        width: 100%;
    }
}

.service-content{line-height: 2;}
.service-content .img{float: right;width: 50%;padding: 0 0 20px 40px;}
.service-content .img img{display: block;width: 100%;border-radius: 10px;}

.li_l2{}
.li_l2 ul{display:flex;justify-content:space-between;}
.li_l2 ul li{width:48%;}