.box_container{
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 40px;
}
.yscontainer{
  padding: 50px 0;
}
.banner_box {
  width: 100%;
  min-height: 601px;
  background: url("../images/banner_bg.png") center top no-repeat;
}
.banner_box .container {

}
.banner_box .container .txt1 {
  margin: auto;
  text-align: center;
}
.banner_box .container .txt2 {
  text-align: center;
}
.banner_box .container .txt {
  width: 1193px;
  background: #ffffff;
  box-shadow: 0px 5px 20px 0px rgba(51, 51, 51, 0.03);
  margin: 30px auto 0;
}
.kc-tab li {
  float: left;
  width: 33.33%;
  height: 88px;
  line-height: 88px;
  text-align: center;
  cursor: pointer;
  font-size: 22px;
}
.kc-tab li.active, .kc-tab li:hover {
  color: #fff;
  background:linear-gradient(30deg,rgba(66,144,245,1),rgba(50,107,227,1));
  box-shadow:0px 5px 20px 0px rgba(51,51,51,0.03);
}
.toggleItem {
  background: #EFF1F9;
  padding-bottom: 60px;
}
.written, .interview {
  padding-top: 10px;
}

.zsjz,.kczx,.province_show{
  padding-left: 40px;
}
.kczx{
  padding-bottom: 0 !important;
}
.kc-tab-item {
  display: none;
}
.kc-tab-item.active {
  display: block;
}
.interview-title {
  color:rgba(54,83,174,1);
  font-size: 30px;
  line-height: 32px;
  text-align: center;
}
.interview-title::before, .interview-title::after {
  content: '';
  display: inline-block;
  width: 47px;
  height: 26px;
  vertical-align: middle;
}
.interview-title::before {
  background: url('../images/bsL.png') no-repeat center;
  margin-right: 12px;
}
.interview-title::after {
  background: url('../images/bsR.png') no-repeat center;
  margin-left: 12px;
}
.city {
  padding: 0 25px;
  margin-top: 39px;
}
.city li {
  float: left;
  width:134px;
  height:54px;
  line-height: 54px;
  background:linear-gradient(90deg,rgba(50,76,168,1),rgba(68,111,197,1));
  border-radius:26px;
  text-align: center;
  font-size: 20px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.city li:nth-child(8n) {
  margin-right: 0;
}
.city li:hover {
  background:linear-gradient(90deg,rgba(66,144,245,1),rgba(50,107,227,1));
}
.city li a {
  display: block;
  color: #fff;
}


.box1 {
  /* padding-top: 800px; */
  padding-bottom: 70px;
  background: #f7f8fb;
}
.box1 .container .box1-contant {
  height: 520px;
  position: relative;
  margin-top: 80px;
  background: #ffffff;
  box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.13);
}
.box1 .container .box1-contant .box1-contant-fl {
  position: absolute;
  top: -35px;
  background: url('../images/box1_bg.png') no-repeat top;
  color: #fff;
  height: 555px;
  width: 276px;
  padding: 0 37px;
}
.box1 .container .box1-contant .box1-contant-fl h2 {
  font-weight: 400;
}
.box1 .container .box1-contant .box1-contant-fl h2 a {
  display: inline-block;
  font-size: 30px;
  width: 90%;
  color: #fff;
  padding: 10px 16px;
  background: url('../images/arrowR.png') no-repeat center right;
}
.box1 .container .box1-contant .box1-contant-fl .shizhan-txt {
  width: 256px;
  margin: 20px auto 0;
}
.box1 .container .box1-contant .box1-contant-fl ul {
  margin-top: 80px;
}
.box1 .container .box1-contant .box1-contant-fl ul li {
  float: left;
  width: 133px;
  height: 64px;
  line-height: 64px;
  background:rgba(255,255,255,.08);
  font-size: 20px;
  margin-right: 9px;
  margin-bottom: 10px;
  text-align: center;
}
.box1 .container .box1-contant .box1-contant-fl ul li a {
  color: #ffffff;
}
.box1 .container .box1-contant .box1-contant-fl ul li:nth-child(2n) {
  margin-right: 0;
}
.box1 .container .box1-contant .box1-contant-fr {
  padding: 75px 66px 40px;
}
.box1 .container .box1-contant .box1-contant-fr h2 {
  font-size: 36px;
  color: #333;
  font-weight: 400;
}
.box1 .container .box1-contant .box1-contant-fr h3 {
  font-size: 28px;
  color: #333;
  font-weight: 400;
  margin: 16px 0 30px;
}
.box1 .container .box1-contant .box1-contant-fr .timu {
  color: #666666;
  font-size: 20px;
}
.box1 .container .box1-contant .box1-contant-fr .timu p {
  margin-bottom: 10px;
}
.box1 .container .box1-contant .box1-contant-fr .timu span {
  margin-right: 40px;
}
.box1 .container .box1-contant .box1-contant-fr .teacher-swiper {
  margin-top: 50px;
  width: 696px;
  height: 240px;
}
.box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-li {
  width: 158px;
  margin-right: 20px;
}
.box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-li .teacher-img {
  position: relative;
}
.box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-li .teacher-img img {
  width: 158px;
}
.box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-li .teacher-img .pos {
  position: absolute;
  top: 0;
  right: 0;
  writing-mode: tb-rl;
  width: 25px;
  background: url('../images/teacher_bg.png') no-repeat center;
  color: #fff;
  font-size: 14px;
  padding: 10px 0 18px;
  line-height: 25px;
}
.box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-li .teacher-sw-p {
  width: 60px;
  margin: auto;
  font-size: 18px;
  padding-left: 30px;
  background: url('../images/sw_p.png') no-repeat left;
}
.box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-pagination {
  bottom: 0;
  right: 0;
  text-align: right;
}
.box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #b2b2b2;
}
.box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #4c4c4c;
}
.box2 {
  background: url('../images/box2_bg.png') no-repeat center;
}
.box2 .container {
  padding: 90px 0 55px;
  position: relative;
}
.box2 .container .box2-fl {
  position: absolute;
  top: 70px;
  width: 600px;
  height: 570px;
  padding-top: 29px;
  background: #ffffff;
  border-radius: 10px;
}
.box2 .container .box2-fl .box2-t {
  background: url('../images/box2-t-bg.png') no-repeat left center;
  padding: 14px 35px;
}
.box2 .container .box2-fl .box2-t .box2-t-p {
  line-height: 20px;
}
.box2 .container .box2-fl .box2-tm {
  padding: 0 33px;
}
.box2 .container .box2-fl .box2-tm .boc2-tm-t {
  color: #191919;
  font-size: 26px;
  padding-left: 55px;
  margin: 20px 20px;
}
.box2 .container .box2-fl .box2-tm .boc2-tm-t1 {
  background: url('../images/t01.png') no-repeat left center;
}
.box2 .container .box2-fl .box2-tm .boc2-tm-t2 {
  background: url('../images/t02.png') no-repeat left center;
}
.box2 .container .box2-fl .box2-tm p {
  font-size: 16px;
  color: #666666;
  line-height: 26px;
}
.box2 .container .box2-fr {
  background: url('../images/box2_fr_bg.png') no-repeat right center;
  height: 675px;
}
.box2 .container .box2-fr .tm-swiper {
  position: absolute;
  right: 22px;
  top: 185px;
  width: 560px;
  height: 450px;
}
.box2 .container .box2-fr .tm-swiper .swiper-li-tm ul li {
  float: left;
  width: 274px;
  height: 126px;
  background: #ffffff;
  margin: 0 5px 8px 0;
}
.box2 .container .box2-fr .tm-swiper .swiper-li-tm ul li .swiper-li-fl img {
  width: 136px;
  height: 125px;
}
.box2 .container .box2-fr .tm-swiper .swiper-li-tm ul li .swiper-li-fr {
  margin-top: 30px;
}
.box2 .container .box2-fr .tm-swiper .swiper-li-tm ul li .swiper-li-fr h5 {
  font-size: 20px;
  color: #000000;
  font-weight: 400;
}
.box2 .container .box2-fr .tm-swiper .swiper-li-tm ul li .swiper-li-fr p {
  color: #666666;
  font-size: 16px;
  width: 130px;
  line-height:20px
}
.box2 .container .box2-fr .tm-swiper .swiper-pagination {
  bottom: 0;
  right: 0;
  text-align: right;
}
.box2 .container .box2-fr .tm-swiper .swiper-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.9);
}
.box2 .container .box2-fr .tm-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
}
.box3 {
  background: url('../images/box3_bg.png') no-repeat center;
  padding: 70px 0 80px;
}
.box3 .title {
  color: #fff;
}
.box3 .title .title-m {
  color: #fff;
}
.box3 .title .title-hide {
  color: rgba(255, 255, 255, 0.2);
}
.box3 .box3-contant {
  margin-top: 60px;
}
.box3 .box3-contant .box3-play {
  position: relative;
  width: 793px;
  height: 510px;
  background: url('../images/box3_img.png') no-repeat center;
}
.box3 .box3-contant .box3-play .box3-play-teacher {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 388px;
  height: 216px;
  padding: 40px 20px;
  background: url('../images/teacherdetail_bg.png') no-repeat ;
  color: #fff;
}
.box3 .box3-contant .box3-play .box3-play-teacher p {
  line-height: 15px;
}
.box3 .box3-contant .box3-play .box3-play-teacher p .zhujiang {
  width: 43px;
  height: 15px;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #ffffff;
  border-radius: 2px;
  font-size: 18px;
  margin: 0 18px;
}
.box3 .box3-contant .box3-play .box3-play-teacher .box3-detail {
  padding-left: 10px;
  margin-top: 20px;
}
.box3 .box3-contant .box3-play .box3-play-teacher .box3-detail li {
  position: relative;
  font-size: 18px;
  padding-left: 20px;
  border-left: 1px dotted #ffffff;
  line-height: 26px;
}
.box3 .box3-contant .box3-play .box3-play-teacher .box3-detail li img {
  position: absolute;
  left: -6px;
  top: 7px;
}
.box3 .box3-contant .box3-fr {
  margin-left: 20px;
  width: 334px;
  color: #ffffff;
  padding: 16.5px 20px;
  background:rgba(34,34,34,1);
}
.box3 .box3-contant .box3-fr ul li {
  padding: 28px 0 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.box3 .box3-contant .box3-fr ul li .box3-fr-fl img {
  margin-top: 25px;
}
.box3 .box3-contant .box3-fr ul li .box3-fr-fr {
  width: 240px;
  margin-left: 30px;
}
.box3 .box3-contant .box3-fr ul li .box3-fr-fr h4 {
  font-size: 26px;
  font-weight: 400;
}
.box3 .box3-contant .box3-fr ul li .box3-fr-fr p {
  color: #999999;
  line-height: 26px;
  margin-top: 10px;
}
.box3 .box3-contant .box3-fr ul li:last-child {
  border-bottom: none;
}
.box4 {
  background: url('../images/box4_bg.png') no-repeat center / 1005 100%;
}
.box4 .container {
  padding: 90px 0;
}
.box4 .container .title .title-why {
  color: #363A3C;
}
.box4 .container .title .title-why::before {
  left: 290px;
}
.box4 .container .title .title-why::after {
  right: 290px;
}
.box4 .container .titleul {
  margin-top: 80px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(13, 4, 8, 0.26);
}
.box4 .container .titleul li {
  float: left;
  margin-right: 120px;
  width: 300px;
  text-align: center;
  font-size: 22px;
  color: #333;
  position: relative;
}
.box4 .container .titleul li img {
  position: absolute;
  bottom: -32px;
  left: 0;
  right: 0;
  margin: auto;
}
.box4 .container .titleul li:last-child {
  margin-right: 0;
}
.box4-contant {
  color: #fff;
}
.box4-contant .box4-contant-fl {
  width: 272px;
  height: 416px;
  padding: 30px 34px;
  margin-right: 14px;
  background: url('../images/box4-fl-bg.png') no-repeat center;
}
.box4-contant .box4-contant-fl h3,
.box4-contant .box4-contant-fl h6,
.box4-contant .box4-contant-fl h5 {
  font-weight: 400;
}
.box4-contant .box4-contant-fl .h5 {
  border: 1px solid #ffffff;
  display: inline-block;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 20px;
  margin: 16px 0 12px;
}
.box4-contant .box4-contant-fl p {
  line-height: 28px;
  font-size: 18px;
}
.box4-contant .box4-contant-fr {
  background: url('../images/hecuimei1.png') no-repeat center;
  width: 842px;
  height: 476px;
  position: relative;
}
.box4-contant .box4-contant-fr .box4-play {
  width: 83px;
  height: 91px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.box5 {
  background: url('../images/box5_bg.png') no-repeat center;
  padding: 90px 0 110px;
}
.box5 .container .title {
  color: #fff;
}
.box5 .container .title .title-m {
  color: #fff;
}
.box5 .container .title .title-hide {
  color: rgba(255, 255, 255, 0.2);
}
.box5 .container .title .title-why::before {
  left: 360px;
}
.box5 .container .title .title-why::after {
  right: 360px;
}
.box5 .container .jidi {
  margin-top: 60px;
}
.box5 .container .jidi span {
  display: inline-block;
  width: 290px;
  height: 233px;
  padding-top: 287px;
  margin-right: 6px;
  padding: 287px 50px 0 ;
}
.box5 .container .jidi span:last-child {
  margin-right: 0;
}
.box5 .container .jidi span h3 {
  font-weight: 400;
  font-size: 26px;
}
.box5 .container .jidi span .box5-line {
  height: 24px;
  line-height: 20px;
}
.box5 .container .jidi span p {
  color: #666;
  font-size: 20px;
  line-height: 36px;
}
.box5 .container .jidi .jidispan1 {
  background: url('../images/jd1.png') no-repeat center;
}
.box5 .container .jidi .jidispan2 {
  background: url('../images/jd2.png') no-repeat center;
}
.box5 .container .jidi .jidispan3 {
  background: url('../images/jd3.png') no-repeat center;
}
.box5 .container .shiti ul li {
  height: 106px;
  margin-bottom: 7px;
  background: url('../images/box5-shiti-bg.png') no-repeat center;
  position: relative;
}
.box5 .container .shiti ul li .box5-lifl {
  position: absolute;
  font-size: 41px;
  color: #fff;
  top: 34px;
  left: 26px;
}
.box5 .container .shiti ul li .box5-lifr {
  position: absolute;
  font-size: 23px;
  color: #0b0d1c;
  top: 47px;
  left: 312px;
}
.box6 {
  background: url('../images/box6-bg.png') no-repeat center;
}
.box6 .container {
  padding: 90px 0 85px;
}
.box6 .container .title .title-why {
  color: #363a3c;
}
.box6 .container .title .title-why::before {
  left: 340px;
}
.box6 .container .title .title-why::after {
  right: 340px;
}
.box6 .container .liucheng h6 {
  text-align: center;
  font-weight: 400;
  margin: 50px auto 40px;
  font-size: 18px;
}
.box6 .container .liucheng ul {
  border-top: 1px dotted #666666;
  padding-top: 27px;
  margin-bottom: 40px;
}
.box6 .container .liucheng ul li {
  float: left;
  position: relative;
  font-size: 18px;
  color: #333333;
  width: 73px;
  text-align: center;
  margin-right: 67px;
  line-height: 24px;
}
.box6 .container .liucheng ul li a {
  color: #333;
}
.box6 .container .liucheng ul li img {
  position: absolute;
  top: -38px;
  left: 25px;
}
.box6 .container .liucheng ul li:last-child {
  margin-right: 0;
}
.box7 {
  background: url('../images/box7_bg.png') no-repeat center;
  padding: 80px 0 140px;
}
.box7 .container {
  color: #fff;
}
.box7 .container .title .title-why::after {
  right: 260px;
}
.box7 .container .title .title-why::before {
  left: 260px;
}
.box7 .container h4 {
  text-align: center;
  font-weight: 400;
  margin: 70px 0 80px;
  font-size: 26px;
}
.box7 .container .box7-contant {
  margin: auto;
  width: 840px;
}
.box7 .container .box7-contant .box7-contant-div {
  display: inline-block;
  background: rgba(102, 102, 102, 0.29);
  padding: 40px;
  text-align: center;
  width: 280px;
  position: relative;
}
.box7 .container .box7-contant .box7-contant-div img {
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  margin: auto;
}
.box7 .container .box7-contant .tilian {
  margin-right: 112px;
}
.box8 {
  background: url('../images/box8_bg.png') no-repeat center;
}
.box8 .container {
  padding: 98px 0 244px;
}
.box8 .container .box8-contant {
  width: 1000px;
  margin: 195px auto 0;
}
.box8 .container .box8-contant li {
  float: left;
  width: 142px;
  height: 106px;
  background: #ffffff;
  box-shadow: 0px 0px 11px 0px rgba(13, 17, 26, 0.06);
  margin-right: 22px;
  padding: 38px 20px;
}
.box8 .container .box8-contant li .bgimg {
  width: 68px;
  height: 56px;
  margin: auto;
}
.box8 .container .box8-contant li .bgimg1 {
  background: url('../images/box8-1.png') no-repeat center;
}
.box8 .container .box8-contant li .bgimg2 {
  background: url('../images/box8-2.png') no-repeat center;
}
.box8 .container .box8-contant li .bgimg3 {
  background: url('../images/box8-3.png') no-repeat center;
}
.box8 .container .box8-contant li .bgimg4 {
  background: url('../images/box8-4.png') no-repeat center;
}
.box8 .container .box8-contant li .bgimg5 {
  background: url('../images/box8-5.png') no-repeat center;
}
.box8 .container .box8-contant li p {
  text-align: center;
  color: #666666;
  font-size: 26px;
  margin-top: 24px;
}
.box8 .container .box8-contant li:last-child {
  margin-right: 0;
}
.box8 .container .box8-contant li:hover {
  background: #3064C6;
  box-shadow: 0px 0px 11px 0px rgba(13, 17, 26, 0.06);
}
.box8 .container .box8-contant li:hover .bgimg1 {
  background: url('../images/box8-1b.png') no-repeat center;
}
.box8 .container .box8-contant li:hover .bgimg2 {
  background: url('../images/box8-2b.png') no-repeat center;
}
.box8 .container .box8-contant li:hover .bgimg3 {
  background: url('../images/box8-3b.png') no-repeat center;
}
.box8 .container .box8-contant li:hover .bgimg4 {
  background: url('../images/box8-4b.png') no-repeat center;
}
.box8 .container .box8-contant li:hover .bgimg5 {
  background: url('../images/box8-5b.png') no-repeat center;
}
.box8 .container .box8-contant li:hover p {
  color: #fff;
}
.box9 {
  background: url('../images/box9_bg.png') no-repeat center;
}
.box9 .container {
  padding: 100px 0;
}
.box9 .container .title .title-why {
  color: #363a3c;
}
.box9 .container .title .title-why::before {
  left: 260px;
}
.box9 .container .title .title-why::after {
  right: 260px;
}
.box9 .container .tab {
  margin: 50px auto;
  display: flex;
  width: 450px;
  justify-content: space-between;
}
.box9 .container .tab a {
  display: inline-block;
  width: 182px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  color: #214A9E;
  font-size: 26px;
  background: url('../images/box9-tab.png') no-repeat center;
  margin-right: 40px;
  cursor: pointer;
}
.box9 .container .tab a:last-child {
  margin-right: 0;
}
.box9 .container .tab a:hover,
.box9 .container .tab a.active {
  background:rgba(48,100,198,1);
  color: #fff;
}
.box9 .container .box9-tabP {
  display: none;
}
.box9 .container .box9-tabP ul li {
  float: left;
  margin-right: 39px;
}
.box9 .container .box9-tabP ul li .keq {
  width: 252px;
  height: 56px;
  margin: auto;
  background:linear-gradient(90deg,#214A9F,#295BB2);
  border-radius: 8px 8px 0px 0px;
  color: #fff;
  font-size: 26px;
  line-height: 56px;
  text-align: center;
}
.box9 .container .box9-tabP ul li .li-contant {
  padding: 40px 30px;
  width: 314px;
  background: #fefefe;
  box-shadow: 0px 0px 11px 0px rgba(13, 17, 26, 0.06);
}
.box9 .container .box9-tabP ul li .li-contant ul {
  border-left: 1px solid rgba(41,92,178,1);
  padding-left: 28px;
  height: 100%;
}
.box9 .container .box9-tabP ul li .li-contant ul li {
  position: relative;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 20px;
}
.box9 .container .box9-tabP ul li .li-contant ul li a span {
  position: absolute;
  left: -40px;
  top: 0px;
  width: 22px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: url('../images/box9-li-bg.png') no-repeat center;
}
.box9 .container .box9-tabP ul li .li-contant ul li:last-child {
  margin-bottom: 0;
}
.box9 .container .box9-tabP ul li .li-contant ul li:last-child a span {
  top: 5px;
}
.box9 .container .box9-tabP ul li:last-child {
  margin-right: 0;
}
.box9 .container .box9-tabP.active {
  display: block;
}
.box10 {
  background: url('../images/box10_bg.png') no-repeat center;
  padding: 50px 0 40px;
}
.box10 .box4-contant-fl {
  background: url('../images/box10-fl-bg.png') no-repeat center;
}
.box10 .box4-contant-fl p {
  font-size: 20px;
  line-height: 46px;
}
.box10 .box4-contant-fr {
  background: url('../images/box10_play_bg.png') no-repeat center;
}
.box11 {
  background: url('../images/box11_bg.png') no-repeat center;
  padding: 100px 0 66px;
}
.box11 .container .title .title-why::before {
  left: 350px;
}
.box11 .container .title .title-why::after {
  right: 350px;
}
.box11 .container .box11-swiper {
  margin-top: 66px;
}
.box11 .container .box11-swiper .video {
  position: relative;
}
.box11 .container .box11-swiper .video .box11-play {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.box11 .container .box11-swiper .swiper_btn_prev
 {
  width: 71px;
  height: 71px;
  top: 44%;
  background-image: url('../images/arrowL.png');
  background-size: 71px;
}
.box11 .container .box11-swiper .swiper_btn_next {
  top: 44%;
  width: 71px;
  height: 71px;
  background-image: url('../images/arrowRight.png');
  background-size: 71px;
}
.mb20 {
  margin-bottom: 20px;
}
.colfff {
  color: #fff !important;
}
.why {
  color: rgba(255, 255, 255, 0.2) !important;
}
.colE82B2A {
  color: #E82B2A;
}
.colFB1E2C {
  color: #FB1E2C;
}
.col191919 {
  color: #191919;
}
.colD23932 {
  color:rgba(48,100,198,1);
}
.m10 {
  margin: 10px 0 5px;
}
.fz60 {
  font-size: 60px;
}
.fz48 {
  font-size: 48px;
  line-height: 50px;
}
.fz36 {
  font-size: 36px;
}
.fz34 {
  font-size: 34px;
}
.fz30 {
  font-size: 30px;
}
.fz28 {
  font-size: 28px;
}
.fz22 {
  font-size: 22px;
}
.fz20 {
  font-size: 20px;
}
.fz18 {
  font-size: 18px;
}
.fz16 {
  font-size: 16px;
}
.title {
  margin: auto;
  text-align: center;
  position: relative;
}
.title .title-m {
  font-size: 50px;
  font-weight: 400;
  color: #363a3c;
}
.title .title-hide {
  position: absolute;
  font-size: 120px;
  color: rgba(54, 58, 60, 0.09);
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.title .title-why {
  margin-top: 12px;
  font-size: 26px;
  color: #ffffff;
}
.title .title-why::before,
.title .title-why::after {
  content: '';
  display: block;
  position: absolute;
  width: 106px;
  height: 6px;
  bottom: 15px;
}
.title .title-why::before {
  background: url('../images/titleL.png') no-repeat center;
  left: 280px;
}
.title .title-why::after {
  background: url('../images/titleR.png') no-repeat center;
  right: 280px;
}
/* 视频播放 */
.video-masker {
  display: none;
}
.masker {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #000;
  opacity: .5;
  z-index: 10;
}
.video-box {
  position: fixed;
  width: 770px;
  height: 450px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 11;
}
.video-box #videoBtn {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.video-box .list-video {
  width: 720px;
  height: 405px;
  position: relative;
  top: 44px;
  display: none;
}

#video {
  width: 725px ;
  height: 408px ;
  position: relative;
}
#video video {
  width: 725px ;
  height: 408px ;
}
#video .switch-definition,
#video .audio-poster {
  display: none ;
}
.gm, .box4-play, .box11-play {
  cursor: pointer;
}
.box12{
  padding: 20px 0;
  background: linear-gradient(90deg,#214A9F,#295BB2);
}
.city_show {
  width: 60%;
  float: left;
}
.province_list{
  padding-top: 30px;
  position: relative;
  overflow: hidden;
  height: 120px;
  transition:all 0.8s;
}
#province_list_bot{
  margin: 0 auto;
  width: 100px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  cursor:pointer
}
.province_list li{
  cursor: pointer;
  float: left;
  width: 131px;
  height: 50px;
  line-height: 50px;
  background: linear-gradient(
          90deg
          ,rgba(50,76,168,1),rgba(68,111,197,1));
  border-radius: 26px;
  text-align: center;
  font-size: 20px;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #ffffff;
}
.province_list li:nth-child(8n){
  margin-right: 0!important;
}
.province_show{
  position: relative;
}
.province_list .active{
  color: #fff;
  background:linear-gradient(90deg,rgba(66,144,245,1),rgba(50,107,227,1));
}
.change_province_list{
  height: 308px;
}
.city_img{
  float: right;
  margin-top: 24px;
}
.vx_img{
  float: left;
  margin: 15px 0 15px 60px;
}
.vx_img img{
  width: 136px;
  height: 136px;
}
.vx_img p{
  text-align: center;
}
.province_show>li,
.city_show>li{
  display: none;
}
.province_show>li:nth-child(1),
.city_show>li:nth-child(1){
  display: block;
}
.zsjz{

}
.leixing{
  width: 1200px;
  overflow: hidden;
}
h2{
  font-weight: 400;
  padding: 20px 0;
  font-size: 24px;
}
.bishi,.mianshi{
  width: 126px;
  font-size: 16px;
  float: left;
  background: linear-gradient(
          90deg
          ,rgba(50,76,168,1),rgba(68,111,197,1));
  text-align: center;
  line-height: 44px;
  margin-right: 20px;
}
.bishi:hover{
  background:linear-gradient(90deg,rgba(66,144,245,1),rgba(50,107,227,1));
}
.mianshi:hover{
  background:linear-gradient(90deg,rgba(66,144,245,1),rgba(50,107,227,1));
}
.leixing a{
  color: #ffffff;
}
.city_list li{
  float: left;
  width: 125px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  color: #ffffff;
  margin-right: 20px;
  margin-top: 20px;
  /* background: #222222; */
  background: linear-gradient(
          90deg
          ,rgba(50,76,168,1),rgba(68,111,197,1));
}
.city_list li.active{
  color: #fff;
  background:linear-gradient(90deg,rgba(66,144,245,1),rgba(50,107,227,1));
}
.city_tit{
  line-height: 45px;
  margin-top: 20px;
  text-align: left;
  color: #000;
  font-weight: normal;
  font-size: 18px;
}
.city_show li p{
  line-height: 40px;
  text-align: left;
  color: #000;
  font-size: 18px;
}
.fixed-nav {
  display: none;
  width: 78px;
  height: 504px;
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 50px;
  z-index: 99;
}
.fixed-nav .close {
  width: 14px;
  height: 14px;
  background: url('../images/close.png') no-repeat center;
  position: absolute;
  right: 0;
  top: -18px;
}
.fixed-nav ul {
  border: 1px solid rgb(233, 233, 233);
  background-color: rgb(255, 255, 255);
}
.fixed-nav ul li {
  border-bottom: 1px solid rgb(233, 233, 233);
  font-size: 14px;
  text-align: center;
  padding: 15px 0;
}
.por {
  position: relative;
}
.fixed-nav ul li:last-child {
  border-bottom: none;
}
.fixed-code {
  display: none;
  width: 130px;
  height: 130px;
  position: absolute;
  left: -134px;
  top: 0;
  background: #fff;
  border: 1px solid rgb(233, 233, 233);
  text-align: center;
  line-height: 77px;
}
.fixed-code img {
  display: inline-block;
  width: 180px;
  height: 130px;
  vertical-align: middle;
}
.fixed-nav ul li a {
  display: block;
}
.nav-img {
  margin: auto;
}
.fixed-nav ul li p {
  font-size: 14px;
  font-family: "PingFangSC";
  color: rgb(51, 51, 51);
  line-height: 20px;
  margin-top: 5px;
}
.nav-img1 {
  width: 22px;
  height: 21px;
  background: url('../images/wchat.png') no-repeat center;
}
.nav-img1:hover {
  background: url('../images/wchath.png') no-repeat center;
}

.nav-img2 {
  width: 18px;
  height: 20px;
  background: url('../images/zaixianzixun.png') no-repeat center;
}
.nav-img3 {
  width: 22px;
  height: 22px;
  background: url('../images/lianxifangshi.png') no-repeat center;
}
.nav-img4 {
  width: 19px;
  height: 19px;
  background: url('../images/QQzixun.png') no-repeat center;
}
.nav-img5 {
  width: 20px;
  height: 20px;
  background: url('../images/ziliao.png') no-repeat center;
}
.nav-img6 {
  width: 18px;
  height: 21px;
  background: url('../images/jiangci.png') no-repeat center;
}
.nav-img7 {
  width: 16px;
  height: 18px;
  background: url('../images/huidingbu.png') no-repeat center;
}
.fixed-nav ul li:hover, .fixed-nav ul li.active {
  background: linear-gradient( 90deg, rgb(50,107,227) 0%, rgb(66,144,245) 100%);
}
.fixed-nav ul li:hover p, .fixed-nav ul li.active p {
  color: #fff;
}
.fixed-nav ul li:hover .nav-img1, .fixed-nav ul li.active .nav-img1 {
  background: url('../images/wchath.png') no-repeat center;
}
.fixed-nav ul li:hover .nav-img2, .fixed-nav ul li.active .nav-img2 {
  background: url('../images/zaixianzixun-2.png') no-repeat center;
}
.fixed-nav ul li:hover .nav-img3, .fixed-nav ul li.active .nav-img3 {
  background: url('../images/lianxifangshih.png') no-repeat center;
}
.fixed-nav ul li:hover .nav-img4, .fixed-nav ul li.active .nav-img4 {
  background: url('../images/QQzixunh.png') no-repeat center;
}
.fixed-nav ul li:hover .nav-img5, .fixed-nav ul li.active .nav-img5 {
  background: url('../images/ziliaoh.png') no-repeat center;
}
.fixed-nav ul li:hover .nav-img6, .fixed-nav ul li.active .nav-img6 {
  background: url('../images/jiangcih.png') no-repeat center;
}
.fixed-nav ul li:hover .nav-img7, .fixed-nav ul li.active .nav-img7 {
  background: url('../images/huidingbuh.png') no-repeat center;
}

@media only all and (max-width:1080px) {
  .kczx{
    padding-bottom: 20px !important;
  }
  body{
    visibility:hidden;
  }
  .box_container{
    padding:  0 20px;
  }
  .yscontainer{
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
  .province_list {
    padding-top: 0.2rem;
    position: relative;
    overflow: hidden;
    height: 5.6rem;
    transition: all 0.8s;
  }
  .change_province_list{
    height: 16.6rem;
  }
  .zsjz, .kczx, .province_show {
    padding-left: 0px;
  }
  .city_img{
    width: 100%;
    margin-top: 1rem;
  }
  .vx_img{
    float: left;
    margin: 0;
  }
  .vx_imgR{
    float: right;
  }
  .vx_img img{
    width: 120px;
    height: 120px;
  }
  h2{
    font-size: 1.1rem;
    padding: 1rem 0;
  }
  .overflow {
    overflow: hidden;
  }
  .fixed-nav {
    display: none;
  }
  /* 视频播放 */
  .video-masker{
  display: none;
}
.video-box{
 position: fixed;
 width:94%;
 height:10rem;
 left:0;
 right:0;
 top:0;
 bottom:0;
 margin:auto;
 z-index: 11;

}
.video-box .list-video {
  width: 18rem;
  height: 9rem;
  position: relative;
  top: 0;
  display: none;
}
.video-box #videoBtn{
 position: absolute;
 right:-.5rem;
 top:-2rem;
 cursor: pointer;
 width:1.5rem;
 height:1.5rem;
}
#video{
 width:100%;
 height:9rem;
 position: relative;
 top:0;
}
#video video {
  width: 17.8rem ;
  height: 10rem ;
}

  .banner_box {
    width: 100%;
    /* height: 12rem; */
    min-height: 12rem;
    background: url('../images/banner_bg.png') no-repeat top center;
    background-size: 100% 12rem;
  }
  .banner_box .container .txt1 {
    margin: auto;
    width: 18rem;
  }
  .banner_box .container .txt {
    width: 18rem;
    margin: 1rem auto 0;
  }
  .kc-tab li {
    float: left;
    width: 6rem;
    height: 2rem;
    line-height: 2rem;
    font-size: .55rem;
  }
  .toggleItem {
    padding-bottom: 1.5rem;
  }
  .written, .interview {
    padding-top: 1.25rem;
  }
  .interview-title {
    font-size: .75rem;
    line-height: .8rem;
  }
  .interview-title::before, .interview-title::after {
    width: 1rem;
    height: .7rem;
  }
  .interview-title::before {
    background-size: 100%;
    margin-right: .3rem;
  }
  .interview-title::after {
    background-size: 100%;
    margin-left: .3rem;
  }
  .city {
    padding: 0 .5rem;
    margin-top: 1rem;
  }
  .city li {
    float: left;
    width:3rem;
    height:1.5rem;
    line-height: 1.5rem;
    border-radius:.7rem;
    font-size: .5rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
  }
  .city li:nth-child(5n) {
    margin-right: 0;
  }
  .city li:nth-child(8n) {
    margin-right: .5rem;
  }

  .box1 {
    padding-top: 1rem;
    padding-bottom: 1.75rem;
  }
  .box1 .container .box1-contant {
    height: 13rem;
    position: relative;
    margin-top: 2rem;
    background: #ffffff;
    box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.13);
  }
  .box1 .container .box1-contant .box1-contant-fl {
    position: absolute;
    top: -1rem;
    background: url('../images/box1_bg.png') no-repeat center / 6rem 14rem;
    color: #fff;
    height: 14rem;
    width: 6rem;
    padding: 0 .2rem;
  }
  .box1 .container .box1-contant .box1-contant-fl h2 {
    font-size: .4rem;
    padding: 0 .5rem;
  }
  .box1 .container .box1-contant .box1-contant-fl h2 a {
    display: inline-block;
    font-size: .5rem;
    width: 98%;
    color: #fff;
    padding: 0 ;
    background: url('../images/arrowR.png') no-repeat center right / .5rem;
  }
  .box1 .container .box1-contant .box1-contant-fl .shizhan-txt {
    width: 4.5rem;
    margin:0 auto 0;
    padding-top: 10px;
  }
  .box1 .container .box1-contant .box1-contant-fl .shizhan-txt .shizhan-txt p {
    width: 3rem;
  }
  .box1 .container .box1-contant .box1-contant-fl ul {
    width: 5.5rem;
    margin: 1rem auto 0;
  }
  .box1 .container .box1-contant .box1-contant-fl ul li {
    float: left;
    width: 2.5rem;
    height: 1.6rem;
    line-height: 1.6rem;
    background: rgba(56, 58, 64, 0.46);
    font-size: .5rem;
    margin-right: .1rem;
    margin-bottom: .25rem;
    text-align: center;
  }
  .box1 .container .box1-contant .box1-contant-fl ul li a {
    color: #ffffff;
  }
  .box1 .container .box1-contant .box1-contant-fl ul li:nth-child(2n) {
    margin-right: 0;
  }
  .box1 .container .box1-contant .box1-contant-fr {
    padding: .5rem .5rem 1rem 6.6rem;
  }
  .box1 .container .box1-contant .box1-contant-fr h2 {
    font-size: .7rem;
  }
  .box1 .container .box1-contant .box1-contant-fr h3 {
    font-size: .5rem;
    line-height: .8rem;
    margin: 0 0 0.2rem;
  }
  .box1 .container .box1-contant .box1-contant-fr .timu {
    color: #666666;
    font-size: .5rem;
  }
  .box1 .container .box1-contant .box1-contant-fr .timu p {
    margin-bottom: 0rem;
    line-height: .6rem;
  }
  .box1 .container .box1-contant .box1-contant-fr .timu span {
    margin-right: 1rem;
  }
  .box1 .container .box1-contant .box1-contant-fr .teacher-swiper {
    margin-top: .25rem;
    width: 9rem;
    height: 6rem;
  }
  .box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-li {
    width: 4rem;
    margin-right: .5rem;
  }
  .box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-li .teacher-img {
    position: relative;
  }
  .box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-li .teacher-img img {
    width: 4rem;
  }
  .box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-li .teacher-img .pos {
    position: absolute;
    top: 0;
    right: 6px;
    writing-mode: tb-rl;
    width: .6rem;
    height: auto;
    background: url('../images/teacher_bg.png') no-repeat center / .7rem auto;
    background-position: top;
    color: #fff;
    font-size: .45rem;
    padding: .2rem 0 .45rem;
    line-height: .7rem;
  }
  .box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-li .teacher-sw-p {
    width: 2rem;
    font-size: .45rem;
    padding-left: .75rem;
    background: url('../images/sw_p.png') no-repeat left / .5rem;
  }
  .box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-pagination {
    bottom: -.3rem;
    right: 0;
    text-align: right;
  }
  .box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-pagination .swiper-pagination-bullet {
    background: #b2b2b2;
  }
  .box1 .container .box1-contant .box1-contant-fr .teacher-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #4c4c4c;
  }
  .box2 {
    background: url('../images/box2_bg.png') no-repeat center;
  }
  .box2 .container {
    padding: 2.25rem 0 1.5rem;
    position: static;
  }
  .box2 .container .box2-fl {
    position: static;
    float: left;
    top: 1rem;
    width: 18.4rem;
    height: auto;
    margin: auto;
    padding-top: .75rem;
    padding-bottom: .75rem;
    background: #ffffff;
    border-radius: .25rem;
  }
  .box2 .container .box2-fl .box2-t {
    background: url('../images/box2-t-bg.png') no-repeat left center;
    padding: .35rem .9rem;
  }
  .box2 .container .box2-fl .box2-t .box2-t-p {
    font-size: .6rem;
    line-height: .7rem;
  }
  .box2 .container .box2-fl .box2-tm {
    padding: 0 .8rem;
  }
  .box2 .container .box2-fl .box2-tm .boc2-tm-t {
    color: #191919;
    font-size: .7rem;
    padding-left: 1.5rem;
    margin: .5rem;
  }
  .box2 .container .box2-fl .box2-tm .boc2-tm-t1 {
    background: url('../images/t01.png') no-repeat left center / 2rem;
  }
  .box2 .container .box2-fl .box2-tm .boc2-tm-t2 {
    background: url('../images/t02.png') no-repeat left center / 2rem;
  }
  .box2 .container .box2-fl .box2-tm p {
    font-size: .4rem;
    color: #666666;
    line-height: .7rem;
  }
  .box2 .container .box2-fr {
    position: static;
    width: 18.4rem;
    height: 12rem;
    float: left;
    background: url('../images/box2_fr_bg.png') no-repeat right center / 100%;
    margin-top: 1rem;
  }
  .box2 .container .box2-fr .tm-swiper {
    position: relative;
    right: 0rem;
    top: 0.5rem;
    width: 18rem;
    height: 11rem;
  }
  .box2 .container .box2-fr .tm-swiper .swiper-li-tm ul li {
    float: left;
    width: 8.8rem;
    height: 3rem;
    background: #ffffff;
    margin: .3rem .1rem 0 .1rem;
  }
  .box2 .container .box2-fr .tm-swiper .swiper-li-tm ul li .swiper-li-fl {
    float: left;
    width: 3rem;
  }
  .box2 .container .box2-fr .tm-swiper .swiper-li-tm ul li .swiper-li-fl img {
    width: 3rem;
    height: auto;
  }
  .box2 .container .box2-fr .tm-swiper .swiper-li-tm ul li .swiper-li-fr {

    float: left;
    margin-top: 0.4rem;
    width: 5rem;
  }
  .box2 .container .box2-fr .tm-swiper .swiper-li-tm ul li .swiper-li-fr h5 {
    font-size: .5rem;
  }
  .box2 .container .box2-fr .tm-swiper .swiper-li-tm ul li .swiper-li-fr p {
    color: #666666;
    font-size: .4rem;
  }
  .box2 .container .box2-fr .tm-swiper .swiper-pagination {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
  }
  .box3 {
    background: #000;
    padding: 1rem 0 .5rem;
  }
  .box3 .title {
    color: #fff;
  }
  .box3 .title .title-m {
    color: #fff;
  }
  .box3 .title .title-hide {
    color: rgba(255, 255, 255, 0.2);
  }
  .box3 .box3-contant {
    margin-top: 1.5rem;
  }
  .box3 .box3-contant .box3-play {
    position: relative;
    width: 18.4rem;
    height: 12rem;
    background: url('../images/box3_img.png') no-repeat center / 18.4rem;
  }
  .box3 .box3-contant .box3-play .box3-play-teacher {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 11rem;
    height: 5rem;
    padding: .2rem .3rem .5rem ;
    color: #fff;
  }
  .box3 .box3-contant .box3-play .box3-play-teacher img {
    width: 1rem;
  }
  .box3 .box3-contant .box3-play .box3-play-teacher p {
    line-height: .4rem;
    font-size: .6rem;
  }
  .box3 .box3-contant .box3-play .box3-play-teacher p span {
    font-size: .6rem;
  }
  .box3 .box3-contant .box3-play .box3-play-teacher p .zhujiang {
    width: 1rem;
    height: .4rem;
    border-radius: .1rem;
    font-size: .45rem;
    margin: 0;
  }
  .box3 .box3-contant .box3-play .box3-play-teacher .box3-detail {
    padding-left: .2rem;
    margin-top: .5rem;
  }
  .box3 .box3-contant .box3-play .box3-play-teacher .box3-detail li {
    position: relative;
    font-size: .45rem;
    padding-left: .5rem;
    border-left: 1px dotted #ffffff;
    line-height: .7rem;
  }
  .box3 .box3-contant .box3-play .box3-play-teacher .box3-detail li img {
    position: absolute;
    width: .5rem;
    left: -.3rem;
    top: .1rem;
  }
  .box3 .box3-contant .box3-play .box3-play-teacher .box3-detail li:first-child img {
    top: 0;
  }
  .box3 .box3-contant .box3-play .box3-play-teacher .box3-detail li:last-child {
    padding-top: .1rem;
  }
  .box3 .box3-contant .box3-play .box3-play-teacher .box3-detail li:last-child img {
    bottom: 0;
    top: .2rem;
  }
  .box3 .box3-contant .box3-fr {
    width: 17rem;
    color: #ffffff;
    padding: .25rem .75rem;
    margin-left: 0;
  }
  .box3 .box3-contant .box3-fr ul li {
    padding: .7rem 0 .4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
  }
  .box3 .box3-contant .box3-fr ul li .box3-fr-fl img {
    margin-top: .6rem;
  }
  .box3 .box3-contant .box3-fr ul li .box3-fr-fr {
    width: 13rem;
    margin-left: .75rem;
  }
  .box3 .box3-contant .box3-fr ul li .box3-fr-fr h4 {
    font-size: .7rem;
    font-weight: 400;
  }
  .box3 .box3-contant .box3-fr ul li .box3-fr-fr p {
    line-height: .9rem;
    margin-top: .25rem;
  }
  .box3 .box3-contant .box3-fr ul li:last-child {
    border-bottom: none;
  }
  .box4 {
    background-size: cover;
  }
  .box4 .container {
    padding: 2rem 0;
  }
  .box4 .container .title .title-why::before {
    left: 3rem;
  }
  .box4 .container .title .title-why::after {
    right: 3rem;
  }
  .box4 .container .titleul {
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
  }
  .box4 .container .titleul li {
    float: left;
    margin-right: 3rem;
    width: 4rem;
    line-height: .7rem;
    font-size: .55rem;
  }
  .box4 .container .titleul li img {
    width: 1rem;
    bottom: -1rem
  }
  .box4 .container .titleul li:last-child {
    margin-right: 0;
  }
  .box4-contant {
    color: #fff;
  }
  .box4-contant .box4-contant-fl {
    width: 16.7rem;
    height: auto;
    padding: .8rem;
    margin-right: 0;
    background: url('../images/box4-fl-bg.png') no-repeat center / 100%;
  }
  .box4-contant .box4-contant-fl .h5 {
    padding: 0 .25rem;
    border-radius: .2rem;
    font-size: .5rem;
    margin: .4rem 0 .3rem;
  }
  .box4-contant .box4-contant-fl p {
    line-height: .7rem;
    font-size: .45rem;
  }
  .box4-contant .box4-contant-fr {
    width: 18.3rem;
    height: 10rem;
    background-size: 100%;
  }
  .box4-contant .box4-contant-fr .box4-play {
    width: 2rem;
    height: 2rem;
  }
  .box4-contant .box4-contant-fr .box4-play img {
    width: 2rem;
    height: auto;
  }
  .box5 {
    background-size: cover;
    padding: 2.25rem 0 1rem;
  }
  .box5 .container .title .title-why::before {
    left: 2rem;
  }
  .box5 .container .title .title-why::after {
    right: 2rem;
  }
  .box5 .container .jidi {
    margin-top: 1.5rem;
  }
  .box5 .container .jidi span {
    /* float: left; */
    width: 5.78rem;
    height: 5rem;
    padding: 5rem 0 .05rem .2rem;
    margin-right: 0rem;
  }
  .box5 .container .jidi span:nth-child(2) {
    margin-right: 0;
  }
  .box5 .container .jidi span:nth-child(3) {
    /* margin-left: 4rem;
    margin-top: 1rem; */
  }
  .box5 .container .jidi span h3 {
    font-size: .7rem;
    line-height: .9rem;
  }
  .box5 .container .jidi span .box5-line {
    height: .4rem;
    line-height: .4rem;
  }
  .box5 .container .jidi span p {
    color: #666;
    font-size: .4rem;
    line-height: .8rem;
  }
  .box5 .container .jidi .jidispan1,.box5 .container .jidi .jidispan2,.box5 .container .jidi .jidispan3 {
    background-size: 108% 100%;
  }
  .box5 .container .shiti ul li {
    height: 2rem;
    margin-bottom: .25rem;
    background-size: 100%;
    position: relative;
  }
  .box5 .container .shiti ul li .box5-lifl {
    position: absolute;
    font-size: .8rem;
    color: #fff;
    top: .5rem;
    left: .4rem;
  }
  .box5 .container .shiti ul li .box5-lifr {
    position: absolute;
    font-size: .5rem;
    color: #0b0d1c;
    top: .7rem;
    left: 4.5rem;
  }
  .box6 {
    background: url('../images/box6-bg.png') no-repeat center;
  }
  .box6 .container {
    padding: 2rem 0 2rem;
  }
  .box6 .container .title .title-why::before {
    left: 2rem;
  }
  .box6 .container .title .title-why::after {
    right: 2rem;
  }
  .box6 .container .liucheng h6 {
    margin: .5rem auto .8rem;
    font-size: .45rem;
  }
  .box6 .container .liucheng ul {
    border-top: 1px dotted #666666;
    padding-top: .7rem;
    margin-bottom: 1rem;
  }
  .box6 .container .liucheng ul li {
    font-size: .45rem;
    width: 1.5rem;
    margin-right: .5rem;
    line-height: .6rem;
  }
  .box6 .container .liucheng ul li:first-child {
    width: 2rem;
  }
  .box6 .container .liucheng ul li img {
    position: absolute;
    top: -1.1rem;
    left: .4rem;
  }
  .box6 .container .liucheng ul li:last-child {
    margin-right: 0;
  }
  .box7 {
    background: url('../images/box7_bg.png') no-repeat center;
    background-size: cover;
    padding: 2rem 0 3rem;
  }
  .box7 .container {
    color: #fff;
  }
  .box7 .container .title .title-why::after {
    right: .5rem;
  }
  .box7 .container .title .title-why::before {
    left: .5rem;
  }
  .box7 .container h4 {
    margin: 1rem 0 2rem;
    font-size: .7rem;
  }
  .box7 .container .box7-contant {
    margin: auto;
    width: 17rem;
  }
  .box7 .container .box7-contant .box7-contant-div {
    float: left;
    padding: 1rem;
    width: 6rem;
  }
  .box7 .container .box7-contant .box7-contant-div img {
    top: -.6rem;
  }
  .box7 .container .box7-contant .tilian {
    margin-right: 1rem;
  }
  .box8 {
    background: rgba(0, 0, 0, 0.6);
  }
  .box8 .container {
    padding: 2rem 0;
  }
  .box8 .container .title .title-why::before {
    left: 3rem;
  }
  .box8 .container .title .title-why::after {
    right: 3rem;
  }
  .box8 .container .box8-contant {
    width: 16rem;
    margin: 2rem auto 0;
  }
  .box8 .container .box8-contant li {
    float: left;
    width: 3.9rem;
    height: 2.5rem;
    margin-right: .55rem;
    margin-bottom: .5rem;
    padding: 1rem .3rem;
  }
  .box8 .container .box8-contant li.ml3 {
    margin-left: 3rem;
  }
  .box8 .container .box8-contant li .bgimg {
    width: 1.7rem;
    height: 2rem;
    margin: auto;
    background-size: 1.7rem auto;
  }
  .box8 .container .box8-contant li p {
    font-size: .7rem;
    margin-top: 0;
  }
  .box8 .container .box8-contant li:last-child {
    margin-right: 0;
  }
  .box8 .container .box8-contant li:hover .bgimg {
    background-size: 1.7rem auto;
  }
  .box9 .container {
    padding: 2rem 0;
  }
  .box9 .container .title .title-why::before {
    left: .5rem;
  }
  .box9 .container .title .title-why::after {
    right: .5rem;
  }
  .box9 .container .tab {
    width: 11rem;
    margin: 1rem auto;
  }
  .box9 .container .tab a {
    width: 4.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .7rem;
    background-size: 100%;
    margin-right: 1rem;
  }
  .box9 .container .box9-tabP ul li {
    margin-right: .6rem;
    padding-left: .5rem;
    margin-bottom: 1rem;
    width: 16.5rem;
  }
  .box9 .container .box9-tabP ul li .keq {
    width: 3rem;
    height: 1rem;
    font-size: .7rem;
    line-height: 1rem;
  }
  .box9 .container .box9-tabP ul li .li-contant {
    padding: .5rem;
    width: 16.5rem;
    box-shadow: 0px 0px 11px 0px rgba(13, 17, 26, 0.06);
  }
  .box9 .container .box9-tabP ul li .li-contant ul {
    padding-left: 1rem;
    height: 100%;
  }
  .box9 .container .box9-tabP ul li .li-contant ul li {
    position: relative;
    font-size: .45rem;
    line-height: .75rem;
    margin-bottom: .5rem;
    width: 14.5rem;
  }
  .box9 .container .box9-tabP ul li:nth-child(2n) {
    margin-right: 0;
  }
  .box9 .container .box9-tabP ul li .li-contant ul li a span {
    position: absolute;
    left: -1.3rem;
    top: 0px;
    width: .55rem;
    height: .7rem;
    line-height: .7rem;
    font-size: .45rem;
    background-size: 100%;
  }
  .box9 .container .box9-tabP ul li .li-contant ul li:last-child a span {
    top: 5px;
  }
  .box9 .container .box9-tabP > ul > li:last-child {
    /* margin-left: 4rem; */
  }
  .box10 {
    background-size: cover;
    padding: 1rem 0 ;
  }
  .box10 .box4-contant-fl {
    background-size: cover;
  }
  .box10 .box4-contant-fl p {
    font-size: .5rem;
    line-height: 1rem;
  }
  .box10 .box4-contant-fr {
    background-size: 100%;
  }
  .box11 {
    padding: 2rem 0 1.5rem;
  }
  .box11 .container .title .title-why::before {
    left: 2.5rem;
  }
  .box11 .container .title .title-why::after {
    right: 2.5rem;
  }
  .box11 .container .box11-swiper {
    margin-top: 1.5rem;
  }
  .box11 .container .box11-swiper .swiper_btn_prev, .box11 .container .box11-swiper .swiper_btn_next {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem;
    top: 50%;
  }
  .box11-play {
    width: 2rem;
  }
  .mb20 {
    margin-bottom: .5rem;
  }
  .m10 {
    margin: .1rem 0 .1rem;
  }
  .fz60 {
    font-size: 1.5rem;
  }
  .fz48 {
    font-size: .8rem;
    line-height: 1rem;
  }
  .fz36 {
    font-size: .6rem;
    line-height: .8rem;
  }
  .fz34 {
    font-size: .85rem;
  }
  .fz30 {
    font-size: .75rem;
  }
  .fz28 {
    font-size: .7rem;
  }
  .fz22 {
    font-size: .55rem;
  }
  .fz20 {
    font-size: .5rem;
  }
  .fz18 {
    font-size: .45rem;
  }
  .fz16 {
    font-size: .4rem;
    line-height: .6rem;
  }
  .title .title-m {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
  .title .title-m img {
    width: 1rem;
    height: 1rem;
  }
  .title .title-hide {
    font-size: 2.7rem;
  }
  .title .title-why {
    margin-top: .3rem;
    font-size: .7rem;
  }
  .title .title-why::before,
  .title .title-why::after {
    width: 2.5rem;
    height: .15rem;
    bottom: .4rem;
  }
  .title .title-why::before {
    background: url('../images/titleL.png') no-repeat center / 100%;
    left: 1rem;
  }
  .title .title-why::after {
    background: url('../images/titleR.png') no-repeat center / 100%;
    right: 1rem;
  }
  .province_list li{
    width: 20%;
    font-size: .7rem;
    height: 1.4rem;
    line-height: 1.4rem;
    margin: 0 0.38rem;
    margin-bottom: 0.5rem;
}
  .mianshi,.bishi{
    width: 6.3rem;
    font-size: 0.8rem;
    float: left;
    background: linear-gradient( 90deg ,rgba(50,76,168,1),rgba(68,111,197,1));
    text-align: center;
    line-height: 1.4rem;
    margin-right: 1rem;
  }
.city_list li{
    width: 24%;
    margin: .1rem .5%;
    line-height: 1.4rem;
    font-size: .7rem;
}
.city_tit{
    line-height: 1.2rem;
    font-size: .7rem;
    margin-top: .5rem;
}
.city_show{
  width: 100%;
}
.city_show li p{
    line-height: 1.1rem;
    font-size: .7rem;
}
.box12 {
  padding: 1rem 0;
}
}