ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.nav {
    margin: 0 auto;
    font-size: 16px;
    max-width: 120em;
    background-color: #49c2ca;
    height: 7.6875em;
    padding-top: 1em;
}

.nav a {
    font-size: 1.5em;
    color: #fff;
    text-decoration: none;
}

.nav .logo_box {
    float: left;
    width: 16.875em;
    height: 7.6875em;
    line-height: 7.6875em;
    text-align: center;
}

.nav .logo {
    display: inline-block;
    vertical-align: middle;
    background: url(./img/logo.png);
    height: 3.0346em;
    width: 7.9167em;
    background-size: 100%;
    background-repeat: no-repeat;
}

.nav .nav_box ul {
    float: right;
    text-align: right;
    width: calc(100% - 16.875em);
}

.nav .nav_box li {
    display: inline-block;
    width: calc((100% - 16.875em) / 4);
    height: 7.6875em;
    line-height: 7.6875em;
    text-align: right;
    margin-right: 1%;
}

.nav .nav_box li:nth-last-child(1) {
    margin-right: 5%;
}

@media (max-width:1680px) {
    .Deco_Promotion .nav {
        font-size: 12px;
    }
}

@media (max-width:1440px) {
    .Deco_Promotion .nav {
        font-size: 12px;
    }
}

@media (max-width:736px) {
    .Deco_Promotion .nav {
        font-size: 10.35px;
        height: 4.058em;
        width: auto;
        padding-top: 1em;
    }
    .nav .logo_box {
        height: 4.058em;
        line-height: 4.058em;
        width: 9.179em;
    }
    .nav .nav_box {
        height: 4.058em;
    }
    .nav .logo {
        height: 3.058em;
        width: 8.179em;
    }
    .nav .nav_box ul {
        height: 4.058em;
        width: calc(100% - 9.179em);
    }
    .nav .nav_box li {
        width: calc((100% - 9.179em) / 4);
        height: 4.058em;
        line-height: 4.058em;
        margin-right: 4.5%;
    }
    .nav a {
        font-size: 0.875em;
        display: inline-block;
        vertical-align: top;
    }
}

@media (max-width:414px) {
    .Deco_Promotion .nav {
        font-size: 2.5vw;
    }
}

.a {
    margin: 0 auto;
    font-size: 16px;
    max-width: 120em;
    padding-top: 1.6875em;
}

.a .w-container {
    position: relative;
    width: 103.5em;
    height: 54.5em;
    margin: 0 auto;
    background: url(./img/a.jpg?2021);
    background-repeat: no-repeat;
    background-size: 100%;
}

.a .goods_mask {
    font-size: 1em;
    display: inline-block;
    position: absolute;
    bottom: 12.5%;
    transform: translate(-50%, 50%);
    opacity: 0%;
  cursor: pointer;
}

.a .goods_box_1 {
    width: 17.3em;
    height: 11.1em;
    left: 12.2%;
}

.a .goods_box_2 {
    width: 18.2em;
    height: 11.1em;
    left: 31.8%;
}

.a .goods_box_3 {
    width: 24em;
    height: 11.1em;
    left: 54.9167%;
}

.a .goods_box_4 {
    width: 26.6em;
    height: 11.1em;
    left: 82.5%;
}

.a .qrcode{
    width: 10em;
    height: 10em;
    position: absolute;
    top: 29.3em;
    left: 88em;
}

@media (max-width:1680px) {
    .Deco_Promotion .a {
        font-size: 12px;
    }
}

@media (max-width:1440px) {
    .Deco_Promotion .a {
        font-size: 12px;
    }
}

@media (max-width:736px) {
    .Deco_Promotion .a {
        font-size: 10.35px;
        width: auto;
        height: auto;
        padding: 0;
    }
    .Deco_Promotion .a .w-container {
        width: auto;
        background: url(./m/a.jpg?202108);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        height: 100vw;
        margin: 0 auto;
    }
    .a .w-container .goods_mask {
        width: 12.5em;
        height: 5.7em;
        opacity: 0;
    }
    .a .goods_box_1 {
        bottom: 30%;
        left: 32.5%;
    }
    .a .goods_box_2 {
        bottom: 30%;
        left: 73%;
    }
    .a .goods_box_3 {
        bottom: 12.66%;
        left: 32.5%;
    }
    .a .goods_box_4 {
        bottom: 12.66%;
        left: 73%;
    }
  .a .qrcode{
    width: 12vw;
    height: 12vw;
    position: absolute;
    top: 45vw;
    left: 84vw;
  }
}

