.page3{
   background: #00238b;
    background-image: none;
    background-size: 100% 100%;
    color: #fff;
}
.page3bg {
    background: url(image/pattern2.svg) no-repeat;
    background-size: 75vw 75vw;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0.1;
    z-index: 1;

}
.page3 .pageContent .content{width: 100%!important;}
.page3_cn .pageContent .content {
    width: 580px !important;

}
.page3 .pageContent .headline02{margin-top: -150px;}

.page4 .investitle{width:100%;display:inline-block;font-family: Playfair_Display;text-align:center;
    line-height: 179px;
    height: 179px;color:#485467;
    font-size: 55px;margin: 0;
    font-weight: 100;background-color:#f6f6f5;border-bottom: 1px solid #e8e8e7;}
.page4 .pageContent{display:flex;flex-direction: column;justify-content:center;margin: 0 auto;height:calc(100% - 179px);}
.page4 .pageContent .part{width: 100%;height:auto;margin: 25px 0;}
.page4 .pageContent .secondpart{margin-top: 0;}
.page4 .pageContent .part:nth-child(2) img{display:inline-block;margin-top: 0;}
.page4 .pageContent .part .introduce {
    float: left;
    width: 554px;
    margin-left: 40%;
}

.page4 .pageContent .part .introduce:nth-child(2) {
    width: 640px;
}

.ipage4 {
    background: linear-gradient(to right, #ffffff 0%, #ffffff 35%, #f6f6f5 35%, #f6f6f5 100%);
}

.investlay1{background:#f6f6f5 url(../wealth/image/investbg1.png) 0 0 repeat-x;display:inline-block;}
.investlay1 .investwapper{width: 1054px;margin:0 auto;}
.investlay1 .title,.investlay2 .title,.investlay3 .title,.investpag4 .title,.investpag4 span,.investpag6 .title{width: 100%;text-align: center;display:inline-block;font-family: Playfair_Display;padding:80px 0 47px 0;font-size: 48px;color: #485467;margin: 0;}
.investlay1 .investwapper p{width: 100%;display:inline-block;background-color:#979796;}
.investlay1 .investwapper p img{width:100%;}
.investlay1 .investwapper p b{font-size:14px;color: #fff;line-height:40px;font-weight:normal;}
.investlay1 .investwapper ul{width:100%;display:flex;justify-content:space-between;padding-inline-start:0px;}
.investlay1 .investwapper ul li{width: 329px;background-color:#4398ea;font-size:12px;color: #fff;}
.investlay1 .investwapper ul li span{width: 100%;height:46px;line-height:46px;font-family: Playfair_Display;font-size:18px;color: #fff;display:inline-block;border-bottom:1px solid #fff;background-color:#61b3f1;}
.investlay1 .investwapper ul li b{width:100%;padding:15px 23px 15px 23px;display:inline-block;font-weight:normal;}
.investlay1 .investwapper dl{width:100%;display:inline-block;}
.investlay1 .investwapper dl dt{font-family: Playfair_Display;color: #485467;}
.investlay1 .investwapper dl dd{width:100%;display:flex;justify-content:space-between;margin-inline-start:0;margin-top: 34px;}
.investlay1 .investwapper dl dd span{padding: 0 34px;height: 42px;line-height:42px;background-color:#fff;border: 1px solid #d8d8d6;}

.investlay2,.investlay3,.investpag4{display:inline-block;}
.investlay2 .investwapper,.investlay3 .investwapper{width:100%;background-color:#f6f6f5;height:calc(100% - 191px);display:inline-block;}

.investlay3 .investabout{width: 1043px;height:510px;display:inline-block;background-color:#fff;margin-top: 116px;}
.investlay3 .investabout span{float:left;width: 405px;margin: 70px 0 0 64px;line-height:30px;text-align:left;}
.investlay3 .investabout img{float: right;}

.investpag4{background:#f6f6f5 url(../wealth/image/investimg4.png) 0 0 no-repeat;background-size:100% 100%;}
.investpag4 .sectitle,.investpag5 .sectitle{font-size: 16px;color: #979796;line-height:18px;text-align:center;margin: 0;}
.investpag4 .title{margin: 91px 0 16px 0;padding: 0;}
.investpag4 .pageContent{display:flex;justify-content:center;padding-top: 50px;}
.investpag4 .pageContent .tablay1{width: 208px;height: 520px;background-color:rgba(255,255,255,0.4);display:flex;flex-direction: column;justify-content:space-between;margin: 0;}
.investpag4 .pageContent .tablay1 *{color: #747d8b;font-size: 16px;text-align:center;margin-inline-start:0;flex: 1;display:flex;flex-direction: column;justify-content:center;}
.investpag4 .pageContent .tablay2{width: 351px;height: 520px;background-color:rgba(255,255,255,1);display:flex;flex-direction: column;justify-content:space-between;margin:0 25px;}
.investpag4 .pageContent .tablay2 *{color: #747d8b;font-size: 16px;text-align:center;margin-inline-start:0;flex: 1;display:flex;flex-direction: column;justify-content:center;}
.investpag4 .pageContent .tablay2 dt{background-color:#003bae;color: #fff;font-size: 18px;}
.investpag4 .pageContent .tablay2 dd{border-bottom: 2px solid #f6f5f5;display:flex;flex-direction: column;justify-content:center;font-size: 14px;}

.investpag5{height: 946px;}
.investpag5 .sectitle{margin-top:83px;}
.investpag5 .pageContent{width: 1560px;height: 836px;margin: 0 auto;background:url(../wealth/image/investimg5.png) 50% 50% no-repeat;}
.investpag5cn .pageContent{width: 1560px;height: 836px;margin: 0 auto;background:url(../wealth/image/investimg5cn.png) 50% 50% no-repeat;}
.investpag5 .pageContent dl{width: 392px;height: 100px;float:left;position:absolute;text-align:right;}
.investpag5 .pageContent dl dt{font-family: Playfair_Display;font-size:30px;color: #003bae;}
.investpag5 .pageContent dl dd{font-size:14px;color: #747d8b;margin-top: 10px;margin-inline-start: 0;}
.investpag5 .pageContent dl:nth-child(1){top: 156px;left: 70px;}
.investpag5 .pageContent dl:nth-child(2){top: 340px;left: 0;}
.investpag5 .pageContent dl:nth-child(3){top: 556px;left: 70px;}
.investpag5 .pageContent dl:nth-child(4){top: 620px;left: 685px;text-align:left;}
.investpag5 .pageContent dl:nth-child(5){top: 157px;right: 50px;text-align:left;}
.investpag5 .pageContent dl:nth-child(6){top: 340px;right: 0;text-align:left;}

.investpag6{background-color:#f6f6f5;}
.investpag6 .pageContent{width: 1054px;margin:0 auto;}
.investpag6 .pageContent dl{width:100%;padding:0 30px;display:flex;}
.investpag6 .pageContent dl dd{margin-inline-start: 20px;width: 20%;font-size:16px;}
.diandian{
    font-weight: bold;display: inline-block;width: 4px;height: 4px;background-color:#000 ;border-radius: 10px;margin-top: -10px;margin-bottom: 4px;margin-right: 4px;
}
.secondpart {
    margin-top: -75px;
}

.page4 .pageContent .part .introduce:nth-child(2) {
    width: 850px;
}

.header {
    z-index: 100;
    position: relative;
}

.page3 .pageContent .headline03 {

    position: relative;
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
}

.page3 .body03 {
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 1px !important;
}

.page3 .pageContent .content {
    width: 730px;
    z-index: 100;
    position: relative;
    margin-top: 50px;
    color: var(--ew-light-color02) !important;

}

.page3 .pageContent {
    padding-left: 30%;
    padding-right: 30%;
    text-align:left;
}

.page3 .pageContent .sansPro {
    letter-spacing: 2px;

}

@media screen and (max-width:1024px) {
    .page3 .pageContent .content {
        width: auto;
    }

    .page3bg {
        background-size: 100vh 100vh;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .page3_cn .pageContent .content {
        width: 480px !important;
    }
}

@media screen and (max-width:767px) {

    .page3 .headline02 {
        text-align: center;
    }

    .page3 .pageContent .sansPro {
        letter-spacing: 0px;
    }

    .page3_cn .pageContent .content {
        width: 320px !important;
    }

    .page3 .pageContent {
        padding-top: 100px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }

    .page3 .pageContent .content {
        margin-top: 20px;
        width: 320px;
        margin: 0 auto
    }

    .page3 .body03 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0px !important;
    }

    .page4 .pageContent .part .introduce {
        position: relative !important;
        width: 300px !important;
        text-align: center !important;
        float: none !important;
        clear: both !important;
        left: 50%;
        margin-left: -150px !important;
    }

    .secondpart {
        margin-top: 0;
    }

    .page4{height:auto;}
    .page4 .investitle{
        line-height: 79px;
        height: 79px;
        color: #485467;
        font-size: 25px;
    }
    .page4 .pageContent .part,.investheiauto,.investlay3 .investabout,.investpag4,.investpag6{
        height: auto;
    }
    .page4 .pageContent .part img,.investpag4 .pageContent .tablay1{display:none!important;}
    .page4 .pageContent .part .introduce{
        width: 80%!important;
        height: auto!important;
    }
    .page4 .pageContent .part .introduce *{text-overflow: ellipsis;
        text-align:left;
    }
    .investlay1 .investwapper,.investlay2 .investwapper,.investlay3 .investabout span{padding: 0 20px;}
    .investlay1 .investwapper,.investlay1 .investwapper ul li,.investlay3 .investabout,.investlay3 .investabout span,.investlay3 .investabout img,.investpag4 .pageContent .tablay1,.investpag4 .pageContent .tablay2,.investpag6 .pageContent,.investpag6 .pageContent dl dd{width:100%;}
    .investlay1 .title,.investlay2 .title,.investlay3 .title,.investpag4 .title,.investpag4 span,.investpag6 .title{width: 100%;text-align: center;display:inline-block;font-family: Playfair_Display;padding:30px 0 27px 0;font-size: 20px;color: #485467;margin: 0;}
    .investlay1 .investwapper p{padding-bottom:10px;margin: 0;}
    .investlay1 .investwapper p b{line-height:16px;}
    .investlay1 .investwapper ul,.investlay1 .investwapper dl dd,.investpag4 .pageContent,.investpag6 .pageContent dl{flex-direction: column;}
    .investlay1 .investwapper ul li span{font-size: 12px;}
    .investlay2 .investwapper img{width:100%;}
    .investlay3 .investabout span,.investlay3 .investabout{margin: 0;}
    .investlay3 .investabout span{margin-bottom: 20px;}
    .investpag4 .pageContent .tablay2{margin: 0 0 20px 0;}
    .investpag5 .sectitle{margin-top: 20px;}
    .investpag5 .pageContent,.investpag6 .pageContent img{width: 100%;height:auto;}
    .investpag5 .pageContent dl{
        width:100%;padding: 0 20px;text-align:center!important;
        position:relative;top:auto!important;right: auto!important;bottom: auto!important;left: auto!important;
    }
    .investpag5{height: 850px;}
    .investpag6 .pageContent dl dd{margin-bottom: 15px;    margin-inline-start:0px;}
    /*.page4 .part:first-child img {*/
    /*    top: 5px!important;*/
    /*    margin-bottom: 0px!important;*/
    /*}*/
    /*.page4 .part img{*/
    /*    top: -10px!important;*/
    /*    margin-bottom: 0px!important;*/
    /*}*/
}

@media screen and (min-width:1024px) and (max-width:1280px) {
    .page3bg {
        background-size: 100vw 100vw;
    }
    .page3 .pageContent{padding-left:20%;padding-right:20%;}
    .page4 .pageContent .part{margin: 30px 0!important;}
    .investpag5 .pageContent{zoom: 70%;}
    .investpag5{height:700px;}
}