body{
    
}
.wz-bottom-wrapper{
    display: none;
}
.clear{
    clear: both;
}
.loader {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #121a21;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 99999;
}

.loader .line {
	width: 100%;
	height: 1px;
	background-color: white;
	position: relative;
	display: block;
	margin-left: -50%;
	margin-top: .5em;
}

.loader .line:after {
	content: "";
	position: absolute;
	display: block;
	height: 100%;
	background-color: #121a21;
	left: 0%;
	right: 100%;
	-webkit-animation: loading 2s ease infinite;
	animation: loading 2s ease infinite;
}

@-webkit-keyframes loading {
	0% {
		left: 0;
		right: 100%;
	}
	50% {
		left: 0;
		right: 0;
	}
	100% {
		left: 100%;
		right: 0;
	}
}

@keyframes loading {
	0% {
		left: 0;
		right: 100%;
	}
	50% {
		left: 0;
		right: 0;
	}
	100% {
		left: 100%;
		right: 0;
	}
}

.loader span {
	font-family: Arial, sans-serif;
	position: fixed;
	z-index: 100000;
	top: 50%;
	left: 50%;
	margin-top: -32.5px;
	margin-left: -32.5px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
}

#topbanner{
    display: none;
}
#footbanner{
    display: none;
}
.layadmin-tabspage-none .layui-layout-admin .layui-body{
    margin-top: 0;
    min-height: auto!important;
    min-width: auto;
}
.slidecount {
    position: fixed;
    right: 28px;
    bottom: 50%;
    margin-bottom: -140px;
    z-index: 3;
}
.swiper-pagination-switch {
    display: block;
    width: 27px;
    height: 27px;
    margin-bottom: 8px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}
.slidecount .swiper-pagination-switch:nth-child(1){
    background: url(img/a1.svg) center 0 no-repeat;
    background-size: 27px 27px;
}
.slidecount .swiper-pagination-switch:nth-child(1).swiper-active-switch {
    background: url(img/a1_1.svg) center 0 no-repeat;
    background-size: 27px 27px;
}

.slidecount .swiper-pagination-switch:nth-child(2){
    background: url(img/a2.svg) center 0 no-repeat;
    background-size: 27px 27px;
}
.slidecount .swiper-pagination-switch:nth-child(2).swiper-active-switch {
    background: url(img/a2_2.svg) center 0 no-repeat;
    background-size: 27px 27px;
}


.slidecount .swiper-pagination-switch:nth-child(3){
    background: url(img/a3.svg) center 0 no-repeat;
    background-size: 27px 27px;
}
.slidecount .swiper-pagination-switch:nth-child(3).swiper-active-switch {
    background: url(img/a3_3.svg) center 0 no-repeat;
    background-size: 27px 27px;
}


.slidecount .swiper-pagination-switch:nth-child(4){
    background: url(img/a4.svg) center 0 no-repeat;
    background-size: 27px 27px;
}
.slidecount .swiper-pagination-switch:nth-child(4).swiper-active-switch {
    background: url(img/a4_4.svg) center 0 no-repeat;
    background-size: 27px 27px;
}

.slidecount .swiper-pagination-switch:nth-child(5){
    background: url(img/a5.svg) center 0 no-repeat;
    background-size: 27px 27px;
}
.slidecount .swiper-pagination-switch:nth-child(5).swiper-active-switch {
    background: url(img/a5_5.svg) center 0 no-repeat;
    background-size: 27px 27px;
}

.slidecount .swiper-pagination-switch:nth-child(6){
    background: url(img/a6.svg) center 0 no-repeat;
    background-size: 27px 27px;
}
.slidecount .swiper-pagination-switch:nth-child(6).swiper-active-switch {
    background: url(img/a6_6.svg) center 0 no-repeat;
    background-size: 27px 27px;
}

.slidecount .swiper-pagination-switch:nth-child(7){
    background: url(img/a7.svg) center 0 no-repeat;
    background-size: 27px 27px;
}
.slidecount .swiper-pagination-switch:nth-child(7).swiper-active-switch {
    background: url(img/a7_7.svg) center 0 no-repeat;
    background-size: 27px 27px;
}

