:root {
    --PC_DefaultWidth: 1200;
    --H5_DefaultWidth: 750;
}

.material-parallax {
    left: 0px !important;
    right: 0px !important;
    background-color: #060403;
}
.material-parallax img {
    transform: translate3d(-50%, -50%, 0) !important;
    width: 100% !important;
    height: auto !important;
    min-width: 100% !important;
    min-height: auto !important;
    top: 50% !important;
}

#portfolio, #testimonials {
    background-color: #060403;
}


.Projects-PC,
.Case-PC-XRJ,
.Case-PC-JTKJ,
.Case-PC-WAWJ,
.Portfolio-PC,
.Testimonials-PC,
.Modal-XRJ-PC,
.Modal-JTKJ-PC,
.Modal-WAWJ-PC {
    max-width: calc(var(--PagetWidth) * 1px);
    margin: 0 auto;
}
.Case-PC-XRJ .content .flex,
.Case-PC-JTKJ .content .flex,
.Case-PC-WAWJ .content .flex {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}


/* 品牌价值 Start */
/* PC端 */
.Projects-PC {
    position: relative;
}
.Projects-PC img {
	width: 100%;
}
.Projects-PC .content{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding-top: calc(304 / var(--PC_DefaultWidth) * 100%);
}
.Projects-PC .content .C1{
    width: calc(502 / var(--PC_DefaultWidth) * 100%);
}
.Projects-PC .content .C2{
    width: calc(493 / var(--PC_DefaultWidth) * 100%);
    margin-top: calc(62 / var(--PC_DefaultWidth) * 100%);
    margin-left: calc(-18 / var(--PC_DefaultWidth) * 100%);
}
.Projects-PC .box-img-animate {
    height: 100%;
    position: relative;
    padding-top: calc(990 / var(--PC_DefaultWidth) * 100%);
}
.Projects-PC .box-img-animate-item {
    position: absolute;
    z-index: 1;
}
.Projects-PC .box-img-animate-item-1 {
    width: calc(126 / var(--PC_DefaultWidth) * 100%);
    top: 0;
    left: calc(936 / var(--PC_DefaultWidth) * 100%);
    margin-top: calc(338 / var(--PC_DefaultWidth) * 100%);
}
.Projects-PC .box-img-animate-item-2 {
    width: calc(123 / var(--PC_DefaultWidth) * 100%);
    top: 0;
    left: calc(1096 / var(--PC_DefaultWidth) * 100%);
    margin-top: calc(382 / var(--PC_DefaultWidth) * 100%);
}
.Projects-PC .box-img-animate-item-3 {
    width: calc(138 / var(--PC_DefaultWidth) * 100%);
    top: 0;
    left: calc(516 / var(--PC_DefaultWidth) * 100%);
    margin-top: calc(522 / var(--PC_DefaultWidth) * 100%);
}
.Projects-PC .box-img-animate-item-4 {
    width: calc(234 / var(--PC_DefaultWidth) * 100%);
    top: 0;
    left: calc(840 / var(--PC_DefaultWidth) * 100%);
    margin-top: calc(436 / var(--PC_DefaultWidth) * 100%);
}
.Projects-PC .box-img-animate-item-5 {
    width: calc(92 / var(--PC_DefaultWidth) * 100%);
    top: 0;
    left: calc(612 / var(--PC_DefaultWidth) * 100%);
    margin-top: calc(614 / var(--PC_DefaultWidth) * 100%);
}
.Projects-PC .box-img-animate-item-6 {
    width: calc(78 / var(--PC_DefaultWidth) * 100%);
    top: 0;
    left: calc(764 / var(--PC_DefaultWidth) * 100%);
    margin-top: calc(606 / var(--PC_DefaultWidth) * 100%);
}

