.transition(@transition: .4s) {
    -webkit-transition: @transition;
    -moz-transition: @transition;
    -ms-transition: @transition;
    -o-transition: @transition;
    transition: @transition;
}

.transform-origin(@origin) {
    -webkit-transform: @origin;
    -moz-transform: @origin;
    -ms-transform: @origin;
    -o-transform: @origin;
    transform: @origin;
}

.scale(@scale) {
    -webkit-transform: scale(@scale);
    -moz-transform: scale(@scale);
    -ms-transform: scale(@scale);
    -o-transform: scale(@scale);
    transform: scale(@scale);
}

.border-radius(@border-radius) {
    -webkit-border-radius: @border-radius;
    -moz-border-radius: @border-radius;
    -o-order-radius: @border-radius;
    -ms-border-radius: @border-radius;
    border-radius: @border-radius;
}

.rotate(@rotate) {
    -webkit-transform: rotate(@rotate);
    -moz-transform: rotate(@rotate);
    -ms-transform: rotate(@rotate);
    -o-transform: rotate(@rotate);
    transform: rotate(@rotate);
}

p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
li,
label,
i,
b {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

li {
    list-style: none;
}

input {
    -webkit-appearance: none;
    /*去除input默认样式*/
}

ul {
    padding: 0;
    margin: 0;
}

i {
    font-style: normal;
}

a {
    color: #333;
    text-decoration: none;
}


// 头部导航
@m1: #333333; //页面颜色
@m2: #f5f5f5; //页面背景颜色
@m3: #fff;
@m4: #3bb8ba;
@bg1: #333;

.mainnav {
    // padding: 0 15px;
    padding: 0 1rem;
    box-sizing: border-box;
}

.main {
    // padding: 0 15px;
    padding: 0 10px;
    box-sizing: border-box;
}

.bg-color {
    background: #fff;
}

.clear::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    zoom: 1;
}

.tet {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
}


// 弹窗框样式
.layui-layer-page {
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;

    .layui-layer-content {
        .qrcode_wx_box {
            width: 260px;
            text-align: center;
            padding-top: 20px;
            padding-bottom: 20px;

            img {
                display: block;
                width: 210px;
                height: 210px;
                margin: 0 auto;
            }

            p {
                line-height: 28px;
            }
        }

    }

    .layui-layer-setwin {
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        top: auto;
        bottom: -15px;
        font-size: 0;
        line-height: initial;

        .layui-layer-close2 {
            position: absolute;
            top: auto;
            right: 0;
            left: 0;
            margin: 0 auto;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background: url(../images/search_close.png) center no-repeat;
            border: 1px solid #f5f5f5;

            &:hover {
                background: url(../images/search_close.png) center no-repeat;
            }
        }
    }
}
#playercontainer {
    .jw-controls {
        display: flex;
        justify-content: center;
        align-items: center;

        .jw-display-icon-container {
            background: rgba(255, 255, 255, 0);
            border: none;
            width: 3.2rem;
            height: 3.2rem;
            position: static;
            margin: 0;

            .jw-icon {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                background: url(../images/play.png)no-repeat center center;
                background-size: contain;

                &::before {
                    font-size: 0;
                }
            }
        }
    }
}

.de-contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    // margin-top: 2vw;
    margin-top: 1rem;
    .contact-list {
        width: 100%;
        li {
            display: flex;
            // align-items: center;
            border-top: solid 1px #c7c7c7;
            border-left: solid 1px #c7c7c7;
            border-right: solid 1px #c7c7c7;
            // border-bottom: solid 1px #c7c7c7;
            &:first-of-type {
                // margin-bottom: 2vw;
            }

            &:last-of-type {
                .iconfontl {
                    // opacity: 0;
                }
                border-bottom: solid 1px #c7c7c7;
            }

            .iconfontl {
                // width: 139px;
                padding-top: 1rem;
                width: 35%;
                // height: 37px;
                margin-right: 1rem;
                background: #f5f5f5;
                text-align: center;
                // line-height: 37px;
                border-right: solid 1px #c7c7c7;
                font-size: 1rem;
                font-family: Microsoft YaHei;
                // line-height: 22.5px;
                font-weight: 700;
                color: #333333;
            }

            p {
                width: 65%;
                font-size: 1.1rem;
                font-family: Microsoft YaHei;
                // line-height: 22.5px;
                color: #333333;
                max-width: calc(100% - 45px);
                
            }
        }
    }
    .wxBox {
        width: 90%;
        margin-top: 1rem;
        margin-bottom: 1rem;
        h3 {
            width: 45%;
            padding-top: 2rem;
            text-align: center;
            margin-top: 0.5rem;
            font-size: 1rem;
            font-family: Microsoft YaHei;
            // line-height: 22.5px;
            color: #333333;
        }
        img {
            // width: 256px;
            width: 35%;
            height: auto;
            margin: 0px auto;
            // border-radius: 10px;
        }
    }
}

// 头部
.web-header {
    position: relative;
    z-index: 100;
    background: #fff;
    // box-shadow: 0 0.1rem 0.5rem rgb(0 0 0 / 20%);
    // border-bottom: 1px solid  rgb(0 98 174 / 10%);
    .header-nav {
        // height: 4.1rem;
        height: 6rem;
        // min-height: 60px;
        min-height: 6rem;
        position: relative;
        z-index: 100;
        transition: 0.4s;
        display: flex;
        justify-content:space-between;
        align-items: center;
        background-color: #fff;
        .nav-logo {
            h1 {
                a {
                    display: block;
                    font-size: 0;

                    img {
                        display: block;
                        max-height: 3.75rem;
                        min-height: 20px;
                        // max-height: 3.5rem;
                        // min-height: 20px;
                        transition: 0.4s;
                    }
                }
            }
        }

        .nav-menu {
            display: flex;
            .menu {
                margin-right: 0.85rem;
                height: 2.35rem;
                width: 2.35rem;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                align-items: flex-end;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                -moz-justify-content: space-between;
                -ms-justify-content: space-between;
                flex-direction: column;
                img{
                    width: 2.35rem;
                    height: 2.35rem;
                    transition: 0.3s;
                }
                .menuclose{
                    display: none;
                }
                span {
                    width: 22px;
                    height: 2px;
                    background: @m1;
                    transition: 0.3s;
                    position: relative;

                    i {
                        position: absolute;
                        left: -6px;
                        top: 0;
                        display: block;
                        width: 3px;
                        height: 2px;
                        background: @m1;
                    }
                }
            }

            .click {
                .menuopen{
                    display: none;
                }
                .menuclose{
                    display: block;
                }
                span {
                    &:nth-of-type(1) {
                        transform: rotate(-45deg);
                        top: 10px;
                        width: 24px;
                    }

                    &:nth-of-type(2) {
                        opacity: 0;
                    }

                    &:nth-of-type(3) {
                        transform: rotate(45deg);
                        width: 24px;
                        bottom: 10px;

                    }

                    i {
                        opacity: 0;
                    }
                }

            }
        }
    }

    .nav-sidebar {
        z-index: 99;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        max-width: 640px;
        min-width: 320px;
        width: 100%;
        height: 100%;
        transform: translateX(100%);
        margin: 0 auto;
        display: block;
        overflow: hidden;
        transition: 0.5s;
        .nav-list {
            overflow-y: scroll;
            border-top: 1px solid #e6e6e6;
            // padding-top: 2rem;
            padding-top: 6rem;
            width: 100%;
            height: calc(100% - 4rem);
            max-height: calc(100% - 60px);
            box-sizing: border-box;
            position: absolute;
            // bottom: 0;
            background: @m2;
            transition: 0.5s;

            li {
                // border-bottom: 1px solid #e6e6e6;
                margin-bottom: 0.5rem;
                padding: 0 15px;
                &:first-child{
                    margin-top: 0.3rem;
                }
                .lia {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 1rem 2.65rem;
                    font-size: 1.4rem;
                    color: #333;
                    background-color: #e5e5e5;
                    border-radius: 0.5rem;
                    i {
                        font-size: 13px;
                    }
                    .icon-jian1{
                        display: none;
                    }
                }
               .erji-list{
                   overflow: hidden;
                   display: none;
                   a{
                        width: 30%;
                        float: left;
                       display: block;
                       text-align: center;
                       padding: 1.25rem 0rem;
                       h3{
                           font-size: 1rem;
                           line-height: 1.2rem;
                       }
                       &:last-of-type{
                           margin-bottom: 0.5rem;
                       }
                   }
               }

                &.active {
                    border-color: rgba(3, 69, 192, 0.4);

                    .lia {
                        color: @m3;
                        background-color: #3bb8ba;
                    }
                }
            }

            &.active {
                right: 0;
            }

            &.active1 {
                height: calc(100% - 3.5rem);
                max-height: calc(100% - 55px);
            }
        }

        &.active {
            transform: translateX(0%);
        }
    }
    .z_mask{
        width: 0%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, .5);
        transition: all .5s;
        z-index: 88;
        &.active{
            width: 100%;
        }
    }

    &.active {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 640px;
        margin: 0 auto;
        // box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 30%);

        // .header-nav {
        //     height: 3.5rem;
        //     min-height: 5.5rem;

        //     .nav-logo {
        //         h1 {
        //             a {
        //                 img {
        //                     max-height: 2.10rem;
        //                 }
        //             }
        //         }
        //     }
        // }
    }
}
.topNav {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem  0;
    li {
        width: 25%;
        text-align: center;
        box-sizing: border-box;
        &.active{
            p{
                color: @m1;
            }
        }
        a {
            img{
                display: block;
                width: 3rem;
                margin: 0 auto;
            }
            display: block;
            p{
                font-size: 15px;
                line-height: 2;
            }
        }

    }
}
.text {
    text-transform: uppercase;
}
.index-doctorlist{
    padding-top: 1.25rem!important;
    background-color: #f5f5f5;
    .index-teamlist{
        position: relative;
        .box {
            .swiper-button-black {
                transition: 0.4s;
                width: 2.56rem;
                height: 2.56rem;
                
                margin: 0;
      
                &::after {
                    display: none;
                }
            }
            .swiper-button-prev {
              top: 45%;
              left: 3.5rem;
              background: url(../images/icon2.png) no-repeat center;
              background-size:contain;
            }
      
            .swiper-button-next {
              top: 45%;
              right: 3.5rem;
              background: url(../images/icon3.png) no-repeat center;
              background-size:contain;
            }
        }
    }
    .index2-swiper{
        .swiper-slide {
            width: 16rem;
            // height: 34.25rem;
            // height: 16rem;
            transition: 0.4s;
            box-sizing: border-box;
            // background: url(../images/icon4.png) no-repeat center;
            background-size: contain;
            // padding: 3.5rem 1rem 0;
            box-sizing: border-box;
            transition: 0.4s;
            cursor: pointer;
            .scale(0.9);
            .img{
                img{
                    transition: 0.4s;
                    // width: 10.16rem;
                    // height: 10.31rem;
                    // width: 13.19rem;
                    //     height: 13.38rem;
                    width: 85%;
                    height: auto;
                    // max-width: 4.5rem;
                    // max-height: 4rem;
                    display: block;
                }
                position: relative;
                .img1{
                    margin: 0 auto;
                }
                .img2{
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    opacity: 0;
                }
            }
            i{
                display: none;
                width: 80%;
                height: 2px;
                background: @bg1;
                margin: 1.5rem auto;
                transition: 0.4s;
            }
            .desc{
                text-align: center;
                margin-top: 0.8rem;
                // line-height: 1.8;
                // font-size: 1.2rem;

                color: #444444;
                font-size: 0.75rem;
                font-family: Microsoft YaHei;
                font-weight: 700;
                line-height: 0.75rem;
            }
            &.swiper-slide-active{
                .scale(1.2);
                .img{
                    // .img1{
                    //     width: 13.19rem;
                    //     height: 13.38rem;
                    // }
                }
            }
        }
    }
    .indextxt2-swiper{
        .swiper-slide {
            // width: 16rem;
            // height: 20.25rem;
            overflow-y: scroll;
            max-height: 11.15rem;
            transition: 0.4s;
            box-sizing: border-box;
            // background: url(../images/icon4.png) no-repeat center;
            background-size: contain;
            // padding: 3.5rem 1rem 0;
            box-sizing: border-box;
            transition: 0.4s;
            cursor: pointer;
            .scale(0.9);
            .img{
                img{
                    transition: 0.4s;
                    width: 13.19rem;
                    height: 13.38rem;
                    // max-width: 4.5rem;
                    // max-height: 4rem;
                    display: block;
                }
                position: relative;
                .img1{
                    margin: 0 auto;
                }
                .img2{
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    opacity: 0;
                }
            }
            i{
                display: none;
                width: 80%;
                height: 2px;
                background: @bg1;
                margin: 1.5rem auto;
                transition: 0.4s;
            }
            .doctorname{
                text-align: center;
            }
            .doctorgw{
                margin-top: 0.8rem;
                margin-bottom: 1rem;
            }
            .doctorintro{

            }
            .desc{
                // margin-top: 0.8rem;
                // line-height: 1.8;
                // font-size: 1.2rem;
                // color: #444444;
                // font-size: 0.75rem;
                // font-family: Microsoft YaHei;
                // font-weight: 700;
                // line-height: 0.75rem;
                .txtname {
                    color: #444444;
                    font-size: 1.2rem;
                    font-family: Microsoft YaHei;
                    font-weight: 700;
                    line-height: 1.2rem;
                }
                .txtgw {
                    
                    
                    color: #444444;
                    font-size: 1.2rem;
                    font-weight: 700;
                    line-height: 0.85rem;
                }
                .font_doctorintro{
                    font-size: 1.2rem;
                    font-family: Microsoft YaHei;
                    line-height: 1.23rem;
                    color: #333333;
                }
            }
        }
    }
}