.slidecount .swiper-pagination-switch:nth-child(8){
    background: url(img/a8.svg) center 0 no-repeat;
    background-size: 27px 27px;
}
.slidecount .swiper-pagination-switch:nth-child(8).swiper-active-switch {
    background: url(img/a8_8.svg) center 0 no-repeat;
    background-size: 27px 27px;
}

#menu:hover{
    transform: translateX(0%);
}
#menu {
    height: 100%;
    position: fixed;
    width: 98px;
    transition: 1000ms all cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateX(-100%);
    left: 0;
    color: #fff;
    z-index: 10;
}

#menu .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
}

#menu.expanded {
    transform: translateX(0%);
    left: 0px;
}

#menu.expanded .hamburger {
    right: 20px;
    transition: all .5s;
}

.menu-inner {
    width: 100%;
    height: 100%;
    position: relative;
}

.menu-inner ul {
    list-style: none;
    padding-top: 23px;
}

.menu-inner ul li {
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    position: relative;
}
.menu-inner ul li::after{
    content: "";
    position: absolute;
    left: 50%;
    width: 26px;
    height: 2px;
    display: block;
    transition: all 0.3s;
    background: #ff9a17;
    margin-left: -13px;
    top: 33px;
    opacity: 0;
}
.menu-inner ul li a{
    color: #a7bcdc;
    transition: all 0.3s;
    text-decoration: none;
}
.menu-inner ul li:hover::after{
    opacity: 1;
}
.menu-inner ul li:hover a{
    color: #fff;
}


#blob {
    top: 0;
    z-index: -1;
    right: 60px;
    transform: translateX(100%);
    height: 100%;
    position: absolute;
}

#blob-path {
    height: 100%;
    fill:  rgba(0,0,0,0.5);
}

.hamburger {
    right: -32px;
    position: absolute;
    text-align: center;
    font-size: 14px;
    top: 50%;
    width: 32px;
    margin-top: -64px;
    cursor: pointer;
}


.page {
    overflow: hidden;
}




/* 1 */
#youPage1{
    width: 100%;
    height: 100%;
    background: url(img/a1.jpg) center 0 no-repeat #2880BF;
    background-size: cover;
}
.pageOne{
    height: 100%;
    display: table;
    width: 1200px;
    margin: auto;
}
.pageOne .pageOneCenter{
    display: table-cell;
    vertical-align: middle;
}
.pageOne .pageOneCenter .pageOneCenter_middle{
    width: 100%;
    position: relative;
}
.pageOne .pageOneCenter .pageOneLeft{
    float: left;
    width: 693px;
    color: #fff;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.pageOne .pageOneCenter .pageOneLeft .pageOneLeft_middle{
    /* display: table;
    height: 100%; */
    margin-top: 9px;
}
.pageOne .pageOneCenter .pageOneLeft .pageOneLeft_middle div{
    display: table-cell;
    vertical-align: middle;
}
.pageOne .pageOneCenter .pageOneLeft img{
    width: 326px;
}
.pageOne .pageOneCenter .pageOneLeft p{
    font-size: 16px;
    line-height: 30px;
    border-top: 1px solid rgba(255,255,255,0.4);
    margin-top: 30px;
    padding-top: 30px;
    box-sizing: border-box;
}
.pageOne .pageOneCenter .pageOneRight{
    width: 410px;
    height: 584px;
    float: right;
}
.pageOne .pageOneCenter .pageOneRight img{
    width: 100%;
    height: 100%;
}
/* 2 */
#youPage2 .p2container {
    position: relative;
    height: 100%;
}

#youPage2 .p2container ul {
    height: 100%;
    list-style: none;
    overflow: hidden;
    display: flex;
}