/* H5端 */
.Projects-H5 {
    padding-top: calc(274 / var(--H5_DefaultWidth) * 100%);
    padding-bottom: calc(914 / var(--H5_DefaultWidth) * 100%);
}
.Projects-H5 img {
    width: 100%;
}
.Projects-H5 .C1{
    margin-left: calc(64 / var(--H5_DefaultWidth) * 100%);
    width: calc(496 / var(--H5_DefaultWidth) * 100%);
}
.Projects-H5 .C2{
    margin-left: calc(46 / var(--H5_DefaultWidth) * 100%);
    margin-top: calc(68 / var(--H5_DefaultWidth) * 100%);
    width: calc(422 / var(--H5_DefaultWidth) * 100%);
}
/* 品牌价值 End */


/* XRJ Start */
.Case-PC-XRJ .content {
    width: 100%;
    padding-top: calc(237 / var(--PC_DefaultWidth) * 100%);
    padding-bottom: calc(125 / var(--PC_DefaultWidth) * 100%);
    position: relative;
}
.Case-PC-XRJ .content .flex .left {
    width: calc(368 / var(--PC_DefaultWidth) * 100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: calc(80 / var(--PC_DefaultWidth) * 100%);
}
.Case-PC-XRJ .content .flex .right {
    width: calc(752 / var(--PC_DefaultWidth) * 100%);
}
.Case-PC-XRJ .content .flex .right img {
    width: 100%;
}
.Case-PC-XRJ .content .ubtn {
    text-align: right;
    margin-top: calc(177 / var(--PC_DefaultWidth) * 100%);
}
.Case-PC-XRJ .content .ubtn img {
    width: calc(227 / var(--PC_DefaultWidth) * 100%);
    cursor: pointer;
}


.Case-H5-XRJ {
    padding-top: calc(222 / var(--H5_DefaultWidth) * 100%);
    padding-bottom: calc(140 / var(--H5_DefaultWidth) * 100%);
}
.Case-H5-XRJ > div {
    width: 100%;
}
.Case-H5-XRJ .XRJ1 img {
    margin-left: calc(208 / var(--H5_DefaultWidth) * 100%);
    width: calc(390 / var(--H5_DefaultWidth) * 100%);
}
.Case-H5-XRJ .XRJ2 {
    padding: 0 calc(64 / var(--H5_DefaultWidth) * 100%);
    padding-top: calc(94 / var(--H5_DefaultWidth) * 100%);
    padding-bottom: calc(34 / var(--H5_DefaultWidth) * 100%);
}
.Case-H5-XRJ .XRJ2 img {
    width: 100%;
}
.Case-H5-XRJ .XRJ3 img {
    margin-left: calc(64 / var(--H5_DefaultWidth) * 100%);
    width: calc(426 / var(--H5_DefaultWidth) * 100%);
}
.Case-H5-XRJ .XRJ4 {
    margin-top: calc(292 / var(--H5_DefaultWidth) * 100%);
    text-align: right;
}
.Case-H5-XRJ .XRJ4 img {
    margin-right: calc(64 / var(--H5_DefaultWidth) * 100%);
    width: calc(232 / var(--H5_DefaultWidth) * 100%);
    cursor: pointer;
}
/* XRJ END */


/* JTKJ Start */
.Case-PC-JTKJ .content {
    width: 100%;
    padding-top: calc(239 / var(--PC_DefaultWidth) * 100%);
    padding-bottom: calc(127 / var(--PC_DefaultWidth) * 100%);
    position: relative;
}
.Case-PC-JTKJ .content .flex .left {
    width: calc(396 / var(--PC_DefaultWidth) * 100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: calc(54 / var(--PC_DefaultWidth) * 100%);
}
.Case-PC-JTKJ .content .flex .right {
    width: calc(750 / var(--PC_DefaultWidth) * 100%);
}
.Case-PC-JTKJ .content .flex .right img {
    width: 100%;
}
.Case-PC-JTKJ .content .ubtn {
    text-align: right;
    margin-top: calc(169 / var(--PC_DefaultWidth) * 100%);
}
.Case-PC-JTKJ .content .ubtn img {
    width: calc(154 / var(--PC_DefaultWidth) * 100%);
    cursor: pointer;
}


.Case-H5-JTKJ {
    padding-top: calc(222 / var(--H5_DefaultWidth) * 100%);
    padding-bottom: calc(140 / var(--H5_DefaultWidth) * 100%);
}
.Case-H5-JTKJ > div {
    width: 100%;
}
.Case-H5-JTKJ .JTKJ1 img {
    margin-left: calc(215 / var(--H5_DefaultWidth) * 100%);
    width: calc(340 / var(--H5_DefaultWidth) * 100%);
}
.Case-H5-JTKJ .JTKJ2 {
    padding: 0 calc(64 / var(--H5_DefaultWidth) * 100%);
    padding-top: calc(140 / var(--H5_DefaultWidth) * 100%);
    padding-bottom: calc(34 / var(--H5_DefaultWidth) * 100%);
}
.Case-H5-JTKJ .JTKJ2 img {
    width: 100%;
}
.Case-H5-JTKJ .JTKJ3 img {
    margin-left: calc(64 / var(--H5_DefaultWidth) * 100%);
    width: calc(444 / var(--H5_DefaultWidth) * 100%);
}
.Case-H5-JTKJ .JTKJ4 {
    margin-top: calc(173 / var(--H5_DefaultWidth) * 100%);
    text-align: right;
}
.Case-H5-JTKJ .JTKJ4 img {
    margin-right: calc(64 / var(--H5_DefaultWidth) * 100%);
    width: calc(158 / var(--H5_DefaultWidth) * 100%);
    cursor: pointer;
}
/* JTKJ END */


/* WAWJ Start */
.Case-PC-WAWJ .content {
    width: 100%;
    padding-top: calc(250 / var(--PC_DefaultWidth) * 100%);
    padding-bottom: calc(116 / var(--PC_DefaultWidth) * 100%);
    position: relative;
}
.Case-PC-WAWJ .content .flex .left {
    width: calc(358 / var(--PC_DefaultWidth) * 100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: calc(92 / var(--PC_DefaultWidth) * 100%);
}
.Case-PC-WAWJ .content .flex .right {
    width: calc(750 / var(--PC_DefaultWidth) * 100%);
}
.Case-PC-WAWJ .content .flex .right img {
    width: 100%;
}
.Case-PC-WAWJ .content .ubtn {
    text-align: right;
    margin-top: calc(169 / var(--PC_DefaultWidth) * 100%);
}
.Case-PC-WAWJ .content .ubtn img {
    width: calc(188 / var(--PC_DefaultWidth) * 100%);
    cursor: pointer;
}


.Case-H5-WAWJ {
    padding-top: calc(222 / var(--H5_DefaultWidth) * 100%);
    padding-bottom: calc(140 / var(--H5_DefaultWidth) * 100%);
}
.Case-H5-WAWJ > div {
    width: 100%;
}
.Case-H5-WAWJ .WAWJ1 img {
    margin-left: calc(240 / var(--H5_DefaultWidth) * 100%);
    width: calc(380 / var(--H5_DefaultWidth) * 100%);
}
.Case-H5-WAWJ .WAWJ2 {
    padding: 0 calc(64 / var(--H5_DefaultWidth) * 100%);
    padding-top: calc(100 / var(--H5_DefaultWidth) * 100%);
    padding-bottom: calc(34 / var(--H5_DefaultWidth) * 100%);
}
.Case-H5-WAWJ .WAWJ2 img {
    width: 100%;
}
.Case-H5-WAWJ .WAWJ3 img {
    margin-left: calc(64 / var(--H5_DefaultWidth) * 100%);
    width: calc(426 / var(--H5_DefaultWidth) * 100%);
}
.Case-H5-WAWJ .WAWJ4 {
    margin-top: calc(230 / var(--H5_DefaultWidth) * 100%);
    text-align: right;
}
.Case-H5-WAWJ .WAWJ4 img {
    margin-right: calc(64 / var(--H5_DefaultWidth) * 100%);
    width: calc(220 / var(--H5_DefaultWidth) * 100%);
    cursor: pointer;
}
/* WAWJ END */


/* 服务 Start */
#portfolio .parallax-container {
    overflow: visible;
}
.Portfolio-PC .content {
    width: 100%;
    padding-top: calc(185 / var(--PC_DefaultWidth) * 100%);
}
.Portfolio-PC .content .C1 img {
    width: 100%;
}
.Portfolio-PC .content .C2 {
    width: calc(893 / var(--PC_DefaultWidth) * 100%);
    margin-left: calc(217 / var(--PC_DefaultWidth) * 100%);
    padding-top: calc(111 / var(--PC_DefaultWidth) * 100%);
}
.Portfolio-PC .content .C2 img {
    width: 100%;
}
.Portfolio-PC .content .C3 {
    padding-top: calc(140 / var(--PC_DefaultWidth) * 100%);
}
.Portfolio-PC .content .C3 img {
    width: 100%;
}
.Portfolio-PC .content .C4 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: calc(11  / var(--PC_DefaultWidth) * 100%);
}
.Portfolio-PC .content .C4>div {
    width: calc(234 / var(--PC_DefaultWidth) * 100%);
}
.Portfolio-PC .content .C4>div img {
    width: 100%;
}
.Portfolio-PC .content .C4>div img:last-child {
    display: none;
}
.Portfolio-PC .content .C4>div:hover img:first-child {
    display: none;
}
.Portfolio-PC .content .C4>div:hover img:last-child {
    display: block;
}
.Portfolio-PC .content .C5 {
    position: relative;
    padding-top: calc(700 / var(--PC_DefaultWidth) * 100%);
}
.Portfolio-PC .content .C5 img {
    width: 100%;
}
.Portfolio-PC .content .C5 .C5_bgi {
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(370 / var(--PC_DefaultWidth) * 100%);
}
.Portfolio-PC .content .C5 .C5_title {
    width: calc(251 / var(--PC_DefaultWidth) * 100%);
    position: absolute;
    left: 0;
    top: calc(364 / var(--PC_DefaultWidth) * 100%);
}
.Portfolio-PC .content .C5 .C5_left {
    width: calc(245 / var(--PC_DefaultWidth) * 100%);
    position: absolute;
    left: 0;
    top: calc(630 / var(--PC_DefaultWidth) * 100%);
}
.Portfolio-PC .content .C5 .C5_right {
    width: calc(221 / var(--PC_DefaultWidth) * 100%);
    position: absolute;
    right: 0;
    top: calc(630 / var(--PC_DefaultWidth) * 100%);
}


.Portfolio-H5 .C1,
.Portfolio-H5 .C3,
.Portfolio-H5 .C4,
.Portfolio-H5 .C5,
.Portfolio-H5 .C6 {
    padding-left: calc(64 / var(--H5_DefaultWidth) * 100%);
    padding-right: calc(64 / var(--H5_DefaultWidth) * 100%);
}
.Portfolio-H5 .C1 img,
.Portfolio-H5 .C2 img,
.Portfolio-H5 .C3 img,
.Portfolio-H5 .C4 img,
.Portfolio-H5 .C5 img,
.Portfolio-H5 .C6 img {
    width: 100%;
}
.Portfolio-H5 .C2 .C2_C1 {
    width: calc(314 / var(--H5_DefaultWidth) * 100%);
    margin-top: calc(90 / var(--H5_DefaultWidth) * 100%);
    margin-left: calc(190 / var(--H5_DefaultWidth) * 100%);
}
.Portfolio-H5 .C2 .C2_C2 {
    width: calc(402 / var(--H5_DefaultWidth) * 100%);
    margin-top: calc(18 / var(--H5_DefaultWidth) * 100%);
    margin-left: calc(106 / var(--H5_DefaultWidth) * 100%);
}
.Portfolio-H5 .C2 .C2_C3 {
    width: calc(276 / var(--H5_DefaultWidth) * 100%);
    margin-top: calc(46 / var(--H5_DefaultWidth) * 100%);
    margin-left: calc(412 / var(--H5_DefaultWidth) * 100%);
}
.Portfolio-H5 .C3 {
    padding-top: calc(132 / var(--H5_DefaultWidth) * 100%);
}
.Portfolio-H5 .C4 {
    margin-top: calc(24 / var(--H5_DefaultWidth) * 100%);
}
.Portfolio-H5 .C5 {
    padding-top: calc(108 / var(--H5_DefaultWidth) * 100%);
}
.Portfolio-H5 .C6 {
    margin-top: calc(80 / var(--H5_DefaultWidth) * 100%);
}
/* 服务 END */


/* 合作伙伴 Start */
.Testimonials-PC .content {
    width: 100%;
    padding-top: calc(180 / var(--PC_DefaultWidth) * 100%);
}
.Testimonials-PC .content img {
    width: 100%;
}
.Testimonials-PC .content .C1 {
    width: calc(249  / var(--PC_DefaultWidth) * 100%);
}
.Testimonials-PC .content .C2 {
    padding-top: calc(108  / var(--PC_DefaultWidth) * 100%);
    padding-bottom: calc(157  / var(--PC_DefaultWidth) * 100%);
}


#testimonials .H5-Content {
    margin-top: calc(-50 / var(--H5_DefaultWidth) * 100%);
}
.Testimonials-H5 {
    padding-left: calc(64 / var(--H5_DefaultWidth) * 100%);
    padding-right: calc(64 / var(--H5_DefaultWidth) * 100%);
}
.Testimonials-H5 img {
    width: 100%;
}
.Testimonials-H5 .C2 {
    padding-top: calc(108  / var(--PC_DefaultWidth) * 100%);
    padding-bottom: calc(157  / var(--PC_DefaultWidth) * 100%);
}
/* 合作伙伴 END */