.index2-honor{
    padding-top: 3.3rem !important;
    padding-bottom: 2.4rem;
}

.titleBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 1rem;
    border-bottom: 1px solid #1d94aa;
    .t {
        display: flex;
        align-items: center;
    }

    p {
        display: none;
        font-size: 36px;
        color: @m1;
        text-transform: uppercase;
        line-height: 1;
    }

    h2 {
        font-size: 1rem;
        line-height: 1;

        span {
            display: none;
            font-size: 12px;
            line-height: 1;
            text-transform: uppercase;
            padding-left: 2px;
        }

    }

    a {
        font-size: 1rem;
        transition: 0.3s;
       color: #999999;
    }

}


.banner1 {
    .swiper-slide {
        img {
            display: block;
            width: 100%;
        }
    }

    .swiper-pagination {
        bottom: 0.2rem!important;
        .swiper-pagination-bullet {
            background: #fff;
            opacity: 0.7;
            transition: 0.3s;
        }

        .swiper-pagination-bullet-active {
            opacity: 1;
        }
    }
}


.proType {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: #999;
    font-size: 12px;
    margin-top: 1rem;

    a {
        font-size: 14px;
    }
}

// 诊疗项目
.index1 {
    padding-top: 0.5rem;
    // padding-bottom: 2rem;

    ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        // margin-top: 1.5rem;
        li{
            // width: 32.5%;
            width: 22.5%;
            margin-top: 1rem;
            margin-bottom: 1rem;
            // background: @m1;
            // border: 1px solid @m1;
            border-radius: 0.5rem;
            overflow: hidden;
            a{
                display: block;
                // padding: 1rem 0;
                .img2{
                    display: block;
                    margin:0 auto ;
                    width: 5rem;
                    height: 5rem;
                }
                h3{
                    // font-size: 1rem;
                    text-align: center;
                    // color: #fff;
                    margin: 0.5rem 0 3px;

                    font-size: 1rem;
                    font-family: Microsoft YaHei;
                    //   line-height: 0.63rem;
                    color: #333333;
                }
                p{
                    display: none;
                    text-align: center;
                    font-size: 0.6rem;
                    text-transform: uppercase;
                    color: #fff;
                }
            }
        }
    }

}

.index2 {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    .teamList {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 1.5rem;
        li {
            width: 100%;
            margin-bottom: 2rem;
            -webkit-animation-name: fadeInUp1;
            animation-name: fadeInUp1;

            a {
                display: flex;
                justify-content: space-between;

                .img {
                    width: 38%;
                    height: 14rem;

                    div {
                        height: 100%;
                    }
                }

                .info {
                    width: 60%;
                    h3 {
                        font-size: 18px;
                        font-weight: bold;
                        line-height: 1;
                    }

                    h4 {
                        font-size: 13px;
                        color: #444;
                        position: relative;
                        &:first-of-type{
                            margin-top: 0.5rem;
                        }
                     
                        &:last-of-type{
                            margin-top: 0.25rem;
                            padding-bottom: 0.8rem;
                            border-bottom: 1px solid #dcdcdc;
                            &::after {
                                content: "";
                                position: absolute;
                                bottom: 0;
                                left: 0;
                                background: @m1;
                                width: 7.5rem;
                                height: 1px;
                                transition: .5s;
                            }
                        }
                      
                    }

                    p {
                        margin-top: 1rem;
                        font-size: 13px;
                        line-height: 22px;
                        max-height: 88px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 4;
                        overflow: hidden;
                    }
                }
            }
        }
    }

    .main{
        .index1-content{
            .content{
                img{
                    border-radius: 0.31rem;
                    width: 100%;
                }
                p{
                    margin-top: 1.8rem;
                    // font-size: 1.2rem;
                    font-size: 1.1rem;
                    text-indent: 2.4rem;
                }
                a{
                    text-align: center;
                    display: block;
                    margin: 1.6rem auto 0rem;
                    padding: 0.44rem 0;
                    background-color: #3bb8ba;
                    border-radius: 0.31rem;
                    width: 16.5rem;
                    // height: 2.25rem;
                    .text_about {
                        color: #ffffff;
                        font-size: 1rem;
                        font-family: Microsoft YaHei;
                        line-height: 0.8rem;
                    }
                }
            }
            
            #productSwiper{
                margin-top: 1.5rem;
                .product-wrap {
                    // width: 17.5rem;
                    .productImg {
                        width: 100%;
                        // height: 15.25rem;
                        height: auto;
                        overflow: hidden;
                        img{
                            border-radius: 0.31rem;
                            width: 100%;
                            height: auto;
                        }
                    }
                    span {
                        display: inline-block;
                        width: 100%;
                        text-align: center;
                        margin-top:0.9375rem;
                    }
                }
            }

            #envSwiper1{
                margin-top: 1.5rem;
                .product-wrap {
                    // width: 17.5rem;
                    .productImg {
                        width: 100%;
                        // height: 15.25rem;
                        height: 10.25rem;
                        // height: auto;
                        overflow: hidden;
                        img{
                            border-radius: 0.31rem;
                            width: 100%;
                            // height: auto;
                            height: 100%;
                            // max-height: 100%;
                            // vertical-align: middle;
                        }
                    }
                    span {
                        font-size: 1rem;
                        display: inline-block;
                        width: 100%;
                        text-align: center;
                        margin-top:0.9375rem;
                    }
                }
            }

            #honorSwiper{
                margin-top: 1.5rem;
                .honor-wrap {
                    // width: 17.5rem;
                    .honorImg {
                        width: 100%;
                        height: 10.25rem;
                        // height: auto;
                        overflow: hidden;
                        img{
                            border-radius: 0.31rem;
                            width: 100%;
                            // height: auto;
                            height: 100%;
                        }
                    }
                    span {
                        // font-size: 0.8rem;
                        font-size: 1rem;
                        color: #333;
                        display: inline-block;
                        width: 100%;
                        text-align: center;
                        margin-top:0.9375rem;
                    }
                }
            }

            #honorSwiper{
                .swiper-slide{
                //   width: 280px !important;
                // width: 8.5rem !important;
                // width: 8.5rem;
                // height: 5.88rem;
                  .care-wrap {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    flex-direction: column;
                    justify-content: center;
                    .care-list {
                      width: 100%;
                    //   width: 8.5rem;
                    //   height: 5.88rem;
                    //   margin-bottom: 13px;
                    margin-bottom: 0.9375rem;
                      overflow: hidden;
                      img{
                        width: 100%;
                        height: 100%;
                        border-radius: 0.31rem;
                        transition: all 0.5s;
                      }
                    }
                    .care-title {
                      width: 100%;
                      text-align: center;
                      font-size: 0.5rem;
                      font-family: Microsoft YaHei;
                      line-height: 0.5rem;
                      color: #333333;
                    }
                  }
                  .img-item-wrap:hover {
                    cursor: pointer;
                    img {
                      transition: all 1s;
                      transform: scale(1.1);
                    }
                    span {
                      color: #3bb8ba;
                    }
                  }
                }
            }
        }
        
    }
}

