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


@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;}


    /* page-article */
    .article-banner{height: 660px;}


    /* 左侧菜单栏 */
    .content-left{width: 16.5%;}

    /* --------新闻列表(1)-------- */
    .item-swipe .li .text p{font-size: 26px;}

    .content-newslist{width: 83.5%;}

    .center-item .center-right .item-con .item-right a:nth-child(11){display: none;}
    .center-item .center-right .item-con .item-right a:nth-child(12){display: none;}
    .center-item .center-right .item-con .item-right a:nth-child(13){display: none;}
    .center-item .center-right .item-con .item-right a:nth-child(14){display: none;}
    .center-item .center-right .item-con .item-right a:nth-child(15){display: none;}
    .center-item .center-right .item-con .item-right a:nth-child(16){display: none;}
    .center-item .center-right .item-con .item-right a:nth-child(17){display: none;}


}

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

    /* ---- 新闻详情 ---- */
    .newshow-content{width: 92%;}

    .newsshow-con{width: 70%; margin-right: 5%;}
    .newsshow-con .show-text img{max-width: 88%;}
    .newshow-content .newslist-right{width: 25%;}

    /* 新闻列表(2) */
    .newslist{width: 82.5%;}
    .newslist .newslist-left{width: 61%; margin-right: 5%;}
    .newslist .newslist-right{width: 34%;}


    
}

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

    /* ---- 新闻详情 ---- */
    .newsshow-con{width: 67%; margin-right: 5%;}
    .newshow-content .newslist-right{width: 28%;}


    /*----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;}


    /* page-article */
    .article-banner{height: 580px;}

    /* 左侧菜单栏 */
    .content-left{width: 19.5%;}

    /* --------新闻列表(1)-------- */
    .content-newslist{width: 80.5%;}

    .center-item .center-left{width: 35%; padding-right: 5%;}
    .center-item .center-right{width: 65%;}

    .center-item .center-right .item-con .item-left{width: 100%; padding-right: 0;}
    .center-item .center-right .item-con .item-right{display: none;}
    

}


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

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

    /* 联系我们 */
    .page-contact .contact-left{width: 55%;}
    .page-contact .contact-right{width: 45%; padding-left: 5%;}

}


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

    .w1200{width: 92%;}

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

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


    /* ---- 新闻详情 ---- */
    .newsshow-con{width: 100%; margin-right: 0;}
    .newshow-content .newslist-right{display: none;}

    .content-left-p{width: 26%;}

    /* 新闻列表(2) */
    .newslist{width: 74%;}
    .newslist .newslist-left{width: 80%; margin-right: 0;}
    .newslist .newslist-right{display: none;}


    /* page-article */
    .article-banner{height: 469px;}

    .page-article h1{font-size: 24px;}

    .ads img{width: 100%;}


    /* --------新闻列表(1)-------- */
    .item-swipe .li .text p{font-size: 22px;}

    .item-swipe .slick-prev,
    .item-swipe .slick-next{
        width: 40px;
        height: 60px;
        padding: 0;
        background: rgba(0,0,0,.5);
    }


    .center-item .center-left{width: 40%; padding-right: 5%;}
    .center-item .center-right{width: 60%;}
    .center-item .center-right .item-con .item-left .li .text h2{font-size: 18px;}

    .content-search .search-list{width: 92%;}
    .content-search .search-list .newslist-left{width: 60%; margin: 0;}


}

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

    /*----footer----*/
    .footer .footer-con{display: none;}
    .footer .footer-link{padding: 0 0 20px 0; border-top: none;}

    /* 联系我们 */
    .page-contact .w1200{flex-wrap: wrap;}
    .page-contact .contact-left{width: 100%; margin-bottom: 40px;}
    .page-contact .contact-right{width: 100%; padding-left: 5%;}

    /* ---- 新闻详情 ---- */
    .newsshow-con .show-title h1{font-size: 24px;}
    .newsshow-con .show-text img{max-width: 92%;}
    .newsshow-con .show-text p{font-size: 18px;}
    .newsshow-con .show-text p i{font-size: 16px;}
    .newsshow-con .show-text span{font-size: 18px;}
    .newsshow-con .show-text p em{font-size: 16px;}


    /* page-article */
    .article-banner{height: 376px;}

    /* page-panorama */
    .page-panorama .panorama-con .text p{font-size: 24px;}
    .page-panorama .panorama-con .vr-icon{width: 280px; height: 280px; }
    .page-panorama .panorama-con .vr-icon .icon{width: 186px; height: 186px; } 
    .page-panorama .panorama-con .vr-icon .icon img{width: 140px;}


    /* --------新闻列表(1)-------- */
    .item-swipe .li .img{width: 65%;}
    .item-swipe .li .text{width: 35%; padding: 40px 30px 0 30px;}
    .item-swipe .li .text p{font-size: 22px;}

    .center-item .center-right .item-con .item-left .li .text h2{font-size: 17px;}

 

    
}

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

    .header{display: none;}

    /*----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;}

    .article-banner .return{display: block; position: absolute; top: 0; left: 0; margin: 20px 0 0 15px; width: 30px; height: 30px; background: url(../image/prev.png) no-repeat; background-size: cover; z-index: 2;}

    /* page-article */
    .article-title{display: flex; justify-content: space-between; align-items: center; padding: 0 4%; top: 0; margin-bottom: 30px; margin-top: 10px; border-bottom: 8px solid #f8f8f8;}
    .article-title a{position: relative; width: auto; height: 60px; line-height: 60px; font-size: 18px; color: #333; margin: 0 2%; border-top-left-radius: 0; border-top-right-radius: 0; background: transparent;}
    .article-title a:after{content: ""; display: block; width: 0; height: 3px; background-image: linear-gradient(to right, #0387c9, #71c2a8); position: absolute; bottom: 0; left: 0;}
    .article-title a.on{background: transparent; font-size: 20px; font-weight: bold; height: 60px; line-height: 60px; background-image: linear-gradient(to right, #0387c9, #71c2a8); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent}
    .article-title a:hover{background: transparent; height: 60px; line-height: 60px; background-image: linear-gradient(to right, #0387c9, #71c2a8); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent}
    .article-title a.on:after{width: 100%;}
    .article-title a:hover:after{width: 100%;}

    .page-article h1{margin-bottom: 30px;}
    .page-article .article-pt{display: none;}
    .page-article .article-con p{font-size: 18px;}

    /*----news-banner----*/
    .news-banner{height: 280px;}
    .news-banner .return{display: block; position: absolute; top: 0; left: 0; margin: 20px 0 0 15px; width: 30px; height: 30px; background: url(../image/prev.png) no-repeat; background-size: cover; z-index: 2;}
    .news-banner .banner-bg h2{font-size: 24px; padding-top: 110px;}

    /* news-title */
    .news-title{position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 4%; top: 0; margin: 10px auto 30px auto; border-bottom: 8px solid #f8f8f8;  overflow: hidden;}
    .news-title a{position: relative; width: auto; height: 60px; line-height: 60px; font-size: 18px; color: #333; margin: 0 2%; border-top-left-radius: 0; border-top-right-radius: 0; background: transparent;}
    .news-title a:after{content: ""; display: block; width: 0; height: 3px; background-image: linear-gradient(to right, #0387c9, #71c2a8); position: absolute; bottom: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
    .news-title a.on{background: transparent; font-size: 20px; font-weight: bold; height: 60px; line-height: 60px; background-image: linear-gradient(to right, #0387c9, #71c2a8); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent}
    .news-title a:hover{background: transparent; height: 60px; line-height: 60px; background-image: linear-gradient(to right, #0387c9, #71c2a8); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent}
    .news-title a.on:after{width: 100%;}
    .news-title a:hover:after{width: 100%;}

    .content{top: 0;}

    /* ---- 新闻详情 ---- */
    .newshow-content{margin: 10px auto 0 auto;}

    .site{display: none;}

    .newsshow-con .show-pt .change-size{display: none;}

    .newsshow-con .return{display: block; margin: 10px 0 10px -5px; width: 30px; height: 30px; background: url(../image/prev-1.png) no-repeat; background-size: cover; z-index: 2;}

    .newsshow-con .show-video{margin-top: 20px;}


    .content-left-p{display: none;}

    /* 新闻列表(2) */
    .newslist{width: 92%; margin: 0 auto;}
    .newslist .newslist-left{width: 80%; margin: 0 auto;}
    .newslist .newslist-left .li .text h2{font-size: 18px;}

    .center-item .center-right .item-con .item-left .li .text h2{font-size: 16px;}

    /* 左侧菜单栏 */
    .content-left{display: none;}

    /* --------新闻列表(1)-------- */
    .content-newslist{width: 100%;}

    /* page-panorama */
    .panorama-banner{display: block;}
    .panorama-banner:after{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.2);
        position: absolute;
        top: 0; 
        left: 0;
    }
    .panorama-banner .vr-icon{width: 340px; height: 340px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
    .panorama-banner .vr-icon .icon{width: 180px; height: 180px; border-radius: 50%; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 
    .panorama-banner .vr-icon .icon img{width: 140px; float: none; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
    .panorama-banner .vr-icon .icon:before{content: ""; display: block; width: 100%; height: 100%; background: rgba(255,255,255,.6); position: absolute; top: 0; left: 0; border-radius: 50%; animation: zoom 2s .4s infinite linear;}
    .panorama-banner .vr-icon .icon:after{content: ""; display: block; width: 100%; height: 100%; background: rgba(255,255,255,.5); position: absolute; top: 0; left: 0; border-radius: 50%; animation: zoom1 2s infinite linear;}
     
    /* page-panorama */
    .page-panorama .panorama-con{flex-wrap: wrap; width: 92%; height: auto !important;  margin: 30px auto;}
    .page-panorama .panorama-con .vr-left{width: 100%; height: 380px; margin-bottom: 30px; border-radius: 12px; overflow: hidden;}
    .page-panorama .panorama-con .vr-right{width: 100%; height: 380px; border-radius: 12px; overflow: hidden;}

    .page-panorama .panorama-con .text{width: 100%; top: auto; bottom: 0; transform: translateY(0); background-image: linear-gradient(to right, #0387c9, #71c2a8);}
    .page-panorama .panorama-con .text p{font-size: 24px; padding: 20px 0; transform: translateY(0); }
    .page-panorama .panorama-con .text span{display: none;}
    .page-panorama .panorama-con .vr-icon{display: none;}

    /* 内页栏目移动端样式 */

    /* 滚动指示器 */
    /* .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);
    } */

    .news-title .news-title-con{
        display: flex;
        gap: 4px;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        cursor: grab;
    }

    .news-title .news-title-con a{display: inline-block;  white-space: nowrap; padding: 0 10px;}

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

    /* 左侧菜单栏-移动端 */
    .index-left{display: block;}


}


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

    /*----footer----*/
    .footer .footer-con{margin-bottom: 20px;}
    .footer .footer-con .footer-right .nav-bar li a{font-size: 14px; font-weight: normal;}
    .footer .footer-link{display: none;}
    .footer .footer-bottom{border-top: 1px solid #dedede;}

    /* page-article */
    .article-banner{height: 290px;}
    .article-banner .return{display: block; position: absolute; top: 0; left: 0; margin: 20px 0 0 15px; width: 30px; height: 30px; background: url(../image/prev.png) no-repeat; background-size: cover; z-index: 2;}

    .page-article h1{font-size: 20px;}
    .page-article .article-con p{font-size: 16px;}

 

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

    /* 新闻列表(2) */
    .newslist .newslist-left{width: 88%;}

    /* ---- 新闻详情 ---- */
    .newsshow-con .show-title h1{font-size: 20px;}
    .newsshow-con .show-text p{font-size: 16px;}
    .newsshow-con .show-text p i{font-size: 14px;}
    .newsshow-con .show-text span{font-size: 16px;}
    .newsshow-con .show-text p em{font-size: 14px;}

    .newsshow-con .recommend h2{font-size: 22px; font-weight: bold;}
    .newsshow-con .recommend h2:before{width: 86px;}
    .newsshow-con .recommend h2:after{margin-left: 86px;}
    .newsshow-con .recommend .recommend-list .li .img{display: none;}
    .newsshow-con .recommend .recommend-list .li .text{width: 100%;}
    .newsshow-con .recommend .recommend-list .li .text p{position: relative; font-size: 16px; padding-left: 20px;}
    .newsshow-con .recommend .recommend-list .li .text p:after{content: ""; display: block; width: 8px; height: 8px; background: #999; border-radius: 50%; position: absolute; top: 0; left: 0; margin-top: 8px;}


    .content-search .search-list .newslist-left{width: 88%;}
}


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

    .radius{border-radius: 4px;}

    .ads-close{display: none;}


    /* page-article */
    .article-banner{height: 160px;}
    

    .article-title a{margin: 0 2%; font-size: 15px;}
    .article-title a.on{font-size: 17px;}

    .page-article{margin-bottom: 30px;}

    .page-panorama .panorama-con .vr-left{height: 240px; margin-bottom: 20px;}
    .page-panorama .panorama-con .vr-right{height: 240px;}
    .page-panorama .panorama-con .text p{font-size: 18px; padding: 16px 0;}


    /* 联系我们 */
    .page-contact{margin-bottom: 30px;}
    .page-contact .contact-left .map{height: 320px;}
    .page-contact .contact-right{padding-left: 0;}
    .page-contact .contact-right h2{font-size: 18px; font-weight: normal; margin-bottom: 30px;}
    .page-contact .contact-right p{font-size: 16px; line-height: 30px; margin-bottom: 20px;}

    /*----news-banner----*/
    .news-banner{height: 160px;}
    .news-banner .banner-bg h2{font-size: 18px; padding-top: 50px;}
    .news-banner .banner-bg .line{width: 30px; height: 2px; margin: 10px auto 8px auto;}
    .news-banner .banner-bg h4{font-size: 14px;}

    /* --------新闻列表(1)-------- */

    .item-swipe .li{margin: 0 5px;}
    .item-swipe .li a{flex-wrap: wrap;}
    .item-swipe .li .img{width: 100%; border-radius: 6px; overflow: hidden;}
    .item-swipe .li .text{width: 100%; padding: 30px 10px 20px 10px;}
    .item-swipe .li .text p{font-size: 16px; color: #333; font-weight: normal; line-height: 1.6;}

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

    .item-swipe .slick-dots{width: 100%; bottom: 0; margin: 0 0 60px 0; text-align: center;}

    .center-item{flex-wrap: wrap; padding: 0 7px;}
    .center-item .center-left{width: 100%; padding-right: 0; padding-bottom: 10px; margin-bottom: 4px;}
    .center-item .center-left h2{color: transparent; background: url(../image/icon11.png) no-repeat; background-size: 113px 40px;}
    .center-item .center-left .text-list:after{display: none;}
    .center-item .center-left .text-list a{color: #333; padding: 0 0 0 20px; margin: 10px 0; }
    .center-item .center-left .text-list a:after{background-image: linear-gradient(to right, #0387c9, #71c2a8); border: none; margin-top: 10px;}
    .center-item .center-left .text-list a:hover{font-style: normal;}
    .center-item .center-left .text-list a:nth-child(4){display: none;}
    .center-item .center-left .text-list a:nth-child(5){display: none;}
    .center-item .center-left .text-list a:nth-child(6){display: none;}
    .center-item .center-left .text-list a:nth-child(7){display: none;}
    .center-item .center-left .text-list a:nth-child(8){display: none;}

    .center-item .center-right{width: 100%;}
    .center-item .center-right .item-con .item-left{width: 100%; padding-right: 0;}
    .center-item .center-right .item-con .item-left .li{padding-bottom: 10px; margin-bottom: 10px;}
    .center-item .center-right .item-con .item-left .li a{flex-wrap: wrap;}
    .center-item .center-right .item-con .item-left .li .img{width: 100%; margin-bottom: 10px;}
    .center-item .center-right .item-con .item-left .li .text{width: 100%; padding-left: 0;}



    .page-title h2{font-size: 18px;}




     /* 新闻列表(2) */
    .newslist .newslist-left{width: 100%;}
    .newslist .newslist-left .li{padding-bottom: 10px; margin-bottom: 10px;}
    .newslist .newslist-left .li a{flex-wrap: wrap;}
    .newslist .newslist-left .li .img{width: 100%; margin-bottom: 10px;}
    .newslist .newslist-left .li .text{width: 100%; padding-left: 0;}
    .newslist .newslist-left .li .text h2{font-size: 16px;}


    /* ---- 新闻详情 ---- */
    .newsshow-con .show-video{margin-top: 10px;}

    .newsshow-con .show-title{text-align: left; margin: 20px 0;}
    .newsshow-con .show-title h1{font-size: 18px;}

    .newsshow-con .show-pt{padding: 0; background: transparent; text-align: left;}
    .newsshow-con .show-pt span{display: inline-block; font-size: 14px; margin: 0 20px 0 0;}

    .newsshow-con .show-text img{max-width: 100%;}
    .newsshow-con .show-text p i{margin-bottom: 20px;}

    .newsshow-con .recommend h2{font-size: 18px; font-weight: bold;}
    .newsshow-con .recommend h2:before{width: 76px;}
    .newsshow-con .recommend h2:after{margin-left: 76px;}
    .newsshow-con .recommend .recommend-list .li{width: 100%; padding-bottom: 10px; margin-bottom: 10px; }
    .newsshow-con .recommend .recommend-list .li .text p{font-size: 15px;}

    .panorama-banner .vr-icon{width: 260px; height: 260px;}
    .panorama-banner .vr-icon .icon{width: 110px; height: 110px;}
    .panorama-banner .vr-icon .icon img{width: 80px; }


    .news-title{border-bottom: 4px solid #f4f4f4; margin: 4px auto 20px auto;}
    .news-title a:after{height: 2px;}

    .news-title .news-title-con a{font-size: 15px; height: 46px; line-height: 46px; padding: 0;}
    .news-title a.on{font-size: 17px; height: 46px; line-height: 46px;}

    .index-left.on{right: 5px;}

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

    .ads-page{display: none;}

    .content-search .search-list .newslist-left{width: 100%;}

}


/* 头部导航 */
@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: 479px) {

    .nav{width: 80%}
    
}