@charset "utf-8";
html,body{
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    min-width: 1300px !important;
    background-color: #000;
    height: auto;
    overflow-x: hidden;
    font-family: "Microsoft YaHei" !important;
    }
.no-padding{  padding: 0;  }
.no-margin{margin: 0;  }
.index-bg{width: 100%;position: absolute;left: 0;top:0;height: 100%;margin: auto;right: 0;bottom: 0;}
.s-img{position: absolute;}
.main-width{width: 1200px;margin: 0 auto;min-height: 850px;}
.index-content{width: 100%;position: absolute;z-index: 99;height:  100%;left: 0;top: 0;bottom: 0;right:  0;}
.index-content .logo{width: 24%;left: 0;position:  absolute;top: 8%;}
.index-content .logo img{width: 100%;}
.nav-wrap-bg{width: 973px;height: 974px;margin: 0 auto;position: relative;text-align:  center;}
.index-img{
    width: 57.6%;
    right: 0;
    top: 2%;
}
.p101{left: 8%;top: 7%;width: 15%;display: block;}
.p102{left: 23.28%;top: 26.1%;width: 30.93%;display: block;}
.p103{left: 8%;bottom: 13%;width: 6%;display: block;z-index: 999;}
.p104{left: 19.5%;bottom: 13.1%;width: 6%;display: block;z-index: 999;}
.p105{left: 31%;bottom: 13%;width: 6%;display: block;z-index: 999;}
.p106{left: 85.7%;top: 80.2%;width: 7.6%;display: block;}
.p103 img{position: relative;width: 100%;}
.p104 img{position: relative;width: 100%;}
.p105 img{position: relative;width: 100%;}
.p101.cur{
    -webkit-animation: pulse 3s linear infinite ;
    -moz-animation: pulse 3s linear infinite ;
    animation: pulse 3s linear infinite ;
}
.p102.cur{
    -webkit-animation: pulse 3s linear infinite ;
    -moz-animation: pulse 3s linear infinite ;
    animation: pulse 3s linear infinite ;
}
.p103.cur{
    -webkit-animation: pulse 3s linear infinite ;
    -moz-animation: pulse 3s linear infinite ;
    animation: pulse 3s linear infinite ;
}
.p104.cur{
    -webkit-animation: pulse 3s linear infinite ;
    -moz-animation: pulse 3s linear infinite ;
    animation: pulse 3s linear infinite ;
}
.p105.cur{
    -webkit-animation: pulse 3s linear infinite ;
    -moz-animation: pulse 3s linear infinite ;
    animation: pulse 3s linear infinite ;
}
.p106.cur{
    -webkit-animation: pulse 3s linear infinite ;
    -moz-animation: pulse 3s linear infinite ;
    animation: pulse 3s linear infinite ;
}
.p107.cur{
    -webkit-animation: bounceIn 1.6s linear forwards .6s ;
    -moz-animation: bounceIn 1.6s linear forwards .6s ;
    animation: bounceIn 1.6s linear forwards .6s ;
}
.p108.cur{
    -webkit-animation: qq 3s linear infinite ;
    -moz-animation: qq 3s linear infinite ;
    animation: qq 3s linear infinite ;
}
.p109.cur{
    -webkit-animation: qq 4s linear infinite ;
    -moz-animation: qq 4s linear infinite ;
    animation: qq 4s linear infinite ;
}
.p110.cur{
    -webkit-animation: qq 3s linear infinite ;
    -moz-animation: qq 3s linear infinite ;
    animation: qq 3s linear infinite ;
}
.p111.cur{
    -webkit-animation: qq 3s linear infinite ;
    -moz-animation: qq 3s linear infinite ;
    animation: qq 3s linear infinite ;
}
.p112.cur{
    -webkit-animation: qq 5s linear infinite ;
    -moz-animation: qq 5s linear infinite ;
    animation: qq 5s linear infinite ;
}
.p113.cur{
    -webkit-animation: qq 4s linear infinite ;
    -moz-animation: qq 4s linear infinite ;
    animation: qq 4s linear infinite ;
}
.p114.cur{
    -webkit-animation: flash 3s linear infinite ;
    -moz-animation: flash 3s linear infinite ;
    animation: flash 3s linear infinite ;
}
.p115.cur{
    -webkit-animation: flash 5s linear infinite ;
    -moz-animation: flash 5s linear infinite ;
    animation: flash 5s linear infinite ;
}
.p116.cur{
    -webkit-animation: fadeIn 3s linear forwards ;
    -moz-animation: fadeIn 3s linear forwards ;
    animation: fadeIn 3s linear forwards ;
}
.p117.cur{
    -webkit-animation: fadeIn 3s linear forwards ;
    -moz-animation: fadeIn 3s linear forwards ;
    animation: fadeIn 3s linear forwards ;
}
.bg.youxue-bg{background: #0d0d94 url("images/youxue-bg.png") bottom center no-repeat;background-size: 100% 100%;}
.bg.jobs-bg{background:#fff ;background-size: 100% 100%;}
.bg.bg-920{background:url("images/920-bg.jpg") no-repeat center top; ;background-size: 100% 100%;}
.company-main{padding-top: 48px;width: 1200px;margin: 0 auto;}
.logo2-img{display: block;width: 298px;float:  left;}
.company-main .title-h1{font-size: 38px;color: #ed615d;line-height: 48px;font-weight: bold;margin-top: 50px;}
.zw-box {width: 100%;overflow: hidden;border-radius:  10px;margin-top: 0;}
.zw-box.box-920 {height: 546px;width: 98%;margin: 0 auto;}
.zw-box.inline-wrap {height: 563px;}
.zw-box.company-wrap {height: 563px;}
.zw-box.jobs-wrap {height: 563px;}
.zw-box.lc-wrap {height: 508px;}
.zw-box.xc-wrap {height: 508px;}
.zw-box .joblist-table{margin: 0;}
.zw-box .joblist-table .schedule-wrap{padding: 0px 22px;position: relative;}
.zw-box .position-box {position: relative;left: 0;width: 100%;height: 95%;overflow-y: auto;}
.zw-box .position-box::-webkit-scrollbar {  width: 3px;  height: 3px;  border-radius: 6px;  background-color:#ed615d;  overflow: hidden;  }
.zw-box .position-box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);  border-radius: 6px;  background: #3e2c7f;  }
.zw-box .position-box::-webkit-scrollbar-thumb { border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background: none;  }
.zw-box .position-box::-webkit-scrollbar {  width: 3px;  height: 3px;  border-radius: 10px;   background: none; overflow: hidden;  }
.zw-box .position-box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);  border-radius: 6px;  background: #3e2c7f; }
.zw-box .position-box::-webkit-scrollbar-thumb { border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background: #ed615d;  }
.body-content{padding-top: 70px;}
.body-content .content-title{font-size: 24px;font-weight: bold;color: #ff6757;text-align: center;}
.body-content .content-title.title-920{
    position: relative;
    top: 36px;
    z-index: 66;
}
.company-text p{font-size: 16px;line-height: 30px;color: #fff;text-align: justify;text-indent: 2em;}
.content-box{margin-top: 30px;}
.content-box .company-row{float: left;width: 1050px;border-radius: 10px;padding: 50px 110px;background-color: rgb(0 111 215 / 60%);height: 650px;}
.content-box .nav-wrap{float: right;top: -3px;right: -140px;}
.content-box .nav-wrap ul{width: 131px;background: url("images/care.png") no-repeat bottom center;padding-bottom: 9px;}
.content-box .nav-wrap ul li{width: 100%;margin-bottom: 5px;}
.content-box .nav-wrap ul li a{display: block;width: 100%;height: 35px;line-height: 35px;text-align: center;color: #fff;background: #1856bd;font-size: 18px;}
.content-box .nav-wrap ul li a:link{text-decoration: none;}
.content-box .nav-wrap ul li.active a{background: #1e80ff;color: #fff;}
.content-box .nav-wrap ul li a:hover{text-decoration: none;}
.content-box .nav-wrap ul li a:visited{text-decoration: none;}
.bottom_sp{
    display: inline-block;
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 13px;
}
.lc-wrap{
    position: relative;
}
.lc-wrap img{margin: 0 auto;position: relative;height: auto;}
.wrap-920{position: relative;}
.wrap-920 .code-wrap920{position: absolute;left: 477px;color: #fff;top: 222px;}
.wrap-920 .code-wrap921{position: fixed;color: #fff;text-align: center;}
.wrap-920 .code-wrap921 img{
    margin-top: 10px;
}
.wrap-920 table.box-table tr td h1.title-h1{font-size: 20px;font-weight: bold;color: #ff712b;}
.wrap-920 table.box-table tr td .dsc-xzj{font-size: 14px;line-height: 30px;color: #fff;margin-top: 0;background: url("images/920-img1.png") no-repeat 407px 31px;}
.wrap-920 table.box-table tr td .title-920-h1{font-size: 20px;font-weight: bold;color: #ff712b;}
.video-wrap table tr td{padding: 0;padding-left: 15px;}
.video-wrap table tr td .video-title{font-size: 14px;color: #fff;line-height: 30px;padding: 10px 0;}
.video-wrap table tr td .video-dsc{font-size: 14px;color: #fff;line-height: 30px;padding: 10px 0;}
.video-wrap table tr td.video-td{padding-bottom: 10px;}
.video-wrap table tr td .video-link{
    border: 2px solid #98f1ff;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
}
.wrap-920 table tr td .dsc-xzj .span-color{background: #f06c31;border-radius: 10px;padding: 1px 5px;margin-right: 10px;}
.text-list{padding-top: 7px;}
.text-list li{line-height: 40px;font-size: 14px;color: #fff;}
.text-list li span{font-size: 14px;}
.wrap-inline{
    padding-top: 15px;
}
.inline-jobs{padding-top: 30px;}
.inline-jobs table tr td{text-align: left;padding-bottom: 13px;padding-left: 30px;}
.inline-jobs table tr td span{border: 2px solid #ed615d;border-radius: 10px;color: #fff;min-width: 83px;display: inline-block;text-align: center;}
.text-content p{text-align:  justify;font-size: 14px;line-height: 22px;color: #fff;text-indent: 2em;}
.footer{position: absolute;left: 0;width: 100%;bottom: 0px;line-height: 1.5;text-align: center;color: #fff;padding: 6px 0;}
.footer2{position: relative;width: 100%;bottom: 0;line-height: 1.5;text-align: center;color: #fff;padding: 25px 0;}
.youxue-wrap{background: url("images/youxue-bg.png") no-repeat;width: 1074px;height: 610px;margin: 0 auto;}
.youxue-text{border: 2px solid #00ffff;padding: 10px 0;text-align: center;color: #fff;width: 485px;margin: 20px auto;border-radius: 20px;font-size: 14px;line-height: 22px;}
.youxue-xc{width: 100%;position: relative;}
.youxue-xc dl{position: absolute;}
.youxue-xc dl dt{background: url("images/xc-icon.png") no-repeat left;padding-left: 20px;font-size: 20px;line-height: 35px;font-weight: bold;color: #00ffff;text-align: center;width: 102px;margin: 0 auto;}
.youxue-xc dl dd{font-size: 14px;line-height: 25px;color: #fff;text-align: center;}
.youxue-xc dl.num1{width: 100%;}
.youxue-xc dl.num2{width: 195px;left: 158px;top: 36px;}
.youxue-xc dl.num3{width: 347px;left: 677px;top: 28px;}
.youxue-xc dl.num4{width: 155px;left: 24px;top: 211px;}
.youxue-xc dl.num5{width: 297px;left: 797px;top: 163px;}
.youxue-xc dl.num6{width: 202px;left: 258px;top: 278px;}
.youxue-xc dl.num7{width: 204px;left: 655px;top: 268px;}
.title-h2{
 background: url("images/title-bg.png") no-repeat 
bottom center;
 width: 1049px;
 background-size: 100%;
 height: 74px;
 color: #ed615d;
 font-size: 38px;
 text-align: center;
 /* margin-left: 43px; */
 }
.job-title img{margin: 0 auto;}
.jobs-table{padding-top: 24px;margin: 0 auto;padding-bottom:  50px;}
.jobs-table table tr td{padding: 15px 0;font-size: 16px;color: #fff;}
.jobs-table table tr td:hover{padding: 15px 0;font-size: 16px;color: #ed615d;}
.jobs-table table tr td .apply{background: #0197f1;width: 80px;height: 27px;margin: 0 auto;font-size: 16px;color: #fff;display: block;text-align: center;line-height: 27px;float: right;box-shadow: 1px 3px 0px #000000;border-radius: 20px;}
.jobs-table table tr td .apply:hover{text-decoration: none;background: #ed615d;}
.jobs-table table tr td .apply:active{text-decoration: none;}
.jobs-table table tr td .apply:visited{text-decoration: none;}
 .company-icon1{
    position: absolute;
    left: -43px;
    z-index: 66;
    top: 286px;
}
 .company-icon2{
     position: absolute;
     bottom: 0;
     z-index: 66;
     right: -39px;
 }
.company-dsc-nav span{background: #ed615d;color: #041a8b;font-size: 24px;line-height: 30px;border-radius: 100px;padding: 2px 25px;margin: 0 5px;cursor: pointer;}
.company-dsc-nav span.active{background: #00a0e9;color: #041a8b;font-weight: bold;}
.xc-bg{background: url("images/xc-bg.png") no-repeat center;height: 269px;margin: 0 auto;position: relative;margin-top: 98px;z-index: 99;}
.xc-bg ul li{position: absolute;}
.xc-bg ul li.even{background: url("images/even--bg2.png") no-repeat;width: 186px;height: 150px;top: 0;padding: 19px 12px;}
.xc-bg ul li.odd{background: url("images/odd-bg2.png") no-repeat;width: 186px;height: 150px;bottom: 0;padding: 27px 12px;}
.xc-bg ul li.num1{left: 73px;background: url("images/even--bg3.png") no-repeat;}
.xc-bg ul li.num2{left: 71px;}
.xc-bg ul li.num3{left: 332px;}
.xc-bg ul li.num4{left: 328px;}
.xc-bg ul li.num5{left: 588px;}
.xc-bg ul li.num6{left: 588px;padding: 49px 42px;text-align: left;}
.xc-bg ul li.num7{left: 842px;background: url("images/even--bg.png") no-repeat;}
.xc-bg ul li.num8{left: 844px;background: url("images/odd-bg.png") no-repeat;}
.xc-bg ul li h1{font-size: 18px;color: #fff;font-weight: bold;}
.xc-bg ul li h2{font-size: 18px;color: #fff;font-weight: bold;line-height: 101px;text-align:  center;}
.xc-bg ul li p{font-size: 16px;color: #fff;font-weight: normal;margin-top: 5px;}
.xc-bg ul li .p2{font-size: 16px;color: #fff;font-weight: bold;}
.footer2{position: relative;width: 100%;bottom: 0;line-height: 1.5;text-align: center;color: #333;padding: 25px 0;}
.logo2{padding-top: 50px;padding-left: 20px;}
.logo2 .logo2-img{float: left;}
.index_title{position: absolute;left: 3%;top: 40%;width: 50%;transform: translatey(-50%);}
.index_bg{position: absolute;bottom: 0;right: 0;width: 80%;}
.job_box1::after{display: block;content: "";clear: both;}
.job_box1 div{width: 45%;float: left;margin-right: 40px;font-size: 24px;}
.job_box1 div p{color: #FFF;border-bottom: 1.9px solid #fff;}
.job_box2{
    width: 94.8%;
    margin-top: 20px;
}
.job_box2 p{color: #FFF;font-size: 24px;border-bottom: 1.9px solid #fff;}
.job_box1 table tr td:first-child{width: 75%;}
.job_box1 table tr td:last-child{width: 25%;}
.job_box1 table{width: 95%;margin: 10px auto;}
.job_box2 table{width: 98%;margin: 10px auto;}
.job_box2 table tr{width: 46%;display: inline-table;}
.job_box2 table tr:nth-child(2n){margin-left: 59px;}
#wraps, #wrap, html, body {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    min-width: 1200px;
    
    background-color: #FFFFFF;
}
.cover {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00305b;
    z-index: 1000000;
    font-size: 16px;
    display: none;
}
.cover .iphone {
    position: relative;
    margin: 0 auto;
    margin-top: 55%;
    width: 147px;
    height: 219px;
    background: url(images/phone.png) no-repeat;
    animation: zhuan 1.5s 0.3s infinite;
    -ms-animation: zhuan 1.5s 0.3s infinite;
    -moz-animation: zhuan 1.5s 0.3s infinite;
    -webkit-animation: zhuan 1.5s 0.3s infinite;
}
.cover p {
    position: relative;
    margin: 0 auto;
    margin-top: 10%;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    width: 90%;
    color: #fff;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes pulse {
    0% {opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zhuan {
    0% {
        transform: rotate(-90deg);
    }
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-90deg);
    }
}
@keyframes zhuan {
    0% {
        transform: rotate(-90deg);
    }
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-90deg);
    }
}
@media screen and (orientation: portrait) {
    .cover {
        display: block;
    }
}
.index{background: #040f4c url(./images/index.jpg)no-repeat;height: 100vh;background-size: 100% 100%;width: 100%;}
.jobs-info-wrap{padding: 20px 10px 0;}
.jobs-info-wrap h1.text-title-h1{background: #0382da;display: inline-block;font-size: 20px;padding: 10px 25px;border-radius: 16px;margin-bottom: 50px;position: relative;z-index: 999;box-shadow: 2px 4px 0px #191919;}
.jobs-info-wrap h1.text-title-h1 strong  {color: #fff;font-weight: bold;}
.jobs-info-wrap h1.text-title-h1 span{color: #fff;font-weight: bold;}
.jobs-info-wrap .img{margin: -70px auto 0 29px;}
.jobs-info-wrap .img img{margin: 0 auto;}
.box_{width: 100%;height: 100%;background: transparent url(./images/job_bg.png)no-repeat bottom;background-size: 100%;}