// 新闻资讯
.index3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: #f5f5f5;
    .titleBox {
        display: block;
        .list {
            display: flex;
            flex-wrap: wrap;
            margin-top: 1.2rem;
            a {
                width: 25%;
                margin-bottom: 0.5rem;
                &.active {
                    color: @m1;
                }
            }
        }
    }

    .index3-swiper {
        margin-top: 1.5rem;

        .swiper-slide {
            background: #fff;
            &.new-list {
                a {
                    display: block;
                    width: 100%;

                    .img {
                        height: 20rem;
                        overflow: hidden;

                        div {
                            width: 100%;
                            height: 100%;
                            transition: 0.6s;
                        }
                    }

                    .info {
                        width: 94%;
                        margin: 0 auto;
                        background: #f5f5f5;
                        box-sizing: border-box;
                        padding: 0.75rem 0.5rem;
                        border-radius: 10px;
                        transform: translateY(-2rem);

                        .t {
                            display: flex;
                            align-items: flex-end;
                            justify-content: space-between;

                            h3 {
                                font-size: 15px;
                                width: calc(100% - 75px);
                                transition: 0.3s;
                            }

                            span {
                                font-size: 12px;
                                color: #999;
                            }

                        }

                        p {
                            margin-top: 5px;
                            font-size: 13px;
                            color: #666;
                            line-height: 20px;
                            height: 40px;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                        }
                    }
                }
            }

            &.video-list {
                a {
                    width: 100%;
                    display: block;
                    margin-bottom: 2rem;
                    .img {
                        height: 17rem;
                        overflow: hidden;

                        div {
                            height: 100%;
                            transition: 0.5s;
                            display: flex;
                            justify-content: center;
                            align-items: center;

                            i {
                                transition: 0.4s;
                                width: 3.75rem;
                                height: 3.75rem;
                                background: url(../images/icon5.png) no-repeat center center;
                                background-size: contain;
                            }
                        }

                    }

                    .t {
                        margin-top: 10px;

                        h3 {
                            font-size: 15px;
                            max-width: calc(100% - 40px);
                            transition: 0.3s;
                        }

                        i {
                            width: 35px;
                            height: 21px;
                            background: url(../images/icon6.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                }
            }

        }
    }

}

// 高新设备
// .index4 {
//     padding-top: 2rem;
//     padding-bottom: 1rem;
//     .index4-swiper {
//         padding-bottom: 4rem;
//         .swiper-slide {
//             background: #fff;
//             .leftCon {
//                 padding-top: 2rem;
//                 height: 40px;
//                 h3 {
//                     font-size: 16px;
//                 }
//             }
//             .btns {
//                 display: flex;
//                 justify-content: space-between;
//                 margin-top: 1rem;

//                 a {
//                     width: 45%;
//                     height: 38px;
//                     line-height: 38px;
//                     text-align: center;
//                     border-radius: 8px;
//                     color: #fff;
//                     background: @m1;
//                 }
//             }

//             .img {
//                 display: flex;
//                 justify-content: center;
//                 align-items: center;
//                 a {
//                     display: block;
//                     max-width: 100%;
//                     max-height: 100%;
//                     img {
//                         display: block;
//                         max-width: 100%;
//                         max-height: 100%;
//                     }
//                 }
//             }
//         }

//         .swiper-button-prev {
//             width: 105px;
//             text-align: center;
//             left: 0;
//             bottom: 0;
//             top: auto;
//             border-bottom: 1px solid #000;
//             color: #333;
//             transition: 0.3s;
//             font-size: 15px;
//             &::after {
//                 display: none;
//             }

//             &:hover {
//                 color: @m1;
//                 border-color: @m1;
//             }
//         }

//         .swiper-button-next {
//             width: 105px;
//             text-align: center;
//             left: 120px;
//             right: auto;
//             bottom: 0;
//             top: auto;
//             border-bottom: 1px solid #000;
//             color: #333;
//             transition: 0.3s;
//             font-size: 15px;
//             &::after {
//                 display: none;
//             }

//             &:hover {
//                 color: @m1;
//                 border-color: @m1;
//             }
//         }
//     }

// }


// 简介
.index5 {
    padding: 2rem 0 3rem;

    .img {
        img {
            width: 100%;
            height: auto;
        }
    }
    .video{
        height: 20rem;
        margin-top: 40px;
    }

    .company-content {
        .t {
           
            h3 {
                font-size: 24px;
                line-height: 1;
            }

            p {
                color: #999999;
                text-transform: uppercase;
                font-size: 0.7rem;
            }
        }

        .info {
            margin-top: 1rem;

            p {
                font-size: 15px;
                line-height: 25 px;
            }
        }

        a {
            display: block;
            margin-top: 30px;
            width: 120px;
            line-height: 34px;
            border-bottom: 1px solid #333;
            font-size: 13px;
            box-sizing: border-box;
            transition: 0.4s;

            &:hover {
                color: @m1;
                padding-left: 25px;
                border-color: @m1;
            }
        }
    }

}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-col {
    display: flex;
    flex-direction: column;
}
.items-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.relative {
    position: relative;
}

// 底部
.web-footer {
    background: @m2;
    padding-top: 2.5rem;
    padding-bottom: 3rem;
    .footer-info {
        .footer-itme1 {
            .contact-map {
                width: 95%;
                height: 16rem;
                margin-top: 2rem;
                margin-left: auto;
                margin-right: auto;
                border-radius: 0.75rem;
                overflow: hidden;
                #dituContent {
                    height: 100%;
                }
            }
            .come{
                display: block;
                width: 100%;
                height: 40px;
                text-align: center;
                line-height: 40px;
                color: @m1;
                background: rgba(255, 255, 255, 0.9);
                border-radius: 10px;
                font-size: 14px;
                margin: 1rem auto;
                font-weight: bold;
            }
            .img {
                width: 390px;
                margin: 0 40px;

                img {
                    max-width: 100%;
                }
            }
            .desc {
                p {
                    color: #f5f5f5;
                    font-size: 14px;
                    line-height: 22px;
                }
                .section_9{
                    width: 20%;
                    .group_18{
                        padding: 0.75rem 0.75rem;
                        background-image: url('../images/btmtipicon.png');
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                        width: 4.84rem;
                        height: 4.84rem;
                        .font_10{
                            font-size: 0.81rem;
                            font-family: Microsoft YaHei;
                            letter-spacing: 0.049rem;
                            // line-height: 0.97rem;
                            color: #ffffff;
                        }
                    }
                }
                .group_15{
                    width: 80%;
                    .group_16{
                        padding-bottom: 0.5rem;
                        span{
                            width: 50%;
                        }
                        .font_8{
                            // font-size: 0.9rem;
                            font-size: 1rem;
                            font-family: Microsoft YaHei;
                            letter-spacing: 0.034rem;
                            // line-height: 0.56rem;
                            color: #666666;
                        }
                        .font_9 {
                            font-size: 1.1rem;
                            font-family: Microsoft YaHei;
                            // line-height: 0.56rem;
                            color: #333333;
                        }
                    }
                    .group_166{
                        border-bottom: 1px dashed #666666;
                        // padding-bottom: 0.25rem;
                    }
                    .group_19{
                        border-bottom: 1px dashed #666666;
                        padding-top: 0.5rem;
                        padding-bottom: 0.5rem;
                        .group_17{
                            width: 50%;
                            .font_8 {
                                font-size: 0.9rem;
                                font-family: Microsoft YaHei;
                                letter-spacing: 0.034rem;
                                // line-height: 0.56rem;
                                color: #666666;
                            }
                            .font_12 {
                                padding-top: 0.5rem;
                                font-size: 1.1rem;
                                font-family: Microsoft YaHei;
                                // line-height: 0.69rem;
                                color: #333333;
                            }
                        }
                        .group_177{
                            width: 50%;
                            padding-top: 0.5rem;
                            .image_10{
                                margin-left: 1.14rem;
                                border-radius: 0.31rem;
                                width: 2.47rem;
                                height: 2.47rem;
                                &:nth-of-type(1){
                                    margin-left: 0 !important;
                                }
                            }
                        }
                    }
                }
            }
            .btmbtnlist{
                a {
                    text-align: center;
                    // display: block;
                    margin: 1.5rem auto 0rem;
                    // padding: 0.44rem 0;
                    // background-color: #3bb8ba;
                    // border-radius: 0.31rem;
                    padding: 0.5rem 1.69rem;
                    background-color: #3bb8ba;
                    border-radius: 0.31rem;
                    height: 2.09rem;
                    // width: 10.41rem;
                    width: 35%;
                    .text_about{
                        padding-left: 1rem;
                        font-size: 1.1rem;
                        font-family: Microsoft YaHei;
                        line-height: 1.1rem;
                        color: #ffffff;
                    }
                    .image_13 {
                    width: 2.05rem;
                    height: 2.05rem;
                    }
                }
            }
        }

        .footer-itme2 {
            #formData {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;

                .form-tr {
                    width: 45%;
                    margin-bottom: 15px;

                    input {
                        width: 100%;
                        height: 44px;
                        background: transparent;
                        color: #fff;
                        border-bottom: 1px solid #b3c1bc;

                        &::placeholder {
                            color: #fff;

                        }
                    }


                }

                .textarea {
                    width: 100%;

                    textarea {
                        width: 100%;
                        background: transparent;
                        color: #fff;
                        border-bottom: 1px solid #b3c1bc;
                        height: 80px;
                        padding-top: 20px;

                        &::placeholder {
                            color: #fff;

                        }
                    }
                }

                .codeBox {
                    width: 100%;

                    .code {
                        display: flex;
                        align-items: flex-end;

                        input {
                            width: 160px;
                        }

                        .verify {
                            width: 140px;
                            margin-left: 30px;

                            img {
                                width: 100%;
                            }
                        }
                    }
                }

                .submitBox {
                    width: 40%;

                    .submit {
                        width: 160px;
                        background: #ffffff;
                        height: 44px;
                        line-height: 44px;
                        color: #333;
                        text-align: center;
                        display: block;
                        transition: 0.4s;

                        &:hover {
                            background: #e1e7e2;
                        }

                    }
                }
            }

            border-top: 1px solid #5c87b9;
            margin-top: 2rem;
            padding-top: 24px;

            h2 {
                line-height: 1;

                a {
                    font-size: 0;

                    img {
                        display: inline-block;
                    }
                }
            }

            .foot-box {
                padding-top: 18px;
                display: flex;
                justify-content: space-between;

                .foot-nav {
                    display: flex;
                    width: 630px;

                    a {
                        color: #f5f5f5;
                        margin-right: 40px;
                    }
                }
            }

        }
    }

}

.footer_bottom {
    border-top: 1px solid #5c87b9;
    padding-top: 1rem;
    padding-bottom: 30px;
    margin-top: 2rem;
    .main {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    p {
        // font-size: 0.9rem;
        font-size: 1rem;
        color: #333;
        min-width: 45%;
    }

    a {
        // font-size: 0.9rem;
        font-size: 1rem;
        color: #333;
    }
}

// 底部导航
.foot_nav {
    // height: 3.6rem;
    // min-height: 54px;
    height: 4.25rem;
    min-height: 54px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
    background: #37aaac;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    align-self: center;
    border-top: 1px solid rgba(129, 151, 143, 0.1);

    ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        align-self: center;
        width: 100%;

        li {
            width: 25%;
            box-sizing: border-box;
            display: flex;
            justify-content: center;

            a {
                color: @m3;
                text-align: center;
                .iconfont {
                    font-size: 24px;
                    text-align: center;
                    line-height: 1;
                    display: block;
                }
                img{
                    width: 2rem;
                }
                p {
                    // font-size: 0.7rem;
                    font-size: 1rem;
                    text-align: center;
                    margin-top: 3px;
                }
            }
        }

    }
}

