@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&family=Noto+Serif+SC:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gloock&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* @font-face {
  font-family: "Poppins";
  src: url("/ebc-static/fonts/fontFamilies/Poppins/Poppins-Medium-2.otf") format("opentype");
}
@font-face {
  font-family: "Gloock";
  src: url("/ebc-static/fonts/FinancierDisplay-Bold.otf") format("opentype");
} */
/* @font-face {
  font-family: Noto Serif SC;
  src: url('/ebc-static/fonts/noto-serif-sc-v22-latin-regular.woff2') format('woff2');
  font-weight: 400;
} */

/* @font-face {
  font-family: Noto Serif SC;
  src: url('/ebc-static/fonts/fontFamilies/SourceHanSerifCN/SourceHanSerifCN-Medium 2.otf') format('woff2');
}
@font-face {
  font-family: Noto Sans SC;
  src: url('/ebc-static/fonts/fontFamilies/SourceHanSansCN/SourceHanSansCN-Normal.otf') format('woff2');
} */
 .DiNapoli-section2 .container ,
 .DiNapoli-section3 .container ,
 .DiNapoli-section4 .container {
    max-width: none;
 }
@media screen and (min-width: 996px) {
    .mobile {
        display:none!important;
    }
}
[lang='zh-Hans'] p.p1,[lang='zh-Hans'] .section4-title,[lang='zh-Hans'] .section5-title1,
[lang='zh-Hant'] p.p1,[lang='zh-Hant'] .section4-title,[lang='zh-Hant'] .section5-title1
  {
    font-family: "Noto Serif SC";
}
[lang='zh-Hans'] * ,[lang='zh-Hant'] * {
    font-family: "Noto Sans SC";
}
p.p1, .section4-title,.section5-title1 {
    font-family: "Gloock";
}
body {
    font-family: "Poppins";
}
.DiNapoli-section1{
    /* width:100vw; */
    height:850rem;
    /* padding: 100rem 370rem; */
    background: url('/ebc-static/image/DiNapoli-1-bg.png') no-repeat;
    background-size:100% 100%;
    box-sizing: border-box;
    position: relative;
}

.DiNapoli-section1 .container .left {
    position:absolute;
    left:370rem;
    top:140rem;
}
.DiNapoli-section1 .container .left .EnTitle {
    color:#fff;
    font-family: "Gloock";
    font-size: 100rem;
    font-style: normal;
    font-weight: 500;
    line-height: 96rem; /* 96% */
    letter-spacing: 3rem;
    text-transform: uppercase;
    margin-bottom:20rem;
}
.DiNapoli-section1 .p1{
    color: #FFF;
    /* font-family: "Noto Serif SC"; */
    font-size: 24rem;
    font-weight: 600;
    line-height: normal;
    margin-bottom:60rem;
}
 

.DiNapoli-section1 ul{
    /* margin-top: 40px; */
    display:flex;
    flex-direction:column
}
.DiNapoli-section1 .container .right {
    position:absolute;
    left:1400rem;
    top:203rem;
}
.DiNapoli-section1 ul li{
    position: relative;
    /* width: 100%; */
    color: #FFF;
    /* font-family: "Poppins"; */
    font-size: 18rem;
    font-weight: 300;
    line-height: normal;
    margin-bottom:10rem;
    padding-right:10rem;
    max-width: 350rem;
}

