body {
    font-size: 12px;
    line-height: 1.5;
    user-select: none;
    -webkit-font-smoothing: antialiased;
}
ul,
li {
    margin: 0;
    padding: 0;
}
a {

    font-family: Microsoft Yahei, Arial, Lantinghei SC, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif;
    box-sizing: border-box;
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.header {
    height: 60px;
    background: #131d34;
    display: block;

    font-family: Microsoft Yahei, Arial, Lantinghei SC, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif;
    box-sizing: border-box;

}
.container {
    width: 1180px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.container nav {
    height: 100%;
    margin-left: 150px;
}
.logoLink {
    background-image: url(../img/logo.png);
    padding: 15px 0;
    height: 60px;
    width: 130px;
    background-size: 86px 30px;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: 0 center;
    position: absolute;
    top: 0;
    left: 0;
}
.nav {
    display: inline-block;
    color: #fff;
    font-weight: 100;
    margin: 12px 0;
    font-size: 14px;
}
.commonNav {
    font-size: 14px;
    float: right;
    color: #fff;
    margin-top: 12px;
}

.navs li {
    display: inline-block;
    margin-right: 24px;
    padding: 10px 0;
    float: left;
}

.navs li a {
    color: #fff;
}

.navs li a:hover {
    color: #0b9eff;
}

.navs .controlli {
    margin-right: 0;
}

.controlli a {
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 7px 7px 7px 30px;
    background: url(../img/control.png) no-repeat 7px;
    background-size: 16px;
}

.navs .controlli a:hover {
    opacity: 1;
    background-color: #0b83e1;
    border-color: #0b83e1;
    color: #fff;
}

.showName span {
    display: none;
}

.showName {
    cursor: pointer;
    position: relative;
}

.showName span a {
    color: #0b9eff;
}

.showName:hover span {
    display: block;
    position: absolute;
    background: #fff;
    height: 40px;
    width: 100px;
    color: #333;
    text-align: center;
    font-size: 14px;
    line-height: 2.857;
    z-index: 99;
    border: 1px solid #ddd;
    top: 35px;
}


.login-li {
    position: relative;
}

.sub-nav {
    position: absolute;
    background: #fff;
    height: 40px;
    width: 100px;
    color: #333;
    text-align: center;
    font-size: 14px;
    line-height: 2.857;
    z-index: 99;
    border: 1px solid #ddd;
    top: 35px;
}

.logout-nav {
    
}

.logout-btn {
    color: #0b9eff!important;
    padding: 0!important;
    margin: 0!important;
}
.logout-btn a {
    color: #0b9eff!important;
}

.login-li:hover>.logout-nav {
    display: flex!important;
    justify-content: center;
    align-items: center;
}
ul {
    padding: 0;
  }


  * {
      font-family: Microsoft Yahei, Arial, Lantinghei SC, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif;
      box-sizing: border-box;
  }

  [class^=icon-] {
      font-family: icomoon !important;
      speak: none;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }

  li,
  ul {
      list-style: none;
      padding: 0;
      margin: 0;
  }

  a {
      text-decoration: none;
      color: inherit;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .footer {
      height: 390px;
      overflow: hidden;
      display: block;
  }



  .container1 {
      height: 105px;
      width: 100vw;
      background: #383c49;
  }

  .container2 {
      height: 225px;
      width: 100vw;
      background: #444855;
  }

  .container3 {
      height: 60px;
      text-align: center;
      width: 100vw;
      border-top: solid #656973 1px;
      background: #444855;
  }

  .container3 p {
      font-size: 12px;
      line-height: 60px;
      color: #ebebeb;
      margin-top: 0;
  }

  .container3 p a:hover {
      text-decoration: underline;
      color: #ebebeb;
  }

  .service {
      width: 1180px;
      margin: 0 auto;
  }

  .service ul {
      padding: 30px 0;
      color: #fff;
  }

  .service li {
      display: inline-block;
      width: 275px;
  }

  .main {
      font-size: 16px;
      display: block;
      line-height: 20px;
      margin-top: 5px;
  }

  .sub {
      font-size: 14px;
      line-height: 25px;
      color: #bfbfbf;
  }

  .icon-refund,
  .text {
      float: left;
  }

  .icon-refund {
      font-size: 50px;
  }

  .text {
      margin-left: 25px;
  }

  .container2 dl {
      float: left;
      color: #fff;
      font-size: 16px;
  }

  .group {
      width: 1180px;
      margin: 0 auto;
      padding-left: 230px;
  }

  .group dl {
      width: 185px;
      color: #fff;
      margin: 0;
  }

  .group dt {
      margin: 40px 0 30px 0;
      font-size: 16px;
  }

  .group dd {
      font-size: 14px;
      margin: 10px 0;
      color: #a6a7aa;
      line-height: 18px;
  }

  .group dd a:hover {
      text-decoration: underline;
      color: #a6a7aa;
  }

  .group .phone {
      width: auto;
  }

  .phone dd {
      font-size: 26px;
      position: relative;
      color: #fff;
  }

  .phone span {
      color: #0b83e1;
      position: absolute;
      left: -36px;
      top: -6px;
  }

  .first_box{
      text-align: center;
  }
  .index_img{
      width: 100%;
      display: block;
  }
  .box_img{
      display: block;
      width: 100%;
      height: 600px;
      background-repeat: no-repeat;
      background-size: cover;
  }
  #box_img2{
      /* background-image: url("../img/index_img2.png"); */
      height: 640px;
  }
  #box_img3{
    /* background-image: url("../img/index_img3.png"); */
    height: 838px;
  }
  #box_img4{
      height: 648px;
    /* background-image: url("../img/index_img4.png"); */
  }
  #box_img5{
    /* background-image: url("../img/index_img5.png"); */
    height: 685px;
  }
  #box_img6{
      text-align: center;
      height: 647px;
    /* background-image: url("../img/index_img6.png"); */
  }
  #box_img7{
      margin-top: 145px;
      text-align: center;
      height: 843px;
    /* background-image: url("../img/index_img7.png"); */
  }
  #box_img8{
  /* background-image: url("../img/index_img8.png"); */
  }
  #box_img9{
      height: 846px;
    /* background-image: url("../img/index_img9.png"); */
  }
  #box_img10{
  /* background-image: url("../img/index_img10.png"); */
  height: 723px;
  }
  .box_img_button{
      position: relative;
      top:75px;
      margin: 0 auto;
      width: 150px;
  }
  .box_img_button img {
    width: 100%;
  }

  .index_cle_img {
      width: 45px;      
  }
  .index_cle_img img {
      width: 100%;
  }
  .box_text{
    width: 500px;
  }
  #box_text2{
      position: relative;
      top: 180px;
      left: 440px;
  }
  .index_text_title{
      font-size: 30px;
      color: #448bf6;
      font-weight: bold;
      letter-spacing:5px;
  }
  .index_text_con{
    color: rgb(174,174,174);
    font-size: 20px;
    font-weight: bold;
  }

  #box_text3{
    position: relative;
    top: 300px;
    left: 1050px;
  }
 
  #index_cle_img_right1{
    position: relative;
    left: 335px;
  }
  #box_text4{
    position: relative;
    top: 240px;
    left: 440px;
  }
  #box_text5{
    width: 520px;
    position: relative;
    top: 285px;
    left: 930px;
    text-align: right;
  }