#youPage2 .p2container .p2park {
    position: relative;
    width: 20%;
    height: 100%;
    float: left;
    cursor: pointer;
    transition: all .5s;
}
#youPage2 .p2container .p2park.fullwidth {
    width: 60%;
}
#youPage2 .p2container .p2park.fullwidth .p2parkinfoImg{
    display: block;
}
#youPage2 .p2container .p2park.fullwidth .p2parkinfo{
    display: block;
}
#youPage2 .p2container .p2park.fullwidth .p2parksummary{
    display: none;
}
#youPage2 .p2container .p2park.nowidth {
    width: 20%;
}
#youPage2 .p2container .p2park.nowidth .p2parksummary{
    display: block;
}
#youPage2 .p2container .p2park:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#youPage2 .p2container .p2park1:after {
    background-image: url('img/a44.jpg');
}

#youPage2 .p2container .p2park2:after {
    background-image: url('img/a45.jpg');
}

#youPage2 .p2container .p2park3:after {
    background-image: url('img/a46.jpg');
}


#youPage2 .p2parksummary {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
    height: 100%;
}


#youPage2 .p2container .p2bei{
    width: 100%;
    background: rgba(0,0,0,0.4);
    height: 100%;
    position: absolute;
    top: 0;
    box-sizing: border-box;
    padding-top:45%;
    transition: all 0.3s;
}

#youPage2 .p2container .p2bei img{
    width: 173px;
    height: 50px;
}

#youPage2 .p2container .p2bei p{
    font-size: 18px;
    color: #fff;
    width: 170px;
    margin: 0 auto;
    line-height: 28px;
    text-align: center;
    margin-top: 26px;
}

.p2parkinfoImg{
    position: absolute;
    width: 100%;
    top: 0;
    text-align: center;
    z-index: 1;
    height: 100%;
    display: none;
    padding-top: 15%;
}
.p2parkinfoImg img{
    width: 173px;
    height: 50px;
}
.p2parkinfoImg div{
    font-size: 18px;
    color: #383C50;
    width: 170px;
    margin: 0 auto;
    margin-top: 26px;
}
.p2parkinfo {
    position: absolute;
    bottom: 0;
    width: 776px;
    z-index: 1;
    left: 50%;
    background: rgba(0,0,0,0.5);
    margin-left: -388px;
    text-align: center;
    display: none;
}
.p2parkinfo img{
    margin-top: 20px;
}
.p2parkinfo p {
    position: relative;
    color: #fff;
    line-height: 26px;
    width: 729px;
    text-align: left;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 26px;
    font-size: 14px;
}



/* 3 */
#youPage3 .p3container {
    position: relative;
    height: 100%;
}

#youPage3 .p3container ul {
    height: 100%;
    list-style: none;
    overflow: hidden;
}

#youPage3 .p3container .park {
    position: relative;
    width: 25%;
    height: 100%;
    float: left;
    cursor: pointer;
    transition: all .5s;
}

#youPage3 .parksummary {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
    height: 100%;
}


#youPage3 .parksummary p {
    font-size: 14px;
    color: #fff;
    width: 170px;
    margin: 0 auto;
    line-height: 28px;
    text-align: left;
    margin-top: 24px;
}


#youPage3 .p3container .park.fullwidth {
    width: 100%;
}

/* #youPage3 .p3container .park.fullwidth:after {
    -webkit-filter: brightness(1);
    filter: brightness(1);
} */

#youPage3 .p3container .park.nowidth {
    width: 0;
}

#youPage3 .p3container .park:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#youPage3 .p3container .park1:after {
    background-image: url('img/a9.jpg');
}

#youPage3 .p3container .park2:after {
    background-image: url('img/a10.jpg');
}

#youPage3 .p3container .park3:after {
    background-image: url('img/a11.jpg');
}

#youPage3 .p3container .park4:after {
    background-image: url('img/a12.jpg');
}


#youPage3 .p3container .park:hover:after {
    /* -webkit-filter: brightness(1);
    filter: brightness(1); */
}
#youPage3 .p3container .park:nth-child(1) .parksummary{
    /* background:url("img/a17.jpg") center 0 no-repeat;
    background-size: cover; */
}
#youPage3 .p3container .park:nth-child(2) .parksummary{
    /* background:url("img/a18.jpg") center 0 no-repeat;
    background-size: cover; */
}

