#banner .swiper-slide{

    /* height: 800px; */

    width: 100%;

    background-size: 100% auto;

    position: relative;

    background-repeat: no-repeat;

}

#banner2{

    display: none;

}

@media(max-width:768px){

    #banner2{

        display: block;

    }

    #banner{

        display: none;

    }

    #banner2 .swiper-slide{

        height: 600px;

        background-size: auto auto;

        background-position: center;

    }

}



@media(max-width:960px){

    

    .swiper-pagination,.swiper-button-next,.swiper-button-prev{

        display: none;

    }

}



#banner .swiper-pagination-bullet{

    width: 141px;

    border-radius: 0;

    background-color: #fff;

    opacity:1;

    height: 2px;

}



#banner .swiper-pagination-bullet-active{

    background-color: #ffd700;

    height: 2px;

}



#banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{

    right: 200px;

    color: #dcdddd;

}



#banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{

    left: 200px;

    color: #dcdddd;

}



#banner .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover{

    color: #ffd700;

}



#banner .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover{

    color: #ffd700;

}











.con-rel{

    position: relative;

}



.banner-text,.banner-text2,.banner-text3{

    position: absolute;

    top: 130px;

    left: 0px;

}





#mob-free{

    display: none;

}



@media(max-width:1440px){

    .banner-text,.banner-text2,.banner-text3{

        top: 90px;

    }

}



.banner-text p{

    color: #ffd700;

    font-size: 22px;

}



.banner-text div:nth-child(2){

    color: #2e2e2e;

    font-size: 35px;

    letter-spacing: 5px;

}



.banner-text div:nth-child(3){

    color: #2e2e2e;

    font-size: 20px;

    letter-spacing: 2px;

}



.banner-text a{

    /* background-color: #ffd700; */

    padding: 1px 10px;

    font-size: 16px;

    letter-spacing: 3.8px;

    color: #2e2e2e;

    border-radius: 30px;

    display: block;

    /* width: 113px; */

    margin-top: 50px;

}



.banner-text2 div{

    font-size: 35px;

    letter-spacing: 5px;

    color: #2e2e2e;

}



.banner-text2 p{

    font-size: 20px;

    letter-spacing: 1px;

    color: #2e2e2e;

    padding-top: 5px;

}



.banner-text2 a{

    font-size: 16px;

    letter-spacing: 3.8px;

    color: #2e2e2e;

    display: block;

    margin-top: 40px;

}



.banner-text3 div{

    font-size: 40px;

    color: #fff;

    padding-top: 10px;

}



.banner-text3 a{

    font-size: 16px;

    letter-spacing: 3.8px;

    color: #fff;

    display: block;

    margin-top: 80px;

}









@media(max-width:1200px){

    .banner-text,.banner-text2,.banner-text3{

        top: 90px;

    }

}



@media(max-width:990px){

    .banner-text,.banner-text2,.banner-text3{

        top: 40px;

    }

    .banner-text p {

        font-size: 20px;

    }

    .banner-text div:nth-child(2) {

        font-size: 30px;

        letter-spacing: 3px;

    }

    .banner-text div:nth-child(3) {

        font-size: 18px;

    }

    .banner-text a {



        font-size: 16px;



        margin-top: 30px;

    }

    .banner-text2 a {

        font-size: 16px;



        margin-top: 35px;

    }

    .banner-text2 p {

        font-size: 18px;

    }

    .banner-text2 div {

        font-size: 30px;

    }

    .banner-text3 a {

        font-size: 16px;



        margin-top: 50px;

    }

    .banner-text3 div {

        font-size: 30px;

        padding-top: 10px;

    }

}



@media(max-width:768px){

    .banner-text,.banner-text2,.banner-text3{

        top: 20px;

        left: 15px;

    }

    #video1{

        height: auto;

    }

    .pc-none{

        display: none;

    }

    #mob-free{

        display: block;

    }

}





@media(max-width:521px){

    .banner-text p {

        font-size: 18px;

    }

    .banner-text div:nth-child(2) {

        font-size: 20px;

    }

    .banner-text div:nth-child(3) {

        font-size: 14px;

    }

    .banner-text a {

        margin-top: 25px;

    }

    .banner-text2 div {

        font-size: 18px;

    }

    .banner-text2 p {

        font-size: 14px;

    }

    .banner-text2 a {

        margin-top: 20px;

    }

    .banner-text3 div {

        font-size: 25px;

    }

    .banner-text3 a {

        margin-top: 30px;

    }

}





