/*
index-style
*/


.top-kvarea{width:100%;height:890px;position:relative;background-position:center;background-image:url('../img/index/kv.jpg');display:flex;align-items:center;padding-left:7.8%;z-index:0;overflow:hidden;}

.top-kvarea h1{color:#fff;font-size:59px;font-weight:900;line-height:1.2;z-index:2;text-shadow:0px 0px 5px rgba(0,0,0,0.9);top: 200px; right: 8vw;position:absolute;}
.top-kvarea video source {width:100%;height:auto;display:block;}
.top-kvarea video{position:absolute;z-index:1;width:100%;height:auto;display:block;
    top: 50%;                    
    left: 50%;                  
    transform: translateY(-50%) translateX(-50%); 
}

.kvword{
    animation: fade 1.5s ease-in forwards;
  }
  @keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
@media screen and (min-width:1921px){
    .top-kvarea{background-size:100% auto;}
    .top-kvarea video source{height:100%;width:auto;}
    
}
@media screen and (max-width:1599px){
    
    .top-kvarea video{height:100%;width:auto;}
}
@media screen and (max-width:1199px){
    .top-kvarea{padding-left:0;text-align:center;}
    .top-kvarea h1{font-size:6vw;text-align:left;display:inline-block;margin:0 auto; position:static;}
    
}
@media screen and (max-width:1024px){
    .top-kvarea{height:90vh}
}

.top-section1 h2.firstbig span:nth-child(1){font-size:50px;color:#0c4faf;}

.top-section1{margin-top:75px;padding-top:75px}
.top-section1 .inner1200{display:flex;justify-content:center;align-items:flex-start;max-width:760px;}
.top-section1 .inner1200 div:nth-child(1){width:45%;display:flex;justify-content:center;align-items:flex-start;}
.top-section1 .inner1200 div:nth-child(2){width:55%;}
.top-section1 .inner1200 div:nth-child(1) img{width:60%;max-width:300px;height:auto;}
.top-section1 .inner1200 div:nth-child(2) h2{border-bottom:1px solid #0c4faf;margin-bottom:15px;line-height:1.6;font-size:35px;font-weight:bold;padding-left:20px;padding-right:20px;padding-bottom:15px}
.top-section1 .inner1200 div:nth-child(2) p{padding-left:20px;padding-right:20px;font-size:20px}

@media screen and (max-width:780px){
.top-section1{margin-top:40px;padding-top:40px}
.top-section1 .inner1200{display:block;}
.top-section1 .inner1200 div:nth-child(1){width:100%;max-width:500px;margin:0 auto;margin-bottom:40px;}
.top-section1 .inner1200 div:nth-child(2){width:100%;max-width:500px;margin:0 auto;}
.top-section1 .inner1200 div:nth-child(2) h2{text-align:center;font-size:27px}
.top-section1 .inner1200 div:nth-child(2) p{font-size:18px;padding-right:10px;padding-left:10px}

}


.swiper-wrapper div img{width:100%}


.top-section2-4box-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;}
.top-section2-4box{width:48%;background:#f0f3f8;border-radius:20px;margin-bottom:40px;padding:15px;}
.top-section2-4box img{width:100%;border-radius:15px;margin-bottom:20px;}
.top-section2-4box > div{}
.top-section2-4box > div > div{display:flex;width:100%;}
.top-section2-4box > div > div > span{display:block;font-family: "Oswald", serif;font-weight:700;font-size:88px;margin-right:20px;}
.top-section2-4box > div > div > div{padding-top:15px}
.top-section2-4box > div > div > div > span{display:block;font-family: "Oswald", serif;font-weight:500;margin-right:20px;margin-bottom:10px}
.top-section2-4box > div > div > div h3{color:#0c4faf;font-size:35px;font-weight:bold;}
.top-section2-4box > div > p{margin-top:30px;margin-bottom:20px}
.top-section2-4box > a{display:flex;width:100px;height:100px;border-radius:50px;border:1px solid #000;align-items:center;justify-content:center;font-size:20px;margin-bottom:15px;transition:0.3s}
.top-section2-4box > a:hover{background:#0c4faf;border-color:#0c4faf;color:#fff;animation: rotateAnimation 0.5s ease-in-out forwards;}

@media screen and (max-width:780px){
    .top-section2-4box-wrapper{display:block;}
    .top-section2-4box{width:100%;max-width:500px;margin:0 auto;margin-bottom:20px}
    .top-section2-4box > a{width:75px;height:75px;}
}


.top-section2-news-wrapper{margin-top:100px;overflow:hidden;}
.top-section2-news-wrapper div:nth-child(1){width:22%;float:left;}
.top-section2-news-wrapper ul{display:block;width:70%;float:right;}
.top-section2-news-wrapper ul li{display:block;border-bottom:1px solid #ccc;padding-top:20px;padding-bottom:20px;box-sizing:border-box;transition:0.3s}
.top-section2-news-wrapper ul li a{display:inline-block;width:calc(100% - 20px)}
.top-section2-news-wrapper ul li a:hover{margin-left:1em;}
.top-section2-news-wrapper ul li a span.news-date{color:#0c4faf;font-family: "Oswald", serif;display:inline;font-size:14px;margin-bottom:12px}
.top-section2-news-wrapper ul li a h3{color:#000;font-size:100%;font-weight:400;margin-top:1em;line-height:1.5}
.tname{font-size:12px;border:1px solid #666;color:#666;border-radius:10px;padding:0px 10px;margin-left:10px;}
.top-section2-news-wrapper ul li p{font-size:80%;color:#666;margin-top:10px;}
.top-section2-news-wrapper .tolinkbtn{width:20%;float:left;clear:left;margin-top:70px;}
.top-section2-news-wrapper .tolinkbtn a{width:100%;padding:20px 40px;border:1px solid #000;border-radius:30px;display:block;text-align:center;transition:0.5s}
.top-section2-news-wrapper .tolinkbtn a:hover{background:#0c4faf;border-color:#0c4faf;color:#fff;}

@media screen and (max-width:780px){
    .top-section2-news-wrapper{margin-top:50px}
    .top-section2-news-wrapper div:nth-child(1){width:100%;margin:0 auto;max-width:500px; float:none;}
    .top-section2-news-wrapper ul li a span{margin-bottom:5px}
    .top-section2-news-wrapper ul{display:block;width:100%;float:none;margin:20px auto;max-width:500px;line-height:1.5}

    .top-section2-news-wrapper .tolinkbtn{width:100%;float:none;margin:50px auto;margin-bottom:0px;max-width:300px;}

}



.top-section3{padding-top:130px;padding-bottom:130px;}


.top-section3{margin-bottom:0}
.top-section3 .tolinkbtn{width:20%;margin:0 auto;margin-top:35px;}
.top-section3 .tolinkbtn a{width:100%;padding:20px 40px;border:1px solid #000;border-radius:30px;display:block;text-align:center;transition:0.3s;background:#fff;}
.top-section3 .tolinkbtn a:hover{background:#0c4faf;border-color:#0c4faf;color:#fff;}

@media screen and (max-width:830px){
    .top-section3{padding-top:60px;padding-bottom:60px;}
    .top-section2-4box > div > div > div{padding-top:5px;}
.top-section2-4box > div > div > span{font-size:60px;}
.top-section2-4box > div > div > div h3{font-size:25px}
.top-section2-4box > div > div > div > span{margin-bottom:5px;}
.top-section2-4box > div > p{margin-top:15px}
}

@media screen and (max-width:780px){
   
    .top-section3 .inner1200{width:96%;max-width:500px;margin:0 auto;}

    .top-section3 .tolinkbtn{width:80%;max-width:300px;}

}