@charset "utf-8";


@media  screen and (max-width: 1440px){
   /*index*/
    .wrap{width: 95%;}
    .abLhead-main p{height: 107px;overflow: hidden;}
/*    .circuit-list .bd{width: 90%;margin: 0 auto;}
*/




    .rwpic2{height: 240px;}
    .Trends-txt p{height: 24px;overflow: hidden;}
    .project ul li{height: 254px;}
    .video ul li{height: 221px;}



    .trip ul li{height: 265px;}

    
    .nybanner{max-height: 409px;}







}


@media  screen and (max-width: 1400px){
        /*index*/
        .wrap{width: 95%;}
        .jqhd-main,.xsmv-main{height: 183px;}
        .jqhd-main .bd,.xsmv-main dd,.xsmv-main dd .bd{height: 100%;}
        .abL-pic{height: 234px;}
        .jqhd-main .bd ul,.xsmv-main .bd ul{height: 100% !important;}
        .aboutH-head .title span:before, .aboutH-head .title span:after{width: 22%;}


        .video ul li{height: 197px;}
        .project ul li{height: 208px;}
        .trip ul li{height: 215px;}
        .rwpic2{height: 190px;}
        .trip ul li{height: 186px;}

        .stay-main ul li{height: 252px;}
        .stayR p{margin: 5% 0;}

        .nav ul li a p{font-size: 12px;}





}



@media  screen and (max-width: 1280px) {
    /*index*/
    .wrap{width: 95%;}
    .logo{width: 10%;}
    .nav ul li{width: 10.9%;}

    .headR{width: 32%;   }

    .nybanner{max-height:350px;}








}



@media  screen and (max-width: 1200px){
    /*index*/









}



