.section2{
   
    background:url(../images/piqsels.com-id-frfsx.jpg)center top no-repeat;
    background-size: cover;
}
.section1{
    background: url(
https://www.zhongkekuntai.com/uploads/images/banner/1632790451.jpg
    ) center top no-repeat;background-size: cover;
  
}
.section3{
    background: url(../images/piqsels.com-id-zwrhj.jpg) center top no-repeat;
    background-size: cover;
}

.section4{
    background: url(../images/piqsels.com-id-zwrhj.jpg) center top no-repeat;
    background-size: cover;
}

.swiper-container{
    height: 100% ;
}
.swiper-container img{
    /* height: 100% ; */
    height: 100wh;
    background-size: cover;
}
    /* 轮播图按钮 */
.swiper-pagination{
    bottom: 5%;
    left: 110px;
    width: 130px;
    text-align: left;
    color: #fff;
    font-size: 24px;
    font-family: 'BEBAS';
}
.swiper-pagination-current{
    font-size: 80px;
    font-family: 'BEBAS';
}

@font-face {
    font-family: BEBAS; 
    src: url(../font/BEBAS-1.ttf) ;
}
.s1{
     background: url("https://www.zhongkekuntai.com/uploads/images/banner/1632790451.jpg") center top no-repeat;
     background-size: cover;
     height: 100%;
     width: 100%;
}
.s2{
     background: url("https://www.zhongkekuntai.com/uploads/images/banner/1632905232.jpg") center top no-repeat;
     background-size: cover;
     height: 100%;
     width: 100%;
}
.s4{
     background: url("../images/piqsels.com-id-flzbl.jpg") center top no-repeat;
     background-size: cover;
     height: 100%;
     width: 100%;
}
.s5{
     background: url("../images/piqsels.com-id-jjjxi.jpg") center top no-repeat;
     background-size: cover;
     height: 100%;
     width: 100%;
}
.s6{
     background: url("../images/piqsels.com-id-jsanr.jpg") center top no-repeat;
     background-size: cover;
     height: 100%;
     width: 100%;
}
.s3{
     background: url("https://www.zhongkekuntai.com/uploads/images/pg_4.jpg") center top no-repeat;
     background-size: cover;
     height: 100%;
     width: 100%;
}
.title1{
    position: absolute;
    top: 25%;
    left:-130px;
    width: 100%;
    text-align: right;
    color: #fff;
}
.title2{
    position: absolute;
    top: 35%;
    left:6%;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 24px;
}
.title2>.titele2Ul{
   margin-top: 50px;
}
.title2 >.titele2Ul li{
    display: inline-block;
    padding: 0 30px;
    font-size: 20px;
    text-align: center;
    position: relative;
}
.title2 >.titele2Ul li:first-child{
    padding-left: 0;
}
.title2 >.titele2Ul li a{
    text-decoration:none;
    color:#fff;
    display: block;
    transition: all 0.3s;
}
.title2 >.titele2Ul li a:hover{
    text-decoration:none;
    color:red;
    display: block;
    transition: all 0.3s;
}

.title4{
     position: relative;
    right:43%;
    width: 100%;
    text-align: right;
    color: #fff;
    padding-top: 7%;
}
.title1 strong {
    font-size: 80px;
    line-height: 80px;
    font-family: 'BEBAS';
}
.title2 strong{
    font-size: 60px;
    line-height: 60px;
    font-family: 'BEBAS'
}


