@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
* {tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-ms-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;background-size: contain;background-repeat: no-repeat;}
body { font-family: "Microsoft YaHei",Helvetica, sans-serif;font-size: 0.22rem;}
input, textarea { outline: 0; resize: none; }
html,body { height: 100%; }
a {/* display: block; *//* height: 100%; */text-decoration: none;}
img {/* width: 100%; */vertical-align: top;}
/*Loading CSS*/
.load{font-size:1.25rem;position:relative;z-index:9999;width:100%;height:100%;text-align:center;color:#fff;background:rgba(0,0,0,.8);}
/*Loading CSS*/
.loadwrap{  width: 100%;height: 100%;background:#fabf18;position: absolute;z-index: 99;background-size: cover;left: 0;top:0;}
#caseBlanche {height: 3.75rem;width: 3.75rem;position: absolute;z-index: 99;left: 0;right: 0;top: -17%;bottom: 0;margin: auto;}
#caseBlanche #load {height: 3.75rem;width: 100%;color : #fff;text-align : center;position : absolute;font-size: .6rem;line-height: 1.25rem;}
#load i{height: 100%;display: inline-block;width: 100%;text-align: center;line-height: 3.75rem;}
#test {height : 0.25rem;width : 0.25rem;position : absolute;background-color : #fff;border-radius : 50%;top : 0;left: 1rem;}
#rond {height: 3.75rem;width: 3.75rem;border: 1px solid #fff;border-radius : 50%;position :absolute;animation : rond 2s infinite;-webkit-animation : rond 2s infinite;}
.loading{width: 100%;color: #fff;font-size: .2rem;position: absolute;top: 2.25rem;text-align: center;line-height: 1.5}
#load i img{width: 3.75rem;height: 3.75rem;}
html,body { /*background: #ffdc2c;*/ }
.wrap { position: relative; width: 100%; height: 100%; margin: 0 auto; }
section.index{ position: relative; width:100%;  background: #fff; background-size:cover;}
section.main{position: relative;width:100%;background: #fff;background-size:cover;/* padding-top: 0.5rem; */}
.index-wrap{
    width: 100%;
    /*background: #fabf18 url("images/index-bg.jpg") top center;*/
}
.index-wrap .logo-wrap{
    position:  relative;
}
.index-wrap .logo-wrap .shop-icon{
    width:  0.35rem;
    position:  absolute;
    left: 0.13rem;
    top: 0.16rem;
    z-index:  5;
}
.index-wrap .logo-wrap .logo{
    width:  3.11rem;
    position:  relative;
}
.s-img{position: absolute;}
.index-wrap  .index-img1{
    width: 6.06rem;
    left: 50%;
    margin-left: -3.03rem;
    margin-top: 0.46rem;
    position:  relative;
}
.index-wrap  .index-banner{
position:  relative;
top: 0;
}
.index-wrap  .index-banner img{
    width: 100%;
}
.nav-wrap{
    background: #fff;
}
.index-nav{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 0rem;
}
.index-nav a.nav-a{
    display: inline-block;
    flex:1;
    padding: 0.1rem 0;
}
.index-nav a.nav-a dl{}
.index-nav a.nav-a dl dt{text-align: center;}
.index-nav a.nav-a dl dt img{width: 0.38rem;}
.index-nav a.nav-a dl dd{
    text-align: center;
    padding-top: 0.2rem;
    font-size: 0.24rem;
    color: #363636;
    font-weight: bold;
}
.nav-bar{
    width:100%;
    display: flex;
    padding-top:0.26rem;
}
.nav-bar div{flex:1; -webkit-flex:1;}
.nav-bar div a{display:block; position: relative; width:2.54rem; height:0.76rem; margin:0 auto; padding-left:0.9rem; border-radius:0.15rem; background:#e73e71; box-sizing:border-box;}
.nav-bar div a img{position: absolute; left:0.4rem; top:50%; -webkit-transform:translate(0,-50%); width:0.42rem;}
.nav-bar div a p{ padding-top:0.09rem; line-height:0.3rem; font-size:0.24rem; font-weight:bold; color:#fff;}
.index-Vr-wrap{
    position:  relative;
    margin-bottom: 0.2rem;
}
.index-Vr-wrap a{
    display:  block;
    width:  100%;
    text-align:  center;
}
.index-Vr-wrap a .index-vr{
    position: relative;
    width:  5.6rem;
    margin:  0 auto;
}
.index-Vr-wrap a .vr-icon{
    position: absolute;
    left: 2rem;
    top: 50%;
    width: 0.58rem;
    transform: translateY(-50%);
}
.heard{background: #0076c0;padding: 0.26rem 0.2rem;position: relative;width:  100%;}
.heard .top-logo-wrap{
    width:  3rem;
    float:  left;
}
.heard .top-logo-wrap .img1{
    width: 2.77rem;
}
.heard .top-title{
    font-size:  0.36rem;
    color: #fff;
    font-weight: normal;
    float:  right;
}
.content-wrap{
    padding: 0.38rem .5rem  0.26rem 0.5rem;
}
.content-wrap.bg-eee{
    background: #f3f3f3;
}
.title-wrap{
    display:  block;
}
.title-wrap.red{}
.title-wrap h1{text-align: center;display:  block;}
.title-wrap h1 img{}
.title-wrap .h2{
    background: url("images/h1-line1.png ") no-repeat bottom center;
    padding-bottom: 0.15rem;
    font-size: 0.26rem;
    font-weight: bold;
    text-align: center;
    margin-top: 0.1rem;
}
.title-wrap.red .h2{
     background: url("images/h1-line2.png ") no-repeat bottom center;
     padding-bottom: 0.15rem;
     font-size: 0.26rem;
     font-weight: bold;
     text-align: center;
     margin-top: 0.1rem;
 }
.title-wrap .h2.job-title{font-size: 0.26rem;color: #535353;line-height: 1.5;}
.title-wrap h3{
    font-size: 0.20rem;
    font-weight: bold;
    text-align: center;
    margin-top: 0.1rem;
}
.title-wrap .h4 {
    text-align: center;
    display:  block;
    padding: 0.1rem 0 0 0;
}
.title-wrap .h4 span{
    background: #0076c0;
    padding: 0.05rem 0.15rem;
    color: #fff;
    margin: 0 auto;
    display:  inline-block;
    font-weight: bold;
    font-size: 0.22rem;
}
.btn-wrap{
    text-align: center;
    width: 100%;
    margin-top: 0.25rem;
}
.btn-wrap a{
    color: #fff;
    font-size: .2rem;
    padding: 0.08rem 0.2rem;
    border-radius: 0.06rem;
    display: inline-block;
    font-weight: bold;;
}
.btn-wrap a.btn-blue{
    background: #0076c0;
}
.btn-wrap a.btn-red{
    background: #e51785;
}
.title-h1{
    background: url("images/h1-line1.png") no-repeat bottom;
   font-size: 0.26rem;
    line-height: 0.36rem;
    padding-bottom: 0.15rem;
    text-align: center;
    font-weight: bold;
}
.title-h1.blue{
    color: #0076c0;
}
.text-content{
    padding: 0.15rem 0;
}
.text-content p{
    font-size: 0.22rem;
    line-height: 1.5;
    text-indent: 2em;
    color: #282828;
    text-align: justify;
    margin-bottom: 0.15rem;
}
.text-content p strong{font-weight: bold;}
.history-wrap{
    margin: 0.5rem 0;
    background: url(images/bg-ling.png) repeat-y 7px 0;
}
.history-wrap ul{
    background: url(images/q2.png) no-repeat bottom left;
    padding-bottom: 0.5rem;
}
.history-wrap ul li{
    padding-left: 0.36rem;
    margin-bottom: 0.3rem;
}
.history-wrap ul li h1{
    font-size: 0.28rem;
    font-weight: bold;;
    margin-bottom: 0.1rem;
}
.history-wrap ul li p{
    font-size: 0.2rem;
    line-height: 0.3rem;
    color: #282828;
}
.history-wrap ul li.color-orange{background: url("images/q1.png") no-repeat 0 0;}
.history-wrap ul li.color-orange h1{color: #ff7800;}
.history-wrap ul li.color-blue{background: url("images/q2.png") no-repeat 0 0;}
.history-wrap ul li.color-blue h1{color: #0076c0;}
.history-wrap ul li.color-red{background: url("images/q3.png") no-repeat 0 0;}
.history-wrap ul li.color-red h1{color: #ed015f;}
.history-wrap ul li.color-green{background: url("images/q4.png") no-repeat 0 0;}
.history-wrap ul li.color-green h1{color: #74bc3c;}
.footer{
    background: #0076c0;
    padding: 0.15rem;
    text-align: center;
    line-height: 1.5;
    color: #fff;
}
.title-h2{text-align: center;margin: 0.65rem auto;}
.title-h2 span{font-size: 0.24rem;color: #fff;font-weight: bold;padding: 0.05rem 0.25rem;border-radius: 0.08rem;}
.title-h2.red span{background: #e82b89;}
.img{width: 100%;text-align: center;margin: 0.5rem auto;}
.img img{
    margin: 0 auto;
    max-width: 100%;
}
.img.change{position:relative; height:3rem;}
.img.change .picFd{position:absolute; left:50%; top:0; -webkit-transform:translate(-50%,0); width:6rem!important; max-width:6rem;}
.bg-city{
    margin-top: 0.35rem;
}
.bg-city h1{
    background: url("images/bg-icon.png ") no-repeat 0 0.03rem;
    padding-left: 0.35rem;
    font-size: 0.22rem;
    line-height: 0.45rem;
    margin-bottom: 0.15rem;
}
.code-wrap{
    text-align: center;
    padding: 0.05rem 0;
}
.contact-wrap{
    font-size: 0.26rem;
    text-align: center;
    font-weight: normal;
    color: #2d2d2d;
    line-height: 1.5;
    margin-top: 0.35rem;
}
.job-wrap{
    padding: 0.35rem 0 0 0;
}
.job-wrap h1{
    border-left: 0.04rem solid #e82b89;
    padding-left: 0.05rem;
    color: #e82b89;
    line-height: 0.35rem;
    font-weight: bold;
    font-size: 0.2rem;
    margin: 0.05rem auto;
}
.job-wrap h2{
    color: #2d2d2d;
    font-weight: normal;
    line-height: 0.35rem;
    font-size: 0.20rem;
}
.job-wrap p{
    font-size: 0.18rem;
    margin-top: 0.15rem;
    line-height:1.5;
    color: #2d2d2d;
}
.job-wrap p strong{font-weight: bold;}
.select-wrap{}
.select-wrap ul{}
.select-wrap ul li{
    width: 100%;
    padding: 0.15rem 0;
    text-align: center;
}
.select-wrap ul li select{
    width: 100%;
    border: 1px solid #626262;
    border-radius: 0.06rem;
    height: 0.45rem;
}
.apply-wrap{
    padding-top: 0.35rem;
}
.btn-apply{
    background: #e82b89;
    color: #fff;
    padding: 0.15rem 0.55rem;
    border-radius: 0.06rem;
    text-decoration: none;
}
.job-wrap2{padding: 0.35rem 0;}
.job-wrap2 table{width: 100%;margin: 0 auto;}
.job-wrap2 table tr td{border-bottom:1px dashed #3e3a39;padding: 0.08rem 0;}
.job-wrap2 table tr td h1{border-left: 4px solid #e82b89;padding-left:0.1rem;font-size: 0.16rem;line-height: 0.24rem;display:  inline-block;}
.job-wrap2 table tr td .btn-apply2{background: #e82b89;border-radius:0.08rem;color: #fff;font-size: 0.14rem;display: inline-block;padding: 0.1rem 0.25rem;text-decoration: none;}