body {
    background: #16141a
}

.text_cricle {
    position: relative
}

/*
.text_cricle::before {
    box-sizing: border-box;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    left: -4px;
    transform: translate(-100%, -50%);
    border: 2px solid #ff0030;
    border-radius: 50%
}
*/
.tpd_list {
    display: flex;
    max-width: 820px
}

.tpd_list .tpd_item {
    position: relative;
    padding: 0 30px
}

.tpd_list .tpd_item:nth-of-type(1)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 95%;
    border-right: 1px dashed #b4b4b4
}

.tpd_list .tpd_item .number {
    position: absolute;
    z-index: -1;
    font-family: "Manrope-ExtraBold";
    font-weight: normal;
    font-size: 170px;
    font-style: italic;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.tpd_list .tpd_item .content {
    z-index: 2;
    color: #b4b4b4;
    text-align: center
}

.tpd_list .tpd_item .content span {
    font-family: "Manrope-Bold";
    font-weight: normal;
    font-size: 25px
}

.tpd_list .tpd_item .content p {
    font-family: "Manrope-Regular";
    font-weight: normal;
    font-size: 20px
}

.mask_play {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.mask_play::before {
    content: "";
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6)
}

.mask_play::after {
    content: "";
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 56%;
    transform: translate(-50%, -50%);
    width: 86px;
    height: 86px;
    background: url(../images/ic_play.png) center/cover no-repeat
}

.icon_more {
    position: relative;
    width: 25px;
    height: 25px;
    transition: transform 1s
}

.icon_more::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/index/ic_more.png) center/100% no-repeat
}

.icon_more.white::before {
    background-image: url(../images/index/ic_more-white.png)
}

.icon_more.white.up::before {
    transform: rotate(90deg)
}

.icon_more.down::before {
    transform: rotate(90deg)
}

.icon_more.flow {
    animation-name: iconFlowRight;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: alternate
}

.icon_more.flow.down {
    animation-name: iconFlowDown
}

.icon_more.flow.up {
    animation-name: iconFlowDown
}

.icon_more.flow.left {
    animation-name: iconFlowLeft
}

@keyframes iconFlowRight {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(10px)
    }
}

@keyframes iconFlowDown {
    0% {
        transform: translateY(0px)
    }
    100% {
        transform: translateY(10px)
    }
}

@media screen and (max-width: 992px) {
    .icon_more {
        animation: none
    }

    .icon_more::before {
        width: 3.33vw;
        height: 3.33vw
    }

    .screen-reader-text {
        font-size: 14px;
    }

    @keyframes iconFlowDown {
        0% {
            transform: translateY(0px)
        }
        100% {
            transform: translateY(5px)
        }
    }.tpd_list {
         left: 0
     }
}

.section_banner {
    background: #16141a;
    color: #fff
}

.section_banner .swiper-container {
    height: 41.66667vw
}

.section_banner .pagination_wapper {
    position: absolute;
    height: 23px;
    bottom: 2.08333vw;
    left: 0;
    right: 0;
    margin: 0 auto
}

.section_banner .pagination_wapper .swiper-pagination-bullets {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
	width: 100%;
}

.section_banner .slide1 .slide_wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    height: 100%;
    width: 100%
}

.section_banner .slide1 .title {
    position: relative;
    font-size: 0;
    margin: 0px 0 150px 38px
}

.section_banner .slide1 .title .after_txt {
    font-size: 164px;
    line-height: 0.85;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.6);
    -webkit-text-fill-color: transparent
}

.section_banner .slide1 .title .after_txt img {
    max-width: 100%
}

.section_banner .slide1 .title .before_txt {
    z-index: 2;
    position: absolute;
    top: 80%;
    left: 155px;
    margin: 0;
    text-align: center;
    color: var(--themeColor);
    font-size: 120px;
    line-height: 0.8
}

.section_banner .slide1 .desc {
    z-index: 2;
    position: relative;
    margin-left: 204px;
    font-size: 20px;
    line-height: 1.8;
    color: #b5b5b5;
    width: 600px
}

.section_banner .slide1 .slide_img {
    position: absolute;
    right: 40px
}

.section_banner .slide2 .slide_wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    height: 100%;
    width: 100%
}

.section_banner .slide2 .title {
    position: relative;
    font-size: 0;
    margin: 0px 0 150px 38px
}

.section_banner .slide2 .title .after_txt img {
    max-width: 100%
}

.section_banner .slide2 .title .before_txt {
    z-index: 2;
    position: absolute;
    top: 80%;
    left: 155px;
    margin: 0;
    text-align: center;
    color: var(--themeColor);
    font-size: 120px;
    line-height: 0.8
}

.section_banner .slide2 .desc {
    z-index: 2;
    position: relative;
    margin-left: 204px;
    font-size: 20px;
    line-height: 1.8;
    color: #b5b5b5;
    width: 600px
}

.section_banner .slide2 .slide_img {
    position: absolute;
    right: 168px
}

.section_banner .banner_img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
    vertical-align: middle
}

.section_banner .banner_img video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section_banner .swiper-button-prev, .section_banner .swiper-button-next {
    --swiper-navigation-size: 18px;
    color: #fff;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 50%;
    transition: background-color 0.5s
}

.section_banner .swiper-button-prev:hover, .section_banner .swiper-button-next:hover {
    background-color: rgba(255, 255, 255, 0.1)
}

.section_banner .swiper-button-prev {
    left: 30px
}