/* 尾部 Start */
footer {
    width: 100%;
    background-color: #efefef;
}
.Footer-PC {
    display: flex;
    align-items: flex-end;
    margin: 0 auto;
    padding: 40px 0 34px 0;
    max-width: 1200px;
}
.Footer-PC .left {
    flex: 1;
}
.Footer-PC .left .C1 {
    width: 309px;
    margin-bottom: 50px;
}
.Footer-PC .left .C1 img {
    width: 100%;
}
.Footer-PC .left .C2 {
    font-size: 14px;
    color: #999999;
}
.Footer-PC .centet {
    width: 350px;
}
.Footer-PC .centet .C1 {
    width: 172px;
    margin-bottom: 20px;
}
.Footer-PC .centet .C1 img {
    width: 100%;
}
.Footer-PC .centet .C2 {
    font-size: 14px;
    color: #000000;
}
.Footer-PC .centet .C2 p {
    position: relative;
    padding-left: 28px;
    margin-top: 10px;
}
.Footer-PC .centet .C2 p::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/Ffooter-PC-3.png) no-repeat center;
}
.Footer-PC .centet .C2 p:nth-child(2)::before {
    background: url(../images/Ffooter-PC-4.png) no-repeat center;
}
.Footer-PC .centet .C2 p:nth-child(3)::before {
    background: url(../images/Ffooter-PC-5.png) no-repeat center;
}
.Footer-PC .right {
    margin-left: 112px;
    text-align: center;
}
.Footer-PC .right .C1 {
    width: 85px;
    height: 85px;
    background-color: #ffffff;
}
.Footer-PC .right .C2 {
    font-size: 14px;
    color: #000000;
    margin-top: 14px;
}

