.footer__contact-info,.footer__logo{vertical-align:middle;display:inline-block}.footer-content,.footer__contact-info,.footer__contact-method,.footer__logo,.header-logo-container{display:inline-block}body{padding:0;margin:0;min-width:1024px;font-family:PingFangSC-Light,Arial,Helvetica,'Hiragino Sans GB',STXiHei,'Microsoft YaHei',sans-serif}.header{width:1200px;height:100px;margin:0 auto}.header-logo-container{line-height:100px;font-size:20px;font-weight:700;color:#0096ff}.header__logo{height:46px;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.header__menu{float:right;list-style:none;margin:0;padding:0}.header__menu-item{float:left;line-height:100px;margin-right:30px}.header__menu-item.active a{color:#00a0e9}.header__menu-item a{text-decoration:none;color:#000}.header__menu-item a:hover{color:#00a0e9}.footer{margin-top:58px;margin-bottom:58px;text-align:center;font-size:0}.footer__logo{padding-right:20px;border-right:1px solid #00a0e9}.footer__logo img{height:37px;max-width:100%}.footer__contact-info{padding-left:20px;text-align:left}.footer__contact-info__detail{font-size:12px;color:#9b9c9c}.footer__contact-info__detail p{margin:0}.footer__contact-method-list{list-style:none;margin:0 0 24px;padding:0}.footer__contact-method{height:40px;width:40px;background-size:contain;background-position:center center;background-repeat:no-repeat}.footer__contact-method--weibo{background-image:url(../res/image/contact-01.png)}.footer__contact-method--weibo:hover{background-image:url(../res/image/contact-01-active.png)}.footer__contact-method--wechat{margin-left:50px;background-image:url(../res/image/contact-02.png)}.footer__contact-method--wechat:hover{background-image:url(../res/image/contact-02-active.png)}.scenic__body__bg{padding-top:47.6%;background-size:cover;background-position:center center}.scenic__info{position:relative;margin:100px 195px}.show-container{width:100%;overflow:hidden}.show-container .pic-container{width:25%;overflow:visible;list-style-type:none;white-space:nowrap;font-size:0;padding:40px 0;-webkit-transition:all .3s ease;transition:all .3s ease}.show-container .pic-container li{-webkit-transition:all .3s ease;transition:all .3s ease;width:100%;font-size:20px;padding:0;margin:0;cursor:pointer;position:relative;display:inline-block;white-space:initial}.show-container .pic-container li:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);z-index:10;overflow:visible}.show-container .pic-container li:hover .scenic-pic{z-index:12;-webkit-filter:brightness(75%) contrast(90%) grayscale(0);filter:brightness(75%) contrast(90%) grayscale(0)}.show-container .pic-container li:hover .intro{z-index:19;opacity:1}.show-container .pic-container li:hover .intro .line{width:100%!important}.show-container .pic-container li .scenic-pic{position:relative;background-position:center;width:100%;padding-top:183.26%;background-size:cover}.show-container .pic-container li .intro{position:absolute;height:100%;top:0;left:0;width:100%;opacity:0}.show-container .pic-container li .intro .text-c{bottom:10px;position:absolute;left:0;z-index:1000}.show-container .pic-container li .intro .text-c .line-c{display:-ms-grid;display:grid}.show-container .pic-container li .intro .text-c .line{width:0;height:2px;background:#fff;-webkit-transition:all .5s linear;transition:all .5s linear}.pic-arrow-left,.pic-arrow-right{display:inline-block;height:50px;border-top:2px solid #666;border-right:2px solid #666;border-radius:2px;width:50px}.show-container .pic-container li .intro .text-c .name-scenic{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;font-size:20px;font-weight:700;padding-left:20px;color:#fff}.show-container .pic-container li .intro .text-c .name-date{vertical-align:bottom;color:#FEFEFE;font-size:12px;padding-left:20px}.pic-arrow-right{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.pic-arrow-left{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}#left,#right{cursor:pointer;z-index:11;position:absolute;text-align:center;width:120px;-webkit-transform:translateY(520%);-ms-transform:translateY(520%);transform:translateY(520%)}#left .pic-arrow,#right .pic-arrow{border-top:2px solid #fff;border-right:2px solid #fff}#left:hover .pic-arrow,#right:hover .pic-arrow{border-top:2px solid #00a0e9;border-right:2px solid #00a0e9}#left{left:0;opacity:0}#right{right:0;opacity:0}#left img,#right img{width:50px;height:60px}