.section_banner .swiper-button-next {
    right: 30px
}

.aurora.swiper-slide .show_pc, .aurora.swiper-slide .show_mobile {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#singa_video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover
}

.singa_text {
    color: #ffffff;
    position: absolute;
    left: 23%;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Manrope-Medium";
    font-weight: normal
}

.singa_text h1 {
    font-family: "Manrope-ExtraBold";
    font-weight: normal;
    font-size: 2.5vw;
    margin: 1.30208vw 0
}

.singa_logo {
    width: 17.5vw
}

.singa_logo img {
    margin-bottom: 0.78125vw;
    width: 100%
}

.singa_logo p {
    font-size: 1.25vw;
    text-align: center
}

.slogan {
    font-size: 1.19792vw
}

.banner_spec {
    display: flex;
    margin-top: 1.82292vw
}

.banner_spec li {
    text-align: center;
    margin-right: 1.5625vw
}

.banner_spec li:last-of-type {
    margin-right: 0
}

.banner_spec img {
    width: 2.13542vw
}

.banner_spec span {
    margin-top: 0.41667vw;
    display: block;
    line-height: 1;
    font-size: 0.67708vw
}

.section_product {
    padding: 0 0 100px 0;
    background: #16141a
}

.section_product .section_title {
    padding-top: 60px;
    margin: 0 0 60px 0
}

.section_product .section_title h1, .section_fan .section_title h1 {
    position: relative;
    font-size: 85px;
    color: #b5b5b5;
    text-align: center;
    padding: 0 0 8px 0;
    margin: 0 0 28px 0
}

.section_product .section_title h1 span, .section_fan .section_title h1 span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 55px;
    color: #ff0030
}

.section_product .section_title .sub_title {
    position: relative;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 1.6
}

.section_product .product_list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px
}

.section_product .product_list .product_item {
    width: 21.4%;
    padding-bottom: 15.14%
}

.section_product .product_list .product_item .bg_item {
    position: absolute;
    width: 21.4%;
    padding-bottom: 15.14%;
    border-radius: 5px;
    background: #252329;
    transition: transform 1s ease;
    overflow: hidden
}

.section_product .product_list .product_item .bg_item .bg_text {
    position: absolute;
    top: 40PX;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: #16141a
}

.section_product .product_list .product_item .bg_item .product_img {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    transform: translateY(5%);
    transition: transform 0.5s
}

.section_product .product_list .product_item .bg_item .product_img img {
    display: block;
    margin: 0 auto;
    transform: scale(0.8);
    max-width: 50%
}




.section_product .product_list .product_item .bg_item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(150deg, #ff541c 22%, #ff0030 50%);
    opacity: 0;
    transition: opacity 0.8s ease
}

.section_product .product_list .product_item .content_box {
    visibility: hidden;
    position: absolute;
    width: 21.4%;
    padding-bottom: 15.14%
}

.section_product .product_list .product_item .content_box .content {
    z-index: 2;
    position: absolute;
    right: 0;
    transform: translate3d(0, 0, 0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 55%;
    opacity: 0
}

.section_product .product_list .product_item .content_box .content .title {
    font-size: 35px;
    line-height: 0.8;
    color: #fff;
    transform: translate3d(0, 0, 0)
}

.section_product .product_list .product_item .content_box .content .sub_title {
    font-family: "Manrope-ExtraBold";
    font-weight: normal;
    margin-top: 14px;
    font-size: 20px;
    line-height: 1
}

.section_product .product_list .product_item .content_box .content p {
    margin-top: 6px;
    font-size: 12px;
    transform: translate3d(0, 0, 0);
    color: #fff
}

.section_product
.product_list
.product_item
.content_box
.content
.detail_link {
    align-self: flex-start;
    margin-top: 12px;
    padding: 2px 8px;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 14px
}

.section_product .product_list .product_item.boxer .bg_item .product_img {
    transform: translateY(26%)
}

.section_product .product_list .product_item.boxer .bg_item .product_img img {
    transform: scale(0.8)
}

.section_banner_product {
    padding: 0 0 0px;
    background: #16141a
}

.section_banner_product .swiper-container {
    height: 600px
}

.section_banner_product .bg_img {
    position: absolute;
    top: 0;
    left: 28.3%;
    transform: translate(-50%)
}

.section_banner_product .pagination_wapper {
    position: absolute;
    bottom: 160px;
    left: 0;
    right: 0;
    height: 23px;
    margin: 0 auto
}

.section_banner_product .pagination_wapper .swiper-pagination-bullets {
    position: absolute;
    display: flex;
    align-items: center;
    left: 280px;
    top: auto;
    right: auto;
    width: auto
}

.section_banner_product .slide_wrapper {
    position: relative;
    display: flex;
    align-items: flex-start;

    box-sizing: border-box;
    justify-content: space-between;
    height: 90%
}

.section_banner_product .slide_wrapper .slide_content {
    display: block;
    position: relative;
    color: #fff;
    width: 48%
}

.section_banner_product .slide_wrapper .slide_content .title {
    font-size: 22px;
    color: #fff;
    line-height: 0.98
}

.section_banner_product .slide_wrapper .slide_content .title span {
    display: block
}

.section_banner_product .slide_wrapper .slide_content .title span:first-child {
    font-size: 35px
}

.section_banner_product .slide_wrapper .slide_content .title .tips {
    color: #ff0030;
    padding-top: 22px;
}

.section_banner_product .slide_wrapper .slide_content .desc {
    margin: 40px 0;
    font-size: 15px;
    line-height: 1.6;
    opacity: 0.8
}

.section_banner_product .slide_wrapper .slide_content .desc::after {
    width: 10px;
    height: 10px
}

.section_banner_product .slide_wrapper .slide_content .icon_more {
    display: block
}

.section_banner_product .slide_wrapper .slide_video {
    position: relative;
	text-align:right;
}

.section_banner_product .slide_wrapper .slide_video img {
    width: 90%
}

.section_banner_product .slide_wrapper .slide_video::before {
    display: none
}

.section_fan {
    background: #16141a;
    padding: 0 0 100px
}

.section_fan .fan_wrapper {
    position: relative
}
.section_fan .fan_wrapper .bg_img img{
    width: 60%;
}

.section_fan .bg_img {
    position: absolute;
    left: 180px;
    font-size: 321px;
    font-family: sans-serif;
    line-height: 0
}

.section_fan .section_title {
    position: relative;
    color: #fff;
    padding: 60px 0 0;
    margin: 0 0 60px 0px
}
.section_product .section_title h1, .section_fan .section_title h1{font-size: 4.25vw;color: var(--themeColor);line-height: 0.98}
.section_fan .section_title h2 { font-size: 4.25vw; color: var(--themeColor); line-height: 0.98}

.section_fan .section_title .desc {
    margin: 20px 0;
    font-size: 15px
}

.section_fan .fans_box {
    position: relative;
    display: flex;
    background: #16141a;
    height: 506px
}

.section_fan .fans_box .cell_box {
    flex: 1;
    display: flex;
    flex-direction: column
}

.section_fan .fans_box .cell_box .row {
    display: flex;
    height: 50%
}

.section_fan .fans_box .cell_box .row + .row {
    margin-top: 6px
}

.section_fan .fans_box .cell_box.center_box {
    position: relative;
    flex: 0 0 34.24%;
    flex-shrink: 0;
    min-width: 0;
    margin: 0 5px
}

.section_fan .fans_box .fans_link {
    overflow: hidden;
    cursor: pointer
}

.section_fan .fans_box .fans_link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle
}