@media (max-width:414px) {
    .Deco_Promotion .a {
        font-size: 2.5vw;
    }
}

.b {
    margin: 0 auto;
    font-size: 16px;
    max-width: 120em;
}

.b .w-container {
    width: 103.5em;
    margin: 0 auto;
    background: url(./img/b.jpg);
    background-size: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    padding-top: 48em;
}

.b .text {
    padding: 0 20px;
}

.b p {
    text-align: center;
    font-size: 3.125em;
    line-height: 1.5;
}

.b span {
    color: #47c4ca;
}

@media (max-width:1680px) {
    .Deco_Promotion .b {
        font-size: 12px;
    }
}

@media (max-width:1440px) {
    .Deco_Promotion .b {
        font-size: 12px;
    }
}

@media (max-width:736px) {
    .Deco_Promotion .b {
        font-size: 10.35px;
        padding: 0 20px;
        width: auto;
        height: auto;
    }
    .b .w-container {
        width: auto;
        padding-top: 46%;
    }
  .b .text{padding:0;}
    .b p {
        font-size: 1.75em;
        line-height: 1.5;
    }
}

@media (max-width:414px) {
    .Deco_Promotion .b {
        font-size: 2.5vw;
    }
}

.c {
    margin: 0 auto;
    font-size: 16px;
    max-width: 120em;
    text-align: center;
}

.c .w-container h2 {
    font-size: 3.125em;
    font-weight: 400;
    line-height: 1.2;
    padding: 1em 0 0.5em;
    text-align: center;
}

.c .feature li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 0 1em 0;
}

.c .feature .icons {
    margin: 0 auto;
}

.c .feature .icons img {
    width: 25em;
}

.c .feature .contain p {
    font-size: 1.5em;
    line-height: 1.5;
    text-align: center;
    padding: 0 2.5em;
}

.c .feature .contain .p1 {
    color: #43b3b4;
}

@media (max-width:1680px) {
    .Deco_Promotion .c {
        font-size: 12px;
    }
}

@media (max-width:1440px) {
    .Deco_Promotion .c {
        font-size: 12px;
    }
}

@media (max-width:736px) {
    .Deco_Promotion .c {
        font-size: 10.35px;
        width: auto;
        height: auto;
    }
  .c .w-container h2{
    padding-left:20px;
    padding-right:20px;
  }
    .c .w-container {
        width: auto;
    }
    .c .feature .contain {
        padding: 0;
    }
    .c .feature li {
        width: 49%;
    }
    .c .feature .icons {
        margin: 0 auto;
    }
    .c .feature .icons img {
        width: 13.75em;
    }
    .c .feature .contain p {
        padding: 0 20px;
    }
}

@media (max-width:414px) {
    .Deco_Promotion .c {
        font-size: 2.5vw;
    }
}

.d {
    font-size: 16px;
    max-width: 120em;
    margin: 0 auto;
}

.d .w-container {
    max-width: 107.25em;
    margin: 0 auto;
}

.d .w-container h2 {
    font-size: 3.125em;
    font-weight: 400;
    line-height: 1.2;
    padding-bottom: 0.5em;
    text-align: left;
}

.d .meshwifi_link img {
    width: 106em;
}

@media (max-width:1680px) {
    .Deco_Promotion .d {
        font-size: 12px;
    }
}

@media (max-width:1440px) {
    .Deco_Promotion .d {
        font-size: 12px;
    }
}

@media (max-width:736px) {
    .Deco_Promotion .d {
        font-size: 10.35px;
        padding: 0 20px;
        width: auto;
        height: auto;
    }
    .d .w-container {
        width: auto;
    }
    .d .meshwifi_link img {
        width: 90vw;
    }
}

@media (max-width:414px) {
    .Deco_Promotion .d {
        font-size: 2.5vw;
    }
}

.e {
    margin: 0 auto;
    font-size: 16px;
    max-width: 120em;
}

.e .w-container {
    width: 107.25em;
    margin: 0 auto;
}

.e .w-container h2 {
    font-size: 3.125em;
    font-weight: 400;
    line-height: 1.2;
    padding: 1em 0 0.5em;
    text-align: left;
}

