/* pc¶Ë */
.show {
    display: block;
}

.hide {
    display: none;
}
.pcbanner{
    display: block;
}
.phonebanner{
    display: none;
}
@media only screen and (min-width: 992px) {
    .box {
        width : 100%;
        height: 100%;

    }
    
    /* Í·²¿ */
    .heads {
        width          : 1200px;
        margin         : 0 auto;
        height         : 180px;
        display        : flex;
        justify-content: center;

    }

    .heads-left> a> img {
        width       : 220px;
        height      : 180px;
        margin-right: 23px;

    }

    .heads-right {
        display       : flex;
        flex-direction: column;

    }

    .hright-ma {
        display: flex;

    }

    .ma-one {
        display: flex;
    }

    .ma-one>img {
        padding-top : 24px;
        box-sizing  : border-box;
        margin-right: 8px;
    }

    .ma-two {
        display: flex;

    }

    .matwo-17 {
        width       : 50px;
        height      : 52px;
        text-align  : center;
        padding-top : 23px;
        box-sizing  : border-box;
        margin-right: 10px;


    }

    .matwo-17>p {
        font-size  : 44px;
        font-weight: 600;
        line-height: 58px;
        color      : #04A28B;
    }

    .matwo-17>div {
        font-size: 6px;
    }

    .matwo-cma {
        color      : #04A28B;
        font-size  : 16px;
        line-height: 27px;
        padding-top: 27px;
        box-sizing : border-box;
    }

    .ma-tel {
        color      : #CF0003;
        padding-top: 23px;
        box-sizing : border-box;
        margin-left: 212px;


    }

    .ma-tel>div {
        font-size  : 16px;
        line-height: 27px;
    }

    .ma-tel>p {
        font-size  : 26px;
        line-height: 44px;
    }

    .ma-tel img {
        width       : 15px;
        height      : 15px;
        margin-right: 8px;
    }

    .heads-nav>ul {
        display        : flex;
        justify-content: space-around;
        width          : 100%;
        margin-top     : 45px;

    }

    .caidan {
        display: none;
    }

    .heads-nav>ul>li {
        font-size  : 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 27px;
        color      : rgba(102, 102, 102, 1);
    }


    /* <!-- ´óÍ¼ÇøÎ»ÖÃ --> */
    .picture {
        width : 100%;
        height: 600px;

    }

    .picture>img {
        width : 100%;
        height: 600px;

    }



    /* <!-- ÏîÄ¿·ÖÀàÕ¹Ê¾ --> */
    .project {
        width     : 100%;
        height    : 860px;
        background: #04A28B
    }

    .biaoti {
        padding-top: 60px;

    }

    .biaoti>div {
        width      : 100%;
        /* margin  : 0 auto; */
        text-align : center;
        font-size  : 36px;
        color      : #fff;
        line-height: 61px;

    }

    .biaoti>p {
        width     : 100%;
        /* margin : 0 auto; */
        text-align: center;

        font-size  : 22px;
        color      : #fff;
        line-height: 37px;
    }

    .jiance {
        display        : flex;
        margin-top     : 50px;
        justify-content: center
    }

    .kuai,
    .item {
        width      : 370px;
        height     : 232px;
        text-align : center;
        background : #fff;
        margin     : 0 23px 0;
        margin-left: 0;
    }

    .kuai>img,
    .item>img {
        width        : 33px;
        height       : 33px;
        margin-top   : 55px;
        margin-bottom: 28px;


    }

    .kuai>p {
        margin-bottom: 32px;
        font-size    : 26px;
        font-weight  : 400;
        line-height  : 44px;
        color        : rgba(51, 51, 51, 1);
    }

    .item>p {
        font-size  : 26px;
        font-weight: 400;
        line-height: 44px;
        color      : rgba(51, 51, 51, 1);
    }

    .item.show>p {
        margin-bottom: 32px;
    }

    .item.hide>p {
        padding: 25px 0 25px;
        margin : 0;
    }

    .kuai>div,
    .item>div {
        margin       : 0 auto;
        width        : 40px;
        height       : 1px;
        background   : #04A28B;
        margin-bottom: 3px;

    }

    .canyin {
        margin: 25px 0 25px !important;
    }

    .canyin1 {
        width      : 264px;
        height     : 32px;
        margin-top : 18px;
        background : #fff;
        font-size  : 12px;
        line-height: 20px;
    }

    .canyin2 {
        margin-top : 26px;
        width      : 165px;
        height     : 40px;
        font-size  : 14px;
        background : #04A28B;
        color      : #fff;
        text-align : center;
        line-height: 40px;
    }

    .ydjiance {
        display: none;
    }

    /* <!-- ÎÛÈ¾µÄÎ£º¦  --> */
    .harm {
        /* height     : 715px; */
        width      : 100%;
        margin-bottom: 30px;
        /* position: relative; */
    }

    .harm-one {
        width      : 85%;
        height     : 211px;
        background : url('/imgs/¾ØÐÎ-1.png') no-repeat center/100%;
        text-align : center;
        /* position: absolute; */
        /* top     : -20px; */
        margin     : -105px auto;
    }

    .harm-one>div {
        padding-top: 90px;
        box-sizing : border-box;
        font-size  : 36px;
        line-height: 61px;

    }

    .harm-one>p {
        font-size  : 22px;
        font-weight: 400;
        line-height: 37px;
        color      : rgba(51, 51, 51, 1)
    }

    .herm-two {
        display        : flex;
        justify-content: center;


    }

    .herm-list {
        display        : flex;
        flex-wrap      : wrap;
        justify-content: space-between;
        width          : 530px;
        /* height         : 330px; */
        margin-top     : 201px
    }

    .list-s {
        width        : 253px;
        /* height       : 100px; */
        /* background: #852; */
        margin-top   : 20px;
    }

    .herm-img>img {
        width      : 668px;
        height     : 668px;
        margin-left: 50px;
        margin-top : 62px
    }

    .list-s>div {
        width        : 42px;
        height       : 42px;
        color        : #fff;
        font-size    : 24px;
        line-height  : 42px;
        background   : #04A28B;
        text-align   : center;
        margin-bottom: 20px;

    }

    .list-s>p {
        font-size  : 14px;
        font-weight: 400;
        line-height: 20px;
        color      : rgba(51, 51, 51, 1);
    }

















    /* <!-- ³É¹¦°¸ÀýÕ¹Ê¾ --> */
    .success {
        width     : 100%;
        height    : 639px;
        background: #EDEEF3;
    }

    .success-one {
        width : 1200px;
        height: 211px;
        margin: 0 auto;

        text-align : center;
        /* position: absolute; */
        /* top     : -20px; */
        /* margin  : -105px auto; */
    }

    .success-one>div {
        padding-top: 56px;
        box-sizing : border-box;
        font-size  : 36px;
        line-height: 61px;

    }

    .success-one>p {
        font-size  : 22px;
        font-weight: 400;
        line-height: 37px;
        color      : rgba(51, 51, 51, 1)
    }

    .success-tab {
        width : 1200px;
        margin: 0 auto;

    }

    .tabs {
        display: flex;

    }

    .tabs>li {
        width       : 132px;
        height      : 38px;
        background  : #D4D5DA;
        text-align  : center;
        line-height : 38px;
        margin-right: 30px
    }

    .current {
        background: #04A28B;
        width     : 132px;
        height    : 38px;

    }

    .tabs>li a {
        text-decoration: none;
        /* color       : #fff; */
        display        : block;
        width          : 132px;
        height         : 38px;
        font-size      : 14px;
        font-family    : Source Han Sans CN;
        font-weight    : 500;
        /* line-height : 24px; */
        color          : rgba(51, 51, 51, 1);

    }

    /* .tabs>.special {
        background: #04A28B;
        width     : 132px;
        height    : 38px;

        text-align  : center;
        line-height : 38px;
        margin-right: 30px
    } */

    .conflex {
        display: flex;

    }

    .con-img>img {
        width       : 100%;
        height      : 330px;
        margin-top  : 40px;
        margin-right: 40px;

    }

    .con-com {
        margin-top: 80px;
        margin-left: 20px;
    }

    .com-anl {
        font-size  : 24px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 41px;
        color      : rgba(51, 51, 51, 1);
    }

    .con-com>p {
        width      : 609px;
        height     : 78px;
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 24px;
        color      : rgba(142, 142, 142, 1);
        margin-top : 54PX;

    }

    .shangxia {
        margin-top: 60px;
        display   : flex
    }

    .shangxia>div {
        width        : 34px;
        height       : 34px;
        background   : rgba(212, 213, 218, 1);
        border-radius: 50%;
        text-align   : center;
        line-height  : 34px;
        margin-right : 10px;
        color        : #fff;
        font-size    : 14px;
        cursor       : pointer;
    }

    .lv {
        background: #04A28B !important;
    }


    /* <!-- ÊµÑéÊÒÓÅÊÆ --> */
    .advantage {
        width : 100%;
        height: 800px;

    }

    .advantage-flex {
        width          : 1200px;
        height         : 520px;
        display        : flex;
        margin         : 0 auto;
        /* background  : #ccc; */
        justify-content: space-between;

    }

    .advantage-com {
        width     : 270px;
        height    : 462px;
        background: #fff;
        border    : 1px #EDEEF3 solid
    }

    .advantage-com:hover {
        transform: scale(1.2);

    }

    .adcom-one {
        height    : 127px;
        text-align: center;
        margin-top: 21px;

    }

    .adcom1 {
        font-size  : 62px;
        font-family: Arial;
        font-weight: 400;
        line-height: 71px;
        color      : rgba(4, 162, 139, 1);
    }

    .adcom2 {
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 24px;
        color      : rgba(4, 162, 139, 1);
    }

    .adcom3 {
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 20px;
        color      : rgba(142, 142, 142, 1);
    }

    .adczhong {
        width        : 100%;
        height       : 42px;
        background   : rgba(4, 162, 139, 1);
        font-size    : 20px;
        font-family  : Source Han Sans CN;
        font-weight  : 400;
        color        : rgba(255, 255, 255, 1);
        text-align   : center;
        line-height  : 42px;
        margin-bottom: 40px;


    }

    .adama {
        width      : 188px;
        height     : 160px;
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : rgba(51, 51, 51, 1);
        text-align : center;
        margin     : 0 auto
    }

    .chakan {
        margin     : 0 auto;
        width      : 165px;
        height     : 40px;
        background : rgba(237, 238, 243, 1);
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 40px;
        color      : rgba(4, 162, 139, 1);
        text-align : center;
        cursor     : pointer;

    }
    .chakan a{
        display: block;
        color: rgba(4, 162, 139, 1);
    }

    /* <!-- ·þÎñÌåÏÖ --> */
    .reflect {
        width     : 100%;
        height    : 675px;
        background: #EDEEF3;

    }

    .reflect-tab {
        width        : 1200px;
        height       : 675px;
        margin       : 0 auto;
        /* background: #ccc; */
        display      : flex;


    }

    .list-tabs {
        width     : 220px;
        margin-top: 60px;


    }

    .list-tabs>li {
        width        : 220px;
        height       : 90px;
        background   : #FFF;
        border-bottom: #EDEEF3 1px solid;
        text-align   : center;
        line-height  : 90px;


    }

    .list-tabs>li a {
        height         : 100%;
        text-decoration: none;
        color          : #666666;
        display        : block;
        display        : flex;
        flex-direction : column;
    }

    .list-tabs li:hover {
        background: #04A28B !important;
    }

    .list-tabs>li a>div {
        font-size  : 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 27px;
        /* color   : rgba(255, 255, 255, 1); */
        margin-top : 28px;
    }

    .list-tabs>li a>p {
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 20px;
        /* color   : rgba(255, 255, 255, 1); */
    }

    .reflect-com {}

    .reflect1 {

        display    : flex;
        margin-left: 40px;
    }

    .reflect1-one>div {
        font-size  : 36px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 61px;
        color      : rgba(51, 51, 51, 1);
        margin-top : 60px;


    }

    .reflect1-one>p {
        width      : 198px;
        font-size  : 22px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 37px;
        color      : rgba(51, 51, 51, 1);
    }

    .reflect1-two {
        width      : 668px;
        height     : 59px;
        font-size  : 18px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 31px;
        color      : rgba(142, 142, 142, 1);
        margin-top : 67px;

    }

    .reflect2>img {
        width      : 940px;
        height     : 460px;
        margin-left: 40px;

    }

    .funone {
        display: none;
    }

    /* <!-- ¼ì²âÁ÷³Ì --> */
    .testing {
        width : 100%;
        height: 567px;

    }

    .testing-flex {
        display  : flex;
        flex-wrap: wrap;
        width    : 1200px;
        margin   : -43px auto 0;
    }

    .fangkuai {
        width     : 130px;
        height    : 130px;
        text-align: center;
        background: #04A28B;
        position  : relative;
        margin-top: 43px;
        border    : #EDEEF3 1px solid
    }

    .fangkuai img {
        width        : 23px;
        height       : 23px;
        margin-top   : 37px;
        margin-bottom: 17px;
    }

    .fangkuai>p {
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : rgba(255, 255, 255, 1);
    }

    .shuzi {
        position   : absolute;
        top        : 0;
        right      : 3px;
        z-index    : 1;
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : #04A28B;
    }

    .ydyuyue {
        display: none;
    }

    #triangle-topright {
        width      : 0;
        height     : 0;
        border-top : 33px solid #fff;
        border-left: 35px solid transparent;
        position   : absolute;
        top        : 0;
        right      : 0;

    }



    .fangkuais {
        width     : 130px;
        height    : 130px;
        text-align: center;
        background: #fff;
        position  : relative;
        margin-top: 43px;
        border    : #EDEEF3 1px solid
    }

    .fangkuais>img {
        width        : 23px;
        height       : 23px;
        margin-top   : 37px;
        margin-bottom: 17px;
    }

    .fangkuais .img1 {
        display: inline-block;
    }

    .fangkuais .img2 {
        display: none;
    }
    .fangkuais:hover{
        background: #04A28B;
    }
    .fangkuais:hover .shuzis{
        color: #04A28B;
    }
    .fangkuais:hover #triangle-toprights{
        border-top: 33px solid #fff;
    }
    .fangkuais:hover p{
        color: #fff;
    }
    .fangkuais:hover .img1 {
        display: none;
    }

    .fangkuais:hover .img2 {
        display: inline-block;
    }

    .fangkuais>p {
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : #04A28B;
    }

    .shuzis {
        position   : absolute;
        top        : 0;
        right      : 3px;
        z-index    : 1;
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : #fff;
    }


    #triangle-toprights {
        width      : 0;
        height     : 0;
        border-top : 33px solid #04A28B;
        border-left: 35px solid transparent;
        position   : absolute;
        top        : 0;
        right      : 0;

    }

    /* <!-- »·±£³£Ê¶½â¶Á --> */
    .sense {
        width     : 100%;
        height    : 642px;
        background: #EDEEF3;

    }

    .sense-box {
        width          : 1200px;
        margin         : 0 auto;
        /* background  : bisque; */
        display        : flex;
        justify-content: space-between;

    }

    .sezuo {
        display   : flex;
        width     : 595px;
        height    : 180px;
        margin-top: 10px;
    }

    .sezuo>div>img {
        width : 210px;
        height: 160px;

    }

    .sezuo1 {
        margin-left: 20px;
        margin-right: 30px;
        width:100%;
    }

    .sezou1-top {
        display        : flex;
        justify-content: space-between;
    }

    .sezou1-top1 {
        font-size  : 20px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : rgba(51, 51, 51, 1);
    }

    .sezou1-top2 {
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : rgba(142, 142, 142, 1);
    }

    .sezou2 {
        margin-top : 24px;
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 26px;
        color      : rgba(142, 142, 142, 1)
    }

    .sezou3>a {
        margin-top: 30px;
        display   : block;
        width     : 97px;
        height    : 30px;
        background: rgba(4, 162, 139, 1);
        font-size : 14px;
        font-weight: 400;
        line-height: 30px;
        color      : #fff;
        text-align : center;
    }

    .sezou4 {
        width          : 595px;
        height         : 74px;
        line-height    : 74px;
        display        : flex;
        justify-content: space-between;
        padding        : 0 28px 0 28px;
        box-sizing     : border-box;
        border-bottom  : 1px solid #ccc;
    }

    .sezou4>p {
        font-size     : 14px;
        font-family   : Source Han Sans CN;
        font-weight   : 400;
        /* line-height:16px; */
        color         : rgba(102, 102, 102, 1);
    }

    .sezou4>div {
        font-size     : 14px;
        font-family   : Source Han Sans CN;
        font-weight   : 400;
        /* line-height:16px; */
        color         : rgba(142, 142, 142, 1);
    }

    .sense-you {
        width     : 400px;
        height    : 100%;
        border    : 1px solid #ccc;
        background: #fff;
    }

    .seyou1>p {
        font-size     : 14px;
        font-family   : Source Han Sans CN;
        font-weight   : 400;
        /* line-height:16px; */
        color         : rgba(102, 102, 102, 1);
    }


    .seyou1 {
        height         : 74px;
        line-height    : 74px;
        display        : flex;
        justify-content: space-between;
        padding        : 0 28px 0 28px;
        box-sizing     : border-box;
        border-bottom  : 1px solid #ccc;
    }

    .seyou1>div {
        font-size    : 14px;
        height       : 28px;
        width        : 28px;
        line-height  : 28px;
        text-align   : center;
        border-radius: 50%;
        background   : #D4D5DA;
        margin-top   : 23px;
        /* color     : #FFF; */


    }

    .ydsezuo {
        display: none;
    }







    /* <!-- ¹ØÓÚÎÒÃÇ --> */
    .my {
        height: 793px;
        width : 100%;

    }

    .my-box {
        width        : 1200px;
        height       : 512px;
        background   : #04A28B;
        margin       : 0 auto;
        display      : flex;
        padding-right: 56px;
        box-sizing   : border-box;


    }

    .my-one>img {
        width : 531px;
        height: 466px;

        margin: -32px 82px 0 46px;
    }

    .my-two {
        margin-top: 50px;

    }

    .mtwo-wo {
        font-size  : 26px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 26px;
        color      : rgba(255, 255, 255, 1);
    }

    .mtwo-xian {
        width     : 50px;
        height    : 4px;
        background: rgba(255, 255, 255, 1);
        margin-top: 24px;
    }

    .my-two>p {
        font-size         : 14px;
        font-family       : Source Han Sans CN;
        font-weight       : 400;
        line-height       : 26px;
        color             : rgba(255, 255, 255, 1);
        margin            : 29px 0 0px;
        display           : -webkit-box;
        overflow          : hidden;
        text-overflow     : ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .mtwo-flex {
        display        : flex;
        text-align     : center;
        justify-content: space-between
    }

    .mtwo-flex img {
        width : 121px;
        height: 171px;
        margin: 23px 0 12px;

    }

    .mtwo-flex p {
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : rgba(255, 255, 255, 1);
    }








    /* <!-- µ×²¿ --> */
    .dibu {
        height    : 412px;
        width     : 100%;
        background: #2A2F35;
        color     : #63666B;
    }

    .dibu-box {
        width        : 1200px;
        height       : 412px;
        margin       : 0 auto;
        /* background: #D4D5DA */
    }

    .youqing>ul {
        width          : 100%;
        display        : flex;
        justify-content: space-between;
        height         : 106px;
        border-bottom  : 1px #707070 solid;
        line-height    : 106px;


    }

    .youqing>ul>li {
        font-size     : 14px;
        font-family   : Source Han Sans CN;
        font-weight   : 400;
        /* line-height:16px; */
        color         : rgba(99, 102, 107, 1);
    }

    .bot-box {
        display        : flex;
        justify-content: space-between
    }

    .bot-box1 {
        margin-top: 65px;

    }

    .bot-box1>div {
        font-size    : 18px;
        font-family  : Source Han Sans CN;
        font-weight  : 400;
        line-height  : 16px;
        color        : rgba(255, 255, 255, 1);
        margin-bottom: 29px;

    }

    .bot-box1>ul {
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 20px;
    }

    .bot-box2 {
        margin-top: 65px;
        text-align: center;

    }

    .bot-box2>p {
        font-size    : 18px;
        font-family  : Source Han Sans CN;
        font-weight  : 400;
        line-height  : 16px;
        color        : rgba(255, 255, 255, 1);
        margin-bottom: 29px;
    }

    .bot-box2>div {
        width     : 118px;
        height    : 118px;
        background: #fff;
    }

    .bot-box2>div>img {
        margin-top: 11px;
        width     : 98px;
        height    : 98px;

    }

    .bot-box3 {
        margin-top: 65px;

    }

    .bot-box3>div {
        font-size    : 18px;
        font-family  : Source Han Sans CN;
        font-weight  : 400;
        line-height  : 16px;
        color        : rgba(255, 255, 255, 1);
        margin-bottom: 32px;
        text-align   : right
    }

    .bot-box3>ul {
        width    : 250px;
        display  : flex;
        flex-wrap: wrap;

    }

    .bot-box3>ul>li {
        width      : 56px;
        height     : 14px;
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 20px;
        color      : rgba(99, 102, 107, 1);

        margin    : 10px 0px 0 27px;
        text-align: right;

    }

    .yddi {
        display: none;
    }

    .currents {
        background: #04A28B;
    }


}

