@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }

body { font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;  -webkit-tap-highlight-color: transparent; }

a { text-decoration: none; }

.rel { position: relative; }

.abs { position: absolute; }

.fl { float: left; }

.fr { float: right; }

ul li { list-style: none; }

.clr { line-height: 0; height: 0; clear: both; font-size: 0; overflow: hidden; }

.clearfix:after { display: block; height: 0; visibility: hidden; clear: both; content: "."; }

.no_select { -moz-user-select: none; -webkit-user-select: none; user-select: none; }

/* html { -webkit-text-size-adjust: none; } */
html{font-size:13.33333333vw}
/* 禁用iPhone中Safari的字号自动调整 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* 设置HTML5元素为块 */
img { border: none; max-width: 100%; height: auto; vertical-align: top; }

/* 设置图片视频等自适应调整 */
strong, span, label { display: inline-block; vertical-align: middle; }

select, input { -webkit-appearance: none; line-height: 0.24rem; border-radius: 0; /* mobile-select设置*/ }

.hide { display: none; }



* { -webkit-box-sizing: border-box; }
.active{
  border-bottom: 0.04rem solid #C63535;
  color: #333!important

}
.home{
  background-image: url("../images/mobile1/bg3.png");
  background-position: bottom;
  background-repeat: no-repeat;
  display: block;
}
.header{
  height: 0.9rem;
  width: 100%;
  border-bottom: 0.01rem solid #F9F9F9;
}
.header .headerLogo{
  float: left;
  padding-left: 0.6rem;
  padding-top: 0.12rem;

}
/* [data-dpr="3"] .header .headerLogo {
  padding-left: 22px!important;
  padding-top: .16rem!important;
} */
.header .headerLogo img{
  height: 0.66rem;
  width: 2.15rem
}
/* [data-dpr="3"] .header .headerLogo img{
  height: 0.7rem!important;
  width: 2.75px!important;
} */
.header .headerTabs{
  float: right;
  padding-top: 0.26rem;
}
/* [data-dpr="3"] .header .headerTabs {
  padding-top: 0.2rem!important;
} */
.header .headerTabs li{
  float: left;
  list-style: none;
  font-size: 0.28rem;
  color: #666666;
  line-height: 0.46rem;
  margin-right: 0.8rem;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300
}
/* [data-dpr="1"] .header .headerTabs li{
  font-size: 14px!important;
}
[data-dpr="3"] .header .headerTabs li{
  margin-right: 0.7rem!important;
  font-size: 42px;
} */

.home .page1{
  width: 100%;
  background: url("../images/mobile1/bg1.png") ;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 0.54rem;
  text-align: center;
  position: relative;
}
/* [data-dpr="3"] .home .page1{
  height: 14.69rem
} */
.home .page1 .page1Bottom{
  position: absolute;
  bottom:0.2rem;
  height: 4.2rem;
  width: 100%
}
.home .page1 .page1Bottom img{
  width: 100%
}
.home .page1 .page1Phone{
  width: 64%;
  display: inline-block;
}
.home .page1 .page1Phone .phoneModal{
  position: absolute;
  width: 60%;
  top: 5.6rem;
  left: 1.6rem;
}
/* [data-dpr="3"] .home .page1 .page1Phone .phoneModal{
  top: 7rem;
} */
.home .page1 .page1Phone img{
  width: 100%
}
.home .page1 .page1Logo{
  position: absolute;
  bottom:2.6rem;
  width: 100%
}

.home .page1 .page1Logo img{
  width: 2.08rem;
  height: 2.08rem
}

.home .page1 .page1Tip{
  position: absolute;
  bottom:-0.2rem;
  width: 100%;
  text-align: center;
}

.home .page1 .page1Tip .tipDown{
  width: 26%;
  height: 0.8rem;
  display: inline-block;
}

