@charset "utf-8"; 
/* 屏幕自适应样式 */
@media only screen and (min-width: 320px){
  
}
@media only screen and (min-width: 360px){
   
}
@media only screen and (min-width: 400px){
  
}
@media only screen and (min-width: 480px){
   
}
@media only screen and (min-width: 640px){
   
}
@media screen and (min-width:680px){

}
@media screen and (min-width:768px){

}

/* 屏幕自适应样式 手动*/
@media only screen and (min-width: 300px) and (max-width: 321px){
   
}
@media only screen and (min-width: 319px) and (max-width: 360px){

}
@media only screen and (min-width: 361px) and (max-width: 430px){
   
}


/* 公共样式 */
@media only screen and (max-width: 1200px){
    .w1200{
        max-width: 100%;
        padding: 0 25px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 500px){
    .w1200{
        padding: 0 15px;
    }
}
@media only screen and (max-width: 900px){
    .wzdb,
    .nav-pc,
    .banner-pc,
    .footer-pc{
        display: none;
    }
    .navmp,
    .banner-mp,
    .footer-mp{
        display: block;
    }
}

/* pc导航 */
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .nav-pc .nav {
        width: 75%;
    }
    .nav-pc .nav li .a1 {
        font-size: 15px;
    }
    .nav-pc .logo {
        padding-top: 25px;
    }
    .nav-pc .logo img {
        width: 140px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 1000px){
    .nav-pc .nav {
        width: 100%;
    }
    .nav-pc .logo {
        display: none;
    }

}

/* mp导航 */
@media only screen and (min-width: 300px) and (max-width: 900px){
    .navmp .logo img {
        width: 170px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 750px){
    .navmp .logo img {
        width: 125px;
    }
    .navmp .shdh .navmp-yczs {
        width: 40px;
        height: 70px;
        background-size: 30px auto;
    }
    .navmp ,
    .navmp .logo {
        height: 70px;
    }
    .navmp .subnav {
        top: 72px;
    }
    .navmp .subnav .list .a1 {
        height: 62px;
        line-height: 60px;
        padding-left: 20px;
        font-size: 18px;
        border-bottom: 1px solid #ddd;
    }
    .navmp .subnav .list-top {
        height: 62px;
        line-height: 60px;
        padding-left: 20px;
        border-bottom: 1px solid #ddd;
    }
    .navmp .subnav .list-top p{
        font-size: 18px;
    }
    .navmp .subnav .list-bot a {
        height: 52px;
        line-height: 52px;
        padding-left: 40px;
        font-size: 16px;
    }
    .navmp .subnav .list-top::after {
       background-size: 20px 20px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 500px){
    .navmp .logo img {
        width: 105px;
    }
    .navmp .shdh .navmp-yczs {
        width: 40px;
        height: 60px;
        background-size: 28px auto;
    }
    .navmp ,
    .navmp .logo {
        height: 60px;
    }
    .navmp .subnav {
        top: 62px;
    }
    .navmp .subnav .list .a1 {
        padding-left: 15px;
        font-size: 16px;
    }
    .navmp .subnav .list-top {
        padding-left: 15px;
    }
    .navmp .subnav .list-top p{
        font-size: 16px;
    }
    .navmp .subnav .list-bot a {
        padding-left: 30px;
        font-size: 14px;
    }
    .navmp .subnav .list-top::after {
       background-size: 18px 18px;
    }
}

/* banner轮播图 */
@media only screen and (min-width: 900px) and (max-width: 1000px){
    .index-banner .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 15px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 600px){
    .index-banner .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 10px;
    }
    .index-banner .swiper-pagination-bullet {
        width: 28px;
        height: 28px;
    }
    .index-banner .swiper-pagination-bullet-active {
        background-size: 28px 28px;
    }
}

/* 首页手机不要部分 */
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .index-pzbk,
    .index-khjz,
    .index-xdfwlc,
    .index-ppsb{
        display: none;
    }
}

/* 首页公共部分 */
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .index-title h2 {
        font-size: 28px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 800px){
    .index-title h2 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 8px;
    }
    .index-title p{
        font-size: 15px;
        line-height: 26px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 600px){
    .index-title h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .index-title p{
        font-size: 14px;
        line-height: 21px;
    }
}


/* 西递深研行业洁净室系统工程解决方案 */
@media only screen and (min-width: 1200px){
    .index-jjfa li:nth-child(6n){
        margin-right: 0;
    }
}
@media only screen and (min-width: 1001px) and (max-width: 1200px){
    .index-jjfa li:nth-child(5n){
        margin-right: 0;
    }
    .index-jjfa li {
        width: 19%;
        margin: 1.25% 1.25% 0 0;
    }
}
@media only screen and (min-width: 801px) and (max-width: 1000px){
    .index-jjfa {
        padding: 70px 0 75px 0;
    }
    .index-jjfa li:nth-child(4n){
        margin-right: 0;
    }
    .index-jjfa li {
        width: 23.5%;
        margin: 2% 2% 0 0;
    }
}
@media only screen and (min-width: 601px) and (max-width: 800px){
    .index-jjfa {
        padding: 60px 0 55px 0;
    }
    .index-jjfa li:nth-child(3n){
        margin-right: 0;
    }
    .index-jjfa li {
        width: 32%;
        margin: 2% 2% 0 0;
    }
    .index-jjfa .index-ckgd p {
        padding-right: 32px;
        font-size: 15px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 600px){
    .index-jjfa {
        padding: 50px 0 40px 0;
    }
    .index-jjfa li:nth-child(2n){
        margin-right: 0;
    }
    .index-jjfa li {
        width: 48%;
        margin: 4% 4% 0 0;
    }
    .index-jjfa .index-ckgd {
        padding-top: 50px;
    }
    .index-jjfa .index-ckgd p {
        padding-right: 32px;
        font-size: 15px;
        line-height: 46px;
    }
    .index-ckgd a {
        width: 160px;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        border-radius: 22px;
    }
}

/* 无尘净化车间 */
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .index-jhcj .jhcj-nav .list h3 {
        font-size: 16px;
        line-height: 24px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 900px){
    .index-jhcj {
        padding: 70px 0 80px 0;
    }
    .index-jhcj .jhcj-nav{
        border-bottom: 1px solid #e9eaeb;
    }
    .index-jhcj .jhcj-nav .list {
        width: 25%;
        height: 140px;
        border: 1px solid #e9eaeb;
        border-right: 0 solid #e9eaeb;
        border-bottom: 0 solid #e9eaeb;
    }
    .index-jhcj .jhcj-nav .list:nth-child(4n) {
        border-right: 1px solid #e9eaeb;
    }
}
@media only screen and (min-width: 300px) and (max-width: 750px){
    .index-jhcj {
        padding: 60px 0 65px 0;
    }
    .index-jhcj .jhcj-nav .list {
        width: 25%;
        height: 100px;
    }
    .index-jhcj .jhcj-nav .list h3 {
        font-size: 15px;
        line-height: 22px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 500px){
    .index-jhcj {
        padding: 40px 0;
    }
    .index-jhcj .jhcj-nav .list p {
        font-size: 12px;
        margin-top: 6px;
    }
    .index-jhcj .jhcj-nav .list h3 {
        font-size: 14px;
        line-height: 21px;
    }
}

/* 西递客户见证 */
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .index-jhscp {
        padding: 80px 0 70px 0;
    }
    .index-jhscp .jhscp-nav01 {
        display: none;
    }
    .index-jhscp .jhscp-nav02 {
        display: block;
    }
    .index-jhscp .jhscp-nav li {
        width: 20%;
    }
    .index-jhscp .jhscp-nav a {
        padding: 0;
        width: 100%;
        text-align: center;
        font-size: 16px;
        line-height: 55px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 900px){
    .index-jhscp {
        padding: 75px 0 70px 0;
    }
    .index-jhscp .jhscp-nav li {
        width: 25%;
    }
    .index-jhscp .jhscp-nav a {
        font-size: 15px;
        line-height: 50px;
    }
    .index-jhscp .jhscp-cont h3 {
        font-size: 16px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 750px){
    .index-jhscp {
        padding: 65px 0 50px 0;
    }
    .index-jhscp .jhscp-cont li {
        width: 48%;
        margin-bottom: 4%;
    }
}
@media only screen and (min-width: 300px) and (max-width: 500px){
    .index-jhscp {
        padding: 40px 0;
    }
    .index-jhscp .jhscp-nav li {
        width: 33.333333%;
    }
    .index-jhscp .jhscp-nav a {
        font-size: 14px;
    }
    .index-jhscp .jhscp-cont .wzjs {
        padding: 0 10px;
    }
    .index-jhscp .jhscp-cont .left,
    .index-jhscp .jhscp-cont .right {
        height: 66px;
    }
    .index-jhscp .jhscp-cont h3 {
        font-size: 14px;
    }
    .index-jhscp .index-ckgd {
        padding-top: 50px;
    }
}

/* 关于西递 */
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .index-gyxd {
        padding: 90px 0 100px 0;
    }
    .index-gyxd .gyxd-cont {
        width: 100%;
        text-align: center;
    }
    .index-gyxd .nr h3 {
        margin-bottom: 40px;
    }
    .index-gyxd .nr {
        padding: 70px 0 60px 0;
    }
}
@media only screen and (min-width: 300px) and (max-width: 900px){
    .index-gyxd {
        padding: 80px 0 90px 0;
    }
}
@media only screen and (min-width: 300px) and (max-width: 750px){
    .index-gyxd {
        padding: 60px 0 70px 0;
    }
}
@media only screen and (min-width: 300px) and (max-width: 500px){
    .index-gyxd {
        padding: 40px 0;
    }
    .index-gyxd .nr {
        padding: 50px 0 40px 0;
    }
    .index-gyxd .nr p {
        font-size: 15px;
    }
}

/* 洁净室建设6大保障 */
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .index-ldbz {
        padding: 80px 0 90px 0;
    }
    .index-ldbz .list {
        height: 270px;
        padding: 35px 25px 0;
    }
    .index-ldbz .list h3 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 22px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 900px){
    .index-ldbz .list {
        height: auto;
        padding: 25px 15px 30px;
    }
    .index-ldbz .list p {
        line-height: 26px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 750px){
    .index-ldbz {
        padding: 70px 0 60px 0;
    }
    .index-ldbz .list {
        width: 48%;
        margin-top: 4%;
    }
}
@media only screen and (min-width: 300px) and (max-width: 500px){
    .index-ldbz {
        padding: 40px 0;
    }
    .index-ldbz .list {
        text-align: center;
        padding: 20px 15px 25px;
    }
    .index-ldbz .list .tpzs {
        height: 55px;
    }
    .index-ldbz .list h3 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .index-ldbz .list p {
        line-height: 22px;
    }
}

/* 新闻中心 */
@media only screen and (min-width: 300px) and (max-width: 1400px){
    .index-xwzx .xwzx-cont {
        width: 100%;
        padding: 0 25px;
        box-sizing: border-box;
    }
    .index-xwzx .xwzx {
        width: 85%;
    }
}
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .index-xwzx {
        padding: 80px 0 70px 0;
    } 
    .index-xwzx .xwzx {
        width: 100%;
    }
    .index-xwzx .list .wzjs h3 {
        font-size: 16px;
        margin-bottom: 14px;
    }
    .index-xwzx .list .wzjs p {
        font-size: 14px;
        line-height: 24px;
        height: 48px;
    }
    
}
@media only screen and (min-width: 300px) and (max-width: 750px){
    .index-xwzx {
        padding: 70px 0 60px 0;
    }
    .index-xwzx .list {
        width: 48%;
    }
    .index-xwzx .list01{
        display: none;
    }
}
@media only screen and (min-width: 300px) and (max-width: 500px){
    .index-xwzx {
        padding: 40px 0;
    }
    .index-xwzx .xwzx-cont {
        padding: 0 15px;
    }
    .index-xwzx .swiper-button-next,
    .index-xwzx .swiper-button-prev {
        width: 44px;
        height: 44px;
        margin-top: -22px;
        background-size: 44px;
    }
    .index-xwzx .swiper-button-next:hover,
    .index-xwzx .swiper-button-prev:hover{
        background-size: 44px;
    }
    .index-xwzx .list .sjll p {
        font-size: 12px;
    }
    .index-xwzx .list {
        width: 100%;
        box-shadow: 0 2px 10px #e7eaed;
    }
    .index-xwzx .list02{
        display: none;
    }
    .index-xwzx .index-ckgd {
        padding-top: 50px;
    }
}

/* pc端底部 */
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .footer-pc .footer-zjxw {
       display: none;
    }
    .footer-pc .footer-yqlj,
    .footer-pc .footer-zxzx,
    .footer-pc .footer-fwrx {
        width: 30%;
    }
    .footer-pc .footer-fwrx .fwrx h3 {
        font-size: 22px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 1100px){
    .footer-pc .footer-znlj .znlj a {
        font-size: 14px;
    }
}

/* mp底部 */
@media only screen and (min-width: 300px) and (max-width: 750px){
    .footer-mp {
        padding-top: 30px;
    }
    .footer-mp .footer-top {
        padding: 0 20px;
    }
    .footer-mp .footer-top .logo {
        width: 140px;
    }
    .footer-mp .footer-top .lxfs p {
        font-size: 16px;
        line-height: 28px;
    }
    .footer-mp .footer-top .lxfs h3 {
        font-size: 20px;
        margin: 8px 0;
    }
    .footer-mp .footer-yqlj .list {
        padding: 0 20px;
        border-top: 1px solid #505050;
    }
    .footer-mp .footer-yqlj .yqlj-zynr li {
        border-top: 1px solid #505050;
    }
    .footer-mp .footer-yqlj .yqlj-title {
        height: 66px;
    }
    .footer-mp .footer-yqlj .yqlj-title h3 {
        font-size: 18px;
    }
    .footer-mp .footer-yqlj .yqlj-zynr a {
        font-size: 16px;
        line-height: 66px;
    }
    .footer-mp .footer-wxlj {
        padding: 20px;
        border-top: 1px solid #505050;
        border-bottom: 1px solid #505050;

    }
    .footer-mp .footer-wxlj img{
        width: 60px;
    }
    .footer-mp .footer-wzba {
        padding: 30px 20px 40px;
        box-sizing: border-box;
    }
    .footer-mp .footer-wzba p {
        font-size: 16px;
        line-height: 28px;
    }
}



@media only screen and (min-width: 300px) and (max-width: 500px){
    .footer-mp {
        padding-top: 25px;
    }
    .footer-mp .footer-top {
        padding: 0 15px;
    }
    .footer-mp .footer-top .logo {
        width: 120px;
    }
    .footer-mp .footer-top .lxfs p {
        font-size: 14px;
        line-height: 24px;
    }
    .footer-mp .footer-top .lxfs h3 {
        font-size: 17px;
        margin: 8px 0;
    }
    .footer-mp .footer-yqlj .list {
        padding: 0 15px;
    }
    .footer-mp .footer-yqlj .yqlj-title {
        height: 60px;
    }
    .footer-mp .footer-yqlj .yqlj-title h3 {
        font-size: 16px;
    }
    .footer-mp .footer-yqlj .yqlj-zynr a {
        font-size: 14px;
        line-height: 60px;
    }
    .footer-mp .footer-wxlj {
        padding: 18px;
    }
    .footer-mp .footer-wxlj img{
        width: 50px;
    }
    .footer-mp .footer-wzba {
        padding: 25px 15px 30px;
        box-sizing: border-box;
    }
    .footer-mp .footer-wzba p {
        font-size: 14px;
        line-height: 24px;
    }
}

/* 侧边资讯栏 */
@media only screen and (min-width: 300px) and (max-width: 900px){
    .jjswz-cbzxl .qq,
    .jjswz-cbzxl .dh,
    .jjswz-cbzxl .wx{
        display: none;
    }
    .jjswz-cbzxl {
        top: 75%;
    }
    .jjswz-cbzxl .fhdb {
        background-color: #16accc;
    }
}





@media only screen and (min-width: 300px) and (max-width: 1200px){
    
}