/* 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: 1200px;

        margin: 0 auto;
        background: #63666B;
        display: flex;
    }




    /* ------------------------------------------------------ */

    /* <!-- 服务体现 --> */
    .reflect {
        width: 100%;
    }
    .reflect-tab {
        width: 1200px;
        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: 1px #707070 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;
        width: 900px;

    }
    .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 {
    display: flex;
    flex-wrap: wrap;
    
    
    

    }
    .con2>div {
        position: relative;
     
        margin: 25px 5px 0 ;
    }
    .con2 >div >a >div>img {
        width: 290px;
        height: 190px;

    }
    .con2 >div>a>p {
        width: 290px;
        height: 40px;
        text-align: center;
        line-height: 40px ;
        color: #fff;
        background: #04A28B;
        font-size:16px;
font-family:Source Han Sans CN;
font-weight:400;
/* position: absolute; */
bottom: 0
    }
    .con3 {
        margin-top: 40px ;
        text-align: right;
        
    }
    .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: 931px;
        height: 587px;
        margin-bottom: 20px;
    }
    .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);
    }
    .ydcon1 {
        display: 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;

    }
    .yddi {
        display: none;
    }
    .currents {
        background: #04A28B;
    }
    #ul {
        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-box {
        width: 100%;
        margin-bottom: 50px;


    }

    .com-one {
        width: 1200px;

        margin: 0 auto;
        background: #63666B;
        display: flex;
    }




    /* ------------------------------------------------------ */

    /* <!-- 服务体现 --> */
    .reflect {
        width: 100%;
    }
    .reflect-tab {
        /* display: none; */
        width: 100%;
        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 {
        display: none;
        width: 240px;
        margin-top: 60px;
        border: 1px #04A28B solid;
        height: 415px;
    }
    .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: 1px #707070 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 */
    }
    .ydcon1 {
        padding: 20px 0 0 16px;
        box-sizing: border-box;
        display: flex;
        
    }
    .ydcon1>p {
        width:3px;
height:22px;
background:rgba(4,162,139,1);
margin-right: 10px;
    }
    .ydcon1>div {
        width:158px;
height:16px;
        font-size:16px;
font-family:Source Han Sans CN;
font-weight:500;
line-height:21px;
color:rgba(51,51,51,1);
    }
    .con1 {
        display: none;
        /* display: flex; */
        justify-content: space-between;
        /* border-bottom: 1px #ccc solid; */
        height: 110px;

    }
    .con1>div {
        display: none;
        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 {
        display: none;
        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 {
    display: flex;
    flex-wrap: wrap;
    
    
    

    }

    .con2>div {
        position: relative;
     
        margin: 25px 9px 0 ;
    }
    .con2 >div img {
        width: 168px;
        height: 120px;

    }
    .con2 >div>p {
        width: 168px;
        height: 22px;
        text-align: center;
        line-height: 22px ;
        color: #fff;
        background: #04A28B;
        font-size:11px;
font-family:Source Han Sans CN;
font-weight:400;
position: absolute;
bottom: 0
    }
    .con3 {
        margin-top: 40px ;
        text-align: right;
        padding: 0 16px;
        box-sizing: border-box;
        
    }
    .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: 100%;
        /* height: 587px; */
        margin-bottom: 20px;
    }
    .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);
    }
    .con31 {
        display: inline-block;
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
    
        color: rgba(4,162,139,1);
        width: 25px;
        height: 23px;
        background: #EDEEF3;
        text-align: center;
        line-height: 23px;


    }
    .con32 {
        display: inline-block;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;

    color: rgba(4,162,139,1);
    width: 25px;
    height: 23px;
    background: #EDEEF3;
    text-align: center;
    line-height: 23px;


    }
    .con33 {
        display: inline-block;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;

    color: rgba(4,162,139,1);
    width: 25px;
    height: 23px;
    background: #EDEEF3;
    text-align: center;
    line-height: 23px;


    }


    /* <!-- 污染的危害  --> */


    /* <!-- 成功案例展示 --> */


    /* <!-- 实验室优势 --> */


    /* <!-- 服务体现 --> */


    /* <!-- 检测流程 --> */


    /* <!-- 环保常识解读 --> */


    /* <!-- 关于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;

    }
}