#index_cle_img_right2{
    position: relative;
    left: 470px;
}
.forth_box{
    margin-top: 100px;
    text-align: center;
    height: 150px;
}

#box_text6{
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 20px;
    width: 900px;
}

.index_tia_img img {
    width: 45px;
}

#box_text7{
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 140px;
    width: 900px;
}
#box_text8{
    position: relative;
    top: 240px;
    left: 440px;
  }

  #box_text9{
    width: 520px;
    position: relative;
    left: 964px;
    text-align: right;
    bottom: 240px;
  }
#index_cle_img_right3{
    position: relative;
    left: 470px;
}
.tablable_index{
    width: 100%;
}
.labe_img{
    width: 100%;
}
.ah-tab-item{
    height: 210px;
    width: 150px;
    outline:none;
}
.ah-tab{
    display: flex;
    justify-content: space-evenly;
}
.lab_title{
    position: relative;
    top: 168px;
    text-align: center;
}
.sec_box{
    margin-top: 75px;
}

#top_butt1{    
    background-image: url(../img/index_home1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#top_butt1:hover{
    background-image: url(../img/index_home2.png);
}
#top_butt1[data-ah-tab-active="true"]{
    background-image: url(../img/index_home2.png);
}

#top_butt2{    
    background-image: url(../img/index_adaptation1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#top_butt2:hover{
    background-image: url(../img/index_adaptation2.png);
}
#top_butt2[data-ah-tab-active="true"]{
    background-image: url(../img/index_adaptation2.png);
}
#top_butt3{    
    background-image: url(../img/index_lan1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#top_butt3:hover{
    background-image: url(../img/index_lan2.png);
}
#top_butt3[data-ah-tab-active="true"]{
    background-image: url(../img/index_lan2.png);
}
#top_butt4{    
    background-image: url(../img/index_server1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#top_butt4:hover{
    background-image: url(../img/index_server2.png);
}
#top_butt4[data-ah-tab-active="true"]{
    background-image: url(../img/index_server2.png);
}