.section_fan .fans_box .fans_link .hide_text {
    display: none
}

.section_fan .fans_box .fans_link + .fans_link {
    margin-left: 4px
}

.section_fan .fans_box .fans_link.mask_play::before {
    display: none
}

.section_fan .fans_box .fans_link.mask_play::after {
    width: 56px;
    height: 56px
}

.section_fan .fans_box .video_item {
    width: 100%;
    height: 100%
}

.section_fan .fans_box .video_item .img_box {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

.section_fan .fans_box .video_item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section_fan .fans_box .video_item .img_desc {
    display: flex;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2% 3%;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 14px;
    overflow-y: auto;
    text-align: center
}

.section_fan .fans_box .video_item .img_desc:empty {
    display: none
}

.section_fan .fans_box-m {
    display: none;
    position: relative
}

.section_fan .fans_box-m .scroll_box {
    margin-top: 1.6vw
}

.section_fan .fans_box-m .scroll_box .fans_list {
    overflow-x: auto;
    display: flex
}

.section_fan .fans_box-m .scroll_box .fans_list .fans_item {
    height: 20vw;
    opacity: 0.4;
    position: relative;
    cursor: pointer
}

.section_fan .fans_box-m .scroll_box .fans_list .fans_item img {
    height: 100%
}

.section_fan .fans_box-m .scroll_box .fans_list .fans_item + .fans_item {
    margin-left: 10px
}

.section_fan .fans_box-m .scroll_box .fans_list .fans_item.active {
    opacity: 1
}

.section_fan .fans_box-m .scroll_box .fans_list .fans_item .hide_text {
    display: none
}

.section_fan .fans_box-m .scroll_box .fans_list .fans_item.mask_play {
    overflow: visible
}

.section_fan .fans_box-m .scroll_box .fans_list .fans_item.mask_play::before {
    display: none
}

.section_fan .fans_box-m .scroll_box .fans_list .fans_item.mask_play::after {
    width: 36px;
    height: 36px
}

.section_fan .fans_box-m .scroll_box .fans_list::-webkit-scrollbar {
    display: none
}

.section_fan .fans_box-m .video_item {
    position: relative;
    width: 100%;
    height: 100vw
}

.section_fan .fans_box-m .video_item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section_fan .fans_box-m .video_item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1
}

.section_fan .fans_box-m .video_item .img_desc {
    display: flex;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 2vw 4vw;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 14px;
    overflow-y: auto;
    text-align: center
}

.section_fan .mask_play::before {
    background: rgba(0, 0, 0, 0.4)
}

.section_touch {
    padding: 0 0 100px 0
}

.section_touch .touch_wrapper {
    position: relative
}

.section_touch .bg_img {
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.section_touch .section_title {
    position: relative;
    color: #fff;
    font-family: "Manrope-Bold";
    text-align: center;
    padding: 24px 0 26px;
    line-height: 1
}

.section_touch .section_title h2 {
    font-size: 55px;
    color: var(--themeColor)
}

.section_touch .section_title .desc {
    font-size: 45px
}

@keyframes iconFlowLeft {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-10px)
    }
}

.section_touch .swiper3 .swiper-wrapper {
    height: auto;
    justify-content: space-between
}

