html,
body {
    /*position: relative;*/
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    /*overflow: auto;*/
    background-color: white;
}
::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
}
.swiper-container{
    width: 100%;
    height: 100%;
}
#swiper-container2 .swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display:block;
}
.page-adapt{
    max-width: 120rem;
    height: 100%;
    position: relative;
    display: flex;
}
.page-adapt1{
    margin: 0 auto;
}
.page1{
    width: 100%;
    height: 43.9375rem;
    background: url("../../../img/cds/mdata/page1-back.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.p1-title1back{
    width: 100%;
    height: 7.5625rem;
    background: linear-gradient(332deg, #FF3333 -30%, #FFBC39 60%);
    opacity: 0.4;
    right: 50%;
    clip-path:
            polygon(0 0,calc(100% - 7.875rem) 0, 100% 50%,calc(100% - 7.875rem) 100%,0 100%);
    position: absolute;
    margin: 19rem 7.375rem auto auto;
    display: flex;
    flex-direction: column;
}
.p1-title1back1{
    width: 100%;
    height: 7.5625rem;
    background: linear-gradient(332deg, #FF3333 -30%, #FFBC39 60%);
    opacity: 0.4;
    right: 50%;
    clip-path: polygon(0 0,calc(100% - 7.875rem) 0, 100% 50%,calc(100% - 7.875rem) 100%,0 100%);
    position: absolute;
    margin: 28rem 7.375rem auto auto;
    display: flex;
    flex-direction: column;
}
.page1-title{
    width: 100%;
    height: 20.5625rem;
    right: 50%;
    position: absolute;
    margin: 24rem 7.375rem auto auto;
    display: flex;
    flex-direction: column;
}
.p1-title{
    width: 18.75rem;
    height: 4.25rem;
    font-size: 6rem;
    font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 7.0625rem;
    position: absolute;
    top: 1.625rem;
    right: 29.6875rem;
    opacity: 1;
}
.p1-title1{
    width: 18.75rem;
    height: 4.25rem;
    font-size: 6rem;
    font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 7.0625rem;
    position: absolute;
    top: -4.7rem;
    right: 13.6875rem;
    opacity: 1;
}
.p1-title2{
    width: 18.75rem;
    height: 4.25rem;
    font-size: 6rem;
    font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 7.0625rem;
    position: absolute;
    top: 4.7rem;
    right: 33.6875rem;
    opacity: 1;
}
.p1-title3{
    width: 18.75rem;
    height: 4.25rem;
    font-size: 6rem;
    font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 7.0625rem;
    position: absolute;
    top: 4.7rem;
    right: 13.6875rem;
    opacity: 1;
}
.p1-title{
    width: 18.75rem;
    height: 4.25rem;
    font-size: 6rem;
    font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 7.0625rem;
    position: absolute;
    top: -4.7rem;
    right: 33.6875rem;
    opacity: 1;
}
.p1-cont{
    width:38.0625rem;
    height:3.0625rem;
    right: 15.125rem;
    top: 9.375rem;
    position: absolute;
    display: flex;
    opacity: 1;
}

.p1-js{
    margin-left: 4.6875rem;
    display: flex;
    flex-direction: column;
}
.p1-js span{
    font-size: 2rem;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 2.8125rem;
    white-space: nowrap;
}
.p1-js div{
    width: 1.875rem;
    height: 0.25rem;
    background: #FFFFFF;
    border-radius: 3.75rem 3.75rem 3.75rem 3.75rem;
}
/*.p1-title2back{*/
/*    width: 100%;*/
/*    height: 7.5625rem;*/
/*    background: linear-gradient(311deg, #FF3333 10%, #FFBC39 100%);*/
/*    opacity: 0.4;*/
/*    clip-path:*/
/*            polygon(0 0,calc(100% - 5rem) 0, 100% 50%,calc(100% - 5rem) 100%,0 100%);*/
/*    position: absolute;*/
/*    right: 50%;*/
/*    margin: 28.125rem 9.1875rem auto 0;*/

/*}*/
/*.p1-title1{*/
/*    width: 36.5625rem;*/
/*    height: 4.6875rem;*/
/*    background: url("../../../img/cds/mdata/page1-title1.png") no-repeat center;*/
/*    background-size: 100% 100%;*/
/*    position: absolute;*/
/*    margin-left: 2.75rem;*/
/*    margin-top: 20.125rem;*/
/*}*/
/*.p1-title2{*/
/*    width: 36.5625rem;*/
/*    height: 4.6875rem;*/
/*    background: url("../../../img/cds/mdata/page1-title2.png") no-repeat center;*/
/*    background-size: 100% 100%;*/
/*    position: absolute;*/
/*    margin-left: 2.75rem;*/
/*    margin-top: 29.375rem;*/
/*}*/
.page2{
    width: 100%;
    height: 100%;
    background:  url("../../../img/cds/mdata/page2-back.png") no-repeat center;
    background-size: 100% 100%;
    position: relative;
    display: flex;
}
.page2-adapt{
    width: 120rem;
    height: 67.5rem;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto auto;
}
.page2-title{
    width: 16.1875rem;
    height: 7.8125rem;
    background: url("../../../img/cds/mdata/page2-title.png") no-repeat center;
    background-size: 100% 100%;
    margin-left:12.625rem ;
    margin-top: 6rem;
    position: relative;
}
.page2-content{
    width: 48.625rem;
    height: 17.4375rem;
    margin-top: 11.3125rem;
    margin-left: 9.875rem;
    position: relative;
}
.page2-picture{
    width: 16.75rem;
    height: 100%;
    background: url("../../../img/cds/mdata/page2-picture.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: 24.6875rem;
}
.page2-yangji{
    width: 58.375rem;
    height: 38.9375rem;
    background: url("../../../img/cds/mdata/品牌主数据-样机.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    margin-left: 59.4375rem;
    margin-top: 15.25rem;
    z-index: 10;
}
.p2-txt1{
    width: 48.625rem;
    height: 2.1875rem;
    font-size: 1.5rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2.5625rem;
    margin: 0 0;
}
.p2-txt2{
    width: 48.625rem;
    height: 4.8125rem;
    font-size: 1.5rem;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2.5625rem;
    margin-top: 2.5625rem ;
}
.p2-txt3{
    width: 48.625rem;
    height: 5.3125rem;
    font-size: 1.5rem;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2.5625rem;
    margin-top: 2.5625rem ;
}
.bluetxt{
    font-size: 2rem;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #346DFF;
    line-height: 2.5625rem;

}
.page3{
    width: 100%;
    height: 56.3125rem;
    background: #FFFFFF;
    position: relative;
}
.p3-back1{
    width: 100%;
    height: 27.75rem;
    background: url("../../../img/cds/mdata/page3-back1.png") no-repeat center;
    background-size: 100% 100%;
    margin-top: 0;
    position: relative;
}
.page3-main{
    width: 99.9375rem;
    height: 56.5625rem;
    background: url("../../../img/cds/mdata/page3-back2.png") no-repeat center;
    background-size: 100% 100%;
    margin: -13.1875rem auto;
    border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
}
.page3-title{
    width: 23.75rem;
    height: 5.1875rem;
    margin-top: 6.875rem;
    margin-left: -61.1875rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.p3-rectangle{
    width: 23.75rem;
    height: 1.1875rem;
    background: #346DFF;
    border-radius: 0rem 0rem 0rem 0rem;
    opacity: 1;
    margin-left: 0;
}
.p3-title{
    width: 22.125rem;
    height: 3rem;
    background: url("../../../img/cds/mdata/page3-title.png") no-repeat center;
    background-size: 100% 100%;
    margin-left: -22.9375rem;
}
.page3-content{
    width: 87.875rem;
    height: 23.625rem;
    margin-top: 7.625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.p3ct1,.p3ct2,.p3ct3,.p3ct4,.p3ct5{
    width: 79.5625rem;
    height: 3.125rem;
    font-size: 2.25rem;
    font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
    font-weight: 400;
    line-height: 3.5rem;
    color: #FFFFFF;
    text-align: center;
}
.orangetxt{
    font-size: 3rem;
    font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
    font-weight: 400;
    color: #FF8237;
    line-height: 3.5rem;
}
p{
    margin: 2rem auto 0 auto;
}
.p3ct1{
    margin-top: 0;
}

.page4{
    width: 100%;
    height: 73.125rem;
    background: url("../../../img/cds/mdata/page4-back.png") no-repeat center;
    background-size: 100% 100%;
    margin-top: 0;
    position: relative;
}
.page4-title{
    width: 14.75rem;
    height: 5rem;
    font-size: 4rem;
    font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 4.6875rem;
    margin-top: 22.1875rem;
    margin-left: 9.5rem;
    position: absolute;
    -webkit-box-reflect: below -1.8rem linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.11) 100%);
}
.page4-content{
    width: 47.3125rem;
    height: 12.125rem;
    font-size: 1.75rem;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 3.0625rem;
    text-indent: 2em;
    margin-left: 6.75rem;
    margin-top: 34.375rem;
    position: absolute;
}
.page4-yangji{
    width:56.3125rem;
    height: 34.125rem;
    background: url("../../../img/cds/mdata/商业资产-样机.png") no-repeat center;
    background-size: 100% 100%;
    margin-left: 68.1875rem;
    margin-top: 24.4375rem;
    position: absolute;
}
.footer{
    height: 68rem;
}