.Footer-H5 {
    font-size: 10px;
    padding-left: calc(64 / var(--H5_DefaultWidth) * 100%);
    padding-right: calc(64 / var(--H5_DefaultWidth) * 100%);
}
.Footer-H5 img {
    width: 100%;
}
.Footer-H5 .C1 {
    width: 161px;
    padding-top: 20px;
}
.Footer-H5 .C2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 36px 0 22px 0;
    color: #000000;
}
.Footer-H5 .C2 .left .left1 {
    width: 119px;
}
.Footer-H5 .C2 .left .left2 p {
    position: relative;
    margin-top: 10px;
    padding-left: 22px;
}
.Footer-H5 .C2 .left .left2 p::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/Ffooter-H5-3.png) no-repeat center;
    background-size: auto 14px;
}
.Footer-H5 .C2 .left .left2 p:nth-child(2)::before {
    background: url(../images/Ffooter-PC-4.png) no-repeat center;
    background-size: auto 14px;
}
.Footer-H5 .C2 .left .left2 p:nth-child(3)::before {
    background: url(../images/Ffooter-PC-5.png) no-repeat center;
    background-size: auto 14px;
}
.Footer-H5 .C2 .right .right1 {
    width: 58px;
    height: 58px;
    background-color: #ffffff;
}
.Footer-H5 .C2 .right .right2 {
    margin-top: 8px;
    text-align: center;
}
.Footer-H5 .C3 {
    color: #999999;
    padding-bottom: 14px;
}
@media (max-width: 1300px) {
    footer .content {
        margin: 0 50px;
    }
}
/* 尾部 End */


