/*  */

.index{
    /* width: 100%; */
}
h1,h2,h3,h4,h5,h6,p,div,span,b,li{
    /* font-family: 'Adobe','黑体','Std'; */
    font-weight: 500;
}


/* banner */
.lunbo {
    width: 100%;
    height: 600px;
    color: #fff;
    text-align: center;
}
/* 第二部分 */
.floor{
      width: 100%;
      height: 823px;
      font-family: 'Adobe','黑体','Std';
}
.floor_small{
    width: 1025px;
    margin: 0 auto;
    position: relative;
}
.hulianwang{
    margin-top: 50px;
    font-size: 40px;
    text-align: center;
}
.java1{
    margin-top: 50px;
    width: 352px;
    height: 450px; 
    border: 1px solid #f6f7f9;
    box-shadow: #f6f7f9 1px 1px 6px 5px;
    position: relative;
    left: 80px;
}
.java1_title{
    width: 300px;
    height: 70px;
    background-color: #23c888;
    margin-top: 27px;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: -25px;
    padding-top: 5px;
}
.beijing img{
      width: 190px;
      height: 190px;
      margin: 140px 0px 20px 67px;
}
.detail{
      font-size: 18px;
      color: #aaaaaa;
      width: 350px;
      height: 68px;
      margin-left: 32px;
      margin-top: 10px;
}
.detail-p{
    padding-bottom: 5px;
    
}
.java2{
    width: 473px;
    height: 420px;
    position: absolute;
    left: 510px;top: 90px;
    bottom: 165px;
    border: 1px solid #f6f7f9;
    box-shadow: #f6f7f9 1px 1px 6px 5px;
}
.beijing2 img{
    margin-top: 40px;
    width: 470px;
}
.java2_title{
      width: 300px;
      height: 50px;
      line-height: 50px;
      font-size: 24px;
      color: #fff;
      background-color: #000000;
      text-align: center;
      position: absolute;
      right: -20px;
}
.button{
      width: 357px;
      height: 65px;
      border: 1px solid #aaa;
      border-radius: 50px;
      text-align: center;
      line-height: 65px;
      font-size: 26px;
      margin: 130px auto 0px auto;
      cursor: pointer;
      margin-bottom: 50px;
}
.button:hover{
      border: 1px solid #23c888;
}



  /* 第三部分 */
  .floor1{
    width: 100%;
    height: 600px;
    background-color: #f2f4f9;
  }
  .floor1_index{
    background-color: #f2f4f9;
    width: 1025px;
    height: 600px;
    margin: 0 auto;
    position: relative;
  }
  .danei{
    font-size: 40px;
    margin: 0 auto;
    width: 780px;
  }
  .floor1_type{
    width: 350px;
    height: 280px;
    background-color: #fff;
    position: absolute;
    left: 36px;
    top: 197px;
    /* z-index: 99; */
  }
  .type_list{
    width: 250px;
    height: 200px;
    margin: 25px auto 0 auto;
}
.type_list>div{
    margin-top: 10px;
    margin-left: 10px;
}
.img1_img{
    width: 52px;
    height: 49px;
    position: absolute;
    top: 28px;left: 20px; 
    opacity: 0;
}
.img1_imghover:hover{
    opacity: 1;
}
  .title1{
    width: 230px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    position: relative;
    color: #878787;
    padding-left: 25px;
}
  .title2{
    width: 230px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    position: relative;
    padding-left: 48px;
    color: #878787;

}
  .title3{
    width: 230px;
    height: 50px;
    /* background-color: #aaaaaa; */
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    position: relative;
    padding-left: 48px;
    color: #878787;

}
  .title4{
    width: 230px;
    height: 50px;
    /* background-color: #aaaaaa; */
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    position: relative;
    padding-left: 5px;
    color: #878787;

}
.title1:hover {
    background-color: #e4e5ec;
    color: #000;
    font-size: 26px; 
  }
  .title2:hover {
    background-color: #e4e5ec;
    color: #000;
    font-size: 26px; 
  }
  .title3:hover {
    background-color: #e4e5ec;
    color: #000;
    font-size: 26px; 
  }
  .title4:hover {
    background-color: #e4e5ec;
    color: #000;
    font-size: 26px; 
  }
  .title1:hover .a{
    display: none;
  }
  .title2:hover .a{
    display: none;
  }
  .title3:hover .a{
    display: none;
  }
  .title4:hover .a{
    display: none;
  }
  .title1:hover .b{
    opacity: 1;
  }
  .title2:hover .b{
    opacity: 1;
  }
  .title3:hover .b{
    opacity: 1;
  }
  .title4:hover .b{
    opacity: 1;
  }
  .b{
    position: absolute;
    top: 4px;
    left: 13px;
    opacity: 0;
  }
  .a{
    position: absolute;
    top: 2px;
    left: 10px;
  }
.floor1_bijiben img{
    width: 660px;
    height: 405px;
    /* background-color: #fff; */
    position: absolute;
    left: 313px;top: 150px;
    /* z-index: 999; */
}
.list_img>img{
    position: absolute;
    top: 184px;left: 405px;
    width: 483px;
    height: 293px;
}
.type_list:hover div{
    cursor: pointer;
}
.list_img>#p1{
    display: block;
}
.list_img #p2,#p3,#p4{
    display: none;
}
.list_img:hover img{
    cursor: pointer;
}


