/*reset*/
*{box-sizing: border-box;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:20px;}
body{margin: 0; padding: 0; background:#fff; font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "Microsoft YaHei", "PingFang SC", Arial, sans-serif;position: relative;}
input:focus {outline: none;}
html,body{width:100%; height:100%;}
a{text-decoration: none; outline:none;}
ul,li,dl,dt,dd,ol{ margin:0; padding:0; list-style:none;}
em,i{ font-style:normal; margin:0; padding:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
a:link,a:visited{outline:none; text-decoration: none; color: #0e9aa0;background: transparent; blr:expression(this.onFocus=this.blur());}
a:hover{color: #34c2db; outline:none; text-decoration: none;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display:none;}
.swiper-button-prev{width:30px;height:51px; background:url(../images/arrow_left.png) no-repeat center center;}
.swiper-button-next{width:30px;height:51px; background:url(../images/arrow_right.png) no-repeat center center;}
.swiper-button-next,.swiper-button-prev{outline: none;}
.swiper-pagination-bullet{opacity:0.1;}
.swiper-pagination-bullet-active{background:#000; opacity:0.5;}

.rotate {
    transform: rotate(90deg);
    transition: transform 0.3s ease-in-out;
}

/*主tab*/
.tabs{height:auto; border:0; display: flex; justify-content:center; align-items:center; text-align: center; margin:0px;}
.tabs li{width:18%; height:auto; text-align:center; position: relative; border:0; margin:0 2.5%;}
.tabs>li>a{width:100%; height:3rem; overflow:hidden; display: block; text-align:center; border-radius:0.5rem; background: #fff; border:2px #169fac solid; position: relative; padding:0; box-shadow:0 0.2rem 0.4rem rgba(215,22,52,0.3);}
.tabs>li>a p{font-size:1.1rem; line-height:2.8rem; color:#169fac;}
.tabs>li>a:hover{background: #fff; border:2px #169fac solid; }
.tabs>li>a:hover p{color:#169fac; font-weight: bold;}
.tabs>li.active>a, .tabs>li.active>a:focus, .tabs>li.active>a:hover{ background:#169fac; border:2px #169fac solid; }
.tabs>li.active a p,.tabs>li.active a:hover a p,.tabs>li.active a:link a p,.tabs>li.active a:focus a p{font-weight: bold;}

/*子tab*/
.stabs{height:auto; border:0; display: flex; justify-content:center; align-items:center; margin:0px; text-align: center;}
.stabs li{width:15%; height:auto; margin:0; text-align:center; position: relative; border:0;}
.stabs>li>a{width:100%; height:2.2rem; overflow:hidden; display: block; text-align:center; border-radius:0.5rem; background: none; border:0; position: relative; padding:0; }
.stabs>li>a p{font-size:1rem; line-height:2rem; display: inline-block; color:#333; padding:0 0.75rem;}
.stabs>li>a:hover{background:#fff; border:0;}
.stabs>li>a:hover p{color:#169fac; border-bottom:3px #169fac solid;}
.stabs>li.active>a, .stabs>li.active>a:focus, .stabs>li.active>a:hover{ background:none; border:0;}
.stabs>li.active a p,.stabs>li.active a:hover a p,.stabs>li.active a:link a p,.stabs>li.active a:focus a p{color:#169fac; font-weight: bold; border-bottom:3px #169fac solid;}


.tab-content{width:100%; height:auto; background:none; }
.tab-content .tab-pane{width:100%;}

/*public*/
.banner{height:auto;overflow: hidden; position: relative; }
.banner img{width:100%;display: block;}
.header{ width:100%; height:4.5rem; transition:all 0.6s ease; position: fixed; top: 0; z-index:999; left:0;}
.header .logo{height:auto;overflow: hidden; float: left; margin:1rem 0 0 0px;}
.header .logo img{display: block;}
.header .menu{width:auto; float: right; margin:1.5rem 0px 0 0;}
.header .menu li{margin:0 2rem; float: left; position: relative;}
.header .menu li a{font-size:1rem;color:#333; display: block; padding-bottom:0.5rem;}
.header .menu a:hover{ border-bottom:3px #fff solid; color: #fff; font-weight:bold;}
.header .menu li.active a{ border-bottom:3px #fff solid; color: #fff; font-weight:bold;}
.header.active{ background:linear-gradient(to right,#1ebef8 0%,#3bccf0 50%, #56dbe9 100%) ;}
.box_con{height: auto; overflow:hidden; text-align:left;}
.box_tit{height:108px; overflow: hidden; text-align:center; background:url(../images/tbg.png) no-repeat center top; margin:0 auto 2rem auto; }
.box_tit h1{font-size:1.8rem; color:#fff; line-height:108px; font-weight:normal;letter-spacing: 5px;font-style: oblique;}
.box_tit h1 span{ font-weight: bold;}
a.abtn{width:200px; display:block; height:50px; line-height:50px; overflow:hidden; text-align: center; font-size:18px; color:#f50028; border:1px #f50028 solid; margin:20px auto;}
a.abtn:hover{background:#f50028; color:#fff;}
.mainbody{height: auto; position: relative; z-index:1; margin-top:5rem;}
.footer{ height:auto; overflow: hidden; background:linear-gradient(to right,#1ebef8 0%,#3bccf0 50%, #56dbe9 100%) ; padding:1rem 0; text-align: center;}
.footer img{}
.footer p{color:#fff; font-size:0.75rem; line-height:1.8; }
.footer a:link,.footer a:visited{color: #fff;}
.footer a:hover{color: #c00000;}

/*index*/
.index{width:100%; height:100%; overflow: hidden; background:#0e9aa0 url(../images/indexbg.jpg) no-repeat center top; background-size:100% 100%; position: relative;}
.index .logo{ display: block; position: absolute; top:4%; left:3%; z-index:1;}
.index a.indexbtn{width:100%; height:100%; display: block; overflow: hidden; text-align: center;}
.index a.indexbtn img{ width:256px; display: block; position: absolute; right:12%; bottom:5%; transition:all 0.6s ease; -webkit-animation:my 1.5s infinite ease-in-out;}
/* .index a.indexbtn:hover img{ transform:scale(1.1);} */
@-webkit-keyframes my{
    0%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.1);
    }
    100%{
        transform:scale(1);
    }
}

/* about */
.about .pagebox1{padding:0 0 2rem 0; position: relative;}
.about .pagebox1 img{width:100%; display: block; margin:3rem auto;}
.about .pagebox1 .img2{display: block;width: 100%;max-width: 839px; margin:6rem auto 4rem auto;}
.about .pagebox1  p{font-size:20px; color: #333; line-height:2.2; text-indent: 2em;margin-bottom: 30px}
.about .pagebox2{padding:1rem 0 5rem 0; position: relative;}
.about .pagebox2 img{width:100%; display: block; margin:3rem auto 1rem auto;}
.about .pagebox2 .box_list{margin:0 5%; display: flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.about .pagebox2 .box_list li{width:48%; height:240px; overflow: hidden; background:-webkit-linear-gradient(-45deg,#1a95ff,#28b6ff); display: flex; justify-content: center; align-items: center; flex-direction:column; text-align: center; border-radius:1rem; font-size:1rem; color:#fff; line-height:2; margin:1rem 0;}
.about .pagebox2 .box_list li strong{font-size:2rem; font-weight: bold; margin:0 0.5rem; }
.about .pagebox3{padding:6rem 0 6rem 0; background:#f1fbf5;}
.about .pagebox3 img{width:100%; max-width:850px; display: block; margin:3rem auto 1rem auto;}
.about .pagebox4{padding:4rem 0 4rem 0;}
.about .pagebox4 .box_con img{width:100%; display: block; margin:0 auto; max-width:1076px;}
.about .pagebox5{margin-top: -20%}
.about .pagebox5 .box_con img{width:100%; display: block; margin:0 auto; }


/* job */
.job .pagebox1{padding-top: 2rem; padding-bottom:4rem;}
.job .ltab{width:260px; height: auto;overflow: hidden; float: left; min-height:30rem; padding:0.28rem 1rem 0 0; margin:3rem 0 0 0; }
.job .ltab li{height:auto;overflow: hidden; width:100%; border-bottom:1px #ddd dashed; padding:0 0;}
.job .ltab li a{width:100%; display: block; padding:0.75rem; font-size:0.9rem; text-align: center; border-radius:0.5rem; color:#333;cursor:pointer;}
.job .ltab li:last-child{border:0;}
.job .ltab li.active {}
.job .ltab li.active a{color: #000;}
.job .ltab li a img{position: absolute; top:20px ;right:30px}


.job .ltab li:hover  a{background:linear-gradient(to right,#3dbdcf 0, #44dbc2 50% ,#f1e18b 100%);  color:#fff; border:0; }

.job .ltab li .content a{color:#333;background: #f1fbf5;border-radius:0;width: 95%;margin: 0 auto;
}
.job .ltab li .content a:hover{color:#169fac; }
.job .ltab li .content .pick{color:#169fac; }
.job .ltab>li.active>a, .ltab>li.active>a:focus, .ltab>li.active>a:hover {background:linear-gradient(to right,#3dbdcf 0, #44dbc2 50% ,#f1e18b 100%);  color:#fff; border:0; }
.job .tabCon{width:auto; height: auto; overflow: hidden; padding:0 0 0  1rem; min-height:20rem;}
.job .tabCon .tab-content{padding:1rem 0 0 0;}
.job .pagebox2{padding:3rem 0 4rem 0; position: relative;}
.job .pagebox2 img{width:100%; max-width:265px; display: block; margin:3rem auto 1rem auto;}
.job .pagebox3{padding:4rem 0 4rem 0;background-color: #f0f9ff;}
.job .pagebox3 img{width:100%; display: block; margin:2.5rem auto 1rem auto;}
.job .pagebox3 .img1{max-width:1069px; margin-bottom:6rem;}
.job .pagebox3 .img2{max-width:918px;}
.job .pagebox4{padding:5rem 0 4rem 0; position: relative;}
.job .pagebox4 img{width:100%; display: block; max-width:927px; margin:2rem auto 1rem auto;}

.job  .list_tit{height:3rem; line-height:3rem; overflow: hidden; background:#27adfd; display: flex; justify-content:space-between; align-items: center; border-radius:0.5rem;}
.job  .list_tit span{font-size:0.8rem; color:#fff;}
.job  .list_tit span.t1{width:52.5%; padding:0 0 0 1.5rem; text-align: left;}
.job  .list_tit span.t2{width:30%; text-align: left;}
.job  .list_tit span.t3{width:20%; text-align: right; padding:0 1.5rem 0 0;}
.job .job_list{height: auto;overflow: hidden;}
.job .job_list li{height:auto;overflow: hidden;  border-radius:10px; position: relative; margin-bottom:1rem;}
.job .job_list li .list_top{ height: auto; overflow:hidden; background:#dff6f4; padding:0.5rem 1rem; display: block;}
.job .job_list li .list_top strong{font-size:1rem; color:#666666; text-align:left; float: left; display: block; margin:0.35rem 0 0 0;}
.job .job_list li .list_top span{font-size:0.75rem; color:#666; text-align:left; float: left; display: block; }
.job .job_list li .list_top .t1{width:50%;}
.job .job_list li .list_top .t2{width:30%;}
.job .job_list li .list_top .t0{display: block; width:0; height:0; transition:all 0.4s ease;border-top:0.4rem solid transparent;border-bottom:0.4rem solid transparent; border-left:0.6rem solid #3cbdcf; float: left; margin:0.6rem 0.75rem 0 0 ;}
.job .job_list li a.list_btn{width:auto; height:42px;line-height:42px; background:linear-gradient(to right,#3dbdcf 0, #44dbc2 50% ,#f1e18b 100%);  font-size:0.9rem; color:#fff; display:block; border-radius:0.3rem; padding:0 2rem; border:0; float: right; margin:0 0rem 0 0; }
.job .job_list li a.list_btn:hover{opacity:0.6;}
.job .job_list li .list_con{height: auto;overflow: hidden;clear: both; margin:0px 20px 0 20px;padding:10px 0 0 0px; text-align: left; display: none; border-top:1px #eee solid;}
.job .job_list li .list_con h4{font-size:16px; margin:10px 0; color:#333;}
.job .job_list li .list_con p{font-size:14px; line-height:1.6; color:#666;}
.job .job_list li.active{background:#f0f8ff;}
.job .job_list li:hover .list_top strong{color: #23a5b1}
.job .job_list li.active a strong{color:#fff;}
.job .job_list li.active a span{color:#fff;}
.job .job_list li.active a .t3 em{border-top:0.4rem solid #fff; transform:rotate(180deg);}
.job .job_list li.active .list_top .t1{font-weight: bold;}
.job .job_list li.nodata{text-align:center;color:#999; padding:2rem;}
.job .intro{height:auto; overflow: hidden; text-align: left;}
.job .intro p{font-size:0.8rem; line-height:2; color: #333; margin-bottom:1rem;text-indent: 2em;}
.job .intro img{width:100%; display: block;}
.job .intro .imglist{height: auto; overflow: hidden; padding:0.75rem 0; display: flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
.job .intro .imglist li{width:49%; margin:0 0 1rem 0;}
.job .intro .imglist li.big{width:100%;}
.job .nodata{
    background: #f1fbf5;
    padding: 30px;
    text-align: center;
    font-size: 20px;
}
.container {
    width: 100%;
    height: auto;
    padding-right:0px;
    padding-left:0px;
    margin:0 auto;
    position: relative;
    z-index:1;
}
@media screen and (min-width:1000px){
    .container {
        max-width:1200px;
    }
}
@media screen and (max-width:1000px){
    .container {
        padding-right:1rem;
        padding-left:1rem;
    }
    .banner{}
    .header{height:4rem;}
    .header .logo{margin:0.75rem 0 0 0px;}
    .header .logo img{height:2.5rem;}
    .header .menu{margin:1.2rem 0px 0 0;}
    .header .menu li{margin:0 2rem;}
    .box_tit{height:108px;  margin:0 ; background-size: 45% 80%}
    .box_tit h1{font-size:1.6rem;line-height: 90px}
    .box_tit1{height:94px; padding-top:0.75rem; margin:0 auto 1rem auto; }
    .box_tit1 h1{font-size:1.8rem;}
    .mainbody{margin-top:0rem;}
    .footer{padding:1rem 0;}
    .footer img{}

    /*index*/
    .index{background:url(../images/wapIndex.jpg) no-repeat center top; background-size:100% 100%;}
    .index .logo{width:25%; top:2.5rem; left:2rem; z-index:1;}
    .index a.indexbtn img{width:40%; left:30%; top:60%; }

    /* about */
    /*.about .pagebox1{padding:2rem 0 1rem 0; }*/
    .about .pagebox1 img{ margin:2rem auto;}
    .about .pagebox1 .img2{ margin:4rem auto 2rem auto;}
    .about .pagebox2{padding:1rem 0 2rem 0; }
    .about .pagebox2 img{margin:2rem auto 1rem auto;}
    .about .pagebox3{padding:4rem 0 4rem 0; }
    .about .pagebox3 img{ max-width:916px; margin:2rem auto 1rem auto;}
    .about .pagebox4{padding:4rem 0 1rem 0;}
    .about .pagebox4 .box_con img{margin:2rem auto;}
    .about .pagebox5{padding:2rem 0 0 0;}
    .about .pagebox5 .box_con img{width:100%; display: block;  }


    /* job */
    .job{}
    .job .ltab{width:32%; padding:0 1rem 0 0; }
    .job .ltab li a{padding:20px 0; font-size:1rem;}
    .job .stabs li{width:30%;}
    .job .tabCon{width:auto; height: auto; overflow: hidden; border-left:1px #ddd solid; padding:0 0 0 1.5rem; min-height:20rem;}
    .job .tabCon .tab-content{padding:1rem 0 0 0;}
    .job .job_list li a.list_top{padding:18px 0px 18px 20px;}
    .job .job_list li a strong{font-size:1rem;}
    .job .job_list li a span{font-size:0.7rem;}
    .job .job_list li .list_btn {height:auto;overflow: hidden; margin:0.5rem 0;}
    .job .job_list li .list_con{margin:0px 20px 0 20px;padding:10px 0 0 0px;}
    .job .job_list li .list_con p{font-size:0.8rem; }
    .job .pagebox1{padding-top: 2rem; padding-bottom:2rem;}
    .job .pagebox2{padding:2rem 0 2rem 0;}
    .job .pagebox2 img{margin:2rem auto 1rem auto;}
    .job .pagebox3{padding:4rem 0 2rem 0;}
    .job .pagebox3 img{margin:2rem auto 1rem auto;}
    .job .pagebox3 .img1{ margin-bottom:4rem;}
    .job .pagebox3 .img1{}
    .job .pagebox4{padding:4rem 0 4rem 0;}
    .job .pagebox4 img{margin:2rem auto 1rem auto;}
    .job .ltab li a img{position: absolute; top:27 px ;right:30px}
}
/* list_top 与箭头 */
.job_list .list_top {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 10px 12px;
}
.job_list .list_top .t0 {
    display: inline-block;
    width: 0; height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #333;      /* 小三角 */
    transition: transform .2s ease;  /* 旋转动画 */
    transform-origin: 50% 45%;
    margin-right: 4px;
}
.job_list .list_top.is-open .t0 {
    transform: rotate(90deg);       /* 展开时旋转 180° */
}

/* 详情容器 */
.job_list .list_body {
    padding: 8px 14px 12px;
    background: #fafafa;
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
    border-bottom: 2px solid #eee;
}

/* 字段一行一个 */
.job_list .list_extra span {
    display: block;
    line-height: 1.7;
    margin: 2px 0;
}

/* 职责列表 */
.list_duty { margin-top: 8px; }
.list_duty .label { display: inline-block; font-weight: 600; margin-bottom: 4px; color: #000;font-size: 18px }
.list_duty .duty { margin: 0 0 0 18px; padding: 0;}
.list_duty .duty li { list-style: disc; line-height: 1.7;margin-bottom: 0; }
/* 顶层“广物优车”行：左右布局，右侧放箭头 icon */
.ltab li.has-children > a.main-company {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    flex-direction: column;
}

/* 子级列表缩进 */
.ltab .ltab-sub {

    padding-left: 0;
    list-style: none;
}

/* 子项：默认不加粗，颜色继承父级（保持和整体风格一致） */
.ltab .ltab-sub li a p {
    font-weight: 400;
    color: inherit;
}

/* 子项 hover / active 背景全部干掉，只保留文本样式控制 */
.ltab .ltab-sub li a,
.ltab .ltab-sub li a:hover,
.ltab .ltab-sub li.active > a {
    background: transparent !important;
    color: #333 !important;
}

/* 子项“选中态”：文字颜色 44dbc2 + 加粗 */
.ltab .ltab-sub li.active a p {
    color: #44dbc2;
    font-weight: 600;
}