﻿.index_content .scrollBtn{right:60px;bottom:37px;left:50%;margin-left:-16px;position:absolute;width:32px;height:16px;z-index:1;opacity:.8;cursor:pointer;-webkit-transition:all 1s cubic-bezier(0.76,.015,.41,1);-moz-transition:all 1s cubic-bezier(0.76,.015,.41,1);-o-transition:all 1s cubic-bezier(0.76,.015,.41,1);-ms-transition:all 1s cubic-bezier(0.76,.015,.41,1);transition:all 1s cubic-bezier(0.76,.015,.41,1);}
@media(min-width:1200px){.index_content .scrollBtn{bottom:30px;}}
@media screen and (max-width:768px){
    .index_content .scrollBtn{width: 16px;height:8px;}
    .index_content .scrollBtn svg{width: 16px;height:8px;display:none;}
}

.index_content .banner .swiper-container,.index_content .banner .section3-container{width:100%;height:100%}
.index_content .banner .swiper-container .swiper-slide,.index_content .banner .section3-container .swiper-slide{background:center/cover no-repeat}

.index_content .banner{position:relative}
.index_content .banner .swiper-slide-mobile{display:none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size:cover;background-position:center;}
.index_content .banner .swiper-slide{text-align:center;}
.index_content .banner .swiper-slide img{margin:0 auto;width:100%;}
@media screen and (max-width:768px){/* .index_content .banner{height:260px;} */.index_content .banner .swiper-slide-mobile{display:block;}}
@media screen and (min-width:769px) and (max-width:1024px){.index_content .banner{margin-bottom:60px;/* height:600px; */}}
@media screen and (min-width:1025px){.index_content .banner{margin-bottom:15px;/* height:870px; */}}

