.fnt_89{font-size: 89px;}
.inwrap{z-index: 10;}
.mask{position: absolute;left: 0;top:0;background: rgba(0, 0, 0, 0.44);width: 100%;height: 100%;z-index: 5;}
@media (max-width:1280px){
  .fnt_89{
    font-size: 60px;
  }
}
@media (max-width:1024px){
  .fnt_89{
    font-size: 50px;
  }
}
@media (max-width:960px){
  .fnt_89{
    font-size: 40px;
  }
}
.campus01_title{display: table;width: 100%;margin: 10% 0 5% 0;} /* BM */
.campus01_title h1{float: left;}
.campus01_title-re{float: right;line-height: 40px;}
.spanTitle{float: left;margin-right: 10px;}
.campus01_title-re .sel_box{ float: left; width: 228px;}
.select-box { text-align: left; position: relative;}
.select-box dt{height: 38px; line-height:38px;cursor: pointer;position:relative; z-index:2; border:1px solid #bfbfc3;}
.select-box dt a { display:block; text-indent:18px; }
.select-box .ico { position:absolute; right:0; top:0; width:36px; height:100%; z-index:1; background:url(../images/index_34.png) center center no-repeat; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); }
.select-box.open .ico{ transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); }
.select-box dd { display:none;position:absolute; border:1px solid #ddd; border-top:0; background:#fff; max-height:200px; width: 100%!important; top:38px; left: 0!important; overflow:auto; z-index:111111;}
.select-box.open dd{ display: block; }
.select-box dd a{ display:block; padding:10px 18px; line-height: 20px; color:#383838;}
.select-box dd a.on { background:#0096E0; color:#fff!important;}
.btn_tj{ display: block; width: 175px; height: 46px; line-height: 46px; margin:2.5% auto 0; text-align: center; color: #fff; border:none; background: #0096E0; }

.tableAll{margin-bottom: 5.5%;}
.table01{border-bottom:1px solid #bfbfc3;overflow: hidden;}
.tableAll>.table01{border-bottom:1px solid #0096E0;;border-top:2px solid #0096E0;}
.table01 .thead{width: 18%;float: left;font-size: 18px;color: #0096e0;text-align:center;margin: 1% 0;} /* BM */
.table01 .thead:last-child{width: 10%;}
.thead img{vertical-align: middle;margin-bottom: 2px;margin-left: 5px;}
.thead.addJia span{ cursor: pointer; padding-left: 18px; background: url(../images/jia.png) left center no-repeat;}
.tableContent p.thead{font-size: 14px;color: #70707b;border-right: 1px solid #ddd;height: 17px;line-height: 17px;}
.lastPline{border-right: none!important;cursor: pointer;}
.firstTableOne{display: none;}
.table01.firstTableOne p.thead{border-right: none;}
.img{background: url(../images/joinxiala.png) no-repeat;width: 13px;height: 9px;display: inline-block;margin-left: 5px;}

.tableContent_bott{background: #fbfbfb;padding:4% 0;overflow: hidden;display: none;position: relative;}
.tableContent_bott-le,.tableContent_bott-re{width: 50%;float: left;}
.tableContent_bott-le img,.tableContent_bott-re img{margin-left: 56px;float: left;}
.bott_item{float: left;margin-left: 15px;width:calc(100% - 190px)}
.bott_item p{color: #343434;font-weight: bold;margin-bottom: 5%;}
.bott_item li{list-style: disc inside; color: #0096e0;line-height: 36px;}
.bott_item li span{color: #343434;}
.lastPline.on{color: #005bac!important;}
.tableContent p.thead.on{color: #005bac!important;}
.lastPline.on .img{background: url(../images/camtop.png) no-repeat;}
.tableContent_bott-re{position: relative;margin-bottom: 7%;}
.learnMore{width: 190px;float: right;margin-right: 5%;}
.learnMore .mor{ display: block; position: relative;height: 50px;background:#BCBCBC;background: url(../images/kuang.png)no-repeat;background-size: 100% 100%;}
.learnMore .mor a{ float: left; display: block; color:#005bac; width: 100%;  text-align: center; line-height: 50px;line-height: 50px;}
/* .learnMore .mor:hover{background:-webkit-linear-gradient(-90deg,#0E67B7 0%,#5AB0F7 100%);
  background: -moz-linear-gradient(-90deg,#0E67B7 0%,#5AB0F7 100%);
  background: -o-linear-gradient(-90deg,#0E67B7 0%,#5AB0F7 100%);
  background: -ms-linear-gradient(-90deg,#0E67B7 0%,#5AB0F7 100%);
  background: linear-gradient(-90deg,#0E67B7 0%,#5AB0F7 100%);} */
  .learnMore .mor a img{vertical-align: middle;margin-bottom: 3px;}
  .learnMore .mor a::before{content: ""; position: absolute; left:0; top:0; width:0%; height: 100%; background:rgba(255,255,255,0.3);transition:0.2s all; -moz-transition:0.2s all;-ms-transition:0.2s all;}
  .learnMore .mor a:hover::before{width:100%;}

.faq_02{overflow: hidden;margin-top:3.7%;margin-bottom: 8%;}
.faq_02-le,.faq_02-re{float: left;width: 50%}
.faq_02-le a{position: relative;display: block;height: 100%;;}
.faq_02-re{position: relative;}
.faq_02-le a img,.faq_02-re a img{width: 100%;}
.faq_02-le div,.faq_02-re div{text-align: left;color: #fff;margin: 0 30px;width: 70%;}
.faq_02-le div span,.faq_02-re div span{display: block;}
.faq_02-le div span:last-child,.faq_02-re div span:last-child{height: 52px;}
.faq_02-re div{text-align: left;}
.faq_02-re div a{color: #fff;display: block;}
.faq_02-re div a img{vertical-align: middle;margin-bottom: 5px;margin-right: 10px;}
.tableContent p.thead:first-child,.tableAll>.table01 p.thead:first-child{text-align: left;padding-left: 14px;} /* BM */

.shareDiv{position: relative;margin-top: 20px;}
.sharemodal{position: absolute;top: 5px;left: 50px;}
.sharemodal a{display: inline-block;width:22px;height: 20px!important;margin-right: 9px!important;}
.pic_14 {background:url(../images/wx.png)no-repeat!important;background-size: 100% 100%;}
.pic_17 {background:url(../images/qq.png)no-repeat!important;background-size: 100% 100%;}
.pic_16 {background:url(../images/wb.png)no-repeat!important;background-size: 100% 100%;}
.pic_15 {background:url(../images/db.png)no-repeat!important;background-size: 100% 100%;} 


@media (min-width:1025px){
  .tableContent .table01:hover{ background: #3295DF;}
  .tableContent .table01:hover p.thead{color:#fff;}
  .tableContent .table01:hover p.thead.on{color:#fff!important;}
  .tableContent .table01:hover .thead:last-child .img{ background: url(../images/joinxiala_w.png) no-repeat}
  .tableContent .table01:hover .lastPline.on .img{ background: url(../images/camtop_w.png) no-repeat}
  .tableContent .table01:hover .addJia span{ background: url(../images/jia_w.png) left center no-repeat}
}



@media (max-width:1430px){
  .bott_item{
    width: calc(100% - 100px);
  }
  .learnMore{
    right: 5%;
  }
}

@media (max-width:1279px){
.thead.addJia span{ padding-left: 0; background: none;}
.tableContent_bott-le img, .tableContent_bott-re img{margin-left: 30px;}
.bott_item {
width: calc(100% - 58px);
}
.learnMore .mor{height: 40px;}
.learnMore .mor a{line-height: 40px;}
.tableContent p.thead:first-child, .tableAll>.table01 p.thead:first-child{padding-left: 0;}
}

@media (max-width:1024px){
  .campus01_title h1{width: 100%;margin-bottom: 20px;}
  .campus01_title-re{float: none;}
  .tableAll>.table01{display: none;}
  .table01{padding: 15px 0;}
  .table01 .thead{width: 100%;}
  .firstTableOne{display: block;}
  .tableContent p.thead{border-right:none;}
  .tableContent .table01 .thead span{display: inline-block;width: 50%;}
  .tableContent .table01 .thead span:first-child{text-align: left;}
  .tableContent .table01 .thead span:last-child{text-align:right;}
  .table01 .thead:last-child{width: 100%;text-align: center;}
  .table01 .thead:last-child span{width: 20px;}
  .tableContent_bott-le, .tableContent_bott-re{width: 100%;}
  .tableContent_bott-le img, .tableContent_bott-re img{float: none;display: block;margin-bottom: 10px;}
  
  .faq_02-le{margin-bottom: 15px;}
  .faq_02-le div, .faq_02-re div{width: 85%;}
  .bott_item{width: 100%;margin-left: 0;margin-bottom: 20px;}
  .bott_item p{margin-bottom: 0;}
  .learnMore{bottom: 10px;}
}
@media (max-width:767px){
  .faq_02-le, .faq_02-re{
    width: 100%;
  }
  .tableContent_bott-le img, .tableContent_bott-re img{margin-left:15px;}
  .bott_item{padding-left: 1em!important;}
}