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

    }

    /* Í·²¿ */
    .heads {

        width: 1200px;
        height: 180px;
        margin: 0 auto;
        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 {
        width: 1200px;
        margin: 0 auto;

    }

    .com1 {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px dashed #ccc
    }

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

    }

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

    .com2 {
        width: 100%;
        height: 460px;
        display: flex;
        justify-content: space-between;

    }

    .com2-zuo>div {
        margin: 60px 0 37px;
        font-size: 22px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 32px;
        color: rgba(4, 162, 139, 1);

    }

    .com2-zuo>span {
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 32px;
        color: rgba(102, 102, 102, 1);
    }

    .com2-zuo>p {
        font-size: 22px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 20px;
        color: rgba(0, 0, 0, 1);
        margin-bottom: 30px;
    }

    .com2-you {
        width: 600px;
        margin-top: 60px;
    }

    .com2-you p {
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 32px;
        color: rgba(51, 51, 51, 1);
    }

    .biao1 {
        display: flex;
        justify-content: space-between;

    }

    .biao1 input {
        width: 290px;
        height: 36px;
        border: 2px solid rgba(237, 238, 243, 1);
    }

    .biao3 textarea {
        width: 600px;
        height: 70px;
        border: 2px solid rgba(237, 238, 243, 1);

    }

    .biao4 {
        margin: 36px 0 0 0;
        width: 600px;
        height: 45px;
        background: #04A28B;
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 45px;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        border: 0px;
    }


    .com3>img {
        margin: 20px 0 60px;
        width: 1200px;
        height: 440px;

    }

    .com2 textarea {
        resize: none;
    }






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

    }

    .cons1 {
        display: none;
    }

    .ydcom2 {
        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;
    }



    /* <!-- ÏîÄ¿·ÖÀàչʾ --> */



    .com {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column-reverse;
    }

    .com1 {
        /* display: flex;
        justify-content: space-between;
        border-bottom: 1px dashed #ccc */
        display: none;
    }

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

    }

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

    .com2 {
        width: 100%;
        /* height: 460px; */
        display: flex;
        /* justify-content: space-between; */
        flex-direction: column-reverse;

    }

    .ydcom2 {
        margin-bottom: 20px;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .ydcom2>div {
        margin: 60px 0 37px;
        font-size: 22px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 32px;
        color: rgba(4, 162, 139, 1);
    }

    .ydcom2>span {
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 32px;
        color: rgba(102, 102, 102, 1);
        margin-bottom: 12px;
    }

    .ydshouji {
        font-size: 26px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 20px;
        color: rgba(0, 0, 0, 1);
    }

    .ydyoux {
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 20px;
        /* margin-bottom: 20px; */
    }

    .com2-zuo {
        display: none;
    }

    .com2-zuo>div {
        margin: 60px 0 37px;
        font-size: 22px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 32px;
        color: rgba(4, 162, 139, 1);

    }

    .com2-zuo>span {
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 32px;
        color: rgba(102, 102, 102, 1);
    }

    .com2-zuo>p {
        font-size: 22px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 20px;
        color: rgba(0, 0, 0, 1);
        margin-bottom: 30px;
    }

    .com2-you {
        width: 100%;
        margin-top: 20px;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .com2-you p {

        font-size: 13px;
        font-family: Arial;
        font-weight: 400;
        line-height: 30px;
        color: rgba(102, 102, 102, 1);
    }

    .biao1 {
        display: flex;
        justify-content: space-between;

    }

    .biao1 input {
        width: 164px;
        height: 40px;
        border: 1px solid rgba(237, 238, 243, 1);
    }

    .biao3 textarea {
        width: 100%;
        height: 99px;
        border: 2px solid rgba(237, 238, 243, 1);

    }

    .biao4 {
        margin: 36px 0 0 0;
        width: 100%;
        height: 40px;
        background: #04A28B;
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 30px;
        color: rgba(255, 255, 255, 1);
        text-align: center;

    }

    .com3 {
        /* width: 375px; */
        /* height: 126px; */
        /* margin: 0px auto 0 ; */
    }

    .com3>img {
        display: block;
        margin: 17px auto 0;
        /* margin-top: 17px; */
        width: 343px;
        height: 126px;

    }

    .com2 textarea {
        resize: none;
    }

    .cons1 {
        display: flex;
        /* justify-content: space-between; */
        border-bottom: 1px #ccc solid;
        height: 65px;
        padding: 0 16px;
        box-sizing: border-box;

    }

    .cons1>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);
    }

    .cons1>p {
        margin-top: 21px;
        margin-right: 10px;
        width: 3px;
        height: 22px;
        background: rgba(4, 162, 139, 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;

    }

}