body{
    zoom: .8;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Microsoft YaHei;
}

li {
    list-style: none;
}

.bgt img {
    width: 100%;
    height: 100%;
}

a {
    text-decoration: none;
}

.menu {
    width: 100%;
    height: inherit;
    margin: 0 auto;
}

label {
    display: none;
}

#toggle {
    display: none;
}

.nav_in a {
    margin: 0 .069444rem;
    text-decoration: none;
    color: gray;
}

.se {
    display: none;
}


/* ------首-页---- */

.top {
    width: 100%;
    height: 1.041667rem;
}

.top_in {
    width: 8.333333rem;
    height: inherit;
    margin: 0 auto;
}

.top_in .top_left {
    float: left;
}

.top_left img {
    width: .755556rem;
    height: .894444rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(0, 177, 183, 1);
    float: left;
    margin-top: .018889rem;
}

.top_left .introduce {
    width: 2.208333rem;
    height: .333333rem;
    font-size: .148056rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(0, 177, 183, 1);
    margin-top: .3375rem;
    float: left;
    margin-left: .159722rem;
}

.top_in .top_right {
    float: right;
    width: 2.1rem;
    height: .333333rem;
    margin-top: .35rem;
}

.top_right .tel {
    width: .347222rem;
    height: .347222rem;
    float: left;
}

.top_right .hot {
    float: right;
}

.hot .all {
    font-size: .097222rem;
    line-height: .097222rem;
    color: #333;
}

.hot .webTel {
    margin-top: .083333rem;
    font-weight: bold;
    font-family: arial;
    font-size: .208333rem;
    line-height: .166667rem;
    color: rgba(0, 177, 183, 1);
}


/* ----------h5-页-面-搜-索-框--------- */

.top_search {
    display: none;
}


/* -------导-航-栏-----*/

.nav {
    width: 100%;
    height: .416667rem;
    background: rgba(0, 177, 183, 1);
}

.nav_in {
    width: 8.333333rem;
    height: inherit;
    margin: 0 auto;
    display: flex;
}

.nav_in li {
    float: left;
    font-size: .141111rem;
    position: relative;
    flex: 1;
    text-align: center;
    line-height: .416667rem;
}

.nav_in li a {
    display: inline-block;
    color: white;
}

.nav_in .nav_one {
    background: rgba(1, 140, 145, 1);
}

.nav_in li:hover {
    background: rgba(1, 140, 145, 1);
}


/* ------二-级-菜-单------ */


/* 产品中心 */

.center,
.new {
    width: 100%;
    height: auto;
    background: rgba(0, 177, 183, 1);
    z-index: 999999;
    position: absolute;
    top: .416667rem;
    display: none;
}

.center li:last-child,
.new li:last-child {
    border-bottom: .006944rem solid transparent;
}

.center li {
    width: inherit;
    border-bottom: .006944rem solid #f4f4f4;
}

.new li {
    width: inherit;
    border-bottom: .006944rem solid #f4f4f4;
}

.nav_in li:hover .center {
    display: block;
}


/* 新闻动态 */

.nav_in li:hover .new {
    display: block;
}


/* ---------- 底-部 ---------- */

.footer {
    width: 100%;
    height: 2.513889rem;
    background: #343d44;
    padding-top: .194444rem;
}

.footer .foot_in {
    width: 8.402778rem;
    height: 1.958333rem;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-content: space-between;
}

.foot_in .foot_left {
    width: 2.430556rem;
    height: 1.909722rem;
}

.foot_left .wo {
    font-size: .138889rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #ffffff;
}

.foot_left .xian {
    width: .277778rem;
    height: .013889rem;
    background-color: #eeeeee;
    margin-top: .138889rem;
    margin-bottom: .173611rem;
}

.foot_left ul {
    height: 1.180556rem;
}

.foot_left ul li {
    line-height: .208333rem;
    color: white;
    font-size: .097222rem;
}

.footer_left ul .protection {
    font-size: .111111rem;
}

.foot_in .foot_center {
    width: 4.201389rem;
    height: 1.909722rem;
    border-left: .006944rem solid #424a51;
    border-right: .006944rem solid #424a51;
}

.foot_center .wo {
    font-size: .138889rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #ffffff;
    margin-left: .319444rem;
}

