*{padding: 0;margin: 0;list-style: none;outline: 0;font-family: "Microsoft yahei",Arial,sans-serif;}
a{text-decoration: none;}
html{font-size: 100px;}
img{border: 0;}
.clear{clear:both;}
body{width: 100%;overflow-x: hidden;}
.wrap{width:100%;margin: 0 auto;position: relative;font-size: 0;min-width: 12rem;}
.section-1{overflow: hidden;}
.section-1 .clouds{background: url("../images/section-1-cloud.png") left top no-repeat;background-size:18.68rem 6.45rem;width: 18.68rem;height: 6.45rem;
    position: absolute;left:1.04rem;top:0;z-index: 2;animation:  clouds-translate 10s linear alternate infinite;-webkit-animation:  clouds-translate 10s linear alternate infinite;}
.section-1 .lights{background: url("../images/section-1-lights.png") left top no-repeat;background-size:11.81rem 12.81rem;width: 11.81rem;height: 12.81rem;
    position: absolute;left: 1.04rem;top: 1.2rem;z-index: 1;animation: lights-roll  2s linear alternate infinite;-webkit-animation: lights-roll  2s linear alternate infinite;}
.section-1 .center-grid{width:12rem;margin: 2.23rem auto 0;text-align: center;position: relative;z-index: 3;}
.section-1 .center-grid .logo-pic{width: 4.97rem;height: 1.65rem;margin: 0 auto;}
.section-1 .center-grid .logo-pic img{width: 4.97rem;height: 1.65rem;}
.section-1 .center-grid .bot-text{margin-top: 1.43rem;}
.section-1 .center-grid .bot-text img{display: block;margin:0 auto;padding: 0.2rem 0;}
.section-1 .center-grid .bot-text .pic-1{width: 6.84rem;height: 0.42rem;}
.section-1 .center-grid .bot-text .pic-2{width: 3.4rem;height: 0.43rem;}
.section-1 .center-grid .bot-text .pic-3{width: 2.72rem;height: 0.41rem;}
.section-1 .center-grid .banner-2-text{width: 9.12rem;height: 2.39rem;}
.section-1 .center-grid .banner-3-text{width: 9.01rem;height: 2.28rem;}
.section-1 .center-grid .banner-4-text{width: 9.85rem;height: 2.24rem;}
.section-1 .center-grid .banner-5-text{width: 8.70rem;height: 2.20rem;}
.section-1 .banner-btn{width: 0.66rem;height: 0.66rem;border: 1px solid #ccc;border-radius: 50%;background:rgba(0,0,0,0.5);text-align: center;line-height: 0.7rem;color: #ccc;
    position: absolute;top:50%;margin-top: -0.33rem;z-index: 9;font-size: 0.2rem;}
.section-1 .banner-btn:active{box-shadow: 0.05rem -0rem 0.4rem rgba(255,255,255,0.8);}
.section-1 .banner-btn.left{left: 0.54rem;}
.section-1 .banner-btn.right{right: 0.54rem;}
.section-1 ul.bannerGrid{width: 100%;height:100%;position: absolute;left: 0;top: 0;z-index: 5;}
.section-1 ul.bannerGrid li{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none;z-index: 5;}
.section-1 ul.bannerGrid li.on{display:block;z-index: 6;}