.home .page1 .page1Tip .tipHead{
  width: 100%;
  height: 0.26rem;
  margin-bottom: 0.52rem;
  
}
.home .page1 .page1Tip .tipHead img{
  width: 2.28rem
}
/* [data-dpr="1"] .home .page1 .page1Tip .tipHead{
  font-size: 19px!important;
}
[data-dpr="3"] .home .page1 .page1Tip .tipHead{
  font-size: 50.07rem!important;
} */
.home .page1 .page1Tip .tipTxt{
  font-size: 0.32rem;
  color: #666;
  margin-bottom: 0.3rem;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300
}
/* [data-dpr="1"] .home .page1 .page1Tip .tipTxt{
  font-size: 16px!important;
}
[data-dpr="3"] .home .page1 .page1Tip .tipTxt{
  font-size: 38px!important;
}
[data-dpr="3"] .home .page1 .page1Tip .tipTxt{
  margin-bottom: .2rem;
} */
.home .page1 .page1Tip .tipTxt .across{
  width: 5%;
  height: 0.03rem;
  background: #666;
}
/*# sourceMappingURL=mobile.css.map */
.slideTip{
  text-align: center;
  margin-top: 0.8rem;
}
 .slideTip .h1{
  font-size: 0.32rem;
  color: #333333;
  font-family: MicrosoftYaHei;
}
/* [data-dpr="1"] .slideTip .h1{
  font-size: 16px!important;
}
[data-dpr="3"] .slideTip .h1{
  font-size: 48px!important;
} */
 .slideTip .border{
  width: 0.6rem;
  height: 0.04rem;
  background: #C63535;
  display: inline-block;
  box-shadow: 0 0 black;
  margin: 0.3rem 0;
}
 .slideTip .tipBottom{
  display: inline-block;
  width: 100%;
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: #666666;
  margin-bottom: 0.3rem;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300;
}
/* [data-dpr="1"] .slideTip .tipBottom{
  font-size: 0.12rem!important;
  line-height: 20px
}
[data-dpr="3"] .slideTip .tipBottom{
  font-size: 36px!important;
  line-height: 0.6rem
} */
.page2  .imgList{
  text-align: center;
}
.page2  .imgList img{
  padding: 0.3rem 0.15rem;
  width: 44%;
}

