.sb-page .lbox{
    margin-bottom: 0;
}
.sb-page .mou1{
    justify-content: space-between;
}
.sb-page .mou1_left{
    width: 46.5%;
    padding-right: 90px;
    padding-bottom: 77px;
    position: relative;
}
.sb-page .mou1_img .imgBox{
    padding-bottom: 109%;
}
.sb-page .mou1_img2{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
}
.sb-page .mou1_img2 .imgBox{
    padding-bottom: 120%;
}
.sb-page .mou1_right{
    width: 51.5%;
}
.sb-page .mou1_tit{
    font-family: Syne-SemiBold;
    font-weight: 600;
    font-size: 48px;
    color: #000000;
    text-transform: uppercase;
    line-height: 1.2;
}
.sb-page .mou1_desc{
    margin-top: 50px;
    font-family: ArialMT;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
}
.sb-page .mou2{
    background-color: var(--commonColor);
    margin-top: 5%;
    padding: 5% 0;
    background-repeat: no-repeat;
    background-position: top right;
}
.sb-page .mou2_tit{
    font-family: Syne-SemiBold;
    font-weight: 600;
    font-size: 48px;
    color: #FFFFFF;
}
.sb-page .mou2_main{
    margin-top: 60px;
    display: flex;
    align-items: flex-end;
    align-items: center;
}
.sb-page .mou2_main lite-youtube{
    width: 33.7%; width: 44%;
    height: 292px;
}
.sb-page lite-youtube>.lty-playbtn{
    width: 131.1px !important;
    height: 131.1px !important;
    filter: none !important;
    background: url("https://www.sabosurf.com/wp-content/themes/template10/template/img/demo/video_play.png") no-repeat !important;
    background-size: 100% 100% !important;
}
.sb-page .mou2_right{
    flex: 1; align-items: unset; padding-top: 35px;
}
.sb-page .mou2_right_div{
    margin-left: 45px;
    width: calc((100% - 90px) / 2);
    background: #FFFFFF;
    padding: 50px 30px 30px;
    position: relative;
    border-bottom: 5px solid var(--commonColor);
}
.sb-page .mou2_right_div:hover img{transform: rotate(25deg);}
.sb-page .mou2_right_t{
    font-family: Syne-SemiBold;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    line-height: 1.5em;
    /* height: 1.5em; */
    overflow: hidden;
}
.sb-page .mou2_right_d{
    font-family: ArialMT;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 1.5em;
    /* height: 6em; */
    overflow: auto;
    margin-top: 10px;
}
.sb-page .mou2_right_icon{
    width: 69px;
    height: 69px;
    background: var(--commonColor);
    position: absolute;
    top: -35px;
    left: 30px;
    justify-content: center;
}
.sb-page .mou2_right_icon img{
    max-width: 100%;
    max-height: 100%;
}
.sb-page .mou3{
    padding: 60px 80px;
    background: var(--commonColor);
    justify-content: space-between;
    /* border-bottom: 6px solid #080909; */
}
.sb-page .mou3_div{
    text-align: center;
}
.sb-page .mou3_div_t{
    font-family: Arial-BoldMT;
    font-weight: bold;
    font-size: 50px;
    color: #FFFEFE;
}
.sb-page .mou3_div_d{
    font-family: ArialMT;
    font-weight: 400;
    font-size: 16px;
    color: #FFFEFE;
    opacity: 0.69;
    margin-top: 10px;
}
.sb-page .mou3_div_line{
    width: 1px;
    height: 69px;
    background: #FFFFFF;
    opacity: 0.19;
}
.sb-page .mou3 .mou3_div_line:last-child{
    display: none;
}
.sb-page .mou4{
    margin: 6% 0;
    justify-content: space-between;
}
.sb-page .mou4_left{
    width: 50%;
    display: flex;
    justify-content: space-between;
}
.sb-page .mou4_left_img{
    width: calc((100% - 30px) / 2);
}
.sb-page .mou4_left_img .imgBox{
    padding-bottom: 160%;
}
.sb-page .mou4_left .mou4_left_img:nth-child(1){
    margin-top: 58px;
}
.sb-page .mou4_right{
    width: 43%;
}
.sb-page .mou4_title{
    line-height: 1.2;
    font-family: Syne-SemiBold;
    font-weight: 600;
    font-size: 46px;
    color: #000000;
}
.sb-page .mou4_desc{
    font-family: ArialMT;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    margin-top: 30px;
}
.sb-page .mou5{
    padding: 12% 0 7.5%;
}
.sb-page .mou5_left{
    max-width: 700px;
}
.sb-page .mou5_tit{
    font-family: Syne-Bold;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2;
    color: #FFFFFF;
}
.sb-page .mou5_desc{
    font-family: ArialMT;
    font-weight: 400;
    font-size: 16px;
    color: #E5E5E5;
    line-height: 30px;
    margin: 30px 0 60px;
}
@media only screen and (max-width: 950px) {
    .sb-page .mou1{
        flex-wrap: wrap;
    }
    .sb-page .mou1_left{
        width: 100%;
        margin-bottom: 30px;
    }
    .sb-page .mou1_right{
        width: 100%;
    }
    .sb-page .mou1_tit{
        font-size: 36px;
    }
    .sb-page .mou1_desc{
        margin-top: 30px;
    }
    .sb-page .mou2_tit{
        font-size: 28px;
    }
    .sb-page .mou2_main, .sb-page .mou2_right{
        flex-wrap: wrap;
    }
    .sb-page .mou2_main lite-youtube{
        width: 100%;
    }
    .sb-page .mou2_right{
        width: 100%;
    }
    .sb-page .mou2_right_div{
        width: 100%;
        margin-left: 0;
        margin-top: 50px;
    }
    .sb-page .mou3{
        padding: 30px;
        flex-wrap: wrap;
    }
    .sb-page .mou3_div{
        width: 100%;
    }
    .sb-page .mou3_div_line{
        display: none;
    }
    .sb-page .mou3_div_t{
        font-size: 36px;
    }
    .sb-page .mou4{
        flex-wrap: wrap;
    }
    .sb-page .mou4_left{
        width: 100%;
        margin-bottom: 30px;
    }
    .sb-page .mou4_right{
        width: 100%;
    }
    .sb-page .mou4_title, .sb-page .mou5_tit{
        font-size: 36px;
    }
    .sb-page .mou4_desc{
        margin-top: 20px;
    }
    .sb-page .mou2_right_d{height: auto;}
}

