/* jxd  */
@charset "UTF-8";
.switch{
    position: fixed;
    right: 30px;
    bottom: 50px;
    width: 40px;
    height: 40px;
    background: #fff;
    z-index: 10;
}
.switch a{
    display: block;
    height: 100%;
    background: url(../images/switch.png) center center no-repeat;
}
/* 顶部 start */
.headBox{
    clear:both;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.top1{
    background: #0971ce;
    color: #fff;
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    position: relative;
    z-index: 102;
}
.topWeather{
    padding-top: 6px;
}
.topTel{
    padding-left: 25px;
    position: relative;
    margin-right: 15px;
}
.topTel i{
    display: block;
    background: url(../images/topTel.png);
    height: 17px;
    width: 19px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    -moz-animation:slidePhone 2s infinite linear;
    -webkit-animation:slidePhone 2s infinite linear;
    animation:slidePhone 2s infinite linear;
}
@keyframes slidePhone {
    0% {
        -moz-transform:rotate(30deg);
        -ms-transform:rotate(30deg);
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg);
    }
    5% {
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    10% {
        -moz-transform:rotate(30deg);
        -ms-transform:rotate(30deg);
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg);
    }
    15% {
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
}
.language,.site{
    position: relative;
    padding: 0 20px;
    transition: 0.4s;
}
.selBox{
    padding-right: 15px;
    position: relative;
    cursor: pointer;
}
.selBox i{
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    background: url(../images/arrowDown.png) center center no-repeat;
    width: 11px;
    height: 11px;
    margin-top: -6px;
    transition: 0.4s;
}
.selBox.show i{
    transform: rotate(180deg);
}
.sel_dl{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 5px 0; 
    background: #f5f5f5;
    border-radius: 0 0 8px 8px;
    display: none;
}
.sel_dl a{
    display: block;
    line-height: 25px;
    padding: 8px 10px;
    color: #666;
    transition: 0.2s;
}

.sel_dl dd+dd a{
    border-top: 1px solid #e5e5e5;
}
.sel_dl a:hover{
    color: #fea30b;
}
.language:hover,.site:hover{
    background: #e8950a;
}
.topSearch{
    margin-left: 10px;
    position: relative;
}
.SearchInp{
    position: absolute;
    right: 0;
    top: 6px;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    transition: 0.4s;
    opacity: 0;
} 
.SearchInp input{
    border: none;
    background: transparent;
    line-height: 24px;
    color: #666;
    font-size: 14px;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}
.topSearch a{
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px;
    z-index: 2;
    border-radius: 50%;
    transition: 0.4s;
    background: #fff url(../images/search.png) center center no-repeat;
}
.topSearch:hover .SearchInp{
    width: 180px;
    opacity: 1;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)
}
.topSearch:hover a{
    transform: rotate(360deg);
}
.topNotice{
    overflow: hidden;
    position: relative;
}
.topNotice:before,
.topNotice:after{
    position: absolute;
    display: block;
    content: '';
    top: 0;
    z-index: 10;
    height: 100%;
    width: 10px;
}
.topNotice:before{
    left: 0;
    background: linear-gradient(to right, #0996e2, #fea30b00)
}
.topNotice:after{
    right: 0;
    background: linear-gradient(to right, #fea30b00, #0996e2)
}
.topNotice .swiper-slide{
    width: auto;
}
.topNotice .swiper-wrapper{
    transition-timing-function: linear;
}
.topNotice a{
    color: #fff;
    padding: 0 30px 0 0;
}
/* 顶部 end */

/* logo start */
.logo{
    height: 100px;
    margin-left: -190px;
    position: absolute;
    top: 25px;
    width: 602px;
    z-index: 6;
    text-align: center;
}
.logo:before{
    content: '';
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 164px;
    background: url(../images/logoBg.png);
}
.logo a{
    display: inline-block;
    position: relative;
    z-index: 2;
}
.logo a img{
    height: 94px;
    position: relative;
    top: 20px;
    left: -4px;
}
/* logo end */

/*导航*/
.top2{
    height: 100px;
    background: #fff;
    box-shadow: 0 20px 20px 0 rgba(0,0,0,0.1);
}
.menuBox{z-index: 9;position: relative;}
.topR{
    position: relative;
    z-index: 9;
}
.menuDl{
    position: relative;
    padding-top: 10px;
}
.menuDl dd{
	display: inline;
	float:left;
    position: relative;
    z-index: 3;
}
.menuDl dd span a{
	display: block;
    text-align: center;
	height:90px;
	overflow: hidden;
    min-width: 76px;
	line-height: 90px;
	color: #333;
	font-size: 16px;
	position: relative;
    padding: 0px 18px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.menuDl dd.hover span a{
    color: #fff;
}
.menuDl dd span a i{
	display: none;
	width: 100%;
	height: 2px;
	overflow: hidden;
	background: #a1171d;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.menuDl dd.hover span a i{
    display: block;
}
.menuDl dd .div_a{
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 108px;
	left: 0;
	z-index: 99;
	background:#fff;
	display: none;
}
.menuDl dd .div_a a{
	display: block;
	height: 35px;
	overflow: hidden;
	text-align: center;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.menuDl dd .div_a a.hover{
    background: #fff;
}
.menuDl dd .div_a a:hover{
    background: #fff;
}
.subMenuDiv{
	display: none;
	width: 100%;
	overflow: hidden;
	position: absolute;
	/*left: 0px;*/
	top: 100%;
	/*opacity: 0;*/
	z-index: 1;
}
.menuDl dd.hover .subMenuDiv{
	z-index: 3;
}
.menuDl dt{
    width: 0;
    height: 52px;
    /*height:100%;*/
    overflow: hidden;
    background: url(../images/menuIco1.png) center center no-repeat;
    position: absolute;
    left: 0px;
    bottom: 18px;
    z-index: 2;
}
.subMenu_ul{
    width: 1000px;
    overflow: hidden;
    padding: 10px 0px;
}
.subMenu_ul li{
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 2;
    float: left;
    display: inline;
    margin: 0px 15px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.subMenu_ul li.hover a{
	color: #fff;
}
.menuDl dd.hover .subMenu_ul li{
    opacity: 0;
    -webkit-animation: liMove 0.3s linear forwards;
    -o-animation: liMove 0.3s linear forwards;
    animation: liMove 0.3s linear forwards;
}
@keyframes liMove{
    0%  {transform: translateY(-110%);opacity: 0;}
    100%{transform: translateY(0px);opacity: 1;}
}
.menuDl dd.hide .subMenu_ul li{
    opacity: 1;
    -webkit-animation: liHIde 0.3s linear forwards;
    -o-animation: liHIde 0.3s linear forwards;
    animation: liHIde 0.3s linear forwards;
}
@keyframes liHIde{
    0%  {transform: translateY(0px);opacity: 1;}
    100%{transform: translateY(110%);opacity: 0;}
}
.subMenu_ul li a{
    display: block;
    overflow: hidden;
    font-size: 14px;
    color:#ccc;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.subMenu_ul li a:hover{
    color:#fff;
}
.half .subMenu_ul li a{
    font-size: 14px;
}
.subMenu_ul li a span{
    position: relative;
}


.subMenu_ul li a span em{
    display: block;
    width: 2px;
    height: 10px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -5px;
    background: #a1171d;
}
.subMenuR{
	width: 50%;
	overflow: hidden;
	padding: 20px 0px;
}
.menuTop{
	height: 40px;
	line-height: 40px;
	display: block;
	overflow: hidden;
	font-size: 24px;
	color:#555;
	padding-left: 50px;
}
.subMenuCont{
	overflow: hidden;
	position: relative;
	margin-right: 15px;
}
.listBg{
	width: 0px;
	height: 0px;
	overflow: hidden;
	background: rgba(255,255,255,1);
	position: absolute;
	left: 0px;
	top: 0px;
}
.subMenuTop{
	height: 40px;
	line-height: 40px;
	display: none;
	font-size: 16px;
	color:#888;
	overflow: hidden;
	padding: 15px 0px 10px 50px;
}
.half{
	float: left;
	display: inline;
	width: 50%;
}
.half .subMenuTop{
	display: block;
}
.subMenuL{
    width: 50%;
    padding: 20px 0px;
}
.subMenuTxt{
    height: 250px;
	overflow: hidden;
    padding: 20px;
    margin: 0px 20px;
}
.subMenuLTop{
	display: none;
	text-align: center;
	font-size: 34px;
	color:#333;
	overflow: hidden;
}
.subMenuIntr{
    display: none;
	overflow: hidden;
	font-size: 14px;
	color:#404040;
	line-height: 25px;
}
.menuBg{
    overflow: hidden;
    height: 30px;
    position: relative;
}
.menuBg1{
    height: 100px;
	overflow: hidden;
    z-index: 1;
    position: relative;
    top: -70px;
	background: url(../images/menuBg.png);
    width: 200%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    background-size: 50% 55px;
    transform-origin: center bottom;
    animation: move_wave 10s linear infinite;
}
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
@keyframes bgmove1 {
    0% {
        background-position: 0 top
    }
    100% {
        background-position: 100% top
    }
}
.subMenuDiv.showMenu{
	-webkit-animation: showMenu 0.5s linear forwards;
	-o-animation: showMenu 0.5s linear forwards;
	animation: showMenu 0.5s linear forwards;
}
@keyframes showMenu{
	0%  {opacity: 0.5}
	100%{opacity: 1}
}
.subMenuDiv.hideMenu{
	-webkit-animation: hideMenu 0.5s linear forwards;
	-o-animation: hideMenu 0.5s linear forwards;
	animation: hideMenu 0.5s linear forwards;
}
@keyframes hideMenu{
	0%  {opacity: 0.2}
	100%{opacity: 0}
}

/* 导航 end */
/* 预定 end */
.topOrder{
    position: relative;
    margin-left: 20px;
    top: 24px;
}
.topOrder a{
    width: 60px;
    height: 60px;
    background: #ffae00;
    border-radius: 50%;
    color: #fff;
    line-height: 60px;
    text-align: center;
    display: block;
    z-index: 99;
    font-size: 14px;
    position: relative;
    transition: 0.4s;
}
.topOrder a:hover{
    transform: scale(1.1);
}
.animated-circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.animated-circles .circle { 
    background: #ffae0030; 
    width: 60px; 
    height: 60px; 
    border-radius: 50%; 
    position: absolute; 
    z-index: 49; 
    transform: scale(1); 
    -webkit-transform: scale(1); 
}
.animated-circles.show .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.animated-circles.show .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.animated-circles.show .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(1.5);
-webkit-transform:scale(1.5)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(1.5);
-webkit-transform:scale(1.5)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(1.5);
-webkit-transform:scale(1.5)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
/* 预定 end */

/* footer start*/
.footer {
	clear:both;
	color:#888;
	background:url(../images/footerBg.png) top center no-repeat;
    margin-top: -20px;
	padding:50px 0px 0 0;
	font-size:14px;
    height: 270px;
    position: relative;
    z-index: 9;
}
.footer1{
    padding-bottom: 10px;
}
.footMenu{
    overflow: hidden;
}
.footMenu dd{
    float: left;
    position: relative;
}
.footMenu dd+dd{
    padding-left: 15px;
    margin-left: 15px; 
}
.footMenu dd+dd:after{
    content: '';
    display: block;
    height: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    border-left: 1px solid #e5e5e5;
}

.shareText{
    font-size: 14px;
    color: #333;
    line-height: 23px;
}
.shareIco a{
    display: block;
    width: 23px;
    height: 23px;
    margin-left: 10px;
}
.shareIco1 a{
    background: url(../images/footShare1.png);
}
.shareIco2 a{
    background: url(../images/footShare2.png);
}
.shareIco3 a{
    background: url(../images/footShare3.png);
}
.footerL{
    overflow: hidden;
}
.footContact .text1{
    font-size: 14px;
    color: #333;
    line-height: 20px;
}
.footContact .text2{
    font-size: 18px;
    color: #333;
    position: relative;
    top: 15px;
}
.footAdd .text1{
    margin-bottom: 8px;
}
.footAdd{
    padding-left: 60px;
    background: url(../images/addIco1.png) left center no-repeat;
}
.footTel{
    padding-left: 70px;
    margin-left: 50px;
    background: url(../images/telIco1.png) left center no-repeat;
    height: 56px;
}
.firend{
    overflow: hidden;
    line-height: 30px;
    width: 660px;
}
.firend dt{
    font-size: 14px;
    color: #333;
    float: left;
    height: 60px;
}
.firend dd{
    float: left;
    color: #666;
    padding-right: 30px;
    position: relative;
}
/*.firend dd+dd:after{
    content: '';
    display: block;
    border-left: 1px solid #cccccc;
    transform: rotate(30deg);
    position: absolute;
    left: 0;
    top: 50%;
    height: 16px;
    margin-top: -8px;
}*/
.footCode{
    overflow: hidden;
    float: left;
    display: inline;
    margin-left: 22px;
}
.footCode span{ 
    display: block; 
    width: 110px; 
    height: 110px;
    border-radius: 3px;
}
.footCode1 span{
    border: 3px solid #0668b5;
}
.footCode2 span{
    border: 3px solid #fea30b;
}
.footCode3 span{
    border: 3px solid #2ab9d4;
}
.footCode span img{ width: 100% }
.footCode p{ 
    display: block; 
    font-size:14px; 
    color: #666; 
    text-align: center;
    padding-top:15px;
}
.copyrightInfo{
	clear:both;
	line-height:30px;
	text-align:left;
}
.footer2{
    overflow: hidden;
    background: #0996e2;
    padding: 5px 0px;
    line-height: 30px;
    font-size: 14px;
    color:#fff;
    position: relative;
    z-index: 9;
}
.copyrightInfo a,
.foot2R a{
    color:#fff;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.copyrightInfo a:hover,
.foot2R a:hover{
    color:#ffae00;
}
.foot2R i{
    color:#adadaf;
    padding: 0px 10px;
}


/*内页banner*/
.subBanner{
	clear: both;
	width: 100%;
   /* height:650px;*/
	padding-top:32.4%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	position:relative;
	transition: all 1.5s cubic-bezier(0.215,.61,.215,1);
    -webkit-transition: all 1.5s cubic-bezier(0.215,.61,.215,1);
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}
.subBanner.hover{
	transform: scale(1);
	-webkit-transform: scale(1)
}
.channelBanner{
	clear: both;
	width: 100%;
	height:500px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	position:relative;
}
.bannerLine{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../images/lineShadow.png) repeat;
    opacity: 0.1;
	display: none;
}
.subPage{
    margin-top: -9px;
}
.subPageBox{
    clear: both;
    overflow: hidden;
    background-position:center top;
    background-repeat: no-repeat;
    position: relative;
}
.subPageCon{
    padding:0 29px 0 28px;
    border-radius: 0 0 5px 5px;
}
.pageR{
    padding-top: 27px;
    position: relative;
    overflow: hidden;
    

}
.pageR:before{
    content: '';
    display: block;
    height: ;
    background: url(../images/pageBg1.png) left center no-repeat;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.pageR .locationBox{
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}
.subSnow{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 标题 */
.subTitle{
    clear: both;
    margin-top:135px;
    margin-bottom:108px;
    text-shadow:0px 3px 5px rgba(0, 0, 0, 0.4);

}
.subTitle .divT{
    clear: both;
    height:72px;
    overflow: hidden;
    line-height: 72px;

}
/* 左侧导航 */
.pageLeft{
    width: 245px;
    margin-right: 30px;
    min-height: 1px;
}
.pageLeftFix{
    width: 245px;
    padding: 9px;
    border-radius: 10px;
    background: rgba(9,133,206,0.67);
}
.pageLeftFix.fixed{
    position: fixed;
    top: 200px;
    bottom: auto;
}
.pageLeftFix.bottom{
    position: absolute;
    bottom: 79px;
    top: auto;
}
.subMenuTit{
    font-size: 18px;
    color: #fff;
    line-height: 75px;
    height: 75px;
    background: #3b60b5 url(../images/jt1.png) right 20px center no-repeat;
    padding: 0 40px;
}
.subMenu{
    padding: 10px 0;
    background: #fff;
    border-radius: 9px;
    box-shadow: 6px 6px 0px rgba(0,0,0,.03);
}
.subMenu a{
    display: block;
    color: #555;
    line-height: 65px;
    font-size: 16px;
    padding: 0 30px;
    transition: 0.4s;
    background:  url(../images/subMenuBg.png)  left -65px no-repeat;
}
.subMenu .ico{
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../images/menuIco.png);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: 0.3s;
    position: relative;
    top: -1px;
}
.subMenu a:hover{
    color: #ffae00;
    background: url(../images/subMenuBg.png) left bottom no-repeat;
}
.subMenu a:hover .ico{
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: initial;

}
.subMenu dd.hover a{
    color: #ffae00;
    background: url(../images/subMenuBg.png) left bottom no-repeat;
}
.subMenu dd.hover .ico{
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: initial;
}
.subQuick{
    background: #fff;
    overflow: hidden;
    padding: 4px;
    border-radius: 9px;
}
.subQuick dd{
    float: left;
    display: inline;
}
.subQuick a{
    display: block;
    width: 118px;
    height: 118px;
}
.subQuick dd.dd1 a{
    background: url(../images/quickBg1.png) center center no-repeat;
}
.subQuick dd.dd2 a{
    background: url(../images/quickBg2.png) center center no-repeat;
}
.subQuick dd.dd3 a{
    background: url(../images/quickBg3.png) center center no-repeat;
}
.subQuick dd.dd4 a{
    background: url(../images/quickBg4.png) center center no-repeat;
}
.subQuick .ico{
    height: 60px;
    transition: 0.4s;
}
.subQuick dd.dd1 .ico{
    background: url(../images/quickIco1.png) center 25px no-repeat;
}
.subQuick dd.dd2 .ico{
    background: url(../images/quickIco2.png) center 25px no-repeat;
}
.subQuick dd.dd3 .ico{
    background: url(../images/quickIco3.png) center 25px no-repeat;
}
.subQuick dd.dd4 .ico{
    background: url(../images/quickIco4.png) center 25px no-repeat;
}
.subQuick .title{
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}
.subQuick a:hover .ico{
    background-position: center 20px;
}
/*当前位置*/
.locationBox{
    clear: both;
    height:70px;
    overflow: hidden;
    padding-left: 38px;
    background:url(../images/wsBg13.png) no-repeat left center;
}
.locationBox a{
    float: left;
    line-height: 70px;
    padding-right: 16px;
    background:url(../images/wsBg14.png) no-repeat right center;
    color: #929292;
    font-size:16px;
    margin-right:8px;
}
.locationBox a:last-child{background:none;color:#ff7200}
.locationBox a:hover{color:#ff7200}

/* 模糊背景 start*/ 
.pageBg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: cover;
    transition: 0.3s;
}
.pageBg img{
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    object-position: center center;
}
.pageBg canvas{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.4s;

}
.pageBg.blur canvas{
    opacity: 1;
}

/* 模糊背景 end*/   
/**************** 首页内容 start *********/
/* 加载层 start */
#barba-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    background: #fff;
    background-size: cover;
    transition: 0.5s;
    text-align: center;
}
#barba-wrapper.hide{
    opacity: 0;
    visibility: hidden;
}
#barba-wrapper img{

}
.fadeLoading {
   display:inline-block;
   font-size:0px;
   padding:0px;
}
.fadeLoading span {
   vertical-align:middle;
   border-radius:100%;
   
   display:inline-block;
   width:10px;
   height:10px;
   margin:3px 2px;
   -webkit-animation:loader1 0.8s linear infinite alternate;
   animation:loader1 0.8s linear infinite alternate;
}
.fadeLoading span:nth-child(1) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(0, 117, 193,0.6);
}
.fadeLoading span:nth-child(2) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(0, 117, 193,0.8);
}
.fadeLoading span:nth-child(3) {
   -webkit-animation-delay:-0.26666s;
   animation-delay:-0.26666s;
  background:rgba(0, 117, 193,1);
}
.fadeLoading span:nth-child(4) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(0, 117, 193,0.8);
  
}
.fadeLoading span:nth-child(5) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(0, 117, 193,0.4);
}