.sider-ul {
    margin-bottom: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.8rem;
    padding: 0 2%;

    a {
        color: #fff;
        margin-right: 5%;
        width: 30%;
        height: 2rem;
        line-height: 2rem;
        border-radius: 1rem;
        text-align: center;
        font-size: 1rem;
        background: #cccccc;
        margin-bottom: 0.5rem;

        &:nth-of-type(3n) {
            margin-right: 0;
        }
    }

    .active {
        background: @m1;
    }
}

.fixed-banner {
    width: 100%;
    height: 12.5rem;
}

.page-head-nav {
    background: #f5f5f5;
    padding: 1.5rem 0 1rem;
    .main {
        height: 100%;
    }

    .t {
        display: flex;

        p {
            font-size: 36px;
            // font-size: 1.8rem;
            color: @m4;
            text-transform: uppercase;
            line-height: 1;
        }

        h2 {
            font-size: 24px;
            // font-size: 1.2rem;
            line-height: 1;

            span {
                display: block;
                font-size: 0.7rem;
                line-height: 1;
                text-transform: uppercase;
                padding-left: 2px;
            }

        }
    }

    .n-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 1.2rem;
        a {
            // color: #666;
            color: @m3;
            margin-right: 2%;
            width: 32%;
            height: 34px;
            line-height: 34px;
            border-radius: 17px;
            text-align: center;
            font-size: 15px;
            background: #cccccc;
            margin-bottom: 1rem;
            &:nth-of-type(3n){
                margin-right: 0;
            }

            &.active {
                color: #fff;
                background: @m4;
                &::after {
                    bottom: 5px;
                    opacity: 1;
                }
            }
        }
    }

}


.yudingBox {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 1rem;
    padding: 1rem;
    box-sizing: border-box;
    h2 {
        font-size: 24px;
        text-align: center;
    }
    li {
        line-height: 30px;
        text-align: center;
        a{
            font-size: 14px;
        }
        span {
            font-size: 18px;
        }

        &:first-of-type {
            margin-top: 10px;
        }
    }

    img {
        width: 175px;
        height: 175px;
        display: block;
        margin: 10px auto;
    }

    p {
        text-align: center;
        line-height: 1;
        font-size: 16px;
    }
}

/* 无内容 */
.page_list{
    margin-top: 21px;
    width: 100%;
    display:flex;
    justify-content: center;
   .pagination{
     padding: 0px;
     margin: 0px;
     list-style: none;
     li{
       margin: 1px;
       color: #666;
       float: left;
       text-align: center;
       width: 36px;
       height: 36px;
       line-height: 36px;
       border: 1px solid #dddddd;
       a{
         display: block;
         color: #333;
         width: 36px;
         height: 36px;
       }
       &.active,&:hover{
         color: #fff;
         border-color: #3bb8ba;
         background: #3bb8ba;
         a{
           color: #fff;
         }
       }
       &.disabled{
         border: 1px solid #dddddd;
         &:hover{
           border-color: #dddddd;
           background: none;
           color: #666;
         }
       }
     }
   }
}
.no-goods,
.no-network {
    padding-top: 5rem;
    overflow: hidden;
    text-align: center;
}

.no-goods img {
    display: block;
    margin: 0 auto 1.5rem;
    width: 11rem;
    min-width: 160px;
    max-height: 5.25rem;
}

.no-network img {
    display: block;
    margin: 0 auto 1.5rem;
    width: 11rem;
    height: 8rem;
}

.no-goods p,
.no-network p {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}


.rig-title {
    padding-top: 0.5rem;
    padding-bottom: 1rem;

    .crumbs {
        background: url(../images/icon3.png) no-repeat left bottom;
        background-size: contain;
        padding-left: 4.5rem;
        line-height: 2rem;

        a {
            color: #000;
            font-size: 1rem;
        }

        span {
            color: @m1;
            font-size: 1rem;
        }
    }
}

.rightTitle {
    user-select: none;
    height: 3.5rem;
    border-bottom: 2px solid #d6d6d6;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 2rem;

    .crumbsBox {
        margin-right: 10px;
        padding-left: 20px;
        background: url("../images/home-icon.png") no-repeat left center;
        background-size: auto;
        text-transform: uppercase;
        font-size: 1.1rem;

        a {
            color: #333;
            font-size: 1.1rem;
        }
    }


}

.de-page-mian {
    overflow: hidden;
    text-align: center;
    padding-top: 1.5rem;
    .page-inner {
        display: inline-block;
        overflow: hidden;

        a {
            display: block;
            float: left;
            min-width: 1.5rem;
            padding: 0 5px;
            height: 2rem;
            border: 1px solid #dddddd;
            background: #fff;
            text-align: center;
            line-height: 2rem;
            font-size: 1.1rem;
            color: #333;
            margin-right: -1px;
            overflow: hidden;

            &.active,
            &:hover {
                color: #fff;
                border-color: @m1;
                background: @m1;
            }

            &.prev {
                margin-right: 5px;
                background: #fff url(../images/prev.jpg) no-repeat center;

                &.on {
                    background: #fff url(../images/prev-hover.jpg) no-repeat center;
                }

                &:hover {
                    background-color: #fff;
                    border-color: #dddddd;
                }
            }

            &.next {
                margin-left: 5px;
                margin-right: 5px;
                background: #fff url(../images/next.jpg) no-repeat center;

                &.on {
                    background: #fff url(../images/next-hover.jpg) no-repeat center;
                }

                &:hover {
                    background-color: #fff;
                    border-color: #dddddd;
                }
            }

            &.page-btn {
                font-size: 1.1rem;
                margin-right: 0;
                width: 3rem;
                margin-left: 5px;
            }
        }

        span,
        input {
            display: none;
        }

        a:last-of-type {
            display: none;
        }
    }
}

.web-sider {
    margin-top: 1.5rem;
    .in-title {
        height: 4rem;
        width: 95%;
        margin: 0 auto;
        background: url(../images/i-pro-title.jpg) no-repeat center;
        background-size: cover;
        text-align: center;
        line-height: 1;
        box-sizing: border-box;
        min-height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        h3{
            font-size: 18px;
            color: #fff;
        }
        p{
            font-size: 12px;
            color: #fff;
            text-transform: uppercase;
        }

    }
    .sider-ul{
        min-height: 160px;
        // border: 1px solid #ededed;
        border-top: none;
        background: #fff;
        padding: 0.75rem 15px 0;
        a{
            display: flex;
            justify-content: space-between;
            line-height: 50px;
            font-size: 16px;
            border-bottom: 1px solid #ededed;
            position: relative;
            transition: 0.3s;
            color: #666;
            &::after{
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                height: 1px;
                background: @m1;
                transition: 0.5s;
            }
            &:hover{
                color: @m1;
                &::after{
                    width: 100%;
                }
            }
        }
    }
    .news-sider-ul{
        min-height: 160px;
        // border: 1px solid #ededed;
        border-top: none;
        background: #fff;
        padding: 0.75rem 15px 0 ;
        a{
            display: block;
            line-height: 40px;
            font-size: 14px;
            border-bottom: 1px dashed #ededed;
            position: relative;
            transition: 0.3s;
            color: #666;
            &:hover{
                color: @m1;
                border-color: @m1;
            }
        }
    }
}

