.inter{
  font-family: "Inter", sans-serif;
}

.toggle_trigger {cursor: pointer;}
.toggle_trigger {position: relative; padding: 0 38px 0 0;}
.toggle_trigger:after {content:''; position: absolute; margin: 3px 0 0; top: 50%; right:0; width: 22px; height: 20px; background-image: url("/resources/images/unity6/arr_open.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%);}
.toggle_trigger.on:after {background-image: url("/resources/images/unity6/arr_close.png");}
.unity6 {word-break: keep-all;}

.section_inner {padding: 100px 0 192px;}
.unity6_banner {padding-top: 80px;}
.banner_wrap { position: relative; width: 100%; height: 380px; background: #f5f5f5; word-break: keep-all;}
.banner_wrap .banner { position: relative; width: 100%; max-width: 1920px; margin: auto; height: 100%; }
.banner_wrap .bannerBox { padding: 115px 0 0 0; max-width: 1200px; margin: 0 auto; color: #fff; }
.banner_wrap .bannerBox .bannerTit { font-size: 68px; font-weight: 600; }
.banner_wrap .bannerBox .bannerTit br { display: none; }
.banner_wrap .bannerBox .bannerText { font-size: 26px; margin-top: 20px; font-weight: 300; line-height: 1.5; color: rgba(255,255,255,0.7);}

.btn-arrow { display: inline-block; font-size: 17px; font-weight: 700; color: #fff; padding: 10px 20px; border-radius: 20px; background-color: #6496ee; overflow: hidden; text-decoration: none; position: relative; transition: all 0.3s ease; box-shadow: 0 0 0 2px #6496ee inset;}

.btn-arrow.blue { background-color: #6496ee; }
.btn-arrow.white { background-color: #fff;}
.btn-arrow:hover { background-color: #fff; }
.btn-arrow.blue:hover { background-color: #0a5cf5; box-shadow: 0 0 0 2px #0a5cf5 inset;}
.btn-arrow.white:hover { background-color: #6496ee; }

.btn-arrow .btn-content { display: flex; align-items: center; position: relative; transition: transform 0.3s ease; }
.btn-arrow .btn-content > img {margin-top: 2px;}
.btn-arrow:hover .btn-content { transform: translateX(20px); }

.btn-arrow .right_arr { margin-left: 10px; transition: transform 0.3s ease, opacity 0.3s ease; }
.btn-arrow .left_arr { position: absolute; left: -30px; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }
.btn-arrow:hover .right_arr { transform: translateX(10px); opacity: 0; }
.btn-arrow:hover .left_arr { transform: translateX(0); opacity: 1; }

.btn-arrow .btn-label { transition: transform 0.3s ease;  color: #fff;}
.btn-arrow.white .btn-label {color: #6496ee;}
.btn-arrow:hover .btn-label {color: #fff;}

.unity6_title {display: inline-block; font-size: 34px; font-weight: 700;}
.unity6_title.icon_title {position: relative; padding: 0 0 0 56px;}
.unity6_title.icon_title:before {content:''; width: 37px; height: 38px; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.unity6_title.icon_title.icon_yt:before {background-image: url("/resources/images/unity6/icon_yt.png");}
.unity6_title.icon_title.icon_bk:before {background-image: url("/resources/images/unity6/icon_book.png"); }


.uni6_top_wrap {}
.uni6_top_wrap .uni6_top_box {display: flex; align-items: center; }
.uni6_top_wrap .uni6_top_box .img_box {position: relative; width: 100%; max-width: 604px; border-radius: 15px; overflow: hidden;}
.uni6_top_wrap .uni6_top_box .img_box .img_inner{position: relative; padding-top: 56%;}
.uni6_top_wrap .uni6_top_box .img_box iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.uni6_top_wrap .uni6_top_box .txt_box {padding-left: 40px;}
.uni6_top_wrap .uni6_top_box .txt_box .uni6_tit {font-size: 34px; font-weight: 700; color: #000;}
.uni6_top_wrap .uni6_top_box .txt_box .uni6_txt {margin: 17px 0 0; font-size: 15px; font-weight: 400; line-height: 25px;}
.uni6_top_wrap .uni6_top_box .txt_box .btn_wrap {display: flex; flex-wrap: wrap; margin: 60px 0 0; font-size: 0; vertical-align: top;}
.uni6_top_wrap .uni6_top_box .txt_box .btn_wrap .btn-arrow {margin: 0 17px 0 0;}
.uni6_top_wrap .uni6_top_box .txt_box .btn_wrap .btn-arrow:last-child {margin: 0;}

.uni6_game_wrap {margin: 88px 0 0;}
.uni6_game_wrap .uni6_game_box {display: flex; justify-content: space-between; margin: 50px 0 0;}
.uni6_game_wrap .uni6_game_box .uni6_game_text {width: calc(100% - 426px);}
.uni6_game_wrap .uni6_game_box .uni6_game_text .uni6_game_list {display: flex; flex-wrap: wrap;}
.uni6_game_wrap .uni6_game_box .uni6_game_text .uni6_game_list > li {display: inline-block; width: 33.3333%;}
.uni6_game_wrap .uni6_game_box .uni6_game_text .uni6_game_list > li:nth-child(-n + 3) {margin: 0;}
.uni6_game_wrap .uni6_game_box .uni6_game_text .uni6_game_list > li {margin: 42px 0 0;}
.uni6_game_wrap .uni6_game_box .uni6_game_text .uni6_game_list > li .game_tit {font-size: 17px; font-weight: 700;}
.uni6_game_wrap .uni6_game_box .uni6_game_text .uni6_game_list > li .game_txt {margin: 9px 0 0; font-size: 14px; line-height: 23px;}
.uni6_game_wrap .uni6_game_box .uni6_game_img {border-radius: 15px; overflow: hidden;}


.uni6_industry_wrap {margin: 60px 0 0;}
.uni6_industry_wrap .uni6_industry_box {display: flex; justify-content: space-between; margin: 50px 0 0;}
.uni6_industry_wrap .uni6_industry_box .uni6_industry_text {width: calc(100% - 373px);}
.uni6_industry_wrap .uni6_industry_box .uni6_industry_text .uni6_industry_list {display: flex; flex-wrap: wrap; padding: 0 0 0 63px;}
.uni6_industry_wrap .uni6_industry_box .uni6_industry_text .uni6_industry_list > li {display: inline-block; width: 50%;}
.uni6_industry_wrap .uni6_industry_box .uni6_industry_text .uni6_industry_list > li:nth-child(-n + 2) {margin: 0;}
.uni6_industry_wrap .uni6_industry_box .uni6_industry_text .uni6_industry_list > li {margin: 42px 0 0;}
.uni6_industry_wrap .uni6_industry_box .uni6_industry_text .uni6_industry_list > li .industry_tit {font-size: 17px; font-weight: 700;}
.uni6_industry_wrap .uni6_industry_box .uni6_industry_text .uni6_industry_list > li .industry_txt {margin: 9px 0 0; font-size: 14px; line-height: 23px;}
.uni6_industry_wrap .uni6_industry_box .uni6_industry_img {border-radius: 15px; overflow: hidden;}



.uni6_review_box {position: relative; margin: 88px 0 0; padding: 81px 60px 50px; background-color: #f7f7f7;}
.uni6_review_box .review_list {}
.uni6_review_box .review_list .slick-list .slick-track  {display: flex !important;}
.uni6_review_box .review_list .slick-list .slick-track > li {padding: 0 20px; height: inherit !important;}
.uni6_review_box .review_list .slick-list .slick-track > li a {display: block;}
.uni6_review_box .review_list .slick-list .slick-track > li .review_inner {position: relative; height: 100%;}
.uni6_review_box .review_list .slick-list .slick-track > li .review_txt{display: flex; width: 100%; height: 100%; justify-content: center; align-items: flex-start; font-size: 14px; line-height: 23px; padding: 0 0 25px;}
.uni6_review_box .review_list .slick-list .slick-track > li .review_name{position: absolute; bottom: 0; right: 0; font-size: 14px; color: #6496ee;}
.uni6_review_box .arr_wrap {}
.uni6_review_box .arr_wrap .review_arr {position: absolute; top: 50%; width: 15px; height: 27px; transform: translateY(-50%); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}

.uni6_review_box .arr_wrap .review_arr.left_arr {left: 34px; background-image: url("/resources/images/unity6/arr_left_gray.png");}
.uni6_review_box .arr_wrap .review_arr.right_arr {right: 34px; background-image: url("/resources/images/unity6/arr_right_gray.png");}


.uni_yt_wrap {margin: 86px 0 0;}
.uni_yt_wrap .uni_yt_inner {position: relative; margin: 33px 0 0; padding: 0 56px;}
.uni_yt_wrap .uni_yt_inner .uni_yt_list {margin: 0 -6px;}
.uni_yt_wrap .uni_yt_inner .uni_yt_list .slick-list .slick-track > li {margin: 0 6px;}
.uni_yt_wrap .uni_yt_inner .uni_yt_list .slick-list .slick-track > li .yt_thumb {padding-top: 56.09%; background-image: url("/resources/images/unity6/mo_uni6_bg.png"); background-size: 100% auto; background-position: center; background-repeat: no-repeat; border-radius: 15px; overflow: hidden; transition: all 0.3s;}
.uni_yt_wrap .uni_yt_inner .uni_yt_list .slick-list .slick-track > li:hover .yt_thumb {background-size: 120% auto;}
.uni_yt_wrap .uni_yt_inner .uni_yt_list .slick-list .slick-track > li .yt_title {padding: 17px 10px 0; font-size: 15px; font-weight: 700; line-height: 25px; color: #000;}
.uni_yt_wrap .arr_wrap {}
.uni_yt_wrap .arr_wrap .yt_arr {position: absolute; top: 60px; width: 15px; height: 27px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}

.uni_yt_wrap .arr_wrap .yt_arr.left_arr {left: 0; background-image: url("/resources/images/unity6/arr_left_black.png");}
.uni_yt_wrap .arr_wrap .yt_arr.right_arr {right: 0; background-image:  url("/resources/images/unity6/arr_right_black.png");}


.uni6_new_wrap {margin: 86px 0 0;}
.uni6_new_wrap .uni_new_inner {position: relative; margin: 33px 0 0; padding: 0 56px;}
.uni6_new_wrap .uni_new_inner .uni_new_list {margin: 0 -6px;}
.uni6_new_wrap .uni_new_inner .uni_new_list .slick-list .slick-track > li {margin: 0 6px; border-radius: 15px; overflow: hidden; border: 1px solid #b6b6b6;}
.uni6_new_wrap .uni_new_inner .uni_new_list .slick-list .slick-track > li .new_thumb {padding-top: 51.95%; background-image: url("/resources/images/unity6/title_thumb.png"); background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; transition: all 0.3s;}
.uni6_new_wrap .uni_new_inner .uni_new_list .slick-list .slick-track > li:hover .new_thumb {transform: scale(1.07);}
.uni6_new_wrap .uni_new_inner .uni_new_list .slick-list .slick-track > li .new_bt_box {padding: 12px 10px 17px}
.uni6_new_wrap .uni_new_inner .uni_new_list .slick-list .slick-track > li .new_bt_box .new_title {height: 75px; font-size: 15px; font-weight: 700; line-height: 25px; color: #000;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.uni6_new_wrap .uni_new_inner .uni_new_list .slick-list .slick-track > li .new_bt_box .more_btn {display: inline-block; margin: 10px 0 0; font-size: 14px; font-weight: 600; color: #2196f3;}
.uni6_new_wrap .uni_new_inner .uni_new_list .slick-list .slick-track > li .new_bt_box .date {font-size: 14px; line-height: 25px; color: #888; }
.uni6_new_wrap .uni_new_inner .uni_new_list .slick-list .slick-track > li .new_bt_box .tag_list {display: flex; gap: 5px; flex-wrap: wrap; margin: 15px 0 0; padding: 12px 0 0; border-top: 2px solid #f0f0f0;}
.uni6_new_wrap .uni_new_inner .uni_new_list .slick-list .slick-track > li .new_bt_box .tag_list > li { display: inline-block; padding: 0 7px; font-size: 14px; line-height: 25px; background-color: #f3f3f3; border-radius: 3px; }
.uni6_new_wrap .arr_wrap {}
.uni6_new_wrap .arr_wrap .new_arr {position: absolute; top: 60px; width: 15px; height: 27px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}

.uni6_new_wrap .arr_wrap .new_arr.left_arr {left: 0; background-image: url("/resources/images/unity6/arr_left_black.png");}
.uni6_new_wrap .arr_wrap .new_arr.right_arr {right: 0; background-image: url("/resources/images/unity6/arr_right_black.png");}


@media screen and (max-width:1200px) {
    .mo_b {display: block !important;}
    .unity6_banner{padding-top: 50px;}
    .section_inner {width: 92%; padding: 80px 0 120px;}
    .banner_wrap .bannerBox { padding: 94px 30px 0 30px;}
    
    .toggle_trigger {padding: 0 26px 0 0;}
    .toggle_trigger:after {width: 18px; height: 16px;}
    
    .btn-arrow {font-size: 15px; padding: 8px 15px; border-radius: 15px; box-shadow: 0 0 0 1px #6496ee inset;}

    .btn-arrow.blue:hover { box-shadow: 0 0 0 1px #0a5cf5 inset;}

    .btn-arrow .btn-content > img {margin-top: 1px;}
    .btn-arrow:hover .btn-content { transform: translateX(17px); }

    .btn-arrow .right_arr { margin-left: 7px;}
    .btn-arrow .left_arr {left: -26px;}

    .unity6_title {font-size: 28px;}
    .unity6_title.icon_title {padding: 0 0 0 40px;}
    .unity6_title.icon_title:before {width: 30px; height: 30px;}

    .uni6_top_wrap .uni6_top_box {flex-direction: column;}
    .uni6_top_wrap .uni6_top_box .txt_box {padding-left: 0; margin: 20px 0 0;}
    .uni6_top_wrap .uni6_top_box .txt_box .uni6_tit {font-size: 30px; }
    .uni6_top_wrap .uni6_top_box .txt_box .uni6_txt {margin: 15px 0 0;}
    .uni6_top_wrap .uni6_top_box .txt_box .uni6_txt br {display: none;}
    .uni6_top_wrap .uni6_top_box .txt_box .btn_wrap {margin: 30px 0 0;}
    .uni6_top_wrap .uni6_top_box .txt_box .btn_wrap .btn-arrow {margin: 0 10px 0 0;}

    .uni6_game_wrap {margin: 55px 0 0;}
    .uni6_game_wrap .uni6_game_box {flex-direction: column-reverse; justify-content: center; align-items: center; margin: 30px 0 0;}
    .uni6_game_wrap .uni6_game_box .uni6_game_text {width: 80%; }
    .uni6_game_wrap .uni6_game_box .uni6_game_text .uni6_game_list {margin: 20px 0 0; }
    .uni6_game_wrap .uni6_game_box .uni6_game_text .uni6_game_list > li {margin: 25px 0 0; text-align: center;}
    .uni6_game_wrap .uni6_game_box .uni6_game_text .uni6_game_list > li .game_tit {font-size: 16px; line-height: 21px;}
    .uni6_game_wrap .uni6_game_box .uni6_game_text .uni6_game_list > li .game_txt {margin: 4px 0 0; font-size: 13px;}
    
    
    .uni6_industry_wrap {margin: 40px 0 0;}
    .uni6_industry_wrap .uni6_industry_box {flex-direction: column; justify-content: center; align-items: center; margin: 30px 0 0;}
    .uni6_industry_wrap .uni6_industry_box .uni6_industry_text {width: 100%;}
    .uni6_industry_wrap .uni6_industry_box .uni6_industry_text .uni6_industry_list {margin: 20px 0 0; padding: 0;}
    .uni6_industry_wrap .uni6_industry_box .uni6_industry_text .uni6_industry_list > li {margin: 25px 0 0; text-align: center;}
    .uni6_industry_wrap .uni6_industry_box .uni6_industry_text .uni6_industry_list > li .industry_tit {font-size: 16px; line-height: 21px;}
    .uni6_industry_wrap .uni6_industry_box .uni6_industry_text .uni6_industry_list > li .industry_txt {margin: 4px 0 0; font-size: 13px;}

    .uni6_review_box {margin: 55px 0 0; padding: 60px 30px 30px; }
    .uni6_review_box .arr_wrap .review_arr {width: 13px; height: 25px;}
    .uni6_review_box .review_list .slick-list .slick-track > li .review_txt br {display: none;}
    .uni6_review_box .arr_wrap .review_arr.left_arr {left: 22px;}
    .uni6_review_box .arr_wrap .review_arr.right_arr {right: 22px;}

    .uni_yt_wrap {margin: 55px 0 0;}
    .uni_yt_wrap .uni_yt_inner {margin: 20px 0 0; padding: 0 30px;}
    .uni_yt_wrap .uni_yt_inner .uni_yt_list .slick-list .slick-track > li .yt_title {padding: 10px 10px 0; font-size: 13px; line-height: 21px;}
    .uni_yt_wrap .arr_wrap {}
    .uni_yt_wrap .arr_wrap .yt_arr {top: 50%; width: 13px; height: 25px; transform: translateY(-50%);}

    .uni6_new_wrap {margin: 55px 0 0;}
    .uni6_new_wrap .uni_new_inner {margin: 20px 0 0; padding: 0 30px;}
    .uni6_new_wrap .uni_new_inner .uni_new_list .slick-list .slick-track > li .new_bt_box {padding: 10px 10px;}
    .uni6_new_wrap .uni_new_inner .uni_new_list .slick-list .slick-track > li .new_bt_box .new_title {height: 63px; font-size: 14px; line-height: 21px;}
    .uni6_new_wrap .uni_new_inner .uni_new_list .slick-list .slick-track > li .new_bt_box .tag_list {gap: 3px; margin: 8px 0 0;}
    .uni6_new_wrap .uni_new_inner .uni_new_list .slick-list .slick-track > li .new_bt_box .tag_list > li { padding: 0 5px; font-size: 13px; line-height: 23px;}
    .uni6_new_wrap .arr_wrap .new_arr {top: 50%; width: 13px; height: 25px; transform: translateY(-50%);}

}
@media screen and (max-width:1000px) {
    .section_inner {padding: 60px 0;}
    .banner_wrap .bannerBox {position: absolute; left: 30px; bottom: 60px; padding: 0; }
    .banner_wrap .bannerBox .bannerTit {font-size: 46px;}
    .banner_wrap .bannerBox .bannerText {font-size: 22px;}
    
    .toggle_trigger {padding: 0 22px 0 0;}
    .toggle_trigger:after {margin: 2px 0 0; width: 16px; height: 14px;}
    
    .uni6_top_wrap .uni6_top_box .txt_box .uni6_tit {font-size: 26px;}
    .uni6_top_wrap .uni6_top_box .txt_box .uni6_txt {margin: 10px 0 0;}
    .uni6_top_wrap .uni6_top_box .txt_box .btn_wrap {margin: 15px 0 0;}
    
    .unity6_title {font-size: 24px;}
    .unity6_title.icon_title {padding: 0 0 0 25px;}
    .unity6_title.icon_title:before {width: 22px; height: 22px;}
    
    .uni6_top_wrap .uni6_top_box .img_box {width: 100%;}
    .uni6_top_wrap .uni6_top_box .img_box img {width: 100%;}
    
    .uni6_game_wrap {margin: 40px 0 0;}
    .uni6_game_wrap .uni6_game_box .uni6_game_text {width: 100%;}
    .uni6_game_wrap .uni6_game_box .uni6_game_img {width: 100%;}
    .uni6_game_wrap .uni6_game_box .uni6_game_img img {width: 100%;}
    
    .uni6_industry_wrap {margin: 30px 0 0;}
    
    .uni6_review_box {margin: 40px 0 0; padding: 40px 25px 25px;}
    
    .uni_yt_wrap {margin: 40px 0 0;}
    
    .uni6_new_wrap {margin: 40px 0 0;}
}
@media screen and (max-width:768px){
    .section_inner {padding: 50px 0;}
    .banner_wrap {padding-top: 84.26%;}
    .banner_wrap .banner { background: url(/resources/images/unity6/mo_uni6_bg.gif) no-repeat center right !important; background-size: 100% 100% !important; position: absolute; top: 0; left: 0;}
    .banner_wrap .bannerBox .bannerTit {font-size: 40px;}
    .banner_wrap .bannerBox .bannerTit br {display: block;}
    .banner_wrap .bannerBox .bannerText {font-size: 16px;}
    
    .uni6_game_wrap {margin: 30px 0 0;}
    .uni6_game_wrap .uni6_game_box .uni6_game_text .uni6_game_list > li {width: 50%; margin: 15px 0 0;}
    .uni6_game_wrap .uni6_game_box .uni6_game_text .uni6_game_list > li:nth-child(-n + 3) {margin: inherit;}
    .uni6_game_wrap .uni6_game_box .uni6_game_text .uni6_game_list > li:nth-child(-n + 2) {margin: 0;}
    
    .uni6_industry_wrap .uni6_industry_box .uni6_industry_img {width: 100%;}
    .uni6_industry_wrap .uni6_industry_box .uni6_industry_img img {width: 100%;}
    .uni6_industry_wrap .uni6_industry_box .uni6_industry_text .uni6_industry_list > li {width: 100%; margin: 15px 0 0;}
    .uni6_industry_wrap .uni6_industry_box .uni6_industry_text .uni6_industry_list > li:nth-child(-n + 2) {margin: inherit;}
    .uni6_industry_wrap .uni6_industry_box .uni6_industry_text .uni6_industry_list > li:first-child {margin: 0;}
    
    .uni6_review_box {margin: 30px 0 0;}
    
    .uni_yt_wrap {margin: 30px 0 0;}
    
    .uni6_new_wrap {margin: 30px 0 0;}
}
@media screen and (max-width:425px){
    .banner_wrap {height: auto;}
    .banner_wrap .bannerBox .bannerTit{font-size: 40px;}
    .banner_wrap .bannerBox .bannerText br{display: none;}

}