.foot_center .xian {
    width: .277778rem;
    height: .013889rem;
    background-color: #eeeeee;
    margin-top: .138889rem;
    margin-bottom: .173611rem;
    margin-left: .319444rem;
}

.foot_center .name {
    width: 3.506944rem;
    height: 1.409722rem;
    margin: 0 auto;
}

.name .num {
    width: 1.680556rem;
    height: .319444rem;
    border: solid .006944rem #999999;
    text-indent: .138889rem;
    background: #343d44;
    outline: none;
    color: white;
    font-size: .097222rem;
}

.name .num::-webkit-input-placeholder {
    color: white;
}

.name textarea::-webkit-input-placeholder {
    color: white;
}

.name textarea {
    resize: none;
    width: 3.513889rem;
    height: .555556rem;
    outline: none;
    border: solid .006944rem #999999;
    margin: .069444rem 0 .118056rem 0;
    padding: .125rem 0 0 .125rem;
    background: #343d44;
    color: white;
    font-size: .097222rem;
}

.name .submit {
    width: 1.041667rem;
    height: .319444rem;
    text-align: center;
    margin-left: 2.46rem;
    background-color: rgba(0, 177, 183, 1);
    outline: none;
    border: none;
    font-size: .111111rem;
    color: white;
}

.name input+input {
    float: right;
}

.foot_in .foot_right {
    width: 1.805556rem;
    height: 1.909722rem;
    text-align: center;
    color: white;
    line-height: .138889rem;
    font-size: .097222rem;
}

.foot_right img {
    width: 1.402778rem;
    height: 1.402778rem;
    margin-bottom: .201389rem;
}

.foot_right p {
    height: .15rem;
}


/* ----------最-底-部----------- */

.footer .foot_bottom {
    width: 8.402778rem;
    height: .291667rem;
    margin: .0625rem auto 0;
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: .06rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    font-size: .097222rem;
    color: #fff;
    line-height: .291667rem;
}


/********.fixtool*********/

#toolbar {
    display: none;
}


/* 浮动客服 */

.tool {
    width: 52px;
    position: fixed;
    right: 1%;
    top: 60%;
    margin-top: -115px;
    z-index: 99999;
    display: block;
}

