/*Created by lk on 2020/04/28.*/

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

    /* 左侧导航栏 */
    .index-left{width: 9.4%;}

    /* 中间主容器 */
    .content-center{width: 71%;}

    .content-center .banner-swipe{width: 74%; margin-right: 1%;}

    .content-center .banner-right{width: 25%;}
    .content-center .banner-right .item{margin-bottom: 20px;}
    .content-center .banner-right .item .img{max-height: 170px;}
    .content-center .banner-right .item .text h2{font-size: 16px;}

    .index-module-two .item .item-li .li .text{width: 56%; margin-left: 4%;}

    /* 右侧栏目 */
    .content-right{width: 18.6%;}

}


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

    /* 左侧导航栏 */
    .index-left{width: 9.8%;}

    /* 中间主容器 */
    .content-center{width: 69%;}

    .content-center .banner-swipe .li .text h2{font-size: 25px;}

    .content-center .banner-right .item .img{max-height: 146px;}
    .content-center .banner-right .item .text h2{margin-bottom: 6px;}

    .index-module-three .module-con .item-list .list li .img-bg{padding: 50px 50px 50px 40px;}

    /* 右侧栏目 */
    .content-right{width: 19.8%;}
    
}

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

    /* 左侧导航栏 */
    .index-left{width: 11%;}

    /* 中间主容器 */

    /* 公用标题 */
    .index-title h2{font-size: 26px;}
    .index-title h2:after{margin-top: 16px;}
    .index-title .line{width: 32%;}

    .content-center{width: 67%;}

    .content-center .banner-swipe .li .text{padding: 0 15% 10% 5%;}
    .content-center .banner-swipe .li .text p{font-size: 15px; line-height: 1.8;}

    .content-center .banner-swipe .slick-prev,
    .content-center .banner-swipe .slick-next{
        width: 40px;
        height: 60px;
        padding: 0;
    }

    .content-center .banner-right .item .img{max-height: 126px;}
    .content-center .banner-right .item .text h2{font-size: 15px;}

    /* 模型一 */
    .index-module-one .module-con .item .item-one .text p{font-size: 16px; line-height: 1.8;}
    .index-module-one .module-con .item .item-swipe .li .text h2{font-size: 16px;}

    /* 模型二 */
    .index-module-two .item .item-swipe-2 .li .text p{font-size: 20px;}
    .index-module-two .item .item-swipe-2 .slick-prev,
    .index-module-two .item .item-swipe-2 .slick-next{
        width: 40px;
        height: 60px;
        padding: 0;
    }

    .index-module-two .item .item-li .li .text p{font-size: 16px;}

    /* 模型三 */
    .index-module-three .module-con .item-list .list li .img-bg h2{width: 26px; height: 360px; font-size: 26px;}
    .index-module-three .module-con .item-list .list li .img-bg .text{height: 360px;}
    .index-module-three .module-con .item-list .list li .img-bg .text a:nth-child(9){display: none;}
    .index-module-three .module-con .item-list .list li .img-bg .text a:nth-child(10){display: none;}

    /* vr */
    .index-vr .module-con .vr-icon{width: 280px; height: 280px;}
    .index-vr .module-con .vr-icon .icon{width: 186px; height: 186px;}
    .index-vr .module-con .vr-icon .icon img{width: 140px;}

    /* 右侧栏目 */
    .content-right{width: 21%;}
    .content-right .list li{padding: 6px 0; margin: 4px 0;}



}

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

    /*----header----*/
    .header .logo{margin: 17.5px 30px 17.5px 10px;}

    .nav{display: none;}

    .nav-down{display: block;}

    .header .button{display: block;}

    /*----footer----*/
    .footer{padding: 40px 4% 0 4%;}
    .footer .footer-con .footer-left{width: 17%; margin-right: 0;}

    /* 左侧导航栏 */
    .index-left{width: 148px !important; position: fixed; top: 75px; right: -300px; padding: 20px 0 20px 20px; background: #fff; border-radius: 6px; box-shadow: 0 0 10px 3px rgba(0,0,0,.1); z-index: 9999;}
    .index-left .left-bar{margin-top: 20px; padding-bottom: 0; border-bottom: none;}
    .index-left .shop-ewm{display: none;}
    .index-left.on{right: 10px;}

    /* 中间主容器 */
    .index-content{width: 1366px; margin: 0 auto; padding: 15px 0 0 0;}

    .content-center{width: 1026px;}

    /* VR */
    .index-vr .module-con .vr-left{height: 460px;}
    .index-vr .module-con .vr-right{height: 460px;}

    /* 右侧栏目 */
    .content-right{width: 320px;}

    /* fix-left */
    .fix-left{display: block;}
    .fix-close{display: block;}

}

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

    /*----footer----*/
    .footer .footer-con{align-items: center; margin-bottom: 30px;}
    .footer .footer-con .footer-left{width: 20%;}
    .footer .footer-con .footer-right{width: 80%; margin-bottom: 0;}
    .footer .footer-con .footer-right .nav-bar li{width: 20%; margin-bottom: 10px;}
    .footer .footer-con .footer-right .nav-bar li .nav-son{display: none;}
    
}

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

    .index-content{width: 1220px;}

    .content-center{width: 100%;}

    .content-center .banner-right .item .img{max-height: 170px;}

    .index-title .line{width: 40%;}

    .content-right{display: none;}
    
}

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

     /* 适配导航 */
    .nav-down .nav-bar{width: 88%;}
    
}

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

    /* 适配导航 */
    .nav-down .nav-bar{width: 92%;}

    /* 联系我们 */
    .page-contact h1{font-size: 24px;}

    .index-content{width: 1020px;}

    .content-center .banner-right .item .img{max-height: 132px; margin-bottom: 8px;}

    .index-title .line{width: 32%;}

    .item-title h3{font-size: 18px;}

    .index-module-one .module-con .item{width: 31%;}

    .index-module-one .module-con .item .item-swipe .slick-dots{margin: 0 0 -190px 0;}

    /* VR */
    .index-vr .module-con .vr-left{height: 400px;}
    .index-vr .module-con .vr-right{height: 400px;}
    
}

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

    /*----footer----*/
    .footer .footer-con{display: none;}
    .footer .footer-link{padding: 0 0 20px 0; border-top: none;}
    
    .index-content{width: 92%;}

    .index-banner-left{flex-wrap: wrap;}
    .content-center .banner-swipe{width: 100%; margin-right: 0;}

    .content-center .banner-right{display: none; width: 100%; _display: flex; justify-content: space-between;}
    .content-center .banner-right .item{width: 49%; margin-bottom: 0;}
    .content-center .banner-right .item a{display: flex; align-items: center;}
    .content-center .banner-right .item .img{width: 45%; margin-bottom: 0;}
    .content-center .banner-right .item .text{width: 55%; padding-left: 5%;}
    .content-center .banner-right .item .text h2{font-size: 16px;}

    .index-title .line{width: 20%; }

    /* 行业概况 */
    .index-module-one .module-con .item{width: 48%; margin-bottom: 30px;}

    .index-module-one .module-con .item .item-list a:nth-child(3){display: none;}
    .index-module-one .module-con .item .item-list a:nth-child(4){display: none;}
    .index-module-one .module-con .item .item-list a:nth-child(5){display: none;}
    
    .index-module-one .module-con .item .item-swipe .slick-dots{margin: 0 0 -30px 0;}
    .index-module-one .module-con .item .item-li{display: none;}

    /* 鹿城风采 */
    .index-module-two .item{flex-wrap: wrap; margin-bottom: 10px;}
    .index-module-two .item .item-swipe-2{width: 100%; margin-bottom: 20px;}

    .index-module-two .item .item-li{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-left: 0;}
    .index-module-two .item .item-li .li{width: 32%; margin-bottom: 0;}
    .index-module-two .item .item-li .li a{flex-wrap: wrap; justify-content: space-between;}
    .index-module-two .item .item-li .li .img{width: 100%; margin-bottom: 10px;}
    .index-module-two .item .item-li .li .text{width: 100%; margin-left: 0;}

    .index-module-two .item .item-list{display: none;}

    /* 林深见鹿 */
    .index-module-three .module-con .item-list .list li .img-bg .text{margin-left: 60px;}

    .index-module-three .module-con .item-list .list li .img-bg h2{height: 280px;}
    .index-module-three .module-con .item-list .list li .img-bg .text{height: 280px;}
    .index-module-three .module-con .item-list .list li .img-bg .text a{width: 90%;}

    .index-module-three .module-con .item-list .list li .img-bg .text a:nth-child(7){display: none;}
    .index-module-three .module-con .item-list .list li .img-bg .text a:nth-child(8){display: none;}

    /* vr */
    .index-vr{margin-top: 30px; margin-bottom: 40px;}
    .index-vr .module-con .vr-icon{width: 280px; height: 280px;}
    .index-vr .module-con .vr-icon .icon{width: 146px; height: 146px;}
    .index-vr .module-con .vr-icon .icon img{width: 110px;}
    .index-vr .module-con .text p{font-size: 24px;}

}


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

    /*----footer----*/
    .footer .footer-bottom{flex-wrap: wrap; padding: 20px 0; }
    .footer .footer-bottom span{display: block; width: 100%; text-align: center;}
    .footer .footer-bottom a{margin: 6px 10px;}

    .index-title h2{font-size: 22px;}
    .index-title h2:after{margin-top: 10px;}
    .index-title .line{width: 0;}

    .item-title{display: none;}

    .index-module-one .module-con .item .item-list a:nth-child(2){display: none;}

    .index-module-three .module-con .item-list .list li .img-bg{padding: 50px 50px 50px 30px;}

    .index-module-three .module-con .item-list .list li .img-bg .text a{width: 76%;}

    
}


