.banner .banner-bg{
    padding-top: 162px;
    width: 100%;
    height: 379px;
    background: url('/airproce/img/filter/banner/banner.jpg')no-repeat center;
}
.banner .banner-bg h3{
    font-family: PingFangSC-Medium,Microsoft YaHei;
    font-size: 50px;
    color: #FFFFFF;
    letter-spacing: 30px;
    text-align: center;
}
.banner{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.filter{
    padding-bottom: 120px;
}
.filter-img .filter-wall{
    display: inline-block;
    width: 32%;
    background: #FDFDFB;
    text-align: center;
    background-image:linear-gradient(-180deg, #dde9f7 0%, #FDFDFB 50%);
    padding-left: 40px;
    padding-right: 40px;
    margin: 0 5px;
} 
.filter-img .filter-wall .filter-title{
    /* background-image:linear-gradient(-180deg, #C4DAF2 0%, #FDFDFB 100%); */
    padding-top: 34px;
    border-bottom: 2px solid rgba(151, 151, 151, 0.2);
    padding-bottom: 30px;
}
.filter-img .filter-wall .filter-title h3{
    font-family:PingFangSC-Medium,Microsoft YaHei;
    font-size:22px;
    color:#242424;
}
.filter-img .filter-wall .filter-title img{
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    cursor: zoom-in;
}
.filter-img .filter-wall .filter-title span{
    font-family: PingFangSC-Regular,Microsoft YaHei;
    font-size: 12px;
    color: rgba(98, 98, 98, 0.5);
}

.filter-img .filter-wall .filter-text{
    margin-top: 30px;
    height: 68px;
}
.filter-img .filter-wall .filter-text h5{
    font-family:PingFangSC-Medium,Microsoft YaHei;
    font-size:15px;
    color:#65a5f6;
    margin-bottom: 15px;
}
.filter-img .filter-wall .filter-text p{
    font-family:PingFangSC-Regular,Microsoft YaHei;
    font-size:13px;
    color:#949494;
}
.filter-img .filter-wall .filter-graph{
    margin-top: 60px;
    position: relative;
    padding-bottom: 80px;
}
.filter-img .filter-wall .filter-graph span{
    font-family:PingFangSC-Regular,Microsoft YaHei;
    font-size:12px;
    color:#9e9e9e;
    position: absolute;
}
.filter-img .filter-wall .filter-graph span:nth-child(1){
    left: 50%;
    margin-left: -50px;
    top: -25px;
    width: 96px;
}
.filter-img .filter-wall .filter-graph span:nth-child(2){
    top: 12px;
    left: 50%;
    margin-left: -120px;
}
.filter-img .filter-wall .filter-graph span:nth-child(3){
    top: 12px;
    left: 50%;
    margin-left: 80px;
}
.filter-img .filter-wall .filter-graph span:nth-child(4){
    top: 90px;
    left: 50%;
    margin-left: -120px;
}
.filter-img .filter-wall .filter-graph span:nth-child(5){
    top: 90px;
    left: 50%;
    margin-left: 90px;
}
.filter-img .filter-wall .filter-graph span:nth-child(6){
    top: 160px;
    left: 50%;
    margin-left: -90px;
}
.filter-img .filter-wall .filter-graph span:nth-child(7){
    top: 160px;
    left: 50%;
    margin-left: 20px;
}

.modal-lg {
    width: 80%;
    max-width: 1200px;
    margin-top: 55px;
    max-height: 750px;
    overflow: hidden;
}
.modal-content{
    background: #fff;
}
.modal-title{
    color: #333;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    position: inherit;
}
.close {
    color: #000;
    opacity: .2;
}
.close:focus, .close:hover{
    color: #000;
    opacity: .5;
}
.modal-body{
    text-align: center;
}


.filter-banner{
    padding-left: 0;
    padding-right: 0;
}
.filter-banner h2{
    color: #333;
    font-size: 30px;
    margin: 20px;
}

.bg{
    width: 100%;
    /* height: 700px; */
    text-align: center;
    /* padding-bottom: 5em; */
    color: #FFFFFF;
    /* position: relative; */
}
.bg h3{
    font-size: 32px;
    margin-bottom: 10px;
}
.bg h5{
    font-size: 18px;
}
.bg .title{
    margin-bottom: 40px;
}
.bg p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: .3px;
}
.bg ul{
    margin-top: 80px;
}
.bg ul li span{
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 20px;
    display: block;
}
.bg ul li div{
    margin: 0 auto;
}
.bg ul li small{
    width: 112px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    display: inline-block;
    margin-top: 20px;
}
.bg .ps{
    font-weight: 300;
    position: absolute;
    bottom: 3em;
    left: 50%;
    transform: translateX(-50%);
}
.bg .ps h6{
    font-size: 14px;
    
}
.bg .ps p{
    font-size: 12px;
}




.bg ul li .hc{
    width: 71px;
    height: 62px;
    background: url('/airproce/img/filter/banner/sprite.png') -84px 0px;
}
.bg ul li .fs{
    width: 70px;
    height: 62px;
    background: url('/airproce/img/filter/banner/sprite.png') -7px 0px;
}
.bg ul li .mf{
    width: 65px;
    height: 62px;
    background: url('/airproce/img/filter/banner/sprite.png') -237px 0px;
}
.bg ul li .hf{
    width: 62px;
    height: 62px;
    background: url('/airproce/img/filter/banner/sprite.png') -166px 0px;
}
.bg ul li .zx{
    width: 43px;
    height: 62px;
    background: url('/airproce/img/filter/banner/sprite.png') -581px 0px;
}
.bg ul li .pm03h{
    width: 64px;
    height: 61px;
    background: url('/airproce/img/filter/banner/sprite.png') -80px -80px;
}
.bg ul li .pm25h{
    width: 64px;
    height: 61px;
    background: url('/airproce/img/filter/banner/sprite.png') -153px -80px;
}
.bg ul li .hfh{
    width: 60px;
    height: 61px;
    background: url('/airproce/img/filter/banner/sprite.png') -227px -80px;
}
.bg ul li .bdh{
    width: 62px;
    height: 61px;
    background: url('/airproce/img/filter/banner/sprite.png') -8px -80px;
}
.bg ul li .sh{
    width: 49px;
    height: 62px;
    background: url('/airproce/img/filter/banner/sprite.png') -453px 0px;
}
.bg ul li .pm03{
    width: 63px;
    height: 62px;
    background: url('/airproce/img/filter/banner/sprite.png') -311px 0px;
}
.bg ul li .pm25{
    width: 63px;
    height: 62px;
    background: url('/airproce/img/filter/banner/sprite.png') -382px 0px;
}
.bg ul li .bd{
    width: 60px;
    height: 62px;
    background: url('/airproce/img/filter/banner/sprite.png') -632px 0px;
}
.bg ul li .hch{
    width: 71px;
    height: 61px;
    background: url('/airproce/img/filter/banner/sprite.png') -292px -80px;
}
.bg ul li .fsh{
    width: 70px;
    height: 61px;
    background: url('/airproce/img/filter/banner/sprite.png') -368px -80px;
}
.bg ul li .mfh{
    width: 63px;
    height: 61px;
    background: url('/airproce/img/filter/banner/sprite.png') -442px -80px;
}
.bg ul li .sx{
    width: 55px;
    height: 60px;
    background: url('/airproce/img/filter/banner/sprite.png') -520px -80px;
}
.bg ul li .js{
    width: 68px;
    height: 60px;
    background: url('/airproce/img/filter/banner/sprite.png') -584px -80px;
}
.why{
    background: url('/airproce/img/filter/banner/why.jpg')no-repeat center bottom;
}
.why .bg .title {
    margin-bottom: 20px;
}
.why .sq{
    margin-top: 40px;
}
.why .sq .sq-item{
    width: 80%;
    margin: 0 auto 30px;
}
.why .sq .sq-item img{
    margin-right: 20px;
}
.why .sq .sq-item .text{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 80%;
}
.why .sq .sq-item .text h5{
    margin-bottom: 10px;
}
.water{
    background: url('/airproce/img/filter/banner/shui.jpg')no-repeat center;
}
.water ul li{
    width: 35%;
}
.f9{
    background: url('/airproce/img/filter/banner/f9.jpg')no-repeat center;
}
.f9 ul li{
    width: 24.5%;
}
.mix{
    background: url('/airproce/img/filter/banner/mix.jpg')no-repeat center;
}
.mix ul li{
    width: 19.5%;
}
.h13{
    background: url('/airproce/img/filter/banner/hepa.jpg')no-repeat center;
}
.h13 .bg{
    color: #333;
}
.h13 ul li{
    width: 24.5%;
}
.tvoc{
    background: url('/airproce/img/filter/banner/tvoc.jpg')no-repeat center;
}
.tvoc ul li{
    width: 35%;
}
.h13lv{
    background: url('/airproce/img/filter/banner/lv.jpg')no-repeat center;
}
.h13lv ul li{
    width: 19.5%;
}
.h11{
    background: url('/airproce/img/filter/banner/h11.jpg')no-repeat center;
}
.h11 ul li{
    width: 19.5%;
}
.f9x{
    background: url('/airproce/img/filter/banner/f9x.png')no-repeat center;
}
.g4x{
    background: url('/airproce/img/filter/banner/g4x.png')no-repeat center;
}
.f9x ul li,.g4x ul li{
    width: 24.5%;
}
.tvocx{
    background: url('/airproce/img/filter/banner/tvocx.jpg')no-repeat center;
}
.tvocx2{
    background: url('/airproce/img/filter/banner/tvocx2.png')no-repeat center;
}
.tvocx .title2{
    margin-top: 300px;
}

.h13x{
    /* background: url('/airproce/img/filter/banner/h13x.jpg')no-repeat center; */
}
.h13x ul li{
    width: 24.5%;
}
.h11 .bg,.h13x .bg,.h13x1 .bg,.f9 .bg,.why .bg{
    color: #333;
}
.h13x .bg .ps,.h13x1 .bg .ps,.h13x2 .bg .ps{
    color: #333;
    bottom: auto;
    margin-top: 40px;
}
.h13x1{
    background: url('/airproce/img/filter/banner/h13x1.jpg')no-repeat center;
}
.h13x1 .bg{
    height: 820px;
    margin-top: 100px;
}
.h13x2{
    background: url('/airproce/img/filter/banner/h13x2.jpg')no-repeat center;
}
.h13x2 .bg{
    height: 820px;
    margin-top: 100px;
    color: #333;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
    background: #bcddf8;
}


.hepa2x{
    background: #222;
    padding-bottom: 40px;
}
.hepa2x .ps{
    display: block;
    text-align: center;
    font-family: PingFangSC-Regular,Microsoft YaHei;
    font-size: 14px;
    color: rgba(255,255,255,0.50);
    margin-bottom: 10px;
    -webkit-font-smoothing: antialiased;
}
.hepa2x .hepaIcon{
    width: 166px;
    display: block;
    margin: 40px auto 60px;
}
.text-w .content-title h3,.text-w .content-title h5,.text-w .content-detail{
    color: #fff;
    -webkit-font-smoothing: antialiased;
}




#section1{
    background: #fbfbfb;
}

