/* Large devices (min-width: 768px) */
@media screen and (min-width: 960px) {

    .ecas .arrow_up {display: block};

    /****************** section 1 ******************/
    .ecas .section1{
        color: #FFFFFF;
        background: linear-gradient(to bottom right, #171717 , #000000);
    }
    .ecas .section1 .content {
        height: 100%;
        background-image: url("../img/desktop/bg_section_1@2x.png?v=2023051503");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
    }
    .ecas .section1 .content .title-box {
        margin-top: 78px;
    }
    .ecas .section1 .content .title-box h2 {
        font-size: 2.0rem;
        font-weight: 500;
        color:#ffffff;
    }
    .ecas .section1 .content .title-box h3 {
        margin-top: 9px;
        font-size: 1.425rem;
        font-weight: 400;
        color:#FFFFFF;
    }

    .ecas .section1 .content .desc {
        color:#ffffff;
        margin-bottom: 70px;
    }
    .ecas .section1 .content .arrow_down {
        margin-bottom: 41px;
    }

    .ecas .section1 .content .btn-box {
        width: 100%;
        margin-top: 50px;
        margin-bottom: 0;
        position: relative;
        bottom: 0;
        left: 0;
    }

    .ecas .section .content .btn-box-muti{
        display: flex;
        flex-direction: row;
        justify-content:center;
    }

    .ecas .section1 .content .btn {
        width: 170px;
        height: 36px;
        line-height: 32px;
        margin-left:auto;
        margin-right:auto;
        border-radius: 18px;
        border:2px solid #ffffff;
        font-size: 0.7rem;
        font-weight: 500;
        color: #ffffff;
        background-color: none;
        display: flex;
        flex-direction: row;
        justify-content:center;
        align-items: center;
    }
    
    .ecas .section .content .btn-box-muti-s {
        margin-top: 0;
        margin-left: 21px;
    }
    
    .ecas .section .content .btn-box-muti-f .btn {
        border:2px solid #ffffff;
        color: #ffffff;
        background-color: transparent;
    }
    .ecas .section .content .btn-box-muti-f .btn:hover {
        border:2px solid #ffffff;
        color: #171A20;
        background-color: #FFFFFF;
    }
    
    .ecas .section .content .btn-box-muti-s .btn {
        border:2px solid #ffffff;
        color: #ffffff;
        background-color: transparent;
    }

    .ecas .section .content .btn-box-muti-s .btn:hover {
        border:2px solid #ffffff;
        color: #171A20;
        background-color: #FFFFFF;
    }

    /****************** section 2 ******************/
    .ecas .section2 {
        height:100%;
        min-height: 960px;

    }
    .ecas .section2 .content {
        /*background-image: url("../img/desktop/bg_section_2@2x.png");*/
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
    }
    .ecas .section2 .content {
        height: 100%;
    }
    .ecas .section2 .content .fragments{
        height: 100%;
    }
    .ecas .section2 .content .fragments .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .ecas .section2 .content .fragments .swiper-slide .swiper-slide-img {
        height:72%;
    }
    .ecas .section2 .content .fragment1 .swiper-slide-img {
        background-image: url("../img/desktop/bg_section_2_1@2x.png?v=2023051902");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
    }
    .ecas .section2 .content .fragment2 .swiper-slide-img {
        background-image: url("../img/desktop/bg_section_2_2@2x.png?v=2023051501");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
    }
    .ecas .section2 .content .fragment3 .swiper-slide-img {
        background-image: url("../img/desktop/bg_section_2_3@2x.png?v=2023051501");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
    }
    .ecas .section2 .content .fragment4 .swiper-slide-img {
        background-image: url("../img/desktop/bg_section_2_4@2x.png?v=2023051501");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
    }
    .ecas .section2 .content .fragment5 .swiper-slide-img {
        background-image: url("../img/desktop/bg_section_2_5@2x.png?v=2023031401");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
    }
    .ecas .section2 .content .fragment6 .swiper-slide-img {
        background-image: url("../img/desktop/bg_section_2_6@2x.png?v=2023051901");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
    }
    .ecas .section2 .content .fragment7 .swiper-slide-img {
        background-image: url("../img/desktop/bg_section_2_7@2x.png?v=2023051502");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
    }
    .ecas .section2 .content .fragment8 .swiper-slide-img {
        background-image: url("../img/desktop/bg_section_2_8@2x.png?v=2023051501");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
    }
    .fragment1 .intro-sub-title,.fragment1 .intro-title {display: block;}
    .ecas .section2 .content .intro {
        padding: 40px 13.13%;
        display: flex;
        flex-direction: row;
        justify-content:center;
        align-items: flex-start;
    }

    .ecas .section2 .content .intro-title-box {
        width: 50%;
    }
    
    .ecas .section2 .content .intro-desc-box {
        width: 50%;
        margin-top: 0px;
    }
    .ecas .section2 .content .intro-title {
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 2.3rem;
        color:#171A20;
    }

    .ecas .section2 .content .intro-sub-title {
        margin-top: 15px;
        font-size: 1.0rem;
        font-weight: 500;
        color:#333333;
    }

    .ecas .section2 .content .intro-desc {
        margin-top: 0px;
        font-size: 0.9rem;
        color:#393C41;
        font-weight: 400;
        line-height: 1.5rem;
    }

    .ecas .section2 .content .intro-desc .comment {
        display: inline-block;
        margin-top: 0px;
        padding-top: 25px;
        font-size: 0.8rem;
        color:#6C6C6C;
        font-weight: 400;
        line-height: 1.5rem;
    }

    .ecas .section2 .content .btn-box {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 13.13%;
        text-align: left;
        z-index: 100;
        margin-bottom: 32px;
    }
    .ecas .section2 .content .btn {
        width: 203px;
        height: 43px;
        border-radius: 21px;
        border: 3px solid #0F0F0F;
        font-size: 0.7rem;
        font-weight: 500;
        color: #333333;
        margin: 0px;
        margin-top: 150px;
        display: flex;
        flex-direction: row;
        justify-content:center;
        align-items: center;
    }
    .ecas .section2 .content .btn:hover {
        color: #FFFFFF;
        background-color: #0F0F0F;
    }

    .ecas .section2 .content .swiper-button-next{
        right:15%;
    }
    .ecas .section2 .content .swiper-button-prev {
        left:15%;
    }

    .ecas .section2 .content .swiper-button-next, .ecas .section2 .content .swiper-button-prev {
        top:36%;
        color:#333333;
        width: 30px;
        height: 60px;
       
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        top: 72%;
        left: 0;
        margin-top: -27px;
        width: 100%;
    }
    .ecas .section2 .content .fragment7 .intro-title {font-size: 1.8rem;}

    .ecas .section2 .intro-sub-title-pc { display: block;}
    .ecas .section2 .intro-sub-title-mobile { display: none;}

    /****************** section 3 ******************/
    .ecas .section3 {
        color: #000000;
        background-image: linear-gradient(to bottom right, #171717 , #000000);
        height: 100%;
    }
    .ecas .section3 .content {
         height: 100%;
         background-image: url("../img/desktop/bg_section_3@2x.png?v=2023030601");
         background-position: center;
         background-repeat: no-repeat;
         background-size:cover;
         text-align: center;
    }
    .ecas .section3 .content .title-box {
        margin-top: 18.75%;
        margin-right: 13.13%;
        text-align: right;
    }
    .ecas .section3 .content .desc-box {
        font-size: 0.9rem;
        font-weight: 300;
        color: #FFFFFF;
        line-height: 1.5rem;
        margin-right: 13.13%;
        margin-top: 20px;
        padding:0 0;
        text-align:justify;
        position: initial;
    }
    .ecas .section3 .content .desc-box .desc{
        width: 375px;
        float: right;
    }
    .ecas .section3 .content .title-box h2 {
        color: #ffffff;
        font-size: 1.9rem;
        font-weight: bold;
        margin-bottom: 50px;
    }
    .ecas .section3 .content .title-box h3 {
        font-size: 1.2rem;
        font-weight: 400;
        color:#FFFFFF;
    }

    .ecas .section3 .content .title-box h3.light {
        font-size: 1.2rem;
        font-weight: 300;
        color:#FFFFFF;
    }
    .ecas .section3 .content .splitor {
        float: right;
        border: 1px solid #FFFFFF;
    }

    .ecas .section3 .content .btn-box {
        width: 100%;
        height:auto;
        margin-top: 220px;
        margin-bottom: 0;
        position: relative;
        background: transparent;
        bottom: 0;
        left: 0;
    }
    .ecas .section3 .content .btn {
        width: 170px;
        height: 40px;
        margin-left:auto;
        margin-right: 13.13%;
        float: right;
        border-radius: 20px;
        border-width: 2px;
        border:2px solid #fff;
        font-size: 0.7rem;
        font-weight: 500;
        color: #fff;
        background-color: transparent;
    }
    .ecas .section3 .content .btn:hover{
        color: #171A20;
        background-color: #FFFFFF;   
    }
    
    /****************** section 4 ******************/
    .ecas .section4 {
        background-image: linear-gradient(to bottom right, #171717 , #000000);
        height: 100%;
    }
    .ecas .section4 .content {
        background-image: url("../img/desktop/bg_section_4@2x.png?v=2022071201");
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
        overflow: hidden;
    }
    .ecas .section4 .content .title-box {
        margin-top: 18.75%;
        margin-right: 13.13%;
        text-align: right;
    }
    .ecas .section4 .content .desc-box {
        font-size: 0.9rem;
        font-weight: 300;
        color: #FFFFFF;
        line-height: 1.5rem;
        margin-right: 13.13%;
        margin-top: 20px;
        padding:0 0;
        text-align:justify;
        position: initial;
    }
    .ecas .section4 .content .desc-box .desc{
        width: 375px;
        float: right;
    }
    .ecas .section4 .content .title-box h2 {
        color: #ffffff;
        font-size: 1.9rem;
        font-weight: bold;
        margin-bottom: 50px;
    }
    .ecas .section4 .content .title-box h3 {
        font-size: 1.2rem;
        font-weight: 400;
        color:#ffffff;
    }
    .ecas .section4 .content .title-box h3.light {
        font-size: 1.2rem;
        font-weight: 300;
        color:#ffffff;
    }
    .ecas .section4 .content .splitor {
        float: right;
        border: 1px solid #FFFFFF;
    }

    .ecas .section4 .content .btn-box {
        width: 100%;
        margin-top: 180px;
        margin-bottom: 0;
        position: relative;
        background: transparent;
        bottom: 0;
        left: 0;
    }
    .ecas .section4 .content .btn {
        width: 170px;
        height: 40px;
        margin-left:auto;
        margin-right: 13.13%;
        float: right;
        border-radius: 20px;
        border:2px solid #FFFFFF;
        font-size: 0.7rem;
        font-weight: 500;
        color: #ffffff;
        background-color: transparent;
    }
    .ecas .section4 .content .btn:hover{
        color: #171A20;
        background-color: #FFFFFF;  
    }
    
    /****************** section 5 ******************/
    .ecas .section5 {
        background-image: linear-gradient(to bottom right, #171717 , #000000);
        height: 100%;
    }
    .ecas .section5 .content {
        background-image: url("../img/desktop/bg_section_5@2x.png?v=2023031001");
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
        overflow: hidden;
    }
    .ecas .section5 .content .title-box {
        margin-top: 18.75%;
        margin-left: 13.13%;
        text-align: left;
    }
    .ecas .section5 .content .desc-box {
        font-size: 0.9rem;
        font-weight: 300;
        color: #FFFFFF;
        line-height: 1.5rem;
        margin-left: 13.13%;
        margin-top: 20px;
        padding:0 0;
        text-align: justify;
        position: initial;
    }
    .ecas .section5 .content .desc-box .desc{
        width: 375px;
        float: left;
    }
    .ecas .section5 .content .title-box h2 {
        color: #ffffff;
        font-size: 1.9rem;
        font-weight: bold;
        margin-bottom: 50px;
    }
    .ecas .section5 .content .title-box h3 {
        font-size: 1.2rem;
        font-weight: 400;
        color: #ffffff;
    }
    .ecas .section5 .content .title-box h3.light {
        font-size: 1.2rem;
        font-weight: 300;
        color:#FFFFFF;
    }

    .ecas .section5 .content .btn-box {
        width: 100%;
        margin-top: 270px;
        margin-bottom: 0;
        position: relative;
        bottom: 0;
        left: 0;
        background-color: transparent;
    }
    .ecas .section5 .content .btn {
        width: 170px;
        height: 40px;
        margin-left:13.13%;
        margin-right: 0;
        float: left;
        border-radius: 20px;
        border:2px solid #FFFFFF;
        font-size: 0.7rem;
        font-weight: 500;
        color: #FFFFFF;
    }
    .ecas .section5 .content .btn:hover{
        color: #171A20;
        background-color: #FFFFFF;  
    }
    /****************** section 6 ******************/
    .ecas .section6 {
        color:#000;
        background-image: linear-gradient(to bottom right, #171717 , #000000);
        height: 100%;
    }
    .ecas .section6 .content {
        background-image: url("../img/desktop/bg_section_6@2x.png?v=2022071201");
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
        overflow: hidden;
    }
    .ecas .section6 .content .title-box {
        margin-top: 18.75%;
        margin-left: 13.13%;
        text-align: left;
    }
    .ecas .section6 .content .desc-box {
        font-size: 0.9rem;
        font-weight: 300;
        color: #FFFFFF;
        line-height: 1.5rem;
        margin-left: 13.13%;
        margin-top: 20px;
        padding:0 0;
        text-align: justify;
        position: initial;
    }
    .ecas .section6 .content .desc-box .desc{
        width: 375px;
        float: left;
    }
    .ecas .section6 .content .title-box h2 {
        color: #FFFFFF;
        font-size: 1.9rem;
        font-weight: 900;
        margin-bottom: 50px;
    }
    .ecas .section6 .content .splitor {
        float: left;
        border: 1px solid #ffffff;
    }
    .ecas .section6 .content .title-box h3 {
        font-size: 1.2rem;
        font-weight: 400;
        color: #ffffff;
    }
    .ecas .section6 .content .btn-box {
        width: 100%;
        margin-top: 250px;
        margin-bottom: 0;
        position: relative;
        bottom: 0;
        left: 0;
        background-color: transparent;
    }
    .ecas .section6 .content .btn {
        width: 170px;
        height: 40px;
        margin-left:13.13%;
        margin-right: 0;
        float: left;
        border-radius: 20px;
        border: 2px solid #FFFFFF;
        font-size: 0.7rem;
        font-weight: 500;
        color: #FFFFFF;
    }
    .ecas .section6 .content .btn:hover{
        color: #171A20;
        background-color: #FFFFFF; 
    }
    .ecas .section6 .content .desc .desc-tips{
        font-size: 0.9rem;
    }
    /****************** section 7 ******************/
    .ecas .section7 {
        background-image: linear-gradient(to bottom right, #171717 , #000000);
        height: 100%;
      }
    .ecas .section7 .content {
        height: 100%;
        background-image: url("../img/desktop/bg_section_7.png?v=2022072902");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
        overflow: hidden;
    }
    .ecas .section7 .content .title-box {
        margin-top: 18.75%;
        margin-right: 13.13%;
        text-align: right;
    }
    .ecas .section7 .content .desc-box {
        font-size: 0.9rem;
        font-weight: 300;
        color: #FFFFFF;
        line-height: 1.5rem;
        margin-right: 13.13%;
        margin-top: 20px;
        padding:0 0;
        text-align: justify;
        position: initial;
    }
    .ecas .section7 .content .desc-box .desc{
        width: 375px;
        float: right;
    }
    .ecas .section7 .content .title-box h2 {
        color: #FFFFFF;
        font-size: 1.9rem;
        font-weight: bold;
        margin-bottom: 50px;
    }
    .ecas .section7 .content .splitor {
        border: 1px solid #FFFFFF;
    }
    .ecas .section7 .content .title-box h3 {
        font-size: 1.2rem;
        font-weight: 400;
        color:#FFFFFF;
    }
    .ecas .section7 .content .title-box h3.light {
        font-size: 1.2rem;
        font-weight: 300;
        color:#FFFFFF;
    }

    .ecas .section7 .content .btn-box {
        width: 100%;
        margin-top: 200px;
        margin-bottom: 0;
        position: relative;
        bottom: 0;
        left: 0;
        background-color: transparent;
    }
    .ecas .section7 .content .btn {
        width: 170px;
        height: 40px;
        margin-left:auto;
        margin-right: 13.13%;
        float: right;
        border-radius: 20px;
        border: 2px solid #FFFFFF;
        font-size: 0.7rem;
        font-weight: 500;
        color: #FFFFFF;
    }
    .ecas .section7 .content .btn:hover {
        color: #171A20;
        background-color: #FFFFFF; 
    }


    /****************** section 8 ******************/
    .ecas .section8 {
        height: 100%;
        min-height: 960px;
    }
    .ecas .section8 .content {
        display: flex;
        flex-direction: row;
        height: 100%;
    }
    .ecas .section8 .content .data-info {
        height: 100%;
        background-image: url("../img/desktop/bg_section_8@2x.png?v=2022071201");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
    }
    .ecas .section8 .content .data-info .data-info-content {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: row;
        position: absolute;
        bottom: 0;
        left: 0;
        justify-content: center; 
        align-items: center; 
        padding-bottom: 40px;
        padding-left: 15%;
        padding-right: 15%;
    }
    .ecas .section8 .content .data-info  .data-info-icon {
        width: 50px;
        height: 50px;
        margin: 0 auto;
    }
    .ecas .section8 .content .data-info  .data-info-icon img{
        width: 100%;
        height: 100%;
    }
    .ecas .section8 .content .data-info .data-info-title {
        font-size: 1.5rem;
        font-weight: bold;
        margin-top: 8px;
        color: #ffffff;
    }
    .ecas .section8 .content .data-info .data-info-title strong {
        font-size: 2.5rem;
    }
    .ecas .section8 .content .data-info .data-info-sub-title {
        font-size: 1.4rem;
        font-weight: 400;
        margin-top: 8px;
        color: #ffffff;
    }
    .ecas .section8 .content .content-info {
        background-color: #fff;
        position: relative;
        width: 410px;
        padding: 39px 35px;
    }
    
    .ecas .section8 .content .content-info .content-info-title {
         font-size:2.1rem;
         font-weight:900;
         text-align: left;
         margin-top: 100px;
    }
    
    .ecas .section8 .content .content-info .content-info-intro {
         margin-top: 50px;
         font-size:0.9rem;
         font-weight:400;
         line-height:1.5rem;
         text-align:justify;
    }
    .ecas .section8 .content .content-info .btn-box {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 27px 22px;
    }

 /****************** section 9 ******************/
   /** section9 show more **/
   .ecas .section9 {
        color: #000;
        background-color: #fff;
        height: 100%;
   }
   .ecas .section9 .content{
        background-image: url("../img/desktop/bg_section_9@2x.png?v=2022071201");
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
        background-color: transparent;
        overflow: hidden;
   }
    .ecas .section9 .content .content-show-more {
        width: 100%;
        height:100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 23px;
    }
    .ecas .section9 .content .content-show-more-content {
        display: flex;
        flex-direction: row;
        padding-left: 25px;
        padding-right: 25px;
        padding-top:15%;
    }
    .ecas .section9 .content .content-show-more-title{
        font-size: 1.6rem;
        font-weight: 900;
        text-align: left;
        margin-left: 20px;
    }
    .ecas .section9 .content .content-show-more-grid {
        margin-top: 42px;
    }
    .ecas .section9 .content .content-show-more-info {
        flex-grow: 1;
        margin-top: 0;
    }
    .ecas .section9 .content .content-show-more-grid-row-title {
        font-size: 0.9rem;
        font-weight: 400;
        color: #333333;
    }
    .ecas .section9 .content .content-show-more-close-box{
        margin-bottom: 27px;
    }

    /****************** section 10 ******************/
    .ecas .section10 .content {
        /*background-image: url("../img/desktop/bg_section_2@2x.png");*/
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
    }
    .ecas .section10 .content .intro {
        padding: 26px 10%;
        display: flex;
        flex-direction: row;
        justify-content:center;
        align-items: flex-start;
    }
    .ecas .section10 .content .intro-title-box {
        width: 50%;
    }
    
    .ecas .section10 .content .intro-desc {
        width: 50%;
        margin-top: 0px;
    }

    .ecas .section10 .content .btn-box {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 10%;
        text-align: left;
    }
    .ecas .section10 .content .btn {
        width: 170px;
        height: 40px;
        border-radius: 20px;
        border-width: 2px;
        border-color: #000;
        font-size: 0.7rem;
        font-weight: 500;
        color: #000;
        margin: 0px;
        margin-top: 150px;
    }

    /****************** section 11 ******************/
    .ecas .section11 {
        color: #ffffff;
        background-color: #000000;
        height:100%;
    }
    .ecas .section11 .content {
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .ecas .section11 .content-container {
        height: auto;
    }
    .ecas .section11 .certificate-desc {
        margin-left: 13.13%;
        margin-right: 13.13%;
        margin-top:30px;
        font-size: 0.9rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1.5rem;
        padding: 17px 0px;
        clear: both;
        text-align: justify;
    }
    .ecas .section11 .certificate-desc .certificate-desc-bottom {
        margin-top: 30px;
    }
    .ecas .section11 .certificate-content {
        margin-left: 13.13%;
        margin-right: 13.13%;
        margin-top: 0px;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content:flex-start;
        align-items: flex-start;
        padding: 17px 0px;
    }
    .ecas .section11 .certificate-content-item {
        width:auto;
    }
    .ecas .section11 .certificate-content-item-left {
        flex-grow: 2;
    }
    .ecas .section11 .certificate-content-item-right {
        flex-grow: 1;
    }
    .ecas .section11 .certificate-content .certificate-content-item-center {
        display: block;
        width: 1px;
        height:100%;
        margin-left: 74px;
    }

    .ecas .section11 .certificate-content-item-left .certificate-content-item-info-img {
        margin-right: 0;
        width: 100%;
        max-width: none;
        float:none;
        flex-grow: 1;
    }
    .ecas .section11 .certificate-content-item-left .certificate-content-item-info-img-l {
        margin-right: 150px;
    }
    .ecas .section11 .certificate-content-item-left .certificate-content-item-info-img-r {
        margin-left: 0px;
    }
    .ecas .section11 .certificate-content-item-right .certificate-content-item-info-img {
        width: 100%;
        max-width: none;
        float: none;
        margin-right: 0px;
        flex-grow: 1;
        margin-left: 75px;
    }
    .ecas .section11 .certificate-content-item-right .certificate-content-item-title {
        padding-left: 75px;
    }
    .ecas .section11 .certificate-content-item-right .certificate-content-item-info-img-none {
        display: none;
    }
    .ecas .section11 .certificate-content-item-title {
        flex-grow: 1;
        font-size: 1.4rem;
        font-weight: bold;
        color: #FFFFFF;
        width: 100%;
        text-align: left;
        margin-bottom: 22px;
        height: 3.8rem;
    }
    .ecas .section11 .certificate-content-item img {
        width: 100%;
    }
    .ecas .section11 .certificate-content .long-title {
        padding-top: 0;
    }

    /****************** section 12 ******************/
    .ecas .section12 {
        color: #ffffff;
        background-color: #000000;
        height: 100% !important;
        min-height: 1080px;
    }
    .ecas .section12 .content {
        height: 100%;
    }
    .ecas .section12 .compare-content {
        margin-left: 13.13%;
        margin-right: 13.13%;
        display: flex;
        flex-direction: row;
        justify-content:center;
        align-items: center;
        height: 100%;
    }
    .ecas .section12 .compare-content .compare-content-info{
        display: flex;
        flex-direction: row;
        justify-content:center;
        align-items: flex-start;
        width: 100%;
        height: 100%;
        margin-top: 160px;
    }
    .ecas .section12 .compare-content-info .compare-content-item-l {
        flex-grow: 2;
        margin-right: 130px;
        padding-top: 0px;
    }
    .ecas .section12 .compare-content-info .compare-content-item-r {
        flex-grow: 1;
        padding-top: 0px;
    }

    .ecas .section12 .compare-content-info .compare-content-item-title {
        font-size: 1.5rem;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 2.4rem;
    }
    .ecas .section12 .compare-content-info table {
        margin-top: 42px;
        width: 100%;
    }
    .ecas .section12 .compare-content-info thead tr{
        font-size: 1.0rem;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 2.4rem;
        border-bottom: 1px solid #FFFFFF;

    }

    .ecas .section12 .compare-content-info tbody tr {
        font-size: 0.9rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1.5rem;
        border-bottom: 1px solid #FFFFFF;
    }
    .ecas .section12 .compare-content-info tbody tr strong {
        font-weight: 500;
    }
    .ecas .section12 .compare-content-info tbody tr td {
        padding-top: 1.0rem;
        padding-bottom: 1.0rem;
        padding-right: 0px;
    }
    .ecas .section12 .compare-content-info img.yes {
        width: 16px;
        height: 11px;
    }

    .ecas .section12 .compare-content-info img.no {
        width: 10px;
        height: 10px;
    }

    .ecas .section12 .compare-content-info .compare-content-item-r-content{
        margin-top: 42px;
        width: 100%;  
        display: flex;
        flex-direction: row;
        justify-content:center;
        align-items: flex-start;
    }
    .ecas .section12 .compare-content-info .compare-content-item-r-content-list {
        flex-grow: 1;
        margin-top: 2.4rem;
    }
    .ecas .section12 .compare-content-info .compare-content-item-r-item {
        margin-bottom: 23px;
    }
    .ecas .section12 .compare-content-info .compare-content-item-r-item-splitor {
        width: 30px;
        height: 1px;
        background:#FFFFFF;
    }

    .ecas .section12 .compare-content-info .compare-content-item-r-item-desc {
        font-size: 0.9rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1.5rem;
        padding-top: 1.0rem;
        padding-bottom: 1.0rem;
    }


    /****************** section 13 ******************/
    .ecas .section13 {
        color: #ffffff;
        background-image: linear-gradient(to bottom right, #171717 , #000000);
        height: 100%;
    }
    .ecas .section13 .content {
        height: 100%;
        background-image: url("../img/desktop/bg_section_13@2x.png?v=2023051902");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        text-align: center;
        background-color: transparent;
        overflow: hidden;
    }
   .ecas .section13 .content .title-box {
       margin: 0;
       margin-bottom: 120px;
       margin-top: 7.8%;
       margin-left: 13.13%;
       margin-right: 13.13%;
   }
   .ecas .section13 .content .title-box h2{
        font-size: 2.1rem;
        font-weight: bold;
        text-align: left;
   }

   .ecas .section13 .content .desc{
       text-align: left;
       margin-top: 70px;
       margin-left: 0px;
       margin-left: 0px;
       margin-left: 13.13%;
       margin-right: 13.13%;
   }
   
   .ecas .section13 .content .desc .desc-title {
        font-size: 3.0rem;
        font-weight: 900;
        color: #666666;
        line-height: 34px;
        opacity: 0.3;
   }
   
   .ecas .section13 .content .desc .desc-sub-title {
        font-size: 1.2rem;
        font-weight: 900;
        color: #FFFFFF;
        position: relative;
        margin-top: -0.2rem;
   }
   .ecas .section13 .content .desc .desc-sub-intro {
        margin-top:14px;
        font-size: 0.9rem;
        font-weight: 300;
        color: #FFFFFF;
        line-height: 1.5rem;
        width: 245px;
    }


   /****************** section 14 ******************/
   .ecas .section14 {
    background-image: linear-gradient(to bottom right, #171717 , #000000);
  }
  .ecas .section14 .content {
    height: 100%;
    background-image: url("../img/desktop/bg_section_14@2x.png?v=2023030601");
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    text-align: center;
    overflow: hidden;
  }
  .ecas .section14 .content .title-box {
      margin-top: 26.75%;
      margin-left: 13.13%;
      text-align: left;
  }
  .ecas .section14 .content .splitor {
       display:none;
   }
  .ecas .section14 .content .title-box h2 {
      color: #FFFFFF;
      font-size: 1.9rem;
      font-weight: 900;
  }
  .ecas .section14 .content .title-box h3 {
      margin-top: 15px;
      font-size: 1.2rem;
      font-weight: 400;
      color: #ffffff;
  }
  .ecas .section14 .content .title-box h3.strong {
    margin-top: 25px;
    font-weight: 700;
  }
  .ecas .section14 .content .btn-box {
      width: 100%;
      margin-top: 90px;
      margin-bottom: 0;
      position: relative;
      bottom: 0;
      left: 0;
  }
  .ecas .section14 .content .btn {
      width: 170px;
      height: 40px;
      margin-left:13.13%;
      margin-right: 0;
      float: left;
      border-radius: 20px;
      border: 2px solid #FFFFFF;
      font-size: 0.7rem;
      font-weight: 500;
      color: #FFFFFF;
  }
  .ecas .section14 .content .btn:hover{
      color: #171A20;
      background-color: #FFFFFF; 
  }

  /****************** section 15 ******************/
  .ecas .section15 .content .content-mobile {display: none;}
  .ecas .section15 .content .content-pc {display: block;}
  .ecas .section15 .content a {
        color: #666666;
        text-decoration: none;
    }
    .ecas .section15 .content a:hover {
        color: #FFFFFF;
        text-decoration: none;
    }
    .ecas .section15 .content-pc .content-top {padding:44px 13.13%;background-color: #0D0D0D;}
    .ecas .section15 .content-pc .content-top .content-top-left {float: left;}
    .ecas .section15 .content-pc .content-top .content-weixin {float:right}
    .ecas .section15 .content-pc .content-list-desc {
        font-size: 0.7rem;
        font-weight: 400;
        color: #666666;
        margin-bottom: 10px;
    }
    .ecas .section15 .content-pc  .content-weixin {
        font-size: 0.7rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 23px;
        margin-top: 21px;
    }
    .ecas .section15 .content-pc  .content-weixin dl {
    float: left;
    margin-right: 30px;
    }
    .ecas .section15 .content-pc  .content-weixin dl dt img{
        width: 85px;
        height: 85px;
    }
    .ecas .section15 .content-pc  .content-weixin dl dd{
        text-align: center;
    } 
    .ecas .section15 .content-pc .content-download {
        text-align: center;
    }
    .ecas .section15 .content-pc .download-btn{
        display: block;
        height: 32px;
        line-height: 32px;
        text-align: center;
        border: solid 1px #ffffff;
        border-radius: 16px;
        color:#ffffff;
        font-size: 0.7rem;
        font-weight: 400;
        padding:0px 22px 0px 20px;
        margin-top: 15px;
        
    }

    .ecas .section15 .content-pc .content-bottom {
        padding: 27px 13.13% 34px 13.13%;
        clear: both;
    }
    .ecas .section15 .content-pc .content-menu {
        font-size: 0.7rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.8rem;
        padding: 0;
    }
    .ecas .section15 .content-pc .content-menu li a{
        color:#ffffff;
    }
    .ecas .section15 .content-pc .content-menu li {
        list-style: none;
        padding: 0 10px;
        border-right: 1px solid #ffffff;
        float: left;
    }

    .ecas .section15 .content-pc .content-menu li.noborder{
        border-right:none;
    }
    .ecas .section15 .content-pc .content-menu li.nopadding {
        padding-left: 0;
    }
    .ecas .section15 .content-pc .content-copyright {
        font-size: 12px;
        font-weight: 300;
        color: #666666;
        line-height: 1.2rem;
        padding-top: 21px;
        clear: both;
    }
    .ecas .section15 .content-pc .content-bei {
        font-size: 12px;
        font-weight: 300;
        color: #666666;
        line-height: 1.2rem;
        margin-top: 8px;
    }

    .ecas .section15 .content-pc .content-wangan {
        font-size: 0.6rem;
        font-weight: 300;
        color: #666666;
        line-height: 1.2rem;
        margin-top: 8px;
    }

@media screen and (min-width: 960px) and (max-width:1300px) {
    .ecas .section8 .content .content-info .content-info-title {
        margin-top: 0px;
    }
    
}

@media screen and (min-width: 960px) and (max-width:1100px) {
    
    .ecas .section11 .certificate-content-item-title {
        font-size: 1.2rem;
    }

}

@media screen and (max-height:1180px) {
    .ecas .section8 .content .content-info {
        width: 480px;
        padding: 20px 20px;
    }
}