.str_wrap{
    padding-left: 3em;
    padding-right: 3em;
    /* background: #fefefe; */
    height: 10em;
    line-height: 2em;
    font-size: 1.2em;
}
.str3 { font-size:0 !important}
.str3-2 { background:none !important;}
.str3-2 span { border:5px solid #ccc; background:#f1f1f1; color:#999; margin:0 5px; text-align:center; font:40px/100px Arial, Helvetica, sans-serif; width:100px; height:100px; display:inline-block; vertical-align:top;}
.str4 .str_item {
    font-size:0;
    line-height:0
}
.str4 img { opacity:0.8}
.str4 img:hover { opacity:1}

.house_img_a{
    width: 200px;
    padding: 20px;
}
.house_img_a img{
    width: 500px;
}
.htmleaf-container{
    padding-top: 125px;
}
.main_box{
    background-image: url(../img/bg.jpg);
    background-size: cover;
}
.img_j1{
    float: right;
    height: 387px;
    position: relative;
    right: 815px;
    bottom: 45px;
    display: none;
    z-index: 5;
}
.img_j2{
    float: right;
    position: relative;
    bottom: 120px;
    height: 410px;
    right: 283px;
    display: none;
}
.img_j3{
    float: right;
    position: relative;
    width: 265px;
    left: 190px;
    top: 190px;
    display: none;
}
.img_j4{
    width: 600px;
    position: relative;
    left: 430px;
    bottom: 35px;
    display: none;
}
.img_j5{
    position: relative;
    z-index: 5;
    right: 235px;
    width: 400px;
    /* bottom: 75px; */
    top: 60px;
    display: none;
}
.img_j6{
    width: 660px;
    position: relative;
    left: 889px;
    bottom: 95px;
    display: none;
}
.img_j7{
    width: 660px;
    position: relative;
    right: -149px;
    /* top: 100px; */
    display: none;
}
.img_j8{
    width: 380px;
    position: relative;
    left: 420px;
    display: none;
    bottom: 135px;
}
.img_j9{
    width: 260px;
    position: relative;
    bottom: 210px;
    left: 350px;
    display: none;
}
.img_j10{
    width: 900px;
    margin-top: 150px;
    text-align: center;
}
.img_j11{
    width: 725px;
    position: relative;
    left: 200px;
    top: 32px;
    display: none;
}
.img_j12{
    width: 336px;
    position: relative;
    top: 104px;
    display: none;
}
.img_j13{
    width: 645px;
    float: right;
    position: relative;
    right: 411px;
    display: none;
}
.img_j14{
    width: 610px;
    position: relative;
    left: 395px;
    top: 130px;
    /* display: none; */
}
.text_main{
    margin-top: 50px;
    text-align: center;
}
.text_main span h1 {
    color: red;
}
.tex-t{
    font-size: 20px;
    line-height: 40px;
}


@media screen and (max-width: 1600px) {
    #box_text2 {
        position: relative;
        top: 160px;
        left: 380px;
    }
    .img_j1 {
        float: right;
        height: 450px;
        position: relative;
        right: 538px;
        bottom: 45px;
        display: none;
        z-index: 5;
    }
    .img_j2 {
        float: right;
        position: relative;
        bottom: 160px;
        height: 480px;
        right: -91px;
        display: none;
    }
    .img_j3 {
            float: right;
            position: relative;
            width: 265px;
            left: 604px;
            top: 210px;
            display: none;
    }
    #box_text3 {
        width: 417px;
        position: relative;
        top: 300px;
        left: 900px;
    }
    .img_j4 {
        width: 510px;
        position: relative;
        left: 330px;
        bottom: 35px;
        display: none;
    }
    .img_j5 {
        position: relative;
        z-index: 5;
        right: 300px;
        width: 271px;
        /* bottom: 75px; */
        top: 84px;
        display: none;
    }
    #box_text4 {
        position: relative;
        top: 240px;
        left: 265px;
    }
    .img_j6 {
        width: 590px;
        position: relative;
        left: 740px;
        bottom: 130px;
        display: none;
        float: left;
    }
    .img_j7 {
        width: 590px;
        position: relative;
        right: 105px;
        display: none;
        float: right;
    /* bottom: 405px; */
    }
    #box_text5 {
        width: 523px;
        position: relative;
        top: 285px;
        left: 757px;
        text-align: right;
    }
    .img_j8 {
        width: 380px;
        position: relative;
        left: 280px;
        display: none;
        bottom: 135px;
    }
    .img_j9 {
        width: 256px;
        position: relative;
        bottom: 210px;
        left: 200px;
        display: none;
    }
    #box_text8 {
        position: relative;
        top: 100px;
        left: 375px;
    }
    .img_j13 {
        width: 615px;
    float: right;
    position: relative;
    right: 145px;
    display: none;
    }
    .img_j14 {
        width: 504px;
        position: relative;
        left: 205px;
        top: 54px;
        /* display: none; */
    }
    #box_text9 {
        width: 520px;
        position: relative;
        left: 690px;
        text-align: right;
        bottom: 240px;
    }
}
@media screen and (max-width: 1440px) {
    #box_text2 {
        position: relative;
        top: 160px;
        left: 220px;
    }
    .img_j1 {
        float: right;
        height: 450px;
        position: relative;
        right: 538px;
        bottom: 45px;
        display: none;
        z-index: 5;
    }
    .img_j2 {
        float: right;
        position: relative;
        bottom: 160px;
        height: 480px;
        right: -91px;
        display: none;
    }
    .img_j3 {
        float: right;
        position: relative;
        width: 265px;
        left: 611px;
        top: 209px;
        display: none;
    }
    #box_text3 {
        width: 410px;
        position: relative;
        top: 300px;
        left: 760px;
    }
    .img_j4 {
        width: 510px;
        position: relative;
        left: 220px;
        bottom: 35px;
        display: none;
    }
    .img_j5 {
        position: relative;
        z-index: 5;
        right: 380px;
        width: 271px;
        /* bottom: 75px; */
        top: 84px;
        display: none;
    }
    #box_text4 {
        position: relative;
        top: 240px;
        left: 265px;
    }
    .img_j6 {
        width: 590px;
        position: relative;
        left: 740px;
        bottom: 130px;
        display: none;
        float: left;
    }
    .img_j7 {
        width: 590px;
        position: relative;
        right: 105px;
        display: none;
        float: right;
    /* bottom: 405px; */
    }
    #box_text5 {
        width: 523px;
        position: relative;
        top: 285px;
        left: 637px;
        text-align: right;
    }
    .img_j8 {
        width: 380px;
        position: relative;
        left: 170px;
        display: none;
        bottom: 135px;
    }
    .img_j9 {
        width: 256px;
        position: relative;
        bottom: 210px;
        left: 96px;
        display: none;
    }
    #box_text8 {
        position: relative;
        top: 100px;
        left: 205px;
    }
    .img_j13 {
        width: 615px;
    float: right;
    position: relative;
    right: 145px;
    display: none;
    }
    .img_j14 {
        width: 504px;
        position: relative;
        left: 205px;
        top: 54px;
        /* display: none; */
    }
    #box_text9 {
        width: 520px;
        position: relative;
        left: 690px;
        text-align: right;
        bottom: 240px;
    }
}