#youPage3 .p3container .park:nth-child(3) .parksummary{
    /* background:url("img/a19.jpg") center 0 no-repeat;
    background-size: cover; */
}

#youPage3 .p3container .park:nth-child(4) .parksummary{
    /* background:url("img/a20.jpg") center 0 no-repeat;
    background-size: cover; */
}

#youPage3 .p3container .bei{
    width: 100%;
    background: rgba(0,0,0,0.4);
    height: 100%;
    position: absolute;
    top: 0;
    box-sizing: border-box;
    padding-top: 40%;
    transition: all 0.3s;
}
#youPage3 .p3container .bei:hover{
    background: rgba(216,124,4,0.7);
}
.parkinfoImg{
    position: absolute;
    right: 50px;
    top: 27px;
    z-index: 1;
    display: none;
}

.parkinfo {
    position: absolute;
    bottom: 0;
    width: 1200px;
    z-index: 1;
    display: none;
    left: 50%;
    background: rgba(0,0,0,0.5);
    margin-left: -600px;
    text-align: center;
}
.parkinfo img{
    margin-top: 26px;
}
.parkinfo p {
    position: relative;
    color: #fff;
    line-height: 26px;
    width: 1114px;
    text-align: left;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 16px;
}



/* 4 */

#youPage4{
    width: 100%;
    height: 100%;
    background: url(img/a27.jpg) center 0 no-repeat;
    background-size: cover;
}
.pageThere{
    height: 100%;
    display: table;
    width: 1200px;
    margin: auto;
}
.pageThere .pageThereCenter{
    display: table-cell;
    vertical-align: middle;
}
.pageThere .pageThereCenter .pageThereCenter_middle{
    width: 100%;
    position: relative;
}

.pageThere .pageThereCenter .pageThereLogo{
    float: left;
    width: 100%;
}
.pageThere .pageThereCenter .pageThereLogo img{
    
}

.pageThere .pageThereCenter .pageThereLeft{
    width: 556px;
    float: left;
    margin-top: 35px;
}

.pageThere .pageThereCenter .pageThereLeft img{
    width: 100%;
}

.pageThere .pageThereCenter .pageThereRight{
    float: right;
    margin-top: 99px;
}
.pageThere .pageThereCenter .pageThereRight .pageThereRight_dao{
    
}

.pageThere .pageThereCenter .pageThereRight .pageThereRight_dao img{
    width: 134px;
    cursor: pointer;
    transition: all 1s;
}


.pageThere .pageThereCenter .pageThereRight .pageThereRight_li{
    box-sizing: border-box;
    padding-left: 69px;
    margin-top: -61px;
}

.pageThere .pageThereCenter .pageThereRight .pageThereRight_li img{
    width: 134px;
    cursor: pointer;
    transition: all 1s;
}

.pageThere .pageThereCenter .pageThereRight img:hover{
    transform: rotateY(360deg);
}



/* 5 */

#youPage5{
    width: 100%;
    height: 100%;
    background: url(img/a30.jpg) center 0 no-repeat;
    background-size: cover;
}
.pageFive{
    height: 100%;
    display: table;
    width: 1200px;
    margin: auto;
}
.pageFive .pageFiveCenter{
    display: table-cell;
    vertical-align: middle;
}
.pageFive .pageFiveCenter .pageFiveCenter_middle{
    width: 100%;
    position: relative;
}

.pageFive .pageFiveCenter .pageFiveLogo{
    float: left;
    width: 100%;
}
.pageFive .pageFiveCenter .pageFiveLogo img{
    
}

.pageFive .pageFiveCenter .pageFiveLeft{
    width: 721px;
    float: left;
    margin-top: 35px;
}

.pageFive .pageFiveCenter .pageFiveLeft img{
    width: 100%;
}