.popup-video{ position: fixed;width: 100%;height: 100%;left: 0;top: -100%;-webkit-transition:.3s;-moz-transition:.3s; -ms-transition:.3s;-o-transition:.3s;transition:.3s;z-index: 9999;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;opacity: 0; z-index:99999999999;}



.popup-video .video-bg{position: absolute;left: 0;top: 0; width: 100%; height: 100%;background-color: rgba(0, 0, 0, .6);}



.popup-video .video-close{position: absolute; right: 20px;top: 70px;width: 50px;height: 50px;background: url(../images/close.png) center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;cursor: pointer;z-index: 999999999999;}



.popup-video video {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);width: 100%;height: 100%;}



.popup-video.open {top: 0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity: 1;}





























@media(min-width:1400px){

    .index-video.container{

        width: 1380px;

    }

    

    #video1{

        height: 790px;

    }

    

}



@media(min-width:996px)and(max-width:1399px){

    .index-video.container{

        width: 1170px;

    }  

    .index-video .maoboli{

        height: 543px;

    }

}



.index-video{

    margin: 100px auto;

    position: relative;

    overflow: hidden;

}



.container.index-video{

    padding: 0;

}





.index-video:hover .maoboli{

    left: 0;

    padding-left: 60px;

    padding-top: 120px;

}



.index-video:hover .mao-line,

.index-video:hover .mao-title,

.index-video:hover .mao-desc,

.index-video:hover .mao-cont,

.index-video:hover .mao-bofang{

    left: 60px;

}





.index-video .maoboli{

    height: 774px;

    position: absolute;

    width: 525px;

    background-color: rgba(46, 46, 46, .5);

    left: -525px;

    transition: .5s linear;

    top: 0px;

}



.index-video .mao-line{

    height: 8px;

    width: 46px;

    background-color: #ffd700;

    position: absolute;

    left: -1000px;

    top: 158px;

    transition: .9s linear;

}



.index-video .mao-title{

    font-size: 35px;

    color: #fff;

    letter-spacing: 5px;

    line-height: 60px;

    position: absolute;

    left: -800px;

    transition: .9s linear;

    top: 188px;

}



.index-video .mao-desc{

    font-size: 20px;

    color: #fff;

    left: -1500px;

    transition: 1.2s linear;

    position: absolute;

    top: 250px;

}



.index-video .mao-cont{

    padding-top: 100px;

    font-size: 20px;

    color: #fff;

    left: -1000px;

    transition: 1.5s linear;

    position: absolute;

    top: 368px;

}



.index-video .mao-bofang{

    font-size: 15px;

    padding-top: 280px;

    left: -1000px;

    transition: 1.8s linear;

    position: absolute;

    bottom: 70px;

    z-index: 9999;

}



.index-video .mao-bofang a{

    color: #fff;

    text-decoration: none;

}

@media(max-width:1200px){

    .index-video .maoboli{

        height: 544px;

        top: 0px;

    }

    .index-video .mao-cont{

        top: 300px;

    }

}



@media(max-width:996px){

    .index-video:hover .maoboli{

        height: 215px;

        padding: 15px;

        padding-top: 20px;

        padding-left: 20px;

        width: 100%;

    }

    .mao-cont,.mao-bofang{

        padding: 0;

        padding-top: 20px;

    }

    .index-video{

        margin: 20px auto;

    }

}



@media(max-width:996px){

    .index-video:hover .maoboli{

        height: 543px;

    }

    .index-video .maoboli{

        top: 0px;

    }

    .index-video .mao-cont {

        top: 130px;

    }

    #video1{

        height: auto;

    }

    .index-video .mao-line{

        top: 50px;

    }

    .index-video .mao-title{

        top: 55px;

    }

    .index-video .mao-desc{

        top: 110px;

    }

}



@media(max-width:512px){

    .index-video:hover .mao-line,

    .index-video:hover .mao-title,

    .index-video:hover .mao-desc,

    .index-video:hover .mao-cont,

    .index-video:hover .mao-bofang{

        left: 20px;

    }

    .index-video .mao-line{

        top: 15px;

    }

    

    .index-video .mao-title{

        top: 10px;

        font-size: 20px;

        letter-spacing: 1px;

    }



    .index-video .mao-desc{

        top: 50px;

        font-size: 12px;

    }



    .index-video .mao-cont{

        top: 0px;

        font-size: 14px;

    }

    .index-video .mao-bofang{

        bottom: 60px;

        font-size: 12px;

    }



    .index-video .maoboli{

        top: 0;

    }

    

}











