.app{display: none;}

@media screen and (max-width:1500px){

    .ie .layout-rowMain{

        width: 1200px;

    }
    #nav-dialog .dialog_content{width: 68%}
    #nav-dialog .dialog_content .nav-item > li > a{font-size: 15px}
    #nav-dialog .dialog_content .nav-item > li > ol > li > a{font-size: 13px}
    #nav-dialog .dialog_content .nav-item > li > ol > li:hover > a{letter-spacing: 0px}

    .foot_nav{width: 54%;}
    .foot_nav dl dt{margin-bottom: 20px;}
    .p5vw {padding: 2vw 0;}
    .foot_copy {padding: 2vh 0;}
}
@media screen and (max-height:930px){
    .default-box.big-box{width: 22vw; margin: 0 7.73vw 2vw 0;}
    .default-box.big-box .img-box {
        height: 11.5vw;
    }
}
@media screen and (max-width:1366px){
    .default-box.big-box .img-box{height: 10vw;}
}

@media screen and (max-width:1280px){



}

@media screen and (max-width:1024px){



}

@media screen and (max-width:800px){

    .pc{display: none;}

    .app{display: inline-block;}

    .max-wid{width: 92%;}

    .font-20{font-size: 15px;}

    #members-power .r2 .layout-mid .powe-item > li .power-icon{width: 100%;}

    #bloc header {background: none !important; border-bottom: none}

    #bloc header{height: 1rem;}

    #bloc header .max-wid .logo{height: 1rem;line-height: 1rem;}

    #bloc header .max-wid .app-log{right: 38px;}

    #bloc header .max-wid .logo img{padding: .2rem}

    .half {width: 100%;}

    .culture {
        height: auto !important;
        padding-top: 120px;
    }
    .m-pic-culture01{
        width: 100%;
    }
    #new #main .r1 .title .layout-tabBox > ul{width: 100% !important;}
    .aboutinfor p img{max-width: 100% !important; height: auto !important;}
    .layout-tabBox ul.layout-part > li{width: 50% !important;}
    #bloc .wrapper #top .banner{height: 250px; margin-top: 0;}
    #bloc .wrapper #top .banner img{width: auto;  height: 250px; margin-left: -50%;}
    #new #main .r1 .title{top: 0; background: #f5f5f5;}
    .lk a{width: 48%;}
    .lk a:nth-child(2n){margin-right: 0 !important;}
    .LookPicture .Look_before ,.LookPicture .Look_next{top: unset !important; bottom: 5% !important;}
    .layout-row .layout-rowMain{padding-top: 18vh !important;}
    .h50{height: 50px !important;}
    .lca01{padding-top: 0 !important;}
    .lca01 ul li{width: 100%; margin: 0 auto 1rem; font-size: .26rem;}
    #new #main .r1 .title .layout-tabBox > ul > li{font-size: .26rem;}
    .onlineshop{margin-top: 0 !important;}
    .onlineshop ul li{width: 100%; margin: 0 0 30px;}
    .onlineshop ul li p{font-size: .36rem;}
    .pt5vh{padding-top: 5vh !important;}
    .home .layout-row .layout-rowMain{padding-top: 5vh !important;}
    .home .pagetitle .name h1{font-size: .46rem;}
    #new #main .r1 .layout-rowMain .layout-mid .new-box{width: 100%;padding: 1% 0;}
    .layout-box1 .txt p{font-size: .3rem; height: auto;}
    #home #new #main .r1 .layout-rowMain .layout-mid .new-box small{margin-bottom: 15px;}
    .pagetitle span a{padding: .3rem .4rem; font-size: .3rem;}
    .home .pagetitle h1{font-size: .46rem;}
    #home .default-box.big-box{width: 45%; margin-right: 10%; margin-top: .6rem;}
    #home .default-box.big-box:nth-child(2n){margin-right: 0;}
    #home .default-box.big-box:nth-child(3){margin-right: 10% !important;}
    #home .default-box.big-box .img-box{height: 25vw;}
    #home .default-box.big-box .text.title{font-size: .3rem;}
    #home .videoList-box{margin: 0 auto 50px;}
    .health .fl{width: 100%; height: 40vh;}
    .health .fr{width: 100%;}
    .water-knowledge.small{padding-top: 15%; padding-right: 5.99vw;}
    .water-knowledge>span{font-size: .6rem;}
    .water-knowledge.small p{width: 100%;font-size: .3rem;}
    .linkMore{padding: .3rem .4rem;}
    .z_wh .index_tit h4{font-size: .6rem;}
    .z_wh .index_tit .desc{font-size: .3rem;}
    #bloc footer.cl .fMain .fr .wei-pop{right: .8rem;}
    #bloc footer.cl .fMain .fr > a{font-size: .3rem;}
    #bloc footer.cl .fMain .fl{height: auto; margin-bottom: 15px !important;}
    .aboutinfor span ,.lk a p ,.events-list .dl .dd h3{font-size: .3rem !important;}
    .lk a p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .list-cont{width: 100% !important;}
    .events-list .dl .dd h3{line-height: 2;}
    .inforbg ,#bloc header{background: #0f218b !important;}
    #new_detail #main .r1 .layout-rowMain .layout-mid .fl:nth-child(2) ,#new_detail #main .r1 .layout-rowMain .layout-mid .fl:nth-child(2) .new-msg{width: 100% !important;}
    #new_detail #main .r1 .layout-rowMain .layout-mid .fl:nth-child(2) .new-msg .new-con p{font-size: .3rem !important; width: 100%;}
    #new_detail #main .r1 .layout-rowMain .layout-mid .fl:nth-child(2) .new-msg .new-con p span{font-size: .3rem !important;}
    #new_detail #main .r1 .layout-rowMain a.return{width: 100%; position: fixed; bottom: 0; right: 0;}
    .default-box.big-box{width: 45%; margin-right: 10%; margin-top: .6rem;}
    .default-box.big-box:nth-child(2n){margin-right: 0;}
    .default-box.big-box:nth-child(3){margin-right: 10% !important;}
    .default-box.big-box .img-box{height: 25vw;}
    .default-box.big-box .text.title{font-size: .3rem;}
    .videoList-box{margin: 0 auto 50px;}
    .component-transparent{margin-top: 160px !important;}
    .component-transparent > ul{width: 80%;}
    #pro_detail .layout-row .layout-rowMain{width: 100%;}
    .wap4{width: 25% !important;}
    .h300{height: 300px !important;}
    .searchbox{width: 80%; margin: 30px auto 20px;}
    .searchbox .import{width: 60%;}
    #video{width: 100% !important; height:auto !important;}
    .on #bloc header{background: transparent !important;}
}