.index_content .banner .banner_btn{position:absolute;right:40px;bottom:60px;z-index:998}
.index_content .banner .banner_btn i{font-size:38px;color:#fff;cursor:pointer;margin-right:14px}
.index_content .banner .banner_btn i:hover{color:#000}
@media screen and (max-width:760px){
    .index_content .banner .banner_btn{right:5px;bottom:5px;}
    .index_content .banner .banner_btn i{font-size:24px;margin-right:10px;}
    .index_content .banner .banner_btn i:hover{color:#fff}
}
.index_content .banner .banner_text{width:100%;text-align:center;z-index:1;left: 0;color:#fff;text-shadow:2px 2px 5px #555;}
@media screen and (max-width:768px){
    .index_content .banner .banner_text p{font-size:40px}
    .index_content .banner .banner_text h2{font-size: 18px;}
    .index_content .banner .banner_text h3{font-size: 12px;}
}
@media screen and (min-width:769px) and (max-width:990px){.index_content .banner .banner_text p{font-size:60px}}
@media screen and (min-width:991px){.index_content .banner .banner_text p{font-size:80px}}
.index_content .banner .banner_text h1{text-align:center;font-family:Times New Roman;color:#fff}
@media screen and (max-width:768px){.index_content .banner .banner_text h1{font-size:30px}}
@media screen and (min-width:769px) and (max-width:990px){.index_content .banner .banner_text h1{font-size:50px}}
@media screen and (min-width:991px){.index_content .banner .banner_text h1{font-size:70px}}
.index_content .banner .banner_text div{background-image:url(../image/juxin.png);background-repeat:no-repeat;background-size:100% 100%}
@media screen and (max-width:768px){.index_content .banner .banner_text div{width:258px;height:158px}}
@media screen and (min-width:769px) and (max-width:990px){.index_content .banner .banner_text div{width:60%;height:290px}}
@media screen and (min-width:991px){.index_content .banner .banner_text div{width:482px;height:290px}}
.index_content .banner .banner_lText{position:absolute;left:40px;bottom:196px;-webkit-transform:rotate(90deg);transform:rotate(90deg);z-index:1;color:#fff}
@media screen and (max-width:768px){.index_content .banner .banner_lText{display:none}}
.index_content .banner .banner_lText:before{content:"";position:absolute;top:50%;left:90px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#fff;width:34px;height:1px}


.section1{padding:60px 0 50px;padding-left:47px;padding-right:47px;}
.video{text-align: center;position:relative;padding:30px 0 20px;}
.video>.icoPlay{position:absolute;top:50%;left:50%;margin:-68px 0px 0px -68px; cursor:pointer;}
.icoPlay:hover svg path,.icoPlay:hover svg polygon{stroke-width:1.5;}
.zc{width:100%;height:100%;position:fixed;z-index:1000;top:0;left:0;display:none;background-color: rgba(0,0,0,.7);}
.zc video{width:60%;height:auto;margin:5% 20%;}
.close{width:80px;height:30px;color:#fff;background-color:rgba(100,100,100,.5);position:absolute;right:20%;top:9%;margin:-3px 0;line-height:30px;text-align:center;cursor:pointer;}
.close:hover{background-color:rgba(200,200,200,.5);}
.section1 h2{font-size:36px;line-height:36px;letter-spacing:6px;}
@media only screen and (min-width: 320px) and (max-width: 1000px) {
    .section1{padding:10px 0 20px;}
    .zc{width:100%;height:100%;position:fixed;z-index:100;top:0;left:0;display:none;}
    .zc video{width:100%;height:auto;margin:50% 0 0 0;}
    .close{width:50px;height:20px;color:#fff;background-color:rgba(100,100,100,.5);position:absolute;right:0;top:0;margin:50% 0 0 0;line-height:20px;text-align:center;cursor:pointer;}
    .close:hover{background-color:rgba(200,200,200,.5);}
}

.section2{background-color: #0c1125;padding:140px 0;color: #fff;}
.section2 a{color: #fff;}
.section2>.row{max-width:1200px;position: relative;margin:0px auto;}
.section2>.row>.alignBottomLeft{text-align:right;position:absolute;bottom:0;left:0;}
.section2>ul{text-align: center;padding:80px 0 20px 0;}
.section2>ul>li{display: inline-block;font-size: 18px;padding:0 5px;overflow: hidden;}

.section3{position: relative;overflow: hidden;}
.section3 .item{color:#fff;padding:50px;display:block;height:100%;text-shadow:2px 2px 5px #555;}
.gradientTop{position:absolute;width:100%;height:100px;top:0;background:rgba(17,17,17,0);background:-webkit-linear-gradient(bottom,rgba(17,17,17,0) 0,#111 100%);background:linear-gradient(to top,rgba(17,17,17,0) 0,#111 100%);opacity: 0.34;}

.section4{padding-top:40px;padding-bottom:40px;padding-left:47px;padding-right:47px;background-color:#0d1226;color:#fff;}
.section4 a{color: #fff;}
@media (min-width:768px){.section4{padding-top:50px;padding-bottom:40px;}}
@media (min-width:1200px){.section4{padding-top:150px;padding-bottom:150px;}}
#homeNewsCarousel .swiper-slide img{max-width:unset;}


#homeNewsCarousel{padding:0 40px;overflow: hidden;position: relative;}
@media(min-width:768px){#homeNewsCarousel{padding:0 62px}}
@media(min-width:992px){#homeNewsCarousel{padding:0 120px}}
@media(max-width:767px){
    #homeNewsCarousel .swiper-slide{width:100%;background-color:#0d1226}
    #homeNewsCarousel .swiper-slide .txt h2{font-size:15px;line-height:19px;letter-spacing:2px;text-transform:none;font-weight:700}
    #homeNewsCarousel .swiper-slide .txt .subtitle{font-size:13px;line-height:16px}
    #homeNewsCarousel .swiper-slide .img{margin-top:30px}
    #homeNewsCarousel .swiper-slide .img img{position:relative;display:block;width:100%;max-width:100%;height:auto}
}
@media(min-width:768px){
    #homeNewsCarousel .swiper-slide{width:640px;overflow:hidden}
    #homeNewsCarousel .swiper-slide .txt{float:left;width:240px;padding-right:30px;text-align:right}
    #homeNewsCarousel .swiper-slide .txt h2{font-size:18px;line-height:21px;letter-spacing:2px;text-transform:none;font-weight:700}
    #homeNewsCarousel .swiper-slide .txt .subtitle{font-size:15px;line-height:18px}
    #homeNewsCarousel .swiper-slide .img{float:left;width:calc(100% - 240px);height:350px;margin-top:0;margin-left:240px;overflow:hidden}
    #homeNewsCarousel .swiper-slide .img img{height:350px}
    #homeNewsCarousel .swiper-slide .img .gradientRight{opacity:1;-webkit-transition:opacity 1s cubic-bezier(0.76,.015,.41,1);-moz-transition:opacity 1s cubic-bezier(0.76,.015,.41,1);-o-transition:opacity 1s cubic-bezier(0.76,.015,.41,1);-ms-transition:opacity 1s cubic-bezier(0.76,.015,.41,1);transition:opacity 1s cubic-bezier(0.76,.015,.41,1)}
}
@media(min-width:992px){
    #homeNewsCarousel .swiper-slide{width:450px;-webkit-transition:width 1s cubic-bezier(0.76,.015,.41,1);-moz-transition:width 1s cubic-bezier(0.76,.015,.41,1);-o-transition:width 1s cubic-bezier(0.76,.015,.41,1);-ms-transition:width 1s cubic-bezier(0.76,.015,.41,1);transition:width 1s cubic-bezier(0.76,.015,.41,1)}
    #homeNewsCarousel .swiper-slide .img{height:400px}
    #homeNewsCarousel .swiper-slide .img img{height:400px}
    #homeNewsCarousel .swiper-slide:hover{width:700px !important}
    #homeNewsCarousel .swiper-slide:hover .img .gradientRight{opacity:0}
}

#homeNewsCarousel .carousel-button{position:absolute;height:100%;width:40px;top:0;z-index:10}
@media(min-width:768px){#homeNewsCarousel .carousel-button{width:60px}}
@media(min-width:992px){#homeNewsCarousel .carousel-button{width:120px}}
#homeNewsCarousel .carousel-button svg{position:absolute;top:50%;margin-top:-8px;cursor:pointer;-webkit-transition:all .5s cubic-bezier(0.76,.015,.41,1);-moz-transition:all .5s cubic-bezier(0.76,.015,.41,1);-o-transition:all .5s cubic-bezier(0.76,.015,.41,1);-ms-transition:all .5s cubic-bezier(0.76,.015,.41,1);transition:all .5s cubic-bezier(0.76,.015,.41,1)}
svg.arrow.left{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
svg.arrow.right{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
#homeNewsCarousel .carousel-button:hover svg{stroke-width:2}
#homeNewsCarousel .carousel-button-prev{left:0;background:rgba(17,17,17,0);background:-webkit-linear-gradient(right,rgba(17,17,17,0) 0,#0d1226 40%);background:linear-gradient(to left,rgba(17,17,17,0) 0,#0d1226 40%)}
@media(max-width:767px){#homeNewsCarousel .carousel-button-prev svg{left:5px}}
@media(min-width:768px){#homeNewsCarousel .carousel-button-prev svg{left:34px}}
@media(min-width:992px){#homeNewsCarousel .carousel-button-prev svg{left:62px}}
@media(min-width:992px){#homeNewsCarousel .carousel-button-prev:hover svg{left:56px}}
#homeNewsCarousel .carousel-button-next{right:0;background:rgba(17,17,17,0);background:-webkit-linear-gradient(left,rgba(17,17,17,0) 0,#0d1226 40%);background:linear-gradient(to right,rgba(17,17,17,0) 0,#0d1226 40%)}
@media(max-width:767px){#homeNewsCarousel .carousel-button-next svg{right:5px}}
@media(min-width:768px){#homeNewsCarousel .carousel-button-next svg{right:34px}}
@media(min-width:992px){#homeNewsCarousel .carousel-button-next svg{right:62px}}
@media(min-width:992px){#homeNewsCarousel .carousel-button-next:hover svg{right:56px}}

.section5>.row{max-width:1400px;position: relative;margin:0px auto 50px auto;}
.section5>.row>.content_l{text-align: right;}
.section5>.row>.content_l>img{top: -30px;position:relative;}
.section5>.row>.content_r{padding-top: 10%;padding-left: 10%;}
.section5>.row>.content_r>h1{letter-spacing:20px;font-size:54px;font-style:italic;}
.section5>.row>.content_r>a{background-color: #0c1025;color: #fff;display: inline-block;padding: 20px 40px;}


@media screen and (max-width:768px){
    .section1{padding-left:15px;padding-right:15px;}
    .video>.icoPlay>svg{width:80px;height:80px;}
    .video>.icoPlay{margin:-40px 0px 0px -40px;}
    .section1 h2{font-size:18px;letter-spacing:0px;}

    .section2{padding:20px 0;}
    .section2>.row>.alignBottomLeft{text-shadow:5px 2px 6px #000;padding:0 25px;text-align: left;position: unset;margin-top: 30px;}
    .section2>ul{padding:20px 0;}
    .section2>ul>li{font-size: 14px;padding:0 2px;}
    .section2 h2{font-size:24px;}

    .section3 .item{padding:20px;}
    .section3 h2{font-size:14px;text-align:center;}

    .section4{padding-left:15px;padding-right:15px;}

    .section5>.row>.content_l>img{top:15px;}
    .section5>.row>.content_r{padding-top: 0;}
    .section5>.row>.content_r>h1{letter-spacing:10px;font-size:40px;}
}
