﻿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 {}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}
.bg{background: #e9f3fb;}
.top-wrap{
    padding: 0;
}
.top-wrap .nav-top{
    text-align: justify;
}
.clearfix{clear: both;}
.top-wrap a.top-nav-link{width: 100%;display: block;position: relative;}
.top-wrap a.top-nav-link img{width: 100%;display: block;position: relative;}
.top-wrap .nav-top .top-nav-link{
    /*display: inline-block;*/
    /*text-decoration: none;*/
    /*border: 0.04rem solid #75bb29;*/
    /*border-radius: 0.16rem;*/
    /*font-size: 0.32rem;*/
    /*padding: 0.1rem 0.26rem;*/
    /*color: #75bb29;*/
    /*font-weight: bold;*/
    /*position: absolute;*/
}
.top-wrap .nav-top .top-nav-link img{width: 100%;display: block;}
.top-wrap .nav-top .top-nav-link.pink{color: #e50b82;  border: 0.04rem solid #e50b82;}
.top-wrap .nav-top .top-nav-link.grey{color: grey;  border: 0.04rem solid grey;}
.banner{display: block;width: 100%;}
.banner img{width: 100%;display: block;}
.banner.index-banner{margin-top: 0;}
.index-box-link{
    margin-top: 1.2rem;
    padding: 0 0.36rem 0 0 ;
}
.index-box-link a{display: block;width: 3.16rem;}
.index-box-link a img{display: block;width: 100%;}
.bottom-nav-wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    position: fixed;
    width: 100%;
    bottom: 0.53rem;
}
.bottom-nav-wrap dl{width: 33%;/* background: red; */}
.bottom-nav-wrap dl dt{
    position: relative;
    /* background: green; */
}
.bottom-nav-wrap dl dt .sub-nav-wrap{
    width: 100%;
    height: 0.9rem;
    overflow: hidden;
    /* background: red; */
    position: absolute;
    bottom: 0;
}
.bottom-nav-wrap dl dt .nav-box{display: none;}
.bottom-nav-wrap dl dt .nav-box.box1{
    background: url("images/home-im.png") no-repeat;
    width: 1.81rem;
    height: 1.81rem;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.905rem;
    -webkit-animation: rond2 .6s forwards;
    animation: rond2 .6s forwards;
}
.bottom-nav-wrap dl.active dt .nav-box.box1{
    -webkit-animation: rond .6s forwards;
    animation: rond .6s forwards;
}
@-webkit-keyframes rond {
    0% {transform : rotate(180deg);}
    100% {transform : rotate(360deg);
    }
}
@keyframes rond {
    0% {transform : rotate(180deg);}
    100% {transform : rotate(360deg);
    }
}
@-webkit-keyframes rond2 {
    0% {transform : rotate(360deg);}
    100% {transform : rotate(180deg);
    }
}
@keyframes rond2 {
    0% {transform : rotate(360deg);}
    100% {transform : rotate(180deg);
    }
}
.bottom-nav-wrap dl dt .nav-box a{
    display: block;
    width: 50%;
    float: left;
    text-indent: -99999px;
    /* border: red 1px solid; */
    height: 50%;
}
.bottom-nav-wrap dl.active dt .nav-box{display: block;/* transform: rotate(364deg); *//* transform: rotate(727deg); */position: relative;/* width: 100%; */}
.bottom-nav-wrap dl dt p{margin: 0 auto;}
.bottom-nav-wrap dl dt.icon1 p{background: url("images/nav-icon1.png") no-repeat;width: 0.5rem;height:0.47rem;background-size: cover;}
.bottom-nav-wrap dl dt.icon2 p{background: url("images/nav-icon2.png") no-repeat;width: 0.45rem;height:0.47rem;background-size: cover;}
.bottom-nav-wrap dl dt.icon3 p{background: url("images/nav-icon3.png") no-repeat;width: 0.45rem;height:0.47rem;background-size: cover;}
.bottom-nav-wrap dl dd{margin-top: 0.15rem;}
.bottom-nav-wrap dl dd p{text-align: center;font-size: 0.32rem;color: #0083ce;font-weight: bold;}
.bottom-nav-wrap dl.active dt.icon1 p{background: url("images/nav-icon1-h.png") no-repeat;width: 0.5rem;height:0.47rem;background-size: cover;}
.bottom-nav-wrap dl.active dt.icon2 p{background: url("images/nav-icon2-h.png") no-repeat;width: 0.45rem;height:0.47rem;background-size: cover;}
.bottom-nav-wrap dl.active dt.icon3 p{background: url("images/nav-icon3-h.png") no-repeat;width: 0.45rem;height:0.47rem;background-size: cover;}
.bottom-nav-wrap dl.active dd p{text-align: center;font-size: 0.32rem;color: #e40981;font-weight: bold;}
.content-nav-wrap{}
.content-nav-wrap .box-nav-wrap{
    padding-top: 0.35rem;
}
.content-nav-wrap .box-nav-wrap ul{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}
.content-nav-wrap .box-nav-wrap ul li{
    width: 20%;
    color: #fff;
    font-weight: bold;
    font-size: 0.22rem;
    text-align: center;
    height: 0.8rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
}
.content-nav-wrap .box-nav-wrap ul li.active{
    position: relative;
    top: -0.05rem;
    height: 0.9rem;
}
.content-nav-wrap .box-nav-wrap ul li.num1{background: #006ebc;}
.content-nav-wrap .box-nav-wrap ul li.num2{background: #e40981;}
.content-nav-wrap .box-nav-wrap ul li.num3{background: #fcc800;}
.content-nav-wrap .box-nav-wrap ul li.num4{background: #75ba2a;}
.content-nav-wrap .box-nav-wrap ul li.num5{background: #006ebc;}
.content-box-wrap{
    padding-bottom: 67px;
;
}
.content-box-wrap .box-item{display: none;margin-top: 0.25rem ;}
.full-img{}
.full-img img{display: block;width: 100%;}
.second-bottom-nav{
    background: #0f1b2d;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    position: fixed;
    width: 100%;
    bottom: 0;
    padding: 0.2rem 0;
}
.second-bottom-nav dl{width: 33%;/* background: red; */}
.second-bottom-nav dl dt{position: relative;
}
.second-bottom-navwrap dl dt .nav-box{display: none;}
.second-bottom-nav dl dt .nav-box.box1{background: url("images/home-im.png") no-repeat;width: 1.81rem;height: 1.81rem;background-size: cover;position: absolute;top: -0.6rem;left: 50%;margin-left: -0.905rem;}
.second-bottom-nav dl dt .nav-box a{display: block;width: 50%;float: left;text-indent: -99999px; /* border: red 1px solid; */height: 59%;}
.second-bottom-nav dl.active dt .nav-box{display: block;}
.second-bottom-nav dl dt p{margin: 0 auto;}
.second-bottom-nav dl dt.icon1 p{background: url("images/nav-icon1.png") no-repeat;width: 0.5rem;height:0.47rem;background-size: cover;}
.second-bottom-nav dl dt.icon2 p{background: url("images/nav-icon2.png") no-repeat;width: 0.45rem;height:0.47rem;background-size: cover;}
.second-bottom-nav dl dt.icon3 p{background: url("images/nav-icon3.png") no-repeat;width: 0.45rem;height:0.47rem;background-size: cover;}
.second-bottom-nav dl dd{margin-top: 0.15rem;}
.second-bottom-nav dl dd p{text-align: center;font-size: 0.32rem;color: #0083ce;font-weight: bold;}
.second-bottom-nav dl.active dt.icon1 p{background: url("images/nav-icon1-h.png") no-repeat;width: 0.5rem;height:0.47rem;background-size: cover;}
.second-bottom-nav dl.active.active2 dt.icon1 p{background: url("images/nav-icon1-h2.png") no-repeat;width: 0.5rem;height:0.47rem;background-size: cover;}
.second-bottom-nav dl.active dt.icon2 p{background: url("images/nav-icon2-h.png") no-repeat;width: 0.45rem;height:0.47rem;background-size: cover;}
.second-bottom-nav dl.active dt.icon3 p{background: url("images/nav-icon3-h.png") no-repeat;width: 0.45rem;height:0.47rem;background-size: cover;}
.second-bottom-nav dl.active dd p{text-align: center;font-size: 0.32rem;color: #e40981;font-weight: bold;}
.second-bottom-nav dl.active.active2 dd p{text-align: center;font-size: 0.32rem;color: #fcc800;font-weight: bold;}
.content-main{padding-top: 0.45rem ;}
.content-main .title-h1{font-size: 0.36rem;font-weight: bold;color: #0c192b;text-align: center;}
.content-main .text-p{margin: 0.23rem auto;padding: 0 0.6rem ;}
.content-main .text-p p{font-size: 0.26rem;line-height: 1.5;text-indent: 0em;text-align: justify;margin-bottom: 0.15rem;}
.content-main .text-p p strong{font-weight: bold;}
.btn-a-wrap{text-align: center;}
.btn-a-wrap.more{text-align: center;}
.btn-a-wrap.more a{display: block;}
.btn-a-wrap.more img{display: inline-block;width: 1.69rem;}
/*.btn-a{*/
    /*background: #0c192b;*/
    /*padding: 0.15rem 0.35rem;*/
    /*-webkit-border-radius: 0.15rem;*/
    /*-moz-border-radius: 0.15rem;*/
    /*border-radius: 0.15rem;*/
    /*color: #fff;*/
    /*display: inline-block;*/
/*}*/
/*.btn-a:link{text-decoration: none;}*/
/*.btn-a:hover{text-decoration: none;}*/
/*.btn-a:active{text-decoration: none;}*/
/*.btn-a:visited{text-decoration: none;}*/
.job-wrap{}
.job-wrap .job-nav-list{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 0.3rem;
}
.job-wrap .job-nav-list .list-item{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.job-wrap .job-nav-list .list-item select{
    width: 2.21rem;
    border: 0.01rem solid #626262;
    border-radius: 0.1rem;
    padding: 0.1rem 0;
}
.apply-wrap{text-align: center;padding: 0.25rem 0;}
.apply-wrap a{
    display: inline-block;
    width: 2.13rem;
}
.apply-wrap a img{width: 100%;display: block;}
.second-bottom-nav dl dt .sub-menu-wrap{display: none;background: url("images/sub-menu-bg.png") no-repeat;width: 1.8rem;height: 1.44rem;background-size: cover;position: absolute;bottom: 0.8rem;left: 50%;margin-left: -0.9rem;}
.second-bottom-nav dl dt .sub-menu-wrap .nav-box{
    display: block;
}
.second-bottom-nav dl dt .sub-menu-wrap .nav-box a{
    color: #fff;
    width: 100%;
    text-indent: 0;
    text-align: center;
    line-height: 0.6rem;
    height: 0.6rem;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    font-weight: bold;
}
.second-bottom-nav dl dt .sub-menu-wrap .nav-box a:last-of-type{border: none;}
.back-wrap{position: fixed;top:0.2rem;right:0.2rem;}
.back-wrap a{width: 0.55rem;display: block;}
.back-wrap a img{display: block;width: 100%;}
.job-title-wrap{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;padding:  0 0.3rem;align-items:  center;margin-bottom: 0.15rem;}
.job-title-wrap span{margin-right: 0.35rem;}
.job-title-wrap a{}