.qi_banner{position: relative;}
.qi_banner_i{height: 100vh;object-fit: cover;}

.ban_dot{position: absolute;bottom: 50px;text-align: center;left: 50%;transform: translateX(-50%);}
.ban_dot>li{display: inline-block;width: 10px;height: 10px;font-size: 0;outline: 0;margin-right: 20px;transition: all .5s;cursor: pointer;background-color: #fff;border-radius: 50%;}
.ban_dot>li:last-child{margin-right: 0;}
.ban_dot>.slick-active{background-color: var(--base);}
.ban_dot>li button{display: none;}

.qi_title{text-align: center;}
.qi_title>h1{color: #333;font-size: 30px;font-weight: bold;}
.qi_title>span{display: inline-block;width: 76px;height: 2px;background-color: #666;margin: 20px 0;}
.qi_title>p{font-size: 16px;}

.qi_about{}
.qi_about_c{padding: 100px 0;}
.qi_about_t{margin-top: 20px;}
.qi_about_t>p{text-align: center;color: #666;font-size: 16px;line-height: 2;}
.qi_about_video{background: url('/images/index/0.jpg') no-repeat center;background-size: cover;height: 550px;width: 1000px;margin: 20px auto;position: relative;}
.qi_about_video>div{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5 );opacity: .1;display: flex;justify-content: center;align-items: center;transition: .3s;cursor: pointer;}
.qi_about_video:hover >div{opacity: 1;}
.qi_video{position: fixed;margin: 0 auto;left: 0;top: 0;right: 0;bottom: 0;z-index: 20;display: none;background-color: rgba(0,0,0,.5)}
.qi_video>video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80vw;}
.qi_video>i{position: absolute;top: 3vw;right: 6vw;font-style: normal;font-weight: bold;font-size: 50px;color: #fff;z-index: 21;cursor: pointer;}
.qi_about_w{display: flex;justify-content: space-between;text-align: center;width: 1000px;margin: 40px auto 0;}
.qi_about_i{transition: .3s;}
.qi_about_i>p{margin-top: 10px;font-size: 18px;font-weight: bold;color: #666;}
.qi_about_i:hover{margin-top: -5px;}

.qi_team{background: url('/images/index/10.jpg') no-repeat center;background-size: cover;}
.qi_team_c{padding: 100px 0;}
.qi_team_c .qi_title>h1{color: #fff;}
.qi_team_c .qi_title>p{color: #fff;}
.qi_team_c .qi_title>span{background-color: #fff;}
.qi_team_w{margin-top: 40px;}
.qi_team_i{margin: 0 10px;position: relative;}
.qi_team_i>img{width: 100%;height: 300px;object-fit: cover;}
.qi_team_iw{position: absolute;top: 0;bottom: 0;left: 0;right: 0;color: #fff;text-align: center;transition: 1s;overflow: hidden;padding: 300px 15px 0;}
.qi_team_iw>h1{font-size: 18px;}
.qi_team_iw>p{white-space: pre-wrap;line-height: 1.5;margin-top: 10px;}
.qi_team_i:hover .qi_team_iw{background-color:rgba(0, 0, 0, 0.3);padding-top: 150px;}

.qi_bus{}
.qi_bus_c{padding: 100px 0;}
.qi_bus_w{display: flex;justify-content: space-between;}
.qi_bus_w>a{height: 350px;width: 48%;background: url('/images/index/20.jpg') no-repeat center;background-size: 100%;transition: .6s;padding: 80px;color: #fff;font-size: 24px;margin-top: 60px;}
.qi_bus_w>a:last-child{background-image: url('/images/index/21.jpg')}
.qi_bus_w>a:hover{background-size: 120%;}

.qi_arrow{color: #fff;text-align: center;font-family: monospace,serif;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size: 60px;font-weight: 900;transition: .3s;}
.qi_arrow.slick_prev{left: -60px;}
.qi_arrow.slick_next{right: -60px;}

.qi_case{background: url('/images/index/30.jpg') repeat center;}
.qi_case_c{padding: 100px 0;}
.qi_case_c .qi_title>h1{color: #fff;}
.qi_case_c .qi_title>p{color: #fff;}
.qi_case_c .qi_title>span{background-color: #fff;}
.qi_case_w{margin-top: 40px;}
.qi_case_i{margin: 0 10px;position: relative;}
.qi_case_i>h1{background-color: #fff;font-size: 16px;line-height: 46px;text-align: center;font-weight: 400;}
.qi_case_img{position: relative;}
.qi_case_img>img{width: 100%;height: 300px;object-fit: cover;}
.qi_case_iw{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);display: flex;justify-content: center;align-items: center;opacity: 0;transition: .6s;}
.qi_case_iw>i{font-size: 40px;color: #fff;border: 1px solid #fff;border-radius: 50%;width: 70px;line-height: 70px;text-align: center;}
.qi_case_i:hover .qi_case_iw{opacity: 1;}

.qi_news_c{padding: 100px 0;}
.qi_news_w{display: flex;justify-content: space-between;margin-top: 40px;}
.qi_news_i{width: 31%;}
.qi_news_i>h1{font-size: 18px;font-weight: 400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 10px 0 5px;}
.qi_news_i>p{line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;color: #666;}
.qi_news_img{overflow: hidden;}
.qi_news_img>img{width: 100%;height: 200px;object-fit: cover;transition: .6s;}
.qi_news_i:hover img{transform: scale(1.2);}

.qi_coop{background-color: #f7f7f7;}
.qi_coop_c{padding: 60px 0;display: flex;justify-content: space-between;align-items: center;}
.qi_coop_c *{width: 12%;}
.qi_coop_c>h1{font-size: 18px;font-weight: 400;}


@media screen and (max-width: 766px) {
    .qi_banner{width: 100%;padding-bottom: 0;}
    .qi_banner_i{height: 32rem;}
    .ban_dot{bottom: 3rem;}
    /* .qi_arrow{width: 4rem;height: 5rem;line-height: 5rem;font-size: 2rem;} */

    .qi_title{padding: 3rem 0;height: unset;}
    .qi_title>h1{font-size: 2.4rem;}
    .qi_title>span{}
    .qi_title>p{font-size: 1.6rem;line-height: 2;}

    .qi_about_c{padding: 6rem 0;}
    .qi_about_t{margin-top: 0;}
    .qi_about_t>p{font-size: 1.6rem;}
    .qi_about_video{width: 100%;height: 20rem;}
    .qi_about_w{width: 100%;flex-wrap: wrap;justify-content: space-evenly;}
    .qi_about_i{margin-top: 2rem;}
    .qi_about_i>p{font-size: 1.6rem;}
    
    .qi_team_c{padding: 6rem 0;}
    .qi_team_w{margin-top: 0rem;}
    .qi_arrow{font-size: 4rem;}
    .qi_arrow.slick_prev{left: -1rem;}
    .qi_arrow.slick_next{right: -1rem;}

    .qi_bus_c{padding: 6rem 0;}
    .qi_bus_w{flex-direction: column;}
    .qi_bus_w>a{width: 100%;height: 20rem;margin-top: 2rem;padding: 2rem;font-size: 2rem;}

    .qi_case_c{padding: 6rem 0;}
    .qi_case_w{margin-top: 0;}

    .qi_news_c{padding: 6rem 0;}
    .qi_news_w{margin: 0;flex-direction: column;}
    .qi_news_i{width: 100%;margin-bottom: 2rem;}
    .qi_news_img>img{height: 20rem;}

    .qi_coop_c{flex-wrap: wrap;}
    .qi_coop_c *{width: 48%;margin-bottom: 2rem;}
    
}