.section_touch .swiper3 .swiper-slide {
    width: 31.8%;
    height: auto
}

.section_touch .swiper3 .swiper-slide:nth-of-type(1) .item_bg {
    background-image: url(../images/index/touch3.jpg)
}

.section_touch .swiper3 .swiper-slide:nth-of-type(2) .item_bg_text {
    top: 10%
}

.section_touch .swiper3 .touch_item {
    width: 100%;
    display: block;
    position: relative;
    padding-top: 46.85%;
    background: #ff0030;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer
}

.section_touch .swiper3 .touch_item .content_box {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.section_touch .swiper3 .touch_item .item_bg {
    z-index: 1;
    position: relative;
    width: 67.13%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.section_touch .swiper3 .touch_item .item_title {
    z-index: 2;
    position: absolute;
    right: 8.33%;
    top: 20%;
    font-size: 32px;
    font-family: "Manrope-Bold";
    color: #fff
}

.section_touch .swiper3 .touch_item .item_bg_text {
    z-index: 0;
    position: absolute;
    right: 0;
    top: 24%;
    left: 67.13%;
    transform: translate(-24%, 0);
    font-family: "Manrope-Bold";
    font-size: 60px;
    line-height: 0.8;
    color: #d50028;
    opacity: 0.5
}

.section_touch .swiper3 .touch_item .mask_play::after {
    width: 25%;
    height: 0;
    padding-top: 25%
}

.section_touch .swiper3 .touch_item .icon_more {
    position: absolute;
    left: 71.56%;
    bottom: 15%
}

.section_touch .swiper3 .touch_item:hover .icon_more {
    animation: iconFlowDown 1s linear infinite alternate
}

.section_touch .swiper3 .touch_item + .touch_item {
    margin-left: 16px
}

.section_blog {
    padding: 0 15px 50px
}

.section_blog .blog_wrapper {
    position: relative;
    max-width: 1140px;
    margin: 0 auto
}

.section_blog .bg_img {
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.section_blog .section_title {
    position: relative;
    color: #fff;
    font-family: "Manrope-Bold";
    text-align: center;
    padding: 24px 0 120px;
    line-height: 1;
    top: 40px
}

.section_blog .section_title h2 {
    font-size: 59px;
    color: var(--themeColor)
}

.section_blog .blog_list {
    display: flex;
    justify-content: center
}

.section_blog .blog_list img {
    width: 100%;
    max-width: 100% !important;
    height: auto !important
}

.section_blog .blog_left {
    width: 515px;
    margin: 0;
    margin-right: 25px;
    padding: 0 0 100px 0
}

.section_blog .blog_left .blog_item_text {
    padding-left: 30px
}

.section_blog .blog_left .blog_item_text a {
    color: #ffffff
}

.section_blog .blog_left .blog_item_text h3 {
    font-size: 22px;
    position: relative;
    margin-bottom: 10px
}

.section_blog .blog_left .blog_item_text h3::before {
    content: "";
    height: 35px;
    background-color: var(--themeColor);
    width: 3px;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%)
}

.section_blog .blog_left .swiper-button-prev, .section_blog .blog_left .swiper-button-next {
    --swiper-navigation-size: 18px;
    color: #fff;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 50%;
    transition: background-color 0.5s;
    top: 42%
}

.section_blog .blog_left .swiper-button-prev::after, .section_blog .blog_left .swiper-button-next::after {
    font-size: 20px;
    font-weight: bolder
}

.section_blog .blog_right {
    width: 500px;
    align-self: flex-start;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap
}

.section_blog .blog_right .blog_item {
    width: 49%;
    height: 50%;
    margin-bottom: 25px
}

.section_blog .blog_right .blog_item_text h3 {
    font-size: 18px
}

.section_blog .blog_item {
    position: relative;
    border-radius: 15px;
    overflow: hidden
}

.section_blog .blog_item_text {
    position: absolute;
    color: #ffffff;
    padding: 0 20px 20px;
    width: 100%;
    bottom: 0
}

.section_blog .blog_item_text h3 {
    font-family: "Manrope-ExtraBold";
    font-weight: normal
}

.section_blog .blog_item_text p {
    font-family: "Manrope-Light";
    font-weight: normal;
    font-size: 16px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.section_blog .pagination_wapper {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    height: 23px;
    margin: 0 auto
}

.section_blog .pagination_wapper .swiper-pagination-bullets {
    position: absolute;
    display: flex;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    right: auto;
    width: auto
}

@media screen and (min-width: 993px) {
    .section_product .product_list .product_item .bg_item .bg_text {
        font-size: 3.645vw
    }
    .section_fan .section_title {

        padding-top: 0px;
        font-size: 35px;
    }
    .section_banner_product .slide_wrapper {
        /*padding-top: 4vw;
        padding-left: 5vw;*/
		padding:4vw 1.2vw 0;
    }

    .section_product .product_list .product_item:hover .bg_item {
        overflow: visible;
        transform: scale(1.2) translate3d(0, 0, 0) translateZ(0);
		background:#16141a;
    }

    .section_product .product_list .product_item:hover .bg_item::after {
        opacity: 1
    }

    .section_product .product_list .product_item:hover .product_img {
        transform: translate(-26%, -31%)
    }

    .section_product .product_list .product_item:hover .content_box {
        visibility: visible
    }

    .section_product .product_list .product_item:hover .content {
        opacity: 1
    }

    .section_product .product_list .product_item:hover .content .title {
        -webkit-animation: fadeInDown 1 0.5s;
        animation: fadeInDown 1 1s
    }

    .section_product .product_list .product_item:hover .content p {
        -webkit-animation: fadeInDown 1 0.5s;
        animation: fadeInDown 1 0.5s
    }

    .section_product .product_list .product_item:hover .content .detail_link {
        -webkit-animation: fadeInDown 1 0.5s;
        animation: fadeInDown 1 0.5s
    }

    .section_product .product_list .product_item.aurora:hover .product_img {
        transform: translate(-27%, -54%)
    }

    .section_product .product_list .product_item.boxer:hover .product_img {
        transform: translate(-26%, -24%)
    }

    .section_product .product_list .product_item.LUSSO:hover .product_img {
        transform: translate(-26%, -50%)
    }
	
    .section_product .product_list .product_item.ringo:hover .product_img {
        transform: translate(-26%, -50%)
    }
    .section_product .product_list .product_item.sober:hover .product_img {
        transform: translate(-26%, -50%)
    }

    .section_product .product_list .product_item.piplus:hover .product_img {
        transform: translate(-26%, -43%)
    }
}

@media (min-width: 992px) and (max-width: 1300px) {
    .section_product .product_list .product_item .bg_item .product_img img {
        transform: scale(0.6)
    }

    .section_product .product_list .product_item:hover .content .title {
        font-size: 30px
    }

    .section_product .product_list .product_item .bg_item {
        border-radius: 18px
    }


    .section_product .product_list .product_item .bg_item::after {
        border-radius: 18px
    }

    .section_product .product_list .product_item .bg_item .product_img {
        transform: translateY(-15%)
    }

    .section_product .product_list .aurora:hover .product_img {
        transform: translate(-27%, -60%) !important
    }
	
    .section_product .product_list .LUSSO:hover .product_img {
        transform: translate(-26%, -70%) !important
    }
    .section_product .product_list .ringo:hover .product_img {
        transform: translate(-26%, -70%) !important
    }

    .section_product .product_list .sober:hover .product_img {
        transform: translate(-26%, -67%) !important
    }

    .section_product .product_list .piplus:hover .product_img {
        transform: translate(-26%, -83%) !important
    }

    .section_product .product_list .product_item .content_box .content {
        width: 60%;
        right: -6%
    }
}

@media screen and (min-width: 1320px) {
    .section_product .product_list .product_item .bg_item .bg_text {
        font-size: 40px;
		white-space: nowrap;
    }

    .section_product .product_list .product_item:hover .bg_item {
        transform: scale(1.22) translate3d(0, 0, 0) translateZ(0)
    }

    .section_product .product_list .product_item .bg_item .product_img img {
        transform: scale(0.8)
    }
	
    .section_product .product_list .product_item.LUSSO:hover .product_img {
        transform: translate(-26%, -60%)
    }
    .section_product .product_list .product_item.ringo:hover .product_img {
        transform: translate(-26%, -60%)
    }

    .section_product .product_list .sober:hover .product_img {
        transform: translate(-26%, -36%)
    }

    .section_product .product_list .piplus:hover .product_img {
        transform: translate(-26%, -48%)
    }

    .section_product .product_list .product_item .bg_item .product_img {
        transform: translateY(5%)
    }
}

@media screen and (max-width: 1320px) {
    .section_banner .slide1 .slide_img {
        width: 30%;
        right: 32px;
        margin: 0
    }

    .section_banner .slide1 .slide_img img {
        width: 100%
    }

    .section_banner .slide2 .slide_img {
        width: 30%;
        right: 32px;
        margin: 0
    }

    .section_banner .slide2 .slide_img img {
        width: 100%
    }

    .section_banner_product .slide_wrapper .bg_img {
        left: 32px
    }

    .section_banner_product .slide_wrapper .slide_video {
        width: 60%
    }

    .section_banner_product .slide_wrapper .slide_video img {
        width: 100%
    }

    .section_fan .fans_box {
        height: 38.33vw
    }
}

@media screen and (max-width: 992px) {
    .section_banner .swiper-container {
        height: 12.5rem;
        max-height: none
    }

    .section_banner .slide1 .slide_wrapper {
        align-items: center;
        justify-content: space-between;
        padding-top: 60px;
        padding-bottom: 170px
    }

    .section_banner .slide2 .slide_wrapper {
        align-items: center;
        justify-content: space-between;
        padding-top: 60px;
        padding-bottom: 170px
    }

    .section_banner .pagination_wapper {
        bottom: 4vw
    }

    .section_banner .slide1 .title {
        margin: 0;
        width: 100%;
        text-align: center
    }

    .section_banner .slide1 .title .after_txt {
        font-size: 180px;
        letter-spacing: -4px
    }

    .section_banner .slide1 .title .before_txt {
        width: 90%;
        left: auto;
        top: auto;
        font-size: 150px;
        letter-spacing: -4px;
        text-align: left;
        line-height: 0.9
    }

    .section_banner .slide1 .desc {
        margin-left: 0
    }

    .section_banner .slide1 .slide_img {
        margin-top: 140px;
        width: 50%;
        right: 10%
    }

    .section_banner .slide2 .title {
        margin: 0;
        width: 100%;
        text-align: center
    }

    .section_banner .slide2 .title .after_txt {
        font-size: 180px;
        letter-spacing: -4px
    }

    .section_banner .slide2 .title .before_txt {
        width: 90%;
        left: auto;
        top: auto;
        font-size: 150px;
        letter-spacing: -4px;
        text-align: left;
        line-height: 0.9
    }

    .section_banner .slide2 .desc {
        margin-left: 0
    }

    .section_banner .slide2 .slide_img {
        margin-top: 40px;
        width: 38%;
        right: 14%
    }

    .singa_text {
        top: 3%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        width: 100%
    }

    .singa_text h1 {
        font-size: 5.46667vw;
        max-width: 66.66667vw;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        line-height: 1.2;
        margin: 2vw 0
    }

    .singa_text h1 br {
        display: none
    }

    .singa_logo img {
        width: 43.06667vw;
        margin-bottom: 1.33333vw
    }

    .singa_logo {
        width: auto
    }

    .singa_logo p {
        font-size: 3.06667vw;
        width: 100%
    }

    .slogan {
        font-size: 3.6vw
    }

    .banner_spec {
        display: flex;
        margin-top: 3.33333vw;
        justify-content: center
    }

    .banner_spec img {
        width: 5.33333vw
    }

    .banner_spec li {
        margin-right: 2.66667vw
    }

    .banner_spec span {
        margin-top: 1.33333vw;
        line-height: 1.2;
        font-size: 1.73333vw
    }

    .section_product {
        padding-bottom: 10vw
    }

    .section_product .product_list {
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0
    }

    .section_product .product_list .product_item, .section_product .product_list .product_item .bg_item, .section_product .product_list .product_item .content_box {
        width: 49.28%;
        height: 33.46vw;
        padding-bottom: 0
    }

    .section_product .product_list .product_item .bg_item, .section_product .product_list .product_item .bg_item::after {
        border-radius: 5px
    }

    .section_product .product_list .product_item {
        margin-bottom: 10px;
        font-size: 10vw
    }

    .section_product .product_list .product_item .bg_item .product_img {
        transform: translateY(40%)
    }

    .section_product .product_list .product_item .bg_item .product_img img {
        transform: scale(1);
        max-width: 10vw
    }

    .section_product .product_list .product_item .bg_item .bg_text {
        color: #16141a;
        top: 0;
        font-size: .6em;
		white-space: nowrap;
        transform: translate(-50%, 10px)
    }

    .section_product .section_title .sub_title {
        font-size: 2.13333vw
    }

    .section_product .product_list .product_item.boxer .bg_item .bg_text {
        transform: translate(-50%, 10px)
    }

    .section_product .product_list .product_item.boxer .bg_item .product_img {
        max-width: 80%;
        transform: translateY(40%)
    }

    .section_product .product_list .product_item.boxer .bg_item .product_img img {
        transform: translateY(-5vw) scale(1);
        max-width: 15vw
    }
    .section_product .product_list .product_item.LUSSO .bg_item .product_img img {
        transform: translateY(-15vw) scale(0.6) !important;
    }	
    .section_product .product_list .product_item.ringo .bg_item .product_img img {
        transform: translateY(-22vw) scale(0.8) !important;
    }
    .section_product .product_list .product_item.aurora .bg_item .product_img img {
        transform: translateY(-13vw) scale(0.8) !important;
    }

    .section_product .product_list .product_item.sober .bg_item .product_img img {
        transform:translateY(-7vw)  scale(1);
        max-width: 10vw;
    }
    .section_product .product_list .product_item.active .bg_item {
       overflow: inherit !important;
    }
    .section_product .product_list .product_item .content_box .content {
        width: 50%;
        right: 0
    }

    .section_product .product_list .product_item .content_box .content .title {
        font-size: 4vw
    }

    .section_product
    .product_list
    .product_item
    .content_box
    .content
    .sub_title {
        font-size: 2.66667vw;
        margin-top: 4px
    }

    .section_product .product_list .product_item .content_box .content p {
        font-size: 1.6vw;
        margin-top: 10px
    }

    .section_product
    .product_list
    .product_item
    .content_box
    .content
    .detail_link {
        font-size: 1.6vw;
        margin-top: 10px;
        padding: 0.5vw 1.5vw
    }

    .section_product .product_list .product_item.active .bg_item {
        overflow: hidden;
        transform: scale(1) translate3d(0, 0, 0) translateZ(0)
    }

    .section_product .product_list .product_item.active .bg_item::after {
        opacity: 1
    }

    .section_product .product_list .product_item.active .product_img {
        transform: translate(-26%, 20%)
    }

    .section_product .product_list .product_item.active .content_box {
        visibility: visible
    }

    .section_product .product_list .product_item.active .content {
        opacity: 1
    }

    .section_product .product_list .product_item.active .content .title {
        -webkit-animation: fadeInDown 1 0.5s;
        animation: fadeInDown 1 1s
    }

    .section_product .product_list .product_item.active .content p {
        -webkit-animation: fadeInDown 1 0.5s;
        animation: fadeInDown 1 0.5s
    }

    .section_product .product_list .product_item.active .content .detail_link {
        -webkit-animation: fadeInDown 1 0.5s;
        animation: fadeInDown 1 0.5s
    }

    .section_product .product_list .product_item.boxer.active .product_img {
        transform: translate(-36%, 20%)
    }

    .section_product .section_title {
        margin-bottom: 8vw;
		padding-top:10vw;
    }

    .section_product .section_title h1, .section_fan .section_title h1 {
        font-size: 8vw;
        padding-top: 20px;
        margin: 0 0 16px 0
    }
	
.section_fan .section_title h2 { font-size: 8vw;}

    .section_product .section_title h1 span,.section_fan .section_title h1 span{
        font-size: 8.5vw
    }

.section_banner_product{ padding-bottom: 10vw;}
    .section_banner_product .swiper-container {
        /*height: 110.66vw;*/
		height: auto;
        padding: 0vw 0 10vw 0
    }

    .section_banner_product .slide_wrapper {
        flex-direction: column;
        align-items: flex-start
    }

    .section_banner_product .pagination_wapper {
        bottom: 0
    }

    .section_banner_product .bg_img {
        width: 89vw;
        left: auto;
        transform: translate(0);
        padding: 0 3.46vw
    }

    .section_banner_product .bg_img img {
        width: 100%
    }

    .section_banner_product .slide_wrapper .slide_video {
        width: 100%
    }

    .section_banner_product .slide_wrapper .slide_content {
        margin-left: 10.88%;
        font-size: 10vw;
        width: 89.12%
    }

    .section_banner_product .slide_wrapper .slide_content .title {
        font-size: 20px
    }
	
	.section_fan{ padding-bottom:10vw;}

    .section_banner_product
    .slide_wrapper
    .slide_content
    .title
    span:first-child {
        font-size: 24px
    }

    .section_banner_product .slide_wrapper .slide_content .desc {
        margin: 12px 0;
        font-size: 0.3em;
        line-height: 1.3
    }

    .section_banner_product .icon_more {
        animation-name: iconFlowDown
    }

    .section_banner_product .icon_more::before {
        transform: rotate(90deg)
    }

    .section_banner_product .pagination_wapper .swiper-pagination-bullets {
        left: 50%;
        transform: translate(-50%, 0)
    }

    .section_fan .bg_img {
        width: 72.53vw;
        left: auto;
        right: 0;
        transform: translate(0);
        padding: 0 3.46vw
    }

    .section_fan .bg_img img {
        width: 100%
    }

    .section_fan .section_title {
        font-size: 10vw;
        margin-bottom: 8vw;
        padding-top: 0vw;
    }

    .section_fan .section_title .desc {
        margin: 12px 0;
        font-size: 0.25em
    }

    .section_fan .fans_box {
        /*display: none*/
		display: block;
        overflow: hidden;
    }

    .section_fan .fans_box-m {
        display: block
    }

    .section_touch {
        padding-bottom: 16.66vw;
        font-size: 10vw
    }

    .section_touch .touch_wrapper {
        padding: 0
    }

    .section_touch .section_title {
        font-size: 1em;
        padding: 0;
        margin-bottom: 10.66vw
    }

    .section_touch .section_title .desc {
        font-size: 0.7em
    }

    .section_touch .section_title h2, .section_blog .section_title h2 {
        font-size: 0.98em
    }

    .section_touch .bg_img {
        padding: 0 1.6vw
    }

    .section_touch .bg_img img, .section_blog .bg_img img {
        width: 100%
    }

    .section_touch .swiper3 .swiper-slide {
        width: 57.2vw
    }

    .section_touch .swiper3 .touch_item, .section_blog .blog_item {
        border-radius: 1.46vw
    }

    .section_touch .swiper3 .touch_item .item_bg_text {
        font-size: 0.75em;
        top: 28%
    }

    .section_touch .swiper3 .touch_item .item_title {
        font-size: 0.5em;
        right: 3.49%
    }

    .section_touch .swiper3 .swiper-slide:nth-of-type(3) .item_bg_text {
        font-size: 0.9em
    }

    .section_touch .swiper3 .swiper-slide:nth-of-type(3) .item_title {
        font-size: 0.5em;
        right: 11.49%
    }

    .section_touch .swiper3 .touch_item:hover .icon_more {
        animation: none
    }

    .section_blog {
        padding-bottom: 10vw;
        font-size: 10vw
    }

    .section_blog .blog_list {
        display: block
    }

    .section_blog .blog_left {
        width: 100%;
        padding: 0px 0 50px 0
    }

    .section_blog .blog_item {
        height: auto
    }

    .section_blog .swiper-wrapper {
        height: auto
    }

    .section_blog .blog_right {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .section_blog .blog_right .blog_item {
        width: 48.5%;
        margin-bottom: 0
    }

    .section_blog .section_title h2 {
        padding-top: 4vw
    }

    .section_blog .pagination_wapper {
        bottom: 15px
    }

    .section_blog .section_title {
        font-size: 1em;
        padding: 0;
        margin-bottom: 10.66vw
    }

    .section_blog .blog_left .blog_item_text h3 {
        font-size: 20x
    }

    .section_blog .blog_item_text p {
        font-size: 16px
    }

    .section_blog .blog_right .blog_item_text h3 {
        font-size: 20px
    }

    .section_blog .blog_left .blog_item_text h3::before {
        left: -15px
    }
}

@media screen and (max-width: 768px) {
    .section_banner .swiper-container {
        height: 12.5rem;
    }

    .section_banner .slide1 .slide_wrapper {
        padding-top: 8vw;
        padding-bottom: 22.66667vw
    }

    .section_banner .slide1 .title .after_txt {
        font-size: 20vw
    }

    .section_banner .slide1 .title .before_txt {
        font-size: 150px
    }

    .section_banner .slide1 .desc {
        font-size: 20px;
        margin-left: 0;
        width: 500px;
        max-width: 95%
    }

    .section_banner .slide1 .slide_img {
        width: 366px;
        margin-top: 184px;
        right: 5%
    }

    .section_banner .slide2 .slide_wrapper {
        padding-top: 8vw;
        padding-bottom: 22.66667vw
    }

    .section_banner .slide2 .title .after_txt {
        font-size: 20vw
    }

    .section_banner .slide2 .title .before_txt {
        font-size: 150px
    }

    .section_banner .slide2 .desc {
        font-size: 20px;
        margin-left: 0;
        width: 500px;
        max-width: 95%
    }

    .section_banner .slide2 .slide_img {
        width: 293px;
        margin-top: 60px;
        right: 10%
    }

    .section_banner .pagination_wapper {
        bottom: 4vw
    }

    .section_product .section_title .sub_title {
        font-size: 14px
    }
}

@media screen and (max-width: 600px) {
    .tpd_list .tpd_item {
        padding: 0
    }

    .tpd_list.text_cricle::before {
        left: 3%
    }

    .tpd_list .tpd_item .number {
        font-size: 130px
    }

    .tpd_list .tpd_item .content span {
        font-size: 18px
    }

    .tpd_list .tpd_item .content p {
        font-size: 13px
    }

    .section_banner_product .slide_wrapper .slide_content .desc {
        margin: 12px 0;
        font-size: 12px;
        line-height: 1.3
    }

    .singa_text {
        top: 7%
    }

    .singa_logo p {
        font-size: 14px
    }

    .singa_text h1 {
        font-size: 21px;
        margin: 10px 0;
        max-width: 80%
    }

    .slogan {
        font-size: 16px
    }

    .banner_spec {
        display: none
    }

    .section_fan .section_title .desc {
        font-size: 12px;
        line-height: 1.3
    }

    .section_product .section_title .sub_title {
        font-size: 12px
    }

    .section_product .product_list .product_item .content_box .content .title {
        font-size: 18px
    }

    .section_product .product_list .product_item .content_box .content p {
        font-size: 9px;
        margin-top: 4px
    }

    .section_product
    .product_list
    .product_item
    .content_box
    .content
    .detail_link {
        font-size: 9px;
        margin-top: 4px
    }

    .section_banner .slide1 .slide_img {
        width: 48.8vw;
        margin-top: 24.53333vw
    }

    .section_banner .slide1 .title .after_txt img {
        max-width: 58.13333vw
    }

    .section_banner .slide1 .title .before_txt {
        font-size: 20vw
    }

    .section_banner .slide1 .desc {
        font-size: 3.2vw;
        margin-left: 0
    }

    .section_banner .slide2 .slide_img {
        width: 39.06667vw;
        margin-top: 5.33333vw
    }

    .section_banner .slide2 .title .after_txt img {
        max-width: 73.86667vw
    }

    .section_banner .slide2 .title .before_txt {
        font-size: 20vw
    }

    .section_banner .slide2 .desc {
        font-size: 3.2vw;
        margin-left: 0
    }

    .section_banner .swiper-button-prev {
        left: 5px
    }

    .section_banner .swiper-button-next {
        right: 5px
    }

    .section_blog .blog_left {
        padding: 0px 0 50px 0
    }

    .section_blog .pagination_wapper {
        bottom: 15px
    }

    .section_blog .section_title {
        font-size: 1em;
        padding: 0;
        margin-bottom: 14.66vw
    }

    .section_blog .section_title h2 {
        padding-top: 0
    }

    .section_blog .blog_left .blog_item_text h3 {
        font-size: 16px
    }

    .section_blog .blog_item_text p {
        font-size: 12px
    }

    .section_blog .blog_right .blog_item_text h3 {
        font-size: 14px
    }

    .section_blog .blog_item_text {
        padding: 0 10px 10px
    }

    .section_blog .blog_left .blog_item_text h3::before {
        left: -15px
    }
}

.fans_box {
    display: flex;
    justify-content: space-around;
    height: auto !important;
}

.fanclub-img-box {
    width: 19%;
    cursor: pointer;
    overflow: hidden;
    min-height: 200px;
}

.fanclub-img {
    width: 100%;
    transition: all .3s linear;
    height: 100%;

}

.fanclub-img:hover {
    transform: scale(1.1);
}

#fans_box_swiper .swiper-slide, #fans_box_swiper .fanclub-img-box_m {
    width: 40vw;
}

#fans_box_swiper .swiper-wrapper {
    height: auto;
}

#fans_box_swiper .fanclub-img-box_m img {
    width: 100%;
}

.fanclub-img-box{width: 24%; height: 482px;}	
.fanclub-img-box a{ position: relative;}
.fanclub-img-box a:before{background-color: rgba(19, 19, 19, 0.3); width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; content: '';}
.fanclub-img{object-position: 50% 50%; object-fit: cover;}
.fanclub-img-box .dtitle{ position: absolute; left: 0; top: 20%; margin-top: -15px; height: 30px; line-height: 30px; font-size: 1.45em !important; width: 100%; color: #fff; text-align: center; font-family: "Manrope-ExtraBold";}

@media screen and (max-width: 992px){
.section_fan .fans_box {display: block; overflow: hidden;}
.fanclub-img-box {
  width: 48%;
  height: 284px;
  margin: 0 1% 2%;

  float: left;
}

}

@media screen and (max-width: 767px){
.fanclub-img-box .dtitle{ font-size:14px !important;}

}