@charset "utf-8";
/* CSS Document */
body { font:12px/24px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; overflow-x: hidden;background: #E9EEF6;color:#333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, select, textarea, th, td { margin: 0; padding: 0; }
img { border:none; max-width:100%; }
a { color:#0d0d0d; text-decoration:none;}
a:hover{color: #e4393c;text-decoration:none;}
a,area { blur:expression(this.onFocus=this.blur()) }
ul, li{ list-style:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input { outline:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
:focus { outline: none; }
input::focus-inner { padding:0;border:0;}

.fl { float:left;} .fr { float:right;}
.clearfix:after {  display: block;  content: '';  clear: both; }
.clearfix { zoom: 1;}
.clear { height:0; width:100%; font-size:1px; line-height:0; visibility:hidden; overflow:hidden;}
.Width { width:1200px; margin:0 auto;position: relative;}
.hide { display:none;} .onlymob { display:none;}
.pointer { cursor:pointer;}
.m78{ margin-bottom:70px; }

body{
  font-size:16px;
  background: #3B4BCD;
  color:#333;
}
/* 通用头部 */
.ht_top {width: 100%;background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;line-height: 41px;overflow: hidden;}
.ht_top .zt_top { width: 1070px;height: 41px;margin: 0 auto;}
.ht_top h1 { float:left;}
.ht_top h1 a {float: left;width: 131px;height: 40px;overflow: hidden;text-indent: -100em;background: url(../images/logo.png) no-repeat; background-size: 131px 40px; font-size:12px;}
.ht_top .topnav {float: right; color:#0d0d0d; font-size:12px;}
.ht_top .topnav a {padding:0 8px;}
.ht_top .topnav a:hover { color:#e4393c; text-decoration:underline;}
@keyframes textRoll{
  0%{right:-10px;}
  100%{right:100%;}
}
@keyframes scale {
  0% { transform: scale(1); }
  50% { transform: scale(1.05);}; 
  100%{
    transform: scale(1);
    
  }
}
.banner {
  position: relative;
  height:620px;
  background: url(../images/banner.png) top center no-repeat;
  text-align: center;
  overflow: hidden;
}

.banner ul{
  padding:68px 90px 0;
}
.banner li a{
  display: block;
  float:left;
  border-radius: 17px;
   width: 75px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  color:#fff;
  background: #3E34E5;
  margin-right:10px;
}
.banner li a:hover{
  background: #EE9E00;
}
.banner .bg-text{
  width:1200px;
  position: absolute;
  top:158px;
  right: 0;
  left:50%;
  margin-left:-600px;
  bottom:0;
  height:100%;
  overflow: hidden;
}
.banner .bg-text>div{
  width:100%;
  text-align: right;
  position: absolute;
  z-index: 1;
 font-size: 24px;
  color: rgba(255, 255, 255, 0.259);
  line-height: 1.2;
}
.banner .bg-text div:nth-child(1){
  top:0px;
  animation:textRoll 10s linear infinite;
  -webkit-animation:textRoll 10s linear infinite; 
}
.banner .bg-text div:nth-child(2){
  top:60px;
   animation:textRoll 5s linear infinite;
  -webkit-animation:textRoll 5s linear infinite; 
}
.banner .bg-text div:nth-child(3){
  top:110px;
   animation:textRoll 8s linear infinite;
  -webkit-animation:textRoll 8s linear infinite; 
}
.banner .bg-text div:nth-child(4){
  top:250px;
   animation:textRoll 6s linear infinite;
  -webkit-animation:textRoll 6s linear infinite; 
}
.banner .bg-text div:nth-child(5){
  top:300px;
   animation:textRoll 7s linear infinite;
  -webkit-animation:textRoll 7s linear infinite; 
}
.you{
  padding-top:430px;
  font-size:36px;
  color:#fff;
  letter-spacing: 5px;
}
.title{
  font-size: 48px;
  color:#fff;
  font-weight: bold;
  line-height: 1.2;
  text-shadow: 0px 8px 16px rgba(28, 16, 89, 0.46);
  -moz-transform: matrix( 1,0,0,1.00685665869948,0,0);
  -webkit-transform: matrix( 1,0,0,1.00685665869948,0,0);
  -ms-transform: matrix( 1,0,0,1.00685665869948,0,0);
  text-align: center;
  margin-bottom: 40px;
}
.panel01{
  padding-top:15px;
 
}
.title:before,.title:after{
  content: "";
  display: inline-block;
  width:52px;
  height: 36px;
}
.title:before{
  background: url(../images/q1.png) no-repeat;
  margin-right:24px;
}
.title:after{
  background: url(../images/q2.png) no-repeat;
  margin-left:-3px;
}
.panel01 .text-wrap{
  background: #E9EDFF;
  border-radius: 20px;
  padding:40px 150px 0 208px;
  overflow: hidden;
   position: relative;
}
.panel01 .tip{
  font-size:24px;
  font-weight:bold;
  color:#162690;
  background: url(../images/border.png) center 18px no-repeat;
  padding:0 20px 8px;
  margin-bottom:7px;
  display: inline-block;
  background-size:100%;
}
.panel01 .text{
  margin-bottom: 40px;
}
.panel01 img{
   position: absolute;
}
.panel01 .rb{
  left:32px;
  top:42px;
}
.panel01 .y1{
  right:0px;
  top:68px;
}
.panel01 .y2{
  left:0px;
  top:340px;
}
.list-job{
  float:left;
  border-radius: 15px;
  background-color: rgb(234, 237, 255);
  width: 224px;
  height: 316px;
  text-align: center;
  position: relative;
  font-size:15px;
  padding:0 15px;
  box-sizing: border-box;
  margin-right:17px;
  transition: all .3s ease;
  position: relative;
  overflow: hidden;
}
.list-job .masker-links{
    width: 224px;
    height: 316px;
    border-radius: 15px;
    background:rgba(0,0,0,.6);
    position: absolute;
    left:0;
    top:316px;
    display: block;
    transition: all .3s ease;
}
/*.list-job:hover{
  transform: scale(1.03);
}
*/
.list-job:hover .masker-links{
  top:0;
}
.list-job:last-child{
  margin-right:0;
}
.list-job h3{
  padding-top:20px;
  padding-bottom:28px;
  font-size:22px;
  font-weight:bold;
 
}
.list-job:nth-child(2) h3,
.list-job:nth-child(3) h3{
   padding-left:33px;
}
.list-job p.text{
  padding-top: 20px;
}

.list-job img{
  width:120px;
  height:72px;
  margin-bottom: 20px;
}
.list-job p{
  text-align: left;
}
.list-job .cls{
  width:100px;
  text-align: center;
  /*padding:5px 18px;*/
  background: #CFDCFF;
  margin:0 auto 8px;
  /*margin-right:10px;
  margin-bottom: 8px;*/
  display: block;
  border-radius: 5px;
}
.list-job:nth-child(4) .cls{
  margin-left:43px;
}
.list-job01 .cls,.list-job02 .cls,.list-job03 .cls{
  display: inline-block;
  width:80px;
  margin:0 8px 8px;
}
.list-job .letter{
  position: absolute;
  top:0;
  left:10px;
  width:40px;
  height:55px;
  background: url(../images/sj.png) no-repeat;
  background-size:100% 100%;
  font-size:30px;
  font-weight:bold;
  line-height: 46px;
  color:#fff;
}
.panel03 .table-wrap{
  border-radius: 30px;
  background-color: rgb(234, 237, 255);
  height: 440px;
  padding:35px 25px;
  box-sizing: border-box;
}
.panel03 .table-wrap ul{
  padding-left:15px;
}
.panel03 .table-wrap li,
.pop-prov-ul li{
  width: 9%;
  height: 44px;
  border-radius: 35px;
  text-align: center;
  line-height: 44px;
  font-size:22px;
  color:#fff;
  margin:0 5px 15px;
  float:left;
  background-image: -moz-linear-gradient( -9deg, rgb(61,146,234) 0%, rgb(61,113,216) 56%, rgb(61,79,198) 100%);
  background-image: -ms-linear-gradient( -9deg, rgb(61,146,234) 0%, rgb(61,113,216) 56%, rgb(61,79,198) 100%);
  background-image: -webkit-linear-gradient( -9deg, rgb(61,146,234) 0%, rgb(61,113,216) 56%, rgb(61,79,198) 100%);
}
.panel03 .table-wrap li:hover,.panel03 .table-wrap li.on,
.pop-prov-ul li:hover,.pop02 .wrap .link-a:hover{
   background-image: -moz-linear-gradient( -9deg, rgb(252,202,112) 0%, rgb(233,170,56) 56%, rgb(214,137,0) 100%);
  background-image: -webkit-linear-gradient( -9deg, rgb(252,202,112) 0%, rgb(233,170,56) 56%, rgb(214,137,0) 100%);
  background-image: -ms-linear-gradient( -9deg, rgb(252,202,112) 0%, rgb(233,170,56) 56%, rgb(214,137,0) 100%);
} 
.pop-prov-ul{
  padding-left:31px;
}
.pop-prov-ul li{
    color:#fff;
     width: 62px;
    height: 30px;
    line-height: 30px;
    font-size:16px;
    margin:0 7px 20px;
  }
.pop-prov-ul li a{
  color:#fff;
}

.panel03 table{
  width:100%;
  text-align: center;
  font-size:20px;
  border-left:1px solid #519CE2;
  box-sizing: border-box;
}
.panel03 table th{
  color:#fff;
  padding:15px 0;
  background: #0092F1;
  font-weight:normal;
   border-right:1px solid #519CE2;
  border-bottom:1px solid #519CE2;
}
.panel03 table td{
  padding:20px 0;
  border-right:1px solid #519CE2;
  border-bottom:1px solid #519CE2;
}
.panel03 table a{
  color:#3B4BCD;
}
.panel03 .list-tab-cont{
  display: none;
}
.panel03{
  margin-bottom: 60px;
}
.panel04{
  position: relative;
}
.panel04 img{
  position: absolute;
  left: 0;
  top:110px;
}
.panel04 .text-box{
  width:934px;
  height: 370px;
  text-align: center;
  background:url(../images/bg.png) no-repeat;
  background-size:100% 100%;
  margin-left:264px;
  font-size:30px;
  padding-top:36px;
}
.panel04 .text-box p{
  margin-bottom: 22px;
}
.panel04 .text-box p.mar{
  margin-bottom: 40px;
}
.panel04 .text-box strong{
  font-size:36px;
}
.panel04 .text-box a {
  background-image: -moz-linear-gradient( -9deg, rgb(61,146,234) 0%, rgb(61,113,216) 56%, rgb(61,79,198) 100%);
  background-image: -webkit-linear-gradient( -9deg, rgb(61,146,234) 0%, rgb(61,113,216) 56%, rgb(61,79,198) 100%);
  background-image: -ms-linear-gradient( -9deg, rgb(61,146,234) 0%, rgb(61,113,216) 56%, rgb(61,79,198) 100%);
  width: 301px;
  height: 66px;
 border-radius: 35px;
 line-height: 66px;
 color:#fff;
 display: block;
 margin:0 auto;
}
.panel05 dl,.popZl dl{
  border-radius: 15px;
  background-color: rgb(234, 237, 255);
   width: 244px;
  height: 310px;
  padding:30px 25px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  float: left;
}

.panel05 dl dt,.popZl dl dt{
  width: 244px;
  height: 310px;
  position: absolute;
  transform: translateY(31px);
  left:0;
  top:310px;
  background: rgba(0,0,0,.6);
  transition: all .3s ease;
  border-radius: 15px;
}
.panel05 dl:hover dt{
  top:-31px;
}
.panel05 dl dt a
,.popZl dl dt a,
.masker-links a,
.list-job .masker-links a{
  border-radius: 22px;
  background-image: -moz-linear-gradient( -9deg, rgb(51,151,254) 0%, rgb(56,115,226) 56%, rgb(61,79,198) 100%);
  background-image: -webkit-linear-gradient( -9deg, rgb(51,151,254) 0%, rgb(56,115,226) 56%, rgb(61,79,198) 100%);
  background-image: -ms-linear-gradient( -9deg, rgb(51,151,254) 0%, rgb(56,115,226) 56%, rgb(61,79,198) 100%);
  width: 203px;
  height: 49px;
   border-radius: 35px;
   text-align: center;
   line-height: 49px;
   color:#fff;
   display: block;
   margin:205px auto 0;
   font-size:23px;
}
.panel05 .top-zl{
  margin-bottom: 76px;
  padding:88px 160px 0;
}
.panel05 .top-zl dl:nth-child(2){
  margin:-88px 74px 0;

}
.panel05 .bottom-zl dl:nth-child(1){
  margin-left:295px;
  margin-right:114px;
}
.panel05 {
  margin-bottom: 110px;
}
.panel06 dl{
  border-radius: 15px;
  background-color: rgb(234, 237, 255);
  width: 308px;
  height: 433px;
  text-align: center;
  font-size:19px;
  padding:0 17px;
  box-sizing: border-box;
  float: left;
  transition: all .3s linear;
  position: relative;
  
  overflow: hidden;
}

.panel06 dl .masker-links{
   width: 308px;
  height: 433px;
  background: rgba(0,0,0,.6);
  position: absolute;
  top:433px;
  left:0px;
  border-radius: 15px;
  transition: all .3s ease;
}
.panel06 dl:hover .masker-links{
  top:0;
}
.panel06 dl:hover{
 transform: scale(1.03);
}
.panel06 dl dd{
  padding-top:30px;
  margin-bottom: 25px;
}
.panel06 .type {
  text-align: left;
  
  margin-bottom: 26px;
}
.panel06 .type span {
  border-radius: 3px;
  background-color: #F08C00;
  width: 100px;
  height: 36px;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  color:#fff;
  margin-right: 15px;
}
.panel06 h3{
  font-size:24px;
  margin-bottom: 20px;
}
.panel06 .top-bk{
  margin-bottom: 60px;
}
.panel06 .top-bk dl:nth-child(2){
  margin:0 136px;
}
.bottom-bk dl:nth-child(1){
  margin-left:196px;
  margin-right:162px;
}
.panel06 {
  overflow: hidden;
}
.panel07,.img-links{
   border-radius: 15px;
  background-color: rgb(234, 237, 255);
  width: 1198px;
  height: auto;
  padding:42px 31px;
  box-sizing: border-box;
  margin-bottom: 110px;
}
.img-links{
  width:1000px;
  height:355px;
  margin:0 auto 20px;
}
.panel07 a,.img-links a{
  float: left;
  width:316px;
  height: auto;
  margin:0 31px;
  transition: all .3s linear;
}
.img-links a{
  width:270px;
  height: 270px;
  margin:0 21px;
}
.panel07 a:hover,.img-links a:hover{
  transform: scale(1.02);
}
.panel07 a:first-child{
  box-shadow: 0px 0px 50px #e9ecff;
}
.panel07 a img{
  width: 100%;
  height:100%;
}
.panel08 {
  margin-bottom: 50px;
}
.panel08 li{
  float:left;
  margin:0 17px 20px 17px;
}
.panel08 li a{
  border-style: solid;
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(243, 183, 47, 0);
   width: 132px;
  height: 53px;
  border-radius: 35px;
  text-align: center;
  line-height: 53px;
  font-size:26px;
  color:#fff;
  display: block;

}
.panel08 li:hover a{
  background: #F08C00;
   border-color:#F08C00;
}
.panel08 li.no-mar{
  margin-right: 0;
}
.erm-box{
  font-size:15px;
  color:#fff;
  width:100%;
  margin:0 auto 140px;
  text-align: center;
}
.erm-box p{
  line-height: 1.4;
  padding-top:20px;

}


.masker{
  position: fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background: #000;
  opacity:.6;
  display: none;
}
.pop{
  background: #fff;
  border-radius: 15px;
  position: fixed;
   left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  display: none;
  z-index: 999;
}
.userInfoPop{
  width:686px;
  height:380px;
  padding-top:56px;
  font-size:16px;
  box-sizing: border-box;
 
}
.userInfoPop .tip{
  display: inline-block;
  text-align: right;
  width:112px;
  margin-right:20px;
}
.userInfoPop .list-info{
  margin-bottom: 30px;
  padding:0 80px;
  position: relative;
}
.userInfoPop .list-info select,.userInfoPop .list-info input
{
  height:50px;
  line-height: 50px;
  border:1px solid #E4E4E4;
  font-size:16px;
}

.userInfoPop .list-info select{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url(../images/sj2.png) 325px center no-repeat;
  text-indent: 5px;

}
.userInfoPop .list-info select option{
  color:#333;
}
.userInfoPop .list-info select,.userInfoPop .list-info.v-code input{
  width:354px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#b7b7b7;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#b7b7b7;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#b7b7b7;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#b7b7b7;
}
.closeBtn{
  position: absolute;
  right:65px;
  top:28px;
  cursor: pointer;
  z-index: 10;
}
.userInfoPop .list-info.v-code{
  margin-bottom: 60px;
}
.pop02{
  width:1050px;
  max-height: 600px;
  overflow-y: scroll;
  /*display: block;*/
}
.pop02 .tip-text{
  position: relative;
  font-size:20px;
  padding-top:64px;
  margin-bottom: 40px;
}
.pop02 .tip-text img{
  position: absolute;
  left:46px;
  top:108px;
}
.pop02 .tip-text .text{
  width:706px;
  height: 160px;
  padding-top:26px;
  background: url(../images/yun.png) center no-repeat;
  background-size:auto 100%;
  text-align: center;
  line-height: 34px;
  margin-left:190px;
  box-sizing: border-box;
}
.goBtn {
  background-image: -moz-linear-gradient( -9deg, rgb(61,146,234) 0%, rgb(61,113,216) 56%, rgb(61,79,198) 100%);
  background-image: -webkit-linear-gradient( -9deg, rgb(61,146,234) 0%, rgb(61,113,216) 56%, rgb(61,79,198) 100%);
  background-image: -ms-linear-gradient( -9deg, rgb(61,146,234) 0%, rgb(61,113,216) 56%, rgb(61,79,198) 100%);
 font-size:18px;
  width: 209px;
  height: 46px;
 text-align: center;
 line-height: 46px;
 color:#fff;
 margin:0 auto;
 border-radius: 35px;
}
.pop02 .wrap{
  width:974px;
  margin:0 auto 20px;
  padding-top:30px;
  padding-bottom: 18px;
}
.pop02 .wrap h3{
  font-size:30px;
  height:30px;
  line-height: 30px;
  border-left:6px solid #E62C4B;
  padding-left:10px;
  width:920px;
  margin:0 auto 12px;
  /*padding-top:30px;
  padding-bottom: 12px;*/
}
.pop02 .wrap p{
  padding:0 18px;
}
.pop02 .wrap .link-a{
  display: block;
   width: 123px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  border-radius: 35px;
  color:#fff;
  margin:20px auto 0;
  background-image: -webkit-linear-gradient( -9deg, rgb(51,151,254) 0%, rgb(56,115,226) 56%, rgb(61,79,198) 100%);
}

.bkzd-wrap h4{
  text-align: center;
  padding-top:30px;
  padding-bottom: 20px;
}

.mob{
  display: none;
}
.box8_list{
  height: 400px;
  display: inline-block;
}
.box8_list li{
  width: 440px;
  float: left;
  margin: 0 80px;
  height:455px;
  background: linear-gradient(70deg,rgba(71,74,230,1),rgba(72,142,245,1));
  box-sizing: border-box;
  padding: 15px;
  border:1px solid rgba(72, 35, 95, 1);
}
.box8_box{
  height: 100%;
  box-sizing: border-box;
  padding-top: 55px;
  border: 1px solid #fff;
}
.box8_box img{
  display: block;
  margin: 0 auto 30px;
  width: 220px;
}
.box8_box p{
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 20px;
}


/* 通用底部 */
.footer { clear:both;text-align: center;padding:40px 0;position: relative;
  background:#333; }
.footer p {line-height: 26px; color:#fff; font-size:14px;position: relative;z-index: 2;}
.footer p a {color: #fff; font-size:14px;}
.footer p span {padding: 0 5px; }



@media only all and (max-width:1080px){
  .onlymob { display:block;}
  html{ font-size:20px; }
  body { font: 0.7rem/1.2rem "Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif; width: 18.75rem; margin: 0 auto; overflow-x: hidden;
    background-size: 200% 24rem; }
  html,body{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .Width {  width: 96%;  }
  .ml480 { margin-left:0; }
  /* 隐藏元素 */
  .ht_top .topnav a:nth-child(n+2) ,
  .footer p ,
  .pc,
  .onlypc,
  .banner .bg-text div:nth-child(9)
  ,.banner .bg-text div:nth-child(10),
  .banner ul,
  .banner .bg-text,
  .panel01 .rb,
  .panel04 img,
  .pop02 .tip-text img
  {  display: none;  }
  .mob{
    display: block;
  }

  /* 通用头部 */
  .ht_top { line-height: 2.5rem; height:2.5rem; background-size:auto 100%; }
  .ht_top .zt_top { width:17.5rem; height:2.5rem; }
  .ht_top h1 a { height:2.5rem; width:7.5rem; background: url(../images/logo.png) no-repeat center; background-size:100%; }
  .ht_top .topnav { font-size:0.8rem; text-indent:-1000rem;}
  .ht_top .topnav a { padding:0 0 0 0.3rem; text-indent: 0; float: right; }
  .m78{
    margin-bottom: 1rem;
  }
  .banner { 
    height:9.5rem; 
    background: url(../images/mban.png) top center no-repeat;
    background-size:100% 100%;
  }
  .you{
    font-size:.75rem;
    padding-top:6rem;
  }
  .title{
    font-size:1.2rem;
    margin-bottom: 1.25rem;
  }
  .title:before, .title:after{
    width:1.25rem;
    height:1rem;
    background-size:100% 100%;
  }
  .title:before{
  margin-right:6px;
  }
  .panel01 .text-wrap{
    padding:1.25rem 1rem;
  }
  .panel01 .tip{
    font-size:1rem;
  }
  .panel01 .text{
    margin-bottom: .75rem;
  }
  .panel01 img{
    width:4rem;
  }
  .panel01 .y2{
    top:80%;
  }
  .list-job{
    width:18rem;
    margin-bottom: .5rem;
    height:auto;
    padding-bottom:1rem;
    font-size:.75rem;
  }
  .list-job h3{
    padding:1rem 0;
    font-size:1rem;
  }
  .list-job img{
    width:5rem;
    height: 3rem;
  }
  .list-job p.text{
    padding-top:0;
  }
  .list-job:nth-child(4) .cls{
    margin-left:32%;
  }
  .panel03 .table-wrap{
    border-radius: 5px;
    height:auto;
    padding:.5rem;
  }
  .panel03 table{
    font-size:.65rem;
  }
  .panel03 table th,.panel03 table td{
    padding:.25rem 0;
    line-height: 1.1;
  }
  .panel04 .text-box{
    width:100%;
    margin-left:0;
    font-size:.75rem;
    height:12rem;
    padding-top:.5rem;
    background: #E9EDFF;
    border-radius: 5px;
  }
  .panel04 .text-box p.mar{
    margin-bottom: 1rem;
  }
  .panel04 .text-box strong{
    font-size:1rem;
  }
  .panel04 .text-box p{
    margin-bottom: .25rem;
  }
  .panel04 .text-box a{
    width:8rem;
    height:2rem;
    line-height: 2rem;
    font-size:.75rem;
  }
  .panel05 dl, .popZl dl,.panel05 .top-zl dl:nth-child(2),
  .panel05 .bottom-zl dl:nth-child(1){
    width: 46%;
    margin:0 2% .5rem;
    padding:.5rem;
    height:9rem;
  }
  .panel05 dl dt, .popZl dl dt{
     width: 100%;
      height:9rem;
  }
  .panel05 .top-zl dl:nth-child(3){
    margin:0 32% .5rem;
  }
  .panel05 .top-zl{
    padding:0;
    margin-bottom: 0;
  }
  .panel05 dl:hover dt{
    top:-1.55rem;
  }
  .panel05 dl dt a, .popZl dl dt a, .masker-links a,
   .list-job .masker-links a{
    margin-top:3.5rem;
    width:7rem;
    height:2rem;
    line-height: 2rem;
    font-size:.75rem;
  }
  .masker-links a{
    margin-top:5.5rem;
  }
  .panel03,.panel05{
    margin-bottom: 1.5rem;
  }
  /*.panel05 .top-zl dl:nth-child(2),
  .panel05 .bottom-zl dl:nth-child(1){
    margin:0;
    margin-bottom: .5rem;
  }*/
 .panel05 dl dd img,.panel05 dl dd{
  width:6rem;
  margin:0 auto;
 }
  .panel06{
    margin-bottom: 1rem;
  }
  .panel06 dl,.panel06 .top-bk dl:nth-child(2),.bottom-bk dl:nth-child(1){
    width:100%;
    margin:0 auto .5rem;
    font-size:.75rem;
    height:auto;
    padding-bottom: 1rem;
  }
  .panel06 dl dd img{
    width:6.5rem;
  }
  .panel06 dl dd{
    padding-top:.5rem;
    margin-bottom: .5rem;
  }
  .panel06 h3{
    font-size:1rem;
    margin-bottom: .25rem;
  }
  .panel06 .top-bk{
    margin-bottom:0;
  }
  .panel07{
    padding:0;
    height: auto;
    background: none;
    margin-bottom: 1rem;
  }
  .panel07 a:first-child{
    box-shadow:none;
  }
  .panel07 a{
    width:48%;
    height: 6rem;
    margin:0 1% .5rem;
  }
  .panel08 li a{
    width:4rem;
    font-size:.75rem;
    height:1.5rem;
    line-height: 1.5rem;
    border:1px solid #fff;
    box-sizing: border-box;
  }
  .panel03 .table-wrap ul{
    padding:0;
  }
  .panel03 .table-wrap li{
    width:3.75rem;
    height:1.65rem;
    line-height: 1.65rem;
    font-size:.75rem;
  }
  .panel08{
    margin-bottom: 1rem;
  }
  .panel08 li,.panel08 li.no-mar{
    margin:0 1.1% .5rem;
  }
  .erm-box{
    margin-bottom: 1.5rem;
    font-size:.75rem;
  }
  .erm-box p{
    padding-top:.5rem;
  }

  .closeBtn{
    right:1rem;
    top:1rem;
  }
  .userInfoPop{
    width:96%;
    font-size:.75rem;
    height:15rem;
    padding:2.5rem 0 1.5rem;
    display: none;
  }
  .userInfoPop .list-info{
    padding:0 .25rem;
    margin-bottom: .75rem;
  }
  .userInfoPop .list-info select, .userInfoPop .list-info.v-code input{
    width:60%;
  }
  .userInfoPop .tip{
    width:5.5rem;
    margin-right:.5rem;
  }
  .userInfoPop .list-info select, .userInfoPop .list-info input{
    height:2rem;
    line-height: 2rem;
    font-size:.7rem;
  }
  .userInfoPop .tel input{
    width:60%;
    border-right: 1px solid #E4E4E4;
  }
  .userInfoPop .tel button{
    position: relative;
    top:.8rem;
    width:4rem;
    right:-62%;
    margin-left:2rem;
    height:2rem;
    line-height: 2rem;
    z-index: 9;
    font-size:.7rem;
  }
  .userInfoPop .list-info.v-code{
    margin-top:-2rem;
    margin-bottom: 1rem;
  }
  .pop02{
    width:96%;
    max-height: 20rem;
    /*display: none;*/
  }
  .pop02 .tip-text .text{
    width:96%;
    margin:0 auto;
    background-size:100% 100%;
    padding:1rem;
    box-sizing: border-box;
    height:5.25rem;
  }
  .pop02 .wrap h3{
    font-size:1rem;
    line-height: 1rem;
    height: 1rem;
    width:90%;
  }
  .pop02 .wrap{
    width:98%;
    margin:0 1%;
    padding:.75rem 0;
  }
  .pop02 .wrap p{
    padding:0 0.5rem;
  }
  .bkzd-wrap h4{
    padding:.25rem 0;
  }
  .pop02 .wrap .link-a{
    margin-top:.5rem;
  }
   .pop02 .tip-text .text p{
     font-size:.75rem;
    line-height: 1.4;
   }
   /*.popZl dd img,.popZl dd{
    width:6rem;
    margin:0 auto;
   }*/
   .pop02 .tip-text{
    padding-top: 2.25rem;
    margin-bottom: 1rem;
   }
   .pop-porvince{
    margin-bottom: 1rem;
   }
   .pop-porvince .swiper-slide, .pop-porvince .swiper-container, 
   .swiper-wrapper, .pop-porvince .swiper-slide img{
    width:16rem;
    height:10rem;
   }
  /* .pop-porvince .swiper-container{
    margin-left:1rem;
    margin-bottom: 1.25rem;
   }
    .pop-erm p{
      font-size:.85rem;
      padding:.75rem 0;
    }*/
   .pop-prov-ul{
    width:100%;
    padding:0;
    margin:0 auto;
   }
   .pop-prov-ul li{
    width:22%;
    height: 1.75rem;
    line-height: 1.75rem;
    margin:0 1.5% .5rem;
    font-size:.75rem;
    border-radius: .35rem;
   }
   .panel06 dl .masker-links{
    width:100%;
    height:100%;
   }
   /*.img-links{
    width:100%;
    padding:.5rem .25rem;
    height:15.5rem;
   }
   .img-links a{
    width:7rem;
    height:7rem;
    margin:0 5% .5rem;
   }*/
   .list-job .masker-links{
      width:100%;
      height:100%;
      top:100%;
   }
    .list-job .masker-links a{
      margin-top:27%;
    }
    .list-job01 .cls, .list-job02 .cls, .list-job03 .cls{
      width:5rem;
    }
    .box8_list{
      width: 100%;
      height: 10rem;
      display: inline-block;
    }
    .box8_list li{
      width: 48%;
      margin: 0 1%;
      height: auto;
      padding: .2rem;
  }
  .box8_box{
      padding-top: .8rem;
  }
  .box8_box img{
      margin: 0 auto .5rem;
      width: 6rem;
  }
  .box8_box p{
      line-height: 1rem;
      font-size: .6rem;
  }
  /* 通用底部 */
  .footer { height:2.1rem; padding:0;  overflow:hidden; position:relative; }
  .footer p { display: none;}
  .footer:before { color:#fff; position:absolute; left:0; top:0; display:block; content:"华图教育科技有限公司版权所有";
    width: 100%; height:2.1rem; padding:0; overflow:hidden;
    line-height:2.1rem; font-size:0.7rem; text-align: center; }

  .mobfixnav { bottom:.5rem; right:.5rem; }
  .mobfixnav a { width:3rem; height:1.6rem; padding:.7rem 0;
    font-size: .6rem; line-height:.8rem;  }
}