.menu{width: 100%;height: 0.9rem;background: rgba(255,255,255,0.5);position: fixed;left: 0;top:0;z-index: 10;font-size: 0.16rem;display: none;min-width: 12rem;}
.menu .logo{width:1.66rem;height: 0.9rem;float: left;line-height: 0.9rem;margin-left: 0.54rem;}
.menu .logo img{width:1.66rem;height: 0.54rem;vertical-align: middle;}
.menu .nav{float: left;margin-left:1.6rem;height: 0.9rem;}
.menu .nav a{font-size:0.16rem;line-height:0.9rem;color: #333;margin: 0 0.5rem;position:relative;float: left;}
.menu .nav a .right-cut-icon{background: url("../images/menu-right-cut.png") center top no-repeat;background-size: 0.18rem 0.18rem;position: absolute;right:-0.18rem;top: 0.3rem;
    display: block;width: 0.18rem;height: 0.18rem;}
.menu .nav a .hover-icon{width: 1.31rem;height: 0.3rem;opacity: 0;position: absolute;left:-0.46rem;top: 0.32rem;transition: all 0.5s;-webkit-transition: all 0.5s;
    background: url("../images/menu-bot-icon.png") left top no-repeat;background-size: 1.31rem 0.3rem;display: block;}
.menu .nav a:hover .hover-icon{opacity: 1;transition: all 0.5s;-webkit-transition: all 0.5s;}
.menu .nav a:hover{color: #dc0000;}
.menu .share-btn{width:1.86rem;height:0.9rem;float: right;margin-right: 0.30rem;margin-top: 0.28rem;  }
.menu .share-btn a{width: 0.32rem;height: 0.32rem;margin-right: 0.2rem;border-radius: 50%;display: inline-block;position: relative;}
.menu .share-btn a:active{box-shadow:0 0 0.1rem rgba(255,255,255,0.5);}
.menu .share-btn a.icon-1{background:url("../images/right-top-icons.png") 0.1rem 0.05rem no-repeat #c9daf5;background-size: 1.2rem 0.22rem;}
.menu .share-btn a.icon-2{background:url("../images/right-top-icons.png") -0.42rem 0.05rem no-repeat #c9daf5;background-size: 1.2rem 0.22rem;}
.menu .share-btn a.icon-3{background:url("../images/right-top-icons.png") -0.93rem 0.05rem no-repeat #c9daf5;background-size: 1.2rem 0.22rem;}
.menu .share-btn a .top-pop{width: 0.9rem;height: 1.29rem;position: absolute;left: -0.3rem;top: 0.65rem;z-index: 10;background: url("../images/top-pop-bac.png") center top no-repeat;
    background-size:0.9rem 1.29rem;visibility:hidden;opacity:0;transition: all 0.5s;-webkit-transition: 0.5s;}
.menu .share-btn a:hover .top-pop{visibility: visible;opacity: 1;transition: all 0.5s;-webkit-transition: 0.5s;}
.menu .share-btn a .top-pop .code-box{width: 0.75rem;height: 0.75rem;margin: 0 auto;padding-top: 0.16rem;}
.menu .share-btn a .top-pop .code-box img{width: 0.75rem;height: 0.75rem;}
.menu .share-btn a .top-pop .bot-text{width: 0.75rem;margin: 0 auto;font-size: 0.12rem;color: #fff;line-height: 0.18rem;text-align: center;}


.section-2{background: url("../images/section-2.jpg") left top no-repeat;background-size:cover;overflow: hidden;}
.section-2 .center-grid{width: 12rem;margin: 0 auto;text-align: center;}
.section-2 .center-grid .top-text{width:8.21rem;margin: 0 auto;}
.section-2 .center-grid .top-text img{width:8.21rem; }
.section-2 .center-grid .bot-text{width:7.4rem;margin: 0 auto;}
.section-2 .center-grid .bot-text img{width:7.4rem; }
.section-2 .center-grid .col-grid{width: 12rem;margin-top: 0.56rem;position: relative;height: 3.84rem;}
.section-2 .center-grid .col-grid .col{width: 1.2rem;height: 3.84rem;position: absolute;top: 0;z-index: 2;transition: all 0.5s;-webkit-transition: all 0.5s;transform: translateY(0rem);-webkit-transform: translateY(0rem);}
.section-2 .center-grid .col-grid .col:hover{box-shadow: 0 0 0.3rem rgba(255,255,255,0.8);transition: all 0.5s;-webkit-transition: all 0.5s;transform: translateY(-0.2rem);-webkit-transform: translateY(-0.2rem); }
.section-2 .center-grid .col-grid .col-1{left:0;background:url("../images/section-2-text-3.png") left top no-repeat;background-size: 1.2rem 3.84rem;}
.section-2 .center-grid .col-grid .col-2{left:2.15rem;background:url("../images/section-2-text-4.png") left top no-repeat;background-size: 1.2rem 3.84rem;}
.section-2 .center-grid .col-grid .col-3{left:4.3rem;background:url("../images/section-2-text-5.png") left top no-repeat;background-size: 1.2rem 3.84rem;}
.section-2 .center-grid .col-grid .col-4{left:6.48rem;background:url("../images/section-2-text-6.png") left top no-repeat;background-size: 1.2rem 3.84rem;}
.section-2 .center-grid .col-grid .col-5{left:8.62rem;background:url("../images/section-2-text-7.png") left top no-repeat;background-size: 1.2rem 3.84rem;}
.section-2 .center-grid .col-grid .col-6{left:10.80rem;background:url("../images/section-2-text-8.png") left top no-repeat;background-size: 1.2rem 3.84rem;}

.right-fixed{width: 0.54rem;position: fixed;right:0.8rem;bottom:3.8rem;z-index: 11;display: none;}
.right-fixed a{width: 0.54rem;height: 0.54rem;border: 1px solid #94918f;border-radius:0.1rem;text-align: center;color: #fff;font-size: 0.16rem;line-height: 0.25rem;
    margin-bottom: 0.1rem;background: rgba(0,0,0,0.5);display: block;}
.right-fixed a:active{box-shadow:0 0 0.1rem #fff;}
.footer{width:100%;height: 0.64rem;background: #333333;color: #cccccc;font-size: 0.16rem;position: fixed;left: 0;bottom: 0;z-index: 10;display: none;}
.footer .left-weather{float: left;margin-left: 0.54rem;line-height: 0.64rem;margin-top: 0.1rem;}
.footer .bot-links{width: 9.65rem;float: left;margin-left: 0.25rem;line-height: 0.64rem;}
.footer .bot-links a{margin: 0.15rem 0.1rem;float: left;line-height: 0.3rem;}
.footer .bot-links a img{vertical-align: middle;height:0.3rem;}
.footer .bot-links .v-line{width:1px;height: 0.3rem;background: #242424;margin-top: 0.15rem;float: left;}
.footer .right-copy{color: #999999;font-size: 0.14rem;line-height: 0.64rem;}

.section-3{background: url("../images/section-3.jpg") center top no-repeat;background-size:cover; overflow: hidden;}
.section-3 .center-grid{width: 12rem;margin:0 auto;height: 7.36rem;position: relative;}
.section-3 .center-grid .text-1{width: 1.99rem;height: 2.19rem;position:absolute;right: 0;top: 0;}
.section-3 .center-grid .text-2{width: 4.9rem;height:1.64rem;position:absolute;right: 2.06rem;top: 0.3rem;}
.section-3 .center-grid .list-grid{width: 12.3rem;margin-top: 2.2rem;position: relative;float: left;}
.section-3 .center-grid .list-grid ul{width: 12.3rem;position: absolute;left: 0;top: 0;display: none;}
.section-3 .center-grid .list-grid ul.on{display: block; }
.section-3 .center-grid .list-grid li{width: 3.70rem;float:left;height: 4.2rem;border: 1px solid #5c7185;margin-right: 0.3rem;transition: all 0.5s;-webkit-transition: all 0.5s;transform: translateY(0rem);-webkit-transform: translateY(0rem);}
.section-3 .center-grid .list-grid li:hover{transition: all 0.5s;-webkit-transition: all 0.5s;transform: translateY(-0.2rem);-webkit-transform: translateY(-0.2rem);}
.section-3 .center-grid .list-grid li .img-grid{width:3.70rem;height: 3.65rem;}
.section-3 .center-grid .list-grid li img{width:3.70rem;height: 3.65rem;}
.section-3 .center-grid .list-grid li .name{height: 0.54rem;padding: 0 0.1rem;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;display: block;color: #fff;font-size: 0.2rem;
    line-height: 0.54rem;background: rgba(0,0,0,0.5);}
.section-3 .center-grid  .bot-btn{width:5rem;position: absolute;left:50%;top: 6.55rem;margin-left: -2.5rem;text-align: center;  }
.section-3 .center-grid  .bot-btn a{margin: 0 0.1rem;}
.section-3 .center-grid  .bot-btn a:after{display: inline-block;content: "";width: 0.12rem;height: 0.12rem;border: 2px solid #868e98;background:#868e98;border-radius: 50%;}
.section-3 .center-grid  .bot-btn a.on:after{border: 2px solid #dc0000;background:none;}

.section-4{background: url("../images/section-4.jpg") center top no-repeat;background-size: cover;}
.section-4 .center-grid{width: 12rem;margin:0 auto 0;height: 7.56rem;}
.section-4 .center-grid .top-text{text-align: center;height: 1.65rem;}
.section-4 .center-grid .top-text img{width: 8.29rem;height: 1.18rem;}
.section-4 .center-grid ul{width: 12rem;}
.section-4 .center-grid ul li{width: 4.75rem;height: 5.2rem;float: left;margin-left: 0.82rem;position: relative;}
.section-4 .center-grid ul li .right-top-cut{width: 1.58rem;height: 1.58rem;position: absolute;right: -1px;top: 0;z-index: 2;}
.section-4 .center-grid ul li .right-top-cut img{width: 1.58rem;height: 1.58rem;}
.section-4 .center-grid ul li .img-box{width:100%;height:5.2rem;box-shadow: 0.05rem 0.05rem 0.2rem rgba(0,0,0,0.5);}
.section-4 .center-grid ul li .img-box img{width:100%;height:5.2rem;}
.section-4 .center-grid ul li .text-grid{position: absolute;left: 0;bottom: 0.87rem;text-align: center;font-size: 0.42rem;line-height:0.57rem;color: #fff;width: 100%; text-shadow: 0 0 0.06rem #000;font-weight: bold;}
.section-4 .center-grid ul li .bot-icon{position: absolute;right: -0.52rem;bottom:-0.68rem;z-index: 2;transition: all 0.5s;-webkit-transition: all 0.5s;transform:rotateZ(0deg);-webkit-transform: rotateZ(0deg);}
.section-4 .center-grid ul li .bot-icon img{width:2.99rem; }
.section-4 .center-grid ul li:hover .bot-icon{transition: all 0.5s;-webkit-transition: all 0.5s;transform:rotateZ(5deg);-webkit-transform: rotateZ(5deg);}

.footer-menu{width: 19.20rem;height: 0.65rem;position:fixed;left: 0;bottom:0.64rem;z-index: 2; display: none;}
.footer-menu .col-item{width:4.785rem;border-left:1px solid #fff;cursor:pointer;margin-top: 0;transition: all 0.5s;-webkit-transition: all 0.5s;background: rgba(255,255,255,0.6);float: left;
    height: 3.15rem;}
.footer-menu .col-item:first-child{border-left:0;}
.footer-menu .col-item:hover{margin-top: -2.5rem;transition: all 0.5s;-webkit-transition: all 0.5s;}
.footer-menu .col-item .top-text{text-align: center;color: #333;font-size:0.2rem;line-height: 0.65rem;display: block;}
.footer-menu .col-item .bot-grid{height:2.5rem;overflow: hidden;margin: 0 auto;width: 100%;}
.footer-menu .col-item .bot-grid.news-list{width:3.90rem;  }
.footer-menu .col-item .bot-grid.news-list a{width: 100%;display: block;font-size: 0.16rem;color: #333;line-height: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.footer-menu .col-item .bot-grid.news-list a:hover{text-decoration: underline;}
.footer-menu .col-item .bot-grid.news-list a .left-title{width: 2.7rem;padding: 0 0.1rem;display: inline-block;}
.footer-menu .col-item .bot-grid.news-list a:hover .left-title{text-decoration: underline;}
.footer-menu .col-item .bot-grid.ticket{width:4.2rem;}
.footer-menu .col-item .bot-grid.ticket .left-wx{width:2.28rem;float: left;}
.footer-menu .col-item .bot-grid.ticket .left-wx img{width:2.28rem;}
.footer-menu .col-item .bot-grid.ticket .right-text{float: left;width: 1.6rem;margin:0.99rem 0 0 0.25rem;color: #333;font-size: 0.16rem;line-height: 0.32rem;}
.footer-menu .col-item .bot-grid.activities{width: 4.2rem;height: 2.31rem;}
.footer-menu .col-item .bot-grid.activities img{width: 4.2rem;height: 2.31rem;}
.footer-menu .col-item .bot-grid.video{width:4.2rem;height: 2.31rem;position: relative; }
.footer-menu .col-item .bot-grid.video img{width:4.2rem;height: 2.31rem; }
.footer-menu .col-item .bot-grid.video .hover-play{width:4.2rem;position: absolute;left: 0;bottom: 0;z-index: 2;background:url("../images/play-icon.png") center no-repeat rgba(0,0,0,0.5);
    background-size:0.7rem 0.7rem; transition: all 0.5s;-webkit-transition: all 0.5s;opacity: 0;height: 2.31rem;}
.footer-menu .col-item .bot-grid.video:hover .hover-play{transition: all 0.5s;-webkit-transition: all 0.5s;opacity: 1;}



@keyframes lights-roll {
    0%{opacity:1; }
    100%{opacity:0;}
}
@-webkit-keyframes lights-roll {
    0%{opacity:1; }
    100%{opacity:0;}
}
@keyframes clouds-translate {
    0%{transform: translateX(0)}

    100%{transform: translateX(-2rem)}
}
@-webkit-keyframes clouds-translate {
    0%{-webkit-transform: translateX(0)}

    100%{-webkit-transform: translateX(-2rem)}
}

@font-face {
    font-family: tangShi;
    src:url("fonts/tangshi.ttf");
}
@font-face {
    font-family: xingJian;
    src:url("fonts/xingjian.ttf");
}
/*scene*/
.scene-grid{width: 100%;height: 100%;position: fixed;left:0;top: 0;z-index:1;}
.scene-grid .right-top-icon{color: #fff;font-size: 0.4rem;position: absolute;left:50%;top: 1rem;margin-left:5.6rem;z-index: 6;cursor: pointer;border-radius: 50%;width: 0.6rem;height: 0.6rem;display: block;
    text-align: center;line-height: 0.6rem;background: #dc0000;}
.scene-grid .right-des{width: 5rem;height: 5.3rem;background: rgba(0,0,0,0.5);margin:0 0 0 1.1rem;left: 50%;top: 1.2rem;overflow:hidden;position: relative;z-index: 5;display: none;}
.scene-grid .right-des .text-grid{width: 4.4rem;margin: 0.2rem auto 0;}
.scene-grid .right-des .text-grid .top-title{text-align: right;font-size: 0.72rem;color: #fff;font-family: xingJian;line-height: 1rem;}
.scene-grid .right-des .text-grid .bot-title{text-align: right;font-size: 0.32rem;color: #fff;font-family: tangShi;line-height: 0.6rem;}
.scene-grid .right-des .text-grid .des-bot{font-size: 0.2rem; color: #fff;line-height: 0.3rem;}
.scene-grid .select-grid{width: 19.2rem;height: 2.07rem;position: absolute;left: 0;bottom:0.64rem;z-index: 2;display:flex;justify-content: center;align-items:center;background: rgba(0,0,0,0.5);
    overflow-y:hidden;overflow-x: scroll;flex-flow: row nowrap;transition: all 0.5s;-webkit-transition: all 0.5s;visibility: hidden;opacity: 0;}
.scene-grid .select-grid.on{visibility: visible;transition: all 0.5s;-webkit-transition: all 0.5s;opacity: 1;}
.scene-grid .select-grid a{flex-basis:2.9rem;height: 1.73rem;border: 4px solid #fff;margin: 0.1rem;position: relative;}
.scene-grid .select-grid a.on{border: 4px solid #ccc;}
.scene-grid .select-grid a img{width:2.9rem;height: 1.73rem;}
.scene-grid .select-grid a .name{width: 2.9rem;height: 0.46rem;position: absolute;left:0;bottom: 0;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;color: #fff;
    font-size: 0.18rem;background: rgba(0,0,0,0.5);text-align: center;line-height: 0.46rem;}
.scene-grid  .sce-btn{width: 0.66rem;height: 0.66rem;border: 1px solid #ccc;border-radius: 50%;background:rgba(0,0,0,0.5);text-align: center;line-height: 0.7rem;color: #ccc;
    position: absolute;top:50%;margin-top: -0.33rem;z-index: 9;font-size: 0.2rem;}
.scene-grid  .sce-btn:active{box-shadow: 0.05rem -0rem 0.4rem rgba(255,255,255,0.8);}
.scene-grid  .sce-btn.left{left: 1.5rem;}
.scene-grid  .sce-btn.right{right:1.5rem;}
.scene-grid  ul.sce-banner{width: 100%;height:100%;position: absolute;left: 0;top: 0;z-index: 2;}
.scene-grid  ul.sce-banner li{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none;}
.scene-grid  ul.sce-banner li.on{display:block;}
/*scene-area*/
.sca-banner{width:100%;height:6.19rem;background: url("../images/scene-intro.jpg") center top no-repeat fixed;background-size: 19.20rem 6.19rem; }
.single-content{width: 12rem;margin: 0 auto;min-height: 9rem;}
.single-content .left-grid{width: 3.2rem;float: left;margin-top: -0.35rem;}
.single-content .left-grid .hot-line{width: 100%;background:#d61413;box-sizing: border-box;padding: 0.25rem 0.3rem;font-size: 0.12rem;color: #fff;}
.left-grid .hot-line .title{font-size: 0.28rem;color: #fff;line-height: 0.35rem;}
.left-grid .hot-line .title-bot{font-size: 0.12rem;color: #fff;font-family: Arial;line-height: 0.25rem;}
.left-grid .hot-line .num{margin-top: 0.15rem;color: #fff;font-size: 0.36rem;font-family: Constantia;line-height: 0.5rem;}
.left-grid .hot-line .address{margin-top: 0.2rem;font-size: 0.14rem;line-height: 0.25rem;font-style: normal;}
.left-grid .hot-line .news-top{width: 100%;height: 3rem;}
.left-grid .hot-line .news-top a{color: #fff;font-size: 0.16rem;line-height: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.left-grid .hot-line .h-line{margin-top: 0.25rem;height: 1px;background: #fff;}
.left-grid .hot-line .Qr-code{width: 2.64rem;margin: 0.45rem auto 0;background:url("../images/left-wx-icons.png") center top no-repeat;background-size:2.48rem 0.99rem;color: #fff;
    line-height: 0.2rem;font-size: 0.12rem;text-align: center;height: 0.5rem;padding-top: 0.99rem;}
.left-grid .hot-line .Qr-code p.left{width: 1.3rem;float: left;}
.left-grid .hot-line .Qr-code p.right{width: 1rem;margin-left: 0.3rem;float: left;}
.left-grid .ticket{width:3.2rem;height: 3.05rem;position: relative;margin-top: 0.15rem;}
.left-grid .ticket .top-img{width:3.2rem;height: 2.53rem;}
.left-grid .ticket .top-img img{width:3.2rem;height: 2.53rem;}
.left-grid .ticket .top-img .right-discount{width:1rem;height:1rem;position: absolute;right: 0;top: 0;z-index: 2;background:url("../images/price-cut.png");background-size:1rem 1rem;display: block;}
.left-grid .ticket p{color: #fff;font-size: 0.26rem;line-height: 0.35rem;text-align: center;position: absolute;left: 0;top: 1.57rem;z-index: 2;width: 100%;}
.left-grid .ticket .bot-btn{float:left;width: 50%;text-align: center;line-height: 0.55rem;height: 0.55rem;background: #ae0f0e;font-size: 0.18rem;color: #fff;position: relative;}
.left-grid .ticket .bot-btn:hover{box-shadow: 0 0 0.05rem #ae0f0e; }
.left-grid .ticket .bot-btn .v-line{width: 1px;height: 0.55rem;position: absolute;right: 0;top: 0;background: #000;}

.single-content .right-grid{width:7.64rem;margin: 0.29rem 0 0.3rem 0.74rem;font-size: 0.12rem;float: left;}
.single-content .right-grid .top-position{height: 0.5rem;border-bottom: 1px solid #333;}
.right-grid .top-position .list-name{font-size: 0.3rem;color: #333;line-height: 0.5rem;border-bottom:2px solid #333;float: left;}
.right-grid .top-position .right-link{float: right;margin-top: 0.1rem;line-height: 0.25rem;}
.right-grid .top-position .right-link a{font-size: 0.12rem;color: #333;}
.right-grid .dialog-title{margin-top: 0.3rem;padding: 0 0.15rem;color: #333;font-size: 0.3rem;line-height: 0.5rem;text-align: center;}
.right-grid .dialog-time{margin-top: 0.15rem;text-align: center;color: #747474;font-size: 0.12rem;line-height: 0.25rem;}
.right-grid .dialog-con{margin-top: 0.15rem;font-size: 0.14rem;line-height: 0.3rem;padding-bottom: 0.5rem;}
.right-grid .dialog-con img{max-width: 100%;}
.right-grid .dialog-con .center-box{text-align: center;}
.right-grid .bot-entrance{margin-top: 0.3rem;text-align: center;margin-bottom: 0.3rem;}
.right-grid .bot-entrance a{margin: 0 0.15rem;}
.right-grid .prev-next{width: 8.2rem;margin-top: 0.5rem;}
.right-grid .prev-next a{display: block;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 0.18rem;color: #333;line-height: 0.35rem;}
.right-grid .prev-next a span{font-size:0.24rem;}

/*culture*/
.culture-1{width: 100%;background: url("../images/banner-culture.jpg") center top no-repeat;background-size: cover;}
.culture-1 .center-text{width:1.26rem;height:4.22rem;background: url("../images/culture-text-1.png") center top no-repeat;background-size:1.26rem 4.26rem;margin: 0.8rem auto 0;}
.culture-2{width: 100%;background: url("../images/culture-2.jpg") center top no-repeat;background-size: cover;}
.culture-2 .center-grid{width:12rem;height: 10rem;position:relative;margin: 0 auto;}
.culture-2 .center-grid .left-text{width:6.82rem;height:10rem;background: rgba(0,0,0,0.8);box-sizing: border-box;padding:0.95rem 0.4rem 0.3rem;}
.culture-title{font-size: 0.52rem;line-height: 0.6rem;font-family: xingJian;color: #fff;}
.culture-title-small{color: #fff;font-family: tangShi;font-size: 0.24rem;line-height: 0.4rem;}
.culture-bot-text{color: #fff;font-size: 0.18rem;margin-top: 0.15rem;line-height: 0.3rem;}
.culture-bot-text b{font-size: 0.24rem;}
.culture-2 .center-grid .right-pic{position: absolute;right: 0.22rem;top: 2rem;z-index: 3;width: 5.68rem;}
.culture-2 .center-grid .right-pic  img{width: 5.68rem;}
.culture-3{width: 100%;background: url("../images/culture-3.jpg") center top no-repeat;background-size: cover;}
.culture-3 .center-grid{width:12rem;margin:0 auto;}
.culture-3 .center-grid .left-carriage{width:4.44rem;height: 2.76rem;float:left;margin-left: 0.4rem;}
.culture-3 .center-grid .left-carriage img{width:4.44rem;height: 2.76rem;}
.culture-3 .center-grid .right-title{float: right;margin: 1rem 1rem 0 0;font-family: xingJian;font-size: 0.52rem;line-height: 0.6rem;color: #fff;}
.culture-3 .center-grid .right-title span{font-family: tangShi;font-size: 0.24rem;line-height: 0.3rem;}
.culture-3 .center-grid .bot-text{width:11.54rem;margin: 0 auto;height: 5.58rem;background: rgba(195,160,106,0.6);line-height: 0.35rem;font-size: 0.18rem;color: #fff;padding: 0.3rem;
    box-sizing: border-box;}
.culture-3 .center-grid .bot-text b{font-size: 0.24rem;}
.culture-4{width: 100%;background: url("../images/culture-4.jpg") center top no-repeat;background-size: cover;}
.culture-4 .center-grid{width: 12rem;margin: 0 auto;position: relative;height: 9.77rem;}
.culture-4 .right-text{width: 6.84rem;height: 9rem;position: absolute;right: 0;top: 0.5rem;z-index: 2;background:url("../images/culture-4-bac.png") center top no-repeat;
    background-size: 6.83rem 9.4rem;padding:0.55rem 0.3rem 0.15rem;box-sizing: border-box;}
.culture-4 .right-text .right-align{text-align: right;}
.culture-4 .right-text .ps{color: #ae0f0e;font-size: 0.18rem;line-height:0.3rem;font-weight: bold;}
.culture-5{width: 100%;background: url("../images/culture-5.jpg") center top no-repeat;background-size: cover;}
.culture-5 .center-grid{height: 9.85rem;margin: 0 auto;width: 12rem;}
.culture-5 .left-text{width:6.7rem;height: 9.85rem;float:left;margin-top: 0.9rem;}
.culture-5 .right-pic{float: left;width: 5rem;margin:0.3rem 0 0 0.2rem; }
.culture-5 .right-pic img{width: 5rem;}
.culture-6{width: 100%;background: url("../images/culture-6.jpg") center top no-repeat;background-size: cover;}
.culture-6 .top-text{width: 6.11rem;margin: 0 auto;font-family:xingJian;font-size: 0.6rem;text-align: center;line-height: 0.6rem;}
.culture-6 .top-text span{font-family: tangShi;font-size: 0.24rem;line-height: 0.3rem;}
.culture-6 .people-list{width: 13.3rem;margin: 0.15rem 0 0 3rem;}
.culture-6 .people-list a{width: 4.3rem;float: left;background: rgba(255,255,255,0.7);margin:  0 0.1rem 0 0;}
.culture-6 .people-list a .img-box{width: 4.12rem;height:3.49rem;margin: 0.15rem auto 0;overflow: hidden;}
.culture-6 .people-list a .img-box img{width: 4.12rem;}
.culture-6 .people-list a .des-bot{width: 4.12rem;height:1.2rem;margin: 0.15rem auto;color: #333;font-size: 0.14rem;line-height: 0.25rem;overflow: hidden;}
.culture-6 .people-list a .bot-name{width: 4.3rem;height: 0.9rem;background:rgba(207,169,114,0.75);display: block;color: #fff;line-height: 0.9rem;text-align: center;font-size: 0.6rem;
    font-family:xingJian;}
.culture-7{width: 100%;background: url("../images/culture-7.jpg") center top no-repeat;background-size: cover;}
.culture-7 .center-grid{width: 12rem;margin: 0 auto;}
.culture-7 .left-grid{width: 7.06rem;height: 9.86rem;margin: 0.66rem 0 0 0.4rem;background: rgba(0,0,0,0.8);padding: 0.35rem;box-sizing: border-box;}
/*strategy-guide*/
.strategy-guide{width: 100%;background: url("../images/strategy-bac.jpg") center top no-repeat;background-size:19.2rem 10.8rem;}
.strategy-content{width: 12rem;height: 8.47rem;margin:0 auto; padding-top: 1.3rem;padding-bottom: 0.15rem;}
.strategy-content .top-nav{width: 12rem;height:0.58rem;}
.strategy-content .top-nav a{width: 0.87rem;height: 0.37rem;background: #354756;border-radius: 0.05rem;position: relative;color: #fff;font-size: 0.2rem;text-align: center;line-height: 0.37rem;float: left;
    margin: 0 0.05rem;}
.strategy-content .top-nav a p{position: relative;left: 0;top: 0;z-index: 3;}
.strategy-content .top-nav a .arrow{width: 0.2rem;height: 0.2rem;background: #354756;transform:rotateZ(45deg);-webkit-transform: rotateZ(45deg);position: absolute;
    left: 50%;bottom: -0.08rem;margin-left: -0.1rem;}
.strategy-content .top-nav a.on{background: #f39800;color: #354756;}
.strategy-content .top-nav a.on .arrow{background: #f39800;}
.strategy-content .pic-list{width:12rem;margin: 0 auto;height: 7.35rem;}
.strategy-content .pic-list a{width: 3.8rem;height: 3.5rem;float: left;margin-left: 0.15rem;background: rgba(0,0,0,0.85);margin-bottom: 0.15rem;}
.strategy-content .pic-list a .img-box{width: 3.5rem;height: 1.78rem;margin:0.15rem;}
.strategy-content .pic-list a .img-box img{width: 3.5rem;height: 1.78rem;}
.strategy-content .pic-list a .des-title{width: 3.5rem;margin:0 auto;height: 0.8rem;font-size: 0.18rem;line-height: 0.4rem;color: #fff;overflow: hidden;}
.strategy-content .pic-list a .des-title span{font-size: 0.14rem;line-height: 0.3rem;}
.strategy-content .pic-list a .more-btn{width: 1.08rem;height: 0.33rem;border: 2px solid #f39800;border-radius: 5px;text-align: center;color: #f39800;font-size: 0.14rem;line-height: 0.35rem;
    margin-top: 0.1rem;margin-left: 0.15rem;}
.strategy-content .bot-turn{width: 12rem;height: 0.5rem;background: rgba(0,0,0,0.8);text-align: center;font-size: 0.14rem;}
.strategy-content .bot-turn a{padding: 0.04rem 0.1rem;border: 1px solid #fff;color: #fff;font-size: 0.14rem;margin: 0.1rem 0.05rem;display:inline-block;}
.strategy-content .bot-turn a.on{background: #009900;}
.strategy-content .bot-turn a.side{padding: 0.08rem 0.12rem;border: 0 ;color: #fff;font-size: 0.14rem;margin: 0 0.05rem;background: none;}

/*news*/
.news-grid{width: 100%;background:url("../images/news-bac.jpg") center top no-repeat;background-size: cover;min-height: 9rem;}
.news-grid .content{width: 12rem;margin:0 auto;padding-top:1.42rem;}
.news-grid .content .top-title{color: #fff;font-size: 0.3rem;line-height: 0.5rem;}
.news-grid .content .top-title span{font-size: 0.24rem;line-height: 0.3rem;}
.news-grid .content .list-grid{width:12.3rem;margin: 0.2rem auto 0;}
.news-grid .content .list-grid a{width: 5.9rem;height: 1.6rem;float: left;background: rgba(0,0,0,0.8);margin: 0 0.2rem 0.2rem 0; }
.news-grid .content .list-grid a .img-box{width: 2.11rem;height: 1.41rem;float: left;margin: 0.1rem 0 0 0.1rem;}
.news-grid .content .list-grid a .img-box img{width: 2.11rem;height: 1.41rem;}
.news-grid .content .list-grid a .right-text{width:3.25rem;height:1.39rem;float: left;margin: 0.1rem 0 0 0.2rem;}
.news-grid .content .list-grid a .right-text .title{color: #fff;font-size: 0.14rem;line-height: 0.25rem;}
.news-grid .content .list-grid a .right-text .title  span{color: #fff;font-size: 0.12rem;line-height: 0.25rem;font-family:Arial;}
.news-grid .content .list-grid a .right-text .des-text{color: #fff;font-size: 0.12rem;line-height: 0.25rem;height: 1rem;overflow: hidden;}
.news-grid .content .list-grid a .right-text .des-text .more{color: #ffae01;font-size: 0.12rem;}
.news-grid .content .bot-turn{width: 12rem;height: 0.5rem;background: rgba(0,0,0,0.8);text-align: center;font-size: 0.14rem;}
.news-grid .content .bot-turn a{padding: 0.04rem 0.1rem;border: 1px solid #fff;color: #fff;font-size: 0.14rem;margin: 0.1rem 0.05rem;display:inline-block;}
.news-grid .content .bot-turn a.on{background: #009900;}
.news-grid .content .bot-turn a.side{padding: 0.08rem 0.12rem;border: 0 ;color: #fff;font-size: 0.14rem;margin: 0 0.05rem;background: none;}

/*contact us*/
.contact{width: 100%;height: 100%;position:fixed;left: 0;top: 0;z-index: 1;background:url("../images/contact-bac.jpg") center top no-repeat;background-size: cover;}
.contact .left-grid{width:6.2rem;height: 7rem;position:absolute;left:3.6rem;bottom:50%;margin-bottom: -3.6rem; background: rgba(214,20,19,0.8);box-sizing:border-box;padding: 0.2rem;}
.contact .left-grid .top-title{color: #fff;font-size: 0.24rem;line-height: 0.6rem;}
.contact .left-grid .bot-text{color: #fff;font-size: 0.14rem;line-height: 0.35rem;}
.contact .left-grid .bot-text .row-top{line-height: 0.6rem;font-size: 0.18rem;position: relative;display: block;color: #fff;}
.contact .left-grid .bot-text .row-top i{font-style:normal;font-size: 0.12rem;position: absolute;right: 0.15rem;top: 0;z-index: 2;transition: all 0.5s;-webkit-transition: all 0.5s;}
.contact .left-grid .bot-text .row-top.on i{transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);transition: all 0.5s;-webkit-transition: all 0.5s;}
.contact .left-grid .bot-text .row-bot{display: none;}
.contact .left-grid .bot-text .h-line{height: 1px;background: #fff;}
.contact .right-grid{width: 5.56rem;position:absolute;left:10.05rem;bottom:50%;margin-bottom: -3.6rem;height: 7rem;}
.contact .right-grid .top-map{width: 5.56rem;height: 3.5rem;background: rgba(0,0,0,0.8);box-sizing: border-box;padding: 0.25rem;}
.contact .right-grid .ticket{width:5.57rem;height: 2.75rem;margin-top: 0.25rem;position: relative;}
.right-grid .ticket .top-img{width:100%;height: 3rem;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 1;}
.right-grid .ticket .top-img img{width:100%;}
.right-grid .ticket .top-img .right-discount{width:1rem;height:1rem;position: absolute;right: 0;top: 0;z-index: 2;background:url("../images/price-cut.png");background-size:1rem 1rem;}
.right-grid .ticket p{color: #fff;font-size: 0.26rem;line-height: 0.3rem;text-align: center;position: absolute;left: 0;top:1.5rem;z-index: 2; width: 100%;text-shadow: 0 0.02rem 0.02rem #000;font-weight: bold;}
.right-grid .ticket .bot-btn{text-align: center;height:0.8rem;background: #ae0f0e;font-size: 0.18rem;color: #fff;position: relative;display: block;z-index: 2;left: 0;top: 2.45rem;}
.right-grid .ticket .bot-btn i{box-shadow: 0 0 0.05rem #ae0f0e; background: #eb8708;width: 2rem;height: 0.5rem;margin:0.15rem auto; line-height: 0.5rem;font-size: 0.25rem;border-radius: 0.15rem;display: inline-block;
    font-style: normal;}


/*project*/
.project{width: 100%;}
.project .full-img{width: 100%;display: block;}
.project img{max-width: 100%;}
.project .bot-text{width:100%;background: url("../images/project-pic-4.jpg") center top no-repeat;background-size:19.2rem 6.87rem; height: 6.87rem;overflow: hidden;}
.project .bot-text .center-grid{width:12rem;margin: 0 auto;position: relative;font-size: 0.24rem;}
.project .bot-text h1{color: #ae0f0e;font-size: 0.3rem;line-height: 0.5rem;}
.project .bot-text .des-grid{color: #322404;font-size: 0.24rem;line-height: 0.5rem;}
.project .bot-text .left-text{float: left;width: 8.26rem;margin-top: 0.2rem;font-size: 0.18rem;line-height: 0.4rem;}
.project .bot-text .left-text .ps{font-size: 0.14rem;}
.project .bot-text .wx{float: left;width: 2.72rem;margin-left: 0.5rem;margin-top: 0.5rem;}
.project .bot-text .wx img{width: 100%;}





/*scroll bar*/

::-webkit-scrollbar {

    width: 10px;

    background: #949494;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



::-webkit-scrollbar-button {

    display: none;

}



::-webkit-scrollbar-track {

    background: rgba(0,0,0,0.4);

}



::-webkit-scrollbar-thumb {

    background: #808080;

    border-radius: 100px;

    -webkit-border-radius: 100px;

}



::-webkit-scrollbar-thumb:active {

    background: #d1c998;

}

.loading-animate{position: fixed;left: 0;top: 0;z-index: 13;width: 100%;height: 100%;background: rgba(255,255,255,0.99);}
.loading-animate .loading-grid{position: absolute;left: 50%;top: 50%;margin:-0.825rem 0 0 -2.485rem;width: 4.97rem;height:1.65rem;}
.loading-animate .loading-grid .hover-img{position: absolute;left:0;top: 0; z-index: 21;width: 0;overflow: hidden;height: 1.65rem;animation: loading-animate alternate infinite 3s linear;
    -webkit-animation:loading-animate alternate infinite 3s linear;}
@keyframes loading-animate {
    from{width: 0;}
    to{width:4.97rem;}
}
@-webkit-keyframes loading-animate{
    from{width: 0;}
    to{width:4.97rem;}
}
.down-arrow{width: 0.38rem;height: 0.26rem;position:absolute;left: 50%;bottom: 1rem;z-index: 12;margin-left: -0.19rem;}
.down-arrow img{width: 0.38rem;height: 0.26rem;animation: downArrow-animate alternate 1s infinite linear;-webkit-animation: downArrow-animate 1s alternate infinite linear;}
@keyframes downArrow-animate {
    from{margin-top:-0.13rem; }
    to{margin-top:0.13rem;}
}
@-webkit-keyframes downArrow-animate{
    from{margin-top:-0.13rem; }
    to{margin-top:0.13rem;}
}





/*popup*/
.alert-pop{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 12;background: rgba(0,0,0,0.5);}
.alert-pop .alert-grid{width: 8.34rem;height: 7.52rem;position: absolute;left: 50%;top: 50%;margin: -3.76rem 0 0 -4.17rem;background:#fff;border-radius: 0.3rem;}
.alert-pop .top-title{text-align: center;font-size: 0.36rem;color: #111;margin: 0 auto;padding-top: 0.88rem;line-height: 0.6rem;}
.alert-pop .top-title p{font-size: 0.24rem;line-height: 0.35rem;}
.alert-pop .top-title .orange-color{color: #e74617;}
.alert-pop .close{width:0.42rem;height: 0.42rem;text-align: center;line-height: 0.42rem;color:#000;border:2px solid #111;position: absolute;right: 0.24rem;top: 0.24rem;
    border-radius:50%;z-index: 2;font-size: 0.36rem;font-weight: bold;}
.alert-pop .text-grid{width:95%;margin: 0.38rem auto;line-height: 0.3rem;font-size: 0.14rem;color: #333;text-align: center;}
.alert-pop .text-grid div{align-self: center;flex: 1;word-break: break-all;word-wrap: break-word;padding: 0.15rem;}
.alert-pop .text-grid .wx-big{width: 4.29rem;}
.alert-pop .text-grid .img_list_w{width: 7rem;}
.alert-pop .text-grid .img_list_h{height: 4.5rem;}
.alert-pop .text-grid .wx-text{color: #333;font-size: 0.3rem;}
.alert-pop .text-grid embed{width: 90%;height: 4rem;}
.alert-pop .bot-grid{width: 100%;height: 0.35rem;background: #fff;font-size: 0;overflow: hidden;text-align: right;}
.alert-pop .bot-grid a{display: inline-block;height: 0.35rem;text-align: center;color: #fff;font-size: 0.16rem;background:#ff5a00;line-height: 0.35rem;flex-grow: 1;}
.alert-pop .bot-grid a.right{background: #f1f1f1;color: #ff5a00;}