body{ position: relative; overflow-x: hidden;
    }
.main-content{ width:100%;  position: absolute; left: 0; top: 0; }
.banner-kv{ width: 100%; }
.banner-kv img{width: 100vw;}
.core-business-box{ width: 100vw; margin-bottom:7.8vw;}
.core-business-box dl{width: 70vw; display: flex; margin:5vw 0 0 19vw;  justify-content:space-between;}
.core-business-box dl dt{ width: 16vw; position: relative;}
.core-business-box dl dt span{width:10vw; position: absolute; left: 0; top:0; display:block; border-bottom: solid 2px #c1141b;}
.core-business-box dl dt h4{ font-size: 1.667vw; color: #333333; margin:5vw 0 1.5vw;}
.core-business-box dl dt h4 a{color: #333333;}
.core-business-box dl dt p{font-size: 1.042vw; color: #333333;}
.core-business-box dl dd{ width: 49.5vw;position: relative;line-height: 0;}
.core-business-box dl dd .video-play{ width:100%;}
.core-business-box dl dd .video-play::before{content: ' '; position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.core-business-box dl dd .video-play:hover::before{content: ' '; position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(213,27,40,0.5);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);}
.core-business-box dl dd img{ width: 100%;}
.core-business-box dl dd .btn-play{position: absolute;top:0;bottom: 0;left: 0;right: 0;margin: auto; width: 3.125vw;height: 3.125vw}
.core-business-box dl dt .small-logo{ width: 10.5vw; margin: 2.5vw 0; }
.core-business-box img{ width: 100%; }
/* .core-business-box dl dt .core-icon{ width: 2vw;} */
.core-business-box dl dt .core-icon { position: relative;}
.core-business-box dl dt .core-icon>div{ font-size: 1.041vw; color: rgb(102, 102, 102); line-height: 2.1875vw; display: flex;}
.core-business-box dl dt .core-icon>div img{ width:2.1875vw; margin-right: .6vw;}
.core-business-box dl dt .core-icon .active{ position: absolute; left: 0; top:0;} 
.core-business-box dl dt .core-icon .active{display: none;}
.core-business-box .hover-area:hover .core-icon .active{  display: block;}

.line-us{ width: 100vw; }
.line-us a:link{width: 100%;}
.line-us img{ width:100% ;}

@media screen and (max-width:1680px){
    .idea-con{ padding: 4vw 0 0;} 
    .idea-box{width: 100%; background:url('../../img/about_us/idea_bg.jpg') repeat-x left top; }
    .idea-box .swiper-pagination{ left: -31.7vw;  }
}