/* 弹框 Start */
.Modal {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #060403;
    overflow-y: auto;
    display: none;
}
.Modal-Box {
    display: none;
}
.Modal-Box .content {
    width: 100%；;
}
.Modal-Box .content img,
.Modal-Box .content video {
    width: 100%;
}
.Modal-Box .H5-Content .content>div {
    margin: 0 calc(64 / var(--H5_DefaultWidth) * 100%);
}


.Modal-XRJ-PC .content .C1 {
    padding-top: calc(212 / var(--PC_DefaultWidth) * 100%);
}
.Modal-XRJ-PC .content .C2 {
    padding-top: calc(90 / var(--PC_DefaultWidth) * 100%);
}
.Modal-XRJ-PC .content .C3 {
    padding-top: calc(30 / var(--PC_DefaultWidth) * 100%);
}
.Modal-XRJ-PC .content .C4 {
    padding-top: calc(30 / var(--PC_DefaultWidth) * 100%);
    padding-bottom: calc(150 / var(--PC_DefaultWidth) * 100%);
}


.Modal-XRJ-H5 .content .C1 {
    padding-top: calc(180 / var(--H5_DefaultWidth) * 100%);
}
.Modal-XRJ-H5 .content .C2 {
    padding-top: calc(100 / var(--H5_DefaultWidth) * 100%);
}
.Modal-XRJ-H5 .content .C3 {
    padding-top: calc(40 / var(--H5_DefaultWidth) * 100%);
}
.Modal-XRJ-H5 .content .C4 {
    padding-top: calc(40 / var(--H5_DefaultWidth) * 100%);
    padding-bottom: calc(140 / var(--H5_DefaultWidth) * 100%);
}