.section{
    background-size: cover;
}
.filter-content{
    text-align: center;
}
.filter-content .filter-title{
    margin-bottom: 30px;
    padding-top: 40px;
}
.filter-content .filter-title h3{
    font-size: 32px;
    color: rgba(0,0,0,0.80);
    margin-bottom: 10px;
}
.filter-content .filter-title h5{
    font-size: 18px;
    color: rgba(0,0,0,0.70);
}
.filter-content p{
    font-family: PingFangSC-Regular,Microsoft YaHei;
    font-size: 16px;
    color: rgba(0,0,0,0.40);
    line-height: 24px;
}
.filter-content img{
    margin-top: 40px;
}
.allround-bg{
    background: url('/airproce/img/filter/banner/allround-banner.png')no-repeat bottom center;
    height: 650px;
}
.majors-bg{
    background: url('/airproce/img/filter/banner/majors.png')no-repeat bottom center;
    height: 770px;
    margin-top: 120px;
}
.medical-bg{
    background: url('/airproce/img/filter/banner/medical.png')no-repeat bottom center;
    height: 770px;
    margin-top: 120px;
}
.water-bg{
    background: url('/airproce/img/filter/banner/water.png')no-repeat bottom center;
    height: 720px;
    margin-top: 120px;
}
.new-bg{
    height: 770px;
    margin-top: 120px;
    background-image: url('http://airproce.oss-cn-beijing.aliyuncs.com/20190128/lv.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fbfbfb;
}


#fp-nav ul li, .fp-slidesNav ul li{
    margin: 5px 7px;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
    height: 4px;
    width: 12px;
    margin: -2px 0 0 -6px;
    border-radius: 0%;
}