@media screen and (max-width: 1366px) {
    #box_text2 {
        position: relative;
        top: 160px;
        left: 220px;
    }
    .img_j1 {
        float: right;
        height: 450px;
        position: relative;
        right: 538px;
        bottom: 45px;
        display: none;
        z-index: 5;
    }
    .img_j2 {
        float: right;
        position: relative;
        bottom: 160px;
        height: 480px;
        right: -91px;
        display: none;
    }
    .img_j3 {
        float: right;
        position: relative;
        width: 265px;
        left: 611px;
        top: 209px;
        display: none;
    }
    #box_text3 {
        width: 410px;
        position: relative;
        top: 300px;
        left: 760px;
    }
    .img_j4 {
        width: 510px;
        position: relative;
        left: 220px;
        bottom: 35px;
        display: none;
    }
    .img_j5 {
        position: relative;
        z-index: 5;
        right: 380px;
        width: 271px;
        /* bottom: 75px; */
        top: 84px;
        display: none;
    }
    #box_text4 {
        position: relative;
        top: 240px;
        left: 265px;
    }
    .img_j6 {
        width: 590px;
        position: relative;
        left: 740px;
        bottom: 130px;
        display: none;
        float: left;
    }
    .img_j7 {
        width: 590px;
        position: relative;
        right: 105px;
        display: none;
        float: right;
    /* bottom: 405px; */
    }
    #box_text5 {
        width: 523px;
        position: relative;
        top: 285px;
        left: 637px;
        text-align: right;
    }
    .img_j8 {
        width: 380px;
        position: relative;
        left: 170px;
        display: none;
        bottom: 135px;
    }
    .img_j9 {
        width: 256px;
        position: relative;
        bottom: 210px;
        left: 96px;
        display: none;
    }
    #box_text8 {
        position: relative;
        top: 100px;
        left: 205px;
    }
    .img_j13 {
        width: 615px;
    float: right;
    position: relative;
    right: 145px;
    display: none;
    }
    .img_j14 {
        width: 504px;
        position: relative;
        left: 205px;
        top: 54px;
        /* display: none; */
    }
    #box_text9 {
        width: 520px;
        position: relative;
        left: 690px;
        text-align: right;
        bottom: 240px;
    }
}

@media screen and (max-width: 1280px) {
    #box_text2 {
        position: relative;
        top: 160px;
        left: 220px;
    }
    .img_j1 {
        float: right;
        height: 295px;
        position: relative;
        right: 500px;
        bottom: 45px;
        display: none;
        z-index: 5;
    }
    .img_j2 {
        float: right;
        position: relative;
        bottom: 160px;
        height: 331px;
        right: 87px;
        display: none;
    }
    .img_j3 {
        float: right;
        position: relative;
        width: 160px;
        left: 249px;
        top: 100px;
        display: none;
    }
    .img_j6 {
        width: 525px;
        position: relative;
        left: 648px;
        bottom: 130px;
        display: none;
        float: left;
    }
    .img_j7 {
        width: 525px;
        position: relative;
        right: 140px;
        display: none;
        float: right;
        /* bottom: 405px; */
    }
    .img_j13 {
        width: 520px;
        float: right;
        position: relative;
        right: 145px;
        display: none;
    }
}