/* 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%;
        margin-bottom: 50px;


    }

    .com-one {
        width: 65%;

        margin: 0 auto;
        background: #63666B;
        display: flex;
    }




    /* ------------------------------------------------------ */

    /* <!-- ·þÎñÌåÏÖ --> */
    .reflect {
        width: 100%;
    }

    .reflect-tab {
        width: 65%;
        margin: 0 auto;
        display: flex;
    }

    .listss {
        width: 234px;
        height: 85px !important;
        background: #04A28B
    }

    .listss>div {
        font-size: 24px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 41px;
        color: rgba(255, 255, 255, 1);
    }

    .listss>p {
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 20px;
        color: rgba(255, 255, 255, 1);
    }

    .list-tabs {
        width: 240px;
        margin-top: 60px;
        border: 1px #04A28B solid;
        height: 100%;
    }

    .list-tabs>li {
        width: 240px;
        height: 54px;
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 54px;
        color: rgba(102, 102, 102, 1);
        text-align: center;
        border-bottom: 3px #DBD8D8 solid
    }

    .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: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 54px;
    }


    .con {
        margin-left: 54px
    }

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

    }

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

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

    .con2-list {
        display: flex;
        height: 204px;
        border-bottom: #DBD8D8 1px dashed;
        margin-top: 50px
    }

    .colist1>img {
        width: 200px;
        height: 145px;
        margin-right: 30px;
    }

    .colist2>div {
        font-size: 24px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 41px;
        color: rgba(4, 162, 139, 1);
        margin-bottom: 30px;
    }

    .colist2>p {
        width: 536px;
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 24px;
        color: rgba(142, 142, 142, 1);
    }

    .colist3 {
        background: #04A28B;
        width: 40px;
        height: 40px;
        margin-left: 94px;
        margin-top: 43px;

    }

    .colist3>img {
        display: block;
        width: 6px;
        height: 11px;
        margin: 0px auto;
        margin-top: 14px;

    }

    .con3 {
        height: 104px;
        margin-top: 40px;
        text-align: right;
        margin-bottom: 60px;
        /* border-bottom: 1px #DBD8D8 solid; */
        line-height: 104px;

    }

    .wenzi {
        margin-top: 47px;

    }

    .wenzi>h2 {
        font-size: 30px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 30px;
        color: rgba(51, 51, 51, 1);
        text-align: center;
        margin-bottom: 20px;


    }

    .laiyuan {
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color: rgba(142, 142, 142, 1);
        text-align: center;
        margin-bottom: 40px;


    }

    .wenzi>div>p {
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 30px;
        color: rgba(51, 51, 51, 1);
        margin: 20px 0;
    }

    .wenzi>div>h4 {
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 30px;
        color: rgba(4, 162, 139, 1);
    }

    .wenzi>div>img {
        width: 500px;
        height: 375px;
        /* margin-bottom: 20px; */
        display: block;
        margin: 0 auto;
    }

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

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


    .con4 {
        display: flex;

    }

    .con4-1 {
        font-size: 24px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 41px;
        color: rgba(51, 51, 51, 1);
    }

    .con4-2 {
        width: 40px;
        height: 4px;
        background: rgba(4, 162, 139, 1);
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .con4-3 {
        margin-bottom: 10px;

    }

    .con4-3>img {
        width: 351px;
        height: 221px;
        margin-bottom: 10px;

    }

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

    .con4-4 {
        font-size: 20px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color: rgba(51, 51, 51, 1);
    }

    .con4-5 {
        margin-top: 20px;
        width: 370px;
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 26px;
        color: rgba(142, 142, 142, 1);
    }

    .con4-you {
        margin-left: 80px
    }

    .con4-list {
        height: 60px;
        width: 490px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #DBD8D8;
        line-height: 60px;
        color: rgba(102, 102, 102, 1);
    }


    /* --------------------------------------------------------------------- */





    /* <!-- µ×²¿ --> */
    .dibu {
        height: 412px;
        width: 100%;
        background: #2A2F35;
        color: #63666B;
    }

    .dibu-box {
        width: 65%;
        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;
    }
    .yddi {
        display: none;
    }
    .currents {
        background: #04A28B;
    }


}