.DiNapoli-section1 ul li::before {  
    content: "";
    position: absolute;
    left: -30rem;
    top: 0;
    transform: translateY(8rem);
    width: 14rem;
    height: 14rem;
    background-image: url('/ebc-static/image/partner-new-icon14.svg');  
    background-size: contain;
    background-repeat: no-repeat;
}
.DiNapoli-section1 .showMore {
    margin-top: 32rem;
    color:  #FFF;
    /* font-family: "Noto Sans SC"; */
    font-size: 18rem;
    cursor:pointer;
}
.DiNapoli-section1 .showMore svg {
    margin-left: 5rem;
}
.DiNapoli-section1 .p2{
    color: #FFF;
    text-overflow: ellipsis;
    /* font-family:"Noto Sans SC"; */
    font-size:14rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24rem; /* 171.429% */
    width:486rem;
    display: -webkit-box; /* 使用Webkit的box模型 */
    -webkit-line-clamp: 6; /* 限制为3行 */
    -webkit-box-orient: vertical; /* 垂直排列内容 */
    overflow: hidden; /* 隐藏超出部分 */
}
.DiNapoli-section1 .showAll {
    display: -webkit-box; /* 使用Webkit的box模型 */
    -webkit-line-clamp: 100; /* 限制为3行 */
    -webkit-box-orient: vertical;
}
.DiNapoli-public-title{
    color: #000;
    text-align: center;
    /* font-family: "Roboto", sans-serif;; */
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.DiNapoli-section22{
    padding: 100rem 370rem;
    display:flex;
    gap:200rem;
}
.DiNapoli-section22 .left{
    flex: 0 0 715rem;
}
.DiNapoli-section22 .right .title{
    color:#5D2333;
    /* font-family: "Noto Serif SC"; */
    font-size: 28rem;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.DiNapoli-section22 .right .describe{
    color:#232222;
    /* font-family: "Noto Sans SC"; */
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 30rem; /* 166.667% */
    margin:48rem 0 77rem 0;
}
.DiNapoli-section22 .right .btn {
    border-radius: 5px;
    border: 1px solid #A52933;
    width: 236rem;
    padding: 12rem;
    color:#A52933;
    text-align: center;
    /* font-family: "Noto Sans SC"; */
    font-size: 18rem;
    font-style: normal;
    font-weight: 500;
    line-height: 28rem; /* 155.556% */
}
.DiNapoli-section2{
    padding:100rem 370rem;
    background:#F9F6F2;
    overflow:hidden;
}
.DiNapoli-section2 .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:40rem;
    max-width: none;
}
.DiNapoli-section2 .p1{
    color: #5D2333;
    leading-trim: both;
    text-edge: cap;
    /* font-family: "Noto Serif SC"; */
    font-size: 28rem;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.DiNapoli-section2 .infoR {
    order:2;
    flex:0 0 750rem;
}
.DiNapoli-section2 .infoR img {
    width: 170%;
    /* height:446rem; */
    max-width: unset;
    transform:translateX(-10%);
}

.DiNapoli-section2 .info a{
    display: none!important;
}
.DiNapoli-section2 .info {
    /* flex: 0 0 750rem; */
    order:1;
}
/* .DiNapoli-section2 .row{
    margin-top: 80px;
} */

.DiNapoli-section2 .info{
    /* padding-left: 4%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.DiNapoli-section2 img{
    width: 100%;
}
.DiNapoli-section2 .info ul li:last-child{
    margin-bottom:0;
}
.DiNapoli-section2 .info ul li{
    color:#5D2333;
    leading-trim: both;
    text-edge: cap;
    /* font-family: "Noto Sans SC"; */
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 28rem; /* 175% */
    position:relative;
    margin-bottom:31rem;
    padding-left:18px;
}
.DiNapoli-section2 .info ul li::before {  
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(7rem);
  /* width: 14px;
  height: 14px; */
  background-image: url('/ebc-static/image/partner-new-icon13.svg');  
  background-size: contain;
  background-repeat: no-repeat;
  width:10px;
  height:10px;
}

.DiNapoli-section2 .p2{
    color:#232222;
    leading-trim: both;
    text-edge: cap;
    /* font-family: "Noto Sans SC"; */
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 30rem; /* 166.667% */
    margin:50rem 0 70rem;
}

.DiNapoli-section2 .info a{
    padding: 12px 24px;
    border-radius: 4px;
    border: 1px solid #3D0101;
    background: #3D0101;
    color: #FFF;
    /* font-family: "Roboto", sans-serif;; */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 20px; 
    display: block;
    width: max-content;
}   


.DiNapoli-section3{
    padding:100rem 370rem;
    /* margin-top: 150px; */
    /* margin-bottom: 160px; */
}
.DiNapoli-section3 .container {
    display:flex;
    justify-content: space-between;
    /* gap:130rem; */
}
.DiNapoli-section3 .p1{
    color:#5D2333;
    /* font-family: "Noto Serif SC"; */
    font-size: 28rem;
    font-weight: 900;
    line-height: normal;
}
.DiNapoli-section3 .p2{
    color:#232222;
    /* font-family: "Noto Sans SC"; */
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24rem; 
    margin:48rem 0 80rem 0;
    width:300rem;/* 171.429% */
}
/* .DiNapoli-section3 .row{
    margin-top: 80px;
} */

.DiNapoli-section3 .info{
    /* padding-right: 4%;
    display: flex;
    flex-direction: column;
    justify-content: center; */
}
.DiNapoli-section3 img{
    width: 100%;
}

.DiNapoli-section3 ul li .pp1{
    width: 100%;
    color: #666;
    /* font-family: "Roboto", sans-serif;; */
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    display: block;
    margin-bottom: 3px;
    padding-left: 22px;
    position: relative;
}
.DiNapoli-section3 ul li .pp2{
    width: 100%;
    color: #666;
    /* font-family: "Roboto", sans-serif;; */
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 22px;
    padding-left: 22px;
}
.DiNapoli-section3 ul li .pp1::before {  
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background-image: url('/ebc-static/image/partner-new-icon11.svg');  
  background-size: contain;
  background-repeat: no-repeat;
}

/* .DiNapoli-section3 .p2{
    width: 100%;
    color: #666;
    text-align: justify;
    font-family: "Roboto", sans-serif;;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: inline-block;
    margin-bottom: 40px;
} */
.DiNapoli-section3 .infoR {
    flex:0 0 750rem;
}
.DiNapoli-section3 .infoR .bottomContainer {
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-top:48rem;
}
.DiNapoli-section3 .infoR .bottomContainer .left{
    color:  #9F734C;
    
    font-size: 18rem;
    font-weight: 700;
}
.DiNapoli-section3 .infoR .bottomContainer .left div{
    font-family: "Poppins";
}

.DiNapoli-section3 .infoR .bottomContainer .left img{
    width:12rem;
    height:12rem;
    margin-right:8rem;
}
.DiNapoli-section3 .infoR .bottomContainer .left div:nth-child(2){
    margin:40rem 0;
}
.DiNapoli-section3 .infoR .bottomContainer .right img{
    width: 464rem;
    height: 266rem;
}
.DiNapoli-section3 .infoR .topContainer{
    display:flex;
    gap:40rem;
    border-bottom:1px solid #9F734C;
    padding-bottom:48rem;
}
.DiNapoli-section3 .infoR .topContainer div{
    flex:1;
}
.DiNapoli-section3 .infoR .topContainer .title{
    color: #9F734C;
    font-family: Poppins;
    font-size: 24rem;
    font-style: normal;
    font-weight: 700;
    line-height: 36rem;
    padding-bottom:20rem;
    border-bottom:1px solid #9F734C; /* 150% */
}
.DiNapoli-section3 .infoR .topContainer .pp1 {
    color:#5D2333;
    /* font-family: "Noto Sans SC"; */
    font-size: 18rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal; /* 237.5% */
    margin-top:21rem;
}
.DiNapoli-section3 .infoR .topContainer .pp2 {
    color:#232222;
    /* font-family: "Noto Sans SC"; */
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24rem; /* 171.429% */
    margin-top:28rem;
}
.DiNapoli-section3 .info a{
    display: flex;
    width: 236rem;
    height: 45rem;
    padding: 12rem;
    justify-content: center;
    align-items: center;
    gap: 10rem;
    flex-shrink: 0;
    border-radius: 5rem;
    border: 1px solid  #A52933;
    color:#A52933;
    text-align: center;
    /* font-family: "Noto Sans SC"; */
    font-size: 16rem;
    font-style: normal;
    font-weight: 500;
    line-height: 28rem; /* 175% */
}  

.DiNapoli-section4 {
    padding:100rem 370rem;
    display:flex;
    justify-content: space-between;
    border-top:1px solid #F9F6F2;
    border-bottom:1px solid #F9F6F2;
    gap: 20rem;
    /* gap:170rem; */
}
.DiNapoli-section4 .section4-title{
    color:#5D2333;
    /* font-family: "Noto Serif SC"; */
    font-size: 28rem;
    font-weight: 900;
    line-height: normal;
    /* width:480rem; */
    /* flex:1 0 300rem; */
}
.DiNapoli-section4 .section4-container {
    flex:0 0 750rem;
}
.DiNapoli-section4 .section4-container .content:last-child .p3 {
    margin-bottom:0;
}
.DiNapoli-section4 .section4-container .title {
    border-bottom:1rem solid #9F734C;
    padding-bottom: 16rem;
}
.DiNapoli-section4 .section4-container .title img {
    width: 26rem;
    height:20rem;
}
[lang='zh-Hans'] .DiNapoli-section4 .section4-container .content .p1,
[lang='zh-Hant'] .DiNapoli-section4 .section4-container .content .p1
 {
    font-family:"Noto Sans SC";
 }
.DiNapoli-section4 .section4-container .content .p1{
    color:#5D2333;
    font-family: "Poppins";
    font-size: 18rem;
    font-styl: normal;
    font-weight: 700;
    line-height: normal;
    margin:40rem 0;
}
.DiNapoli-section4 .section4-container .content .p2{
    color:#232222;
    font-family: Poppins;
    font-size: 20rem;
    font-style: normal;
    font-weight: 700;
    line-height: 24rem; /* 120% */
    margin-bottom:20rem;
}
.DiNapoli-section4 .section4-container .content .p3{
    margin-bottom:64rem;
    color:#232222;
    /* font-family: "Noto Sans SC"; */
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24rem; /* 171.429% */
}
.DiNapoli-section4 .row {  
  display: flex;  
  flex-wrap: wrap;  
}  

.DiNapoli-section4 .col-md-4 {  
  display: flex;  
  flex-direction: column;  
}  

.DiNapoli-section4 .left, .DiNapoli-section4 .center, .DiNapoli-section4 .right {  
  flex: 1;  
  display: flex;  
  flex-direction: column;  
}  

.DiNapoli-section4 .col-md-4 div{
    border: 1px solid #999;
    padding: 40px 32px;
    margin-top: 50px;
    flex-direction: column;
    display: flex;
    min-height: 300px;
    position: relative;
}
.DiNapoli-section4 .col-md-4 div .p1{
    color: #000;
    /* font-family: Roboto; */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 16px;
}
.DiNapoli-section4 .col-md-4 div .p2{
    color: #666;
    /* font-family: Roboto; */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-top: 30px;
}
.DiNapoli-section4 .col-md-4 div .p3{
    color: #666;
    /* font-family: Roboto; */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.DiNapoli-section4 .col-md-4 div img{
    width: 20px;
}
.DiNapoli-section4 .col-md-4 div .img2{
    float: right;
    margin-top: 30px;
}
.DiNapoli-section5{
    /* margin-top: 140px; */

    padding:100rem 370rem;
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:30rem;
    margin:0;
    background:#F9F6F2;
}
.DiNapoli-section5 .swiper-pagination-bullet-active{
    background:#E6DDCF;
}
.DiNapoli-section5 .container{
    
}
.DiNapoli-section5 .left {
    position:relative;
    height:100%;
}
.DiNapoli-section5 .section5-title1{
    color:#5D2333;
    /* font-family: "Noto Serif SC"; */
    font-size: 28rem;
    font-weight: 900;
    line-height: normal;
}
.DiNapoli-section5 .section5-title2{
    color:  #232222;
    /* font-family: "Noto Sans SC"; */
    font-size: 18rem;
    font-weight: 400;
    line-height: 24rem; /* 171.429% */
    margin: 48rem 0 80rem 0;
    width:300rem;
}
.DiNapoli-section5 .btn{
    color:#A52933;
    text-align: center;
    /* font-family: "Noto Sans SC"; */
    font-size: 16rem;
    font-weight: 500;
    line-height: 28re,; /* 175% */
    display: flex;
    width: 236rem;
    height: 38rem;
    padding: 12rem;
    justify-content: center;
    align-items: center;
    margin-bottom:134rem;
    border: 1px solid  #A52933;
    border-radius: 5rem;
}
.DiNapoli-section5 .swiperControl{
    position:absolute;
    bottom:0;
    left:0;
    font-size:20rem;
    color:#B2AFAD;
    font-weight:800;
    cursor:pointer;
}
.DiNapoli-section5 .pageCon{
    font-size:14rem;
    font-weight: 600;
    padding: 0 12rem;
    transform: translateY(-1rem);
    display:inline-block;
}
.DiNapoli-section5 .targetPage{
    color:#A52933;
}
.DiNapoli-section5 .pageSplit{
    margin:0 2rem;
}
.DiNapoli-slide{
    /* margin-top: 60px; */
    /* margin-bottom: 80px; */
    width:750rem;
    height: 100%;
}
/* .DiNapoli-slide .swiper-button-next:after,.swiper-button-prev:after{
    content: "";
}
.DiNapoli-slide .swiper-button-prev{
    left: 22px;
    background-image: url(/ebc-static/image/DiNapoli-prev.svg);
    width: 50px;
    height: 50px;
    background-size: 90%;
    background-repeat: no-repeat;
    top: 50%;
}
.DiNapoli-slide .swiper-button-next{
    right: 22px;
    background-image: url(/ebc-static/image/DiNapoli-next.svg);
    width: 50px;
    height: 50px;
    background-size: 90%;
    background-repeat: no-repeat;
    top: 50%;
} */
.DiNapoli-section1 .bg-m{
    display: none;
}
.DiNapoli-section1 .p1 br{
    display: none;
}
.DiNapoli-section3 .img-m{
    display: none;
}
.DiNapoli-page-ar .DiNapoli-section1 ul li,.DiNapoli-page-ar .DiNapoli-section2 .info ul li,.DiNapoli-page-ar .DiNapoli-section3 ul li .pp1{
    padding-left: 0px;
    padding-right: 22px;
}
.DiNapoli-page-ar .DiNapoli-section1 ul li::before,.DiNapoli-page-ar .DiNapoli-section2 .info ul li::before,.DiNapoli-page-ar .DiNapoli-section3 ul li .pp1::before{
    left: unset;
    right: 0;
}
.DiNapoli-page-ar .DiNapoli-section4 .col-md-4 div .img2{
    float: left;
}
.DiNapoli-page-ar .DiNapoli-section3 .info{
    padding-left: 4%;
    padding-right: 0%;
}
.DiNapoli-page-ar .DiNapoli-section2 .info{
    padding-left: 0%;
    padding-right: 4%;
}
/* .DiNapoli-page-ar .swiper-rtl .swiper-button-prev:after{
    content: '';
} */
/* .DiNapoli-slide .swiper-button-prev{
    left: 20px;
    right: unset;
}
.DiNapoli-slide .swiper-button-next{
    right: 20px;
    left: unset;
} */



@media(max-width:1400px) {
    /* .DiNapoli-section1{
        margin-top: 30px;
        padding-bottom: 100px;
    }
    .DiNapoli-section1 .p1{
        margin-top: 30px;
    } */
}

@media(max-width:1300px) {
    /* .DiNapoli-section1{
        padding-top: 100px;
        padding-bottom: 80px;
    } */
    /* .DiNapoli-section1 .p1{
        font-size: 42px;
    } */
    /* .DiNapoli-section1 .p2{
        font-size: 16px;
    } */
    /* .DiNapoli-section2{
        margin-top: 110px;
    } */
    /* .DiNapoli-section2 .p1{
        font-size: 28px; */
    /* } */
    /* .DiNapoli-section2 .info ul li{
        margin-bottom: 14px;
        width: 100%;
    } */
}


@media(max-width:996px) {
    .pc {
        display:none!important;
    }
  
    .DiNapoli-section1{
        padding:79rem 0 79rem 80rem;
        box-sizing:border-box;
        background: url('/ebc-static/image/DiNapoli-1-mbg.png') no-repeat;
        background-size:100% 100%;
        position: relative;
        height: auto;
    }
    .DiNapoli-section1 ul{
        /* margin-top: 30px; */
        padding-left:30rem;
        position:relative;
    }
    .DiNapoli-section1 ul li:before{
        content: "";
        position: absolute;
        left: -30rem;
        top: 0;
        transform: translateY(8rem);
        width: 14rem;
        height: 14rem;
        background-image: url('/ebc-static/image/partner-new-icon14.svg');  
        background-size: contain;
        background-repeat: no-repeat;
    }
    .DiNapoli-section1 ul li{
        font-size:20rem;
        max-width: 280rem;
        color: #FFF;
        font-weight: 400;
    }
    [lang=zh-Hans] .DiNapoli-section1 .container ul li,
    [lang=zh-Hant] .DiNapoli-section1 .container ul li{
        font-size:18rem;
    }
    .DiNapoli-section1 .container .top {
        padding:30rem 0 0;
        background:url('/ebc-static/image/DiNapoli-1-mp.png') no-repeat;
        background-size:100% 100%;
        background-position: center right;
        display:flex;
        flex-direction: column;
        /* justify-content: space-around; */
        min-height:600rem;
    }
    .DiNapoli-section1 .container .top .EnTitle{
        color: #FFF;
        leading-trim: both;
        font-family: "Gloock";
        font-size: 65rem;
        font-weight: 500;
        line-height: 76.073rem; /* 96% */
        letter-spacing: 2.377rem;
        text-transform: uppercase;
        margin-top:40rem;
    }
    .DiNapoli-section1 .container .top .p1{
        color: #FFF;
        font-family: "Noto Serif SC";
        font-size: 28.988rem;
        font-weight: 300;
        line-height: normal;
        margin:40rem 0 0 0;
    }
    .DiNapoli-section1 .container .left .showMore {
        display: none;
    }
    [lang=zh-Hans] .DiNapoli-section1 .container .left .p2,
    [lang=zh-Hant] .DiNapoli-section1 .container .left .p2{
        font-size: 18rem;
    }
    .DiNapoli-section1 .container .p2{
        width: calc(100% - 80rem);
        color: #FFF;
        font-size: 20rem;
        font-style: normal;
        font-weight: 300;
        line-height: 30rem; /* 166.667% */
        -webkit-line-clamp: 100 ; 
        /* margin-top: 200rem; */
    }
    .DiNapoli-section1 .container ul {
        margin:auto 0;
    }
    .DiNapoli-section1 .container ul li{
        color: #FFF;
        /* font-family: "Noto Sans SC"; */
        font-size: 20rem;
        font-weight: 400;
        line-height: normal;
        margin-bottom:24rem;
    }
    .DiNapoli-section1 .container li:before{
        width: 14rem;
        height: 14rem;
        left:-20rem;
    }
   
    .DiNapoli-section1 .bg-pc{
        display: none !important;
    }
   
   
    
    /* .DiNapoli-section1 .p2 {
        font-size: 16px;
    } */
    .DiNapoli-section3 .img-m{
        display: block;
    }
    .DiNapoli-section3 .img-pc{
        display: none;
    }
    /* .DiNapoli-section2 .row{
        margin-top: 30px;
    } */
     .DiNapoli-section22 {
        padding:100rem 50rem 250rem;
        flex-direction: column;
        position: relative;
        gap:0;
     }
      .DiNapoli-section22 .left {
        order:2;
        flex:auto;

      }
      .DiNapoli-section22 .left .video{
        width:620rem;
        height:350rem;
      }
      .DiNapoli-section22 .right {
        order:1;
      }
     .DiNapoli-section22 .right .title{
        color:#A52933;
        font-size: 44rem;
        font-weight: 700;
        line-height: 30rem;
     }
     .DiNapoli-section22 .right .describe{
        color:  #6A6967;
        /* font-family: "Noto Sans SC"; */
        font-size: 20rem;
        font-style: normal;
        font-weight: 400;
        line-height: 30rem; /* 150% */
    }
     .DiNapoli-section22 .right .btn{
        border: 1px solid #A52933;
        border-radius: 2px;
        width: 354rem;
        height: 68rem;
        padding: 14rem 20rem;
        color: #A52933;
        font-size: 24rem;
        font-weight: 400;
        position: absolute;
        bottom:0;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom:100rem;
     }  

    .DiNapoli-section2{
        padding:100rem 50rem;
        overflow:hidden;
    }
    .DiNapoli-section2 .infoR{
        order: 1;
        flex:auto;

    }
    .DiNapoli-section2 .infoR img{
        width: 130vw;
        margin-left: 15%;
    }
    .DiNapoli-section2 .container{
        flex-direction: column;
    }
    /* .DiNapoli-section2 .p1,.DiNapoli-section3 .p1{
        margin-top: 30px;
        font-size: 34px;
    } */
    .DiNapoli-section2 .info ul li:before{
        transform: translateY(5rem);
    }
    [lang=zh-Hans] .DiNapoli-section2 .info ul li,
    [lang=zh-Hant] .DiNapoli-section2 .info ul li{
        font-size: 20rem;
    }
    .DiNapoli-section2 .info ul li{
        color: #232222;
        /* font-family: "Noto Sans SC"; */
        font-size: 24rem;
        font-style: normal;
        font-weight: 400;
        line-height: 30rem; /* 150% */
        letter-spacing: 1rem;
        /* text-transform: uppercase; */
        margin-bottom:15rem;
    }
    [lang=zh-Hans] .DiNapoli-section2 .info .p1,
    [lang=zh-Hant] .DiNapoli-section2 .info .p1{
        font-size: 35rem;
    }
    .DiNapoli-section2 .info .p1{ 
        color: #A52933;
        /* font-family: "Noto Serif SC"; */
        font-size: 44rem;
        font-style: normal;
        font-weight: 700;
        line-height: 50rem; /* 85.714% */
        letter-spacing: 1rem;
        text-transform: capitalize;
    }
    [lang=zh-Hans] .DiNapoli-section2 .info .p2,
    [lang=zh-Hant] .DiNapoli-section2 .info .p2{
        font-size: 20rem;
    }
    .DiNapoli-section2 .p2{
        color:  #6A6967;
        /* font-family: "Noto Sans SC"; */
        font-size: 24rem;
        font-style: normal;
        font-weight: 400;
        line-height: 30rem; /* 150% */
        letter-spacing: 1rem;
        /* text-transform: uppercase; */
        margin:50rem 0 80rem;
    }
    .DiNapoli-section2 .info a,.DiNapoli-section3 .info a{
        width: 100%;
        text-align: center;
    }
    .DiNapoli-section3 {
        padding:100rem 50rem 250rem;

    }
    .DiNapoli-section3 .container {
        flex-direction: column;
        position:relative;
    }
    .DiNapoli-section3 .info a{
        position:absolute;
        bottom:-140rem;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        width: 354rem;
        height: 68rem;
        padding: 14rem 20rem;
        justify-content: center;
        align-items: center;
        color: #A52933;
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        /* font-family: "Noto Sans SC"; */
        font-size: 24rem;
        font-style: normal;
        font-weight: 400;
        line-height: 28.8rem; /* 120% */
        letter-spacing: 1rem;
        text-transform: capitalize;
        border-radius: 2px;
        border: 1px solid #A52933;
    }
    [lang=zh-Hans] .DiNapoli-section3 .info .p1,
    [lang=zh-Hant] .DiNapoli-section3 .info .p1{
        font-size: 35rem;
    }
    [lang=zh-Hans] .DiNapoli-section3 .info .p2,
    [lang=zh-Hant] .DiNapoli-section3 .info .p2{
        font-size: 20rem;
    }
    [lang=zh-Hans] .DiNapoli-section3 .infoR .topContainer .pp1,
    [lang=zh-Hant] .DiNapoli-section3 .infoR .topContainer .pp1{
        font-size: 22rem;
    }
    [lang=zh-Hans] .DiNapoli-section3 .infoR .topContainer .pp2,
    [lang=zh-Hant] .DiNapoli-section3 .infoR .topContainer .pp2{
        font-size: 20rem;
    }
    .DiNapoli-section3 .info .p1 {
        color: #A52933;
        /* font-family: "Noto Serif SC"; */
        font-size: 44rem;
        font-style: normal;
        font-weight: 700;
        line-height: 50rem; /* 85.714% */
        letter-spacing: 1rem;
        text-transform: uppercase;
    }
    .DiNapoli-section3 .info .p2 {
        color:#6A6967;
        /* font-family: "Noto Sans SC"; */
        font-size: 24rem;
        font-style: normal;
        font-weight: 400;
        line-height: 30rem; /* 150% */
        letter-spacing: 1rem;
        /* text-transform: uppercase; */
        margin:50rem 0 80rem 0;
        width:auto;
    }
    .DiNapoli-section3 .infoR .topContainer {
        display:block;
        /* padding-bottom:0; */
    }
    .DiNapoli-section3 .infoR .topContainer .title {
        color: #A52933;
        /* font-family: Poppins; */
        font-size: 24rem;
        font-style: normal;
        font-weight: 700;
        line-height: 36rem; /* 150% */
        border-bottom:0;
        float:left;
        /* margin-right:16rem; */
    }
    .DiNapoli-section3 .infoR .topContainer .pp1{
        color:#232222;
        /* font-family: "Noto Sans SC"; */
        font-size: 26rem;
        font-style: normal;
        font-weight: 500;
        line-height: 30rem; /* 166.667% */
        letter-spacing: 1rem;
        /* text-transform: uppercase; */
        padding-left:45rem;
    }
    
    .DiNapoli-section3 .infoR .topContainer .pp2{
        color: #6A6967;
        /* font-family: "Noto Sans SC"; */
        font-size: 24rem;
        font-style: normal;
        font-weight: 400;
        line-height: 30rem; /* 166.667% */
        letter-spacing: 1rem;
        /* text-transform: uppercase; */
        margin:8rem 0 45rem 0;
        padding-left:45rem;
    }
    .DiNapoli-section3 .infoR .bottomContainer {
        display:block;
        position: relative;
        margin-top:93rem;
    }
    .DiNapoli-section3 .infoR .bottomContainer .left{
        position:absolute;
    }
    .DiNapoli-section3 .infoR .bottomContainer .left div{
        color:  #6A6967;
        leading-trim: both;
        text-edge: cap;
        /* font-family: "Noto Sans SC"; */
        font-size: 22rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal; /* 100% */
    }
    
    .DiNapoli-section3 .infoR .bottomContainer .right img {
        width:85%;
        margin-left:15%;
        margin-top:80rem;
        height:auto;
    }

    
    /* .DiNapoli-section3 .row{
        margin-top: 0;
    }
    .DiNapoli-section3{
        margin-top: 80px;
    } */
    .DiNapoli-section4 {
        flex-direction:column;
        padding:100rem 50rem;
    }
    [lang=zh-Hans] .DiNapoli-section4 .section4-title,
    [lang=zh-Hant] .DiNapoli-section4 .section4-title{
        font-size: 35rem;
    }
    [lang=zh-Hans] .section4-container .content .p1,
    [lang=zh-Hant] .section4-container .content .p1{
        font-size: 20rem;
    }
    [lang=zh-Hans] .section4-container .content .p2,
    [lang=zh-Hant] .section4-container .content .p2{
        font-size: 22rem;
    }
    [lang=zh-Hans] .section4-container .content .p3,
    [lang=zh-Hant] .section4-container .content .p3{
        font-size: 18rem;
    }
    .DiNapoli-section4 .section4-title{
        font-size: 44rem;
        margin-bottom: 50rem;
        color:#A52933;
    }
    .DiNapoli-section4 .section4-container .content .p1 {
        color:  #232222;
        /* font-family: "Noto Sans SC"; */
        font-size: 24rem;
        font-weight: 500;
        line-height: 30rem; /* 166.667% */
    }
    .DiNapoli-section4 .section4-container .content .p2 {
        color:  #232222;
        /* font-family: Poppins; */
        font-size: 24rem;
        font-weight: 700;
        line-height: 24rem; 
        margin:30rem 0 15rem 0;/* 120% */
    }
    .DiNapoli-section4 .section4-container .content .p3 {
        color: #6A6967;
        /* font-family: "Noto Sans SC"; */
        font-size: 24rem;
        font-style: normal;
        font-weight: 400;
        line-height: 30rem; 
        margin-bottom:50rem;/* 214.286% */
    }
    .DiNapoli-section4 .col-md-4 div{
        margin-top: 30px;
    }
    .DiNapoli-section5 {
        padding:100rem 50rem;
        flex-direction: column;
        align-items: flex-start;
        background:#fff;
    }
    [lang=zh-Hans] .DiNapoli-section5 .section5-title1,
    [lang=zh-Hant] .DiNapoli-section5 .section5-title1{
        font-size: 35rem;
    }
    [lang=zh-Hans] .DiNapoli-section5 .section5-title2,
    [lang=zh-Hant] .DiNapoli-section5 .section5-title2{
        font-size: 20rem;
    }
    .DiNapoli-section5 .section5-title1{
        font-size: 44rem;
        font-weight: 700;
        color:#A52933;
    }
    .DiNapoli-section5 .section5-title2{
        color:#6A6967;
        font-size: 24rem;
        width:auto;
        margin-bottom:60rem;
    }
    .DiNapoli-section5 .pageCon {
        font-size: 19rem;
    }
    .DiNapoli-section5 .swiperControl {
        position: static;
        text-align:center;
        margin-bottom:30rem;
    }
    .DiNapoli-section5 .right {
        width: 100%;
    }
    .DiNapoli-section5 .right .btn {
        margin:60rem auto 0;
        font-size: 24rem;
        padding:14rem 20rem;
        width: 354rem;
        height: 68rem;
    }
    .DiNapoli-slide {
        width: 100%;
        height: 338rem;
    }
    /* .DiNapoli-slide .swiper-button-next,.DiNapoli-slide .swiper-button-prev{
        width: 30px;
        height: 30px;
    }
    .DiNapoli-slide .swiper-button-next{
        right: 10px;
    }
    .DiNapoli-slide .swiper-button-prev{
        left: 10px;
    } */
    .DiNapoli-slide{
        margin-bottom: 15rem;
    }
    .DiNapoli-page-ar .DiNapoli-section3 .info{
        padding-left: 4%;
        padding-right: 4%;
    }
    .DiNapoli-page-ar .DiNapoli-section2 .info{
        padding-left: 4%;
        padding-right: 4%;
    }
}