﻿html {
    font-size: 10px;
}
body {
    margin: 0;
    padding: 0;
    font-size: 1.8rem;
}

.wraps {
    width: 100%;
    height: auto;
}
.section1 {
    width: 100%;
    overflow: hidden;
    height: 57.7rem;
    color: #fff;
    background-image: url(/Content/new/assets/imgs/D5500/bg-1.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/bg-1.png) 1x,url(/Content/new/assets/imgs/D5500/bg-1@2x.png) 2x);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.content1 {
    width: 100%;
    height: auto;
    margin-top: 20rem;
}

.content1 p {
    padding-left: 22.4%;
    font-size: 3.6rem;
    text-shadow: 0px 0.6rem 3.2rem  rgba(81, 64, 227, 0.76);
}
.content1 p:nth-child(1) {
    font-weight: bold;
}

.section2 {
    width: 100%;
    height: 85rem;
    color: #fff;
    background-image: url(/Content/new/assets/imgs/D5500/bg-2.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/bg-2.png) 1x,url(/Content/new/assets/imgs/D5500/bg-2@2x.png) 2x);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.content2 {
    padding: 22.1rem 0 0 60%;
}
.content2 p:nth-child(1) {
    font-size: 3.6rem;
    font-weight: bold;
}
.p2-content {
    width: 41.2rem;
    word-break: break-all;
}