.mao-line{

    height: 8px;

    width: 46px;

    background-color: #ffd700;

}



.container.mokuai{

    padding: 0;

}



.mokuai-img{

    overflow: hidden;

}



.mokuai .col-md-6:hover img{

    transform: scale(1.1);

}



.mokuai .col-md-4:hover img{

    transform: scale(1.1);

}



.mokuai-img img{

    transition: 1s;

}



.mokuai-line{

    margin-top: 20px;

    transition: 1s;

}



.mokuai-title{

    font-weight: bold;

    font-size: 22px;

    line-height: 40px;

}



.mokuai-desc{

    font-size: 15px;

    color: #2e2e2e;

    padding-bottom: 50px;

}



.mokuai-all a{

    color: #2e2e2e;

    text-decoration: none;

}





@media(max-width:1440px){

    .container.mokuai{

        padding: 15px;

    }

}



@media(min-width:1440px){

    .container.mokuai{

        width: 1380px;

    }

}















#mob-free.swiper-container {

    width: 100%;

    height: 100%;

}

#mob-free .swiper-slide {

    width: 70%;

}























.container.news{

    padding: 0;

}



.news-all{

    padding: 60px 0;

    padding-bottom: 120px;

}



.news-all a{

    text-decoration: none;

    color: #2e2e2e;

}

.news-left-img video{
	width:675px;
	height:395px;
	}

.news-left-con{

    margin-top: -25px;

    height: 204px;

    letter-spacing: 1px;

    padding: 30px 80px 30px 80px;

    background-color: #f7f8f8;

}



.news-left-con span:first-child{

    background-color: #ffd700;

    padding: 0 5px;

    font-size: 20px;

    border-radius: 20px;

}



.news-left-con span:nth-child(2){

    font-size: 20px;

    padding-left: 15px;

    color: #2e2e2e;

}



.news-left-con div{

    font-size: 22px;

    padding: 15px 0;

    color: #2e2e2e;

    font-weight: bold;

}



.news-left-con .news-more{

    color: #ffd700;

    letter-spacing: 5px;

    text-decoration: none;

    font-size: 16px;

}



.news-right{

    padding-left: 150px;

}



.news-right-top{

    display: flex;

    justify-content: space-between;

}



.news-right-top span{

    font-size: 22px;

    font-weight: bold;

    color: #2e2e2e;

}



.news-right-top a{

    color: #ffd700;

    letter-spacing: 5px;

    text-decoration: none;

    font-size: 16px;

}



.news-right-con ul li{

    padding-top: 60px;

    width: 65%;

}



.news-right-con ul li div:first-child{

    display: flex;

    align-items: center;

}



.news-right-con ul li div:first-child span:first-child{

    display: block;

    width: 6px;

    height: 15px;

    background-color: #ffd700;

}



.news-right-con ul li div:first-child span:nth-child(2),.news-right-con ul li div:first-child span:nth-child(3){

    display: block;

    padding: 0 5px;

    font-size: 15px;

    color: #2e2e2e;

}



.news-right-con ul li div:last-child{

    font-size: 18px;

    color: #2e2e2e;

    line-height: 30px;

    letter-spacing: 1px;

    padding-top: 5px;

    font-weight: bold;

}





@media(max-width:1440px){
.news-left-img video{
	width:100%;
	height:auto;
	}
    .container.news{

        padding: 15px;

    }

    .news-right{

        padding-left: 15px;

        padding-top: 15px;

    }

    .news-right-con ul li{

        width: 100%;

    }

}





@media(min-width:1440px){  

    .container.news{

        width: 1380px;

    }

}





@media(max-width:512px){

    .mokuai-title{

        font-size: 18px;

    }

    .mokuai-desc{

        font-size: 14px;

        padding-bottom: 10px;

    }

    .news-all{

        padding: 10px 0;

    }

    .news-left-con div{

        font-size: 18px;

    }

    .news-left-con span:first-child,.news-left-con span:nth-child(2){

        font-size: 14px;

    }

    .fb-left a {

        padding: 0 10px;

    }

    .news-left-con {

        padding: 30px;

    }

}