/*
#left-nav{left: 0; transition: all .8s ease;}
#left-nav span{left: 0; transition: all .8s ease;}
#left-nav span.active{left: 20px;}
*/

#fullpage .section5 .content .home-news{height: 400px;}

.news-items img{width: auto; height: 100%;}
.bestNews .banner .img-box.vertical-img{width: 290px; height: 400px;}
#fullpage .section5 .content .home-news .more-wrap{position: absolute; margin: auto; left: 50%; bottom: 0; transform: translate(-50%, 0);}
.logo{width: 192px; height: 119px; margin: -10px; background-image: none; transform: translate(0,0);}
.logo img{width: 100%; height: 100%;}


.club1 .zc, .club1 .ruhui, .club1 .qy{background-size: 35%;}

.bestNews .banner .img-box a{width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; color: #fff; background-color: rgba(0,0,0,.3);}
.bestNews .banner .zhezhao{background-color: transparent; width: 100%; height: 40px; padding: 0 0 15px 15px; margin-bottom: 10px; display: block; position: absolute; top: auto; bottom: 0; font-size: 16px; text-align: left;}

.bestNews .banner img{-webkit-filter: grayscale(80%); -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); filter: grayscale(80%); filter: grayscale; transition: all .3s ease;}
.bestNews .banner .active img, .bestNews .banner .img-box.vertical-img img{-webkit-filter: none; -moz-filter: none; -ms-filter: none; filter: none;}

.content-add .stage-box{transition: all .8s ease;}


.content img{width: 100%; height: 100%;}

body #fullpage .section .content{width: 1000px; height: 650px; position: relative;}

#fullpage .section2 .content, #fullpage .section4 .content{margin: 0;}
.about_title{width: 180px; height: 38px; margin: auto; margin-top: 145px; top: 0; background-image: none; left: 0; transform: translate(0,0);}
#fullpage .section2 .content .intro{width: 294px; height: 193px; margin: 65px auto; position: relative; top: 0; left: 0; transform: translate(0,0);}
.club1{position: relative; top: 0;}
.slogan1{position: relative; width: 512px; height: 298px; padding-top: 185px; margin: auto; margin-top: 0; background-image: none; left: 0; transform: translate(0,0);}
#fullpage .section1 .content .slogan-en2{position: relative; width: 329px; height: 50px; margin: 80px auto; left: 0; top: 0; transform: translate(0,0); background-image: none;}
.news_title{width: 99px; height: 38px; position: relative; margin: auto; margin-top: 145px; top: 0; background-image: none; left: 0; transform: translate(0,0);}
.bestNews{width: 830px; min-width: 0; height: 400px; top: 0; left: 0; margin: auto; margin-top: 50px; transform: translate(0,0);}
.bestNews .menu{position: absolute; left: -24px; top: -20px; margin: 0;}
.bestNews .banner{margin: 0;}
.member_title{width: 99px; height: 38px; position: relative; margin: auto; margin-top: 145px; top: 0; background-image: none; left: 0; transform: translate(0,0);}
.box{top: 0; width: 750px; margin-top: 50px;}
.content-add{margin: 0;}
.box .icon-right{right: -50px;}
.contact_title{width: 99px; height: 38px; position: relative; margin: auto; margin-top: 145px; top: 0; background-image: none; left: 0; transform: translate(0,0);}
#fullpage .section5 .content .home-news{height: auto; top: 0; margin: 0 auto;}
#fullpage .section5 .content .home-news #news-slick{height: 200px; position: relative; margin: 80px auto;}
#fullpage .section5 .content .home-news .more-wrap{position: relative; left: 0; transform: translate(0,0);}
#fullpage .section5 .content .home-news .news-items{height: 100%; width: 23%; left: 19%;}

.club{width: 174px; height: 110px; position: relative; margin: auto; left: 0; transform: translate(0,0); background-image: none;}
.club .login{width: 100%; height: 100%; position: absolute; top: 0;}

.club1 ul li a{transition: all .8s ease;}