.section3 {
    width: 100%;
    height: 60rem;
    text-align: center;
}
.text-content {
    height: 50%;
}
.text-content p:nth-child(1) {
    padding-top: 3rem;
    font-size: 3.6rem;
    color: #6c94de;
    font-weight: bold;
    padding-bottom: 2.0rem;
}
.text-content p:nth-child(2) {
    width: 67.1rem;
    margin: 0 auto;
}
.img-contents {
    display: flex;
    justify-content: space-between;
    height: 50%;
    width: 100rem;
    margin: 0 auto;
}
.img-contents-son {
    width: 12.7rem;
    height: 100%;
    text-align: center;
}
.icons {
    width: 100%;
    height: 12.7rem;
}
.icons1 {
    background-image: url(/Content/new/assets/imgs/D5500/icon1.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/icon1.png) 1x,url(/Content/new/assets/imgs/D5500/icon1@2x.png) 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.icons2 {
    background-image: url(/Content/new/assets/imgs/D5500/icon2.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/icon2.png) 1x,url(/Content/new/assets/imgs/D5500/icon2@2x.png) 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.icons3 {
    background-image: url(/Content/new/assets/imgs/D5500/icon3.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/icon3.png) 1x,url(/Content/new/assets/imgs/D5500/icon3@2x.png) 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.icons4 {
    background-image: url(/Content/new/assets/imgs/D5500/icon4.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/icon4.png) 1x,url(/Content/new/assets/imgs/D5500/icon4@2x.png) 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.icons5 {
    background-image: url(/Content/new/assets/imgs/D5500/icon5.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/icon5.png) 1x,url(/Content/new/assets/imgs/D5500/icon5@2x.png) 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.icons6 {
    background-image: url(/Content/new/assets/imgs/D5500/icon6.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/icon6.png) 1x,url(/Content/new/assets/imgs/D5500/icon6@2x.png) 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.icons7 {
    background-image: url(/Content/new/assets/imgs/D5500/icon7.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/icon7.png) 1x,url(/Content/new/assets/imgs/D5500/icon7@2x.png) 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section4 {
    width: 100%;
    height: 700px;
    background-image: url(/Content/new/assets/imgs/D5500/bg-4.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/bg-4.png) 1x,url(/Content/new/assets/imgs/D5500/bg-4@2x.png) 2x);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.content4 {
    padding: 24.4rem 0 0 27%;
    width: auto;
    height: auto;
}
.content4 p:nth-child(1) {
    font-size: 3.6rem;
    color: #6c94de;
    font-weight: bold;
}
.p4-content {
    width: 37.3rem;
    color: #000;
    word-break: break-all;
}

.section5 {
    width: 100%;
    height: 80rem;
    background-image: url(/Content/new/assets/imgs/D5500/bg-5.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/bg-5.png) 1x,url(/Content/new/assets/imgs/D5500/bg-5@2x.png) 2x);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.content5 {
    padding: 31.1rem 0 0 60%;
}
.content5 p:nth-child(1) {
    font-size: 3.6rem;
    color: #6c94de;
    font-weight: bold;
}
.p5-content {
    width: 41.2rem;
    word-break: break-all;
}

.section6 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 78.8rem;
    z-index: 999;
    color: #fff;
    background-image: url(/Content/new/assets/imgs/D5500/bg-6.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/bg-6.png) 1x,url(/Content/new/assets/imgs/D5500/bg-6@2x.png) 2x);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.content6 {
    padding: 14.8rem 0 0 27%;
    width: auto;
    height: auto;
}
.content6 p:nth-child(1) {
    font-size: 3.6rem;
    font-weight: bold;
}
.p6-content {
    width: 37.3rem;
    word-break: break-all;
}
.img-content {
    display: flex;
    justify-content: space-between;
    width: 35rem;
    height: auto;
    margin: 0;
}
.img-content-son {
    width: auto;
    height: auto;
    text-align: center;
    padding-top: 3rem;
}
.six-icon {
    height: 6.7rem;
}
.six-icon1 {
    background-image: url(/Content/new/assets/imgs/D5500/wifi.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/wifi.png) 1x,url(/Content/new/assets/imgs/D5500/wifi@2x.png) 2x);
    background-repeat: no-repeat;
}
.six-icon2 {
    background-image: url(/Content/new/assets/imgs/D5500/4g.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/4g.png) 1x,url(/Content/new/assets/imgs/D5500/4g@2x.png) 2x);
    background-repeat: no-repeat;
}
.six-icon3 {
    width: 4.6rem;
    background-image: url(/Content/new/assets/imgs/D5500/lanya.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/lanya.png) 1x,url(/Content/new/assets/imgs/D5500/lanya@2x.png) 2x);
    background-repeat: no-repeat;
}
.cell-phone-icon {
    width: 26.4rem;
    height: 64.8rem;
    float: right;
    margin: -46.0rem 54.7rem 0 0;
    background-image: url(/Content/new/assets/imgs/D5500/por.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/por.png) 1x,url(/Content/new/assets/imgs/D5500/por@2x.png) 2x);
    background-repeat: no-repeat;
}

.section7 {
    position: relative;
    top: -29rem;
    left: 0;
    width: 100%;
    height: 66.5rem;
    color: #fff;
    background-image: url(/Content/new/assets/imgs/D5500/bg-7.png);
    background-image: -webkit-image-set(url(/Content/new/assets/imgs/D5500/bg-7.png) 1x,url(/Content/new/assets/imgs/D5500/bg-7@2x.png) 2x);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.content7 {
    padding: 10% 0 0 0;
    text-align: center;
}
.content7 p:nth-child(1) {
    font-size: 3.6rem;
    font-weight: bold;
    padding-bottom: 2rem;
}

/*============表参数============*/
.section8 {
    width: 100%;
    height: auto;
    margin: -20rem auto 0;
}
.content8 {
    margin: 0 auto;
    width: 100.9rem;
    height: auto;
}
.content8 p {
    font-size: 3.6rem;
    color: #6c94de;
    text-align: center;
    padding: 5.9rem 0 3rem 0;
}

.content8 table thead th {
    background: #6c94de !important;
    color: #fff!important;
    padding: 1.5rem 0 1.5rem 4rem !important;
    font-size: 2.4rem !important;
    font-weight: bold !important;
} 
.content8 table tbody tr td {
    padding: 1.5rem 0 1.5rem 4rem !important;
    font-size: 1.6rem !important;
}