.pageFive .pageFiveCenter .pageFiveRight{
    float: left;
    margin-left: 60px;
    width: 400px;
    margin-top: 34px;
}


.pageFive .pageFiveCenter .pageFiveRight img{
    width: 100%;
}


/* 6 */
#youPage6 .pages{
    position: relative;
}
#youPage6 .pages div{
    width: 1200px;
    margin: 0 auto;
}
#youPage6 .pages p{
    width: 846px;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    padding-left: 72px;
    box-sizing: border-box;
}
#youPage6 .pages img{
    
}
#youPage6 .home_cnext{
    background: url(img/a42.png) center 0 no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 100px;
    top: 50%;
    margin-top: -24px;
    cursor: pointer;
}
#youPage6 .home_cprev{
    background: url(img/a43.png) center 0 no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    left: 100px;
    top: 50%;
    margin-top: -24px;
    cursor: pointer;
}
/* 7 */

#youPage7{
    width: 100%;
    height: 100%;
    background: url(img/a37.jpg) center 0 no-repeat;
    background-size: cover;
    position: relative;
}
#youPage7 .videoImg{
    width: 503px;
    position: absolute;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: -128px;
    cursor: pointer;
}

#youPage7 video{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}





/* 8 */

#youPage8{
    width: 100%;
    height: 100%;
    background: url(img/a34.jpg) center 0 no-repeat;
    background-size: cover;
}
.pageFafa{
    height: 100%;
    display: table;
    width: 1200px;
    margin: auto;
}
.pageFafa .pageFafaCenter{
    display: table-cell;
    vertical-align: middle;
}
.pageFafa .pageFafaCenter .pageFafaCenter_middle{
    width: 100%;
    position: relative;
}

.pageFafa .pageFafaCenter .pageFafaLogo{
    float: left;
    width: 100%;
}

.pageFafa .pageFafaCenter .pageFafaLogo img{
    width: 512px;
}   

.pageFafa .pageFafaCenter .pageFafatext{
    float: left;
    color: #fff;
    margin-top: 30px;
    line-height: 30px;
}
.pageFafa .pageFafaCenter .pageFafatext div{
    overflow: hidden;
    font-size: 16px;
}
.pageFafa .pageFafaCenter .pageFafatext span{
    float: left;
    display: block;
}
.pageFafa .pageFafaCenter .pageFafatext p{
    float: left;
    margin-left: 10px;
}

.pageFafa .pageFafaCenter .pageFafaweixin{
    position: absolute;
    right: 102px;
    bottom: 34px;
}
.pageFafa .pageFafaCenter .pageFafaweixin div{
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-top: 13px;
}
.pageFafa .pageFafaCenter .pageFafaweixin img{
    
}

@media (max-width:1670px){
    .pageOne {
        width: 1100px;
    }
    .pageOne .pageOneCenter .pageOneRight {
        width: 320px;
        height: 456px;
        margin-top: 15px;
    }
    .pageOne .pageOneCenter .pageOneLeft p {
        padding-top: 20px;
    }
    .p2parkinfo {
        width: 750px;
        margin-left: -375px;
    }
    .p2parkinfo img {
        margin-top: 10px;
        width: 700px;
    }
    .p2parkinfo p {
        line-height: 20px;
        width: 700px;
        margin:0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .pageThere .pageThereCenter .pageThereLogo {
        margin-top: 55px;
    }
    .pageThere .pageThereCenter .pageThereLeft {
        margin-top: 18px;
    }
    .pageThere .pageThereCenter .pageThereRight {
        margin-top: 50px;
        margin-right: 26px;
    }
    #youPage6 .pages div {
        width: 1000px;
        margin: 0 auto;
    }
    .pageFafa {
        width: 1050px;
    }
    .pageFafa .pageFafaCenter .pageFafaweixin {
        right: 90px;
        bottom: 20px;
    }
    #youPage6 .pages .pagesSlidetrue{
        padding-top: 36px!important;
    }
    .imgOne{
        margin-bottom: 20px!important;
    }

    .imgTwo{
        width: 588px!important;
    }

}