/*电脑*/
@media screen  and (min-width:1400px){
    
}
/*笔记本*/
@media screen and (max-width: 1399px) and (min-width: 1200px){
    .new-bg {
        height: 620px;
        margin-top: 120px;
        background: url('http://airproce.oss-cn-beijing.aliyuncs.com/20190128/lv.png')no-repeat bottom center;
    }
    .h13x1 .bg,.h13x2 .bg{
        height: 620px;
    }
    .h13x1{
        background: url('../img/filter/banner/small/h13x1.jpg')no-repeat center;
    }
    .h13x2{
        background: url('../img/filter/banner/small/h13x2.jpg')no-repeat center;
    }
    .allround-bg {
        background: url(../img/filter/banner/small/allround-banner.png)no-repeat bottom center;
        height: 520px;
        margin-top: 50px;
    }
    .majors-bg {
        background: url(../img/filter/banner/small/majors.png)no-repeat bottom center;
        height: 560px;
        margin-top: 150px;
    }
    .medical-bg {
        background: url(../img/filter/banner/small/medical.png)no-repeat bottom center;
        height: 560px;
        margin-top: 150px;
    }
    .water-bg {
        background: url(../img/filter/banner/small/water.png)no-repeat bottom center;
        height: 560px;
        margin-top: 100px;
    }


    .filter-img .filter-wall .filter-graph {
        margin-top: 40px;
        padding-bottom: 0;
    }
    .filter-img .filter-wall .filter-text {
        margin-top: 15px;
    }
    .filter-img .filter-wall .filter-title {
        padding-top: 14px;
        padding-bottom: 10px;
    }
    .modal-body img{
        height: 500px;
    }
}
/*横向平板*/
@media screen and (max-width: 1199px) and (min-width: 1023px){

}
/*平板*/
@media screen and (max-width: 1023px) and (min-width: 768px){

}
/*笔记本高度*/
@media screen and (max-height: 767px) and (min-height: 600px){
    .new-bg {
        height: 490px;
        margin-top: 120px;
        background: url('http://airproce.oss-cn-beijing.aliyuncs.com/20190128/lv.png')no-repeat bottom center;
    }
    .tvocx .title{
        margin-bottom: 0;
    }
    .tvocx .title2{
        margin-top: 200px;
    }
    /* .h13x{
        background: url('../img/filter/banner/small/h13x.jpg')no-repeat center;
    } */
    .h13x .bg ul {
        margin-top: 60px;
    }
    .h13x .bg .title {
        margin-bottom: 20px;
    }
    .h13x1 .bg,.h13x2 .bg{
        height: 520px;
    }
    .h13x1{
        background: url('../img/filter/banner/small/h13x1.jpg')no-repeat center bottom;
    }
    .h13x2{
        background: url('../img/filter/banner/small/h13x2.jpg')no-repeat center;
    }
    .allround-bg {
        background: url(../img/filter/banner/small/allround-banner.png)no-repeat bottom center;
        height: 460px;
        margin-top: 80px;
    }
    .majors-bg {
        background: url(../img/filter/banner/small/majors.png)no-repeat bottom center;
        height: 490px;
        margin-top: 150px;
    }
    .filter-content .filter-title{
        padding-top: 20px;
    }
    .medical-bg {
        background: url(../img/filter/banner/small/medical.png)no-repeat bottom center;
        height: 490px;
        margin-top: 150px;
    }
    .water-bg {
        background: url(../img/filter/banner/small/water.png)no-repeat bottom center;
        height: 490px;
        margin-top: 130px;
    }


    .filter-img .filter-wall .filter-graph {
        margin-top: 20px;
        padding-bottom: 50px;
    }
    .filter-img .filter-wall .filter-text {
        margin-top: 15px;
        overflow: hidden;
        height: 66px;
    }
    .filter-img .filter-wall .filter-title h3 {
        font-size: 18px;
    }
    .filter-img .filter-wall .filter-title {
        padding-top: 22px;
        padding-bottom: 10px;
    }
    .modal-body img{
        height: 400px;
    }
    .filter-img .filter-wall .filter-title img {
        margin-top: 20px;
        width: 150px;
    }
    .filter-img .filter-wall {
        width: 30%;
        padding-left: 40px;
        padding-right: 40px;
        margin: 50px 5px 0;
    }
    .filter-img .filter-wall .filter-title span {
        font-size: 9px;
    }
    .filter-img .filter-wall .filter-text p {
        font-size: 9px;
    }
    .filter-img .filter-wall .filter-text h5 {
        font-size: 10px;
        margin-bottom: 7px;
    }
    .filter-img .filter-wall .filter-graph span {
        font-size: 9px;
    }
    .modal-body img{
        height: 450px;
    }
}
/*手机*/
@media screen and (max-width: 767px){

}

