body{ background: #070503; } .banner img{ width: 640/100rem; height: 850/100rem; } .bash_yhj{ margin-left: 80/100rem; } .bash_yhj_a{ margin-right: 10/100rem; float: left; } .bash_yhj .bash_yhj_a img{ width: 114/100rem; height: 195/100rem; } .shopping{ margin-left: 116/100rem; margin-top: 35/100rem; margin-bottom: 35/100rem; } .shopping img{ width: 403/100rem; height: 62/100rem; } .choujiang{ width: 613/100rem; height: 529/100rem; background: url(../img/ac3_bg2.png) no-repeat; background-size:100% ; margin-left: 14/100rem; position: relative; } .choujiang .cj_shan{ width: 640/100rem; height: 529/100rem; position: absolute; left: -12/100rem; top: -10/100rem; } .cj_con{ width: 82.8%; position: absolute; margin: 0 auto; left: 0; right: 0; top: 18%; z-index: 11; padding: 0.5% 0 0 1%; } .content{ width: 32.3%; float: left; margin: 0 1% 0.5% 0; position: relative; } .content img{ width: 100%; } .num{ width: 98%; text-align: center; position: absolute; bottom: 4%; color:#FFFFFF; font-size: 13.2px; } .content_con{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 12; } .cj_con .active .content_con{ background: rgba(255,255,255,0.8); border-radius: 10%; } .content_con img{ width: 100%; height: 100%; } .choujiang .on{ transform: rotateY(180deg); } .baqi{ margin-left: 116/100rem; margin-bottom: 40/100rem; margin-top: 40/100rem; } .baqi img{ width: 400/100rem; height: 89/100rem; } .baqi_man{ width: 640/100rem; margin-left: 14/100rem; } .baqi_man .man_cp{ width: 300/100rem; height: 164/100rem; background: url(../img/ac3_bg3.png) no-repeat; background-size: 100%; float: left; margin-right: 10/100rem; margin-bottom: 15/100rem; } .man_cp .p1{ font-family: "微软雅黑"; font-size: 28/100rem; color: #fff; margin-top: 20/100rem; margin-left: 10/100rem; margin-bottom: 15/100rem; } .man_cp .p2{ font-family: "微软雅黑"; font-size: 18/100rem; color: #fff; margin-left: 10/100rem; } .man_cp .go{ width: 58/100rem; height: 22/100rem; background: #fff; border-radius: 10px; text-align: center; line-height: 22/100rem; color: #000000; font-size: 18/100rem; margin-left: 28/100rem; margin-top: 13/100rem; } .man_tejia{ width: 613/100rem; height: 148/100rem; background: url(../img/ac3_bg4.png) no-repeat; background-size: 100% ; padding-top: 20/100rem; } .man_tejia .p1{ font-family: "微软雅黑"; font-size: 28/100rem; color: #fff; margin-left: 10/100rem; margin-bottom: 15/100rem; } .man_tejia .p2{ font-family: "微软雅黑"; font-size: 18/100rem; color: #fff; margin-left: 10/100rem; } .man_tejia .go{ width: 58/100rem; height: 22/100rem; background: #fff; border-radius: 10px; text-align: center; line-height: 22/100rem; color: #000000; font-size: 18/100rem; margin-left: 28/100rem; margin-top: 13/100rem; } .liaomei{ margin-left: 116/100rem; margin-bottom: 40/100rem; margin-top: 40/100rem; } .liaomei img{ width: 400/100rem; height: 89/100rem; } .liao_gl{ width: 640/100rem; margin-left: 5/100rem; } .gl_sp{ width: 310/100rem; height: 428/100rem; background: url(../img/ac3_bg5.png) no-repeat; background-size:100% ; position: relative; float: left; margin-right: 9/100rem; margin-bottom: 9/100rem; } .gl_sp img{ width: 292/100rem; height: 351/100rem; position: absolute; top: 9/100rem; left: 9/100rem; } .gl_sp .p1{ font-family: "微软雅黑"; font-size: 18/100rem; color: #fff; position: absolute; bottom: 40/100rem; left: 9/100rem; } .gl_sp .p2{ font-family: "微软雅黑"; font-size: 18/100rem; font-weight: 900; color: #fff; position: absolute; bottom: 8/100rem; left: 9/100rem; }