/* ÊÖ»ú */
@media only screen and (max-width: 768px) {
    .box {
        width    : 100%;
        height   : 100%;
        font-size: .16rem;

    }
    .pcbanner{
        display: none;
    }
    .phonebanner{
        display: block;
    }
    .currents {
        background: #04A28B;
    }

    /* Í·²¿ */
    .heads {
        width          : 100%;
        /* margin      : 0 auto; */
        height         : 64px;
        display        : flex;
        justify-content: space-evenly;

    }

    .heads-left> a> img {
        width       : 82px;
        height      : 53px;
        margin-right: 6px;

    }

    .heads-right {
        display       : flex;
        flex-direction: column;

    }

    .hright-ma {
        display: flex;

    }

    .ma-one {
        display   : flex;
        /* display: none; */
    }

    .logo2 {
        display       : none;
        /* padding-top: 24px;
        box-sizing    : border-box;
        margin-right  : 8px; */
    }

    .ma-two {
        display: flex;

    }

    .matwo-17 {
        width       : 26px;
        height      : 37px;
        text-align  : center;
        padding-top : 8px;
        box-sizing  : border-box;
        margin-right: 10px;


    }

    .matwo-17>p {
        font-size  : 28px;
        font-weight: 600;
        line-height: 40px;
        color      : #04A28B;
    }

    .matwo-17>div {
        display     : none;
        /* font-size: 6px; */
    }

    .matwo-cma {
        width      : 72px;
        height     : 26px;
        color      : #04A28B;
        font-size  : 12px;
        line-height: 14px;
        padding-top: 17px;
        box-sizing : border-box;
    }

    .matwo-cma>div {
        display: none;
    }

    .ma-tel {
        color      : #CF0003;
        padding-top: 18px;
        box-sizing : border-box;
        margin-left: 20px;


    }

    .ma-tel>div {
        font-size  : 10px;
        line-height: 17px;
    }

    .ma-tel>p {
        font-size  : 12px;
        line-height: 20px;
    }

    .ma-tel img {
        width       : 10px;
        height      : 10px;
        margin-right: 4px;
    }

    .heads-nav>ul {
        display        : none;
        /* display     : flex;
        justify-content: space-around;
        width          : 100%;
        margin-top     : 45px; */

    }

    .caidan {
        margin-top : 26px;
        margin-left: 24px;
    }

    .caidan>div {

        width        : 18px;
        height       : 3px;
        background   : #000;
        border-radius: 2px;
        margin-bottom: 2px;

    }








    /* <!-- ´óÍ¼ÇøÎ»ÖÃ --> */

    .picture {
        width : 100%;
        height: 166px;
    }

    .picture>img {
        width : 100%;
        height: 166px;
    }


    /* <!-- ÏîÄ¿·ÖÀàÕ¹Ê¾ --> */
    .project {
        width     : 100%;
        /* height    : 315px; */
        background: #04A28B;
        padding-bottom: 20px;
    }

    .biaoti {
        padding-top: 20px;

    }

    .biaoti>div {
        width      : 100%;
        /* margin  : 0 auto; */
        text-align : center;
        font-size  : 16px;
        color      : #fff;
        line-height: 27px;

    }

    .biaoti>p {
        width     : 100%;
        /* margin : 0 auto; */
        text-align: center;

        font-size  : 10px;
        color      : #fff;
        line-height: 17px;
    }

    .jiance {
        display        : flex;
        margin-top     : 16px;
        justify-content: center
    }
    .nones{
        display: none;
    }

    .kuai {
        width     : 111px;
        height    : 100px;
        text-align: center;
        background: #fff;
        margin    : 0 5px 0;
        font-size: 14px;
    }

    .kuai img {
        width        : 24px;
        height       : 24px;
        margin-top   : 27px;
        margin-bottom: 11px;


    }

    .kuai>p {
        margin-bottom: 26px;
        font-size    : 12px;
        font-weight  : 400;
        line-height  : 20px;
        color        : rgba(51, 51, 51, 1);
    }

    /* .kuai>div {
        margin       : 0 auto;
        width        : 40px;
        height       : 1px;
        background   : #04A28B;
        margin-bottom: 3px;

    } */
    /* .canyin {

    }
    .canyin1 {

    }
    .canyin2 {

    } */
    .jiancexiao {
        display: none
    }



    /* <!-- ÎÛÈ¾µÄÎ£º¦  --> */
    .harm {
        /* height     : 656px; */
        width      : 100%;
        /* position: relative; */
    }

    .harm-one {
        width        : 100%;
        height       : 58px;
        /* background: url('/imgs/¾ØÐÎ-1.png') no-repeat center/100%; */
        text-align   : center;
        /* position  : absolute; */
        /* top       : -20px; */
        margin       : 0px auto;
    }

    .harm-one>div {
        padding-top   : 20px;
        box-sizing    : border-box;
        /* font-size  : 36px; */
        /* line-height: 61px; */
        font-size     : 16px;
        font-family   : Source Han Sans CN;
        font-weight   : 500;
        line-height   : 27px;
        color         : rgba(51, 51, 51, 1);

    }

    .harm-one>p {
        /* font-size  : 22px; */
        /* font-weight: 400; */
        /* line-height: 37px; */
        /* color      : rgba(51, 51, 51, 1); */
        font-size     : 10px;
        font-family   : Source Han Sans CN;
        font-weight   : 400;
        line-height   : 17px;
        color         : rgba(51, 51, 51, 1);
    }

    .herm-two {
        display           : flex;
        /* justify-content: center; */
        flex-direction    : column-reverse;


    }

    .herm-list {
        display           : flex;
        flex-direction    : column;
        /* flex-wrap      : wrap; */
        /* justify-content: space-between; */
        /* width          : 530px; */
        /* height            : 330px; */
        /* margin-top     : 201px */
    }

    .list-s {
        padding      : 0 16px;
        box-sizing   : border-box;
        display      : flex;
        width        : 100%;
        /* height       : 42px; */
        /* background: #852; */
        margin-top   : 20px;
    }

    .herm-img>img {
        width         : 100%;
        height        : 286px;
        /* margin-left: 50px; */
        /* margin-top : 62px */
    }

    .list-s>div {
        width        : 42px;
        height       : 42px;
        color        : #fff;
        font-size    : 24px;
        line-height  : 42px;
        background   : #04A28B;
        text-align   : center;
        margin-bottom: 20px;
        margin-right : 20px;

    }

    .list-s>p {
        font-size  : 14px;
        font-weight: 400;
        line-height: 20px;
        color      : rgba(51, 51, 51, 1);
    }

    /* <!-- ³É¹¦°¸ÀýÕ¹Ê¾ --> */
    .success {
        width     : 100%;
        /* height    : 510px; */
        background: #EDEEF3;
        margin-top: 25px;
    }

    .success-one {
        width    : 100%;
        /* height: 211px; */
        margin   : 0 auto;

        text-align : center;
        /* position: absolute; */
        /* top     : -20px; */
        /* margin  : -105px auto; */
    }

    .success-one>div {
        padding-top: 20px;
        box-sizing : border-box;
        font-size  : 16px;
        line-height: 27px;

    }

    .success-one>p {
        width        : 300px;
        margin       : 0 auto;
        font-size    : 10px;
        font-weight  : 400;
        line-height  : 17px;
        color        : rgba(51, 51, 51, 1);
        margin-bottom: 15px;
    }

    .success-tab {
        width : 100%;
        margin: 0 auto;

    }

    .tabs {
        height        : 24px;
        display       : flex;
        overflow      : -webkit-paged-x;
        padding-bottom: 20px;

    }

    .ydtabs {
        height  : 24px;
        overflow: hidden;
    }

    .tabs>li {
        width       : 84px;
        height      : 24px;
        background  : #D4D5DA;
        text-align  : center;
        line-height : 24px;
        margin-right: 30px
    }

    .current {
        background: #04A28B;
        /* width     : 84px; */
        height    : 24px;

    }

    .tabs>li a {
        text-decoration: none;
        /* color       : #fff; */
        display        : block;
        width          : 84px;
        height         : 24px;
        font-size      : 12px;
        font-family    : Source Han Sans CN;
        font-weight    : 500;
        /* line-height : 24px; */
        color          : rgba(51, 51, 51, 1);
    }

    /* .tabs>.special {
        background: #04A28B;
        width     : 132px;
        height    : 38px;

        text-align  : center;
        line-height : 38px;
        margin-right: 30px
    } */

    .conflex {
        display       : flex;
        flex-direction: column;

    }

    .con-img {
        margin: 20px auto;
    }

    .con-img>img {
        width : 343px;
        height: 206px;

        /* margin-right: 40px; */

    }

    .con-com {
        /* margin-top: 23px; */
        padding      : 0 16px;
        box-sizing   : border-box;

    }

    .com-anl {
        font-size  : 16px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 27px;
        color      : rgba(51, 51, 51, 1);
    }

    .con-com>p {
        /* width      : 342px; */
        height     : 72px;
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 20px;
        color      : rgba(142, 142, 142, 1);
        margin-top : 15PX;

    }

    .shangxia {
        margin: 20px 0;
        display   : flex
    }

    .shangxia>div {
        width        : 34px;
        height       : 34px;
        background   : rgba(212, 213, 218, 1);
        border-radius: 50%;
        text-align   : center;
        line-height  : 34px;
        margin-right : 10px;
        color        : #fff;
    }

    .lv {
        background: #04A28B !important;
    }

    /* <!-- ÊµÑéÊÒÓÅÊÆ --> */
    .advantage {
        width : 100%;
        /* height: 600px; */

    }

    .advantage-flex {
        width          : 100%;
        /* height         : 600px; */
        display        : flex;
        flex-wrap: wrap;
        margin         : 0 auto;
        /* background  : #ccc; */
        justify-content: space-between;
        overflow       : -webkit-paged-x;

    }

    .ydadvantage {
        /* height  : 540px; */
        overflow: hidden;
    }

    .advantage-com {
        width       : 45%;
        height      : 416px;
        background  : #fff;
        border      : 1px #EDEEF3 solid;
        /* margin-right: 40px; */
        margin: 0 5px;
        margin-top  : 40px;
    }

    .advantage-com:hover {
        transform: scale(1.2);

    }

    .adcom-one {
        height    : 119px;
        text-align: center;
        margin-top: 32px;

    }

    .adcom1 {
        font-size  : 40px;
        font-family: Arial;
        font-weight: 400;
        line-height: 45px;
        color      : #04A28B;
    }

    .adcom2 {
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 24px;
        color      : #04A28B;
    }

    .adcom3 {
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 20px;
        color      : #04A28B;
    }

    .adczhong {
        width         : 100%;
        height        : 42px;
        background    : rgba(4, 162, 139, 1);
        font-size     : 12px;
        font-family   : Source Han Sans CN;
        font-weight   : 400;
        /* line-height:20px; */
        color         : rgba(255, 255, 255, 1);
        text-align    : center;
        line-height   : 42px;
        margin-bottom : 40px;



    }

    .adama {
        width      : 100%;
        /* height     : 112px; */
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : rgba(51, 51, 51, 1);
        text-align : center;
        margin     : 0 auto;
        padding    : 0 14px;
        padding-bottom: 10px;
        box-sizing : border-box;
    }

    .chakan {
        margin     : 0 auto;
        /* width      : 165px; */
        height     : 40px;
        background : rgba(237, 238, 243, 1);
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 40px;
        color      : rgba(4, 162, 139, 1);
        text-align : center;

    }



    /* <!-- ·þÎñÌåÏÖ --> */
    .reflect {
        width     : 100%;
        height    : 417px;
        background: #EDEEF3;

    }

    .reflect-tab {
        width         : 100%;
        /* height     : 350px; */
        margin        : 0 auto;
        /* background : #ccc; */
        display       : flex;
        flex-direction: column-reverse;



    }

    .list-tabs {
        width          : 100%;
        margin-top     : 11px;
        display        : flex;
        justify-content: space-evenly
    }

    .list-tabs>li {
        width        : 80px;
        height       : 30px;
        background   : #FFF;
        border-bottom: #EDEEF3 1px solid;
        text-align   : center;
        line-height  : 30px;


    }

    .list-tabs>li a {
        text-decoration  : none;
        color            : #666666;
        display          : block;
        /* display       : flex; */
        /* flex-direction: column; */
    }

    .list-tabs li:hover {
        background: #04A28B !important;
    }

    .list-tabs>li a>div {
        font-size    : 12px;
        font-family  : Source Han Sans CN;
        font-weight  : 500;
        line-height  : 27px;
        color        : rgba(102, 102, 102, 1);
        /* color     : rgba(255, 255, 255, 1); */
        /* margin-top: 28px; */
    }

    .list-tabs>li a>p {
        display     : none;
        /* font-size: 12px;
        font-family : Source Han Sans CN;
        font-weight : 400;
        line-height : 20px; */
        /* color    : rgba(255, 255, 255, 1); */
    }

    .reflect-com {}

    .reflect1 {}

    .reflect1-one>div {
        display: none;
    }

    .reflect1-one>p {
        display: none;
    }

    .reflect1-two {
        width      : 343px;
        height     : 62px;
        margin     : 0 auto;
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 20px;
        color      : rgba(142, 142, 142, 1);
    }

    .reflect2 {
        width : 343px;
        height: 211px;
        margin: 0 auto;
    }

    .reflect2>img {
        width : 343px;
        height: 211px;
    }


    /* <!-- ¼ì²âÁ÷³Ì --> */
    .testing {
        width : 100%;
        /* height: 485px; */

    }

    .testing-flex {
        display  : flex;
        flex-wrap: wrap;
        width    : 100%;
        margin   : -43px auto 0;
    }

    .fangkuai {
        width     : 80px;
        height    : 80px;
        text-align: center;
        background: #04A28B;
        position  : relative;
        margin    : 43px 20px 0;
        border    : #EDEEF3 1px solid
    }

    .fangkuai>img {
        width        : 23px;
        height       : 23px;
        margin-top   : 17px;
        margin-bottom: 17px;
    }

    .fangkuai>p {
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : rgba(255, 255, 255, 1);
    }

    .shuzi {
        position   : absolute;
        top        : 0;
        right      : 3px;
        z-index    : 1;
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : #04A28B;
    }

    .ydyuyue {
        margin     : 20px auto 0;
        width      : 165px;
        height     : 40px;
        background : rgba(4, 162, 139, 1);
        text-align : center;
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : rgba(255, 255, 255, 1);
        line-height: 40px;
    }

    #triangle-topright {
        width      : 0;
        height     : 0;
        border-top : 33px solid #fff;
        border-left: 35px solid transparent;
        position   : absolute;
        top        : 0;
        right      : 0;

    }



    .fangkuais {
        width     : 30%;
        height    : 1.8rem;
        text-align: center;
        background: #fff;
        position  : relative;
        /* margin    : 43px 20px 0; */
        margin-top: 43px;
        margin-left: 2%;
        border    : #EDEEF3 1px solid
    }
    .fangkuais.nones{
        margin-bottom: 20px;
    }
    .fangkuais>img {
        width        : 23px;
        height       : 23px;
        margin-top   : 0.3rem;
        margin-bottom: 17px;
    }
    .fangkuais>.img2{
        display:none;
    }
    .fangkuais>p {
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : #04A28B;
    }

    .shuzis {
        position   : absolute;
        top        : 0;
        right      : 3px;
        z-index    : 1;
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : #fff;
    }

    .ydfangkuai {
        display: none;
    }


    #triangle-toprights {
        width      : 0;
        height     : 0;
        border-top : 33px solid #04A28B;
        border-left: 35px solid transparent;
        position   : absolute;
        top        : 0;
        right      : 0;

    }

    /* <!-- »·±£³£Ê¶½â¶Á --> */
    .sense {
        width     : 100%;
        height    : 590px;
        background: #EDEEF3;

    }

    .sense-box {
        width             : 100%;
        margin            : 0 auto;
        /* background     : bisque; */
        /* display        : flex; */
        /* justify-content: space-between; */

    }

    .sezuo {
        display   : flex;
        /* width     : 375px; */
        height    : 100px;
        margin-top: 10px;
        padding   : 0 10px;
        box-sizing: border-box;
    }

    .sezuo>div>img {
        width : 104px;
        height: 80px;

    }

    .sezuo1 {
        margin-left: 20px;
    }

    .sezou1-top {
        display        : flex;
        justify-content: space-between;
    }

    .sezou1-top1 {
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : rgba(51, 51, 51, 1);
        display: inline-block;
        max-width: 165px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .sezou1-top2 {
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : rgba(142, 142, 142, 1);
    }

    .sezou2 {
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : rgba(142, 142, 142, 1);
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;

    }

    .sezou3 {
        /* display      : none; */
        margin-top: 5px;
        display      : block;
        width        : 97px;
        height       : 25px;
        background   : rgba(4, 162, 139, 1);
        font-size    : 14px;

        font-weight: 400;
        line-height: 25px;
        color      : #fff;
        text-align : center;
    }
    .sezou3 a{
        color: #fff;
    }
    .sezou4 {
        display        : none;
        /* width       : 595px;
        height         : 74px;
        line-height    : 74px;
        display        : flex;
        justify-content: space-between;
        padding        : 0 28px 0 28px;
        box-sizing     : border-box;
        border-bottom  : 1px solid #ccc; */
    }

    .sezou4>p {
        display     : none;
        /* font-size: 14px;
        font-family : Source Han Sans CN;
        font-weight : 400;
   
        color: rgba(102, 102, 102, 1); */
    }

    .sezou4>div {
        display     : none;
        /* font-size: 14px;
        font-family : Source Han Sans CN;
        font-weight : 400;
    
        color: rgba(142, 142, 142, 1); */
    }

    .sense-you {
        display   : none;
        width     : 400px;
        height    : 100%;
        border    : 1px solid #ccc;
        background: #fff;


    }

    .seyou1>p {
        font-size     : 14px;
        font-family   : Source Han Sans CN;
        font-weight   : 400;
        /* line-height:16px; */
        color         : rgba(102, 102, 102, 1);
    }


    .seyou1 {
        height         : 74px;
        line-height    : 74px;
        display        : flex;
        justify-content: space-between;
        padding        : 0 28px 0 28px;
        box-sizing     : border-box;
        border-bottom  : 1px solid #ccc;
    }

    .seyou1>div {
        font-size    : 14px;
        height       : 28px;
        width        : 28px;
        line-height  : 28px;
        text-align   : center;
        border-radius: 50%;
        background   : #D4D5DA;
        margin-top   : 23px;
        /* color     : #FFF; */


    }

    /* <!-- ¹ØÓÚÎÒÃÇ --> */
    .my {
        height: 100%;
        width : 100%;

    }

    .my-box {
        width           : 100%;
        /* height          : 756px; */
        background      : #04A28B;
        /* margin       : 0 auto; */
        display         : flex;
        flex-direction  : column;
        /* padding-right: 56px; */
        /* box-sizing   : border-box; */
        margin-top      : 52px;


    }

    .my-one {
        width : 343px;
        height: 378px;
        margin: -32px auto 0;
    }

    .my-one>img {
        width : 343px;
        height: 378px;

        /* margin: -32px 0 0 0 ; */
    }

    .my-two {
        margin-top: 50px;
        padding   : 0 16px;
        box-sizing: border-box;

    }

    .mtwo-wo {
        font-size  : 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 26px;
        color      : rgba(255, 255, 255, 1);
    }

    .mtwo-xian {
        width     : 30px;
        height    : 2px;
        background: rgba(255, 255, 255, 1);
        margin-top: 14px;
    }

    .my-two>p {
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 26px;
        color      : rgba(255, 255, 255, 1);
        margin     : 14px 0 0px;
    }

    .mtwo-flex {
        display        : flex;
        text-align     : center;
        justify-content: space-between
    }

    .mtwo-flex img {
        width : 97px;
        height: 137px;
        margin: 25px 0 7px;

    }

    .mtwo-flex p {
        font-size  : 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : rgba(255, 255, 255, 1);
    }


    /* <!-- µ×²¿ --> */
    .dibu-box {
        display: none
    }

    .yddi {
        width      : 100%;
        height     : 40px;
        background : rgba(42, 47, 53, 1);
        font-size  : 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color      : rgba(99, 102, 107, 1);
        text-align : center;
        line-height: 40px;

    }
}

.ellipsis1 {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.ellipsis2 {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}