.e .tbl {
    position: relative;
    width: 100em;
    height: 73em;
    background: url(./img/model-list.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.e .tbl .e_link {
    position: absolute;
    width: 88em;
    height: 8.5em;
    left: 7%;
}

.e .tbl .e_link_1 {
    top: 3.0625em;
}

.e .tbl .e_link_2 {
    top: 11.625em;
}

.e .tbl .e_link_3 {
    top: 20.1875em;
}

.e .tbl .e_link_4 {
    top: 28.75em;
}

.e .tbl .e_link_5 {
    top: 37.3125em;
}

.e .tbl .e_link_6 {
    top: 45.875em;
}

.e .tbl .e_link_7 {
    top: 54.4375em;
}

.e .tbl .e_link_8 {
    top: 63em;
}

@media (max-width:1680px) {
    .Deco_Promotion .e {
        font-size: 12px;
    }
}

@media (max-width:1440px) {
    .Deco_Promotion .e {
        font-size: 12px;
    }
}

@media (max-width:736px) {
    .Deco_Promotion .e {
        font-size: 10.35px;
        padding: 0 20px;
        width: auto;
        height: auto;
    }
    .e .w-container {
        width: auto;
    }
    .e .tbl {
        width: 90vw;
        height: 70vw;
    }
    .e .tbl .e_link {
        width: 31.5em;
        height: 3em;
    }
    .e .tbl .e_link_1 {
        top: 2.2em;
    }
    .e .tbl .e_link_2 {
        top: 5.5em;
    }
    .e .tbl .e_link_3 {
        top: 8.5em;
    }
    .e .tbl .e_link_4 {
        top: 11.6em;
    }
    .e .tbl .e_link_5 {
        top: 14.7em;
    }
    .e .tbl .e_link_6 {
        top: 17.9em;
    }
    .e .tbl .e_link_7 {
        top: 21em;
    }
    .e .tbl .e_link_8 {
        top: 24.1em;
    }
}

@media (max-width:414px) {
    .Deco_Promotion .e {
        font-size: 2.5vw;
    }
}

.f {
    margin: 0 auto;
    font-size: 16px;
    max-width: 120em;
  padding-bottom: 2em;
}

.f .w-container {
    width: 107.25em;
    margin: 0 auto;
    text-align: center;
}

.f .goods li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 0 1.5em 1em;
    margin: 0 2em 2em 0;
    border: 1px solid #000;
    border-radius: 1em;
  box-sizing:border-box;
}

.f h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 1em 0 0.5em;
    text-align: left;
}

.f .goods li p {
    font-size: 1.25em;
    line-height: 1.5;
    text-align: left;
}

.f .goods li h3 {
    font-size: 1.75em;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
}

.f .goods .goods_info_link {
    display: inline-block;
}

.f .goods .tp-btn {
    font-size: 18px;
    cursor: pointer;
  margin-top: 0.5em;
}

.f .goods img {
    background-size: 100%;
    width: 14em;
}

@media (max-width:1680px) {
    .Deco_Promotion .f {
        font-size: 12px;
    }
}

@media (max-width:1440px) {
    .Deco_Promotion .f {
        font-size: 12px;
    }
}

@media (max-width:736px) {
    .Deco_Promotion .f {
        font-size: 10.35px;
        width: auto;
        height: auto;
    }
    .f .w-container {
        width: auto;
    }
  .f h2{
    padding-left:20px;
    padding-right:20px;
  }
    .f .goods ul {
        text-align: center;
    }
    .f .goods li {
        width: 44%;
        border-radius: 0.7em;
        margin: 0 0.5em 0.5em 0;
    }
    .f .goods img {
        background-size: 100%;
        width: 10em;
    }
    .f .goods .tp-btn {
        font-size: 1em;
    }
    .f .goods .f_goods_1 {
        width: 25vw;
        height: 26.3125vw;
    }
    .f .goods .f_goods_2 {
        width: 25vw;
        height: 26.3125vw;
    }
    .f .goods .f_goods_3 {
        width: 25vw;
        height: 26.3125vw;
    }
    .f .goods .f_goods_4 {
        width: 25vw;
        height: 26.3125vw;
    }
    .f .goods .f_goods_5 {
        width: 25vw;
        height: 26.3125vw;
    }
    .f .goods .f_goods_6 {
        width: 25vw;
        height: 26.3125vw;
    }
    .f .goods .f_goods_7 {
        width: 25vw;
        height: 26.3125vw;
    }
    .f .goods .f_goods_8 {
        width: 25vw;
        height: 26.3125vw;
    }
    .f .goods li h3 {
        font-size: 1.25em;
    }
    .f .goods li p {
        font-size: 1em;
    }
}

@media (max-width:414px) {
    .Deco_Promotion .f {
        font-size: 2.5vw;
    }
}