@keyframes loader1 {
   from {transform: scale(0, 0);}
   to {transform: scale(1, 1);}
}
@-webkit-keyframes loader1 {
   from {-webkit-transform: scale(0, 0);}
   to {-webkit-transform: scale(1, 1);}
}
.textures{
    height: 100%;
    width: 100%;
}
.pixislider img{
    width: 100%;
    height: 100vh;
    opacity: 1;
    object-fit: contain;
}

.pixislider .canvas-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pixislider .canvas-wrap canvas {
    width: 100% !important;
    height: 100% !important
}
/* 加载层 end */
/* banner图 start */
.banner{
    overflow: hidden;
    position: relative;
    margin-top: -9px;
    padding-top: 42.7083%;
    background: #50a5f1;
}
.banner .bd{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.banner_dl{
    height: 100%;
    overflow: hidden;
}
.banner_dl dd{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.banner_a{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.banner_Bg{
    position: absolute  !important;
    left: -0% !important;
    top: -0% !important;
    width: 100%;
    height: 100%;
}
.cloudWave{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/cloudWave1.png) left top no-repeat;
    background-size: contain;
    -webkit-animation: cloud 100s linear infinite;
    -moz-animation: cloud 100s linear infinite;
    -o-animation: cloud 100s linear infinite;
    animation: cloud 100s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@keyframes cloud {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(1920px);
  }
}
.bnrLayer{
    position: relative;
    z-index: 9;
    height: 100%;
    width: 100%;
}
.bnrLayer .layer{
    width: 100%;
    height: 100%;
    position: relative !important;
}
.bnrLayer1{
    position: absolute  !important;
    left: -1% !important;
    top: -1% !important;
    height: 102%;
}
.bnrLayer1 img{
    height: 100%;
}
.bnrLayer2{
    position: absolute;
    right:0 ;
    bottom: 0;
    z-index: 8;
}
.bnrLayer3{
    position: absolute !important;
    left:0  !important;
    top: auto  !important;
    bottom: 60px;
    z-index: 6;
}
.bnrLayer4{
    position: absolute !important;
    left:10%  !important;
    top: auto  !important;
    bottom: 30px;
    z-index: 6;
}
.bnrLayer5{
    position: absolute;
    right:9% ;
    bottom: 60px;
    z-index: 7;
}
.bnrLayer6{
    position: absolute;
    right:0 ;
    bottom: 110px;
    z-index: 9;
}
.bnrLayer7{
    position: absolute;
    right:0 ;
    bottom: 485px;
    z-index: 9;
}
.bnrLayer8{
    position: absolute;
    right:-1px;
    bottom: 0;
}

.bnrLayer9{
    position: absolute;
    left:50% ;
    bottom: 10px;
    margin-left: -355px;
    z-index: 9;
}

.bnr2Ico1{
    position: absolute !important;
    left:50%  !important;
    top: auto  !important;
    bottom: 10px;
    margin-left: -284px;
    z-index: 9;
    width: 568px;
    height: 336px;
}
.bnr2Ico2{
    position: absolute !important;
    left:50% !important;
    top: 20% !important;
    margin-left: -271px;
    z-index: 9;
    width: 543px;
    height: 242px;
}
.banner .snow{
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    z-index: 10;
}
.banner .hd{
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    bottom: 55px;
    text-align: center;
    font-size: 0px;
    z-index: 4;
}
.banner .hd ul{
    display: inline-block;
    overflow: hidden;
}
.banner .hd ul li{
    width: 11px;
    height: 11px;
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid #fff;
    float: left;
    display: inline;
    margin: 0px 8px;
    text-indent: 99em;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.banner .hd ul li.on{
    background: #fea30b;
}

.bnrText{
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 990px;
    height: 320px;
    margin: -300px 0 0 -495px;
    z-index: 10;
    text-align: center;
}
.navOutNext {
    -webkit-animation: scaleUp 1.5s forwards cubic-bezier(.7, 0, .3, 1);
    animation: scaleUp 1.5s forwards cubic-bezier(.7, 0, .3, 1)
}

.navInNext {
    -webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(.7, 0, .3, 1);
    animation: scaleDownUp 1.5s forwards cubic-bezier(.7, 0, .3, 1)
}
.current {
    opacity: 1;
    pointer-events: auto;
    z-index: 1000;
}


/* fxSoftScale */
@keyframes scaleUp {
    from {}

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}
@keyframes scaleDownUp {
    from {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/* fxStickIt */
.fxStickIt .banner_dl {
    -webkit-perspective: 1600px;
    perspective: 1600px
}

.fxStickIt .navOutNext {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: rotateBottomSideOut .8s forwards ease-in;
    animation: rotateBottomSideOut .8s forwards ease-in
}

.fxStickIt .navInNext {
    z-index: 1001;
    opacity: 1;
    -webkit-animation: slideInFromBottomDelayed .8s forwards;
    animation: slideInFromBottomDelayed .8s forwards
}
@keyframes rotateBottomSideOut {
    from {}

    40% {
        -webkit-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px)
    }
}
@keyframes slideInFromBottomDelayed {

    0%,
    30% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fxCliffDiving dd {
    -webkit-transform-origin: 50% 400%;
    transform-origin: 50% 400%
}

.fxCliffDiving .navOutNext {
    opacity: 1;
    -webkit-animation: rotateOutCircLeft .9s forwards cubic-bezier(.7, 0, .3, 1);
    animation: rotateOutCircLeft .9s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxCliffDiving .navInNext {
    opacity: 1;
    -webkit-animation: rotateInCircRight .9s forwards cubic-bezier(.7, 0, .3, 1);
    animation: rotateInCircRight .9s forwards cubic-bezier(.7, 0, .3, 1)
}

@keyframes rotateOutCircLeft {
    from {}

    to {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
}
@keyframes rotateInCircRight {
    from {
        -webkit-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }

    to {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}
/* fxPushReveal */
.fxPushReveal .navOutNext {
    opacity: 1;
    -webkit-animation: slideOutHalfTop .7s forwards ease-in-out;
    animation: slideOutHalfTop .7s forwards ease-in-out
}

.fxPushReveal .navInNext {
    opacity: 1;
    z-index: 1001;
    -webkit-animation: slideInFromBottom .7s forwards ease-in-out;
    animation: slideInFromBottom .7s forwards ease-in-out
}
@keyframes slideOutHalfTop {
    from {}

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@keyframes slideInFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
/* banner图 end */

/* 快捷按钮 start */
.quickBg{
    background: url(../images/quickBg.png) center center no-repeat;
    margin-top: -81px;
    padding-top: 110px;
    position: relative;
    z-index: 9;
    overflow: hidden;
}
.quickBtn{
    margin-right: -150px;
}
.quickBtn a{
    display: block;
}
.quickBtn dd{
    float: left;
    display: inline;
    margin-left: -115px;
    position: relative;
    top: 10px;
    transition: 0.4s;
}
.quickBtn dd.dd1{
    z-index: 3;
}
.quickBtn dd.dd2{
    z-index: 2;
}
.quickBtn dd:hover{
    top: 1px;
}
/* 快捷按钮 end */

/* 公用 start */
.public-title{
    text-align: center;
    position: relative;
}
/* 公用 end */

/* 乐园主题 start */
.indexThemeBg{
    background:#fafafb url(../images/indexThemeBg.png) center top no-repeat;
}
.indexTheme{
    position: relative;
    height: 1165px;
    left: -60px;
    top: -20px;
}
.indexTheme dd{
    z-index: 9;
    opacity: 0;
    transform: scale(0);
    visibility: hidden;
    transition: 0.4s;
}
.indexTheme dd.show{
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}
.indexTheme dd.dd1{
    position: absolute;
    top: 80px;
    right: 70px;
}
.indexTheme dd.dd2{
    position: absolute;
    top: 300px;
    left: 280px;
}
.indexTheme dd.dd3{
    position: absolute;
    top: 620px;
    right: 10px;
}
.indexTheme dd.dd4{
    position: absolute;
    top: 850px;
    left: 180px;
}
.indexTheme a{
    display: block;
    width: 340px;
    border-radius: 50%;
    position: relative;
    z-index: 9;
    transition: 0.4s;
}
.indexTheme a:before{
    content: '';
    display: block;
    border-radius: 50%;
    border: 3px solid #fff;
    position: absolute;
    left:-1px;
    top:-1px;
    right: -1px;
    bottom: -1px;
    box-sizing: border-box;
    z-index: 10;
}
.indexTheme .pic{
    border-radius: 50%;
    transition: 0.4s;
}
.indexTheme .pic:before{
    padding-top: 100%;
}
.indexTheme .title{
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
    text-align: center;
    font-size: 20px;
    background: #0996e2;
    height: 65px;
    color: #fff;
    line-height: 60px;
    z-index: 9;
    transition: 0.4s;
}
.indexTheme dd.dd1 .title{
    
    background: url(../images/themetIco1.png) center bottom no-repeat;
}
.indexTheme dd.dd2 .title{
    background: url(../images/themetIco2.png) center bottom no-repeat;
}
.indexTheme dd.dd3 .title{
    background: url(../images/themetIco3.png) center bottom no-repeat;
}
.indexTheme dd.dd4 .title{
    background: url(../images/themetIco4.png) center bottom no-repeat;
}
.indexTheme dd .ico{
    transition: 0.4s;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -28px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: url(../images/themeIco1.png) center center no-repeat;
    background-color: #0996e2;
    border: 4px solid #fff;
    opacity: 0;
}
.indexTheme dd.dd1 .ico{
    background-color: #0996e2;
}
.indexTheme dd.dd2 .ico{
    background-color: #e23635;
}
.indexTheme dd.dd3 .ico{
    background-color: #9ac12c;
}
.indexTheme dd.dd4 .ico{
    background-color: #ffae00;
}
.indexTheme .bg1{
    background: url(../images/themeBg1.png) center center no-repeat;
    width: 425px;
    height: 427px;
    margin: -210px 0 0 -210px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: 0.4s;
    z-index: 1;
}
.indexTheme dd.dd1 .bg2{
    background: url(../images/themeBg2.png) center center no-repeat;
    width: 71px;
    height: 88px;
    position: absolute;
    top: 50px;
    right: -20px;
    transition: 0.4s;
    transform: scale(0) rotate(90deg);
    transform-origin: left top;
}
.indexTheme dd.dd1.show .bg2{
    transition-delay: 0.2s;
    transform: scale(1) rotate(0deg);
    transform-origin: left top;
}
.indexTheme dd.dd2 .bg2{
    background: url(../images/themeBg3.png) center center no-repeat;
    width: 132px;
    height: 205px;
    position: absolute;
    top: -40px;
    left: 0px;
    transition: 0.4s;
    transform: scale(0) ;
    transform-origin: right bottom;
}
.indexTheme dd.dd2.show .bg2{
    transition-delay: 0.2s;
    transform: scale(1) ;
    transform-origin: right bottom;
}
.indexTheme dd.dd3 .bg2{
    background: url(../images/themeBg4.png) center center no-repeat;
    width: 121px;
    height: 156px;
    position: absolute;
    top: 90px;
    right: -60px;
    transition: 0.4s;
    transform: scale(0) rotate(90deg);
    transform-origin: left top;
}
.indexTheme dd.dd3.show .bg2{
    transition-delay: 0.2s;
    transform: scale(1) rotate(0deg);
    transform-origin: left top;
}
.indexTheme dd.dd4 .bg2{
    background: url(../images/themeBg5.png) center center no-repeat;
    width: 234px;
    height: 173px;
    position: absolute;
    top: 30px;
    left: -80px;
    transition: 0.4s;
    transform: scale(0) rotate(-90deg);
    transform-origin: right bottom;
}
.indexTheme dd.dd4.show .bg2{
    transition-delay: 0.2s;
    transform: scale(1) rotate(0deg);
    transform-origin: right bottom;
}
.indexTheme dt{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1080px;
    overflow: hidden;
}
.indexTheme a:hover{
    transform: scale(1.15);
}
.indexTheme a:hover .ico{
    transform:  translateY(50%);
    bottom: 50%;
    opacity: 1;
}
.indexTheme dd:hover .bg1{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    animation:infinite rotateBg 10s linear ;
}

@keyframes rotateBg {
    from { 
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.svgBox{
    text-align: center;
}
.svgLine{
    fill: transparent;
    width: 900px;
}
.svgLine .line{
    stroke: #ffc809;
    stroke-linecap: round;
    stroke-width: 6px;
    fill-rule: evenodd;
    stroke-miterlimit: 10;
    stroke-dashoffset:;
}
/* 乐园主题 end */

/* 音乐播放器 start */ 
.audio{margin:0 50px;padding:10px 0 10px 0;}
.audio-tips{margin-top:10px; color: #b1b1b1; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.audio-detail{padding:5px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; background:#f8f8f8;position:relative;}
.audio-detail:after{content: " "; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e6e6e6; box-sizing: border-box; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0;z-index:1;}
.audio .info{-webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden;line-height: 45px;}
.audio .info p{margin: 0; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; text-indent: 0;}
.audio .info .audio-title{-webkit-box-flex: 1.5; -ms-flex: 1.5; flex: 1.5; line-height: 24px;font-size:14px;}
.audio .info .audio-desc{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 16px;color:#999 !important;font-size:12px !important;}
.audio .info .audio-desc span{padding:0 15px 0 0;color:#ff0000;}
.audiojs{
    width:40px;
    height:40px;
    border-radius:100%;
    background:url(../audiojs/play.png) no-repeat center center;
    background-size:cover; 
    margin:2px 10px 0 0;
    position:relative;
    z-index:9;
    }
.audiojs.playing{
    width:40px;
    height:40px;
    border-radius:100%;
    background:url(../audiojs/play2.png) no-repeat center center;
    background-size:cover;
    }
.audiojs .scrubber{ display:none;}
.audiojs .time{ display:none;}
.audiojs .play-pause {
    width: 25px;
    height: 40px;
    padding:0 6px;
    margin: 0px;
    float: left;
    overflow: hidden;
}
/* 音乐播放器 end */ 

/* 园区导览 start */
.guideBg{
    background:#fff url(../images/indexBg2.png) center 200px no-repeat;
}
.indexGuide{
    position: relative;
}
.guideMap{
    height: 552px;
    overflow: hidden;
    border-radius: 40px;
    background: url(../images/map/mapBg.jpg) center center no-repeat;
    position: relative;
}
.guideMap iframe{
    overflow: hidden;
    border: none;
    border-radius: 40px;
}
.mapMain{
    position: relative;
    height: 100%
}
.bigMapBtn{
    position: absolute;
    top: 30px;
    right: 50px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 999;
}
.bigMapBtn svg{
    width: 100%;
    fill: #fff;
    height: 100%;
    animation:infinite shrink 2.5s;
}
@keyframes shrink {
    0%{
        transform: scale(0.8);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(0.8);
    }
}
.layui-map .layui-layer-setwin .layui-layer-close2{
    top: 0;
    right: 0;
}
/* 地图 */
.mapBox{
    position: relative;
    padding-top: 40.9621552%;
}
.map{
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: url(../images/map/seaMap2.png);
    background-size: cover;
    z-index: 3;
}
.mapImg_dl{
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 8;
}
.mapImg_dl dd{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: scale(1);
    transition: all 0.3s linear;
}
.mapImg_dl dd.show{
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.mapTxt_dl{
    /*position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 9;*/
}
.mapTxt_dl dd{
    position: absolute;
    width: 1.46412884%;
    z-index: 11;
}
/*.mapTxt_dl dd.dd1{
    left: 22.4150398%;
    top: 31.8021201%;
}
.mapTxt_dl dd.dd2{
    left: 38.0673499%;
    top: 20.5357143%;
}
.mapTxt_dl dd.dd3{
    left: 45.3879941%;
    top: 25.8928571%;
}
.mapTxt_dl dd.dd4{
    left: 55.636896%;
    top: 27.6785714%;
}*/
.mapTxt_dl dd.show{
    z-index: 12;
}
/* 海世界地图 */

.seaMapTxt_dl dd.dd1{
    left: 8%;
    top: 62%;
}
.seaMapTxt_dl dd.dd2{
    left: 12%;
    top: 47%;
}
.seaMapTxt_dl dd.dd3{
    top: 66%;
    left: 16%;
}
.seaMapTxt_dl dd.dd4{
    top: 54%;
    left: 17%;
}.seaMapTxt_dl dd.dd5{
    top: 47%;
    left: 23%;
}.seaMapTxt_dl dd.dd6{
    top: 49%;
    left: 35%;
}.seaMapTxt_dl dd.dd7{
    top: 21%;
    left: 24%;
}.seaMapTxt_dl dd.dd8{
    top: 18%;
    left: 39%;
}.seaMapTxt_dl dd.dd9{
    top: 28%;
    left: 40%;
}.seaMapTxt_dl dd.dd10{
    top: 34%;
    left: 39%;
}.seaMapTxt_dl dd.dd11{
    top: 73%;
    left: 41%;
}.seaMapTxt_dl dd.dd12{
    top: 56%;
    left: 46%;
}.seaMapTxt_dl dd.dd13{
    top: 17%;
    left: 46%;
}.seaMapTxt_dl dd.dd14{
    top: 25%;
    left: 48%;
}.seaMapTxt_dl dd.dd15{
    top: 35%;
    left: 49%;
}.seaMapTxt_dl dd.dd16{
    top: 13%;
    left: 57%;
}.seaMapTxt_dl dd.dd17{
    top: 20%;
    left: 55%;
}.seaMapTxt_dl dd.dd18{
    top: 32%;
    left: 58%;
}.seaMapTxt_dl dd.dd19{
    top: 26%;
    left: 65%;
}.seaMapTxt_dl dd.dd20{
    top: 40%;
    left: 65%;
}.seaMapTxt_dl dd.dd21{
    top: 43%;
    left: 73%;
}.seaMapTxt_dl dd.dd22{
    top: 53%;
    left: 72%;
}
.seaMapTxt_dl dd.dd23{
    top: 29%;
    left: 40%;
}
.seaMapTxt_dl dd.dd24{
    top: 34%;
    left: 43%;
}
.seaMapTxt_dl dd.dd25{
    top: 10%;
    left: 48%;
}
.seaMapTxt_dl dd.dd26{
    top: 31%;
    left: 57%;
}
.seaMapTxt_dl dd.dd27{
    top: 50%;
    left: 56%;
}
.seaMapTxt_dl dd.dd28{
        top: 58%;
    left: 67%;
}
.seaMapTxt_dl dd.dd29{
    left: 63.9%;
    top: 48%;
}
.seaMapTxt_dl dd.dd30{
    left: 31%;
    top: 63%;
}

.seaMapTxt_dl dd.ddOut{
    left: 55.5%;
    top: 77%;
}
.seaMapTxt_dl .mapTxtOffset {
    padding-left: 125%;
}

/* 雪世界地图 */
.snowMapTxt_dl dd.dd1{
    left: 24%;
    top: 23%;
}
.snowMapTxt_dl dd.dd2{
    left: 31%;
    top: 26%;
}
.snowMapTxt_dl dd.dd3{
    left: 37%;
    top: 19%;
}
.snowMapTxt_dl dd.dd4{
    left: 38.636896%;
    top: 10.678571%;
}
.snowMapTxt_dl dd.dd5{
    left: 39.636896%;
    top: 49.678571%;
}
.snowMapTxt_dl dd.dd6{
    left: 37.636896%;
    top: 34.678571%;
}
.snowMapTxt_dl dd.dd7{
    left: 44%;
    top: 38%;
}
.snowMapTxt_dl .mapTxtOffset{
    padding-left: 125%;
}
/* 滇池后海地图 */
.houhaiM.map{
    background-image: url(../images/houhaiMap/houhai.png);
}
.houhaiTxt_dl dd.dd1{
    left: 38%;
    top: 15%;
    width: auto;
}
.houhaiTxt_dl dd.dd2{
    left: 71%;
    top: 17%;
    width: auto;
}
.houhaiTxt_dl dd.dd3{
    left: 30.5%;
    top: 42%;
    width: auto;
}
.houhaiTxt_dl dd.dd4{
    left: 10%;
    top: 43%;
    width: auto;
}
.houhaiTxt_dl dd.dd5{
    left: 74%;
    top: 56%;
    width: auto;
}
.houhaiTxt_dl dd.dd6{
    top: 10%;
    left: 31%;
    width: auto;
}
.houhaiTxt_dl dd.dd7{
        left: 20%;
    top: 24%;
    width: auto;
}
.houhaiTxt_dl dd.dd8{
    top: 46%;
    left: 18%;
    width: auto;
    display: none;
}
.houhaiTxt_dl dd.dd9{
    top: 63%;
    left: 39%;
    width: auto;
}
.houhaiTxt_dl dd.dd10{
    top: 47%;
    left: 57.5%;
    width: auto;
}
.houhaiTxt_dl dd.dd11{
    top: 38%;
    left: 75%;
    width: auto;
}
.houhaiTxt_dl dd.dd12{
    top: 24%;
    left: 87.5%;
    width: auto;
}
.houhaiTxt_dl dd.dd13{
    left: 32%;
    top: 31%;
    width: auto;
}
.houhaiTxt_dl dd.dd14{
    top: 24%;
    left: 61%;
    width: auto;
}
.houhaiTxt_dl dd.dd15{
    left: 50%;
    top: 21%;
    width: auto;
}
.houhaiTxt_dl dd.dd16{
    top: 11%;
    left: 52%;
    width: auto;
}

.houhaiTxt_dl dd.dd17{
    top: 3%;
    left: 35%;
    width: auto;
}
.houhaiTxt_dl dd.dd18{
    left: 26%;
    top: 15%;
    width: auto;
}
.houhaiTxt_dl dd.dd19{
    left: 59%;
    top: 36%;
    width: auto;
}
.houhaiTxt_dl dd.dd20{
    left: 85.5%;
    top: 11%;
    width: auto;
}
.houhaiTxt_dl dd.dd21{
    top: 29%;
    left: 45%;
    width: auto;
}
.houhaiTxt_dl dd.dd22{
    top: 54%;
    left: 29%;
    width: auto;
}
.houhaiTxt_dl dd.dd23{
    top: 36%;
    left: 21%;
    width: auto;
}
.houhaiTxt_dl dd.dd24{
    
    top: 31%;
    left: 26.5%;
    width: auto;
}

.houhaiTxt_dl .map_a{
    padding-top: 0;
}
.houhaiTxt_dl .mapTxtOffset{
    padding-left: 130% !important;
}
.houhaiIco_dl{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}
.houhaiIco_dl .map_a{
    padding-top: 0;
}
.houhaiIco_dl dd{
    position: absolute;
}
.houhaiIco_dl dd.dd1{
    top: 5%;
    left: 43%;
}
.houhaiIco_dl dd.dd2{
    left: 69%;
    top: 9%;
}
.houhaiIco_dl dd.dd3{
    left: 52%;
    top: 17%;
}
.houhaiIco_dl dd.dd4{
    left: 75%;
    top: 56%;
}
.houhaiIco_dl dd.dd5{
    left: 92%;
    top: 47%;
}
.houhaiIco_dl dd.dd6{
    left: 31%;
    top: 39%;
}
.houhaiIco_dl .locationName{
    border-color: #0996e2;

}
.houhaiIco_dl .locationName:after{
    border-top-color: #0996e2;
}

@keyframes moveUp{
    0%{
        transform: translateY(0);

    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0);
    }
}









.map_a{
    position: relative;
    display: block;
    padding-top: 125%;
    transition: 0.4s;
}
.locationIcon{
    display: block;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 24px;
    height: 30px;
    font-size: 14px;
    color:#666;
    text-align: center;
    line-height: 24px;
    background: url(../images/map/location.png) no-repeat center center;
    background-size: cover;
}
.locationName{
    padding: 0 10px;
    background: #fff;
    border: 2px solid #f28e1a;
    border-radius: 5px;
    line-height: 25px;
    font-size: 12px;
    color: #666;
    display: block;
    white-space: nowrap;
    position: relative;
    animation: moveUp 3s ease infinite;
}
.locationName:after{
    content: '';
    display: block;
    border: 5px solid;
    border-color: #f28e1a transparent transparent transparent;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -5px;
}
.mapTxtOffset{
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(20px,-30%);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s linear;
}
.mapTxtOffset.left{
    left: -80%;
    transform: translate(-100%,-35%);
}
.mapTxt_dl dd.show .mapTxtOffset{
    visibility: visible;
    opacity: 1;
    transform: translate(0px,-30%);
}
.mapTxt_dl dd.show .mapTxtOffset.left{
    transform: translate(-90%,-35%);
}

.mapTxtBox{
    position: relative;
    padding-left: 11px;
}
.mapTxtBox:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 12px;
    height: 25px;
    position: absolute;
    left: 0px;
    top: 30%;
    margin-top: -12px;
    background: url(../images/map/trangleLeft.png) no-repeat center center;
    background-size: cover;
}
.mapTxtOffset.left .mapTxtBox{
    padding: 0 10px 0 0;
}
.mapTxtOffset.left .mapTxtBox:after{
    right: 0;
    left: auto;
    background-image: url(../images/map/trangleRight.png)
}
.mapTxtCont{
    background: #fff;
    overflow: hidden;
    padding: 20px 30px;
    border-radius: 6px;
    width: 350px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)
}
.mapTxtTit{
    overflow: hidden;
    font-size: 16px;
    color:#f28e1a;
    text-align: center;
    line-height: 30px;
}
.mapStarBox{
    overflow: hidden;
}
/*.videoBox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/
.mapStarTit{
    overflow: hidden;
    font-size: 14px;
    color:#333;
    line-height: 20px;
}
.mapStar{
    overflow: hidden;
    width: 90px;
    height: 15px;
    overflow: hidden;
    position: relative;
    margin: 2px 0px;
}
.mapStar[data-star="1"] span{
    width: 20%;
}
.mapStar[data-star="2"] span{
    width: 40%;
}
.mapStar[data-star="3"] span{
    width: 60%;
}
.mapStar[data-star="4"] span{
    width: 80%;
}
.mapStar[data-star="5"] span{
    width: 100%;
}
.mapStar span{
    display: block;
    width: 0px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/map/star.png) no-repeat left center;
}
.mapTxt{
    overflow: hidden;
}
.mapTxt_ul{
    overflow: hidden;
}
.mapTxt_ul li{
    overflow: hidden;
    font-size: 14px;
    color:#999;
    line-height: 25px;
    overflow: hidden;
    padding: 5px ;
    position: relative;
    max-height: 100px;
    overflow-y: auto;
}
.mapTxt_ul li{

}
/*.mapTxt_ul li:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #ddd;
    position: absolute;
    left: 0px;
    top: 14px;
}*/
.mapShadow{
    position: absolute;
    left: 0px;
    top: -30px;
    overflow: hidden;
    width: 100%;
    height: 104%;
    background: rgba(0,0,0,0.5);
    z-index: 5;
    opacity:0;
    transition-duration: 0.3s;
}
.mapShadow.show{opacity:1}
.svgCont{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
}
.svg_a{
    display: block;
    overflow: hidden;
}
.mediaBox{
    overflow: hidden;
}
.mediaSwiper .swiper-button-next{
    background-color: rgba(0,0,0,0.5);
    background-image: url(../images/btNext_h.png);
    background-size: auto;
    right: 0px;
}
.mediaSwiper .swiper-button-prev{
    background-color: rgba(0,0,0,0.5);
    background-image: url(../images/btPrev_h.png);
    background-size: auto;
    left: 0px;
}
.mediaSwiper .swiper-pagination-bullet{
    background: #ddd;
    opacity: 1;
}
.mediaSwiper .swiper-pagination-bullet-active{
    background: #fff;
    opacity: 1;
}
.media{
    overflow: hidden;
    position: relative;
}
.mediaImg{
    margin-top: 10px;
    overflow: hidden;
}
.mediaImg_a{
    padding-top: 56.25%;
    overflow: hidden;
}
.video_a{
    display: block;
    overflow: hidden;
    padding-top: 56.25%;
    cursor: pointer;
}
.video_a em{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.5) url(../images/play.png) no-repeat center center;
}
.fullBt{
    display: block;
    width: ;
    height: ;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9;
    background: url() no-repeat center center;
}





.miniMap{
    text-align: center;
    font-size: 0;
    margin-top: -50px;
}
.miniMap dd{
    width: 175px;
    position: relative;
    display: inline-block;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 7px;
}
.miniMap .pic:before{
    padding-top: 51.4285%;
}
.miniMap .pic:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    transition: 0.4s ease;
}
.miniMap .title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    transition: 0.4s;
}
.miniMap dd.dd1 .title{
    background: rgba(254,163,11,0.8);
}
.miniMap dd.dd2 .title{
    background: rgba(42,185,212,0.8);
}
.miniMap dd.dd3 .title{
    background: rgba(6,104,181,0.8);
}
.miniMap dd.dd4 .title{
    background: rgba(154,199,32,0.8);
}
.miniMap dd.hover .title{
    line-height: 90px;
}
.miniMap dd.hover .pic:after{
    background: rgba(0,0,0,0);
}
.miniMap dd:hover .pic:after{
    background: rgba(0,0,0,0);
}
.mapMask{
    background: url(../images/mapMask1.png) 45px bottom no-repeat;
    height: 81px;
    position: relative;
    z-index: 9;
    margin: -25px 0 0 0;
}
.mapMask2{
    background: url(../images/mapMask2.png) center center no-repeat;
    width: 235px;
    position: absolute;
    height: 65px;
    left: -10px;
    top: -40px;
}
.mapMask3{
    background: url(../images/mapMask3.png) center center no-repeat;
    width: 253px;
    height: 166px;
    position: absolute;
    right: -115px;
    top: -120px;
}
.mapMask4{
    background: url(../images/mapMask4.png) center center no-repeat;
    width: 56px;
    height: 103px;
    position: absolute;
    right: -173px;
    bottom: 260px;
}
.mapMask5{
    background: url(../images/mapMask5.png) center center no-repeat;
    width: 229px;
    height: 214px;
    position: absolute;
    right: -245px;
    bottom: 35px;
    z-index: 10;
}
.mapMask6{
    background: url(../images/mapMask6.png) center center no-repeat;
    width: 337px;
    height: 259px;
    position: absolute;
    left: -276px;
    bottom: 16px;
}
.mapMask7{
    background: url(../images/mapMask7.png) center center no-repeat;
    width: 118px;
    height: 128px;
    position: absolute;
    top: -573px;
    left: -200px;
}
/* 园区导览 end */

/* 新闻中心 start */
.indexNews{
    position: relative;
    z-index: 9;
}
.newsLeft{
    overflow: hidden;
    border-radius: 20px;
    width: 620px;
    position: relative;
    left: 30px;
    transform: rotate(0deg);
}
.newsLeft .pic:before{
    padding-top: 56.25%;
}
.rotate5{
    -webkit-animation: rotate5 1s 0.1s both;
    -moz-animation: rotate5 1s 0.1s both;
    animation: rotate5 1s 0.1s both;
}
.rotate0{
    -webkit-animation: rotate0 1s 0.1s both;
    -moz-animation: rotate0 1s 0.1s both;
    animation: rotate0 1s 0.1s both;
}
@keyframes rotate5 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-5deg);
    }
}
@keyframes rotate0 {
    from {
        transform: rotate(5deg);
    }
    to {
        transform: rotate(0deg);
    }
}
.newsLeft .swiper-pagination{
    bottom: 15px;
}
.newsLeft .swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
    width: 10px;
    height: 10px;
    
}
.newsLeft .swiper-pagination-bullet-active{
    background: #63abfb;
    opacity: 1;
}
.newsRight{
    padding: 10px 20px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 9;
    transform: rotate(5deg);
}
.newsName{
    border-bottom: 1px solid #e5e5e5;
    line-height: 50px;
}
.newsName span{
    float: left;
    font-weight: bold;
    border-bottom: 3px solid #fea30b;
    color: #fea30b;
    font-size: 18px;
    position: relative;
    top: 2px;
}
.newsName .more{
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    position: relative;
    top: 12px;
    background: url(../images/jia.png) center center no-repeat;
}
.newsList {
    padding: 10px 0;
    overflow: hidden;
    height: 215px;
}
.newsList a{
    display: block;
    line-height: 45px;
    overflow: hidden;
}
.newsList .title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #333;
    transition: 0.3s;
}
.newsType{
    background: #0668b5;
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    padding: 0 8px;
    border-radius: 3px;
    margin-right: 10px;
    position: relative;
    top: 13px;
}
.newsList .time{
    font-size: 14px;
    color: #666;
}
.newsList a:hover .title{
    color: #fea30b;
}
/* 新闻中心 end */

/* 周边 start */
.circum{
    position: relative;
    padding-top: 95px;
    height: 1200px;
    overflow: hidden;
}
#waterBg{
    position: absolute;
    top: 95px;
    left: 0;
    width: 100%;
    height: 1201px;
    background: url(../images/waterBg.jpg) center center no-repeat;
    background-size: cover;
}
.circumList{
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}
.circumList dd{
    display: inline-block;
    width: 218px;
    margin:0 39px ;
}
.circumList a{
    display: block;
}
.circumList .img{
    position: relative;
    animation: infinite upDown 4s linear;
}
.circumList .mask{
    position: absolute;
    top: 50%;
    left: 50%;
    margin:-77px 0 0 -86px;
    background: url(../images/circumIco1.png);
    width: 172px;
    height: 155px;
    transform: rotateY(90deg);
    transition: 0.4s ease-in-out;
    line-height: 155px;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}
.circumList dd.dd1 .mask{
    background: url(../images/circumIco1.png);
}
.circumList dd.dd2 .mask{
    background: url(../images/circumIco2.png);
}
.circumList dd.dd3 .mask{
    background: url(../images/circumIco3.png);
}
.circumList dd.dd4 .mask{
    background: url(../images/circumIco4.png);
}
.circumList .title{
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-top: 20px;
}
.circumList a:hover .mask{
    transform: rotateY(0);
}
.circumList a:hover .img{
    animation-play-state: paused;
}
@keyframes ddRotate {
    0% {
        transform: rotate(0deg);
    }
    33.333% {  
        transform: rotate(-3deg);
    }
    66.666% {  
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
/* 周边 end */


/* 右侧悬浮 start */
.floRight{
    position: fixed;
    top: 100%;
    right: 40px;
    width: 121px;
    z-index: 99;
    transition: 0.5s linear;
}
.floRight.show{
    top: 50%;
    transition: 2s linear;
    margin-top: -179px;
}
.floList{
    background: url(../images/floBg1.png) 19px top no-repeat;
    padding-top: 133px;
    animation:infinite upDown 5s ease ;
}
.floList:hover {
    animation-play-state: paused;
}
@keyframes upDown {
    0% { 
        transform: translateY(0);
    }
    50% { 
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
    }
}
.floList dd{
    margin-bottom: 10px;
    position: relative;
}
.floList dd+dd:after{
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: -18px;
    background: url(../images/floIco.png);
    width: 39px;
    height: 27px;
}
.floList a{
    display: block;
    width: 65px;
    height: 65px;
    border-radius: 8px;
    margin: 0 auto;
    text-align: center;
    
}
.floList dd.dd1 a{
    background: #fea30b;
}
.floList dd.dd2 a{
    background: #0996e2;
}
.floList dd.dd3 a{
    background: #5770b8;
}
.floList dd.dd4 a{
    background: #e23635;
}
.floList dd.dd5 a{
    background: #9ac12d;
}
.floList .ico{
    height: 33px;
    transition: 0.3s ;
    background-position: center bottom ;
    background-repeat: no-repeat;
}
.floList .txt{
    font-size: 12px;
    color: #fff;
    padding-top: 4px;
}
.floList a:hover .ico{
    transform: translateY(-3px);
}
/* 右侧悬浮 end */

/******  首页内容 end  *****/