.sb-page .common-next, .sb-page .common-prev{width: 30px; height: 44px; background-color: #000; background-position: center; background-size: 12px auto; background-repeat: no-repeat; border-radius: 2px;}
.sb-page .common-next::before, .sb-page .common-prev::before{display: none;}
.sb-page .common-prev{background-image: url("https://www.sabosurf.com/wp-content/themes/template10/template/img/pro_left3.png"); left: -40px;}
.sb-page .common-next{background-image: url("https://www.sabosurf.com/wp-content/themes/template10/template/img/pro_right3.png"); right: -40px;}
.sb-page .common-next:hover, .sb-page .common-prev:hover{background-color: var(--commonColor);}
@media only screen and (max-width: 980px) {
    .sb-page .common-next, .sb-page .common-prev{width: 22px; height: 36px; background-size: 8px auto;}
    .sb-page .common-prev{left: 0;}
    .sb-page .common-next{right: 0;}
}

/* about_photo */
.sb-page .pubPic{position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 75%;}
.sb-page .pubPic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease;}

.sb-page .photo_title{line-height: 1.2; font-family: Syne-SemiBold; font-weight: 600; font-size: 46px; color: #000000;}
.sb-page .about_photo{overflow: hidden; margin-bottom: 5%;}
.sb-page .photo_inner{margin-top: 2.2%; position: relative;}
.sb-page .swiper_about_factory{overflow: hidden;}
.sb-page .swiper_about_show{overflow: hidden;}
.sb-page .photo_inner .swiper-slide{width: calc((100% - 75px) / 4); margin-right: 25px;}
.sb-page .photo_item:hover .pic img{transform: scale(1.1);}

.sb-page .photo_inner .common-next{display: block !important;}
.sb-page .photo_inner .common-prev{display: block !important;}

@media only screen and (max-width: 1450px) {
	.sb-page .photo_inner .swiper-slide{width: calc((100% - 60px) / 4); margin-right: 20px;}
    .sb-page .photo_title{font-size: 42px;}
}
@media only screen and (max-width: 980px) {
    .sb-page .about_photo{margin-bottom: 30px;}
    .sb-page .photo_title{font-size: 26px;}
	.sb-page .photo_inner{margin-top: 18px;}
	.sb-page .photo_inner .swiper-slide{width: calc((100% - 20px) / 2); margin-right: 20px;}
}
@media only screen and (max-width: 640px) {
	.sb-page .photo_inner .swiper-slide{width: 100%; margin-right: 20px;}
}