@media  screen and (max-width: 1024px){
    /*index*/
    .nybanner{max-height:550px;}
    .wrap{width: 95%;}
    .headR{width: 45%;margin: 32px 5% 0 0;}
    .circuit-list .bd ul,.circuit-list{height: 290px;}
    .circuit-list .bd li{width: 420px;}
    .wrap2{width: 95%;}

    .ewm{width: 25%;}
    .add{width: 70%;}

    .intro-main p img{width: 100%;}

    .stay-main ul li{height: 199px;}
    .stayR p{max-height: 74px;min-height: 70px;}


    .pusher-black{ background: none rgba(0,0,0,0.9);}
    .menuOpen .top{ position: absolute; z-index: inherit;}
    .menuOpen .menu-handler{ background-color: rgba(0,0,0,0.2);}
    .menuBox{ right: 0%; width: 100%; height: 100%; transition: transform 0.5s  0s,opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s,visibility 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: -webkit-transform 0.5s 0s,opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s,visibility 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s,-webkit-overflow-scrolling 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
    .bgMenu{ margin: 60px auto; width: 90%;}
    .subMenu{ margin-bottom: 15px;}
    .subMenu dd{ margin-bottom: 8px;}

    .sider-nav{ position: static; width: auto; height: auto;display: block;}
    .sider-nav li,.sider-nav li.btn-toggle{ width: auto; border-left: 0px none; border-bottom: 0px none;}
    .sider-nav li a{ height: 54px; line-height: 54px;margin: 16px 0 0 0;}
    .sider-nav li a:hover{ background-color: transparent;}
    .sider-nav .serach-toggle{ display: none;}
    .nav{display: none;}



}



@media  screen and (max-width: 800px){
    /*index*/
    .wrap, .wrap2{width: 95%;}
    .nav,.share{display: none;}
    .headR{width: 40%;}
    .trip ul li,.video ul li,.project ul li { width: 31%;margin: 10px 1%;}
    .nybanner{max-height:300px;}
    .add{width: 65%;}
    .ewm{width: 32%;}
    .scenic-list{margin: 20px 0 0 0;}
    .journey,.Trends,.intro{margin: 20px 0;}
    .subnav a{margin: 0 3px 3px ;}
    .Trends ul li{width: 48%;height: 338px;}
    .scenic-list ul li{height: 170px;}
    .rwpic2{height: 235px;}
    .cultural ul li{width: 48%;margin: 10px 1%; }

    .abL{margin: 0 0 1em 0;}
    .abL,.abR{width: 100%;float: none;}


    .playxs-other table tr td a span {font-size: 12px;top: 32%;}
    .playxs{padding: 1em 0 0 0;}
    .aboutH-head h1{font-size: 30px;}
    .aboutH{margin: 1em 0 ;}
    .circuit-list .bd li{width: 240px;}
    .circuit-list .bd ul, .circuit-list{height: 163px;}
    .circuit-list .bd{width: 100%;}
    .Teletext{height: auto;}
    .txtbox,.txtbox2{width: 100%;height: 350px;float: none;}
    .txtbox2{margin: 1em 0;}




}



@media  screen and (max-width: 640px){
    /*index*/
    .logo{line-height: 70px;}
    .logo a img{width: 75px;}
    .head{height: 70px;padding: 0;}
    .headR{width: 70%;    margin: 1.5em 0 0 0;  display: none;}
    .aboutH-head .title{width: 95%;}
    .aboutH-head .title span:before, .aboutH-head .title span:after{width: 16%;}

    .abL dl{width: 100%;float: none;margin: .5em 0;}
    .aboutH-main,.xsmv{margin: 1em 0 0 0;}
    .jqhd,.xsmv,.add,.ewm{width: 100%;float: none;}
    .rwxs-main{text-align: center;}
    .rwxs-main .bd{display: inline-block;}
    .footBotom{height: auto;line-height: 28px;}
    .addR ul li{line-height: 24px;}
    .footTop{padding: 1em 0;}
    .footT-bom,.ewm{margin: 1em 0 0 0;}

    .ewm .fl,.ewm .fr{width: 50%;margin: 0;text-align: center;}
    .playxs-nav ul li{width: 33%;margin: 0 0 1em 0;}


    .circuit-menu a{padding: 0 1em;font-size: 14px;margin: 0 5px 5px 0;}
    .circuit-list .bd{display: inline-block;width: auto;}
    .circuit-list{text-align: center;}
    .circuit-list .mr_frBtnR{right: 10%;}
    .circuit-list .mr_frBtnL{left: 10%;}
    .playxs-other table tr td{width: 32.6%; display: inline-table;}

    .Trends ul li,.trip ul li, .video ul li, .project ul li,.cultural ul li,.stay-main ul li{width: 100%;float: none;height: auto;}
    .paging .SplitPage a{padding: 0 12px;margin-bottom:5px; }
    .cultural,.video,.info,.project,.scenic,.buzz,.stay,.news{margin: 1em 0;}
    .scenicB{padding: 1em;}
    .scenic-list ul li {height: 107px;}

    .news-txt p img{width: 100%  !important;height: auto !important}
    .trip ul li{height: auto;}
    .user2-xx{width: 85%;}

    .intro-main p img {width: 100% !important; height: auto !important;}
    .photo-panel .photo-left, .photo-panel .photo-right{position: absolute;top:32%;z-index: 9999;float: none;}
    .photo-panel .photo-div{width: 100%;    top: 30%;height: auto;}
    .photo-panel .photo-left{left: 0;}
    .photo-panel .photo-right{right: 0;}
    .photo-panel .photo-close{margin-left: 0;right: 0;}
    .photo-panel .photo-img,.photo-panel .photo-view-w{width: 100%;height: auto;}
    .photo-panel .photo-view-w img{max-width: 90%;}
    .photo-panel .photo-left, .photo-panel .photo-right{margin-top: 0;}


    .photo-panel .photo-view-h img {max-width: 95%; height: auto;}
    .photo-panel .photo-view-h {width: 100%;height: auto;}
    .photo-panel .arrow-prv,.photo-panel .arrow-next { width: 89px ;height: 89px ; background-size: cover;margin: 0;}
    .photo-panel .arrow-prv:hover,.photo-panel .arrow-next:hover{width: 89px  !important;height: 89px !important; background-size: cover;}
    .news-paging .fh{position: relative;}
    .intro-top {height: auto; line-height: 24px; font-size: 17px;}
    .sider-nav li a{ padding: 0px 15px;margin: 0;}


    .mouseIco{display: none;}
    .banner .slick-dots {top: auto;bottom: 3%; left: 0px;}
    .banner .slick-dots li {display: inline-block;margin: 0px 5px;}
    .banner .slick-dots li ,.banner .slick-dots a,.banner .slick-dots li.slick-active a{width: 12px;height: 12px;    background-size: 100% 100%;}


     .banner-box{margin: 5em 0 0 0;}
    .banner-box,.banner,.slick-list,.slick-track,.banner .item{height: 15em !important;}
    .banner .item{background-size: 100%;}




}