.page3 .person{
  position: relative;
  text-align: center;
}
.page3 .person img{
  width: 90%
}
.page3 .person .personTip{
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0.9rem;
}
.page3 .person .personTip .head{
  font-size: 0.44rem;
  color: #FFFFFF;
  line-height: 0.22rem;
  margin-bottom: 0.35rem
}
/* [data-dpr="1"] .page3 .person .personTip .head{
  font-size: 22px!important;
}
[data-dpr="3"] .page3 .person .personTip .head{
  font-size: 0.66rem!important;
} */
.page3 .person .personTip .txt{
  font-family: MicrosoftYaHeiLight;
  font-weight: 300;
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.14rem;
}
/* [data-dpr="1"] .page3 .person .personTip .txt{
  font-size: 14px!important;
}
[data-dpr="3"] .page3 .person .personTip .txt{
  font-size: 42px!important;
} */
.page3 .introduce{
  margin-left: 15%;
  height: 4.45rem;
}
.page3 .content{
  height: 4.45rem;
  width: 22%;
  float:left;
}
.page3 .content .contentLeft{
  height: 4.45rem;
  writing-mode: vertical-lr;
  writing-mode: tb-lr;
  float: left;
  padding-top: 0.1rem;
  width: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.28rem;
  letter-spacing: 0.08rem;
  color: #333333;
  border-top: 0.03rem solid #C63535;
  font-family: MicrosoftYaHei;
}
/* [data-dpr="1"] .page3 .content .contentLeft{
  font-size: 14px!important;
}
[data-dpr="3"] .page3 .content .contentLeft{
  font-size: 42px!important;
} */
.page3 .content .contentCenter{
  background: #D8D8D8;
  height: 4.45rem;
  float: left;
  margin: 0.1rem;
  width: 0.01rem;
}
.page3 .content .contentRight{
  float: left;
  width: 0.3rem;
}
.page3 .content .contentRight .txt{
  margin: 0 auto;
  height: 4.45rem;
  writing-mode: vertical-lr;
  writing-mode: tb-lr;
  display: inline-block;
  font-size: 0.24rem;
  color: #666;
  letter-spacing: 0.08rem;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300
}
/* [data-dpr="1"] .page3 .content .contentRight .txt{
  font-size: 0.12rem!important;
}
[data-dpr="3"] .page3 .content .contentRight .txt{
  font-size: 36px!important;
} */
.page3 .content .contentRight .txt span{
  width: 0.3rem;
  text-align: center;
  line-height: 0.24rem;
  color: #333;
  font-size: 0.24rem;
  word-wrap: break-word;
  writing-mode: horizontal-tb;
  margin-top: -0.07rem;
}
/* [data-dpr="1"] .page3 .content .contentRight .txt span{
  font-size: 0.12rem!important;
}
[data-dpr="3"] .page3 .content .contentRight .txt span{
  font-size: 36px!important;
} */
.page4 .develop .developContent{
  text-align: center;
}
.page4 .develop .developContent .developTime{
  display: inline-block;
  font-size: 0.2rem;
  color: #666666;
  line-height: 0.6rem;
  border-right: 0.01rem solid #D8D8D8;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300
}
/* [data-dpr="1"] .page4 .develop .developContent .developTime{
  font-size: 0.12rem!important;
}
[data-dpr="3"] .page4 .develop .developContent .developTime{
  font-size: 25px!important;
} */
.page4 .develop .developContent .developTime .developTimeList{
  position: relative;
  height: 0.6rem;
}
.page4 .develop .developContent .developTime .developTimeList .listCircle{
  width: 0.07rem;
  height: 0.07rem;
  border: 0.02rem solid #D8D8D8;
  border-radius: 50%;
  position: absolute;
  top: 0.21rem;
  right: -0.53rem;
  z-index: 99;
  background: #fff;
}
/* [data-dpr="1"] .page4 .develop .developContent .developTime .developTimeList .listCircle{
  width: 010px;
  height: 010px;
  border: 0.01rem solid #D8D8D8;
  border-radius: 50%;
  position: absolute;
  top: .6rem;
  right: -.76rem;
  z-index: 99;
  background: #fff;
} */
.page4 .develop .developContent .developEvent{
  display: inline-block;
  text-align: left;
  font-size: 0.2rem;
  color: #333333;
  width: 46%;
  
}
/* [data-dpr="3"] .page4 .develop .developContent .developEvent{
  font-size: 25px
} */
.home .page5  .bottomDown{
  width: 26%;
  height: 1.07rem;
  display: inline-block;
}