.title4 strong {
    font-size: 60px;
    line-height: 60px;
    font-family: 'BEBAS';
}
.title1 span {
    display: block;
    margin: 10px 0;
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 36px;
}
.title2 span{
    display: block;
}
.title4 span {
    display: block;
    margin: 8px 40px;
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 36px;
}
.title1 i {
    width: 20px;
    height: 20px;
    background: #9c1d22;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}
.title1 i::after{
    content: '';
    display:inline-block;
     width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    right: 0;
    opacity: 0;
    top: 0;
    z-index: 2;
    /* 调用动画 */
    /* animation-timing-function: ease; */
    -webkit-animation: mymove 1s  forwards; /* Chrome, Safari, Opera */
    /* 持续时间 */
    animation: mymove 1s   forwards;
    animation-delay: 1s;
}
.title2 p{
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    margin-top: 40px;
    display: block;
    width: 600px;
    height: 120px;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
   from {
        right:0px;
        opacity: 0;
    }
    
    to {right: 18px;opacity: 1;}
}

/* Standard syntax */
@keyframes mymove {
    from {
        right:0px;
        opacity: 0;
    }
    
    to {right: 18px;opacity: 1;}
}



/* 第四个轮播图 */
.container4{
    width: 100%;
    height: 500px;
}

.container4 .slide1{
    background: url(../images/11.png)center top no-repeat;background-size: 700px 420px;
}
.container4 .slide2{
   
    background: url(../images/12.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide3{
    background: url(../images/13.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide4{
    background: url(../images/14.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide5{
    background: url(../images/15.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide6{
    background: url(../images/16.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide7{
    background: url(../images/17.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide8{
    background: url(../images/18.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide9{
    background: url(../images/19.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide10{
    background: url(../images/20.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide11{
    background: url(../images/21.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide12{
    background: url(../images/22.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide13{
    background: url(../images/23.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide7{
    background: url(../images/24.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide14{
    background: url(../images/25.png)center top no-repeat;background-size: 700px 420px;   
}
.container4 .slide15{
    background: url(../images/26.png)center top no-repeat;background-size: 700px 420px;   
}

#fp-nav{
    left: 20px;
    margin: 10 !important;
    width: 10px;
}

#fp-nav ul {
    margin: 0;
    padding: 0;
}
#fp-nav ul li {
    margin: 0;
    margin-bottom: 30px;
    width: 24px;
    height: 24px;
     display: block;
    position: relative;
}
#fp-nav ul li a.active:after{
    background: #d61920;
}
#fp-nav ul li a.active span {
    right: 0;
    opacity: 1;
    width: 50%;
    height: 100%;
    margin: 0;
    border-radius: 0;
}
#fp-nav ul li a:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    transition: all 0.3s;
}
#fp-nav ul li a span {
    width: 50%;
    height: 100%;
    background: transparent;
    position: absolute;
    left: auto;
    right: -10px;
    top: 0;
    border-radius: 0;
    overflow: hidden;
    margin: 0;
    opacity: 0;
    transition: all 0.5s;
}
#fp-nav ul li a span:after{
    content: '';
    width: 200%;
    height: 100%;
    border-radius:30%;
    border: 1px solid rgb(255, 89, 0);
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box;
}



 #t2 {
        width: 100%;
        height: 100vh;
      }
      #t1 {
        width: 100%;
        height: 100vh;
        /* background: yellow; */
        position: absolute;
        top: 0;
        background-color: transparent;
        
      }
      .yewu {
        position: relative;
      }
       #t1 .swiper-slide:nth-child(2n) {
        background: rgba(0, 0, 0, 0.1);
      }
      #t1 .swiper-slide:nth-child(2n-1) {
        background: rgba(0, 0, 0, 0.2);
      }
      .s11 {
        background: url(../images/p1.png) center center no-repeat;
        background-size: cover;
        height: 100%;
      }
      .s22 {
        background: url(../images/p2.png) center center no-repeat;
        background-size: cover;
         height: 100%;
      }
      .s33 {
        background: url(../images/p3.png) center center no-repeat;
         background-size: cover;
         height: 100%;
      }
      .s44 {
        background: url(../images/p4.png) center center no-repeat;
         background-size: cover;
         height: 100%;
      }
      .s55 {
        background: url(../images/p5.png) center center no-repeat;
        background-size: cover;
         height: 100%;
      }
       .s66 {
        background: url(../images/p6.png) center center no-repeat;
        background-size: cover;
         height: 100%;
      }


.yewu_yuan {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 26%;
    z-index: 10;
    pointer-events: none;
}
.yuan_xu {
    padding-top: 100%;
    width: 100%;
}
.ani-zhuan.cur {
    transform: rotateY(0deg);
    opacity: 1;
    pointer-events: none;
    transition-delay: 0.5s;
}
.yewu_yuan .s_biao {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 99;
}
.ani-in2.cur {
    opacity: 1;
    pointer-events: none;
    transition-delay: 0.5s;
}
.s_biao {
    color: #fff;
    font-size: 24px;
}
.yuan_xu:before {
    content: '';
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: -7px;
    left: calc(50% - 12px);
}

.yuan_xu i {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: -7px;
    top: calc(50% - 7px);
}
.yuan_xu:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1px dashed #fff;
    border-top-color: transparent;
    transform: rotate(-45deg);
}

.s_biao span {
    font-size: 60px;
    font-family: 'BEBAS';
    display: block;
}


.ani-up.cur {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0.5s;
}
.syw_text {
    color: #fff;
    position: absolute;
    bottom: 7%;
    width: 70%;
    left: 15%;
    z-index: 2;
}
.syw_text strong {
    font-family: 'BEBAS';
    font-size: 24px;
}
b, strong {
    font-weight: 700;
}
.syw_text span {
    display: block;
    font-size: 24px;
    margin: 25px 0;
}
#t1 .swiper-slide:nth-child(2n):hover {
    background: rgba(0, 0, 0,0.5);
}
#t1 .swiper-slide:nth-child(2n-1):hover {
    background: rgba(0, 0, 0,0.5);
}

.navbar-default .navbar-nav > li > a {
    color: blue;
}
.navbar-default .navbar-nav > li > a:hover {
    color:#fff;
}
@media screen and (max-width:760px){
    .container4 .slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,
    .slide8,.slide9,.slide10,.slide11,.slide12,.slide13,.slide14,.slide15,.slide16 {
    background-size: 320px 420px !important;}


.section .container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
}
.title1 {
    position: absolute;
    top: 25%;
    left: -10px;
    width: 100%;
    text-align: right;
    color: #fff;
}

.title1 strong {
    font-size: 24px;
    line-height: 36px;
    font-family: 'BEBAS';
}

   .title1 span{
    font-size: 14px;
    line-height: 24px;
    display: block;
    margin: 10px 0;
    margin-bottom: 30px;
} 
.swiper-pagination {
    bottom: 5%;
    left: 20px;
    width: 130px;
    text-align: left;
    color: #fff;
    font-size: 14px;
    font-family: 'BEBAS';
}
.swiper-pagination-current {
    font-size: 24px;
    font-family: 'BEBAS';
}
#fp-nav {
    left: 5px;
    margin: 8 !important;
    width: 5px;
}
.title2 {
    position: absolute;
    top: 30%;
    left: 7%;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 24px;
}
.title2 strong {
    font-size: 24px;
    line-height: 60px;
    font-family: 'BEBAS';
}
.title2 span {
    font-size: 18px;

    display: block;
}
.title2 p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin:10px 10px 10px 0;
    display: block;
    width: 40rem;
    height: 120px;
    max-width: 330px;

}
.title2>.titele2Ul {
    margin-top: 20px;
}
.title2 >.titele2Ul li {
    display: inline-block;
    padding: 0 30px;
    font-size: 14px;
    text-align: center;
    position: relative;
}
.title2 span {
    font-size: 14px;
    display: block;
}
.s_biao span {
    font-size:14px;
    font-family: 'BEBAS';
    display: block;
}

.title4 strong {
    font-size: 24px;
    line-height: 24px;
    font-family: 'BEBAS';
}
.title4 span {
    display: block;
    margin: 8px 8px;
    margin-bottom: 30px;
    font-size:18px;
    line-height: 24px;
}


}