@media screen and (max-width:600px){

    #bloc footer.cl{z-index: 99;}

    #bloc header .max-wid .logo{font-size: 14px;}

    #bloc footer.foot .fMain{

        flex-direction: column;justify-content: center;align-items: center;

        

    }

    .dialog .dialog_content{padding: 2em;}

    #bloc footer .node{display: none;}

    #bloc header .max-wid nav.app-nav > ul > li{animation-duration: 0.6s;}

    #bloc header .max-wid .app-log > span > small, #bloc header .max-wid .app-log > span > a{margin: 0 6px;}

    #bloc footer.cl .toTop{top: 20px;}

    #bloc footer.cl .fMain .fl{

        margin-bottom: 0px;

    }

    #bloc footer.cl .fMain .fr{

        margin-bottom: 18px;

    }

    #bloc footer.cl .toTop > svg{

        transform: scale(1.2);

        -moz-transform: scale(1.2);

        -o-transform: scale(1.2);

        -ms-transform: scale(1.2);

    }

    /*home*/

    #home #main,#home #btm{position: relative;opacity: 1;height: auto;}

    #home #btm{flex-wrap: wrap;}

    #home #btm .left{  width: 100%;height: 50vh;  }

    #home #btm .right{  width: 100%;height: 50vh;  }


    #home #top .indexBanner #clock{width: 70vw;height: 70vw;}

    #home #top .indexBanner #clock .time-box > ul.time-num{transform: scale(1.24);}

    #home #top .indexBanner .msg-box > ul{height: calc(100% - 100px);top: 20px;}

    #home #top .indexBanner #clock{top: 35px;}

    #home #top .indexBanner #clock .time-box > ul.time-cir > li > i > span{font-size: 12px;text-indent: -2px;}

    #home #top .indexBanner .msg-box > ul > li > div:nth-of-type(1){

        bottom: auto;top: 0;width: 100%;text-align: center;

    }

    #home #top .indexBanner #clock .time-move{transform: none;}

    #home #main .flex .con .box div:nth-of-type(1):after{width: 38px;left: -58px;}

    #home #main .flex .con .box div:nth-of-type(1) > ul.items li{margin-top: 14px;}

    #home #main .other .pic{margin-left: calc(4% + 60px);width: auto;}

    #home #main .other .pic .play{display: none;}

    #home #pop .nav-inner .other-pop .con .right,#home #pop .nav-inner .other-pop .con .left{bottom: 0;}

    #home #pop .nav-inner .other-pop .con .right .go{padding-right: 50px;}

    #home #pop .nav-inner .other-pop .con .left > a{

        width: 45px;height: 45px;line-height: 45px;

        text-align: center;padding: 0;border-radius: 50%;

    }

    #home #pop .nav-inner .other-pop .con .left > a > i{font-size: 12px;}

    #home #pop .nav-inner .other-pop .con .left > a >em{display: none;}

    #home #btm .box .msg{width: 100%;}



    /*产品*/

    #product{

        overflow: auto;position: relative;height: auto;

    }

    #product #top{position: fixed;align-items: flex-end;}

    #product #top .con{height: auto;margin-bottom: 140px;}

    #product #top .con .tab .child_1{

        bottom: 0;top: auto;

    }

    #product #main .con{padding-top: 80px;padding-bottom: 120px;}

    #product #main .con .list{flex-wrap: wrap;}

    #product #main .con .list .left{width: 100%;}

    #product #main .con .list .right{width: 100%;}

    #product #main .con .list .other{display: none;}

    #product #main .con .list .right .msg{

        left: 0;flex-direction: row;justify-content: space-between;align-items: center;

        width: 100%;height: auto;top: 50%;transform: translateY(-50%);

    }

    #product #main .con .list .right .msg h3{font-size: 14px;margin-top: 8px;}

    #product #main .con .list .right .num{font-size: 64px;border-bottom: 1px solid rgba(255,255,255,0.8);}

}