/*全局样式*/ @font-face{ font-family:'SongTi'; src:url("font/SongTi.otf") format("truetype"); font-weight:normal; font-style:normal; } @font-face{ font-family:'Bebas'; src:url("font/Bebas.ttf") format("truetype"); font-weight:normal; font-style:normal; } html{overflow-x:hidden;} body,a{color:#333;} .wrapper{width:1300px;} .wrapper.middle{width:1400px;} .wrapper.max{width:1600px;} .wrap-white{background:#fff;} .wrap-white.p1{padding:50px 0 70px 0;} .wrap-white.p2{padding:70px 0 80px 0;} .wrap-white.p3{padding-bottom:120px;} .wrap-white.p4{padding:24px 0 64px 0;} .wrap-white.p5{padding:70px 0;} .wrap-white.p6{padding:60px 0 70px 0;} .wrap-gray{background:#f9f9f9;} .wrap-gray.p1{padding:80px 0 60px 0;} /*头部样式*/ .header2{ display: none;} #header{height:107px; background:#fff; border-bottom:1px solid #e9e5e6;} #logo{left:0; top:24px;} #nav{right:0; top:17px;} #nav ul li{position:relative; float:left; height:90px; line-height:90px; margin-left:42px; font-size:16px; text-align:center;} #nav ul li:after{content:''; position:absolute; left:0; right:100%; bottom:0; display:block; height:2px; background:#a38166; transition:all 0.3s linear;} #nav ul li a{display:block;} #nav ul li:hover:after{right:0; transition:all 0.3s linear;} #nav ul li:hover > a{color:#a38166;} #nav ul li.current{min-width:64px;} #nav ul li.current:after{right:0;} #nav ul li.current > a{color:#a38166;} #nav ul li ul{position:absolute; left:50%; top:90px; transform:translateX(-50%); z-index:99; display:none; width:130px; padding:12px 0; background:#f1f1f1;} #nav ul li:hover ul{display:block;} #nav ul li ul li{float:none; height:44px; line-height:44px; margin-left:0; font-size:15px; overflow:hidden;} #nav ul li ul li:after{display:none;} #nav ul li ul li:hover{background:#a38166;} #nav ul li ul li:hover a{color:#fff;} .wrapper.max #nav ul li{margin-left:52px;} .wrapper.max #nav ul li ul li{margin-left:0;} /*首页样式*/ #banner{width:100%; height:100vh; overflow:hidden;} #banner{ padding-top: 0;} #banner .swiper-wrapper{height:100vh;} #banner .swiper-slide{width:100%; height:100vh;} #banner .swiper-slide img{width:100%; height:100vh;} #banner .swiper-slide-active img{transform:scale(1.12); animation:BannerZoom 6s; animation-fill-mode:forwards; animation-delay:0.5s;} @keyframes BannerZoom{100%{transform:scale(1);}} #banner .swiper-pagination{bottom:30px;} #banner .swiper-pagination-bullet{width:12px; height:12px; margin:0 0 0 10px; background:#fff; border-radius:50%; cursor:pointer; opacity:1;} #banner .swiper-pagination-bullet:first-child{margin-left:0;} #banner .swiper-pagination-bullet-active{background:#a7856a;} #banner #header{left:0; right:0; top:0; z-index:99; background:none; border-bottom-color:rgba(255,255,255,.26);} #banner #nav ul li a{color:#fff;} #banner #nav ul li ul{background:rgba(255,255,255,.7);} #banner #nav ul li ul li a{color:#333;} #banner #nav ul li:hover > a{color:#a38166;} #banner #nav ul li.current > a{color:#a38166;} #banner #nav ul li ul li:hover a{color:#fff;} #news{display:flex;} #news .item{width:424px; height:514px; padding:44px 30px 48px 30px; background:url(img/news-bg.jpg) no-repeat top center; background-size:cover; overflow:hidden;} #news .item h2{display:flex; justify-content:space-between; align-items:center; height:34px; overflow:hidden;} #news .item h2 span{height:34px; line-height:34px; font-size:32px; color:#fff; overflow:hidden;} #news .item h2 a{height:18px; line-height:18px; font-size:15px; color:#fff; overflow:hidden;} #news .item h2 a:hover{color:#ffe2cb;} #news .item .notice{height:54px; margin-top:36px; overflow:hidden;} #news .item .notice ul li{height:18px; line-height:18px; margin-top:18px; font-size:16px; overflow:hidden;} #news .item .notice ul li:first-child{margin-top:0;} #news .item .notice ul li a{display:block; padding-left:24px; background:url(img/news-icon.png) no-repeat left center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news .item .notice ul li:hover a{background-image:url(img/news-icon-h.png); color:#ffe2cb;} #news .item i{display:block; height:1px; margin-top:29px; background:#796767;} #news .item .text{height:238px; margin-top:30px; overflow:hidden;} #news .item .text ul li{display:flex; justify-content:space-between; align-items:center; height:18px; margin-top:26px; overflow:hidden;} #news .item .text ul li:first-child{margin-top:0;} #news .item .text ul li a{position:relative; flex:1; height:18px; line-height:18px; padding-left:18px; font-size:15px; color:#fff; overflow:hidden;} #news .item .text ul li a:before{content:''; position:absolute; left:0; top:6px; display:block; width:6px; height:6px; background:#fff; border-radius:50%;} #news .item .text ul li a:hover{color:#ffe2cb;} #news .item .text ul li a:hover:before{background:#ffe2cb;} #news .item .text ul li span{height:18px; line-height:18px; margin-left:30px; font-family:'Arial'; font-size:15px; color:#fff; overflow:hidden;} #news .img{width:718px; height:514px; overflow:hidden;} #news .img img{width:718px; max-width:none; height:514px; transition:all 0.3s linear;} #news .img:hover img{transform:scale(1.08); transition:all 0.3s linear;} #state{width:440px; height:514px; background:#a07e63; overflow:hidden;} #state .text{height:238px; padding:30px 50px; background:#8c7059; overflow:hidden;} #state .text section h3{height:18px; line-height:18px; font-size:16px; text-align:center; color:#fff; overflow:hidden;} #state .text section h2{height:34px; line-height:34px; margin-top:10px; font-size:31px; text-align:center; color:#fff; overflow:hidden;} #state .text section h4{height:18px; line-height:18px; margin-top:12px; font-size:15px; text-align:center; color:rgba(255,255,255,.68); overflow:hidden;} #state .text ul{display:flex; justify-content:space-between; margin-top:24px;} #state .text ul li{position:relative; height:62px;} #state .text ul li:before{content:''; position:absolute; left:-36px; top:16px; display:block; width:34px; height:1px; background:rgba(255,255,255,.39);} #state .text ul li:first-child:before{display:none;} #state .text ul li:last-child:before{left:-52px;} #state .text ul li h3{height:32px; line-height:32px; font-family:'Bebas'; font-size:30px; text-align:center; color:#fff; overflow:hidden;} #state .text ul li h4{height:18px; line-height:18px; margin-top:12px; font-size:16px; text-align:center; color:rgba(255,255,255,.81); overflow:hidden;} #state .order{position:relative; height:276px; padding:28px; overflow:hidden;} #state .order:after{content:''; position:absolute; right:0; top:0; bottom:0; display:block; width:1px; background:#b59983;} #state .order a{display:block; width:126px; height:126px; margin:0 auto; padding:22px 0; background:#7e6550; border-radius:10px; overflow:hidden;} #state .order a i{display:block; width:40px; height:44px; margin:0 auto; background:url(img/order.png) no-repeat center;} #state .order a h3{height:22px; line-height:22px; margin-top:16px; font-size:20px; text-align:center; color:#fff; overflow:hidden;} #state .order section{margin-top:18px;} #state .order section h3{height:18px; line-height:18px; font-size:16px; text-align:center; color:#fff; overflow:hidden;} #state .order section h2{height:24px; line-height:24px; margin-top:8px; font-family:'Arial'; font-size:22px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;} #state .order section h4{height:16px; line-height:16px; margin-top:10px; font-size:14px; text-align:center; color:#fff; overflow:hidden;} #state .menu{flex:1; height:276px; padding:40px 12px; overflow:hidden;} #state .menu ul li{float:left; width:50%; height:78px; margin-top:40px;} #state .menu ul li:nth-child(-n+2){margin-top:0;} #state .menu ul li i{display:block; height:44px; margin:0 auto; background-repeat:no-repeat; background-position:center;} #state .menu ul li i.st-icon1{width:36px; background-image:url(img/st-icon1.png);} #state .menu ul li i.st-icon2{width:38px; background-image:url(img/st-icon2.png);} #state .menu ul li i.st-icon3{width:44px; background-image:url(img/st-icon3.png);} #state .menu ul li i.st-icon4{width:48px; background-image:url(img/st-icon4.png);} #state .menu ul li h3{height:20px; line-height:20px; margin-top:14px; font-size:18px; text-align:center; color:#fff; overflow:hidden;} #quick-menu{margin-top:80px;} #quick-menu ul{display:flex; justify-content:space-between;} #quick-menu ul li{position:relative; width:290px; height:390px; border-radius:10px; overflow:hidden;} #quick-menu ul li img{width:290px; max-width:none; height:390px; transition:all 0.3s linear;} #quick-menu ul li h4{position:absolute; left:36px; top:48px; transform:rotate(90deg); width:17px; line-height:19px; font-family:'SongTi'; font-size:17px; text-transform:uppercase; letter-spacing:1px; color:#fff; white-space:nowrap;} #quick-menu ul li h3{position:absolute; left:58px; top:46px; width:30px; line-height:32px; font-family:'SongTi'; font-size:30px; color:#fff;} #quick-menu ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;} #wrap-about{padding:140px 0 70px 0; background:url(img/about-bg.jpg) no-repeat top center; background-size:cover;} #about{display:flex; justify-content:space-between;} #about .left{width:544px;} #about .left h2{height:32px; line-height:32px; margin-top:62px; font-size:30px; color:#fff; overflow:hidden;} #about .left h3{width:422px; height:54px; line-height:54px; margin-top:28px; background:#a58368; border-radius:4px;font-family:'SongTi'; font-size:27px; text-align:center; color:#f7ebe1; overflow:hidden;} #about .left .text{height:160px; line-height:32px; margin-top:36px; font-size:16px; color:#efded1; overflow:hidden;} #about .left h4{width:132px; height:44px; line-height:44px; margin-top:46px; background:rgba(0,0,0,.3); border-radius:22px; font-size:16px; text-align:center; overflow:hidden;} #about .left h4 a{display:block; color:#fff;} #about .left h4:hover{background:#a58368;} #about .right .swiper-container{width:774px; height:370px; margin:0 0 0 auto; overflow:hidden;} #about .right .swiper-wrapper{height:370px;} #about .right .swiper-slide{width:774px; height:370px; cursor:pointer; overflow:hidden;} #about .right .swiper-slide img{width:774px; max-width:none; height:370px; transition:all 0.3s linear;} #about .right .swiper-slide:hover img{transform:scale(1.08); transition:all 0.3s linear;} #about .right .button{position:absolute; left:0; bottom:0; z-index:2; width:292px; height:68px; background:rgba(0,0,0,.5);} #about .right .swiper-button-prev,#about .right .swiper-button-next{top:auto; bottom:21px; width:14px; height:26px; margin:0; background-repeat:no-repeat; background-position:center; background-size:14px 26px; cursor:pointer;} #about .right .swiper-button-prev:after,#about .right .swiper-button-next:after{display:none;} #about .right .swiper-button-prev{left:208px; background-image:url(img/prev.png);} #about .right .swiper-button-next{left:250px; right:auto; background-image:url(img/next.png);} #about .right .culture{display:flex; height:244px;} #about .right .culture .item{display:flex; align-items:center; height:244px; padding:0 40px 0 36px; background:#a38166; overflow:hidden;} #about .right .culture .item section h2{height:32px; line-height:32px; font-size:30px; color:#fff; overflow:hidden;} #about .right .culture .item section h3{height:20px; line-height:20px; margin-top:16px; font-size:18px; color:#efded1; overflow:hidden;} #about .right .culture .item section h4{width:132px; height:44px; line-height:44px; margin-top:52px; background:#826752; border-radius:22px; font-size:16px; text-align:center; overflow:hidden;} #about .right .culture .item section h4 a{display:block; color:#fff;} #about .right .culture .item section h4:hover{background:#fff;} #about .right .culture .item section h4:hover a{color:#a38166;} #about .right .culture .item i{width:1px; height:164px; margin:0 40px; background:rgba(255,255,255,.21);} #about .right .culture .item img{width:172px; height:164px;} #about .right .culture .img{width:482px; height:244px; overflow:hidden;} #about .right .culture .img img{width:482px; height:244px;} #wrap-t2{padding:100px 0 50px 0; background:url(img/t2-bg.jpg) no-repeat top center; background-size:cover;} #wrap-t2 img{display:block; width:312px; height:120px; margin:0 auto;} #scenic{position:relative; padding-top:154px; height:792px; background:url(img/scenic-bg.jpg) no-repeat top center; background-size:cover; overflow:hidden;} #scenic .text{width:920px; height:240px; margin:0 auto; padding:36px 60px 40px 60px; background:rgba(0,0,0,.58); overflow:hidden;} #scenic .text p{height:90px; line-height:30px; font-size:16px; text-align:center; color:#fff; -webkit-line-clamp:3;} #scenic .text h4{width:136px; height:44px; line-height:44px; margin:30px auto 0 auto; background:#a58368; border-radius:22px; font-size:16px; text-align:center; overflow:hidden;} #scenic .text h4 a{display:block; color:#fff;} #scenic .text h4:hover{background:#fff;} #scenic .text h4:hover a{color:#a58368;} #scenic .menu{position:absolute; left:0; right:0; bottom:0;} #scenic .menu ul{display:flex;} #scenic .menu ul li{position:relative; flex:1; height:244px; background:rgba(0,0,0,.69); overflow:hidden;} #scenic .menu ul li:before{content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background:rgba(255,255,255,.24);} #scenic .menu ul li:first-child:before{display:none;} #scenic .menu ul li a{display:block; padding:60px 0 44px 0;} #scenic .menu ul li i{display:block; height:46px; margin:0 auto; background-repeat:no-repeat; background-position:center;} #scenic .menu ul li i.sm-icon1{width:40px; background-image:url(img/sm-icon1.png);} #scenic .menu ul li i.sm-icon2{width:50px; background-image:url(img/sm-icon2.png);} #scenic .menu ul li i.sm-icon3{width:42px; background-image:url(img/sm-icon3.png);} #scenic .menu ul li i.sm-icon4{width:48px; background-image:url(img/sm-icon4.png);} #scenic .menu ul li i.sm-icon5{width:44px; background-image:url(img/sm-icon5.png);} #scenic .menu ul li h3{height:28px; line-height:28px; margin-top:24px; font-size:25px; text-align:center; color:#fff; overflow:hidden;} #scenic .menu ul li h4{height:18px; line-height:18px; margin-top:24px; font-size:16px; text-align:center; text-decoration:underline; color:#fff; overflow:hidden;} #scenic .menu ul li:hover:before,#scenic .menu ul li:hover + li:before{display:none;} #scenic .menu ul li:hover a{background:rgba(163,129,102,.8);} #wrap-culture{padding:130px 0 70px 0; background:url(img/culture-bg.jpg) no-repeat top center; background-size:cover;} #culture{position:relative; height:742px;} #culture .text{position:absolute; right:642px; top:-30px; z-index:1;} #culture .text img{width:750px; height:392px;} #culture .item{position:relative; width:674px; height:742px; margin-left:auto; padding:66px 54px 392px 54px; background:#fff; overflow:hidden;} #culture .item h3{position:absolute; left:32px; top:40px; transform:rotate(90deg); width:18px; line-height:20px; font-family:'Arial'; font-size:18px; color:#bebbb8; white-space:nowrap;} #culture .item h2{height:92px; line-height:92px; margin-left:28px; padding-left:120px; background:url(img/culture-title.png) no-repeat left center; font-size:30px; font-weight:bold; color:#89756a; overflow:hidden;} #culture .item a{height:18px; line-height:18px; margin-right:-10px; padding-right:27px; background:url(img/arrow-r1.png) no-repeat right center; font-size:15px; color:#bebbb8; overflow:hidden;} #culture .item a:hover{background-image:url(img/arrow-r1-h.png); color:#89756a;} #culture .item section{height:160px; line-height:32px; margin-top:32px; font-size:16px; color:#655a4f; overflow:hidden;} #culture .img{position:absolute; left:0; bottom:90px; z-index:1; height:236px; overflow:hidden;} #culture .img ul{display:flex;} #culture .img ul li{position:relative; width:372px; height:236px; margin-left:18px; overflow:hidden;} #culture .img ul li:first-child{margin-left:0;} #culture .img ul li img{width:372px; max-width:none; height:236px; transition:all 0.3s linear;} #culture .img ul li h3{position:absolute; left:0; right:0; bottom:0; height:54px; line-height:54px; background:rgba(0,0,0,.55); font-size:18px; text-align:center; color:#fff; overflow:hidden;} #culture .img ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;} #culture .img ul li:hover h3{height:236px; line-height:236px; background:rgba(92,71,71,.93); font-size:24px;} #culture .img ul li:hover h3 em{display:inline-block; padding-right:46px; background:url(img/arrow-r.png) no-repeat right center;} #culture .img ul li:hover h3 em:after{content:'—'; margin-left:6px;} #video{position:relative; height:638px; cursor:pointer; overflow:hidden;} #video img{width:100%; max-width:none; height:638px; transition:all 0.5s linear;} #video:hover img{transform:scale(1.08); transition:all 2s linear;} #video .weo-flex{position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.43);} #video i{display:block; width:114px; height:114px; margin:0 auto; background:url(img/video-btn.png) no-repeat center;} #video h4{height:20px; line-height:20px; margin-top:40px; font-size:18px; text-align:center; color:#fff; overflow:hidden;} #video h3{height:30px; line-height:30px; margin-top:30px; font-size:28px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;} #video-play{left:50%; top:50%; transform:translate(-50%,-50%); display:none; width:1080px; height:608px;} #video-play i{position:absolute; right:-40px; top:-40px; width:30px; height:30px; background:url(img/close.png) no-repeat center; cursor:pointer;} #video-play video{display:block; width:1080px; height:608px;} #video-play video:focus{outline:none;} #wrap-t3{padding:106px 0 50px 0; background:url(img/t3-bg.jpg) no-repeat top center; background-size:cover;} #wrap-t3 img{display:block; width:274px; height:120px; margin:0 auto;} #scenery ul li{float:left; width:50%; height:484px; overflow:hidden;} #scenery ul li img{width:100%; max-width:none; height:484px; transition:all 0.3s linear;} #scenery ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;} /*内页样式*/ #location{height:18px; line-height:18px; font-size:15px; color:#5b5b5b; overflow:hidden;} #location a{color:#5b5b5b;} #location a:hover{color:#a38166;} .lm-title{display:flex; justify-content:center; align-items:center; margin-top:24px;} .lm-title i{width:28px; height:42px; background-repeat:no-repeat; background-position:center;} .lm-title i.l{background-image:url(img/t-icon-l.png);} .lm-title i.r{background-image:url(img/t-icon-r.png);} .lm-title section{margin:0 16px;} .lm-title section h2{height:34px; line-height:34px; font-size:32px; text-align:center; overflow:hidden;} .lm-title section h3{height:18px; line-height:18px; margin-top:10px; font-family:'Arial'; font-size:15px; text-transform:uppercase; text-align:center; color:#666; overflow:hidden;} /*.weo-page{margin-top:64px;} .weo-page a{min-width:40px; height:40px; line-height:38px; margin-left:10px; padding:0 14px; border-color:#d2d2d2; border-radius:0; font-size:15px; color:#464646;} .weo-page a:hover{border-color:#a07e63; color:#a07e63;} .weo-page a.weo-page-on{background:#a07e63; border-color:#a07e63; color:#fff;} .weo-page a.count{border-color:#d2d2d2; color:#767676;}*/ .weo-page{margin-top:2rem; font-size:0;} .weo-page a{padding: 0 !important;} .weo-page{margin-top:2rem; font-size:0;text-align: center;} .weo-page .page-item{display:inline-block;text-align: center; min-width:0.9375rem; height:2.625rem; line-height:2.625rem; margin:0 0.25rem; padding:0 0.875rem; background:#fff; border:0.0625rem solid #d6d6d6; font-size:0.9375rem; color:#666; } .weo-page .page-item .page-link{color:#666;border: none !important;} .weo-page .page-item:hover{color:#a07e63;} .weo-page .page-item.disabled{color:#FFFFFF;} .weo-page .page-item.active{background:#a07e63; border-color:#a07e63; color:#FFFFFF;} .weo-page .page-item.active span{ color: #fff !important; } /*玩转景区*/ #daolan-rmd{display:flex; justify-content:space-between; height:458px; margin-top:50px; overflow:hidden;} #daolan-rmd .swiper-container{width:100%; height:458px; overflow:hidden;} #daolan-rmd .swiper-wrappe{height:458px;} #daolan-rmd .swiper-slide{position:relative; width:650px; height:458px; overflow:hidden;} #daolan-rmd .swiper-slide img{width:650px; max-width:none; height:458px; transition:all 0.3s linear;} #daolan-rmd .swiper-slide h3{ width: 50%;position:absolute; left:0; right:0; bottom:0; height:72px; line-height:72px; padding:0 24px; background:rgba(0,0,0,.56); font-size:18px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} /*#daolan-rmd .swiper-slide:hover img{transform:scale(1.08); transition:all 0.3s linear;}*/ #daolan-rmd .swiper-button-prev,#daolan-rmd .swiper-button-next{top:190px; width:44px; height:78px; margin:0; background-repeat:no-repeat; background-position:center; background-size:18px 30px; background-color:rgb(0,0,0,.42); cursor:pointer; opacity:1;} #daolan-rmd .swiper-button-prev:after,#daolan-rmd .swiper-button-next:after{display:none;} #daolan-rmd .swiper-button-prev{left:0; background-image:url(img/prev2.png);} #daolan-rmd .swiper-button-next{right:0; background-image:url(img/next2.png);} #daolan-rmd .item{ display: inline-block; float: right;width:650px; height:458px; padding:76px 52px 80px 52px; background:url(img/daolan-bg.jpg) no-repeat top center; background-size:cover; overflow:hidden;} #daolan-rmd .item h2{height:34px; line-height:34px; font-size:32px; text-align:center; color:#fff; overflow:hidden;} #daolan-rmd .item i{display:block; height:1px; margin-top:33px; background:#c9b5a5;} #daolan-rmd .item p{height:210px; line-height:30px; margin-top:24px; font-size:15px; color:#fff; -webkit-line-clamp:7;} #daolan-list{margin-top:44px;} #daolan-list ul{margin:-41px 0 0 -41px;} #daolan-list ul li{float:left; width:406px; height:355px; margin:41px 0 0 41px; border:1px solid #d2d2d2; overflow:hidden;} #daolan-list ul li span{display:block; width:404px; height:242px; overflow:hidden;} #daolan-list ul li img{width:404px; max-width:none; height:242px; transition:all 0.3s linear;} #daolan-list ul li section{padding:20px 16px;} #daolan-list ul li section h3{height:20px; line-height:20px; padding:0 8px; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #daolan-list ul li section i{display:block; height:1px; margin:16px 0; background:#d2d2d2;} #daolan-list ul li section h4{height:18px; line-height:18px; padding:0 60px 0 8px; background:url(img/arrow-r2.png) no-repeat right 12px center; font-size:15px; color:#4f4f4f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #daolan-list ul li:hover{border-color:#9c795d;} #daolan-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;} #daolan-list ul li:hover h3{color:#9c795d;} #daolan-list ul li:hover i{background:#9c795d;} #daolan-list ul li:hover h4{background-image:url(img/arrow-r2-h.png); color:#9c795d;} #photo-list{margin-top:32px;} #photo-list ul{margin:-32px 0 0 -32px;} #photo-list ul li{float:left; width:412px; height:362px; margin:32px 0 0 32px; border:1px solid #d2d2d2; overflow:hidden;} #photo-list ul li a{display:block; padding:10px 10px 24px 10px;} #photo-list ul li span{display:block; width:390px; height:284px; overflow:hidden;} #photo-list ul li img{width:390px; max-width:none; height:284px; transition:all 0.3s linear;} #photo-list ul li h3{height:18px; line-height:18px; margin-top:24px; padding:0 10px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #photo-list ul li:hover{border-color:#9c795d;} #photo-list ul li:hover h3{color:#9c795d;} #photo-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;} #photo-album{position:fixed; left:0; right:0; top:0; bottom:0; z-index:999; display:none; background:#000; overflow:hidden;} #photo-album .swiper-pagination{position:absolute; left:30px; top:30px; width:auto; height:18px; line-height:18px; margin:0; color:#fff;} #photo-album .close{position:absolute;right:30px; top:30px; width:16px; height:16px; background:url(img/close1.png) no-repeat center; cursor:pointer;} #photo-album-box{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} #photo-album-item{width:1000px; height:692px; overflow:hidden;} #photo-album-item .swiper-slide{width:1000px; height:692px; cursor:pointer; overflow:hidden;} #photo-album-item .swiper-slide h3{height:18px; line-height:18px; font-size:16px; text-align:center; color:#fff; overflow:hidden;} #photo-album-item .swiper-slide img{width:1000px; height:650px; margin-top:24px;} #photo-album-thumb{width:1288px; height:80px; margin-top:50px; overflow:hidden;} #photo-album-thumb .swiper-slide{width:108px; height:80px; border-radius:4px; border:2px solid #fff; cursor:pointer; overflow:hidden;} #photo-album-thumb .swiper-slide img{width:104px; height:76px;} #photo-album-thumb .swiper-slide.swiper-slide-thumb-active{border-color:#9c795d;} #photo-album .swiper-button-prev,#photo-album .swiper-button-next{top:50%; width:20px; height:16px; margin:0; background-repeat:no-repeat; background-position:center; background-size:20px 16px; cursor:pointer; opacity:1;} #photo-album .swiper-button-prev:after,#photo-album .swiper-button-next:after{display:none;} #photo-album .swiper-button-prev{left:30px; background-image:url(img/prev3.png);} #photo-album .swiper-button-next{right:30px; background-image:url(img/next3.png);} #wenchuang{display:flex; justify-content:space-between; height:482px; margin-top:40px; overflow:hidden;} #wenchuang .left{width:650px; height:482px; padding:88px 88px 108px 88px; background:url(img/wenchuang-bg.jpg) no-repeat center; background-size:cover; overflow:hidden;} #wenchuang .left section{width:404px; height:82px; padding-bottom:14px; background:url(img/wc-title-bg.png) no-repeat right bottom; overflow:hidden;} #wenchuang .left section h2{height:34px; line-height:34px; font-size:32px; font-weight:bold; color:#fff; overflow:hidden;} #wenchuang .left section h3{height:20px; line-height:20px; margin-top:14px; font-family:'Arial'; font-size:18px; text-transform:uppercase; color:#fff; overflow:hidden;} #wenchuang .left p{height:144px; line-height:36px; margin-top:60px; font-size:16px; color:#fff; -webkit-line-clamp:4;} #wenchuang .right{width:650px; height:482px; overflow:hidden;} #wenchuang .right img{width:650px; height:482px;} #wenchuang-list{margin-top:32px;} #wenchuang-list ul{margin:-24px 0 0 -24px;} #wenchuang-list ul li{float:left; width:638px; height:438px; margin:24px 0 0 24px; border:1px solid #d2d2d2; overflow:hidden;} #wenchuang-list ul li a{display:block; padding:10px 10px 24px 10px;} #wenchuang-list ul li span{display:block; width:616px; height:360px; overflow:hidden;} #wenchuang-list ul li img{width:616px; max-width:none; height:360px; transition:all 0.3s linear;} #wenchuang-list ul li h3{height:18px; line-height:18px; margin-top:24px; padding:0 10px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #wenchuang-list ul li:hover{border-color:#9c795d;} #wenchuang-list ul li:hover h3{color:#9c795d;} #wenchuang-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;} #canyin{display:flex; justify-content:space-between; height:458px; margin-top:40px; overflow:hidden;} #canyin .left{width:650px; height:458px; overflow:hidden;} #canyin .left img{width:650px; height:458px;} #canyin .right{width:650px; height:458px; padding:76px 52px 80px 52px; background:url(img/canyin-bg.jpg) no-repeat center; background-size:cover; overflow:hidden;} #canyin .right h2{height:36px; line-height:36px; padding-left:50px; background:url(img/cy-icon.png) no-repeat left center; font-size:32px; color:#fff; overflow:hidden;} #canyin .right i{display:block; height:1px; margin-top:25px; background:#c9b5a5;} #canyin .right p{height:210px; line-height:30px; margin-top:30px; font-size:15px; color:#fff; -webkit-line-clamp:7;} #zhusu{display:flex; justify-content:space-between; height:458px; margin-top:30px; overflow:hidden;} #zhusu .left{width:650px; height:458px; padding:76px 52px 80px 52px; background:url(img/zhusu-bg.jpg) no-repeat center; background-size:cover; overflow:hidden;} #zhusu .left h2{height:36px; line-height:36px; padding-left:50px; background:url(img/zs-icon.png) no-repeat left center; font-size:32px; color:#fff; overflow:hidden;} #zhusu .left i{display:block; height:1px; margin-top:25px; background:#766669;} #zhusu .left p{height:210px; line-height:30px; margin-top:30px; font-size:15px; color:#fff; -webkit-line-clamp:7;} #zhusu .right{width:650px; height:458px; overflow:hidden;} #zhusu .right img{width:650px; height:458px;} /*景区资讯*/ #notice-list{margin-top:60px;} #notice-list ul li{margin-bottom:36px; padding-bottom:36px; border-bottom:1px dashed #d2d2d2;} #notice-list ul li:last-child{margin-bottom:0;} #notice-list ul li a{display:flex; justify-content:space-between;} #notice-list ul li .date{width:112px; height:112px; padding:20px 0 24px 0; background:#f5f5f5; overflow:hidden;} #notice-list ul li .date h4{height:44px; line-height:44px; font-family:'Arial'; font-size:42px; text-align:center; color:#4f4f4f; overflow:hidden;} #notice-list ul li .date h5{height:18px; line-height:18px; margin-top:6px; font-family:'Arial'; font-size:16px; text-align:center; color:#4f4f4f; overflow:hidden;} #notice-list ul li i{width:40px; height:1px; margin:10px 0 0 24px; background:#d2d2d2;} #notice-list ul li .item{flex:1; height:140px; margin-left:12px; overflow:hidden;} #notice-list ul li .item h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #notice-list ul li .item p{height:52px; line-height:26px; margin-top:10px; font-size:15px; color:#5a5a5a;} #notice-list ul li .item h4{width:102px; height:38px; line-height:36px; margin-top:20px; border:1px solid #d2d2d2; font-size:15px; text-align:center; color:#5a5a5a; overflow:hidden;} #notice-list ul li .img{width:228px; height:148px; margin-left:36px; overflow:hidden;} #notice-list ul li .img img{width:228px; max-width:none; height:148px; transition:all 0.3s linear;} #notice-list ul li:hover .date{background:#a07e63;} #notice-list ul li:hover .date h4,#notice-list ul li:hover .date h5{color:#fff;} #notice-list ul li:hover i{background:#a07e63;} #notice-list ul li:hover .item h3{color:#a07e63;} #notice-list ul li:hover .item h4{background:#a07e63; border-color:#a07e63; color:#fff;} #notice-list ul li:hover .img img{transform:scale(1.08); transition:all 0.3s linear;} #news-list{margin-top:50px;} #news-list ul li{margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #d2d2d2;} #news-list ul li:last-child{margin-bottom:0;} #news-list ul li a{display:flex; justify-content:space-between; align-items:center;} #news-list ul li .img{width:316px; height:200px; overflow:hidden;} #news-list ul li .img img{width:316px; max-width:none; height:200px; transition:all 0.3s linear;} #news-list ul li .item{flex:1; height:156px; margin-left:30px; overflow:hidden;} #news-list ul li .item h3{display:flex; justify-content:space-between; align-items:center; height:20px; overflow:hidden;} #news-list ul li .item h3 span{flex:1; height:20px; line-height:20px; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news-list ul li .item h3 em{height:18px; line-height:18px; margin-left:30px; font-family:'Arial'; font-size:16px; color:#707070; overflow:hidden;} #news-list ul li .item p{height:52px; line-height:26px; margin-top:16px; font-size:15px; color:#5a5a5a;} #news-list ul li .item h4{width:102px; height:38px; line-height:36px; margin-top:30px; border:1px solid #d2d2d2; font-size:15px; text-align:center; color:#5a5a5a; overflow:hidden;} #news-list ul li:hover .img img{transform:scale(1.08); transition:all 0.3s linear;} #news-list ul li:hover .item h3 span{color:#a07e63;} #news-list ul li:hover .item h4{background:#a07e63; border-color:#a07e63; color:#fff;} #report-list{margin-top:44px;} #report-list ul{margin:-41px 0 0 -41px;} #report-list ul li{float:left; width:406px; height:417px; margin:41px 0 0 41px; border:1px solid #d2d2d2; overflow:hidden;} #report-list ul li span{display:block; width:404px; height:242px; overflow:hidden;} #report-list ul li img{width:404px; max-width:none; height:242px; transition:all 0.3s linear;} #report-list ul li section{padding:20px 16px;} #report-list ul li section h3{height:20px; line-height:20px; padding:0 8px; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #report-list ul li section p{height:48px; line-height:24px; margin-top:12px; padding:0 8px; font-size:15px; color:#696969;} #report-list ul li section i{display:block; height:1px; margin:16px 0 18px 0; background:#d2d2d2;} #report-list ul li section h4{height:18px; line-height:18px; padding:0 60px 0 8px; background:url(img/arrow-r2.png) no-repeat right 12px center; font-size:15px; color:#4f4f4f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #report-list ul li:hover{border-color:#9c795d;} #report-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;} #report-list ul li:hover h3{color:#9c795d;} #report-list ul li:hover p{color:#9c795d;} #report-list ul li:hover i{background:#9c795d;} #report-list ul li:hover h4{background-image:url(img/arrow-r2-h.png); color:#9c795d;} /*文化保护*/ #culture-list{margin-top:44px;} #culture-list ul{margin:-41px 0 0 -41px;} #culture-list ul li{float:left; width:406px; height:417px; margin:41px 0 0 41px; border:1px solid #d2d2d2; overflow:hidden;} #culture-list ul li span{display:block; width:404px; height:242px; overflow:hidden;} #culture-list ul li img{width:404px; max-width:none; height:242px; transition:all 0.3s linear;} #culture-list ul li section{padding:20px 16px;} #culture-list ul li section h3{height:20px; line-height:20px; padding:0 8px; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #culture-list ul li section p{height:48px; line-height:24px; margin-top:12px; padding:0 8px; font-size:15px; color:#696969;} #culture-list ul li section i{display:block; height:1px; margin:16px 0 18px 0; background:#d2d2d2;} #culture-list ul li section h4{height:18px; line-height:18px; padding:0 60px 0 8px; background:url(img/arrow-r2.png) no-repeat right 12px center; font-size:15px; color:#4f4f4f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #culture-list ul li:hover{border-color:#9c795d;} #culture-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;} #culture-list ul li:hover h3{color:#9c795d;} #culture-list ul li:hover p{color:#9c795d;} #culture-list ul li:hover i{background:#9c795d;} #culture-list ul li:hover h4{background-image:url(img/arrow-r2-h.png); color:#9c795d;} /*游客中心*/ #tourist-banner{height:398px; background:url(img/tourist-banner.jpg) no-repeat center; background-size:cover;} #tourist-menu{height:62px; background:#9c785c;} #tourist-menu .item{display:flex;} #tourist-menu .item a{height:62px; line-height:62px; padding:0 30px; font-size:15px; color:#fff; overflow:hidden;} #tourist-menu .item a.current{background:#fff; color:#9c785c;} #tourist-menu .location{height:18px; line-height:18px; font-size:15px; color:#fff; overflow:hidden;} #tourist-menu .location a{color:#fff;} #tourist1-text{padding:0 100px;} #tourist1-text h2{height:34px; line-height:34px; font-size:32px; text-align:center; overflow:hidden;} #tourist1-text p{line-height:26px; margin-top:26px; font-size:15px; text-align:center; color:#616161;} #tourist1-item{margin-top:46px;} #tourist1-item ul{margin:-28px 0 0 -28px;} #tourist1-item ul li{float:left; display:flex; justify-content:space-between; align-items:center; width:636px; height:196px; margin:28px 0 0 28px; padding:0 60px; background:#f1ede9; cursor:pointer; overflow:hidden;} #tourist1-item ul li i{width:90px; height:90px; background-repeat:no-repeat; background-position:center; background-color:#9c785c; border-radius:50%;} #tourist1-item ul li i.t-icon1{background-image:url(img/t-icon1.png);} #tourist1-item ul li i.t-icon2{background-image:url(img/t-icon2.png);} #tourist1-item ul li i.t-icon3{background-image:url(img/t-icon3.png);} #tourist1-item ul li i.t-icon4{background-image:url(img/t-icon4.png);} #tourist1-item ul li i.t-icon5{background-image:url(img/t-icon5.png);} #tourist1-item ul li i.t-icon6{background-image:url(img/t-icon6.png);} #tourist1-item ul li i.t-icon7{background-image:url(img/t-icon7.png);} #tourist1-item ul li i.t-icon8{background-image:url(img/t-icon8.png);} #tourist1-item ul li section{flex:1; margin-left:40px; overflow:hidden;} #tourist1-item ul li section h3{height:24px; line-height:24px; font-size:22px; font-weight:bold; overflow:hidden;} #tourist1-item ul li section p{height:52px; line-height:26px; margin-top:14px; font-size:16px; color:#504e4e;} #tourist1-item ul li:hover section h3{color:#9c785c;} #faq ul li{margin-top:6px; cursor:pointer;} #faq ul li:first-child{margin-top:0;} #faq ul li h3{display:flex; justify-content:space-between; align-items:center; height:60px; line-height:60px; padding:0 40px; background:#faf3ed; overflow:hidden;} #faq ul li h3 span{position:relative; flex:1; height:26px; line-height:26px; padding-left:42px; font-size:16px; color:#74563e; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #faq ul li h3 span:before{content:'问'; position:absolute; left:0; top:0; display:block; width:26px; height:26px; line-height:22px; background:url(img/faq.png) no-repeat center; font-size:15px; text-align:center; color:#fff; overflow:hidden;} #faq ul li h3 em{height:18px; line-height:18px; margin-left:40px; font-family:'Arial'; font-size:16px; color:#74563e; overflow:hidden;} #faq ul li .item{display:none; padding:30px 40px; border:1px solid #e6ddd6;} #faq ul li .item .text{position:relative; line-height:28px; padding-left:42px; font-size:15px; color:#736457;} #faq ul li .item .text:before{content:'答'; position:absolute; left:0; top:1px; display:block; width:26px; height:26px; line-height:22px; background:url(img/faq.png) no-repeat center; font-size:15px; text-align:center; color:#fff; overflow:hidden;} #faq ul li.current .item{display:block;} #faq ul li.current + li{margin-top:24px;} .wrap-brown{padding:70px 0; background:#f7f3ee;} #feedback .text h2{height:32px; line-height:32px; font-size:30px; font-weight:bold; text-align:center; overflow:hidden;} #feedback .text h4{height:18px; line-height:18px; margin-top:20px; font-size:15px; text-align:center; color:#504f4f; overflow:hidden;} #feedback .text i{display:block; width:70px; height:4px; margin:30px auto 0 auto; background:#9c785c;} #feedback .text h3{height:20px; line-height:20px; margin-top:44px; font-size:17px; text-align:center; overflow:hidden;} #feedback .item{margin-top:50px; padding:0 100px;} #feedback .item .textarea{height:106px; overflow:hidden;} #feedback .item .textarea textarea{display:block; width:100%; height:106px; line-height:26px; padding:14px 20px; border:none; border-radius:0; font-size:15px; color:#464644;} #feedback .item .textarea textarea::-moz-placeholder{color:#999;} #feedback .item .textarea textarea::-webkit-input-placeholder{color:#999;} #feedback .item .textarea textarea::-ms-input-placeholder{color:#999;} #feedback .item .input{margin-top:16px; height:56px; overflow:hidden;} #feedback .item .input input{display:block; width:100%; height:56px; line-height:56px; padding:0 20px; border:none; border-radius:0; font-size:15px; color:#464646;} #feedback .item .input input::-moz-placeholder{color:#999;} #feedback .item .input input::-webkit-input-placeholder{color:#999;} #feedback .item .input input::-ms-input-placeholder{color:#999;} #feedback .item .code{display:flex; justify-content:space-between; align-items:center; height:56px; margin-top:16px; padding:0 20px; background:#fff; overflow:hidden;} #feedback .item .code input{flex:1; width:auto; height:56px; line-height:56px; padding:0; border:none; border-radius:0; font-size:15px; color:#464646;} #feedback .item .code input::-moz-placeholder{color:#999;} #feedback .item .code input::-webkit-input-placeholder{color:#999;} #feedback .item .code input::-ms-input-placeholder{color:#999;} #feedback .item .code img{max-height:56px; margin-left:20px;} #feedback .item .button{height:56px; margin-top:32px; overflow:hidden;} #feedback .item .button button{display:block; width:100%; height:56px; line-height:56px; background:#9c785c; border:none; border-radius:0; font-size:17px; font-weight:bold; color:#fff;} .wrap-white.p5 .lm-title{margin-top:0;} #route{display:flex; height:738px; margin-top:50px; overflow:hidden;} #route .left{width:474px; height:738px; overflow:hidden;} #route .left img{width:474px; height:738px;} #route .right{width:826px; height:738px; padding:40px; background:url(img/route-bg.jpg) no-repeat center; background-size:cover; overflow:hidden;} #route-tab{display:flex; height:50px; overflow:hidden;} #route-tab span{width:206px; height:50px; line-height:50px; margin-left:16px; background:url(img/rt-icon.png) no-repeat center; font-size:19px; text-align:center; color:#fff; cursor:pointer; overflow:hidden;} #route-tab span:first-child{margin-left:0;} #route-tab span.current{background-image:url(img/rt-icon-h.png);} #route-item{height:578px; margin-top:30px; padding:40px; background:rgba(255,255,255,.2); border:1px solid #bfa998; overflow:hidden;} #route-item .item{display:none;} #route-item ul li{margin-top:30px;} #route-item ul li:first-child{margin-top:0;} #route-item ul li h3{display:flex; align-items:center;} #route-item ul li h3 i{width:6px; height:6px; background:#fff;} #route-item ul li h3 span{height:22px; line-height:22px; margin:0 10px; font-size:20px; font-weight:bold; color:#fff; overflow:hidden;} #route-item ul li .text{line-height:26px; margin-top:12px; font-size:15px; color:#fff;} #daoyou-tel{width:1300px; height:246px; margin-top:40px; overflow:hidden;} #daoyou-tel img{width:1300px; height:246px;} #guide-rmd{display:flex; justify-content:space-between; height:398px; margin-top:50px; overflow:hidden;} #guide-rmd .left{width:492px; height:398px; padding:36px 40px 42px 40px; background:url(img/guide-bg.jpg) no-repeat top center; background-size:cover; overflow:hidden;} #guide-rmd .left h2{height:34px; line-height:34px; font-size:32px; color:#fff; overflow:hidden;} #guide-rmd .left i{display:block; height:1px; margin-top:23px; background:#ba9980;} #guide-rmd .left .item{height:238px; margin-top:24px; overflow:hidden;} #guide-rmd .left .item ul li{display:flex; justify-content:space-between; align-items:center; height:18px; margin-top:26px; overflow:hidden;} #guide-rmd .left .item ul li:first-child{margin-top:0;} #guide-rmd .left .item ul li a{position:relative; flex:1; height:18px; line-height:18px; padding-left:18px; font-size:15px; color:#fff; overflow:hidden;} #guide-rmd .left .item ul li a:before{content:''; position:absolute; left:0; top:6px; display:block; width:6px; height:6px; background:#fff; border-radius:50%;} #guide-rmd .left .item ul li a:hover{color:#ffe2cb;} #guide-rmd .left .item ul li a:hover:before{background:#ffe2cb;} #guide-rmd .left .item ul li span{height:18px; line-height:18px; margin-left:30px; font-family:'Arial'; font-size:15px; color:#fff; overflow:hidden;} #guide-rmd .right{width:808px; height:398px; overflow:hidden;} #guide-rmd .right img{width:808px; max-width:none; height:398px; transition:all 0.3s linear;} #guide-rmd .right:hover img{transform:scale(1.08); transition:all 0.3s linear;} #guide-list{margin-top:44px;} #guide-list ul{margin:-41px 0 0 -41px;} #guide-list ul li{float:left; width:406px; height:355px; margin:41px 0 0 41px; border:1px solid #d2d2d2; overflow:hidden;} #guide-list ul li span{display:block; width:404px; height:242px; overflow:hidden;} #guide-list ul li img{width:404px; max-width:none; height:242px; transition:all 0.3s linear;} #guide-list ul li section{padding:20px 16px;} #guide-list ul li section h3{height:20px; line-height:20px; padding:0 8px; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #guide-list ul li section i{display:block; height:1px; margin:16px 0; background:#d2d2d2;} #guide-list ul li section h4{height:18px; line-height:18px; padding:0 60px 0 8px; background:url(img/arrow-r2.png) no-repeat right 12px center; font-size:15px; color:#4f4f4f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #guide-list ul li:hover{border-color:#9c795d;} #guide-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;} #guide-list ul li:hover h3{color:#9c795d;} #guide-list ul li:hover i{background:#9c795d;} #guide-list ul li:hover h4{background-image:url(img/arrow-r2-h.png); color:#9c795d;} .lm-title + #daoyou-tel{margin-top:50px;} #daoyou{padding:40px; background:#f7f7f7;} #daoyou h2{height:28px; line-height:28px; font-size:26px; text-align:center; overflow:hidden;} #daoyou table{margin-top:30px; border-color:#d2d2d2;} #daoyou table tr th{padding:14px 16px; background:#b78e5a; border-color:#d2d2d2; font-size:15px; font-weight:bold; text-align:center; color:#fff;} #daoyou table tr td{padding:14px 16px; background:#f1f1f1; border-color:#d2d2d2; font-size:15px; color:#666;} /*展览陈列*/ #exhibition-rmd{width:1300px; height:472px; margin-top:40px; overflow:hidden;} #exhibition-rmd img{width:1300px; max-width:none; height:472px; transition:all 0.3s linear;} #exhibition-rmd:hover img{transform:scale(1.08); transition:all 0.3s linear;} #exhibition-list{margin-top:41px;} #exhibition-list ul{margin:-41px 0 0 -41px;} #exhibition-list ul li{float:left; width:406px; height:417px; margin:41px 0 0 41px; border:1px solid #d2d2d2; overflow:hidden;} #exhibition-list ul li span{display:block; width:404px; height:242px; overflow:hidden;} #exhibition-list ul li img{width:404px; max-width:none; height:242px; transition:all 0.3s linear;} #exhibition-list ul li section{padding:20px 16px;} #exhibition-list ul li section h3{height:20px; line-height:20px; padding:0 8px; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #exhibition-list ul li section p{height:48px; line-height:24px; margin-top:12px; padding:0 8px; font-size:15px; color:#696969; overflow:hidden;} #exhibition-list ul li section i{display:block; height:1px; margin:16px 0 18px 0; background:#d2d2d2;} #exhibition-list ul li section h4{height:18px; line-height:18px; padding:0 60px 0 8px; background:url(img/arrow-r2.png) no-repeat right 12px center; font-size:15px; color:#4f4f4f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #exhibition-list ul li:hover{border-color:#9c795d;} #exhibition-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;} #exhibition-list ul li:hover h3{color:#9c795d;} #exhibition-list ul li:hover p{color:#9c795d;} #exhibition-list ul li:hover i{background:#9c795d;} #exhibition-list ul li:hover h4{background-image:url(img/arrow-r2-h.png); color:#9c795d;} /*探索研究*/ #explore{margin-top:48px;} #explore ul li{height:460px; margin-top:26px; overflow:hidden;} #explore ul li:first-child{margin-top:0;} #explore ul li a{display:flex;} #explore ul li:nth-child(even) a{flex-direction: row-reverse;} #explore ul li .item{width:650px; height:460px; padding:28px 52px 44px 52px; background:#9c795d; overflow:hidden;} #explore ul li:nth-child(even) .item{background:#543f44;} #explore ul li .item i{display:block; width:168px; height:214px; margin:0 auto; background-repeat:no-repeat; background-position:center;} #explore ul li .item i.e-icon1{background-image:url(img/e-icon1.png);} #explore ul li .item i.e-icon2{background-image:url(img/e-icon2.png);} #explore ul li .item i.e-icon3{background-image:url(img/e-icon3.png);} #explore ul li .item i.e-icon4{background-image:url(img/e-icon4.png);} #explore ul li .item i.e-icon5{background-image:url(img/e-icon5.png);} #explore ul li .item i.e-icon6{background-image:url(img/e-icon6.png);} #explore ul li .item p{height:84px; line-height:28px; margin-top:16px; font-size:15px; color:#fff; -webkit-line-clamp:3;} #explore ul li .item h4{width:124px; height:42px; line-height:40px; margin:32px auto 0 auto; border:1px solid rgba(255,255,255,.62); border-radius:4px; font-size:15px; text-align:center; color:#fff; overflow:hidden;} #explore ul li .img{width:650px; height:460px; overflow:hidden;} #explore ul li .img img{width:650px; max-width:none; height:460px; transition:all 0.3s linear;} #explore ul li:hover .img img{transform:scale(1.08); transition:all 0.3s linear;} #explore-rmd{display:flex; margin-top:48px;} #explore-rmd .item{width:650px; height:460px; padding:40px 52px 66px 52px; background:#9c795d; overflow:hidden;} #explore-rmd .item i{display:block; width:168px; height:214px; margin:0 auto; background-repeat:no-repeat; background-position:center;} #explore-rmd .item i.e-icon1{background-image:url(img/e-icon1.png);} #explore-rmd .item i.e-icon2{background-image:url(img/e-icon2.png);} #explore-rmd .item i.e-icon3{background-image:url(img/e-icon3.png);} #explore-rmd .item i.e-icon4{background-image:url(img/e-icon4.png);} #explore-rmd .item i.e-icon5{background-image:url(img/e-icon5.png);} #explore-rmd .item i.e-icon6{background-image:url(img/e-icon6.png);} #explore-rmd .item p{height:112px; line-height:28px; margin-top:28px; font-size:15px; color:#fff; -webkit-line-clamp:4;} #explore-rmd .img{width:650px; height:460px; overflow:hidden;} #explore-rmd .img img{width:650px; height:460px;} #explore-list{margin-top:44px;} #explore-list ul{margin:-41px 0 0 -41px;} #explore-list ul li{float:left; width:406px; height:355px; margin:41px 0 0 41px; border:1px solid #d2d2d2; overflow:hidden;} #explore-list ul li span{display:block; width:404px; height:242px; overflow:hidden;} #explore-list ul li img{width:404px; max-width:none; height:242px; transition:all 0.3s linear;} #explore-list ul li section{padding:20px 16px;} #explore-list ul li section h3{height:20px; line-height:20px; padding:0 8px; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #explore-list ul li section i{display:block; height:1px; margin:16px 0; background:#d2d2d2;} #explore-list ul li section h4{height:18px; line-height:18px; padding:0 60px 0 8px; background:url(img/arrow-r2.png) no-repeat right 12px center; font-size:15px; color:#4f4f4f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #explore-list ul li:hover{border-color:#9c795d;} #explore-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;} #explore-list ul li:hover h3{color:#9c795d;} #explore-list ul li:hover i{background:#9c795d;} #explore-list ul li:hover h4{background-image:url(img/arrow-r2-h.png); color:#9c795d;} #explore-slide{position:relative; height:556px; margin-top:44px; overflow:hidden;} #explore-slide-item{width:882px; height:556px; margin:0; overflow:hidden;} #explore-slide-item .swiper-wrapper{height:556px;} #explore-slide-item .swiper-slide{width:882px; height:556px; cursor:pointer; overflow:hidden;} #explore-slide-item .swiper-slide img{width:882px; max-width:none; height:556px;} #explore-slide-thumb{position:absolute; right:100px; top:0; width:250px; height:506px; overflow:hidden;} #explore-slide-thumb .swiper-slide{position:relative; width:250px; height:158px; cursor:pointer; overflow:hidden;} #explore-slide-thumb .swiper-slide:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:block; background:rgba(0,0,0,.5);} #explore-slide-thumb .swiper-slide img{width:250px; max-width:none; height:158px;} #explore-slide-thumb .swiper-slide.swiper-slide-thumb-active:after{display:none;} #explore-slide .swiper-button-prev,#explore-slide .swiper-button-next{top:auto; bottom:0; width:38px; height:22px; margin:0; background-repeat:no-repeat; background-position:center; background-size:38px 22px; cursor:pointer; opacity:1;} #explore-slide .swiper-button-prev:after,#explore-slide .swiper-button-next:after{display:none;} #explore-slide .swiper-button-prev{left:auto; right:248px; background-image:url(img/prev1.png);} #explore-slide .swiper-button-next{right:164px; background-image:url(img/next1.png);} #explore-slide .swiper-button-prev:hover{background-image:url(img/prev1-h.png);} #explore-slide .swiper-button-next:hover{background-image:url(img/next1-h.png);} #explore-detail{margin-top:52px;} #explore-detail h2{height:26px; line-height:26px; font-size:24px; font-weight:bold; color:#9c795d; overflow:hidden;} #explore-detail i{display:block; width:72px; height:3px; margin-top:23px; background:#9c795d;} #explore-detail .item{line-height:30px; margin-top:30px; font-size:15px; color:#545454;} /*走进统万城*/ .yincang{ display: none;} #lm-about{display:flex; justify-content:space-between; align-items:center;} #lm-about .left{width:544px; height:210px; padding:46px 50px 56px 50px; background:url(img/about-bg1.jpg) no-repeat top center; background-size:cover; overflow:hidden;} #lm-about .left h2{height:40px; line-height:40px; font-family:'SongTi'; font-size:37px; color:#fffefe; overflow:hidden;} #lm-about .left h3{height:26px; line-height:26px; margin-top:12px; font-family:'SongTi'; font-size:18px; color:#fffefe; overflow:hidden;} #lm-about .left i{display:block; width:37px; height:3px; margin-top:27px; background:#fffefe;} #lm-about .right{width:706px;} #lm-about .right h2{width:372px; height:48px; line-height:48px; background:#a58368; border-radius:4px; font-family:'SongTi'; font-size:24px; text-align:center; letter-spacing:1px; color:#f7ebe1; overflow:hidden;} #lm-about .right .text{line-height:30px; margin-top:26px; font-size:15px; color:#565656;} #lm-about1{display:flex; justify-content:space-between; margin-top:60px;} #lm-about1 .left{width:622px;} #lm-about1 .left h2{width:272px; height:48px; line-height:48px; background:#a58368; border-radius:4px; font-family:'SongTi'; font-size:24px; text-align:center; letter-spacing:1px; color:#f7ebe1; overflow:hidden;} #lm-about1 .left .text{line-height:30px; margin-top:26px; font-size:15px; color:#565656;} #lm-about1 .right{width:628px; height:480px; overflow:hidden;} #lm-about1 .right img{width:628px; height:480px;} .about-title h2{height:38px; line-height:38px; font-size:35px; font-weight:bold; color:#5d4847; overflow:hidden;} .about-title h3{height:18px; line-height:18px; margin-top:12px; font-family:'Arial'; font-size:15px; text-transform:uppercase; color:#2b211b; overflow:hidden;} .about-title i{display:block; width:38px; height:3px; margin:19px auto 0 auto; background:#5d4847;} #about-culture{height:646px; padding:90px 0 130px 0; background:url(img/culture-bg1.jpg) no-repeat top center; background-size:cover; overflow:hidden;} #about-culture .about-title h2,#about-culture .about-title h3{color:#fff;} #about-culture .about-title i{background:#fff;} #about-culture .item{line-height:32px; margin-top:90px; padding:0 140px; font-size:15px; text-align:center; color:#fff;} #team{margin-top:40px;} #team-item{position:relative; width:1160px; height:440px; margin:0 auto; overflow:hidden;} #team-item ul li{position:absolute; left:1048px; top:168px; display:none; width:0; height:0; cursor:pointer;} #team-item ul li:nth-child(1){display:block; left:0; top:80px; width:408px; height:242px; z-index:96;} #team-item ul li:nth-child(2){display:block; left:121px; top:40px; width:542px; height:322px; z-index:97;} #team-item ul li:nth-child(3){display:block; left:242px; top:0; width:676px; height:440px; z-index:98;} #team-item ul li:nth-child(4){display:block; left:497px; top:40px; width:542px; height:322px; z-index:97;} #team-item ul li:nth-child(5){display:block; left:752px; top:80px; width:408px; height:242px; z-index:96;} #team-item ul li span{position:relative; display:block; width:0; height:0; overflow:hidden;} #team-item ul li span:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:block; background:rgba(0,0,0,.5);} #team-item ul li.on span:after{display:none;} #team-item ul li:nth-child(1) span{width:408px; height:242px;} #team-item ul li:nth-child(2) span{width:542px; height:322px;} #team-item ul li:nth-child(3) span{width:676px; height:402px;} #team-item ul li:nth-child(4) span{width:542px; height:322px;} #team-item ul li:nth-child(5) span{width:408px; height:242px;} #team-item ul li img{width:0; max-width:none; height:0;} #team-item ul li:nth-child(1) img{width:408px; height:242px;} #team-item ul li:nth-child(2) img{width:542px; height:322px;} #team-item ul li:nth-child(3) img{width:676px; height:402px;} #team-item ul li:nth-child(4) img{width:542px; height:322px;} #team-item ul li:nth-child(5) img{width:408px; height:242px;} #team-item ul li h3{display:none; height:18px; line-height:18px; margin-top:20px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #team-item ul li:nth-child(3) h3{display:block;} #team-item ul li:hover h3{color:#5d4847;} #map{height:580px; margin-top:50px; background:#f9f9f9; overflow:hidden;} #map img{max-width:none;} .anchorBL{display:none;} #contact{position:relative; display:flex; margin-top:-254px; box-shadow:0 0 30px rgba(0,0,0,.08);} #contact .left{width:650px; height:508px; padding:80px 100px 80px 80px; background:#fff; overflow:hidden;} #contact .left h2{height:32px; line-height:32px; font-size:29px; color:#5d4847; overflow:hidden;} #contact .left h3{height:18px; line-height:18px; margin-top:8px; font-family:'Arial'; font-size:15px; color:#464646; overflow:hidden;} #contact .left i{display:block; width:48px; height:4px; margin-top:30px; background:#5d4847;} #contact .left .item{display:flex; justify-content:space-between; margin-top:50px;} #contact .left .item .text dl dd{margin-top:36px;} #contact .left .item .text dl dd:first-child{margin-top:0;} #contact .left .item .text dl dd h5{height:18px; line-height:18px; font-size:16px; overflow:hidden;} #contact .left .item .text dl dd h4{height:28px; line-height:28px; margin-top:8px; font-family:'Arial'; font-size:26px; font-weight:bold; overflow:hidden;} #contact .left .item .text dl dd p{height:18px; line-height:18px; margin-top:10px; font-size:15px; overflow:hidden;} #contact .left .item .qrcode img{display:block; width:126px; height:126px; margin:0 auto;} #contact .left .item .qrcode h4{height:18px; line-height:18px; margin-top:6px; font-size:15px; text-align:center; color:#666; overflow:hidden;} #contact .right{width:650px; height:508px; padding:50px 80px 60px 100px; background:#bda684; overflow:hidden;} #contact .right h2{height:26px; line-height:26px; font-size:24px; text-transform:uppercase; text-align:center; color:#fff; overflow:hidden;} #contact .right .item{margin-top:36px;} #contact .right .item .input{margin-bottom:18px; height:40px; overflow:hidden;} #contact .right .item .input input{display:block; width:100%; height:40px; line-height:40px; padding:0 14px; border:none; border-radius:0; font-size:15px; color:#464646;} #contact .right .item .input input::-moz-placeholder{color:#999;} #contact .right .item .input input::-webkit-input-placeholder{color:#999;} #contact .right .item .input input::-ms-input-placeholder{color:#999;} #contact .right .item .textarea{height:86px; overflow:hidden;} #contact .right .item .textarea textarea{display:block; width:100%; height:86px; line-height:22px; padding:10px 14px; border:none; border-radius:0; font-size:15px; color:#464644;} #contact .right .item .textarea textarea::-moz-placeholder{color:#999;} #contact .right .item .textarea textarea::-webkit-input-placeholder{color:#999;} #contact .right .item .textarea textarea::-ms-input-placeholder{color:#999;} #contact .right .item .code{display:flex; justify-content:space-between; align-items:center; height:40px; margin-top:18px; padding:0 14px; background:#fff; overflow:hidden;} #contact .right .item .code input{flex:1; width:auto; height:40px; line-height:40px; padding:0; border:none; border-radius:0; font-size:15px; color:#464646;} #contact .right .item .code input::-moz-placeholder{color:#999;} #contact .right .item .code input::-webkit-input-placeholder{color:#999;} #contact .right .item .code input::-ms-input-placeholder{color:#999;} #contact .right .item .code img{max-height:40px; margin-left:14px;} #contact .right .item .button{height:48px; margin-top:28px; overflow:hidden;} #contact .right .item .button button{display:block; width:100%; height:48px; line-height:48px; background:#9c785c; border:none; border-radius:0; font-size:17px; font-weight:bold; color:#fff;} .weo-tip{height:52px; border-radius:4px;} .weo-tip .weo-tip-text{height:52px;} .weo-tip .weo-tip-text i{width:22px; height:22px; background-size:22px 22px;} .weo-tip .weo-tip-text span{font-size:15px;} /*底部样式*/ #foot{padding:50px 0 48px 0; background:url(img/foot-bg.jpg) no-repeat top center; background-size:cover;} #foot.bt{border-top:1px solid #e8e8e6;} #f-logo img{width:200px; height:194px;} #f-line{width:1px; height:188px; background:#dad6d7;} #f-menu{display:flex;} #f-menu dl{margin-left:60px;} #f-menu dl:first-child{margin-left:0;} #f-menu dl dt{height:20px; line-height:20px; font-size:17px; font-weight:bold; text-align:center; color:#5b4646; overflow:hidden;} #f-menu dl dd{height:18px; line-height:18px; margin-top:14px; font-size:15px; text-align:center; overflow:hidden;} #f-menu dl dt + dd{margin-top:24px;} #f-menu dl dd a{display:block; color:#5b4646;} #f-menu dl dd:hover a{color:#a7856a;} #footer{padding-top:50px; background:url(img/footer-bg.jpg) no-repeat top center; background-size:cover;} #f-contact h2{height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#fff; overflow:hidden;} #f-contact .tel{margin-top:24px; padding-left:50px; background:url(img/tel.png) no-repeat left center;} #f-contact .tel h3{height:18px; line-height:18px; font-size:16px; color:#fff; overflow:hidden;} #f-contact .tel h4{height:28px; line-height:28px; margin-top:4px; font-family:'Arial'; font-size:26px; font-weight:bold; color:#fff; overflow:hidden;} #f-contact i{display:block; height:1px; margin-top:15px; background:rgba(255,255,255,.14);} #f-contact .address{margin-top:16px; padding-left:50px; background:url(img/address.png) no-repeat left 3px center;} #f-contact .address h3{height:18px; line-height:18px; font-size:16px; color:#fff; overflow:hidden;} #f-contact .address h4{height:18px; line-height:18px; margin-top:6px; font-size:15px; color:#fff; overflow:hidden;} #f-map{width:398px; height:148px; border:3px solid #cdc2bc;} #f-map img{width:392px; height:142px;} .wrapper.middle #f-map{width:444px;} .wrapper.middle #f-map img{width:438px;} #f-qrcode ul li{margin-left:16px;} #f-qrcode ul li:first-child{margin-left:0;} #f-qrcode ul li img{display:block; width:126px; height:126px; margin:0 auto;} #f-qrcode ul li h3{height:18px; line-height:18px; margin-top:12px; font-size:15px; text-align:center; color:#fff; overflow:hidden;} #copyright{height:68px; line-height:68px; margin-top:40px; background:rgba(0,0,0,.27); font-size:15px; color:#fff; overflow:hidden;} #copyright a{color:#fff;} #copyright a:hover{color:#d7c5b7;} /*自适应*/ @media screen and (max-width:1600px){ .wrapper.middle{width:1300px;} .wrapper.max{width:1400px;} .wrapper.max #nav ul li{margin-left:48px;} #news .item{width:394px;} #news .img{width:568px;} #news .img img{width:568px;} #state{width:420px;} #state .text{padding:30px 40px;} #state .order{padding:28px 24px;} #state .menu{padding:40px 10px;} #quick-menu{margin-top:70px;} #quick-menu ul li{width:256px; height:344px;} #quick-menu ul li img{width:256px; height:344px;} #about .left{width:496px;} #about .left h3{width:392px;} #about .right .swiper-container{width:654px;} #about .right .swiper-slide{width:654px;} #about .right .swiper-slide img{width:654px;} #about .right .culture .item{padding:0 36px 0 32px;} #about .right .culture .item i{margin:0 36px;} #about .right .culture .img{width:362px;} #about .right .culture .img img{width:362px;} #scenic{height:778px;} #scenic .menu ul li{height:230px;} #scenic .menu ul li a{padding:50px 0 40px 0;} #culture{height:722px;} #culture .text{right:610px; top:-24px;} #culture .text img{width:730px; height:382px;} #culture .item{width:642px; height:722px; padding:66px 54px 372px 54px;} #culture .img{height:216px;} #culture .img ul li{width:322px; height:216px;} #culture .img ul li img{width:322px; height:216px;} #culture .img ul li:hover h3{height:216px; line-height:216px;} #video{height:608px;} #video img{height:608px;} #scenery ul li{height:464px;} #scenery ul li img{height:464px;} .wrapper.middle #f-map{width:398px;} .wrapper.middle #f-map img{width:392px;} } @media screen and (max-width:1366px){ .wrapper.max{width:1300px;} .wrapper.max #nav ul li{margin-left:42px;} #news .item{width:374px;} #news .img{width:488px;} #news .img img{width:488px;} #quick-menu ul li{width:240px; height:334px;} #quick-menu ul li img{width:240px; height:334px;} #about .left{width:464px;} #about .right .swiper-container{width:624px;} #about .right .swiper-slide{width:624px;} #about .right .swiper-slide img{width:624px;} #about .right .culture .img{width:312px;} #about .right .culture .img img{width:312px;} #culture{height:712px;} #culture .text{left:-10px; right:610px; top:-20px;} #culture .text img{width:700px; height:366px;} #culture .item{height:712px; padding:66px 54px 362px 54px;} #culture .img{height:206px;} #culture .img ul li{width:300px; height:206px;} #culture .img ul li img{width:300px; height:206px;} #culture .img ul li:hover h3{height:206px; line-height:206px;} #scenery ul li{height:444px;} #scenery ul li img{height:444px;} } #nav{ display: block;} @media (max-width: 800px){ #banner{ height: 40vh;} #banner #header{} body #logo img{ width: 52%; height: auto;} #banner .swiper-slide img{height: 35vh;} #nav{ display: none;} #news .item{ width: 96%; margin: 0 auto;} #news{ display: block;} #news .img{width: 96%; margin: 0 auto;} .wrapper.max{ width: 100%;} .weo-flex{ display: block;} .wrap-white.p1{box-sizing: border-box; } #news .item{box-sizing: border-box;} #news .item .text{ width: 100%;} #news .img img{ width: 100%;height: 280px;} #news .img{ height: 280px;} #state .text{box-sizing: border-box;width: 100%; margin: 0 auto;} #state{width: 96%; margin: 0 auto;} .wrap-white.p1 { padding: 15px 0 20px 0; } #state{ height: auto;} #state .menu ul li{ width: 25%; float: left; text-align: center;} #state .menu ul li{ margin-top: 0;} #state .menu{ height: auto; border-top: 1px solid #b59983; padding-top: 20px; padding-bottom: 20px;} #state .menu ul li h3{ font-size: 16px;} #state .menu ul li i.st-icon1{ background-size: 74%;} #state .menu ul li i.st-icon2{ background-size: 74%;} #state .menu ul li i.st-icon3{ background-size: 74%;} #state .menu ul li i.st-icon4{ background-size: 74%;} #state .order section{ display: block;margin-top: 20px; float: right;} #state .order a{ display: block; float: left; } #state .order a h3{font-size: 18px;} #state .order a h3{ margin-top: 6px;} #state .order a { display: block; width: 120px; height: 118px; margin: 0 auto; padding: 22px 0; background: #7e6550; border-radius: 10px; overflow: hidden; } #state .text section h2{ font-size: 25px;} #state .menu ul li h3{ margin-top: 5px;} #state .order{ height: auto;} #news .item .text ul li{ margin-top: 19px;} #news .item{ height: auto;} #news .item .text{ height: auto; margin-top: 20px;} #news .item .notice ul li{ margin-top: 15px;} #news .item i{ margin-top: 20px;} #news .item{padding: 24px 20px 25px 20px;} #news .item h2 span{font-size: 25px;} #news .item .notice{ margin-top: 22px;} #state{ margin-top: 15px;} #state .text section h4{ margin-top: 3px;} #state .order section h2{ font-size: 28px;} #quick-menu ul li{ width: 30%;} #quick-menu ul li img{ width: 100%;} #quick-menu{position: relative;overflow: hidden;} #quick-menu ul { width: 100%; text-align: center; position: relative; white-space: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch; padding: 10px 0;display: initial; justify-content: inherit; } #quick-menu{ overflow-x: auto} #quick-menu ul li { width: 30%; display: inline-block; } #about{ display:inherit;} #about .left{ width: 100%;box-sizing: border-box; padding: 20px;} #about .right .swiper-container{ width: 100%;} #about .left h3{ width: 100%; font-size: 18px} #wrap-about{ padding-top: 50px;padding-bottom: 10px;} #about .left img{ width: 58%; display: inline-block;} #about .right .swiper-slide img{ height: 220px;} #about .right .swiper-slide{height: 220px;} #about .right .swiper-container{height: 220px; width: 96%; margin: 0 auto;} #about .right .culture{ display: block;} #about .right .culture .img{ display: none;} .culture{ width: 96%; margin: 0 auto;} body #about .right .culture .item img{ width: 40%; height: auto;} #about .right .culture .item i { margin: 0 20px; } #about .right .culture .item { padding: 0 20px 0 20px; } #about .right .culture .item section h2{ font-size: 25px;} #about .right .culture .item section h3{ font-size: 16px;} #about .right .culture .item section h4{ margin-top: 25px;} #about .right .culture .item{ height: 196px;} .wrapper{ width: 100%;} body #wrap-t2 img{width: 47%;height: auto;} #wrap-t2{padding: 50px 0 20px 0;} #scenic .text{ width: 94%; margin: 0 auto;} #scenic { height: 365px; padding-top: 35px; } #scenic .text p { height: 56px; line-height: 30px; font-size: 16px; text-align: center; color: #fff; -webkit-line-clamp: 2; } #scenic .text{ height: 160px;} #scenic .text h4{ margin-top: 10px;} #scenic .menu ul li h3{ font-size: 16px; margin-top: 0px;} #scenic .menu ul li h4{ font-size: 13px; margin-top: 0px;} #scenic .menu ul li{ height: 120px;} #scenic .menu ul li a{ padding-top: 8px;} #scenic .menu ul li i.sm-icon1{ background-size: 65%;} #scenic .menu ul li i.sm-icon2{ background-size: 65%;} #scenic .menu ul li i.sm-icon3{ background-size: 65%;} #scenic .menu ul li i.sm-icon4{ background-size: 65%;} #scenic .menu ul li i.sm-icon5{ background-size: 65%;} #scenic .text{padding: 20px 20px 40px 20px;} #scenic .text p{ font-size: 15px;} #scenic .text h4{ font-size: 15px;} #culture .text img { width: 70%; height: auto; } #culture .text { left: 8%; right: 0; top: -15%; } #culture .item{ box-sizing: border-box;} #culture .img ul li{ width: 50%; margin-top: 20px;} #culture .img ul li img{ width: 100%;} #culture .img ul{ display: block;} #culture .img{ height: auto} #culture .img { width: 96%; margin: 0 auto;} #culture .img ul li { width: 48%; float: left; display: block; margin-left: 0; } #culture .img ul li:nth-child(2n){ float: right;} #culture .img ul li:first-child{ margin-left: 0;} #culture .img{ position: initial; bottom: 0; left: 0;} #culture .item{ height: auto;padding: 50px 15px 20px 15px;} #culture .item{ width: 100%;} #culture .item a{ display: none;} #culture .img ul li img{ height: 170px;} #culture .img ul li{ height: 170px;} #video img { height: 204px; } #video { height: 204px; } #video i{background-size: 57%;} #video h4{ margin-top: 0;} #video h3{ margin-top: 5px; font-size: 20px;} #wrap-t3 img{ width: 47%; height: auto;} #wrap-t3 { padding: 50px 0 20px 0;} #scenery ul li img{ width: 100%; height: 250px;} #scenery ul li{ width: 100%;height: 250px;} #culture .img ul li h3{ font-size: 15px;} #culture .img ul li h3{ font-size: 16px;} #about .right .button{ width: 186px;} #about .right .swiper-button-prev{ left: 72px;} #about .right .swiper-button-next{ left: 124px;} #culture .item h2{ margin-left: 54px;} #scenic .menu ul li h4{ display: none;} #scenic .menu ul li a{ padding-top: 20px;} #about .left .text{ color: #fff;font-weight: bold} #about .left h4{ margin-top: 20px;} #about .left img{ width: 55%;} #about .left h2{ margin-top: 30px;} #quick-menu{ margin-top: 26px;} #quick-menu ul li h4{ left: 18px; font-size: 14px;} #quick-menu ul li h3{writing-mode:vertical-lr; left: 38px; font-size: 24px;} #quick-menu ul li:nth-child(1){ margin-left: 10px;} #foot{ display: none;} .wrapper.middle{ width: 100%;} #f-qrcode ul li { margin-left: 0; width: 24%; text-align: center; display: inline-block; margin-top: 10px; } #copyright{ margin-top: 14px;} #f-qrcode{ padding-top: 20px;} #f-contact{box-sizing: border-box; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; padding-top: 20px;} #footer{ padding-top: 10px;} #f-contact .tel{ margin-top: 15px;} .wrapper.middle #f-map img { width: 100%; } .wrapper.middle #f-map{ width: 100%;} #copyright { height: auto; line-height: 24px; margin-top: 40px; background: rgba(0,0,0,.27); font-size: 14px; color: #fff; overflow: inherit; padding-top: 10px; padding-bottom: 10px; } #f-qrcode ul li h3{ margin-top: 5px; font-size: 14px;} #copyright{ margin-top: 20px;box-sizing: border-box; padding-left: 20px; padding-right: 20px;} #f-qrcode ul li img { display: block; width: 88px; height: 88px; margin: 0 auto; } #location{ padding-left: 10px;box-sizing: border-box;} #explore-detail{box-sizing: border-box; padding: 15px;} .lm-title section h2{ font-size: 25px;} #notice-list ul li i{ display: none;} #notice-list ul li .date{ display: none;} #notice-list ul li .img img { width: 185px; max-width: none; height: 137px; transition: all 0.3s linear; } #notice-list ul li .img{ width: 180px;height: 126px;} #notice-list ul li .img{ margin-left: 8px;} #notice-list ul li .img{ margin-right: 5px;} #notice-list ul li { margin-bottom: 18px; padding-bottom: 10px; border-bottom: 1px dashed #d2d2d2; } #notice-list{ margin-top: 30px;} .lm-title section h3{ margin-top: 3px;} #notice-list ul li .item h3{ font-size: 17px;} #notice-list ul li .item p { height: 44px; line-height: 21px; margin-top: 10px; font-size: 15px; color: #5a5a5a; } #notice-list ul li .item h4{ margin-top: 10px;} #notice-list ul li .img img{ width: 100%;height: 126px;} #notice-list ul li .img img{ height: 126px;} .lm-title section h3{ font-size: 14px;} .lm-title i.l{background-size: 76%;} .lm-title i.r{background-size: 76%;} #wenchuang-list ul li{ width: 100%;} #wenchuang-list ul li img{ width: 100%;} #wenchuang-list ul li span{ width: 100%;} #wenchuang-list ul li{ width: 96%; margin: 0 auto; float: inherit;} #wenchuang-list ul{ margin: 0;} #wenchuang-list ul li a{box-sizing: border-box;} #wenchuang-list ul li img{ height: 200px;} #wenchuang-list ul li span{ height: 200px;} #wenchuang-list ul li{ margin-bottom: 14px; height: auto;} #news-list ul li .img { width: 175px; height: 150px; overflow: hidden; } #news-list ul li .img img{ width: 100%; height: 150px;} #news-list ul li .item { flex: 1; height: 156px; margin-left: 10px; margin-right: 5px; overflow: hidden; } #news-list ul li .item h3{ display: block;} #news-list ul li .item h3 em{ margin-left: 0;} #news-list ul li .item p { height: 47px; line-height: 22px; margin-top: 16px; font-size: 15px; color: #5a5a5a; } #news-list ul li .item h3{ height: auto;} #news-list ul li .item h4{ margin-top: 15px;} #news-list ul li .item p{ margin-top: 10px;} #news-list ul li .img{ margin-left: 5px;} #news-list ul li { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px dashed #d2d2d2; } #news-list ul li .item h3 span { flex: 1; height: 20px; line-height: 20px; font-size: 16px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: block; } #culture-list ul li img{ width: 100%;} #culture-list ul li span{ width: 100%;} #culture-list ul li{ width: 96%; margin: 0 auto; float: inherit;} #culture-list ul{margin: 0;} #culture-list ul li img{ height: 206px;} #culture-list ul li span{ height: 206px;} #culture-list ul li{ height: auto; margin-bottom: 15px;} #tourist1-text { padding: 0 20px; } #tourist-banner{ height: 158px;} #tourist1-item ul{ margin: 0;} #tourist1-item ul li{ width: 94%; margin: 0 auto; float: inherit;padding: 0 15px; height: 145px;margin-bottom: 10px;} #tourist1-item ul li section h3{ font-size: 18px;} #tourist1-item ul li section p{font-size: 15px;} #tourist1-item ul li section{ margin-left: 20px;} #tourist1-item ul li i{ width: 76px; height: 76px;} #tourist1-item ul li i.t-icon1{ background-size: 56%;} #tourist1-item ul li i.t-icon2{ background-size: 56%;} #tourist1-item ul li i.t-icon3{ background-size: 56%;} #tourist1-item ul li i.t-icon4{ background-size: 56%;} #tourist1-item ul li i.t-icon5{ background-size: 56%;} #tourist1-item ul li i.t-icon6{ background-size: 56%;} #tourist1-item ul li i.t-icon7{ background-size: 56%;} #tourist1-item ul li{ height: 124px;} #tourist1-item ul li section p { height: 62px; line-height: 21px; margin-top: 6px; font-size: 15px; color: #504e4e; } .weo-text-elips { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } #explore ul li a{ display: block;} #explore ul li .item{ width: 100%;} #explore ul li .item{padding: 28px 25px 44px 25px;} #explore ul li .item i{ height: 162px;} #explore ul li .item i.e-icon1{ background-size: 72%;} #explore ul li .item i.e-icon2{ background-size: 72%;} #explore ul li .item i.e-icon3{ background-size: 72%;} #explore ul li .item i.e-icon4{ background-size: 72%;} #explore ul li .item i.e-icon5{ background-size: 72%;} #explore ul li .item i.e-icon6{ background-size: 72%;} #explore ul li .item{ height: 394px;} #explore ul li .img{ display: none;} #explore ul li { height: auto; margin-top: 0; overflow: hidden; } #explore-list ul li span{ width: 100%;height: 200px;} #explore-list ul li img{ width: 100%; height: 200px;} #explore-list ul li{ float: inherit; width: 96%; margin: 0; margin: 0 auto; height: auto; margin-bottom: 10px;} #explore-list ul{ margin: 0;} #explore-rmd .img{ display: none;} #explore-rmd .item{ width: 100%;padding: 40px 15px 66px 15px; height: auto;} #explore-rmd .item i.e-icon1{ background-size: 72%;} #explore-rmd .item i.e-icon2{ background-size: 72%;} #explore-rmd .item i.e-icon3{ background-size: 72%;} #explore-rmd .item i.e-icon4{ background-size: 72%;} #explore-rmd .item i.e-icon5{ background-size: 72%;} #explore-rmd .item i.e-icon6{ background-size: 72%;} #explore-rmd .item i{ height: 148px;} #explore-rmd{ display: none;} #explore-slide-thumb{ display: none;} #explore-slide-item .swiper-slide img{ width: 100%; height: 220px;} #explore-slide-item .swiper-slide { width: 100%;} #explore-slide-item{ width: 100%;} #explore-slide .swiper-button-prev{ display: none} #explore-slide .swiper-button-next{display: none;} #explore-slide-item .swiper-slide{ height: 220px;} #explore-slide-item .swiper-wrapper{ height: 220px;} #explore-slide-item{ height: auto;} #explore-slide{height: 220px;} #explore-slide{ margin-top: 20px;} #explore-detail{ margin-top: 20px;} #header{ display: none; } #banner .swiper-pagination{ bottom: 10px;} .lm-title{ margin-top: 44px;} #explore-detail{ margin-top: 44px;} #explore-detail h2 { height: 26px; line-height: 26px; font-size: 20px; font-weight: bold; color: #9c795d; overflow: inherit; } .header2{ display: block;} body .logo img{ height: 42px;} .logo{ padding-top: 10px;} #banner{ padding-top: 65px;} #tourist-menu .item{ display: block;} #tourist-menu .item { display: block; overflow-x: auto; } #tourist-menu .item a { height: 62px; line-height: 62px; padding: 0 11px; font-size: 15px; display: inline-block;} .weo-flex-col-center {width: 100%; text-align: center; position: relative; white-space: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch; padding: 10px 0; display: initial; justify-content: inherit;} #tourist-menu .location{ display: none;} #feedback .item { margin-top: 30px; padding: 0 20px; } #feedback .text h2{font-size: 20px;} #feedback .text h4{ overflow: inherit; line-height: 24px; padding-left: 10px; padding-right: 10px;} #feedback .text i{ display: none;} #photo-list ul{ margin: 0;} #photo-list ul li{ float: inherit; width: 96%; margin: 0 auto; height: auto; margin-bottom: 15px;} #photo-list ul li span{ width: 100%; height: 216px;} #photo-list ul li span img{ width: 100%; height: 216px;} #photo-list ul li a { display: block; padding: 10px 10px 15px 10px; } #photo-list ul li h3{ margin-top: 14px;} #canyin .left{ width:96%; margin: 0 auto;} #canyin .right{width:96%; margin: 0 auto;} #canyin .left img{ width: 100%;} #canyin{ display: inherit; height: auto;} #canyin .right{box-sizing: border-box; height: auto; padding: 20px; padding-top: 30px; padding-bottom: 30px;} #canyin .right h2 { height: 30px; line-height: 30px; padding-left: 34px; background: url(img/cy-icon.png) no-repeat left center; background-size: 8%; font-size: 23px; color: #fff; overflow: hidden; } #canyin .right i{ margin-top: 18px;} #canyin .right p{ margin-top: 18px;} #zhusu .left{width:96%; margin: 0 auto;} #zhusu .right{ width:96%; margin: 0 auto;} #zhusu{display: inherit; height: auto;} #zhusu .left { height: inherit; padding: 20px; background: url(img/zhusu-bg.jpg) no-repeat center; background-size: cover; overflow: hidden; } #zhusu .left h2 { height: 30px; line-height: 30px; padding-left: 34px; background: url(img/zs-icon.png) no-repeat left center; background-size: 8%; font-size: 23px; color: #fff; overflow: hidden; } #zhusu .right i{ margin-top: 18px;} #zhusu .left p{margin-top: 18px;} #zhusu .right img{ height: 250px;} #zhusu .right{ height: 250px;} #canyin .left img{ height: 250px;} #canyin .left{ height: 250px;} #zhusu{ margin-top: 20px;} #lm-about{ display: inherit;} #lm-about .left{ width:96%; margin: 0 auto;} #lm-about .left { height: 110px; padding: 20px; box-sizing: border-box; background: url(img/about-bg1.jpg) no-repeat top center; background-size: cover; overflow: hidden; } #lm-about .left h2{ font-size: 22px; height: 30px; line-height: 30px;} #lm-about .left h3{ margin-top: 0px; font-size: 15px;} #lm-about .left i{ margin-top: 2px;} #lm-about .right{width:96%; margin: 0 auto;} #lm-about .right h2{ width: 100%; font-size: 20px;} #lm-about1{ display: inherit; width: 96%; margin: 0 auto;} #lm-about1 .left{ width: 100%;} #lm-about1 .left h2{ font-size: 20px; margin-top: 20px;} #lm-about1 .left .text{ margin-top: 15px;} #lm-about1 .right img{ width: 100%; height: auto;} #lm-about1 .right{ width: 100%;} #lm-about .right .text{ line-height: 25px;} #lm-about1 .left .text{ line-height: 25px;} #lm-about1 .right{ height: auto;} #about-culture .item{padding: 0 20px;box-sizing: border-box;} .about-title h2{ font-size: 25px;} #about-culture{ height: auto; padding-top: 30px; padding-bottom: 30px;} #about-culture .item { line-height: 27px; margin-top: 20px;} .about-title h3{ margin-top: 5px;} #contact{ display: inherit; width: 96%; margin: 0 auto; margin-top: -300px;} #contact .left { width: 100%; height: auto; box-sizing: border-box; padding: 20px; background: #fff; overflow: hidden; } #contact .left h2{ font-size: 20px;} #contact .left i{ margin-top: 10px;} #contact .left .item{ margin-top: 15px;} #contact .left .item .qrcode h4{ margin-top: 0;} #contact .right{width: 96%; margin: 0 auto;box-sizing: border-box; padding: 20px; height: auto;} #contact .right h2{ font-size: 20px;} #contact .right .item .input{ margin-bottom: 10px;} #contact .right .item .button{ margin-top: 10px;} #contact .right .item{ margin-top: 15px;} .wrap-white.p3 { padding-bottom: 30px; } #contact .left h3{ margin-top: 0;} #explore-detail .item{ margin-top: 15px;} #explore-detail{ margin-top: 10px;} #explore-detail i{ margin-top: 10px;} #explore-detail i{ width: 47px;} #exhibition-list ul{ margin: 0;} #exhibition-list ul li{ margin: 0; float: initial; width: 96%; margin: 0 auto; height: auto; margin-bottom: 10px;} #exhibition-list ul li span { width: 100%;height: 210px; } #exhibition-list ul li section{box-sizing: border-box;} #exhibition-list ul li img{ width: 100%; height: 210px;} #exhibition-rmd img{ width: 100%;height: 150px;} #exhibition-rmd{ width: 100%;height: 150px;} #exhibition-list{ margin-top: 16px;} .wrap-white.p5 { padding: 30px 0; } #tourist1-text h2{ font-size: 24px;} #tourist1-text p{ margin-top: 10px;} #faq ul li h3{padding: 0 20px;box-sizing: border-box;} #faq ul li .item { display: none; padding: 20px 20px; border: 1px solid #e6ddd6;box-sizing: border-box; } .wrap-brown { padding: 30px 0; background: #f7f3ee; } #feedback .text h4{ height: auto;} #feedback .text h3{ margin-top: 20px;} #route .left{ display: none;} #route .right{ width: 98%; margin: 0 auto;} #route .right{ padding: 18px;box-sizing: border-box;} #route-item{ height: auto;} #route .right{ height: auto;} #route{ height: auto;} #route-item{ padding: 15px;} #route-item ul li h3 span{ font-size: 16px;} #route-item ul li{ margin-top: 10px;} #route-item{ margin-top: 12px;} #daoyou-tel{ width: 100%;height: 76px;} #daoyou-tel img{ width: 100%; height: 76px;} #route{ margin-top: 20px;} #guide-rmd .right{ display: none;} #guide-rmd .left{ width: 96%; height: auto; margin: 0 auto; padding: 20px;box-sizing: border-box;padding-bottom: 38px; margin-bottom: 12px;} #guide-rmd .left h2{ font-size: 25px;} #guide-rmd .left .item ul li{ margin-top: 15px;} #guide-rmd .left .item{ height: auto;} #guide-rmd{ height: auto;} #guide-list ul li{ width: 100%; margin: 0 auto; height: auto; margin-bottom: 15px;} #guide-list ul li img{ width: 100%; height: 220px;} #guide-list ul li span{width: 100%; height: 220px;} #guide-list ul{ margin: 0;} #guide-list{ width: 96%; margin: 0 auto;} .lm-title + #daoyou-tel{ margin-top: 20px;} #daoyou table tbody{ width: 100%;} #daoyou{ padding: 12px;} #daoyou{ font-size: 23px;} #daoyou table{ margin-top: 15px; width: 100%;} #daoyou h2{ font-size:16px ; height: auto; overflow: auto;} .firstRow{ width: 100%;} .yincang{ display: block; margin-top: 15px;} #team{ display: none} .wrap-white.p2 { padding: 30px 0 30px 0; } .yincang .swiper-button-prev{background: url(img/zq1.png) no-repeat top center; background-size: 100%; width: 36px;} .yincang .swiper-button-next{background: url(img/zq2.png) no-repeat top center; background-size: 100%;width: 36px;} .yincang .swiper-pagination-bullet-active{ background: #fff;} #lm-about1 .right{ margin-top: 10px;} .wrap-gray.p1{ padding-bottom: 30px;} .about-title h3{ margin-top: 0;} #map{ margin-top: 28px;} .wrap-white.p4 { padding: 80px 0 64px 0; } #explore-list{ margin-top: 20px;} #explore{ margin-top: 20px;} #exhibition-rmd{ margin-top: 20px;} #tourist1-text p{ line-height: 24px;} #tourist1-item{ margin-top: 20px;} .wrap-white.p6 { padding: 30px 0 30px 0; } #feedback .text h4{ margin-top: 10px;font-size: 14px;} #guide-rmd{ margin-top: 20px;} #guide-rmd .left i { display: block; height: 1px; margin-top: 15px; background: #ba9980; } #culture-list{ margin-top: 20px;} .lm-title{ margin-top: 20px;} #report-list ul li{ width: 100%; float: inherit; height: auto; margin:0;margin-top: 15px; } #report-list ul li span{ width: 100%;height: 220px;} #report-list ul li span img{ width: 100%; height: 220px;} #report-list ul{ margin: 0;} #report-list{ width: 96%; margin: 0 auto;} #wenchuang-list{ margin-top: 20px;} #wenchuang-list ul li h3{ margin-top: 16px;} #wenchuang-list ul li a { display: block; padding: 10px 10px 16px 10px; } #photo-list{ margin-top: 20px;} #canyin{ margin-top: 20px;} #news-list{ margin-top: 20px;} #wenchuang .right{ display: none;} #wenchuang .left{ width: 96%; margin: 0 auto; padding: 20px;box-sizing: border-box; height: auto;} #wenchuang .left section h2{ font-size: 23px;} #wenchuang .left p{ margin-top: 2px;} #wenchuang{ height: auto;} #wenchuang .left p{ line-height: 26px; font-size: 15px;} #wenchuang .left section h3{ font-size: 14px; margin-top: 0;} #wenchuang .left section{background: url(img/wc-title-bg.png) no-repeat center center; background-size: 80%;} #photo-album-item .swiper-slide{ width: 100%!important; height: 100vh;} #photo-album-item .swiper-slide img { width: 100%; height: 100vh; margin-top: 0px; } #photo-album-thumb{ display: none;} #photo-album .close{ z-index: 99999999999;} .the-table, .the-table>tbody.the-table>tbody>tr {display: block;}.the-table>tbody>tr {border-top: 1px solid #eee;padding: 10px 20px;background: #fff;width: 100%;position: relative;}.the-table>tbody>tr>td {display: inline;font-size: 16px;} #daoyou table tr td{ padding: 14px 2px; } #video-play i{ right:0} #video-play video{ width:100%;height:300px} #video-play{ width:100%;height:auto} #wrap-about { padding: 50px 0 10px 0; background: url(img/888.jpg) no-repeat top center; background-size: cover; } #about .left .text{ font-weight: normal; font-size: 15px; margin-top: 10px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; font-size: 15px; height: auto; } #about .left h4{ font-size: 14px;} #about .left h2{ font-size: 24px; margin-top: 20px;} #about .left h3{ margin-top: 10px;} }