/* 第四部分 */
.floor2{
    width: 100%;
    height: 775px;
}
.floor2_index{
    margin: 0 auto;
    width: 1025px;
    height: 775px;
    position: relative;
}
.duoyanghua{
    font-size: 40px;
    text-align: center;
}
.tuochanban{
    width: 500px;
    height: 300px;
    background-color: #e4e5ec;
    position: relative;
    margin-top: 50px;
    z-index: 9;
}
.sanjiao{
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 20px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 30px solid #bec2c5;
    transform: rotate(89deg);
    position: absolute;
    top: 295px;
    left: 474px;
}
.tuochanban_div{
    width: 430px;
    height: 250px;
    background-color: #fff;
    position: absolute;
    left:20px;
    top: 20px;
}
.yeyuban{
    width: 500px;
    height: 300px;
    background-color: #f5f6f7;
    position: absolute;
    left: 470px;
    top: 170px;
}
.yeyuban_div{
    width: 430px;
    height: 250px;
    background-color: #fff;
    position: absolute;
    top: 20px;
    left: 52px;
}
.daosanjiao{
    width: 48px;
    height: 150px;
    color: #fff;
    background-color: #23c888;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    border-bottom: 24px solid #fff;
    position: absolute;
    top: -20px;left: 21px;
    box-shadow: #23c886 8px 8px 100px 130px inset;
    
}
.biaozhi{
    font-size: 30px;
    color: #fff;
    width: 30px;
    height: 105px;
    position: absolute;
    top: -5px;left: 31px;
}
.tuochanban_head{
    width: 240px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #1c2632;
    font-size: 24px;
    text-align: center;
    margin: 25px auto 0 auto;
}
.tuochanban_detial{
    width: 210px;
    height: 110px;
    margin-top: 40px;
    margin-left: 150px;
}
.tuochanban_detial ul li{
    margin-top: 15px;
    font-size: 20px;
    color: #878787;
    list-style: disc;
}
.yeyuban_head{
    width: 240px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #1c2632;
    font-size: 24px;
    text-align: center;
    margin: 25px auto 0 auto;
}
.yeyuban_detail{
    width: 210px;
    height: 110px;
    margin-top: 40px;
    margin-left: 150px;
}
.yeyuban_detail ul li{
    margin-top: 15px;
    font-size: 20px;
    color: #878787;
    list-style: disc;
}
.biaozhi2{
    font-size: 30px;
    color: #fff;
    width: 30px;
    height: 105px;
    position: absolute;
    top: -5px;left: 372px;
}
.daosanjiao2{
    width: 48px;
    height: 150px;
    color: #fff;
    background-color: #23c888;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    border-bottom: 24px solid #fff;
    position: absolute;
    top: -20px;left: 363px;
    box-shadow: #23c886 8px 8px 100px 130px inset;
}
.two_li{
    width: 600px;
    height: 80px;
    line-height: 16px;
    background-color: #1c2632;
    text-align: center;
    margin: 120px auto 0 auto;
    font-size: 20px;
    color: #fff;
    position: relative;
    padding-right: 10px;
}
.two_li span{
    margin-top: 15px;
    display: inline-block;
}
.two_li li{
    list-style: disc;
    color: #23c888;
    position: absolute;
    left: 115px;
    margin-top: 15px;
}
.button2{
    width: 357px;
    height: 65px;
    border: 1px solid #aaa;
    border-radius: 50px;
    text-align: center;
    line-height: 65px;
    font-size: 26px;
    margin: 50px auto 0px auto;
    cursor: pointer;
    margin-bottom: 50px;
}
.button2:hover{
    border: 1px solid #23c888;
}



/* 第五部分 */
.floor3{
    width: 100%;
    height: 710px;
    background: url(../image/bg-java.png) no-repeat center;
}
.floor3_title{
    height: 42px;
    color: #fff;
    font-size: 40px;
    text-align: center;
    padding-top: 50px;
    font-family: 'Adobe','黑体','Std';
}
.flex{
    margin: 110px auto 0px auto;
    width: 1025px;
    height: 430px;
    cursor: pointer;
    position: relative;
    /* top: 32px;left: -24px; */
}
.flex .xiangmushengji,.jiagoushengji,.shendushengji,.redianshengji{
    position: relative;
    width: 23%;
    float: left;
}
.top_img{
    
}
.hover_img{
    position: absolute;
    top: -60px;left: -60px;
}
.xiangmushengji{
    margin-left: 47px;
    margin-top: 30px;
}
.jiagoushengji{
    margin-left: 12px;
    margin-top: 30px;
}
.shendushengji{
    margin-top: 30px;
    margin-left: 17px;
}
.redianshengji{
    margin-left: 6px;
    margin-top: 30px;
}
.bg_p{
    position: absolute;
    top: 61px;left: 31px;
    font-size: 24px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}