.tool dd {
    width: 51px;
    height: 51px;
    margin-bottom: 1px;
    position: relative;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-top: 4px;
    border: #ebebeb solid 1px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.tool dd i {
    width: 51px;
    height: 51px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.tool dd i span {
    width: 35px;
    height: 35px;
    display: block;
    margin: 8px 0 0 8px;
    background: url(../images/rightfix.png) no-repeat 0 0;
}

.tool dd.gottop {
    display: none;
}

.tool .slide-tel {
    display: block;
    width: 0;
    height: 53px;
    line-height: 53px;
    font-size: 24px;
    font-weight: bold;
    font-family: arial;
    color: #FFF;
    position: absolute;
    padding: 0 0 0 53px;
    top: -1px;
    right: -2px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
}

.tool .pop {
    position: absolute;
    right: 90px;
    top: -65px;
    background: #00B1B7;
    display: none;
}

.tool .pop-code {
    width: 160px;
}

.tool .pop-code img {
    /*width: 140px;*/
    height: 140px;
    display: block;
    padding: 20px 20px 0;
}

.tool .pop-code h3 {
    height: 52px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}

.tool .pop-code h3 b {
    display: block;
    font-size: 14px;
    font-weight: normal;
}

.tool .qq span {
    background-position: -35px -47px;
}

.tool .qq a {
    width: 52px;
    height: 52px;
    cursor: pointer;
    display: block;
}

.tool .qq:hover {
    background-color: #00B1B7;
    border-radius: 100%;
}

.tool .qq:hover span {
    background-position: 0 -47px;
}

.tool .tel span {
    background-position: -35px 0;
}

.tool .tel:hover {
    background: #00B1B7;
    width: 270px;
    transition: all .3s ease-in-out 0s
}

.tool .tel:hover span {
    background-position: 0 0;
}

.tool .code span {
    background-position: -35px -95px;
}

.tool .code:hover {
    background-color: #00B1B7;
    border-radius: 100%;
}

.tool .code:hover span {
    background-position: 0 -95px;
}

.tool .top span {
    background-position: -35px -142px;
}

.tool .top:hover {
    background-color: #00B1B7;
    border-radius: 100%;
}

.tool .top:hover span {
    background-position: 0 -142px;
}


/* 按钮 */


/* 
.guide .guide_in {
    float: left;
    width: 200px;
} */

.guide .toke {
    display: none;
}

@media screen and (min-width: 760px) and (max-width: 1200px) {
    .footer .foot_bottom {
        display: none;
    }
}

@media screen and (max-width: 760px) {
    .guide .toke .toke_top {
        display: block;
    }
    /*背景图隐藏*/
    .bgt {
        display: none;
    }
    /* -----------顶-部--------- */
    .big {
        position: relative;
    }
    .top {
        width: 100%;
        height: 1.333333rem;
    }
    .top .top_in {
        width: 9.333333rem;
        height: 1.333333rem;
        margin: 0 auto;
        ;
    }
    .top_in .top_left {
        float: left;
    }
    .top_left img {
        margin-top: .1rem;
        width: 1.466667rem;
        height: 1.566667rem;
        vertical-align: middle;
    }
    .top_left .introduce {
        width: 173px;
        height: .533333rem;
        font-family: MicrosoftYaHei-Bold;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 18px;
        letter-spacing: 0rem;
        color: #00b1b7;

        margin: .473333rem 0 0 .233333rem;
    }
    .top_right {
        display: none;
    }
    /* --------面-包-导-航-------- */
    .menu {
        width: 100%;
        text-align: center;
    }
    .nav {
        background: transparent;
    }
    label {
        display: block;
        cursor: pointer;
        width: .96rem;
        height: .746667rem;
        position: absolute;
        right: .4rem;
        top: .266667rem;
        color: #00b1b7;
        font-size: .6rem;
    }
    .nav_in {
        width: 100%;
        height: auto;
        margin: 0 auto;
        background: white;
        display: none;
        z-index: 999999;
        position: absolute;
        top: 1.333333rem;
        left: 0;
        border-bottom: .026667rem solid #e5e5e5;
    }
    .nav_in li {
        display: block;
        width: 100%;
        line-height: 1.2rem;
        font-size: .4rem;
    }
    .nav_in li a {
        display: block;
        color: #00b1b7;
    }
    .nav .nav_in li:hover .center,
    .nav .nav_in li:hover .new {
        display: none;
    }
    .nav_in li:hover {
        background: rgba(1, 140, 145, 1);
    }
    .nav_in li:hover a {
        color: white;
    }
    .nav .nav_in .nav_one a {
        color: white;
    }
    #toggle:checked+.nav_in {
        transition: all 0.4s ease-in;
        display: block;
    }
    /* ----------底-部-------- */
    .footer {
        width: 100%;
        height: 1.333333rem;
        margin: 0;
        padding: 0;
        margin-bottom: 1.8rem;
    }
    .footer .foot_in {
        display: none;
    }
    .footer .foot_bottom {
        width: 100%;
        height: 1.333333rem;
        font-size: .426667rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        line-height: .533333rem;
    }
    .foot_bottom p {
        width: 100%;
        height: 50%;
        line-height: .666667rem;
        font-size: .24rem;
    }
    .tool {
        display: none;
    }
    .tool .pop {
        display: none;
    }
    /* 底部图标开始 */
    #toolbar {
        position: fixed;
        bottom: .5rem;
        left: 0;
        width: 100%;
        z-index: 99999;
        height: 1rem;
        display: block;
    }
    #toolbar .list {
        width: 6.95rem;
        height: 0.98rem;
        margin: 0 auto;
        background: #00B1B7;
        border-radius: 1rem;
        z-index: 99999;
    }
    #toolbar .list li {
        float: left;
        width: 25%;
        text-align: center;
        border-right: .01rem solid #328e40;
    }
    #toolbar .list li:last-child {
        border-right: 0;
    }
    #toolbar .list a {
        display: block;
        font-size: 0.22rem;
        color: #fff;
        padding-top: 0.28rem;
        height: 0.98rem;
    }
    #toolbar .list li:first-child a {
        border-radius: 1rem 0 0 1rem;
    }
    #toolbar .list li:last-child a {
        border-radius: 0 1rem 1rem 0;
    }
    #toolbar .list a:hover {
        background: #005197;
    }
    #toolbar .list a s {
        margin-left: auto;
        margin-right: auto;
        width: 0.46rem;
        height: 0.46rem;
        display: block;
        background-size: 4.6rem auto;
    }
    #toolbar .list a .too-home {
        background-position: 0.02rem 0;
    }
    #toolbar .list a .too-qiao {
        background-position: -1.43rem 0;
    }
    #toolbar .list a .too-map {
        background-position: -2.16rem 0;
    }
    #toolbar .list a .too-tel {
        background-position: -.7rem 0;
    }
    .xbg {
        width: 100%;
        display: block;
        position: fixed;
        height: 1.05rem;
        left: 0;
        bottom: 0;
        background: #fff;
        z-index: 880;
    }
    #toolbar .list a s span {
        color: #fff;
        padding-top: .9rem;
        text-transform: initial;
        font-style: normal;
    }
    .icon {
        background: url(../images/icon.png) no-repeat;
        display: inline-block;
        background-size: 4rem auto;
        vertical-align: middle;
    }
    .icon,
    .iconn:before,
    .iconn:after,
    .iconbef:before,
    .iconbef:after {
        content: "\20";
        display: block;
    }
    .iconn {
        background: url(../images/iconn.png) no-repeat;
        background-size: 1.4rem auto;
        vertical-align: middle;
    }
    /* ----------h5-搜-索----------- */
    /*.top_search {*/
    /*}*/
    .top_search {
        width: .65rem;
        height: .65rem;
        display: block;
        position: absolute;
        top: .4rem;
        right: 1.7rem;
    }
    .se {
        width: 100%;
        height: auto;
        background: #f4f4f4;
        font-size: .373333rem;
        padding-top: .2rem;
        margin: 0 auto;
        display: none;
        padding-bottom: .213333rem;
    }
    .se .key {
        outline: none;
        border: none;
        width: 75%;
        height: 0.8rem;
        line-height: 0.65rem;
        margin-left: 6%;
        color: #666;
        font-size: 0.22rem;
        background: #fff;
        text-indent: 3%;
        border-top-left-radius: .3rem;
        border-bottom-left-radius: .3rem;
        float: left;
    }
    .se .sou {
        cursor: pointer;
        border: none;
        font-size: 0.24rem;
        width: 1.2rem;
        height: 0.8rem;
        text-align: center;
        background: #00b1b7;
        background-size: 2.4rem auto;
        color: #fff;
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
        background-size: 2.0rem auto;
        vertical-align: middle;
    }
    /*微信弹窗*/
    #wxnr {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 1000;
        display: none;
        background: rgba(0, 0, 0, .6);
    }
    #wxnr .nrdf {
        margin: auto;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        width: 5rem;
        height: 5rem;
        padding: 0.3rem;
        padding-top: 0.6rem;
        margin-top: -2.5rem;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.8);
        box-shadow: 0px 2px 6px #777;
        -webkit-box-shadow: 0px 2px 6px #777;
        -moz-box-shadow: 0px 2px 6px #777;
        border-radius: 10px;
    }
    #wxnr img {
        width: 2.3rem;
        height: 2.3rem;
        display: block;
        margin: 0 auto;
    }
    #wxnr p {
        font-size: 0.24rem;
        line-height: 0.45rem;
        text-align: center;
    }
    #wxnr i {
        position: absolute;
        top: 0.2rem;
        right: 0.2rem;
        width: 0.3rem;
        height: 0.3rem;
        font-size: 0.2rem;
        line-height: 0.3rem;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-style: normal;
        background: #333;
        border-radius: 1rem;
        cursor: pointer;
    }
    #wxnr span {
        display: inline-block;
        padding: 0.03rem 0.1rem;
        line-height: 0.35rem;
        background-color: #3fb150;
        color: #fff;
        border-radius: 0.05rem;
        cursor: pointer;
    }
    #wxnr span.wx {
        padding-left: 0.4rem;
        background-image: url(../images/wx.png);
        background-size: 0.28rem;
        background-position: 0.1rem center;
        background-repeat: no-repeat;
    }
    /*复制提示*/
    #weixin {
        position: fixed;
        top: 50%;
        margin-top: -0.4rem;
        z-index: 9999999;
        font-size: 0.26rem;
        color: #fff;
        width: 90%;
        right: 5%;
        line-height: 0.8rem;
        text-align: center;
        background: rgba(0, 0, 0, 0.8);
        border: 2px solid #333;
        border-radius: 0.1rem;
        display: none;
    }
}