body {
    background: #F4F4F4;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
    width:100%;
    min-width:1024px;
 
}

    .tips{
      color:#ffffff;
      font-size:14px;
    }

/*header头部样式*/
hr {
    border: none;
}

html {
    overflow-y: scroll;
    font-size: 20px;
}

 
    :root body {
        position: absolute;
    }




#header2018 {
  width:100%;
  position:relative;
  background:#ffffff;
}

header {
    width: 62.5%;
    margin: 0 auto;
    height: 70px;
    background-color: #ffffff;
   
}

.headercont {
    height:100%;
 
    z-index: 20;
}

.logo {
    float: left;

}

    .logo img {
        display: block;
        width: 140px;
        height: auto;
        margin-top: 18px;
    }
#header2018 {
    width:100%;
}
.headernav {
    float: right;
  width:80%;
    height: 19px;
    margin-top: 25px;
}

    .headernav li {
        position:relative;
       margin-left:8.4%;
    
        text-align: center;
        font-size: 17px;
        float: left;
        height:19px;

    }

        .headernav li .line {
           width:100%;
            height: 2px;
            border-bottom: 2px solid #7BCC88;
            margin: 0 auto;
            text-align: center;
            margin-top:10px;
           
        }
 /* .headernav li:last-child{
			  display:none;
		  }*/
        .headernav li a {
            font-size: 18px;
            color: #303030;
        }

            .headernav li a.cur {
                color: #7BCC88;
            }




/*header头部样式*/


/*底部样式footer*/

footer {
    clear: both;
    width: 100%;
    height: 189px;
    color: #ffffff;
    background-color: #494949;
}

.footerTop {
    height: 118px;
    width: 62.5%;
    border-bottom: 2px solid #fff;
    margin: 0 auto;
}

    .footerTop > ul {
        width: 43%;
        float: left;
        margin: 34px 0px;
    }

       

    .footerTop ul li {
        float: left;
    }

footer .left {
    /*已修改4628*/
    width: 43%;
    height: 17px;
    font-size: 16px;
    margin-top:56px;
   

   
}

    footer .left li {
        /*已修改4628*/
        margin-right: 2%;
        text-align: center;
    }

footer .right {
    width: 17.08%;
    height:100%;

    float: right;

 

}

footer .left li a {
    /*font-size: 16px;*/
    color: #FFFFFF;
    font-family: "微软雅黑";
}

.footerTop .phone {
    /*已修改4628*/
    clear: both;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 24px;
    text-align: right;
}

.contactUs {
    width: 100%;
    margin-top: 14px;
    height:39px;
    line-height: 39px;
    color: #ffffff;
}

    .contactUs li {
        font-size:16px;
        width:19.02%;
        margin-left:2%;
       
    }

    .contactUs li:nth-child(1) {
        width: 20%;
    }

    /*.contactUs li {
        width: 16%;
    }*/

    .contactUs img {
        width:100%;
        height: auto;
       
    }
.wxbt{
  color:#ffffff;
  font-size:13px;
  margin-top:-20px;
}
.footerBottom {
    width: 63%;
    height: 13px;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    line-height: 13px;
    margin-top: 15px;
}


/*二维码显示和隐藏*/

a.how {
    text-decoration: underline;
    color: #f43078;
    font-size: 13px;
}

    a.how:hover {
        text-decoration: underline;
        color: #f43078;
    }

.isbn_help {
    width: 258px;
    height: 258px;
    top: -258px;
    left: 43px;
    position: absolute;
    background: url(../img/qrcode_for_gh_eca7f3c45472_258.jpg);
    z-index: 999;
}
.isbn_help_kyd {
    width: 258px;
    height: 258px;
    top: -258px;
    left: 43px;
    position: absolute;
    background: url(../img/kyd.jpg);
    z-index: 999;
}
.isbn_help_kimi {
    width: 258px;
    height: 258px;
    top: -258px;
    left: 43px;
    position: absolute;
    background: url(../img/kimi.jpg);
    z-index: 999;
}

.isbn_help_kefu {
    width: 258px;
    height: 258px;
    top: -258px;
    left: 43px;
    position: absolute;
    background: url(../img/kefu.jpg);
    z-index: 999;
}

.icon_weichat {
    float: left;
    position: relative;
    z-index: 900;
    font-size: 15px;
    line-height: 45px;
}


/*底部样式footer*/


/*视频样式设置*/

