.flex{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.flex .column{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-center{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.justify-center{-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-grow{-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1}.align-center{-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.rel{position:relative}.tac{text-align:center}.tar{text-align:right}html,body{margin:0px;padding:0px;font-size:16px;min-width:1250px}p{font-size:15px;word-wrap:break-word}ul{list-style:none;padding:0px;margin:0px}h2{margin:0px}.logo{width:169px;height:52px}.section-width{width:1200px;margin:0 auto}.gradient-text{display:inline-block;background-image:linear-gradient(to right, #f3316e, #ff7c44);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}.split-block{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.split-block .left,.split-block .right{-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.split-block .left{width:50%;margin-left:-120px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;flex: 1;}.split-block .right{-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;flex: 1;}.split-block .left-inner{width:566px}.split-block:nth-of-type(even) .right{background:#ebebeb}.split-block:nth-of-type(odd) .left{background:#ebebeb}.header{position:fixed;background:#fff;left:0px;right:0px;z-index:99;top:0px;opacity:0.9}.nav{height:80px;line-height:80px;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.nav a{display:inline-block;color:#152323;margin:20px 36px 0;line-height:14px;position:relative;padding:0 5px 10px 5px;border-bottom:5px solid transparent;text-decoration:none}.nav a:not(:last-child):after{content:'';width:1px;height:14px;background:#e7e7e7;position:absolute;right:-36px}.nav a:hover,.nav a.active{border-color:#ff2b61;color:#ff2b61}.nav a:last-child{margin-right:0px}.background{margin-top:80px;overflow:hidden;position:relative}.background:before{content:'';background-image:url("../image/background-banner.12-14.jpg");background-size:cover;position:absolute;width:100%;height:100%;z-index:-1;-webkit-filter:blur(150px);filter:blur(150px)}.background .background-inner{height:724px;width:2000px;background-position:center;background-image:url("../image/background-banner.12-14.jpg")}.horizontal-line.l::before,.horizontal-line.r:after{content:'';position:absolute;height:1px}.horizontal-line.l:before{left:0px;width:620px;background:#f3316e}.horizontal-line.r:after{right:0px;width:466px;background:#ff7c44}#about{background:#f9f9f9;padding-bottom:35px}#about .block{border-radius:10px;width:1200px;height:210px;box-shadow:0px 0px 36px 14px rgba(0,0,0,0.1);-webkit-transform:translateY(-85px);transform:translateY(-85px);background:#fff}#about .block li{margin:44px 66px;font-size:14px;color:#636363;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}#about .block-icon{margin-bottom:15px;width:110px;height:110px}#about article{margin-top:-30px;padding:0 40px}#about h2{margin-bottom:28px}#about p{margin:34px 0}#about p:first-of-type{margin-top:0px}#product .left{padding-top:80px}#product .right{-webkit-flex:1 0 auto;-moz-box-flex:1;-ms-flex:1 0 auto;flex:1;padding:122px 0 35px}#product .swiper-wrapper{height:380px}#product .image-container{margin-left:-100px;overflow:hidden;padding:20px 0 0 20px;width:800px;position:relative}#product .image-container.animate{-webkit-transform:translateX(0);transform:translateX(0)}#product .swiper-controller{margin-top:74px}#product .swiper-controller .controll-item{width:12px;height:12px;background:rgba(220,219,220,0.2);border:1px solid #fff;margin:0 9px;border-radius:50%}#product .swiper-controller .controll-item.active{background:#fff}#product .img-banner{position:absolute}#product .img-banner img{border-radius:4px;background:#fff;transition:all 0.2s linear;width:272px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:16px solid #fff;box-shadow:0px 0px 19px 2px rgba(0,0,0,0)}#product .img-banner.active img{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0px 0px 19px 2px rgba(0,0,0,0.32)}#product .img-banner.shadow:after{content:'';position:absolute;height:380px}#product .img-banner.shadow.l:after{left:0px;width:52px;top:0px;box-shadow:12px -2px 20px -10px rgba(184,184,179,0.377) inset}#product .img-banner.shadow.r:after{left:0px;right:152px;top:0px;box-shadow:-22px -2px 20px -9px rgba(184,184,179,0.377) inset}#product .product{width:330px;margin-top:70px;display:none}#product .product p{line-height:1.75}#product .product.show{display:block}#product .horizontal-line.r:after{top:95px}.common-btn{display:inline-block;line-height:38px;text-align:center;border-radius:50px;margin-top:40px;padding:0 40px;font-size:16px;font-weight:bold;color:#fff;text-decoration:none;background:linear-gradient(to right, #f3316e, #ff7c44)}#join h2{margin-bottom:24px}#join .horizontal-line.l:before{top:82px}#join .jd-list{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}#join .jd-list li{padding:0 20px;line-height:38px;text-align:center;cursor:pointer;background:#fff;border-radius:50px;margin:10px;font-size:16px;font-weight:bold;color:#434343;border:1px solid transparent}#join .jd-list li.active{color:#fff !important;background:linear-gradient(to right, #f3316e, #ff7c44)}#join .jd-list li:hover{color:#fb6262;border-color:#fb6262}#join .right-inner{width:690px;margin-left:30px;margin-top:64px;margin-bottom:66px}#join .jd-detail{background:#fdfdfd;border:1px solid #f0f0f0;padding:40px 5px 20px 22px;font-size:14px;color:#6b6b6b;position:relative}#join .jd-detail li{margin:8px 0}#join .jd-detail li:before{content:attr(index) "、"}#join .jd-detail:after{content:'';width:16px;height:16px;border-left:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#fdfdfd;position:absolute;left:-9px;top:10%}#join .nano{height:300px}#join .nano-content{padding-right:20px}#join .jd-detail-title{font-weight:bold;font-size:22px;color:#292929;margin:0;margin-bottom:28px}#join .head{font-size:16px;margin-bottom:10px;color:#292929}#join .head:not(:first-child){margin-top:24px}#join .apply{margin-top:34px;background:#fff;border:1px solid #fb6262;color:#fb6262;border-radius:50px;font-size:16px;padding:0 20px;line-height:42px;outline:none !important}#join .apply:hover{color:#fff !important;background:linear-gradient(to right, #f3316e, #ff7c44);cursor:pointer}#contact{height:480px}#contact .left{padding-top:76px}#contact .right{overflow:hidden;background:#fff;flex: 1;}#contact h2{margin-bottom:10px}#contact .horizontal-line.r:after{top:92px}#contact .contact-list{font-size:14px;color:#292929}#contact .contact-list li{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:40px}#contact .contact-list li div,#contact .contact-list li address{padding-left:25px}#contact .contact-list .head{font-weight:bold;margin-bottom:8px}#contact .contact-list .head img{width:16px;vertical-align:-2px;margin-right:8px}#contact address{font-style:normal}#contact .map-inner{width:720px;overflow:hidden}.footer{height:180px;font-size:13px;line-height:1.75;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#6b6b6b;background:#2b2b2b}.transition{transition:all 0.5s linear}.animate{transition:all 0.3s;opacity:0}.animate.slideUp{-webkit-transform:translate3d(0px, 30px, 0px);transform:translate3d(0px, 30px, 0px)}.animate.slideLeft{-webkit-transform:translate3d(-30px, 0, 0px);transform:translate3d(-30px, 0, 0px)}.animate.slideRight{-webkit-transform:translate3d(30px, 0, 0px);transform:translate3d(30px, 0, 0px)}.content_linner {display: flex;}.content_linner p {margin: 0 0 10px 0;flex: 1;padding-right: 10px;}
.join {
    margin-top: 80px;
    overflow: hidden;
    position: relative;
}

.join-inner {
    min-height: 724px;
    width: 2000px;
}

.joinPane {
    width: 60%;
    margin: auto;
    margin-bottom: 100px;
}

.job-menu {
    display: flex;
    padding: 0;
    list-style: none;
    margin: 0;
    justify-content: flex-start;
}

.job-menu li {
    padding: 0px 20px;
    cursor: pointer;
    color: #313131;
    border-bottom: 2px solid white;
}

.job-menu li:hover, .activeTab {
    color: #0f64ce!important;
    border-bottom-color: #0f64ce!important;
}

.join-header {
    display: flex;
    background-color: #e4eaf7;
    border-bottom: 1px dashed #c4c8d0;
    padding: 15px  20px;
    color: #0f64ce;
}

.join-header span {
    display: block;
    width: 25%;
    text-align: center;
}

.join-li {
    background-color: #e4eaf7;
    padding: 0px 20px;
    color: #212529;
    cursor: pointer;
}

.join-li:nth-child(2n + 2) {
    background-color: #dbe0ef;
}

.join-li .join-li-header {
    display: flex;
    width: 100%;
    padding: 15px 0;
}

.join-li .join-li-header span {
    display: block;
    width: 25%;
    text-align: center;
}

.join-li-content {
    background-color: #fff;
    padding: 20px;
}

.job-desc-sec {
    margin: 20px;
}

.job-inform-title {
    color: #0f64ce;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    font-weight: normal;
}

.job-inform-list li{
    margin: 10px 0;
    font-size: 14px;
    color: #535353;
}

.job-inform-single {
    font-size: 14px;
    color: #535353;
}

.isShowNull {
    display: none;
}

.join-li-padding {
    padding-bottom: 15px;
}