/* pc¶Ë */
@media only screen and (min-width: 992px) {
    .box {
        width: 100%;
        height: 100%;

    }

    /* Í·²¿ */
    .heads {
        width: 100%;
        height: 180px;
        /* padding-left: 360px;
        box-sizing: border-box; */
        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;

    }

    .heads-nav>li {}


    /* <!-- ´óͼÇøλÖà --> */
    .picture {
        width: 100%;
        height: 600px;

    }

    .picture>img {
        width: 100%;
        height: 600px;

    }

    /* ÄÚÈÝÇø */
    .com-box {
        width: 100%;
        height: 676px;

    }

    .cbox {
        width: 1200px;
        height: 676px;

        margin: 0 auto;
        /* background: #63666B; */

    }

    .cbox-one {
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px dashed #63666B;
        height: 60px;
        line-height: 60px;

    }

    .cbox-one>div {
        font-size: 26px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 16px;
        color: rgba(51, 51, 51, 1);
        line-height: 60px;

    }

    .cbox-one>p {
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color: rgba(51, 51, 51, 1);
        line-height: 60px;
    }

    .cbox-two {
        display: flex;
        justify-content: space-between;
        text-align: center;

    }

    .cbox-two>div {
        width: 280px;

    }

    .cbox-two>div>img {
        width: 280px;
        height: 396px;
        margin-top: 72px;


    }

    .cbox-two>div>p {
        margin-top: 20px;
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 30px;
        color: rgba(51, 51, 51, 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;


    }

    .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;

    }

    .con1 {
        display: none;
    }

    .currents {
        background: #04A28B;
    }
    .yddi {
        display: none;
    }


}

/* ÊÖ»ú */
@media only screen and (max-width: 768px) {
    .box {
        width: 100%;
        height: 100%;

    }

    /* Í·²¿ */
    .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;
    }

    /* <!-- ÏîÄ¿·ÖÀàչʾ --> */
    .cbox-one {
        display: none;
    }

    .con1 {
        display: flex;
        /* justify-content: space-between; */
        border-bottom: 1px #ccc solid;
        height: 65px;

    }

    .con1>div {
        margin-top: 23px;
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 16px;
        color: rgba(51, 51, 51, 1);
    }

    .con1>p {
        margin-top: 21px;
        margin-right: 10px;
        width: 3px;
        height: 22px;
        background: rgba(4, 162, 139, 1);
    }



    .com-box {
        width: 100%;
        /* height: 676px; */

    }

    .cbox {
        /* width: 65%;
        height: 676px;

        margin: 0 auto; */
        /* background: #63666B; */
        padding: 0 16px;
        box-sizing: border-box;


    }



    .cbox-two {
        display: flex;
        flex-wrap: wrap;

        justify-content: space-between;
        text-align: center;

    }

    .cbox-two>div {
        /* width: 280px; */

    }

    .cbox-two>div>img {
        width: 168px;
        height: 238px;
        margin-top: 20px;


    }

    .cbox-two>div>p {
        margin-top: 20px;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 30px;
        color: rgba(51, 51, 51, 1);
        color: rgba(51, 51, 51, 1);

    }


















    /* <!-- ÎÛȾµÄΣº¦  --> */


    /* <!-- ³É¹¦°¸Àýչʾ --> */


    /* <!-- ʵÑéÊÒÓÅÊÆ --> */


    /* <!-- ·þÎñÌåÏÖ --> */


    /* <!-- ¼ì²âÁ÷³Ì --> */


    /* <!-- »·±£³£Ê¶½â¶Á --> */


    /* <!-- ¹ØÓÚAgÑÇÖÞ --> */
    .currents {
        background: #04A28B;
    }

    /* <!-- µ×²¿ --> */
    .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;

    }
}