.xiangmushengji_dibu{
    width: 200px;
    height: 300px;
    position: absolute;
    top: 130px;left: -32px;
}  
.shendushengji_dibu{
    width: 200px;
    height: 300px;
    position: absolute;
    top: 130px;left: -32px;
}
.bg_2{
    width: 250px;
    height: 250px;
    opacity: 0;
    /* filter: alpha(opacity=0);*/
    /* display: none; */
}
.bg:hover .bg_2{
    transform: 0.3s;
    opacity: 1;
    /* display: inline; */
}
.white{
    color: white;
    font-size: 24px;
    text-align: center;
    margin-top: 40px;
}
.border-bottom{
    width: 30px;
    border-bottom:3px solid #23c886;
    margin: 20px auto 20px auto;
}
.flex p {
    color: white;
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px;
}
 .button3{
    width: 357px;
    height: 65px;
    border: 1px solid #23c886;
    border-radius: 50px;
    text-align: center;
    line-height: 65px;
    font-size: 26px;
    margin: 0px auto 0px auto;
    cursor: pointer;
    margin-bottom: 50px;
    
}
.button3 a{
    color: white;
    text-decoration: none;
} 



/* 第六部分 */
.floor4{
    width: 100%;   
}
.floor4_title{
    height: 42px;
    font-size: 40px;
    text-align: center;
    margin-top: 50px;
    font-family: 'Adobe','黑体','Std';
}
.module{
    width: 1025px;
    margin: 50px auto 0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.module1{
    width: 505px;
    height: 530px;
    margin-bottom: 30px;
    margin-left: 12px;
    background-color: #e4e5ec;
}
.module1_title{
    margin: 40px 0px 0px 35px;
    font-size: 24px;
    color: #000000;
    font-family: 'Adobe','黑体','Std';
}
.module1_small1{
    width: 430px;
    height: 130px;
    background-color: white;
    margin: 40px auto 20px auto;
}
.small1_green{
    width: 120px;
    height: 30px;
    background-color: #23c888;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: relative;
    top: -10px;left: 10px;
}
.module1_small1 ul{
    display: block;
    margin-left: 30px;
    margin-top: 5px;
}
.module1_small1 li{
    color: #979797;
    font-size: 18px;
    /* list-style: disc; */
    margin-bottom: 10px;
}
.module1_small2{
    width: 430px;
    height: 160px;
    background-color: white;
    margin: 30px auto 20px auto;
}
.small2_green{
    width: 160px;
    height: 30px;
    background-color: #23c888;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: relative;
    top: -10px;left: 10px;
}
.module1_small2 ul{
    display: block;
    margin-left: 30px;
    margin-top: 20px;
}
.module1_small2 li{
    color: #979797;
    font-size: 16px;
    /* list-style: disc; */
    margin-bottom: 16px;
}
.module1_bottom{
    width: 430px;
    height: 60px;
    background-color: #1c2632;
    margin: 0 auto;
    line-height: 60px;
    text-align: center;
    color: white;
    font-size: 18px;
}
/*  */
.module2{
    width: 495px;
    height: 530px;
    margin-bottom: 30px;
    margin-right: 13px;
    background-color: #fff;
    border: 1px solid #e4e5ec;
}
.module2_title{
    margin: 40px 0px 0px 35px;
    font-size: 24px;
    color: #000000;
    font-family: 'Adobe','黑体','Std';
}
.module2_green{
    width: 120px;
    height: 30px;
    background-color: #1c2632;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: relative;
    top: -10px;left: 10px;
}
.module2_small1{
    width: 430px;
    height: 130px;
    background-color: white;
    margin: 40px auto 20px auto;
    border: 1px solid #e4e5ec;
}
.module2_small1 ul{
    display: block;
    margin-left: 30px;
    margin-top: 5px;
}
.module2_small1 li{
    color: #979797;
    font-size: 16px;
    /* list-style: disc; */
    margin-bottom: 15px; 
}
.float-l{
    float: left;
    margin-right: 26px;
}
.module2_small2 ul{
    display: block;
    margin-left: 30px;
    margin-top: 10px;
}
.module2_small2 li{
    color: #979797;
    font-size: 16px;
    /* list-style: disc; */
    margin-bottom: 10px; 
}
.module2_small2{
    width: 430px;
    height: 160px;
    background-color: white;
    margin: 30px auto 20px auto;
    border: 1px solid #e4e5ec;
}
.module2_green2{
    width: 160px;
    height: 30px;
    background-color: #1c2632;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: relative;
    top: -10px;left: 10px;
}

.module2_bottom{
    width: 430px;
    height: 60px;
    background-color: #23c888;
    margin: 0 auto;
    color: white;
    font-size: 18px;
    line-height: 27px;
}
/* .huanhang{
    text-align: center;
    line-height: 1.5;
} */
/*  */
.module3{
    width: 500px;
    height: 610px;
    margin-bottom: 30px;
    margin-left: 13px;
    background-color: #fff;
    border: 1px solid #e4e5ec;
}
.module3_title{
    margin: 40px 0px 0px 35px;
    font-size: 24px;
    color: #000000;
}
.module3_green{
    width: 120px;
    height: 30px;
    background-color: #1c2632;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: relative;
    top: -10px;left: 10px;
}
.module3_small1{
    width: 430px;
    height: 130px;
    background-color: white;
    margin: 40px auto 20px auto;
    border: 1px solid #e4e5ec;
}
.module3_small1 ul{
    display: block;
    margin-left: 30px;
    margin-top: 5px;
}
.module3_small1 li{
    color: #979797;
    font-size: 16px;
    /* list-style: disc; */
    margin-bottom: 5px; 
}
.float-l1{
    float: left;
    padding-right: 35px;
}
.module3_small2{
    width: 430px;
    height: 240px;
    background-color: white;
    margin: 30px auto 20px auto;
    border: 1px solid #e4e5ec;
}
.module3_green2{
    width: 160px;
    height: 30px;
    background-color: #1c2632;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: relative;
    top: -10px;left: 10px;
}
.module3_small2 ul{
    display: block;
    margin-left: 30px;
    padding-top: 6px;
}
.module3_small2 li{
    color: #979797;
    font-size: 14px;
    margin-bottom: 11px;
    /* list-style: disc;  */
}
.module3_bottom{
    width: 430px;
    height: 60px;
    background-color: #23c888;
    margin: 0 auto;
    color: white;
    font-size: 18px;
    line-height: 27px;
}
.shanghuanhang{
    line-height: 1.5;
}
.huanhang{
    text-align: center;
    margin-left: 0px;
    line-height: 1.5;

}
.huanhang2{
    text-align: center;
    margin-left: 35px;
    line-height: 1.5;

}
.module4{
    width: 500px;
    height: 610px;
    margin-bottom: 30px;
    margin-right: 12px;
    background-color: #e4e5ec;
}
.module4_title{
    margin: 40px 0px 0px 35px;
    font-size: 24px;
    color: #000000;
    font-family: 'Adobe','黑体','Std';
}
.module4_small1{
    width: 430px;
    height: 130px;
    background-color: white;
    margin: 40px auto 20px auto;
}
.module4_small1 ul{
    display: block;
    margin-left: 30px;
    margin-top: 8px;
}
.module4_small1 li{
    color: #979797;
    font-size: 16px;
    /* list-style: disc; */
    margin-bottom: 15px;
}
.module4_green{
    width: 120px;
    height: 30px;
    background-color: #23c888;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: relative;
    top: -10px;left: 10px;
}
.module4_small2{
    width: 430px;
    height: 240px;
    margin: 30px auto 20px auto;
    background-color: #fff;

}
.module4_green2{
    width: 160px;
    height: 30px;
    background-color: #23c888;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: relative;
    top: -10px;left: 10px;
}
.module4_small2 ul{
    display: block;
    margin:15px 0px 0px 30px;
}
.module4_small2 li{
    color: #979797;
    font-size: 16px;
    /* list-style: disc; */
    margin-bottom: 15px;
}
.huanhang1{
    text-align: center;
    line-height: 1.5;
}
.module4_bottom{
    width: 430px;
    height: 60px;
    background-color: #1c2632;
    margin: 0 auto;
    color: white;
    font-size: 18px;
    line-height: 27px;
}

.module5{
    width: 503px;
    height: 530px;
    margin-bottom: 30px;
    margin-left: 12px;
    background-color: #e4e5ec;
}
.module5_title{
    margin: 40px 0px 0px 35px;
    font-size: 24px;
    color: #000000;
}
.module5_small1{
    width: 430px;
    height: 130px;
    background-color: white;
    margin: 40px auto 20px auto;
}
.module5_small1 ul{
    display: block;
    margin-left: 30px;
}
.module5_small1 li{
    color: #979797;
    font-size: 18px;
    /* list-style: disc; */
    margin-bottom: 7px;
    padding-top: 5px;
}
.module5_green{
    width: 120px;
    height: 30px;
    background-color: #23c888;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: relative;
    top: -10px;left: 10px;
}
.module5_small2{
    width: 430px;
    height: 160px;
    margin: 30px auto 20px auto;
    background-color: #fff;

}
.module5_green2{
    width: 160px;
    height: 30px;
    background-color: #23c888;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: relative;
    top: -10px;left: 10px;
}
.module5_small2 ul{
    display: block;
    margin:10px 0px 0px 30px;
}
.module5_small2 li{
    color: #979797;
    font-size: 18px;
    /* list-style: disc; */
    margin-bottom: 10px;
}
.huanhang1{
    text-align: center;
}
.module5_bottom{
    width: 430px;
    height: 60px;
    background-color: #1c2632;
    margin: 0 auto;
    color: white;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
}
.module6{
    width: 497px;
    height: 530px;
    margin-bottom: 30px;
    margin-right: 13px;
    background-color: #fff;
    border: 1px solid #e4e5ec;
}
.module6_title{
    margin: 40px 0px 0px 35px;
    font-size: 24px;
    color: #000000;
    font-family: 'Adobe','黑体','Std';
}
.module6_green{
    width: 120px;
    height: 30px;
    background-color: #1c2632;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: relative;
    top: -10px;left: 10px;
}
.module6_small1{
    width: 430px;
    height: 130px;
    background-color: white;
    margin: 38px auto 30px auto;
    border: 1px solid #e4e5ec;
}
.module6_small1 ul{
    display: block;
    margin-left: 30px;
}
.module6_small1 li{
    color: #979797;
    font-size: 18px;
    /* list-style: disc; */
    margin-bottom: 5px; 
    padding-top: 7px;
}
.float-l1{
    float: left;
    padding-right: 20px;
}
.module6_small2{
    width: 430px;
    height: 160px;
    background-color: white;
    margin: 20px auto 20px auto;
    border: 1px solid #e4e5ec;
}
.module6_green2{
    width: 160px;
    height: 30px;
    background-color: #1c2632;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: relative;
    top: -10px;left: 10px;
}
.module6_small2 ul{
    display: block;
    margin-left: 30px;
    margin-top: 10px;
}
.module6_small2 li{
    color: #979797;
    font-size: 18px;
    /* list-style: disc; */
    margin-bottom: 10px; 
}
.module6_bottom{
    width: 430px;
    height: 60px;
    background-color: #23c888;
    margin: 0 auto;
    color: white;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
}
.button4{
    width: 357px;
    height: 65px;
    border: 1px solid #878787;
    border-radius: 50px;
    text-align: center;
    line-height: 65px;
    font-size: 26px;
    margin: 50px auto 0px auto;
    cursor: pointer;
    margin-bottom: 50px;
}
.button4 a{
    color: #000000;
    text-decoration: none;
}
.button4:hover{
    border: 1px solid #23c888;
}


/* 第七部分 */
.floor5{
    width: 100%;
    height: 920px;
    background-color: #f2f4f9;
    position: relative;
}
.floor5_small{
    width: 1025px;
    height: 1000px;
    margin: 0 auto;
    position: relative;
}
.floor5_title{
    text-align: center;
    padding-top:50px;  
    font-size: 40px;
}
/* Demo Styles */
.tabs {
    width: 1000px;
    height: 90px;
    margin-top: 50px;
}
.yinying{
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 11px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 10px solid #474f5a;
    border-top: 0px solid transparent;
    transform: rotate(267deg);
    position: absolute;
    top: -10px;
    left: -1px;
}
.tabs .active,.active2,.active3{
      float: left;
}
.active {
    width: 180px;
    height: 90px;
    color: #fff;
    background: #e4e5ec;
    margin-left: 140px; 
    position: relative;
}
.active_xue{
    width: 180px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    top: 10px;left: -10px;
    font-size: 24px;
    text-align: center;
    color: #000;
    padding-top: 5px;
    clear: both;
}
.active_biaoqian1{
    width: 170px;
    height: 35px;
    background-color: #1c2632;
    color: white;
    font-size: 18px;
    text-align: center;
    line-height: 35px;
    position: absolute;
    top: 55px;left: -20px;
}
.active2{
    width: 180px;
    height: 90px;
    color: #fff;
    background: #e4e5ec;
    margin: 0px 90px 0 90px;
    position: relative;
}
.active_lian{
    width: 180px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    top: 10px;left: -10px;
    font-size: 24px;
    text-align: center;
    color: #000;
    padding-top: 5px;
    clear: both;
}
.active_biaoqian2{
    width: 170px;
    height: 35px;
    background-color: #1c2632;
    color: white;
    font-size: 18px;
    text-align: center;
    line-height: 35px;
    position: absolute;
    top: 55px;left: -20px;
}
.active3{
    width: 180px;
    height: 90px;
    color: #fff;
    background: #e4e5ec;
    position: relative;
}
.active_zuo{
    width: 180px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    top: 10px;left: -10px;
    font-size: 24px;
    text-align: center;
    color: #000;
    padding-top: 5px;
    clear: both;
}
.active_biaoqian3{
    width: 170px;
    height: 35px;
    background-color: #1c2632;
    color: white;
    font-size: 18px;
    text-align: center;
    line-height: 35px;
    position: absolute;
    top: 55px;left: -20px;
}
.floor5 .swiper-container {
    background: #1c2632;
    width: 1000px;
    height: 470px;
    margin-top: 50px;
}
.floor5 .swiper-container2 {
    background-color: #f2f4f9;
    width: 1000px;
    height: 470px;
}
.active_lian:hover{
    background-color: #23c888;
    cursor: pointer;
    color: #fff;
}
.active_xue:hover{
    background-color: #23c888;
    cursor: pointer;
    color: #fff;
}
.active_zuo:hover{
    background-color: #23c888;
    cursor: pointer;
    color: #fff;
}
.left_img{
    position: absolute;
    top: 500px;left: 0px;
    z-index: 99;
}
.left_img:hover{
    cursor: pointer;
}
.right_img{
    position: absolute;
    top: 500px;left: 1005px;
    z-index: 99;
}
.right_img:hover{
    cursor: pointer;
}
.xue1{
    background-color: white;
    width: 220px;
    height: 350px;
    float: left;
    margin: 60px 30px 0px 15px;
}

.xue2{
    background-color: white;
    width: 220px;
    height: 350px;
    float: left;
    margin: 60px 30px 0px 0px;
}
.xue3{
    background-color: white;
    width: 220px;
    height: 350px;
    float: left;
    margin: 60px 30px 0px 0px;

}
.xue4{
    background-color: white;
    width: 220px;
    height: 350px;
    float: left;
    margin: 60px 0px 0px 0px;
}
.xue1 img,.xue2 img,.xue3 img,.xue4 img{
    width: 200px;
    height: 270px;
    margin: 10px 0px 0px 10px;
}
.xue1_foot{
    text-align: center;
    font-size: 16px;
    color: #cfcfcf;
    height: 30px;
    line-height: 60px;
}
.xue2_foot{
    text-align: center;
    font-size: 16px;
    color: #cfcfcf;
    height: 30px;
    line-height: 25px;
}
.lian1{
    margin: 0px 50px 20px 15px;
}
.lian2{
    margin: 0px 50px 20px 0px;
}
.lian3{
    margin: 0px 10px 20px 0px;
}
.lian4{
    margin: 0px 50px 0px 15px;
}
.lian5{
    margin: 0px 50px 0px 0px;
}
.content-slide img{
    float: left;
}
.button5{
    width: 357px;
    height: 65px;
    border: 1px solid #878787;
    border-radius: 50px;
    text-align: center;
    line-height: 65px;
    font-size: 26px;
    margin: 50px auto 0px auto;
    cursor: pointer;
    margin-bottom: 50px;
}
.button5:hover{
    border: 1px solid #23c888;
}





/* 第八部分 */
.floor6{
    width: 100%;
    height: 580px;
}
.floor6_title{
    font-size: 40px;
    text-align: center;
    margin: 50px 0px;
}
/* .uidWrapper .floor13{
    width: 1920px;
    height: 600px;
} */
.floor6_index{
    width: 960px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    background-color: #ffffff;
}
.floor6_index .jiaoxuejiangshi{
    width: 140px;
    height: 200px;
    float: left;
    position: relative;
    cursor: pointer;

}
.id_liucangsong{
    font-size: 24px;
    position: absolute;
    top: 62px;left: 10px;

}
.liucangsong_zhiwei{
    font-size: 18px;
    color: #878787;
    position: absolute;
    top: 96px;left: 12px;
}
.floor6_img{
    width: 260px;
    height: 400px;
    position: relative;
    top: 0px;left: 560px;
    background-color: #1c2632;
}
.bofangtu1{
    position: absolute;
    top: 134px;left: -2px;
}
.bofangtu2{
    position: absolute;
    top: 134px;left: -2px;
}

.fanchuanqi1{
    width: 140px;
    height: 200px;
    position: absolute;
    top: 0px;right: 0px;
}
.c1{
    width: 140px;
    height: 200px;
    position: absolute;
    top: 0px;right: 0px;
    cursor: pointer;

}
.c2{
    width: 140px;
    height: 200px;
    position: absolute;
    top: 200px;left: 0px;
    cursor: pointer;

}
.c3{
    width: 140px;
    height: 200px;
    position: absolute;
    top: 200px;left: 140px;
    cursor: pointer;

}
.c4{
    width: 140px;
    height: 200px;
    position: absolute;
    top: 200px;left: 280px;
    cursor: pointer;

}
.c5{
    width: 140px;
    height: 200px;
    position: absolute;
    top: 200px;right:400px;
    cursor: pointer;

}
.c6{
    width: 140px;
    height: 200px;
    position: absolute;
    top: 200px;right: 0px;
    cursor: pointer;

}
.qiehuantu{
    display: none;
}
.qiehuantu1{
    width: 200px;
    height: 200px;
    z-index: 99;
    position: absolute;
    left: 32px;top: 220px;
    font-size: 14px;
    line-height: 20px;
}
.qiehuantu2{
    width: 200px;
    height: 200px;
    z-index: 99;
    position: absolute;
    left: 32px;top: 200px;
    font-size: 14px;
    line-height: 20px;

}
.qiehuantu3{
    width: 200px;
    height: 200px;
    z-index: 99;
    position: absolute;
    left: 32px;top: 200px;
    font-size: 14px;
    line-height: 20px;

}
.qiehuantu4{
    width: 200px;
    height: 200px;
    z-index: 99;
    position: absolute;
    left: 32px;top: 240px;
    font-size: 14px;
    line-height: 20px;

}
.qiehuantu6{
    width: 200px;
    height: 200px;
    z-index: 99;
    position: absolute;
    left: 32px;top: 175px;
    font-size: 14px;
    line-height: 20px;

}
.qiehuantu7{
    width: 200px;
    height: 200px;
    z-index: 99;
    position: absolute;
    left: 32px;top: 252px;
    font-size: 14px;
    line-height: 20px;

}
.qiehuantu8{
    width: 200px;
    height: 200px;
    z-index: 99;
    position: absolute;
    left: 32px;top: 232px;
    font-size: 14px;
    line-height: 20px;

}
.qiehuantu9{
    width: 200px;
    height: 200px;
    z-index: 99;
    position: absolute;
    left: 32px;top: 255px;
    font-size: 14px;
    line-height: 20px;

}
.jiaoxuejiangshi:hover .bofangtu2{
    cursor: pointer;
    opacity: 1;
}
.jiaoxuejiangshi:hover .bofangtu1{
    opacity: 0;
}
.c1:hover .bofangtu2{
    cursor: pointer;
    opacity: 1;
}
.c1:hover .bofangtu1{
    opacity: 0;
}
.c2:hover .bofangtu2{
    cursor: pointer;
    opacity: 1;
}
.c2:hover .bofangtu1{
    opacity: 0;
}

.c3:hover .bofangtu2{
    cursor: pointer;
    opacity: 1;
}
.c3:hover .bofangtu1{
    opacity: 0;
}

.c4:hover .bofangtu2{
    cursor: pointer;
    opacity: 1;
}
.c4:hover .bofangtu1{
    opacity: 0;
}
.c5:hover .bofangtu2{
    cursor: pointer;
    opacity: 1;
}
.c5:hover .bofangtu1{
    opacity: 0;
}
.bofangtu2{
    opacity: 0;
}
.qiehuantu{
    width: 260px;
    height: 400px;
}
.qiehuantu_1{
    width: 260px;
    height: 400px;
}
.qiehuantu_1 img{
    position: absolute;
    top: -11px;left: -1px;
    width: 260px;    height: 400px;
    z-index: 99;
}
.qiehuantu img{
    position: absolute;
    top: -11px;left: -1px;
    width: 260px;    height: 400px;
    z-index: 99;
}

/* 第九部分 */
.floor7{
    width: 100%;
    height: 495px;
    /* background-color: #1c2632; */
    background: url(../image/aaa.png) no-repeat center;

}
.floor7_small{
    width: 1025px;
    height: 450px;
    margin: 0 auto;
}
.floor7_title{
    font-size: 40px;
    text-align: center;
    padding-top: 50px;
    color: white;
}
.small_index{
    width: 930px;
    height: 350px;
    margin: 50px auto 0px auto;
    display: flex;
    justify-content: space-around;
    position: relative;
}
.small_index .small_index1,.small_index2,.small_index3,.small_index4{
    width: 200px;
    height: 350px;
}
.small_index1{
    margin-left: -55px;
}
.small_index2{
    margin-left: 10px;
}
.small_index3{
    margin-left: 5px;
}
.small_index4{
    margin-right: -30px;
}
/* .small_index2,.small_index3,.small_index4{
    margin-left: 10px;
} */
.index1_img{
    margin-left:20px;
}
.mingshi{
    font-size: 20px;
    color: white;
    text-align: center;
}
.index1_xiahuaxian{
    width: 30px;
    height: 3px;
    border-bottom: 3px solid #23c888;
    margin: 30px  auto 45px auto;
}

.index1_ulli{
    width: 160px;
    height: 130px;
    margin-left: 15px;
}
.index1_ulli li{
    font-size: 16px;
    color: white;
    text-align: center;
    /* list-style: disc; */
    /* text-indent: -4px; */
    padding-bottom: 15px;
    padding-left: 0px;
}
.index1_li1{
    margin-left: 17px;
    /* padding-left: 20px; */
}
.index1_li2{
    
    
}



/* 第十部分 */
.floor8{
    width: 100%;
    height: 666px;
}
.floor8_title{
    font-size: 40px;
    text-align: center;
    padding: 50px 0px;
}
.big_img{
    width: 1025px;
    height: 343px;
    margin: 0px auto 40px auto;
}
.hezuoqiye{
    width: 680px;
    height: 90px;
    line-height: 90px;
    margin: 0 auto;
    text-align: center;
    background-color: #f1f2f5;
    color: #c6c7c9;
    font-size: 18px;
    position: relative;
}
.hezuoqiye2{
    font-size: 24px;
    color: #000;
}
.hezuo_title{
    width: 280px;
    height: 40px;
    position: absolute;
    top: -20px;left: 20px;
    background-color: #23c888;
    text-align: center;
    color: white;
    line-height: 40px;
    margin-bottom: 50px;
    font-size: 24px;
}



/* 第十一部分 */
.floor9{
    width: 100%;
    height: 560px;
    background-color: #f2f4f9;
}
.floor9_samll{
    width: 1025px;
    height: 560px;
}
.floor9_title{
    font-size: 40px;
    text-align: center;
    padding-top: 50px;
}
.floor9_small1{
    width: 1025px;
    height: 265px;
    margin: 50px auto 0px auto;
}
.left_title{
    width: 200px;
    height: 200px;
    margin: 10px 0px 0px 30px;
}
.left_title_p{
    color: #a7acb4;
    font-size: 40px;
    font-weight: bold;
}
.title_p{
    margin: 20px 0px 0px 5px;
    width: 40px;
    height: 5px;
    border-bottom: 5px solid #23c888;
}
.floor9_small2 {
    margin: 0 auto;
    padding-top: 50px;
    position: relative;
  }
.floor9_lunbotu .floor9_ul {
    height: 301px;
  }
.floor9_lunbotu .floor9_li {
    margin-top:30px;
    width: 200px;
    height: 260px;
    /* float: left; */
    margin-left: 26px;
    margin-right: 0;
    /* text-align: center; */
    background-color: #fff;
    -webkit-transition: height 300ms;
    -moz-transition: height 300ms;
    -ms-transition: height 300ms;
    -o-transition: height 300ms;
    transition: height 300ms;
    position: relative;
    box-shadow: 1px 0px 8px rgba(0,0,0,0.12);
    top: 10px;
    left: -10px;
    list-style: none;
    display: block;
    border-radius: 5px;
  }
.floor9_img .floor9_img1{
    width: 200px;
    height: 200px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.floor9_f1  .prev {
    width: 22px;
    height: 22px;
    display: block;
    border: none;
    margin: 0 auto;
    margin-top: 12px;
    position: absolute;
    top: 210px;left: 265px;
}
.floor9_f1  .next {
    width: 22px;
    height: 22px;
    display: block;
    border: none;
    margin: 0 auto;
    margin-top: 12px;
    position: absolute;
    top: 210px;left: 226px;
}
.floor9_lunbotu {
    float: left;
    width: 678px;
    height: 340px;
    position: absolute;
    top: -40px;left: 343px;
}
.floor9_img2{
    /* margin-left: -133px; */
}
.floor_wenzi{
    font-size: 18px;
    color: #979797;
    text-align: center;
    line-height: 1.5;
}
.floor9_botton{
    width: 357px;
    height: 65px;
    border: 1px solid #878787;
    border-radius: 50px;
    text-align: center;
    line-height: 70px;
    margin: 50px auto 0px auto;
    cursor: pointer;
    margin-bottom: 50px;
    
}
.floor9_botton:hover{
    cursor: pointer;
    border: 1px solid #23c888;
}
.floor9_botton a{
    font-size: 26px;
    text-decoration: none;
    color: black;
    cursor: pointer;
}



/* 第十二部分 */
.floor12{
    width: 100%;
    height: 666px;
}
.floor12_title{
    font-size: 40px;
    text-align: center;
    padding-top: 50px;
}
.floor12_small{
    width: 1040px;
    border: 1px solid #fff;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 50px;
}
.bg-image{
    width: 130px;
    height: 253px;
}
.bg-color{
    width: 130px;
    height: 170px;
    position: relative;
}
.bg-color img{
    width: 130px;
    height: 170px;
    position: absolute;
    top: -7px;left: 0px;
}
.bg-color img:hover{
    transition: 0.3s;
    transform: scale(1.02);
    cursor: pointer;
}
.img_p1{
    font-size: 18px;
    text-align: center;
    padding-top: 5px;
}
.img_p2{
    font-size: 16px;
    text-align: center;
    padding-top: 5px;
    color: #9f9f9f;
}



/* 第十三部分 */
.floor13{
    width: 100%;
    height: 435px;
    background: url(../image/shangshibg.png) no-repeat center;

}
.floor13_title{
    text-align: center;
    font-size: 40px;
    color: #fff;
    padding-top: 50px;
}
.floor13_small{
    width: 1070px;
    height: 240px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 50px auto 0px auto;
}
.floor13_small2{
    width: 255px;
    height: 105px;
    border: 1px solid #23c888;
    border-radius: 5px;
    position: relative;
}
.floor13_small2 img{
    float: left;
}
.wan100{
    margin: 15px 0px 0px 5px;
}
.wan20{
    margin: 15px 0px 0px 15px;
}
.jia1200{
    margin: 20px 0px 0px -8px;
}
.wei170{
    margin: 15px 0px 0px 5px;
}
.da26{
    margin: 15px 0px 0px 5px;
}
.wei1339{
    margin: 15px 0px 0px -12px;
}
.wan3{
    margin: 15px 0px 0px 30px;
}
.wan2{
    margin: 15px 0px 0px 30px;
}
.floor13_div1{
    color: #fff;
    font-size: 22px;
}
.floor13_div2{
    font-size: 18px;
    color: #fff;
}
.dingwei1{
    position: absolute;
    top: 20px;left:130px;
}
.dingwei2{
    position: absolute;
    top: 55px;left: 130px;
}
.dingwei3{
    position: absolute;
    top: 20px;left: 100px;
}
.dingwei4{
    position: absolute;
    top: 55px;left: 100px;
}
.dingwei5{
    position: absolute;
    top: 20px;left: 125px;
}
.dingwei6{
    position: absolute;
    top: 55px;left: 125px;
}
.dingwei7{
    position: absolute;
    top: 20px;left: 86px;
}
.dingwei8{
    position: absolute;
    top: 55px;left: 86px;
}
.dingwei9{
    position: absolute;
    top: 20px;left: 110px;
}
.dingwei10{
    position: absolute;
    top: 55px;left: 110px;
}


/* 第十四部分 */
.floor14{
    width: 100%;
    height: 100px;
    background-color: #1c2632;
}
.floor14_div1{
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-top: 30px;
}
.floor14_div2{
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}