@media (min-width:1334px) { } @media (max-width:1333px) { .content_area{width: 90%;padding: 0 3% 0 3%;} .ftInfo .ftQrCode{margin-right: 10%;} .shSwiperBtn{top: 14vw;} } @media (max-width:1240px) { .gsxwB{width: 100%;margin-bottom: 2.95%;background: none !important;height: auto;} .gsxwB .img{display: block;width: 100%;} .gsxwB .img img{width: 100%;} .gsxwA{width: 48.5%;float: right;margin: 0 0 2.95% 0;} .gsxwA:nth-child(2n){float: left;} } @media (max-width:1200px) { .ftInfo .ftQrCode{margin-right: 7%;} } @media (max-width:960px) { .video_box{width: 90%;} .video_close{width: 5vw;height: 5vw;transform: translate(50%,-50%);right: 0;top: 0;z-index: 10;} .video_close:before{width: 80%;} .video_close:after{height: 80%;} body{padding-top: 12vw;} body.active .bgmask{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 3;background: rgba(0,0,0,.1);transition: .5s;} .pubBg{margin-bottom: -536px;} .header{padding: 3vw 0;background: rgb(255, 255, 255);position: fixed;top: 0;z-index: 140;width: 100%;box-shadow: -5px 0 5px #ccc;} .idxAboutCont .pic{display: none;} .idxAboutCont .txt{width: 100%;padding-left: 0;margin-left: 0;} .hdRight{display: none;} .menu .hdRight{display: block;margin: 0 auto;width: 225px;float: none;padding-bottom: 25vw;} .menu{position: fixed;top: 0;height: 100%;width: 66%;z-index: 130;padding-top: 12vw;right: -66%;transition: .5s;overflow-y: auto;} .nav{float: none;} .navItem{float: none;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.15);} /*.navItem div{position: relative;left: inherit;top: inherit;display: none;} .navItem div:hover{display: none;}*/ .menuDate{float: none;margin: 20px auto;text-align: center;} .navItem p {padding:0 5vw;position: relative;} .navItem p:before{content: '';display: block;width: 1vw;height: 1vw;border-left: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;right: 5vw;top: 50%;transform: translate(-50%,-50%) rotateZ(-45deg);} .navItem p a:hover{text-decoration: none;} .navItem p a{display: inline;padding: 0;} .navItem p a:before{display: none;} .navSub{position: inherit;left: initial;top: inherit;} .navItem .navSub a{text-align: left;padding: 2vw 0;padding-left: 8vw;box-sizing: border-box;} .navSubBd{position: inherit;left: inherit;transform: translateY(0);margin-bottom: 1vw;} .navItem .navSubBd a{background: none;border-bottom: none;text-indent: 2em;} .menu .hdSearch{width: 90%;max-width: 235px;margin: 0 auto;display: block;} body.active .web{transform: translateX(-66%);} body.active .menu{right: 0;} .menuBtn{} .menuBtn{width: 5vw;position: fixed;top: 7vw;transform: translateY(-50%);right: 5vw;padding: 5px;z-index: 200;} .menuBtn i{display: block;width: 90%;height: 3px;transition: .5s;border-radius: 3px;background: #6d8aa7;margin-bottom: 1vw;} .menuBtn i:nth-child(2){width: 100%;} .menuBtn.active i:nth-child(1){width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotateZ(45deg);} .menuBtn.active i:nth-child(2){opacity: 0;} .menuBtn.active i:nth-child(3){width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotateZ(-45deg);} .inSide{display: none;} .inContent{width: 100%;} .inAbCont .img {width: 100%;} .inAbCont .img img{float: none;max-width: 100%;padding: 0 0 20px 0;} .inData{padding-bottom: 10px;} .inData li div b{font-size: 5vw;} .inData li p{font-size: 12px;} .inAbSwp p{font-size: 12px;} .qxList li{width: 39.38vw;} .qxList li .pic{height: 21.4553vw;} .qxList li .pic span{padding: .5vw 2vw;font-size: 14px;} .newsSX p{width: 100%;margin-bottom: 10px;} .newsSX p:nth-child(2){text-align: left;padding: 0 0 0 70px;} .newsSX p:nth-child(2) span{left: 0;right: inherit;} .newsSX p:nth-child(2) span:before{right: -15px;} .qxTc img{max-width: 100%;float: none;margin-right: 0;} .qxTcCont{width: 80vw;padding:5vw ;} .qxTcClose{width: 5vw;height: 5vw;top: 100%;left: 50%;transform: translate(-50%, 50%);} .qxTcTiNr{max-height: 32vh;overflow-y: auto;padding-bottom: 5vw;} .kepuCont{} .kepuSwpNr{width:100%;position:relative;right:inherit;bottom:inherit;background:0} .kepuBtns{width: 100%;height: 40px;} .kepuBtnsB{height: 40px;width: 100%;} .kepuTi{margin-top: 20px;} .kepuBtn:before{width: 10px;height: 10px;} .ditu{min-height: 40vh;} } @media (max-width:800px) { .inData{display: flex;flex-wrap: wrap;} .inData{display: none;} .inData li{width: 33%;margin-bottom: 40px;} } @media (max-width:960px) and (min-width:751px) {} @media (max-width:1020px) {} @media (min-width:751px) {} @media (max-width:750px) { .header h1 img{width: 52.26vw;} .idxSwp .swiper-container .swiper-slide img{display: block;height: auto;width: 100%;height: 175px;} .idxSwp .swiper-container .swiper-slide p span{display: block;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .idxGsxw{height: inherit;} .idxGsxwSwp{width: 100%;margin-bottom: 25px;height: auto;} .idxSwp .swiper-container{height: auto;} .idxGsxwR{width: 100%;} .idxContDiv{width: 100%;} .idxAboutCont{height: auto;} .idxAboutCont .pic{display: block;width: 100%;height: auto;float: inherit;} .idxAboutCont .txt .nr{height: inherit;display: block;} .idxAboutCont .pic{width: 100%;background: none !important;} .idxAboutCont .pic img{display: block;max-width: 100%;width: 100%;} .idxZsgjSwp{height: auto;} .ftNav{width: 100%;float: inherit;} .ftInfo{width: 100%;float: inherit;margin-top: 40px;} .ftInfo .ftQrCode{float: left;margin-right: 1%;} .ftBotCopy{text-align: center;} .frLinks{position: relative;right: inherit;top: inherit;transform: translate(0,0);margin: 20px auto 10px;} .qxList li{width: 100%;float: none;margin-bottom: 6vw;} .qxList li:nth-child(2n){float: none;} .qxList li .pic{height: 45.77vw;} .qxList li .pic span{padding: .5vw 2vw;font-size: 14px;} .gsryTop{padding-bottom: 2.5%;} .gsryTop .img{width: 100%;box-sizing: border-box;padding: 2.5%;position: inherit;top: inherit;left: inherit;background: none !important;} .gsryTop .img img{display: block;width: 100%;} .gsryTop .txt{float: none;width: 95%;margin: 2.5% auto;} .tripBig_swiper li{font-size: 14px;line-height: .8rem;margin-top: 0.2rem;} .tripBig_swiper li:before{top: 0.3rem;} .jylnTopCont .img{background: none !important;width: 100%;position: relative;left: inherit;top: inherit;} .jylnTopCont .img img{display: block;max-width: 100%;} .jylnTopCont .txt{width: 100%;float: none;} .jylnTop:before{width: 8vw;height: 8vw;} .shzrSwpItem{width: 430px;max-width: 100%;margin: 0 auto 30px;float: none;} .shzrSwpItem:nth-child(2n){float: none;} .cityItem{padding: 0;/* height: 40vh; */min-height: auto;} .cityInfo{position: relative;right: inherit;top: inherit;width: 100%;} .city_select{width: 100%;} .city_select_li{width: 40%;} .search_btn{width: 14.7%;} .lxfsTop .img{width: 100%;position: relative;left: inherit;top: inherit;background: none !important;} .lxfsTop .img img{display: block;max-width: 100%;} .lxfsTop .txt{width: 100%;float: none;} .bdmap_cont_img{display: none;} .bd_cont_box .bdmap_cont_words{margin-left: 0;width: auto;} .lxfs .lxfsMain li{width: 100%;text-align: left;margin: 20px 0;padding-left: 5%;box-sizing: border-box;} .lxfs .lxfsMain li:before, .lxfs .lxfsMain li:after{display: none;} .joinHd div, .joinBdTop div{font-size: 12px;} .joinBot{font-size: 12px;} .joinBot .sqzw{padding: 1vw 3.5vw;} .newsBig .img{display: block;position: relative;left: inherit;top: inherit;width: 100%;padding: 5%;background: none !important;} .newsBig .img img{display: block;max-width: 100%;} .newsBig .txt{width: 100%;} .newsDeFbt p{width: 100%;text-align: center;} .newsDeFbt div{width: 100%;text-align: center;margin-top: 10px;} .gsxwA{transition: 0s !important;width: 100%;float: right;margin: 0 0 2.95% 0;height: auto;padding: 2.5% 5% !important;box-sizing: border-box;} .gsxwA:nth-child(2n){float: left;} .gsxwA .txt{height: auto;} .gsxwA .more{position: relative;left: inherit;bottom: inherit;} .gsxwA .more{} .gsxwA{background: #f6f6f6 !important;text-align: left !important;} .gsxwA .date{color: #333 !important;} .gsxwA .txt {color: #1e77ce !important;} .gsxwA .more span{color: #666 !important;} .gsxwA .more span:before{border-color: #666 !important; } .gsxwA .more{transition: 0s !important;} .gsxwA:hover{background: #1e77ce !important;} .gsxwA:hover .more span, .gsxwA:hover .txt, .gsxwA:hover .date{color: #fff !important;} .gsxwA:hover .more span:before{border-color: #fff !important;} .newsDeTi{font-size: 18px;} .shSwiperBtn{top: 26vw;} .pubBg{height: 80vw;margin-bottom: calc(-80vw + 40px);} .fzlcTop h3{font-size: 30px;letter-spacing: .1rem;} .fzlcTop h4{font-size: 12px;} .kpzcList li h3{font-size: 14px;padding: .2rem 0 .1rem;margin-bottom: .1rem;} .kpzcList li p{font-size: 12px;} .qsm{padding-bottom: 120px;} .qsmSwp{} .qsmSwp{padding-right: 0;} .qsmSwpBtn{position: absolute;top: 100%;height: 50px;width: 50%;} .qsmSwpPrev{left: 0;} .yyslList li h3 span{ width: 20px;color: rgba(0,0,0,0);} .jylnTopPic{} .jylnTopPic .txt .cn{letter-spacing: 1px;font-size: 24px;} .jylnTopPic .txt .en{letter-spacing: 1px;font-size: 14px;} .idxContDiv21 .idxggxx{height: auto;} .jsspT .pic{width: 100%;text-align: center;} .jsspT .pic img{max-width: 100%;display: inline-block;width: auto;} .jsspT .txt{height: auto;padding-bottom: 4vw;margin: 2vw auto 8vw;width: 100%;position: inherit;right: inherit;} .dtyl .item.isVideo .pic:before{background-size: 28px 28px;} .dtyl .item .ti{font-size: 14px;margin: 14px 0 6px;} .dtyl .item .bot{font-size: 12px;} .inAbSwp{margin: 0 -8px;} .inAbSwp .dfreq{padding: 0 8px;} } @media (max-width:550px) { .ftInfo .ftQrCode{width: 30%;font-size: .2rem;} .ftInfo .ftInfoText{width: 60%;} .ftNav{display: none;} .ftNavItem{width: 50%;display: block;float: left;margin-bottom: 40px;} .ftNavItem:nth-child(2n):after{content: '';display: block;clear: both;} .city_select_li{width: 100%;margin: 0 0 10px 0;} .search_btn{width: 100%;} .ftInfo{margin-top: 0;} .fzlcTop{padding: 0.85rem 1.5rem ;} .fzlcTop h3{font-size: 18px;} .qxqyList li .qxINR{position: relative;left: inherit;bottom: inherit;color: #333;background: none;max-width: 100%;margin-bottom: 40px;} .fzlcTop h3{font-size: 22px;} .qsmTI{width: 100%;height: 200px;} .qxqyList li .nr{-webkit-line-clamp:inherit;max-height: initial;overflow: inherit;padding-right: 0;} } @media (max-width:530px) { .viList li{width: 100%;float: none;} .viList li:nth-child(2n){float: none;} re{border-color: #fff !important;} .newsDeTi{font-size: 18px;} .shSwiperBtn{top: 26vw;} } @media (max-width:470px) { .fzlcTop h3{font-size: 18px;} } @media (max-width:390px) { .fzlcTop h3{font-size: 14px;} }