/* 头部导航 */
@media screen and (max-width: 820px) {

    .nav{display: block; width: 50%; overflow: hidden;}
    .nav .nav-bar{display: flex; gap: 4px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;  scroll-snap-type: x mandatory; cursor: grab;}
    .nav-bar::-webkit-scrollbar {display: none;}
    .nav-bar:active {cursor: grabbing;}
    .nav .nav-bar li{scroll-snap-align: start;}
    .nav .nav-bar li a{display: inline-block;  white-space: nowrap; }

    /* 滚动指示器 */
    .scroll-indicator {
        position: absolute;
        top: 0;
        height: 100%;
        width: 32px;
        z-index: 10;
        pointer-events: none;
        /* opacity: 0; */
        transition: opacity 0.3s ease;
    }

    .scroll-gradient-left{left: 0; background: linear-gradient(to right, white, transparent);}

    .scroll-gradient-right{right: 0; background: linear-gradient(to left, white, transparent);}

    .nav .nav-bar li .nav-son{display: none; opacity: 0; visibility: hidden;}

}

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

    .header .shop-logo{display: none;}
    .search-ico{margin: 22.5px 0 0 0;}
    .header .button{margin: 17.5px 90px 0 0;}

    .nav .nav-bar li{padding: 0 12px;}

     /* VR */
    .index-vr .module-con .vr-left{height: 340px;}
    .index-vr .module-con .vr-right{height: 340px;}

    .fix-left .fix-item{width: 40px; height: 40px;}

    /* 移动端820删除 */
    .index-module-one .module-con{display: none; opacity: 0; visibility: hidden;}
    .index-module-two .module-con{display: none; opacity: 0; visibility: hidden;}

    /* 移动端820显示 */
    .module-con-mob{display: block;}

}

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

    /* 移动端顶部广告 */
    .mob-ads{display: flex; position: relative; z-index: 2;}

    .mob-mark{display: block; width: 100%; height: 300px; background: url(../image/bg10.jpg) no-repeat top; background-size: cover; position: absolute; top: 0; left: 0;}

    /* 头部 */
    .header{height: 60px; padding: 0 10px; background: transparent; border-bottom: none;}


    /* 搜索 置顶 */
    .search-con{display: flex; justify-content: space-between; align-items: center; height: 40px; margin-top: 10px; position: absolute; top: 0; left: 0; background: transparent;}
    .search-con .search{width: 50%; margin: 8px 0 0 0; padding-top: 0;}
    .search-con .search form{height: 40px; position: relative;}
    .search-con .search .key{width: 86%; height: 32px; position: relative; padding: 0 0 0 34px; font-size: 14px; color: #999; border: none; border-radius: 6px; background: #fff;}
    .search-con .search .ss{width: 30px; height: 30px; padding: 0; background: url(../image/icon01.png) no-repeat; position: absolute; top: 0; left: 0; margin-left: 4px;}
    .search-con .search .ss span{color: transparent;}

    .search-con .search-logo{display: block;}
    .search-con .search-shop{display: block;}


    .header .logo{display: none;}
    .search-ico{display: none;}

    .header .button{margin: 52px 10px 0 0;}

    /* 导航 */
    .nav{margin-top: 40px; width: 88%;}
    .nav .nav-bar li{padding: 0 6px;}
    .nav .nav-bar li a{font-size: 14px; line-height: 60px;}
    .nav .nav-bar li a:after{display: none;}
    .nav .nav-bar li.on a{font-size: 15px; font-weight: bold; background: linear-gradient(to right, #0387c9, #71c2a8); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent}

     /* 适配导航 */
    .nav-down{margin-top: 0; z-index: 10001;}
    .nav-down.down{height: 100%; overflow-y: scroll;}
    .nav-down .nav-bar{width: 92%; padding: 30px 0 0 0;}
    .nav-down .nav-bar li{float: none; width: 100%; text-align: left;}
    .nav-down .nav-bar li a{font-size: 15px; line-height: 40px; }
   
    .nav-down .nav-bar li .nav-son{width: 100%;}
    .nav-down .nav-bar li .nav-son a{display: inline-block; font-size: 15px; line-height: 24px; text-align: left; margin-right: 10px;}

    .nav-down .nav-down-close{display: block;}

    .index-content{padding: 0; width: 100%;}

    /*  */
    .header .button span{width: 18px;}
    .header .button span:nth-child(1){top: 10px}
    .header .button span:nth-child(2){width: 14px; top: 17px}
    .header .button span:nth-child(3){top: 24px}


    /* 广告一 */
    .ads01{width: 92%; margin: 10px auto 0 auto; border-radius: 2px;}
    .index-ads01{display: none;}


    /* 首页轮播 */
    .index-banner{padding: 0 14px; border-bottom: 5px solid #f4f4f4;}

    .content-center .banner-swipe .li .text{padding: 0 5% 5% 5%;}
    .content-center .banner-swipe .li .text h2{font-size: 14px; font-weight: normal;}
    .content-center .banner-swipe .li .text p{display: none}

    .content-center .banner-swipe .slick-prev,
    .content-center .banner-swipe .slick-next{
        display: none;
        opacity: 0;
        visibility: hidden;
    }

    .content-center .banner-swipe .slick-dots{z-index: 996;}

    .content-center .banner-right{flex-wrap: wrap;}
    .content-center .banner-right .item{width: 100%; margin-bottom: 10px;}
    .content-center .banner-right .item .img{display: none;}
    .content-center .banner-right .item .text{width: 100%; padding-left: 0;}
    .content-center .banner-right .item .text h2{font-size: 16px; line-height: 1.4; margin-bottom: 4px;}

    /* 移动端-今日热榜 */
    .mob-news{display: block; background: #fff; padding: 10px 15px; border-bottom: 5px solid #f4f4f4;}

    /* 公用标题 */
    .index-title{margin-bottom: 20px;}
    .index-title h2{font-size: 18px; padding-left: 16px; }
    .index-title h2:after{width: 8px; height: 8px; margin-top: 8px;}
    .index-title .title-bar{display: none;}
    .index-title .line{display: none;}

    /* 行业概况 */
    .index-module-one{margin-top: 10px; padding: 0 15px; }
 
    /* 鹿城风采 */
    .index-module-two{margin-top: 10px; padding: 0 15px;}

    /* 行业概况移动端 */
    .module-con-mob .mob-list li{margin-bottom: 10px;}
    .module-con-mob .mob-list li h2{font-size: 16px;}


    /* 林深见鹿 */
    .index-module-three{margin-top: 10px; border-bottom: 5px solid #f4f4f4;}
    .index-module-three .index-title{padding: 0 15px;}

    .index-module-three .module-con{ width: 100%; overflow: hidden;}
    .index-module-three .module-con .item-list{border-radius: 0; padding: 0 10%;}
    .index-module-three .module-con .item-list .slick-list{overflow: visible;}
    .index-module-three .module-con .item-list .list li{position: relative;  width: 100%; margin: 0 5px; padding-bottom: 240px;}
    .index-module-three .module-con .item-list .list li .img-bg{display: flex; padding: 60px 0; text-align: center; border-radius: 8px;}
    .index-module-three .module-con .item-list .list li .img-bg h2{position: relative; width: 100%; height: auto; font-size: 18px;}
    .index-module-three .module-con .item-list .list li .img-bg h2:after{display: none;}
    
    .index-module-three .module-con .item-list .list li .img-bg .text{opacity: 0; position: absolute; top: 0; left: 0; width: 130%; margin-top: 58%; margin-left: 0; height: auto; transform: translateX(0); transition: all ease .4s; -webkit-transition: all ease .4s;}
    .index-module-three .module-con .item-list .list li .img-bg .text a{font-size: 15px; color: #333; padding: 6px 0 6px 14px; white-space: wrap; overflow: visible; text-align: left;}
    .index-module-three .module-con .item-list .list li .img-bg .text a:after{background: #666; margin-top: 15px;}

    .index-module-three .module-con .item-list .list li .img-bg .text a:nth-child(6){display: none;}

    .index-module-three .module-con .item-list .list li.slick-active .img-bg .text{opacity: 1;} 

    /* VR */
    .index-vr{margin-top: 10px; margin-bottom: 0;}
    .index-vr .module-con{border-radius: 0;}
    .index-vr .module-con .vr-left{height: 200px;}
    .index-vr .module-con .vr-right{height: 200px;}
    .index-vr .module-con .vr-icon{width: 220px; height: 220px;}
    .index-vr .module-con .vr-icon .icon{width: 96px; height: 96px;}
    .index-vr .module-con .vr-icon .icon img{width: 70px;}
    .index-vr .module-con .text p{font-size: 18px;}


    .index-left{padding: 0 0 0 20px;}
    .index-left span{padding: 10px 0;}
    .index-left .left-bar{margin-top: 10px;}
    .index-left .left-bar a{margin-bottom: 8px;}
    .index-left.on{right: 5px;}



    .scroll-gradient-left{top: 6px; left: -10px; background: linear-gradient(to right, #effff4, transparent);}

    .scroll-gradient-right{top: 6px; right: 0; background: linear-gradient(to left, #e3f3e8, transparent);}


}