.promo-section {
    position: relative;
    color: #111;
    font-family: 'myriadsetpro-thinthin', Arial;
    font-size: 16px;
    line-height: 1.2;
    font-weight: normal;
    background-color: #fff;
    margin: 0 auto;
}
.promo-section .s-title {
    font-size: 2em;
    line-height: 1.1;
}
.promo-section .s-text {
    margin-top: 15px;
    line-height: 1.5;
    font-size: 1em;
}
.promo-section img {
    width: 100%;
}
.promo-section .s-container{
    padding: 20px;
}

.promo-section-2,
.promo-section-4 {
    margin: 0 auto;
    max-width: 1200px;
    color: #000;
    padding: 60px 0 80px 0;
}
.promo-section-2 .promo-section-title,
.promo-section-4 .promo-section-title {
    font-size: 60px;
    color: #000;
}
.promo-section-2 .iframe-box,
.promo-section-4 .iframe-box {
    margin-top: 20px;
}
.promo-section-4 .promo-section-title2 {
    font-size: 48px;
}

.promo-section-3 {
    width: 100%;
    height: 1649px;
    position: relative;
    overflow: hidden;
    color: #fff;
}
.promo-section-3 .big-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.promo-section-3 .promo-section-word {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 380px;
    height: 50%;
}
.promo-section-3 .promo-section-title {
    width: 600px;
    position: absolute;
    top: -35%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 47px;
    text-align: center;
}
.promo-section-3 .promo-section-word-item {
    position: absolute;
}
.promo-section-3 .promo-section-word-1 {
    top: -10%;
    right: -74%;
    text-align: left;

}
.promo-section-3 .promo-section-word-2 {
    top:0;
    left: -109%;
    text-align:right;
}
.promo-section-3 .promo-section-word-2::before {
    position: absolute;
    width: 60px;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
    right: -65px;
    display:inline-block ;
    background: white;
    content: "";
    clear: both;
}
.promo-section-3 .promo-section-word-3 {
    bottom: 30%;
    right: -110%;
    text-align: left;
}
.promo-section-3 .promo-section-word-item .p1 {
    font-size: 30px;
    font-weight: bold;
}
.promo-section-3 .promo-section-word-item .p2 {
    font-size: 24px;
}
.promo-section-3 .promo-section-word-1::before {
    position: absolute;
    width: 60px;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
    left: -65px;
    display:inline-block ;
    background: white;
    content: "";
    clear: both;
}
.promo-section-3 .promo-section-word-3::before {
    position: absolute;
    width: 60px;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
    left: -65px;
    display:inline-block ;
    background: white;
    content: "";
    clear: both;
}

