.banner{width: 100%; height: auto; position: relative; overflow:hidden}
.background_pic{width: 100%; height: 320px; overflow: hidden;}
.banner .video{width: 100%; max-height: 420px; overflow: hidden;}
.banner .video video{width: 100%; height: 420px; display: block; overflow: hidden; object-fit: cover;}
.banner .soso{width: 100%; height: 420px; position: absolute; top: 0; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.banner .soso h2{font-size: 32px; color: #fff; font-weight: normal;}
.banner .soso form{width: 659px; height: 57px; overflow: hidden; background: #fff; border-radius: 57px; margin: 35px 0 60px; position: relative;}
.banner .soso form input{width: 100%; height: 100%; font-size: 24px; color: #494848; text-indent: 30px; display: flex; align-items: center;}
.banner .soso form button{position: absolute; right: 28px; top: 50%; background: none; transform: translate(0,-40%); cursor: pointer;}
.banner .kjcd{padding: 0; height:180px;}
.banner .kjcd ul{display: grid; grid-template-columns: repeat(4,1fr); column-gap: 22px; width: 100%; position: relative; top: -130px;}
.banner .kjcd ul li{border-radius: 5px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.banner .kjcd  li .thumb{width: 100%; height: auto; overflow: hidden; padding-top:5px;}
.banner .kjcd ul li img{display: block; width: 100%; height: auto; transition: all 0.4s; }
.banner .kjcd ul li p{width: 100%; height: 55px; line-height: 55px; background: #fff url(../img/h_kjcd_icon.jpg) no-repeat right 20px center; color: #0a0a0a; font-size: 18px; text-indent: 13px;}
.banner .kjcd ul li:last-child img,.banner .kjcd ul li:last-child .thumb{ height: 100%;}
.banner .kjcd ul li a:hover .thumb img{transform: scale(1.2);}
.banner .kjcd ul li a:hover p{color: #41bdd7;}