.video_box_close {
    position: absolute;
    right: -14px;
    top: -10px;
    display: block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 99999;
    background-image: url(https://static.okii.com/static/img/btn_close_video.png);
}

.video_box {
    position: relative;
}
.styleLine {
    width: 30%;
    height: 2px;
    border-bottom: 2px solid #22ac38;
}

/*轮播图*/

.swiper-pagination-bullet {
    width: 63px;
    height: 3px;
    border-radius: 0;
    background: url(../images/index/bg6.jpg);
}


@media (min-width: 1024px) {

    header, .footerTop, .footerBottom {
        width: 75.5%;
    }

    .headernav li {
        margin-left: 4.5%;
    }

   

    /*.headernav {
        width: 47%;
    }*/


        .headernav li a {
            font-size: 14px;
        }

    footer .left {
        width: 51%;
        font-size: 13px;
    }

    footer .right {
        width: 28%;
    }

    .footerTop .phone {
        font-size: 18px;
    }

    .contactUs li:nth-child(1) {
        width: 31%;
    }

    .contactUs li {
        width: 18%;
        margin-left:15px;
    }
}

@media (min-width:1152px) {

    header, .footerTop, .footerBottom {
        width: 68.5%;
    }
    .headernav li {
        margin-left: 4.8%;
    }
}
/*>=1024的设备*/

/*@media (min-width: 1152px) {
   
    .footerTop, .footerBottom {
        width: 70.5%;
    }
    .headernav {
        width: 42%;
    }
    .headernav li a {
        font-size: 16px;
    }

    footer .left {
        width: 50%;
        font-size: 14px;
    }

    footer .right {
        width: 23%;
    }

    .footerTop .phone {
        font-size: 20px;
    }

    .contactUs li:nth-child(1) {
        width: 31%;
    }

    .contactUs li {
        width: 19%;
    }
}
/*>=1100的设备*/

@media (min-width: 1280px) {

    header, .footerTop, .footerBottom {
        width: 68.5%;
    }
    .headernav li {
        margin-left: 3.5%;
    }
    .headernav li a {
        font-size: 16px;
    }
    

        .headernav li a {
            font-size: 18px;
        }

   

    footer .left {
        width: 50%;
        font-size: 14px;
    }

    footer .right {
        width: 25%;
    }

    .contactUs li:nth-child(1) {
        width: 38%;
    }

    .contactUs li {
        width: 18%;
    }

    .footerTop .phone {
        font-size: 20px;
    }
}


@media (min-width: 1360px) {
    header {
        width: 62.5%;
    }
    .headernav li a {
        font-size: 16px;
    }

    .headernav li {
        margin-left: 3.5%;
    }

        .headernav li a {
            font-size: 18px;
        }

    .footerTop, .footerBottom {
        width: 62.5%;
    }

    footer .left {
        width: 45%;
        font-size: 14px;
    }

    footer .right {
        width: 23%;
    }

    .contactUs li:nth-child(1) {
        width: 35%;
    }

    .contactUs li {
        width: 18%;
    }

    .footerTop .phone {
        font-size: 20px;
    }
}


@media (min-width: 1366px) {
    header, .footerTop, .footerBottom {
        width: 62.5%;
    }
    .headernav li a {
        font-size: 16px;
    }

    .headernav li {
        margin-left: 3.5%;
    }

        .headernav li a {
            font-size: 18px;
        }

  

    footer .left {
        width: 45%;
        font-size: 14px;
    }

    footer .right {
        width: 23%;
    }

    .contactUs li:nth-child(1) {
        width: 36%;
    }

    .contactUs li {
        width: 18%;
    }

    .footerTop .phone {
        font-size: 20px;
    }
}


@media (min-width: 1400px) {
    header ,.footerTop, .footerBottom {
        width: 62.5%;
    }{
        width: 62.5%;
    }
    .headernav li a {
        font-size: 16px;
    }

    .headernav li {
        margin-left: 3.5%;
    }
        .headernav li a {
            font-size: 18px;
        }

    

    footer .left {
        width: 45%;
        font-size: 14px;
    }

    footer .right {
        width: 23%;
    }

    .contactUs li:nth-child(1) {
        width: 33%;
    }

    .contactUs li {
        width: 16%;
    }

    .footerTop .phone {
        font-size: 20px;
    }
}


@media (min-width: 1440px) {
    header {
        width: 62.5%;
    }


    .headernav li {
        margin-left: 4%;
    }

        .headernav li a {
            font-size: 18px;
        }

    .footerTop, .footerBottom {
        width: 62.5%;
    }

    footer .left {
        width: 43%;
        font-size: 14px;
    }

    footer .right {
        width: 23%;
    }

    .contactUs li:nth-child(1) {
        width: 33%;
    }

    .contactUs li {
        width: 19%;
    }

    .footerTop .phone {
        font-size: 20px;
    }
}

@media (min-width: 1600px) {
    header {
        width: 62.5%;
    }

    .headernav li {
        margin-left: 4.7%;
    }

        .headernav li a {
            font-size: 18px;
        }

    .footerTop, .footerBottom {
        width: 62.5%;
    }

    footer .left {
        width: 41%;
        font-size: 15px;
    }

    footer .right {
        width: 21%;
    }

    .contactUs li:nth-child(1) {
        width: 33%;
    }

    .contactUs li {
        width: 18%;
    }

    .footerTop .phone {
        font-size: 22px;
    }
}

@media (min-width: 1680px) {
    header {
        width: 62.5%;
    }

    .headernav li {
        margin-left: 7%;
    }

        .headernav li a {
            font-size: 18px;
        }

    .footerTop, .footerBottom {
        width: 62.5%;
    }

    footer .left {
        width: 43%;
        font-size: 16px;
    }

    footer .right {
        width: 22%;
    }

    .contactUs li:nth-child(1) {
        width: 30%;
    }

    .contactUs li {
        width: 20%;
    }

    .footerTop .phone {
        font-size: 24px;
    }
}

@media (min-width: 1920px) {
    header {
        width: 62.5%;
    }

    /*.headernav {
        width: 40%;
    }*/
    .headernav li {
        margin-left:6%;
    }

        .headernav li a {
            font-size: 18px;
        }

    .footerTop, .footerBottom {
        width: 62.5%;
    }

    footer .left {
        width: 43%;
        font-size: 16px;
    }

    footer .right {
        width: 18%;
    }

    .contactUs li:nth-child(1) {
        width: 32%;
    }

    .contactUs li {
        width: 19%;
    }

    .footerTop .phone {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {




    #header2018 {
        width: 1007px;
    }

    header, .footerTop, .footerBottom {
        width: 75.5%;
    }

    .headernav li {
        margin-left: 4.5%;
    }





        .headernav li a {
            font-size: 14px;
        }

    footer .left {
        width: 51%;
        font-size: 13px;
    }

    footer .right {
        width: 28%;
    }

    .footerTop .phone {
        font-size: 18px;
    }

    .contactUs li:nth-child(1) {
        width: 31%;
    }

    .contactUs li {
        width: 19%;
    }
}