.club .club-btn, .club .club-btn em{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.club .club-btn em{transition: all .8s ease;}
.club .club-btn.active em{transform: scale(0);}
.club .club-btn.active em:last-child{transform: scale(1.3);}

.club-btn.active em.b2{transform: scale(0) rotate(-45deg);}
.club-btn.active em.b4{transform: scale(0) rotate(45deg);}

.club img{max-width: 100%; max-height: 100%;}




@media screen and (min-height: 901px) and (min-width: 1441px){
    
    body #fullpage .section .content{width: 1300px; height: 900px;}
    
    .club{width: 218px; height: 138px;}
    
    #fullpage .section5 .content .home-news{width: 91%; height: 500px;}
    #fullpage .section5 .content .home-news #news-slick{height: 300px; margin: 120px 0;}
    
    .bestNews{width: 1050px; margin-top: 80px;}
    .bestNews .banner li{width: 1050px; height: 540px;}
    .bestNews .banner .img-box{width: 350px; height: 270px;}
    .bestNews .banner .img-box.vertical-img{width: 350px; height: 540px;}
    
    .box{width: 1050px; height: 540px; margin-top: 80px;}
    .box .icon-right{right: -50px;}
    .content-add{width: 1050px; height: 540px;}
    .content-add .stage-box{width: 1050px; height: 540px;}
    .content-add .stage-box .stage{width: 1050px; height: 540px;}
    .stage .content-section .sc-left{width: 350px;}
    .stage .content-section .sc-right{width: 350px; height: 270px;}
    .content-section .sc-left em img{width: 350px; height: 540px;}
    .content-section .sc-right em img{width: 350px; height: 270px;}
    
    .logo{width: 255px; height: 158px;;}
    .slogan1{width: 819px; height: 457px; padding-top: 275px; margin-top: 0;}
    #fullpage .section1 .content .slogan-en2{width: 526px; height: 80px; margin: 100px auto;}
    
    .about_title{width: 294px; height: 62px; margin-top: 195px;}
    #fullpage .section2 .content .intro{width: 471px; height: 309px; margin: 100px auto;}
    .news_title{width: 158px; height: 61px; margin-top: 195px;}
    .bestNews .menu li{font-size: 20px;}
    .member_title{width: 158px; height: 61px; margin-top: 195px;}
    .contact_title{width: 158px; height: 61px; margin-top: 195px;}
    
    
}

@media (max-width: 1024px){
    #left-nav{display: none;}
    .slogan1{height: 113px; margin-top: 185px; padding-top: 0;}
}



@media (max-width: 768px){
    body #fullpage .section .content{width: 100%; height: auto; margin: 0; top: 0;}
    .content img{width: auto; height: 100%;}
    
    .slogan1{width: 100%; height: 125px; padding-top: 0; margin-top: 320px;}
    #fullpage .section1 .content .slogan-en2{width: 100%; height: 61px; margin: 85px 0;}
    .club{width: 100%; height: 125px;}
    
    #fullpage .section2 .content .intro{width: 100%; height: 285px; margin: 60px 0;}
    .bg{width: 80%;}
    .club1 ul{width: 100%;}
    .club1 .ruhui, .club1 .qy, .club1 .zc{background-size: 72%; height: 130px;}
    .club1{width: 70%; left: 15%;}
    .club1 ul li a{width: 33%;}
    
    .logo{top: 5%; width: 100%; height: 180px; left: 0; text-align: center;}
    .logo img{width: auto; height: 100%;}
    .about_title{width: 100%; height: 60px; margin-top: 280px;}
    .news_title{width: 100%; height: 60px; margin-top: 280px; text-align: center;}
    .member_title{width: 100%; height: 60px; margin-top: 280px;}
    .contact_title{width: 100%; height: 60px; margin-top: 280px; text-align: center;}
    
    #fullpage .section5 .content .home-news .news-items:first-child, #fullpage .section5 .content .home-news .news-items:last-child{display: block; width: 40%;margin: 0 5%; float: left; left: 0;}
    .news-items img{width: 100%; height: auto;}
    #fullpage .section5 .content .home-news .more-wrap{width: 120%; bottom: auto; left: -10%;}
    
    
    .bestNews{width: 70%; min-width: 0; left: auto; z-index: 10; margin-top: 60px;}
    .bestNews .menu{float: none; position: relative; width: 100%; margin: auto; top: 0; left: 0;}
    .bestNews .menu li{float: left; width: 33.3333%; margin: 0;}
    .bestNews .banner{width: 100%; height: 600px; margin: auto;}
    .bestNews .banner li{width: 100%; height: 100%;}
    .bestNews .banner .img-box{width: 50%; height: 33.3334%;}
    .bestNews .banner .img-box.vertical-img{width: 50%; height: 66.6666%;}
    
    .box{width: 70%; height: 600px; margin-top: 60px;}
    .content-add{width: 100%; height: 100%; margin: auto;}
    .content-add .stage-box{width: 100%; height: 100%;}
    .content-add .stage-box .stage{width: 50%; height: 100%;}
    .stage .content-section{width: 100%;}
    .stage .content-section .sc-left{width: 50%; height: 66.6666%;}
    .stage .content-section .sc-right{width: 50%; height: 33.3334%;}
    .content-section em{width: 100%; height: 100%; left: 0}
    .content-section .sc-left em img, .content-section .sc-right em img{width: 100%; height: 100%;}
    .content-section h2{width: 100%;}
    .box b{top: auto; bottom: 115px;}
    .box .icon-left{left: 0;}
    .box .icon-right{right: 0;}
    .bestNews .banner .img-box:nth-child(4), .bestNews .banner .img-box:nth-child(5){display: none;}
    .stage .content-section div:nth-child(4), .stage .content-section div:nth-child(5){display: none;}
    
    #fullpage .section5 .content .home-news #news-slick{height: 285px; margin: 90px auto;}
    
    .club1 .zc:hover, .club1 .ruhui:hover, .club1 .qy:hover{background-size: 65%;}
}


@media (max-width: 414px){
    
    .logo{height: 115px;}
    .slogan1{height: 60px; margin-top: 200px;}
    #fullpage .section1 .content .slogan-en2{height: 50px; margin: 50px 0;}
    .club{height: 90px;}
    .about_title{height: 38px;}
    .about_title{height: 38px; margin-top: 165px;}
    .news_title{height: 38px; margin-top: 165px;}
    .member_title{height: 38px; margin-top: 165px;}
    .contact_title{height: 38px; margin-top: 165px;}
    
    #fullpage .section2 .content .intro{height: 180px; margin-top: 50px;}
    .club1{width: 80%; left: 10%;}
    .club1 .ruhui, .club1 .qy, .club1 .zc{height: 80px;}
    
    .bestNews{width: 90%; margin-top: 50px;}
    .bestNews .banner{width: 100%; height: 415px; margin: auto;}
    .box{width: 90%; height: 415px; margin-top: 50px;}
    .box b{bottom: 48px;}
    
    #fullpage .section5 .content .home-news .news-items:first-child, #fullpage .section5 .content .home-news .news-items:last-child{width: 45%; margin: 0 2.5%;}
    #fullpage .section5 .content .home-news #news-slick{height: 175px; margin: 40px auto;}
    
}

@media (max-width: 375px){
    .bestNews .banner, .box{height: 376px;}
}


@media (max-width: 360px){
    .logo{top: 2%;!imporent}
    #fullpage .section2 .content{margin-top: 128px;}
    #fullpage .section5 .content .home-news #news-slick{height: 135px; margin-top: 30px;}
    .about_title{margin-top: 130px;}
    .about_title{margin-top: 130px;}
    .news_title{margin-top: 130px;}
    .member_title{margin-top: 130px;}
    .contact_title{margin-top: 130px;}
    .slogan1{margin-top: 160px;}
    #fullpage .section1 .content .slogan-en2{height: 42px; margin: 40px 0;}
    #fullpage .section2 .content .intro{height: 160px; margin: 30px 0;}
    .bestNews{margin-top: 30px;}
    .box{margin-top: 30px;}
    .bestNews .banner, .box{height: 320px;}
    
    
    
    
    
    
    
    
    
    
}