@media (max-width:1440px){
    .pageThere{
        width: 1100px;
    }
    .pageThere .pageThereCenter .pageThereLeft {
        width: 490px;
    }
    .pageThere .pageThereCenter .pageThereRight {
        margin-top: 31px;
        margin-right: 39px;
    }
    

}

@media (max-width:1024px){
    .pageOne{
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .pageOne .pageOneCenter .pageOneRight {
        display: none;
    }

    .pageOne .pageOneCenter .pageOneLeft {
        float: none;
        width: 100%;
        color: #fff;
        height: 100%;
        position: relative;
        left: 0;
        top: 0;
    }

    .pageOne .pageOneCenter .pageOneLeft p {
        padding-top: 17px;
    }
    
    .pageOne .pageOneCenter .pageOneLeft p {
        font-size: 12px;
        line-height: 26px;
        border-top: 1px solid rgba(255,255,255,0.4);
        margin-top: 11px;
        padding-top: 30px;
        box-sizing: border-box;
    }

    .pageOne .pageOneCenter .pageOneLeft img {
        width: 201px;
    }



    .pageThere{
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .pageThere .pageThereCenter .pageThereLogo {
        display: none;
    }

    .pageThere .pageThereCenter .pageThereLeft {
        margin-top: 0;
        width: 100%;
    }
    .pageThere .pageThereCenter .pageThereRight {
        display: none;
    }


    .pageFive {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .pageFive .pageFiveCenter .pageFiveLogo {
        display: none;
    }

    .pageFive .pageFiveCenter .pageFiveRight {
        margin-left: 0;
        width: 100%;
        margin-top: 31px;
        text-align: center;
    }

    .pageFive .pageFiveCenter .pageFiveRight img {
        width: 68%;
    }
    .pageFive .pageFiveCenter .pageFiveLeft {
        width: 100%;
        margin-top: 0;
    }

    #youPage2 .p2container .p2park.fullwidth .p2parkinfo{
        width: 0;
        overflow: hidden;
    }
    .p2parkinfoImg {
        width: 0;
        overflow: hidden;
    }
    #youPage2 .p2parksummary{
        width: 0;
        overflow: hidden;
    }

    .imgOne {
        display: none;
    }

    #youPage6 .pages div {
        width: 100%;
        margin: 0 auto;
    }

    .imgTwo {
        width: 100%!important;
        margin-top: 32%!important;
    }
    #youPage3 .parksummary {
        width: 0;
        overflow: hidden;
    }

    .parkinfo {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 1;
        display: none;
        left: 0;
        background: rgba(0,0,0,0.5);
        margin-left: 0;
        text-align: center;
    }
    .parkinfo img {
        display: none;
    }

    .parkinfo p {
        line-height: 26px;
        width: 100%;
        text-align: left;
        margin: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 12px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .parkinfoImg {
        right: 0;
    }


    #youPage7 video{
        object-fit: contain!important;
        background: #000;
    }

    #youPage7 .videoImg {
        width: 280px;
        left: 50%;
        margin-left: -140px;
        top: 59%;
        margin-top: -121px;
    }

    .pageFafa {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .pageFafa .pageFafaCenter .pageFafaLogo {
        float: left;
        width: 83%;
    }
    .pageFafa .pageFafaCenter .pageFafaLogo img {
        width: 100%;
    }
    .pageFafa .pageFafaCenter .pageFafatext {
        float: left;
        color: #fff;
        margin-top: 12px;
        line-height: 23px;
    }
    .pageFafa .pageFafaCenter .pageFafatext div {
        overflow: hidden;
        font-size: 13px;
    }
    .pageFafa .pageFafaCenter .pageFafaweixin {
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 17px;
        float: left;
        width: 100%;
    }
    .pageFafa .pageFafaCenter .pageFafaweixin img {
        width: 100px;
        margin: auto;
        display: block;
    }
    .slidecount {
        right: 10px;
    }


}