@media screen and (max-height: 601px) and (min-height: 350px){
    .bg ul {
        margin-top: 40px;
    }
    .bg .title {
        margin-bottom: 10px;
    }
    .h13x .bg .ps, .h13x1 .bg .ps, .h13x2 .bg .ps {
        margin-top: 20px;
    }
    .new-bg {
        height: 500px;
        margin-top: 100px;
        background: url('http://airproce.oss-cn-beijing.aliyuncs.com/20190128/lv.png')no-repeat bottom center;
    }
    .tvocx .title2 {
        margin-top: 200px;
    }
    .h13x {
        background: url('../img/filter/banner/xs/h13x.jpg')no-repeat center;
    }
    .h13x1 .bg,.h13x2 .bg{
        height: 100%;
        margin-top: 130px;
    }
    .h13x1{
        background: url('../img/filter/banner/xs/h13x1.jpg')no-repeat center;
    }
    .h13x2{
        background: url('../img/filter/banner/xs/h13x2.jpg')no-repeat bottom center;
    }
    .allround-bg {
        background: url(../img/filter/banner/xs/allround-banner.png)no-repeat bottom center;
        height: 450px;
        margin-top: 50px;
    }
    .majors-bg {
        background: url(../img/filter/banner/xs/majors.png)no-repeat bottom center;
        height: 490px;
        margin-top: 100px;
    }
    .medical-bg {
        background: url(../img/filter/banner/xs/medical.png)no-repeat bottom center;
        height: 490px;
        margin-top: 100px;
    }
    .water-bg {
        background: url(../img/filter/banner/small/water.png)no-repeat bottom center;
        height: 500px;
        margin-top: 100px;
    }


    .filter-img .filter-wall .filter-graph {
        margin-top: 20px;
        padding-bottom: 50px;
    }
    .filter-img .filter-wall .filter-text {
        margin-top: 15px;
        overflow: hidden;
        height: 66px;
    }
    .filter-img .filter-wall .filter-title h3 {
        font-size: 18px;
    }
    .filter-img .filter-wall .filter-title {
        padding-top: 14px;
        padding-bottom: 10px;
    }
    .modal-body img{
        height: 400px;
    }
    .filter-img .filter-wall .filter-title img {
        margin-top: 20px;
        width: 120px;
    }
    .filter-img .filter-wall {
        width: 30%;
        padding-left: 40px;
        padding-right: 40px;
        margin: 50px 5px 0;
    }
    .filter-img .filter-wall .filter-title span {
        font-size: 9px;
    }
    .filter-img .filter-wall .filter-text p {
        font-size: 9px;
    }
    .filter-img .filter-wall .filter-text h5 {
        font-size: 10px;
        margin-bottom: 7px;
    }
    .filter-img .filter-wall .filter-graph span {
        font-size: 9px;
    }
}