.tl_about{background: url('/images/about/0.jpg') no-repeat center;background-size: cover;background-attachment: fixed;}

.ha_item{padding: 100px 0;}

.ha_prof{background-color: rgba(0, 0, 0, 0.45);padding: 40px;color: #fff;}
.ha_vid{display: flex;justify-content: space-between;align-items: center;padding: 40px 0;}
.ha_vid_l{width: 48%;}
.ha_vid_l>video{width: 100%;}
.ha_vid_r{width: 48%;}
.ha_vid_r>h1{font-size: 28px;}
.ha_vid_r>h2{font-size: 16px;line-height: 2;margin: 0 0 20px;}
.ha_vid_r>p{font-size: 16px;line-height: 2;color: var(--base);}

.ha_prof>p{line-height: 2;font-size: 16px;margin: 20px 0;}
.ha_prof_w{display: flex;justify-content: space-between;}

.ha_idea{background-color: rgba(0, 0, 0, 0.45);padding: 60px;color: #fff;display: flex;justify-content: space-between;}
.ha_idea_i{text-align: center;}
.ha_idea_i>img{margin-bottom: 20px;}
.ha_idea_i>p{text-align: center;line-height: 2;font-size: 16px;}
.ha_idea_i>span{display: block;width: 50px;height: 1px;margin: 40px auto;background-color: #fff;transform: rotate(-60deg);}

.ha_place{background-color: rgba(0, 0, 0, 0.45);padding: 100px 60px;color: #fff;display: flex;justify-content: space-between;align-items: center;}
.ha_place_l{width: 44%}
.ha_place_l>img{width: 100%;}
.ha_place_r{width: 50%}
.ha_place_r>h1{font-size: 28px;}
.ha_place_r>h2{font-size: 16px;line-height: 2;margin: 0 0 20px;}
.ha_place_r>span{display: block;width: 50px;height: 1px;margin: 40px 0;background-color: var(--base);transform: rotate(-60deg);}
.ha_place_r>p{font-size: 16px;line-height: 2;}

.ha_tech{display: flex;flex-wrap: wrap;color: #fff;}
.ha_tech_i{width: 25%;padding: 0 20px;margin-bottom: 60px;display: flex;flex-direction: column;gap: 20px;}
.ha_tech_i:nth-child(2n){flex-direction: column-reverse;}
.ha_tech_i>img{width: 100%;transition: .3s;}
.ha_tech_iv>h1{font-size: 20px;line-height: 2;}
.ha_tech_iv>p{line-height: 2;margin: 10px 0 0;}
.ha_tech_i:hover >img{transform: scale(1.1);}

.ha_video{background-color: rgba(255,255,255,.6);padding: 40px;}
.ha_video_t{padding: 20px 0 40px;display: flex;justify-content: center;gap: 40px;}
.ha_video_t>a{line-height: 36px;width: 136px;border: 1px solid #333;text-align: center;cursor: pointer;}
.ha_video_t>.ha_video_a{background-color: var(--base);border-color: var(--base);color: #fff;}
.ha_video_i{display: flex;flex-wrap: wrap;}
.ha_video_ii{width: 23%;margin-right: calc(8% / 3);margin-bottom: 40px;}
.ha_video_ii:nth-child(4n){margin-right: 0;}
.ha_video_img{padding: 5px;border: 1px solid #999;}
.ha_video_img>img{width: 100%;}
.ha_video_ii>h1{text-align: center;font-size: 16px;margin-top: 10px;}
.ha_video_ii:hover .ha_video_img{border-color: var(--base);}
.ha_video_ii:hover h1{color: var(--base);}

.ha_vi{position: fixed;margin: 0 auto;left: 0;top: 0;right: 0;bottom: 0;z-index: 120;display: none;background-color: rgba(0,0,0,.5)}
.ha_vi>video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80vw;}
.ha_vi>i{position: absolute;top: 3vw;right: 6vw;font-style: normal;font-weight: bold;font-size: 50px;color: #fff;z-index: 21;cursor: pointer;}

.ha_qua_ic{display: flex;justify-content: space-between;background-color: #fff;align-items: center;}
.ha_qua_l{width: 50%;}
.ha_qua_l>img{width: 100%;}
.ha_qua_r{width: 50%;padding-left: 100px;padding-bottom: 40px;}
.ha_qua_r>h1{font-size: 28px;color: var(--base);margin-bottom: 20px;}
.ha_qua_r>p{font-size: 16px;line-height: 2;}

.ha_arrow{color: var(--base);text-align: center;font-family: monospace,serif;position: absolute;bottom: 60px;z-index: 1;font-size: 20px;font-weight: 900;transition: .6s;width: 40px;line-height: 40px;border: 1px solid #ddd;border-radius: 50%;}
.ha_arrow.slick_prev{left: 58%;}
.ha_arrow.slick_next{right: 34%;}

@media screen and (max-width: 1200px) {
    .ha_item{padding: 8rem 0;}

    .ha_vid{flex-direction: column;gap: 2rem;}
    .ha_vid_l{width: 100%;}
    .ha_vid_r{width: 100%;}
    .ha_prof_w{flex-direction: column;gap: 2rem;}

    .ha_idea{flex-direction: column;gap: 2rem;}

    .ha_place{flex-direction: column;gap: 2rem;padding: 4rem 1.5rem;}
    .ha_place_l{width: 100%;}
    .ha_place_l>img{height: 30rem;object-fit: cover;}
    .ha_place_r{width: 100%;}

    .ha_tech{flex-direction: column;gap: 4rem;}
    .ha_tech_i{width: 100%;margin: 0;}
    .ha_tech_i:nth-child(2n){flex-direction: column;}
    .ha_tech_i>img{height: 20rem;object-fit: cover;}

    .ha_video_ii{width: 100%;margin-right: 0;}

    .ha_qua_ic{flex-direction: column;}
    .ha_qua_l{width: 100%;}
    .ha_qua_r{width: 100%;padding: 4rem 2rem 2rem;}
    .ha_arrow{bottom: 2rem;width: 4rem;line-height: 4rem;}
    .ha_arrow.slick_prev{left: 74%;}
    .ha_arrow.slick_next{right: 2%;}
    
}