@charset "utf-8";
/* CSS Document */



@media all and (max-width:1720px){

	.contain{max-width:1505px !important;}
}

@media all and (max-width:1510px){
	
	.contain{max-width:1290px !important;}
}

/*当屏幕小于1300的时候，顶部就要变成手机端*/
@media all and (max-width:1270px) {

    /*----whole----*/
    * {
        box-sizing: border-box;
    }

        *::before, *::after {
            box-sizing: border-box;
        }



    .container-szxz,
    .container-sig,
    .container-case1,
    .container-case2,
    .container-case9,
    .container-case11,
    .container-case13,
    .container-GmIf,
    .container-lab3,
    .container-lab4,
    .container-proList,
    .container-JSQ5,
    .container-lx1,
    .container-lx3,
    .container-lx5,
    .container-myb1,
    .container-myb4,
    .container-case10,
    .container-case12 {
        padding: 5% 4%;
    }

    h1 {
        font-size: 1.875em !important;
    }






    /*----Container----*/




    /*净水百科*/
    .container-baike .baike-wrapper {
        width: 100%;
    }

    .container-baike .baike-hot {
        display: none;
    }

    .bk-href a {
        width: 100%;
        text-align: left !important;
    }















    @media all and (max-width:1200px) {
        .container-proDetailNav .proDetailNav-box,
        .container-proEval .proEval-box {
            width: 100%;
        }

        .proEval-block {
            padding: 2% 0;
        }

        .proEval-about {
            width: 25%;
        }

        .proEval-con {
            width: 73%;
            margin-left: 2%;
        }
    }

    @media all and (max-width:960px) {
    }

    @media all and (max-width:780px) {
    }

    @media all and (max-width:640px) {

        /*---Contaienr----*/


        /*净水百科*/
        .baike-box .bk-info {
            height: auto;
            overflow: hidden;
        }

            .baike-box .bk-info .fr {
                float: left;
                height: 2.5em;
            }

        .bkA-list a {
            width: 100%;
        }

        .baike-box .bk-info,
        .baike-box .bk-intro {
            margin-top: 1em;
        }
    }

    @media all and (max-width:340px) {
    }
}


/*************************************************************/
.newlist .grid{margin-top:20px;}
.newlist .grid a.t{display:block; height:25px; overflow:hidden;}
@media all and (min-width:1200px){
    .newlist .grid{width:360px; float:left; margin-left:20px;}
    .newlist .grid img{width:360px; height:169px;}
}
@media all and (max-width:1199px){
    .newlist .grid{width:auto; height:auto; float:left; margin-left:20px;}
    .newlist .grid img{width:auto; height:auto;}
}