.Modal-JTKJ-PC .content .C1 {
    width: calc(1185 / var(--PC_DefaultWidth) * 100%);
    padding-top: calc(212 / var(--PC_DefaultWidth) * 100%);
}
.Modal-JTKJ-PC .content .C2 {
    padding-top: calc(104 / var(--PC_DefaultWidth) * 100%);
}
.Modal-JTKJ-PC .content .C3 {
    padding-top: calc(30 / var(--PC_DefaultWidth) * 100%);
}
.Modal-JTKJ-PC .content .C4 {
    padding-top: calc(40 / var(--PC_DefaultWidth) * 100%);
}
.Modal-JTKJ-PC .content .C4-1 {
    width: calc(485 / var(--PC_DefaultWidth) * 100%);
    padding-top: calc(50 / var(--PC_DefaultWidth) * 100%);
}
.Modal-JTKJ-PC .content .C5 {
    padding-top: calc(55 / var(--PC_DefaultWidth) * 100%);
}
.Modal-JTKJ-PC .content .C6 {
    padding-top: calc(106 / var(--PC_DefaultWidth) * 100%);
}
.Modal-JTKJ-PC .content .C7 {
    padding-top: calc(68 / var(--PC_DefaultWidth) * 100%);
}
.Modal-JTKJ-PC .content .C8 {
    width: calc(398 / var(--PC_DefaultWidth) * 100%);
    padding-top: calc(81 / var(--PC_DefaultWidth) * 100%);
}
.Modal-JTKJ-PC .content .C9 {
    width: calc(456 / var(--PC_DefaultWidth) * 100%);
    padding-top: calc(81 / var(--PC_DefaultWidth) * 100%);
}
.Modal-JTKJ-PC .content .C10 {
    padding-top: calc(100 / var(--PC_DefaultWidth) * 100%);
}
.Modal-JTKJ-PC .content .C11 {
    padding-top: calc(35 / var(--PC_DefaultWidth) * 100%);
    padding-bottom: calc(200 / var(--PC_DefaultWidth) * 100%);
}