.promo-section-5 ul{
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.promo-section-5 p{
    font-size:24px;
    line-height: 30px;
    color: #000;
    margin-bottom: 0;
}
.promo-section-5 li{
    width: 25%;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    text-align: center;
}
.promo-section-5 ul li:nth-child(even){
    margin: 0 60px;
}
.promo-section-5 ul img{
    width: 100%;
    margin-bottom: 30px;
}

.promo-section-6 {
    background: #000;
    padding-bottom: 50px;
    color: #fff;
    text-align: center;
}
.promo-section-6 ul{
    display: flex;
    justify-content: center;
    padding-bottom: 64px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.promo-section-6 li{
    display: flex;
    justify-content: left;
    min-width: 500px;
    margin:0 50px;
    padding: 0;
}
.promo-section-6 li .right{
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    text-align: left;
}
.promo-section-6 .p1{
    font-size: 50px;
    font-weight: bold;
    padding: 100px 0;
}
.promo-section-6 p{
    font-size: 36px;
    margin-bottom: 0;
}
.promo-section-6 .promo-section-img{
    width: 80%;
    margin: 50px 0 100px 0;
}

.promo-section-7 {
    background: #000;
    color: #fff;
    display: flex;
    justify-content: center;
}
.promo-section-7 .left{
    width: 70%;
}
.promo-section-7 .left img{
    width: 100%;
}
.promo-section-7 .right{
    padding-left: 84px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #0b0f18;
}
.promo-section-7 .right img{
    width: 241px !important;
    margin-bottom: 32px;
}
.promo-section-7 p{
    font-size: 36px;
    line-height: 36px;
    text-align: left;
    margin-bottom: 20px;
}
@media screen  and (max-width: 1700px) and (min-width: 1200px){
    .promo-section-7 .right{
        padding-left: 30px;
    }
    .promo-section-7 p{
        font-size: 30px;
    }
}

.promo-section-8 img{
    max-width: 100%;
}

.promo-section-8 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.promo-section-8 li{
    margin: 0;
    padding: 0;
    position: relative;
}
.promo-section-8 li p{
    position: absolute;
    top: 18%;
    left: 0;
    font-size: 36px;
    color: #000;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.promo-section-8 li:first-child p {
    font-size: 30px;
}

.promo-section-9 {
    width: 100%;
    overflow: hidden;
    padding: 100px 0;
    /* text-align: center; */
}
.promo-section-9 .img-wrapper {
    position: relative;
    width: 993px;
    margin: 0 auto;
    perspective: 1000px;
    padding-top: 100px;
}
.promo-section-9 .phone {
    position: relative;
    z-index: 1;
    width: 993px;
    margin: 0 auto;
}
.promo-section-9 .white-wrapper {
    z-index: 3;
    overflow: hidden;
    position: absolute;
    width: 805px;
    height: 400px;
    left: 84px;
    margin-top: -428px;
    transform: rotateX(50deg);
}
.promo-section-9 .border1{
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    width: 993px;
    margin: 0 auto;
    border: none
}
.promo-section-9 .black-wrapper {
    position: absolute;
    width: 805px;
    height: 400px;
    left: 84px;
    margin-top: -428px;
    transform: rotateX(50deg);
    z-index: 1;
}
.promo-section-9 .img-wrapper img {
    width: 100%;
    height: 233px;
}
.promo-section-9 .img-wrapper .moveWord {
    position: absolute;
    font-size: 90px;
    margin-top: 243px;
    white-space: nowrap;
    color: #151515;
}
.promo-section-9 .img-wrapper .moveWord {
    position: absolute;
    font-size: 90px;
    margin-top: 243px;
    white-space: nowrap;
    color: #151515;
}
.promo-section-9 .img-wrapper .white {
    color: #fff !important;
}
.promo-section-9 p{
    text-align: left;
    padding-left: 20%;
    margin-bottom: 0;
}
.promo-section-9 .p1{
    font-size: 50px;
    color: #000;
    padding-bottom: 46px;
}
.promo-section-9 .p2{
    font-size: 30px;
    line-height: 36px;
    color: #000;
}
.promo-section-9 .p3{
    font-size: 30px;
    line-height: 36px;
    color: rgb(101,202,220);
    margin: 20px 0;
}

.promo-section-10 {
    background: rgb(21, 21, 21);
    padding-top: 100px;
    color: #fff;
}
.promo-section-10 p{
    text-align: left;
    padding-left: 20%;
}
.promo-section-10 .p1 {
    font-size: 50px;
}
.promo-section-10 .p2 {
    font-size: 40px;
    margin-bottom: 100px;
}

.promo-section-11 {
    padding-top: 126px;
    background: #010204;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.promo-section-11 .p1{
    font-size: 40px;
    margin: 50px 0 10px 0;
    text-align: center;
}
.promo-section-11 ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.promo-section-11 li {
    padding: 0;
    margin: 0;
}
.promo-section-11 p{
    font-size: 24px;
}
.promo-section-11 .left{
    font-size: 48px;
}
.promo-section-11 .promo-section-word-box{
    width: 55%;
}
.promo-section-11 .promo-section-word-box-1{
    padding: 50px ;
    background: #222;
    display: flex;
    justify-content: center;
}
.promo-section-11 .promo-section-word-box-1 .left{
    display: flex;
    justify-content: center;
    align-items: center;
}
.promo-section-11 .promo-section-word-box-1 .right p{
    text-align: left;
    padding-left: 50px;
}
.promo-section-11 ul{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.promo-section-11 li{
    width: 45%;
    text-align: left;
    margin-bottom: 10px;
    padding: 20px  50px;
    font-size: 24px;
}
.promo-section-11 li:nth-child(even){
    background: #0168b7;
    margin-left: 20px;
}
.promo-section-11 li:nth-child(odd){
    background: #222222;
}
.promo-section-11 .li-price{
    padding: 50px;
}
.promo-section-11 .li-img{
    background: none !important;
    position: relative;
    height: 376px;
    padding: 0 50px;
}
.promo-section-11 .li-img img{
    position: absolute;
    top:-50px;
    left:-50px;
    width: initial;
}
.promo-section-11 .li-img .li-img1{
    left: 60px;
}

.promo-section-13,
.promo-section-13 ul {
    width: 100%;
    background: #000;
    color: #fff;
}
.promo-section-13 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.promo-section-13 p {
    margin-bottom: 0;
}
.promo-section-13 ul li {
    margin: 0;
    padding: 0;
}
.promo-section-13 .promo-section-item-1{
    display: flex;
    justify-content: center;
}
.promo-section-13 .promo-section-item-1 li{
    width: 33%;
    /*flex: 1;*/
    position: relative;
}
.promo-section-13 .promo-section li img{
    width: 100%;
    /*height: 100%;*/
}
.promo-section-13 .promo-section-item-1 li p{
    position: absolute;
    font-size: 24px;
    text-align: left;
}
.promo-section-13 .promo-section-item-1 li .p1{
    bottom: 20%;
    left: 20px;
}
.promo-section-13 .promo-section-item-1 li .p2{
    top: 10%;
    left: 30px;
}
.promo-section-13 .promo-section-item-1 li .p3{
    color: #000;
    top: 10%;
    left: 30px;
}
.promo-section-13 .promo-section-item-2 {
    display: flex;
    justify-content: center;
}
.promo-section-13 .promo-section-item-2 li{
    flex-grow:1;
    position: relative;
}
.promo-section-13 .promo-section-item-2 div{
    position: relative;
}
.promo-section-13 .promo-section-item-2 p{
    position: absolute;
    text-align: left;
}
.promo-section-13 .promo-section-item-2 li p{
    font-size: 24px;
}
.promo-section-13 .promo-section-item-2 .p2{
    bottom: 12%;
    left: 50%;
    transform: translateX(-50%);
}
.promo-section-13 .promo-section-item-2 .p1,
.promo-section-13 .promo-section-item-2 .p3,
.promo-section-13 .promo-section-item-2 .p4,
.promo-section-13 .promo-section-item-2 .p5{
    left: 10%;
    top: 20px;
}


@media screen and (min-width: 800px) {
    .promo-section .phone1 {
        display: none;
    }
}

@media screen and (max-width: 1700px) and (min-width: 1200px) {
    .promo-section-7 .right {
        padding-left: 30px;
    }
    .promo-section-7 p {
        font-size: 30px;
    }
}

.promo-section-9 .word1 {
    transform: translateX(-205.75px);
}

.promo-section-9 .word2 {
    transform: translateX(731.05px);
}

.promo-section-9 .word3 {
    transform: translateX(1667.85px);
}

@media screen and (max-width: 800px) and (min-width: 350px) {
    .promo-section .pc1 {
        display: none;
    }
    .promo-section-3 {
        height: 430px;
    }
    .promo-section-9 .word1 {
        transform: translateX(-205.75px);
    }
    .promo-section-9 .word2 {
        transform: translateX(100.05px);
    }
    .promo-section-9 .word3 {
        transform: translateX(400.85px);
    }
    .promo-section-4 .promo-section-title,
    .promo-section-2 .promo-section-title {
        font-size: 30px;
    }
    .promo-section-3 .promo-section-title {
        font-size: 30px;
    }
    .promo-section-3 .promo-section-word-item .p1 {
        font-size: 12px;
    }
    .promo-section-3 .promo-section-word {
        width: 100px;
    }
    .promo-section-3 .promo-section-word-item .p2 {
        font-size: 12px;
    }
    .promo-section-3 .promo-section-word-3 {
        right: -154%;
        bottom: 13%;
    }
    .iframe-box {
        margin-top: 10px;
    }
    .promo-section-3 .promo-section-word-2 {
        left: -200px;
    }
    .promo-section-3 .promo-section-word-1::before,
    .promo-section-3 .promo-section-word-3::before {
        width: 30px;
        left: -32px;
    }
    .promo-section-3 .promo-section-word-2::before {
        width: 30px;
        right: -32px;
    }
    .promo-section-5 ul li:nth-child(even) {
        margin: 0 5px;
    }
    .promo-section-5 p {
        font-size: 12px;
        line-height: 12px;
    }
    .promo-section-5 ul img {
        margin-bottom: 5px;
    }
    .promo-section-6 {
        padding-bottom: 10px;
        margin-top: 20px;
    }
    .promo-section-6 .p1 {
        font-size: 30px;
        padding: 10px;
    }
    .promo-section-6 .promo-section-img {
        width: 60%;
        margin: 0;
    }
    .promo-section-6 li {
        min-width: 100px;
        margin: 0;
    }
    .promo-section-6 p {
        font-size: 14px;
    }
    .promo-section-6 .left img {
        width: 50px;
    }
    .promo-section-6 li .right {
        margin-left: 5px;
    }
    .promo-section-6 ul {
        padding-left: 20px;
        padding-bottom: 20px;
    }
    .promo-section-7 {
        flex-wrap: wrap;
    }
    .promo-section-7 .left {
        width: 100% !important;
    }
    .promo-section-7 .right {
        padding-left: 0;
        padding-bottom: 10px;
    }
    .promo-section-7 p {
        font-size: 12px;
        margin-bottom: 0;
        line-height: 12PX;
        padding-left: 10px;
    }
    .promo-section-7 .right img {
        margin-bottom: 0;
    }
    .promo-section-3 .promo-section-word-1 {
        top: -10px;
        right: -220px;
    }
    .promo-section-8 li p {
        font-size: 13px;
        top: 15%;
    }
    .promo-section-8 li:first-child p {
        font-size: 13px;
        top: 8%;
    }
    .promo-section-9 .p1 {
        font-size: 20px;
        padding-left: 10px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .promo-section-9 {
        padding: 20px 0;
    }
    .promo-section-9 p {
        padding-left: 10px;
    }
    .promo-section-9 .p2, .promo-section-9 .p3 {
        font-size: 14px;
        line-height: 20px;
    }
    .promo-section-10 {
        padding-top: 20px;
    }
    .promo-section-10 p {
        padding-left: 20px;
    }
    .promo-section-10 .p1 {
        font-size: 30px;
    }
    .promo-section-10 .p2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .promo-section-11 {
        padding-top: 20px;
    }
    .promo-section-11 .p1 {
        font-size: 24px;
        margin: 10px;
    }
    .promo-section-11 .promo-section-word-box-1 {
        padding: 10px;
    }
    .promo-section-11 .promo-section-word-box {
        width: 100%;
    }
    .promo-section-11 .left {
        font-size: 24px;
    }
    .promo-section-11 .promo-section-word-box-1 .right p {
        padding-left: 10px;
    }
    .promo-section-11 p {
        font-size: 12px;
    }
    .promo-section-11 li {
        padding: 5px;
        font-size: 12px;
    }
    .promo-section-11 li:nth-child(even) {
        margin-left: 5px;
    }
    .promo-section-11 .li-img {
        height: 120px;
    }
    .promo-section-11 .li-img img {
        width: 100%;
        left: 0;
    }
    .promo-section-11 .li-img .li-img1 {
        left: 0;
    }
    .promo-section-13 .promo-section-item-1 li p {
        font-size: 12px;
    }
    .promo-section-13 .promo-section-item-1,
    .promo-section-13 .promo-section-item-2 {
        width: 100%;
        flex-wrap: wrap;
    }
    .promo-section-13 .promo-section-item-1 li {
        width: 100%;
    }
    .promo-section-13 .promo-section-item-2 .p2 {
        bottom: 4%;
        left: 1%;
        right: 1%;
        transform: initial;
        text-align: center;
    }
    .promo-section-9 .img-wrapper {
        width: 80%;
    }
    .promo-section-9 .img-wrapper img {
        height: auto;
    }
    .promo-section-9 .img-wrapper .moveWord {
        margin-top: 33px;
    }
    .promo-section .phone {
        width: 80%;
    }
    .promo-section-9 .white-wrapper, .promo-section-9 .black-wrapper {
        width: 80%;
        height: 150px;
        margin-top: -100px;
        left: 35px;
    }
    .promo-section-9 .img-wrapper .moveWord {
        font-size: 30px;
    }
}

@media screen and (max-width: 800px) and (min-width: 350px) {
    .promo-section .left {
        width: 30%;
    }
    .promo-section .right {
        width: 60%;
    }
    .promo-section .right img {
        width: 45%;
    }
    .promo-section-1 .p1 {
        font-size: 13px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .promo-section-1 .p2 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .promo-section-1 .promo-section-word img {
        width: 120px;
        height: auto;
    }
    .promo-section-1 .promo-section-word {
        top: 20px;
        right: 2vw;
        transform: translateY(0);
    }
    .promo-section-1 span {
        font-size: 14px;
        padding: 5px 10px;
    }
    .promo-section-4 {
        padding: 20px 30px;
    }
    .promo-section-4 .promo-section-title {
        font-size: 20px;
    }
    .promo-section-4 .promo-section-title2 {
        font-size: 20px;
    }
    .promo-section-4 .promo-section-title3 {
        font-size: 16px;
    }
    .promo-section-2 {
        padding: 10px;
    }
    .promo-section-3 ul li {
        margin: 20px;
    }
    .promo-section-2 h3 {
        font-size: 18px;
    }
}