/* ÊÖ»ú */
@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;
    }


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



     /* <!-- ·þÎñÌåÏÖ --> */
     .reflect {
        width: 100%;
    }

    .reflect-tab {
        /* width: 65%; */
        /* margin: 0 auto; */
        display: flex;
        flex-direction: column;

    }

    .listss {
        display: none;
        width: 234px;
        height: 85px !important;
        background: #04A28B
    }

    .listss>div {
        font-size: 24px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 41px;
        color: rgba(255, 255, 255, 1);
    }

    .listss>p {
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 20px;
        color: rgba(255, 255, 255, 1);
    }

    .list-tabs {
        /* width: 240px; */
        /* margin-top: 60px; */
        /* border: 1px #04A28B solid;    */
        height: 100%;
        display: flex;

    }

    .list-tabs>li {
        width: 240px;
        height: 54px;
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 54px;
        color: rgba(102, 102, 102, 1);
        text-align: center;
        border-bottom: 3px #DBD8D8 solid
    }

    .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: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 54px;
    }


    .con {
        /* margin-left: 54px */
    }

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

    }

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

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

    .con2-list {
        display: flex;
        /* height: 204px; */
        border-bottom: #DBD8D8 1px dashed;
        /* margin-top: 50px */
    }

    .colist1>img {
        width: 104px;
        height: 80px;
        margin-right: 14px;
    }
    .con2-list {
        padding: 16px 16px;
        box-sizing: border-box;
    }
    .colist2>div {
        font-size:14px;
font-family:Source Han Sans CN;
font-weight:500;
line-height:16px;
color:rgba(51,51,51,1);
        margin-bottom: 20px;
    }

    .colist2>p {
        font-size:12px;
        font-family:Source Han Sans CN;
        font-weight:400;
        line-height:16px;
        color:rgba(142,142,142,1);
        overflow: hidden;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    }

    .colist3 {
        display: none;
        background: #04A28B;
        width: 40px;
        height: 40px;
        margin-left: 94px;
        margin-top: 43px;

    }

    .colist3>img {
        display: block;
        width: 6px;
        height: 11px;
        margin: 0px auto;
        margin-top: 14px;

    }

    .con3 {
        height: 80px;
        margin-top: 40px;
        text-align: right;
        /* margin-bottom: 60px; */
        /* border-bottom: 1px #DBD8D8 solid; */
        line-height: 104px;

    }

    .wenzi {
        margin-top: 20px;
        padding: 0 16px ;
        box-sizing: border-box;

    }
    .wenzi img{
        width: 100% !important;
    }
    .wenzi>h2 {
        font-size:18px;
font-family:Source Han Sans CN;
font-weight:500;
line-height:16px;
color:rgba(51,51,51,1);
        text-align: center;
        margin-bottom: 20px;


    }

    .laiyuan {
        font-size:10px;
font-family:Source Han Sans CN;
font-weight:400;
line-height:20px;
color:rgba(142,142,142,1);
        text-align: center;
        margin-bottom: 20px;


    }

    .wenzi>div>p {
        font-size:12px;
font-family:Source Han Sans CN;
font-weight:400;
line-height:22px;
color:rgba(51,51,51,1);
        margin: 20px 0;
    }

    .wenzi>div>h4 {
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 30px;
        color: rgba(4, 162, 139, 1);
    }

    .wenzi>div>img {
        width: 268px;
        height: 201px;
        /* margin-bottom: 20px; */
        display: block;
        margin: 0 auto;
    }

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

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


    .con4 {
        display: flex;

    }

    .con4-1 {
        font-size: 24px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        line-height: 41px;
        color: rgba(51, 51, 51, 1);
    }

    .con4-2 {
        width: 40px;
        height: 4px;
        background: rgba(4, 162, 139, 1);
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .con4-3 {
        margin-bottom: 10px;

    }

    .con4-3>img {
        width: 351px;
        height: 221px;
        margin-bottom: 10px;

    }

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

    .con4-4 {
        font-size: 20px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color: rgba(51, 51, 51, 1);
    }

    .con4-5 {
        margin-top: 20px;
        width: 370px;
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 26px;
        color: rgba(142, 142, 142, 1);
    }

    .con4-you {
        margin-left: 80px
    }

    .con4-list {
        height: 60px;
        width: 490px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #DBD8D8;
        line-height: 60px;
        color: rgba(102, 102, 102, 1);
    }
    .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;

    }
    .ydfanhui {
        display: flex;
        justify-content:space-between ;

    }
    .fanhui {
        margin-top: 10px;
        width:110px;
height:36px;
background:rgba(4,162,139,1);
font-size:14px;
font-family:Source Han Sans CN;
font-weight:400;
color:rgba(255,255,255,1);
text-align: center;
line-height: 36px;
    }
}