.Modal-JTKJ-H5 .content .C1 {
    width: calc(536 / var(--H5_DefaultWidth) * 100%);
    padding-top: calc(180 / var(--H5_DefaultWidth) * 100%);
}
.Modal-JTKJ-H5 .content .C2 {
    width: calc(400 / var(--H5_DefaultWidth) * 100%);
    padding-top: calc(38 / var(--H5_DefaultWidth) * 100%);
}
.Modal-JTKJ-H5 .content .C3 {
    padding-top: calc(62 / var(--H5_DefaultWidth) * 100%);
}
.Modal-JTKJ-H5 .content .C4 {
    padding-top: calc(100 / var(--H5_DefaultWidth) * 100%);
}
.Modal-JTKJ-H5 .content .C5 {
    padding-top: calc(56 / var(--H5_DefaultWidth) * 100%);
}
.Modal-JTKJ-H5 .content .C6 {
    padding-top: calc(132 / var(--H5_DefaultWidth) * 100%);
}
.Modal-JTKJ-H5 .content .C7 {
    padding-top: calc(116 / var(--H5_DefaultWidth) * 100%);
    padding-bottom: calc(78 / var(--H5_DefaultWidth) * 100%);
}


.Modal-WAWJ-PC .content .C1 {
    padding-top: calc(212 / var(--PC_DefaultWidth) * 100%);
}
.Modal-WAWJ-PC .content .C2 {
    padding-top: calc(120 / var(--PC_DefaultWidth) * 100%);
}
.Modal-WAWJ-PC .content .C3 {
    padding-top: calc(30 / var(--PC_DefaultWidth) * 100%);
}
.Modal-WAWJ-PC .content .C4 {
    padding-top: calc(30 / var(--PC_DefaultWidth) * 100%);
    padding-bottom: calc(150 / var(--PC_DefaultWidth) * 100%);
}


.Modal-WAWJ-H5 .content .C1 {
    padding-top: calc(180 / var(--H5_DefaultWidth) * 100%);
}
.Modal-WAWJ-H5 .content .C2 {
    padding-top: calc(100 / var(--H5_DefaultWidth) * 100%);
}
.Modal-WAWJ-H5 .content .C3 {
    padding-top: calc(40 / var(--H5_DefaultWidth) * 100%);
}
.Modal-WAWJ-H5 .content .C4 {
    padding-top: calc(40 / var(--H5_DefaultWidth) * 100%);
    padding-bottom: calc(140 / var(--H5_DefaultWidth) * 100%);
}
/* 弹框 END */


@media (min-width: 756px) {
    /* .PC-Content {
        display: none;
    }
    .H5-Content {
        display: block;
    } */
    .PC-Content {
        display: block;
    }
    .H5-Content {
        display: none;
    }

    .Modal {
        top: 0;
        bottom: 0;
    }
}
@media (max-width: 756px) {
    #about::before {
        content: "";
        display: block;
        padding-top: 45px;
        background-color: #060403;
    }
    .PC-Content {
        display: none;
    }
    .H5-Content {
        display: block;
    }

    .Modal {
        top: 0;
        bottom: 0;
    }
}