.commonInner {
    .padd {
        min-height: 20rem;
        padding: 1.5rem 0 0.5rem;
    }
    
    .titleBox1 {
        text-align: center;

        p {
            font-size: 0.7rem;
            text-transform: uppercase;
        }

        h2 {
            font-size: 20px;
        }
    }

    .index-keshi {
        padding-top: 1.5rem;
        .index2-swiper{
            margin-top: 1.2rem;
            .swiper-slide {
                width: 48.5%;
                height: 18rem;
                position: relative;
                margin-bottom: 1rem;
                a {
                    display: block;
                    width: 100%;
                    height: 100%;

                    .test,.test2 {
                        width: 100%;
                        height: 100%;
                    }
                }

                .correct {
                    display: block;
                    height: 100%;
                    position: absolute;

                    .content {
                        height: 100%;
                        box-sizing: border-box;
                        background: @bg1;
                        overflow: hidden;
                        position: relative;

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

                            img {
                                display: block;
                                width: 100%;
                                height: 100%;
                            }
                        }

                        .info {
                            position: absolute;
                            left: 0;
                            bottom: 0;
                            min-height: 3rem;
                            // overflow: hidden;
                            padding: 0.6rem 0.8rem ;
                            box-sizing: border-box;
                            background: rgba(22, 83, 155, 0.5);
                            width: 100%;

                            h3 {
                                font-size: 0.8rem;
                                color: #fff;
                                text-align: center;

                            }

                            p {
                                font-size: 0.65rem;
                                color: #fff;
                                text-align: center;
                            }
                        }
                    }


                }

                .opposite {
                    display: none;

                    .content {
                        height: 100%;
                        box-sizing: border-box;
                        background: url(../images/team-bg.jpg) no-repeat center center;
                        background-size: cover;
                        padding-top: 20px;

                        .img {
                            width: 185px;
                            height: 185px;
                            border-radius: 50%;
                            margin: 0 auto;
                        }

                        .info {
                            padding: 0 20px;
                            box-sizing: border-box;

                            h3 {
                                font-size: 18px;
                                margin-bottom: 15px;
                                color: #fff;
                                text-align: center;
                                margin-top: 10px;
                            }

                            .skill {
                                margin-top: 12px;
                                color: #fff;
                                font-size: 15px;
                                line-height: 24px;
                                height: 144px;
                                overflow: hidden;

                                p {
                                    font-size: 15px;
                                    line-height: 24px;
                                }
                            }
                        }


                    }


                }
            }
        }
      
    }

    // 关于我们
    .company {
        // background: url(../images/index2-bg.png) no-repeat left 240px;

        .company-content {
            padding-bottom: 2rem;
            .left-company {
                -webkit-animation-name: fadeInUp1;
                animation-name: fadeInUp1;

                .t {
                    text-align: center;
                    h3 {
                        font-size: 20px;
                    }

                    p {
                        font-size: 0.7rem;
                        color: #666666;
                        text-transform: uppercase;
                    }
                }

                article {
                    margin-top: 1rem;
                    // font-size: 15px;
                    font-size: 1.2rem;
                    line-height: 24px;
                    text-indent: 2.2rem;
                    p{
                        // font-size: 0.75rem;
                        font-size: 1.1rem;
                    }
                    img {
                        display: block;
                        max-width: 100%;
                        margin: 0 auto;
                    }
                }
                .image_company{
                    width: 100%;
                }
            }

            .right-company {
                -webkit-animation-name: fadeInUp1;
                animation-name: fadeInUp1;
                margin-top: 2rem;

                .img {
                    img {
                        width: 100%;
                        height: auto;
                    }
                }
                .video{
                    height: 20rem;
                }
            }
        }

        .traitBox {
            // padding: 34px 0;
            .numCount {
                display: flex;
                flex-wrap: wrap;
                .item {
                    width: 33.33%;
                    margin-bottom: 1rem;
                    position: relative;
                    &:nth-of-type(1), &:nth-of-type(2){
                        width: 50%;
                    }
                 
                    img {
                        display: block;
                        margin: 0 auto;
                    }

                    .numU {
                        width: 100%;
                        text-align: center;

                        .numCX {
                            font-size: 2.7rem;
                            color: @m4;
                            // font-weight: bold;
                        }

                        .numW {
                            margin-left: 0.5rem;
                        }

                        .unitC {
                            font-size: 2.7rem;
                            color: @m1;
                        }
                    }

                    .indc {
                        // font-size: 0.7rem;
                        font-size: 1rem;
                        line-height: 1;
                        text-align: center;
                    }
                }
            }
        }

        .lxfs {
            margin-top: 2rem;
            height: 18rem;
            background: url(../images/lxfs-bg.jpg) no-repeat center center;
            background-size: cover;

            .main {
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }

            .p1 {
                font-size: 16px;
                color: #fff;
                padding-bottom: 10px;
            }

            span {
                width: 90%;
                height: 40px;
                background: @m1;
                color: #fff;
                text-align: center;
                line-height: 40px;
                border-radius: 5px;
                font-size: 16px;
            }

            .p2 {
                font-size: 0.7rem;
                text-transform: uppercase;
                color: #fff;
                line-height: 30px;
            }

            .tel {
                color: #fff;
                margin-top: 10px;
                display: flex;
                align-items: flex-end;
                justify-content: center;
                i {
                    font-size: 24px;
                    line-height: 1;
                }
            }
        }

        .ylyz {
            padding-top: 2rem;
            h2 {
                font-size: 24px;
                text-align: center;
                position: relative;
                padding-bottom: 6px;
                margin-bottom: 1rem;

                &::after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    left: 0;
                    margin: 0 auto;
                    width: 80px;
                    height: 3px;
                    background: @m1;
                }
            }

            article {
                p {
                    font-size: 15px;
                    line-height: 24px;
                }
            }

            ul {
                margin-top: 1.5rem;
                flex-wrap: wrap;
                justify-content: center;
                li {
                    width: 33.33%;
                    margin-bottom: 1.2rem;
                    text-align: center;
                    -webkit-animation-name: fadeInUp1;
                    animation-name: fadeInUp1;
                    &:nth-of-type(4),  &:nth-of-type(5){
                        width: 45%;
                    }
                    h3 {
                        font-size: 18px;
                        color: @m1;
                        position: relative;
                        padding-bottom: 25px;

                        &::after {
                            content: "";
                            position: absolute;
                            bottom: 0;
                            right: 0;
                            left: 0;
                            margin: 0 auto;
                            width: 1px;
                            height: 20px;
                            background: @m1;
                        }
                    }

                    p {
                        line-height: 24px;
                        font-size: 13px;
                        border-right: 1px solid #c7c7c7;
                        padding: 5px 1rem 0;
                        box-sizing: border-box;
                        min-height: 53px;
                    }
                }
            }
        }

        
        .index-team {
            padding-top: 1.5rem;
            .index2-swiper{
                margin-top: 1.2rem;
                .swiper-slide {
                    width: 48.5%;
                    height: 18rem;
                    position: relative;
                    margin-bottom: 1rem;
                    a {
                        display: block;
                        width: 100%;
                        height: 100%;
    
                        .test,
                        .test2 {
                            width: 100%;
                            height: 100%;
                        }
                    }
    
                    .correct {
                        display: block;
                        height: 100%;
                        position: absolute;
    
                        .content {
                            height: 100%;
                            box-sizing: border-box;
                            background: @bg1;
                            overflow: hidden;
                            position: relative;
    
                            .img {
                                width: 100%;
                                height: 100%;
    
                                img {
                                    display: block;
                                    width: 100%;
                                    height: 100%;
                                }
                            }
    
                            .info {
                                position: absolute;
                                left: 0;
                                bottom: 0;
                                height: 80px;
                                padding: 0.6rem 0.8rem ;
                                box-sizing: border-box;
                                background: rgba(22, 83, 155, 0.5);
                                width: 100%;
    
                                h3 {
                                    font-size: 16px;
                                    color: #fff;
                                    text-align: center;
    
                                }
    
                                p {
                                    font-size: 13px;
                                    color: #fff;
                                    text-align: center;
                                }
                            }
                        }
    
    
                    }
    
                    .opposite {
                        display: none;
    
                        .content {
                            height: 100%;
                            box-sizing: border-box;
                            background: url(../images/team-bg.jpg) no-repeat center center;
                            background-size: cover;
                            padding-top: 20px;
    
                            .img {
                                width: 185px;
                                height: 185px;
                                border-radius: 50%;
                                margin: 0 auto;
                            }
    
                            .info {
                                padding: 0 20px;
                                box-sizing: border-box;
    
                                h3 {
                                    font-size: 18px;
                                    margin-bottom: 15px;
                                    color: #fff;
                                    text-align: center;
                                    margin-top: 10px;
                                }
    
                                .skill {
                                    margin-top: 12px;
                                    color: #fff;
                                    font-size: 15px;
                                    line-height: 24px;
                                    height: 144px;
                                    overflow: hidden;
    
                                    p {
                                        font-size: 15px;
                                        line-height: 24px;
                                    }
                                }
                            }
    
    
                        }
    
    
                    }
                }
            }
          
        }

        // 高新设备
        .index4 {
            padding-top: 2rem;
            padding-bottom: 1rem;
            .index4-swiper {
                padding-bottom: 4rem;
                .swiper-slide {
                    background: #fff;
                    .leftCon {
                        padding-top: 2rem;
                        min-height: 4.5rem;
                        max-height: 6rem;
                        overflow-y: scroll;
                        h2 {
                            // font-size:0.9rem;
                            font-size: 1rem;
                            font-weight: 700;
                        }
                        h3 {
                            // font-size:0.9rem;
                            font-size: 1rem;
                        }
                    }
                    .btns {
                        display: flex;
                        justify-content: space-between;
                        margin-top: 1rem;

                        a {
                            width: 45%;
                            height: 38px;
                            line-height: 38px;
                            text-align: center;
                            border-radius: 8px;
                            color: #fff;
                            background: @m1;
                        }
                    }

                    .img {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        a {
                            display: block;
                            max-width: 100%;
                            max-height: 100%;
                            img {
                                display: block;
                                max-width: 100%;
                                max-height: 100%;
                            }
                        }
                    }
                }

                .swiper-button-prev {
                    width: 105px;
                    text-align: center;
                    left: 0;
                    bottom: 0;
                    top: auto;
                    border-bottom: 1px solid #000;
                    color: #333;
                    transition: 0.3s;
                    font-size: 15px;
                    &::after {
                        display: none;
                    }

                    &:hover {
                        color: @m1;
                        border-color: @m1;
                    }
                }

                .swiper-button-next {
                    width: 105px;
                    text-align: center;
                    left: 120px;
                    right: auto;
                    bottom: 0;
                    top: auto;
                    border-bottom: 1px solid #000;
                    color: #333;
                    transition: 0.3s;
                    font-size: 15px;
                    &::after {
                        display: none;
                    }

                    &:hover {
                        color: @m1;
                        border-color: @m1;
                    }
                }
            }
            .index5-swiper {
                padding-bottom: 4rem;
                .swiper-slide {
                    background: #fff;
                    .leftCon {
                        padding-top: 2rem;
                        min-height: 4.5rem;
                        max-height: 6rem;
                        overflow-y: scroll;
                        h2 {
                            font-size:0.9rem;
                            font-weight: 700;
                        }
                        h3 {
                            font-size:0.9rem;
                        }
                    }
                    .btns {
                        display: flex;
                        justify-content: space-between;
                        margin-top: 1rem;

                        a {
                            width: 45%;
                            height: 38px;
                            line-height: 38px;
                            text-align: center;
                            border-radius: 8px;
                            color: #fff;
                            background: @m1;
                        }
                    }

                    .img {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        a {
                            display: block;
                            max-width: 100%;
                            max-height: 100%;
                            img {
                                display: block;
                                max-width: 100%;
                                max-height: 100%;
                            }
                        }
                    }
                }

                .swiper-button-prev {
                    width: 105px;
                    text-align: center;
                    left: 0;
                    bottom: 0;
                    top: auto;
                    border-bottom: 1px solid #000;
                    color: #333;
                    transition: 0.3s;
                    font-size: 15px;
                    &::after {
                        display: none;
                    }

                    &:hover {
                        color: @m1;
                        border-color: @m1;
                    }
                }

                .swiper-button-next {
                    width: 105px;
                    text-align: center;
                    left: 120px;
                    right: auto;
                    bottom: 0;
                    top: auto;
                    border-bottom: 1px solid #000;
                    color: #333;
                    transition: 0.3s;
                    font-size: 15px;
                    &::after {
                        display: none;
                    }

                    &:hover {
                        color: @m1;
                        border-color: @m1;
                    }
                }
            }
            .group_itemlist {
                // width: 1200px;
                padding-top: 1rem;
                width: 100%;
                flex-wrap: wrap;
                .group_item_one {
                //   width: 281px;
                width: 48.5%;
                  .item_one{
                    // padding: 3rem 0 3rem;
                    // background-color: #3bb8ba;
                    .pos {
                      position: absolute;
                      right: 1.1rem;
                        top: 1.3rem;
                    }
                    .steptip{
                        color: #fff;
                        // font-size: 0.9rem;
                        font-size: 1rem;
                        text-align: center;
                        position: relative;
                        top: 3.8rem;
                        width: 80%;
                    }
                    .steptip1{
                        font-size: 1.2rem;
                        font-weight: 700;
                        font-style: italic;
                    }
                  }
                  .active {
                    padding: 53px 0 50px;
                    background-color: #3bb8ba;
                    // .pos {
                    //   position: absolute;
                    //   right: 27px;
                    //   top: 23px;
                    // }
                  }
                  .font_item_title {
                    // font-size: 0.9rem;
                    font-size: 1rem;
                    font-family: Microsoft YaHei;
                    // line-height: 0.9rem;
                    color: #333333;
                    margin-bottom: 0.9rem;
                  }
                  .image_other_step{
                    // position: absolute;
                    // right: 1rem;
                    // top: 25%;
                    width: 1.2rem;
                  }
                  .text {
                    text-transform: uppercase;
                  }
                  .image_item_ico {
                    width: 14.15rem;
                    height: 14.15rem;
                  }
                  .image_item_top {
                    display: none;
                    width: 39px;
                    height: 39px;
                  }
                }
                .space-y-20 {
                  & > *:not(:first-child) {
                    margin-top: 0.9rem;
                  }
                }
            }
        }

    }

    // 联系我们
    .contact {
      
        .tel {
            text-align: center;
            margin-top: 1rem;

            h3 {
                font-size: 15px;
            }

            p {
                a{
                    font-size: 28px;
                    color: @m1;
                }
            }
        }

        // .de-contact {
        //     margin-top: 1.2rem;

        //     ul {
        //         display: flex;
        //         justify-content: space-between;
        //         flex-wrap: wrap;
        //         li {
        //             width: 48%;
        //             border-radius: 0.5rem;
        //             background: #f5f5f5;
        //             padding: 1rem 0.5rem;
        //             box-sizing: border-box;
        //             display: flex;
        //             justify-content: center;
        //             align-items: center;
        //             flex-direction: column;
        //             -webkit-animation-name: fadeInUp1;
        //             animation-name: fadeInUp1;
        //             margin-bottom: 1rem;
        //             span {
        //                 font-size: 14px;
        //                 margin: 0.5rem 0 5px;
        //             }

        //             p {
        //                 a{
        //                     line-height: 1;
        //                     font-size: 16px;
        //                 }
        //             }
        //         }
        //     }

        // }

        .contact-map {
            margin-top: 2.5rem;
            width: 100%;
            height: 20rem;

            #dituContent {
                height: 100%;
            }
        }
    }

       // 留言
       .message {

        .de-message {
            margin-top: 1.5rem;

            #formData {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;

                .form-tr {
                    width: 100%;
                    margin-bottom: 1rem;

                    input {
                        width: 100%;
                        height: 40px;
                        background: #f5f5f5;
                        border-radius: 0.5rem;
                        color: #333;
                        border: none;
                        padding: 0 1rem;
                        box-sizing: border-box;
                        &::placeholder {
                            color: #333;
                        }
                    }


                }

                .textarea {
                    width: 100%;

                    textarea {
                        width: 100%;
                        background: #f5f5f5;
                        border-radius: 0.75rem;
                        color: #333;
                        border: none;
                        padding: 0.5rem 1rem;
                        height: 8rem;
                        box-sizing: border-box;
                        &::placeholder {
                            color: #333;
                        }
                    }
                }

                .codeBox {
                    .code {
                        display: flex;
                        align-items: flex-end;

                        input {
                            width: 160px;
                        }

                        .verify {
                            width: 140px;
                            margin-left: 1.5rem;

                            img {
                                width: 100%;
                            }
                        }
                    }
                }

                .submitBox {
                    display: flex;
                    .submit {
                        width: 160px;
                        background: @m1;
                        height: 44px;
                        line-height: 44px;
                        border-radius: 5px;
                        color: #fff;
                        text-align: center;
                        display: block;
                        transition: 0.4s;

                    }
                }
            }
        }
    }

     // 人才招聘
     .jobPage {
        .de-job-list {
            margin-top: 1.5rem;

            ul {
                li {
                    -webkit-animation-name: fadeInUp1;
                    animation-name: fadeInUp1;
                    position: relative;
                    padding-bottom: 1rem;
                    margin-bottom: 1.5rem;
                    overflow: hidden;
                    min-height: 10rem;
                    border-bottom: 1px solid #eee;
                    cursor: pointer;

                    &.active {
                        .img {
                            left: -240px;

                        }

                        .info {
                            padding-left: 0;

                            .job-title {
                                border-color: #eee;
                                color: @m1;

                                span {
                                    transform: rotate(180deg);
                                }
                            }

                            .job-info {
                                padding-top: 20px;
                            }
                        }
                    }

                    .img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 10rem;
                        height: 9.5rem;
                        border-radius: 0.5rem;
                        transition: 0.4s;
                    }

                    .info {
                        padding-left: 11rem;
                        transition: 0.4s;

                        .job-title {
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            border-bottom: 1px solid transparent;
                            padding-bottom: 10px;
                            transition: 0.4s;

                            h3 {
                                font-size: 15px;
                                transition: 0.3s;
                            }

                            span {
                                font-size: 15px;
                                transition: 0.3s;
                            }
                        }

                        .job-info {
                            .p1 {
                                height: 72px;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 3;
                                overflow: hidden;

                                p {
                                    font-size: 14px;
                                    line-height: 24px;
                                    color: #666;
                                }
                            }

                            .p2 {
                                overflow: hidden;
                                height: auto;
                                display: none;

                                p {
                                    font-size: 14px;
                                    line-height: 24px;
                                    color: #666;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .news-page {
        .de-news-list {
            margin-top: 1.5rem;
            .newsList {
                overflow: hidden;
                li {
                    margin-bottom: 1.2rem;
                    a {
                        display: flex;
                        justify-content: space-between;
                        transition: 0.4s;
                        .img {
                            width: 12.5rem;
                            height: 8rem;
                            border-radius: 0.5rem;
                            overflow: hidden;

                            div {
                                height: 100%;
                                transition: 0.4s;
                            }
                        }

                        .box {
                            width: calc(100% - 13.5rem);
                            position: relative;
                            .info {
                                h3 {
                                    font-size: 15px;
                                    transition: 0.3s;
                                }
                                p {
                                    line-height: 20px;
                                    margin-top: 0.5rem;
                                    font-size: 12px;
                                    height: 40px;
                                    display: -webkit-box;
                                    -webkit-box-orient: vertical;
                                    -webkit-line-clamp: 2;
                                    overflow: hidden;
                                }
                            }

                            .time {
                                color: #999999;
                                text-align: right;
                                font-size: 0.7rem;
                                margin-top: 0.5rem;
                            }

                        }
                    }

                }

            }

            .videoList {
                margin-top: 1.5rem;
                li {
                    margin-bottom: 2rem;
                    -webkit-animation-name: fadeInUp1;
                    animation-name: fadeInUp1;
                    a {
                        width: 100%;
                        display: block;
                        .img {
                            height: 17rem;
                            overflow: hidden;
    
                            div {
                                height: 100%;
                                transition: 0.5s;
                                display: flex;
                                justify-content: center;
                                align-items: center;
    
                                i {
                                    transition: 0.4s;
                                    width: 3.75rem;
                                    height: 3.75rem;
                                    background: url(../images/icon5.png) no-repeat center center;
                                    background-size: contain;
                                }
                            }
    
                        }
    
                        .t {
                            margin-top: 10px;
    
                            h3 {
                                font-size: 15px;
                                max-width: calc(100% - 40px);
                                transition: 0.3s;
                            }
    
                            i {
                                width: 35px;
                                height: 21px;
                                background: url(../images/icon6.png) no-repeat center center;
                                background-size: contain;
                            }
                        }
                    }
                }
            }
        }
    }

    .infoPage {
        .de-content-info {
            // .left-content {
            //     width: 260px;
            // }

            // .right-content {
            //     width: 900px;
            //     background: #fff;
            // }
        }

        .news-detail-content {
            .news-detail-title {
                padding-bottom: 0.75rem;
                border-bottom: 1px dashed #ededed;
                text-align: center;
                margin-bottom: 15px;

                .h3 {
                    font-size: 16px;
                    color: #323232;
                    margin-bottom: 0.75rem;
                }

                .b {
                    font-size: 12px;
                    color: #999999;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    span{
                        display: flex;
                        align-items: center;
                        .iconfont{
                            margin-right: 0.5rem;
                        }
                        &:first-of-type{
                            margin-right: 1rem;
                        }
                    }
                }
            }

            .news-detail {
                min-height: 300px;
                .img{
                    margin-bottom: 1rem;
                    img{
                        max-width: 100% !important;
                        height: auto;
                        margin: 0 auto;
                        display: block;
                    }
                }
                    p {
                        font-size: 14px;
                        color: #595959;
                        line-height: 22px;
                        text-indent: 30px;
                    }
    
                    img {
                        max-width: 100% !important;
                        height: auto !important;
                        margin: 0 auto;
                    }
               
            }
            .news-detail-video {
                margin-bottom: 1.5rem;
                .video{
                    width: 100%;
                    height: 20rem;
                }
            }

            .newsPage {
                color: #323232;
                margin: 1rem 0;
                .page-a{
                    margin-bottom: 0.5rem;
                font-size: 14px;
                }
                a {
                    color: #323232;
                    font-size: 14px;
                }
            }
        }
    }



    // 就医指南
    .guide-page {
        .de-xuzhi-list {
            margin-top: 1.5rem;

            .list {
                h3 {
                    font-size: 18px;
                    display: flex;
                    align-items: flex-end;

                    span {
                        color: #999999;
                        font-size: 0.6rem;
                        text-transform: uppercase;
                        margin-left: 5px;
                    }
                }

                ul {
                    margin-top:1.5rem;
                }

                &:nth-of-type(1) {
                    li {
                       min-height: 10rem;
                        background: #e8f2fb;
                        margin-bottom: 1rem;
                        border-radius: 5px;
                        padding: 1rem 0.5rem ;
                        box-sizing: border-box;
                        -webkit-animation-name: fadeInUp1;
                        animation-name: fadeInUp1;
                     

                        span {
                            display: block;
                            font-size: 28px;
                            color: #0061ae;
                            position: relative;
                            padding-left: 7px;
                            z-index: 1;

                            &::after {
                                content: "";
                                position: absolute;
                                bottom: 8px;
                                left: 0px;
                                width: 46px;
                                height: 8px;
                                border-radius: 4px;
                                background: #fff;
                                z-index: -1;
                            }
                        }

                        p {
                            font-size: 14px;
                            line-height: 24px;
                            margin-top: 5px;
                        }
                    }
                }

                &:nth-of-type(2) {
                    margin-top: 1.5rem;
                    li {
                        margin-bottom: 1rem;
                        border-radius: 5px;
                        padding: 1rem 0.5rem ;
                        box-sizing: border-box;
                        -webkit-animation-name: fadeInUp1;
                        animation-name: fadeInUp1;

                        &:nth-of-type(4n) {
                            margin-right: 0;
                        }

                        span {
                            position: absolute;
                            left: 0;
                            top: 0;
                            font-size: 28px;
                            color: #0061ae;
                            font-style: italic;
                        }

                        p {
                            text-indent: 40px;
                            font-size: 15px;
                            line-height: 26px;
                        }
                    }
                }
            }
        }

        .de-lc-list {
            ul {
                position: relative;
                padding-top: 1.5rem;
                margin-top: 1.5rem;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;

                li {
                    width: 100%;
                    box-sizing: border-box;
                    position: relative;
                    margin-bottom: 3.5rem;
                    -webkit-animation-name: fadeInUp1;
                    animation-name: fadeInUp1;

                    span {
                        position: absolute;
                        top: 0.25rem;
                        left: 0;
                        width: 5rem;
                        border-bottom: 1px solid #333;
                        font-size: 24px;
                        text-align: center;
                        color: #0061ae;
                        line-height: 40px;

                        &::after {
                            content: "";
                            position: absolute;
                            bottom: -6px;
                            right: 0;
                            width: 11px;
                            height: 11px;
                            background: #0061ae;
                            border-radius: 50%;
                        }
                    }

                    .info {
                        padding-left: 6rem;
                        .t {
                            display: flex;
                            align-items: center;
                            .h {
                                margin-left: 1rem;
                                h3 {
                                    font-size: 16px;
                                    line-height: 1;
                                }

                                p {
                                    color: #999;
                                    text-transform: uppercase;
                                    font-size: 0.6rem;
                                }
                            }

                        }

                        .p1 {
                            font-size: 15px;
                            line-height: 25px;
                            margin-top: 0.75rem;
                        }
                    }
                 
                }

                .line {
                    position: absolute;
                    top: 0px;
                    left: 0;
                    background: #0061ae;
                    width: 2px;
                    height: 100%;
                    opacity: 0.7;
                }
            }

        }

        .de-zc-list {
            padding:1.5rem 1rem;
            margin-top: 1.5rem;
            background: #f5f5f5;
            text-align: center;

            p {
                font-size: 15px;
                line-height: 25px;
            }
        }
    }

    // 优惠活动
    .youhui-page {
        .de-youhui-list {
            margin-top: 1.5rem;
        }

        .youhuiList {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;

            li {
                -webkit-animation-name: fadeInUp1;
                animation-name: fadeInUp1;
                width: 100%;
                a {
                    display: block;
                }

                .img {
                    height: 18rem;
                    overflow: hidden;

                    div {
                        height: 100%;
                        transition: 0.4s;
                    }
                }

                .info {
                    width: 90%;
                    box-sizing: border-box;
                    margin: 0 auto;
                    background: #fff;
                    padding: 1rem  0.5rem;
                    transform: translateY(-2.5rem);
                    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);

                    h3 {
                        font-size: 15px;
                        text-align: center;
                        transition: 0.3s;
                    }

                    .t {
                        display: flex;
                        justify-content: space-between;
                        align-items: flex-end;

                        span {
                            color: #999;
                        }
                    }

                    p {
                        font-size: 13px;
                        margin-top: 0.5rem;
                        line-height: 24px;
                        height: 48px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                    }
                }
            }
        }
    }

    .project-page {
        .de-project {
            margin-top: 1.5rem;
            .project-desc {
                // font-size: 0.75rem;
                font-size: 1rem;
                line-height: 2.25rem;
                -webkit-animation-name: fadeInUp1;
                animation-name: fadeInUp1;
                .desc {
                    text-indent: 2rem;
                    p{
                        // font-size: 15px;
                        // line-height: 25px;
                        font-size: 0.75rem;
                        line-height: 1.25rem;
                    }

                }

                .over {
                    max-height: 204px;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 8;
                    transition: 0.4s;
                    text-indent: 2rem;
                }

                .show {
                    color: @m1;
                    cursor: pointer;
                }

                .hide {
                    color: @m1;
                    cursor: pointer;
                    display: none;
                }
            }

            .img {
                -webkit-animation-name: fadeInUp1;
                animation-name: fadeInUp1;
                overflow: hidden;
                transition: 0.5s;
                margin-top: 1.2rem;
                img {
                    width: 100%;
                    height: auto;
                }
            }
        }

        .de-team {
            padding: 2rem 0;

            ul {
                margin-top: 1.5rem;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                .slide {
                    width: 48.5%;
                    height: 18rem;
                    position: relative;
                    margin-bottom: 1rem;
                    a {
                        display: block;
                        width: 100%;
                        height: 100%;

                        .test,
                        .test2 {
                            width: 100%;
                            height: 100%;
                        }
                    }

                    .correct {
                        display: block;
                        height: 100%;
                        position: absolute;

                        .content {
                            height: 100%;
                            box-sizing: border-box;
                            background: @bg1;
                            overflow: hidden;
                            position: relative;

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

                                img {
                                    display: block;
                                    width: 100%;
                                    height: 100%;
                                }
                            }

                            .info {
                                position: absolute;
                                left: 0;
                                bottom: 0;
                                height: 80px;
                                padding: 0.6rem 0.8rem ;
                                box-sizing: border-box;
                                background: rgba(22, 83, 155, 0.5);
                                width: 100%;
    
                                h3 {
                                    font-size: 16px;
                                    color: #fff;
                                    text-align: center;
    
                                }
    
                                p {
                                    font-size: 13px;
                                    color: #fff;
                                    text-align: center;
                                }
                            }
                        }


                    }

                    .opposite {
                        display: block;

                        .content {
                            height: 100%;
                            box-sizing: border-box;
                            background: url(../images/team-bg.jpg) no-repeat center center;
                            background-size: cover;
                            padding-top: 20px;

                            .img {
                                width: 185px;
                                height: 185px;
                                border-radius: 50%;
                                margin: 0 auto;
                            }

                            .info {
                                padding: 0 20px;
                                box-sizing: border-box;

                                h3 {
                                    font-size: 18px;
                                    margin-bottom: 15px;
                                    color: #fff;
                                    text-align: center;
                                    margin-top: 10px;
                                }

                                .skill {
                                    margin-top: 12px;
                                    color: #fff;
                                    font-size: 15px;
                                    line-height: 24px;
                                    height: 144px;
                                    overflow: hidden;

                                    p {
                                        font-size: 15px;
                                        line-height: 24px;
                                    }
                                }
                            }


                        }


                    }
                }

                @keyframes flipOutYtest {
                    from {
                        -webkit-transform: perspective(1400px);
                        transform: perspective(1400px);
                    }

                    40% {
                        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
                        transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
                        opacity: 1;
                    }

                    50% {
                        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
                        transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
                        opacity: 0;
                    }

                    to {
                        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
                        transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
                        opacity: 0;
                    }
                }

                @-webkit-keyframes flipOutYtest {
                    from {
                        -webkit-transform: perspective(1400px);
                        transform: perspective(1400px);
                    }

                    40% {
                        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
                        transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
                        opacity: 1;
                    }

                    50% {
                        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
                        transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
                        opacity: 0;
                    }

                    to {
                        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
                        transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
                        opacity: 0;
                    }
                }

                .test {
                    -webkit-animation: flipOutYtest 1s linear;
                    animation: flipOutYtest 1s linear;
                    -webkit-animation-fill-mode: both;
                    animation-fill-mode: both;
                }

                @keyframes flipInYtest {
                    from {
                        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
                        transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
                        opacity: 0;
                    }

                    50% {
                        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
                        transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
                        opacity: 0;
                    }

                    60% {
                        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
                        transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
                        opacity: 1;
                    }

                    to {
                        -webkit-transform: perspective(1400px);
                        transform: perspective(1400px);
                        opacity: 1;
                    }
                }

                @-webkit-keyframes flipInYtest {
                    from {
                        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
                        transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
                        opacity: 0;
                    }

                    50% {
                        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
                        transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
                        opacity: 0;
                    }

                    60% {
                        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
                        transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
                        opacity: 1;
                    }

                    to {
                        -webkit-transform: perspective(1400px);
                        transform: perspective(1400px);
                        opacity: 1;
                    }
                }

                .test2 {
                    -webkit-animation: flipInYtest 1s linear;
                    animation: flipInYtest 1s linear;
                    -webkit-animation-fill-mode: both;
                    animation-fill-mode: both;
                }
            }
        }

        .de-device {
            padding-bottom: 1rem;
            .index4-swiper {
                .swiper-slide {
                    background: #fff;
                    .leftCon {
                        padding-top: 2rem;
                        height: 40px;
                        h3 {
                            font-size: 16px;
                        }
                    }
                    .btns {
                        display: flex;
                        justify-content: space-between;
                        margin-top: 1rem;
        
                        a {
                            width: 45%;
                            height: 38px;
                            line-height: 38px;
                            text-align: center;
                            border-radius: 8px;
                            color: #fff;
                            background: @m1;
                        }
                    }
        
                    .img {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        a {
                            display: block;
                            max-width: 100%;
                            max-height: 100%;
                            img {
                                display: block;
                                max-width: 100%;
                                max-height: 100%;
                            }
                        }
                    }
                }
        
                .swiper-button-prev {
                    width: 105px;
                    text-align: center;
                    left: 0;
                    bottom: 0;
                    top: auto;
                    border-bottom: 1px solid #000;
                    color: #333;
                    transition: 0.3s;
                    font-size: 15px;
                    &::after {
                        display: none;
                    }
        
                    &:hover {
                        color: @m1;
                        border-color: @m1;
                    }
                }
        
                .swiper-button-next {
                    width: 105px;
                    text-align: center;
                    left: 120px;
                    right: auto;
                    bottom: 0;
                    top: auto;
                    border-bottom: 1px solid #000;
                    color: #333;
                    transition: 0.3s;
                    font-size: 15px;
                    &::after {
                        display: none;
                    }
        
                    &:hover {
                        color: @m1;
                        border-color: @m1;
                    }
                }
            }
        }

        .de-video {
            padding-top: 2rem;

            ul {
                margin-top: 1.5rem;
                li {
                    margin-bottom: 2rem;
                    -webkit-animation-name: fadeInUp1;
                    animation-name: fadeInUp1;
                    a {
                        width: 100%;
                        display: block;
                        .img {
                            height: 17rem;
                            overflow: hidden;
    
                            div {
                                height: 100%;
                                transition: 0.5s;
                                display: flex;
                                justify-content: center;
                                align-items: center;
    
                                i {
                                    transition: 0.4s;
                                    width: 3.75rem;
                                    height: 3.75rem;
                                    background: url(../images/icon5.png) no-repeat center center;
                                    background-size: contain;
                                }
                            }
    
                        }
    
                        .t {
                            margin-top: 10px;
    
                            h3 {
                                font-size: 15px;
                                max-width: calc(100% - 40px);
                                transition: 0.3s;
                            }
    
                            i {
                                width: 35px;
                                height: 21px;
                                background: url(../images/icon6.png) no-repeat center center;
                                background-size: contain;
                            }
                        }
                    }
                }
            }
        }

        .de-science {
            padding-top: 2rem;

            ul {
                margin-top: 1.5rem;
                li {
                    margin-bottom: 1rem;
                    background: #f5f5f5;
                    border-radius: 0.5rem;
                    -webkit-animation-name: fadeInUp1;
                    animation-name: fadeInUp1;
                    transition: 0.4s;

                    a {
                        display: block;
                        padding: 1rem 0.5rem;

                        h3 {
                            font-size: 15px;
                            transition: 0.3s;
                        }

                        p {
                            transition: 0.3s;
                            margin-top: 5px;
                            font-size: 12px;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                            line-height: 20px;
                            height: 40px;
                        }
                    }
                }
            }
        }

        .de-youhui {
            padding: 2rem 0;

            ul {
                margin-top: 1.5rem;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;

                li {
                    margin-bottom: 1rem;
                    transition: 0.4s;
                    -webkit-animation-name: fadeInUp1;
                    animation-name: fadeInUp1;
                    width: 100%;
                    a {
                        display: flex;
                        justify-content: space-between;
                        padding-bottom: 0.75rem;
                        border-bottom: 1px solid #eee;

                        .img {
                            width: 12.5rem;
                            overflow: hidden;
                            height: 8rem;

                            div {
                                height: 100%;
                                transition: 0.4s;
                            }
                        }

                        .info {
                            width: calc(100% - 13.5rem);
                            h3 {
                                font-size: 15px;
                                transition: 0.3s;
                            }

                            p {
                                transition: 0.3s;
                                margin-top: 5px;
                                font-size: 12px;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 2;
                                overflow: hidden;
                                line-height: 20px;
                                height: 40px;
                            }

                            .btn {
                                display: flex;
                                justify-content: space-between;
                                margin-top:0.5rem;

                            }

                            span {
                                color: #999;
                                font-size: 0.6rem;
                            }

                            i {
                                color: @m1;
                                font-size: 12px;
                            }
                        }
                    }
                }
            }
        }
    }

    .envir-page {
        .envirList {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-top: 1.2rem;

            li {
                width: 48.5%;
                margin-bottom: 1.2rem;

                a {
                    display: block;

                    .img {
                        box-sizing: border-box;
                        height: 10rem;
                        overflow: hidden;

                        div {
                            height: 100%;
                            transition: 0.5s;
                        }
                    }

                    h3 {
                        text-align: center;
                        margin-top: 0.5rem;
                        transition: 0.3s;
                        // font-size: 0.7rem;
                        font-size: 1rem;
                    }
                }
            }

        }
        .group_itemlist {
            // width: 1200px;
            padding-top: 1.2rem;
            flex-wrap: wrap;
            .group_item_one {
            //   width: 281px;
            width: 48%;
              .section_8 {
                padding: 3rem 0 3rem;
                background-color: #f5f5f5;
                .pos {
                  position: absolute;
                  right: 1.1rem;
                  top: 1.3rem;
                }
              }
              .font_item_title {
                text-align: center;
                font-size: 1rem;
                font-family: Microsoft YaHei;
                // line-height: 20px;
                color: #333333;
                margin-bottom: 1rem;
              }
              .text {
                text-transform: uppercase;
              }
              .image_item_ico {
                width: 3.5rem;
                height: 3.5rem;
              }
              .image_item_top {
                width: 1.5rem;
                height: 1.5rem;
              }
            }
            .space-y-20 {
              & > *:not(:first-child) {
                margin-top: 1rem;
              }
            }
        }
    }

    .device-page {
        .device-swiper {
            margin-top: 1.2rem;
            border-radius: 1rem;

            .swiper-slide {
                box-sizing: border-box;
                background: #fff;
                .leftCon {
                    .t {
                        span {
                            font-size: 4rem;
                            font-weight: bold;
                            line-height: 1;
                            color: @m1;
                            position: relative;

                            &::after {
                                content: "";
                                position: absolute;
                                bottom: 0.8rem;
                                right: -0.8rem;
                                border-top: 1px solid #a6a6a6;
                                height: 0.9rem;
                                width: 3.2rem;
                                background: #fff;
                                transform: rotate(-45deg);
                            }

                        }

                        div {
                            margin-top: 1rem;
                        }

                        h3 {
                            font-size: 18px;
                        }

                        p {
                            text-transform: uppercase;
                            color: #999999;
                            font-size:0.7rem;
                        }
                    }

                    .desc {
                        margin: 1.2rem 0;
                        font-size: 14px;
                        line-height: 24px;
                        max-height: 96px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 4;
                        overflow: hidden;
                    }

                  
                }
                .btns {
                    display: flex;
                    justify-content: space-between;
                    margin-top: 1rem;
    
                    a {
                        width: 45%;
                        height: 38px;
                        line-height: 38px;
                        text-align: center;
                        border-radius: 8px;
                        color: #fff;
                        background: @m1;
                    }
                }

                .img {
                    display: flex;
                    justify-content: center;
                    align-content: center;
                    width: 100%;
                    height: 21rem;
                    a {
                        display: block;
                        height: 100%;
                        img {
                            display: block;
                            max-width: 100%;
                            max-height: 100%;
                        }
                    }
                }
            }
        }

        .swiper-pagination {
            position: static;
            top: 0;
            margin-top: 20px;
        }

        .box {
            display: flex;
            flex-wrap: wrap;
            margin-top: 1rem;
            overflow: hidden;
        }

        .swiper-button-prev {
            position: static;
            display: block;
            width: 100%;
            border-radius: 0.75rem;
            &::after {
                display: none;
            }

            margin-top: 0;
            height: 8rem;
            background: #f5f5f5;
            padding: 1rem;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            p {
                width: 45px;
                border-right: 1px solid #999999;
                color: #333;
            }

            h3 {
                width: calc(100% - 48px);
                padding: 0 1rem;
                box-sizing: border-box;
                text-align: center;
                color: #333;
            }
        }

        .swiper-button-next {
            display: block;
            position: static;
            width: 100%;
            background: @m1;
            margin-top: 1rem;
            height: 8rem;
            padding: 1rem;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            border-radius: 0.75rem;
            p {
                color: #fff;
                width: 45px;
                border-left: 1px solid #fff;
                text-align: right;
            }

            h3 {
                color: #fff;
                width: calc(100% - 48px);
                padding: 0 1rem;
                box-sizing: border-box;
                text-align: center;
            }

            &::after {
                display: none;
            }
        }
    }

    .team-page {
        .teamList {
            margin-top: 1.2rem;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;

            li {
                width: 100%;
                margin-bottom: 2rem;
                -webkit-animation-name: fadeInUp1;
                animation-name: fadeInUp1;

                a {
                    display: flex;
                    justify-content: space-between;

                    .img {
                        width: 38%;
                        // height: 14rem;
                        // height: 17.9rem;

                        div {
                            height: 100%;
                        }
                    }

                    .info {
                        width: 60%;
                        h3 {
                            // font-size: 0.9rem;
                            font-size: 1rem;
                            font-weight: bold;
                        }

                        h4 {
                            // font-size: 0.65rem;
                            font-size: 1rem;
                            color: #444;
                            position: relative;
                            &:first-of-type{
                                margin-top: 0.5rem;
                            }
                         
                            &:last-of-type{
                                margin-top: 0.25rem;
                                padding-bottom: 0.8rem;
                                border-bottom: 1px solid #dcdcdc;
                                &::after {
                                    content: "";
                                    position: absolute;
                                    bottom: 0;
                                    left: 0;
                                    background: @m1;
                                    width: 7.5rem;
                                    height: 1px;
                                    transition: .5s;
                                }
                            }
                          
                        }

                        p {
                            margin-top: 1rem;
                            // font-size: 0.65rem;
                            font-size: 1rem;
                            line-height: 22px;
                            max-height: 88px;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 4;
                            overflow: hidden;
                        }
                    }
                }
            }
        }

        .teaminfo {
            .img {
               width: 80%;
                margin: auto;
                img {
                    width: 100%;
                    height: auto;

                }
            }

            .info {
                padding-top: 0.15rem;

                h3 {
                    text-align: center;
                    font-size: 20px;
                    font-weight: bold;
                }

                h4 {
                    text-align: center;
                    margin-top: 0.5rem;
                    font-size: 14px;
                    color: #444;
                    padding-bottom: 10px;
                    border-bottom: 1px solid #dcdcdc;
                    position: relative;
                }

                .p {
                    margin-top: 1rem;
                    // font-size: 0.75rem;
                    font-size: 1rem;
                    p {
                        font-size: 1rem;
                        line-height: 25px;
                    }
                }

            }

        }

        .newsPage {
            display: flex;
            flex-wrap: wrap;
       
            margin-top: 1rem;
            overflow: hidden;

            .page-a {
                border-radius: 0.75rem;
                width: 100%;
                display: flex;
                align-items: center;
                font-size: 14px;
                background: #f5f5f5;
                padding:  1rem;
                a{
                    font-size: 14px;
                }
                &:nth-of-type(2) {
                    background: @m4;
                    color: #fff;
                    margin-top: 1rem;
                    a {
                        color: #fff;

                    }
                }
            }

        }
    }

    // .de-content-list {
    //     margin-top: 40px;
    //     display: flex;
    //     justify-content: space-between;

    //     .left-content {
    //         width: 260px;
    //     }

    //     .right-content {
    //         width: 900px;
    //     }
    // }


}



.nav_box {
    height: 4rem;

    p {
        color: #999;

        font-size: 1.2rem;

        a {
            font-size: 1.2rem;
            color: #999;
        }
    }

    img {
        width: 2rem;
        height: 2rem;
    }
}

.wx {
    position: fixed;
    right: 1rem;
    bottom: 14rem;
    width: 3.5rem;
    height: 3.5rem;
    z-index: 88;

    img {
        display: block;
        width: 3.5rem;
        height: 3.5rem;
    }
}

.wx_box {
    p:nth-of-type(2) {
        background: @m1;
    }
}

.come {
    display: block;
    margin: 1rem auto 2rem;
    width: 8rem;
    background: @m1;
    height: 2.5rem;
    border-radius: 0.5rem;
    text-align: center;
    line-height: 2.5rem;
    color: #fff;
    font-size: 1rem;
}

.search_pagenation {
    text-align: center;
    margin-top: 1rem;

    a {
        display: inline-block;
        width: 4rem;
        height: 1.8rem;
        font-size: 1rem;
        background: @m1;
        color: #fff;
        line-height: 1.8rem;
        margin: 0 0.25rem;
    }

    .noothers {
        display: none;
    }
}

// 自定义动画


@-webkit-keyframes fadeInLeft1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRight1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInUp1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes inUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        top: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes inUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bgInUp {
    0% {
        background: #000000 url(../images/footer-bg.png) no-repeat center 200%;
    }

    100% {
        background: #000000 url(../images/footer-bg.png) no-repeat center 100%;
    }
}

@keyframes bgInUp {
    0% {
        background: #000000 url(../images/footer-bg.png) no-repeat center 200%;
    }

    100% {
        background: #000000 url(../images/footer-bg.png) no-repeat center 100%;
    }
}

@-webkit-keyframes rotate1 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    100% {
        opacity: 1;
        top: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rotate1 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}