/* [data-dpr="1"] .page4 .develop .developContent .developEvent{
  font-size: 0.12rem!important;
} */
.page4 .develop .developContent .developEvent p{
  height: 0.6rem;
}
/* [data-dpr="1"] .page4 .develop .developContent .developEvent p{
  line-height: 20px!important;
} */
.page5 img{
  margin-bottom: 0.6rem;
}
.jobMain{
  padding: 0 5%;
  margin-top: 0.22rem
}
.jobs .artwareList { width: 100%; position: relative; top: 8%;margin-top: 0.22rem; }
.jobs .artwareList .hd a { display: block; width: 0.6rem; height: 0.6rem; position: absolute; top: 50%; margin-top: -0.3rem; cursor: pointer; z-index: 9; }
.jobs .artwareList .hd a.prev { background: url("../images/left.png") no-repeat; background-size: 100% auto; left: 0.5rem; width: 0.4rem;height: 0.4rem}
.jobs .artwareList .hd a.next { background: url("../images/right.png") no-repeat; background-size: 100% auto; right: 0.5rem; width: 0.4rem;height: 0.4rem}
.jobs .artwareList .bd { width: 90%; margin: 0 auto; }
.jobs .artwareList .bd li { width: 100%; float: left; margin: 1%; }
.jobs .artwareList .bd li img { width: 100%; border-radius: 0.1rem}
.job-list {  width: 100%;  text-align: left; border-bottom: 0.01rem solid #ccc;height: 1rem;background: #FBFBFB;}
.job-list li .title {
  font-family: MicrosoftYaHeiLight;
  font-weight: 300;
  font-size: 0.28rem;
  color: #333333;
  color: #333;
  height: 0.75rem;
  width: 50%;
  display: inline-block;
 }
 /* [data-dpr="1"] .job-list li .title{
   font-size: 14px!important;
 }
 [data-dpr="3"] .job-list li .title{
   font-size: 42px!important;
 } */


.job-list li {
  width: 20%;
  float: left;
  text-align: center;
  line-height: 1rem;
  font-size: 0.28rem;
  cursor: pointer; }
/* [data-dpr="1"] .job-list li{
    font-size: 14px!important;
  }
  [data-dpr="3"] .job-list li{
      font-size: 42px!important;
    } */
.postList{
  background: #FBFBFB;
  padding: 0 0.22rem;
}
.postList .job-listHide .active{
  color: #C63535;

}
.postList .job-listHide{
  display: none
}
.postList .job-listHide .title{

}
.postList .job-listHide li{
  width: 100%;
  color: #666;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300;
  line-height: 0.8rem;
  font-size: 0.26rem;
  border-bottom: 0.01rem solid #ccc;
}
/* [data-dpr="1"] .postList .job-listHide li{
    font-size: 13px!important;
    line-height: 0.4rem;
  }
  [data-dpr="3"] .postList .job-listHide li{
      font-size: 39px!important;
      line-height: 1rem;
    } */
.postList .job-listHide .postListLeft{
  float: left;
  font-size: 0.28rem;
}
/* [data-dpr="1"] .postList .job-listHide .postListLeft{
  font-size: 13px;
}
[data-dpr="3"] .postList .job-listHide .postListLeft{
  font-size: 42px;
} */
.postListLeftSelect{
  color: #333;
  font-weight: 400
}
.postList .job-listHide .flowTrue{
  float: right;
  font-size: 0.5rem;
  line-height: 0.9rem;
  color: #666
}
/* [data-dpr="1"] .postList .job-listHide .flowTrue{
    font-size: 26px!important;
    line-height: 36px;
  }
  [data-dpr="3"] .postList .job-listHide .flowTrue{
    font-size: 70px!important;
    line-height: 1rem;
    } */
.postList .job-listHide .flowFlase{
  float: right;
  padding-top: 0.22rem;
  color: #666;
  width: 0.25rem;
  display: none
}
.postList .job-listHide .flowFlase img{
  width: 100%
}
/* [data-dpr="1"] .postList .job-listHide .flowFlase{
  width: 0.35rem;
}
[data-dpr="3"] .postList .job-listHide .flowFlase{
  width: 22px;
} */
.postList .job-listHide .item{
  display: none
}

.job-listHide .item { margin-bottom: 0.3rem; display: none;margin-top: -0.25rem;}
.job-listHide .item .title{
  color: #333;
  font-size: 0.32rem;
  margin-bottom: 0.25rem;
  line-height: 0.32rem;

}
/* [data-dpr="1"] .job-listHide .item .title{
    font-size: 16px!important;
  }
  [data-dpr="3"] .job-listHide .item .title{
      font-size: 48px!important;
    } */
.job-listHide .item .head{
  font-size: 0.26rem;
  color: #333;
  line-height: 0.32rem;
  margin-bottom: 0.07rem;
  margin-top: 0.25rem;
}
/* [data-dpr="1"] .job-listHide .item .head{
    font-size: 13px!important;
  }
  [data-dpr="3"] .job-listHide .item .head{
      font-size: 42px!important;
    } */
.job-listHide .item .itemTxt{
  font-size: 0.24rem;
  color: #666666;
  line-height: 0.42rem;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300
}
/* [data-dpr="1"] .job-listHide .item .itemTxt{
    font-size: 0.12rem!important;
    line-height: 24px;
  }
  [data-dpr="3"] .job-listHide .item .itemTxt{
      font-size: 0.4rem!important;
      line-height: 76px
    } */
.job-listHide .email{
  font-size: 0.28rem;
  color: #666666;
  line-height: 0.32rem;
  margin-top: 0.3rem;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300
}
/* [data-dpr="1"] .job-listHide .email{
    font-size: 0.12rem!important;
    line-height: 24px
  }
  [data-dpr="3"] .job-listHide .email{
    font-size: 0.4rem!important;
    line-height: 76px;
    } */
.job-listHide .content a { color: #dc251d; margin: 0 0.02rem; }