.section {
    position: relative;
    color: #fff;
    font-family: 'myriadsetpro-thinthin', Arial;
    font-size: 16px;
    line-height: 1.2;
    font-weight: normal;
    background-color: #000;
    margin: 0 auto;
}

body {
    margin: 0
}

#a70pro {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-family: 'myriadsetpro-thinthin', Arial;
    margin: 0 auto
}

#a70pro div, #a70pro ul, #a70pro ol, #a70pro dl, #a70pro dt, #a70pro dd, #a70pro li, #a70pro dl, #a70pro h1, #a70pro h2, #a70pro h3, #a70pro h4, #a70pro p {
    margin: 0;
    padding: 0;
    font-style: normal
}

#a70pro table {
    border-collapse: collapse
}

#a70pro a:hover {
    text-decoration: none
}

#a70pro ol, #a70pro ul, #a70pro li {
    list-style: none
}

#a70pro img {
    border: 0;
    vertical-align: middle;
    -webkit-user-drag: none
}

#a70pro .big-img {
    width: 100%
}

#a70pro .a70pro-pc {
    display: block
}

#a70pro .a70pro-phone {
    display: none !important
}

#a70pro .showDelay_1 {
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    opacity: 1 !important;
    -webkit-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important
}

#a70pro .showDelay_2 {
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    opacity: 1 !important;
    -webkit-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
    -webkit-transition-delay: .2s !important;
    -o-transition-delay: .2s !important;
    transition-delay: .2s !important
}

#a70pro .showDelay_3 {
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    opacity: 1 !important;
    -webkit-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
    -webkit-transition-delay: .6s !important;
    -o-transition-delay: .6s !important;
    transition-delay: .6s !important
}

#a70pro .scaleDelay {
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important
}

#a70pro .transform-show {
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    opacity: 1 !important
}

#a70pro .sliderLeftHide1, #a70pro .sliderLeftHide2, #a70pro .sliderLeftHide3 {
    display: inherit !important;
    opacity: 0 !important;
    -webkit-transform: translateX(100px) !important;
    -ms-transform: translateX(100px) !important;
    transform: translateX(100px) !important
}

#a70pro .sliderLeft_1 {
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    opacity: 1 !important;
    -webkit-transform: translateX(0px) !important;
    -ms-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important
}

#a70pro .sliderLeft_2 {
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    opacity: 1 !important;
    -webkit-transform: translateX(0px) !important;
    -ms-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
    -webkit-transition-delay: .2s !important;
    -o-transition-delay: .2s !important;
    transition-delay: .2s !important
}

#a70pro .sliderLeft_3 {
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    opacity: 1 !important;
    -webkit-transform: translateX(0px) !important;
    -ms-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
    -webkit-transition-delay: .6s !important;
    -o-transition-delay: .6s !important;
    transition-delay: .6s !important
}

#a70pro .transHide1, #a70pro .transHide2, #a70pro .transHide3 {
    display: inherit !important;
    opacity: 0 !important;
    -webkit-transform: translateY(100px) !important;
    -ms-transform: translateY(100px) !important;
    transform: translateY(100px) !important
}

#a70pro .se {
    position: relative
}

#a70pro .sect1 .box {
    position: absolute;
    left: 15%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

#a70pro .sect1 .box .title {
    font-size: 5vw;
    color: #000;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#a70pro .sect1 .box .title span {
    margin-left: 10px;
    border: 2px solid #000;
    border-radius: 10px;
    font-size: 3vw;
    padding: 0 10px
}

#a70pro .sect1 .box .tit {
    font-size: 3vw;
    font-weight: bold;
    color: #000;
    line-height: 1.3
}

#a70pro .sect1 .box .msg {
    font-size: 2.02vw;
    font-weight: 500;
    color: #333;
    line-height: 1.3
}

#a70pro .sect1 .box .buy {
    margin-top: 8vw;
    font-size: 1.875vw;
    font-weight: 500;
    display: inline-block;
    border-radius: 10px;
    background-color: red;
    padding: .1vw 1.5vw
}

#a70pro .sect1 .box .buy a {
    color: #fff;
    line-height: 1
}

#a70pro .sect1 .img-box-1 {
    position: absolute;
    width: 12.083333vw;
    left: 60%;
    bottom: 0;
    z-index: 10
}

#a70pro .sect1 .img-box-2 {
    position: absolute;
    width: 13.9583333vw;
    left: 69%;
    bottom: 0;
    z-index: 11
}

#a70pro .sect2 .box {
    width: 80%;
    padding: 5vw 0;
    max-width: 1250px;
    min-width: 768px;
    margin: 0 auto
}

#a70pro .sect2 .box .item-ul-1 {
    font-size: 0
}

#a70pro .sect2 .box .item-ul-1 li {
    position: relative
}

#a70pro .sect2 .box .item-ul-1 .item-li-1:nth-child(1) {
    width: 24.14%
}

#a70pro .sect2 .box .item-ul-1 .item-li-1:nth-child(2) {
    width: 27.58%
}

#a70pro .sect2 .box .item-ul-1 .item-li-1:nth-child(3) {
    width: 44.46%
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 {
    position: relative;
    display: inline-block;
    margin: .5%;
    overflow: hidden;
    vertical-align: top;
    opacity: 1;
    z-index: 11;
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 .item-ul-2 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 .item-ul-2 .item-li-2:nth-child(2) {
    margin-top: 4%
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 .item-ul-2 .item-li-2 {
    height: 50%
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 .item-ul-2 .item-li-2 img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 .item-ul-3 {
    height: 100%
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 .item-ul-3 .item-li-3 {
    display: inline-block;
    width: 100%
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 .item-ul-3 .item-li-3:nth-child(2), #a70pro .sect2 .box .item-ul-1 .item-li-1 .item-ul-3 .item-li-3:nth-child(3) {
    width: 49%;
    height: 50%;
    margin-top: 1%
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 .item-ul-3 .item-li-3:nth-child(2) img, #a70pro .sect2 .box .item-ul-1 .item-li-1 .item-ul-3 .item-li-3:nth-child(3) img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 .item-ul-3 .item-li-3:nth-child(2) {
    margin-right: 2%
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 .item-word {
    position: absolute;
    z-index: 1;
    top: 2vw;
    left: 2vw;
    color: #000
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 .item-word .tit {
    font-size: 1.5625vw;
    font-weight: bold;
    line-height: 1.2
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 .item-word .msg {
    font-size: 1.0625vw;
    font-weight: bold;
    line-height: 1.2
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 a {
    position: absolute;
    bottom: 10%;
    z-index: 1;
    right: 10%;
    width: 2vw;
    height: 2vw;
    overflow: hidden;
    border-radius: 2vw;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle
}

#a70pro .sect2 .box .item-ul-1 .item-li-1 a img {
    max-width: 100%;
    height: auto;
    width: 100%;
    vertical-align: bottom;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

#a70pro .sect3 .box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: center
}

#a70pro .sect3 .box .title {
    font-size: 3.020833vw;
    font-weight: bold;
    color: #333;
    line-height: 1
}

#a70pro .sect3 .box .lab {
    font-size: 2.5vw;
    font-weight: bold;
    color: #333;
    line-height: 1
}

#a70pro .sect3 .box .msg {
    margin-top: 1vw;
    font-size: 1.5625vw;
    font-weight: 500;
    color: #333;
    line-height: 1.3
}

#a70pro .sect3 .img-box {
    text-align: right;
    overflow: hidden
}

#a70pro .sect3 .img-box img {
    width: 100%;
    margin-right: -15%
}

#a70pro .sect3 .box2 {
    width: 50%;
    position: relative;
    margin: 0 auto;
    text-align: center
}

#a70pro .sect3 .box2 ul {
    font-size: 0
}

#a70pro .sect3 .box2 ul li {
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    margin: 1vw 0
}

#a70pro .sect3 .box2 ul li .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1vw 2vw;
    padding: 1vw 0;
    border-radius: 5px
}

#a70pro .sect3 .box2 ul li .content img {
    width: 2.91666vw
}

#a70pro .sect3 .box2 ul li .content .word-box {
    text-align: left;
    margin-left: 1vw
}

#a70pro .sect3 .box2 ul li .content .word-box .word-title {
    font-size: 1.875vw;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    line-height: 1;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#008EE2), to(#00D7E8));
    background-image: -o-linear-gradient(bottom, #008EE2 0%, #00D7E8 100%);
    background-image: linear-gradient(0deg, #008EE2 0%, #00D7E8 100%)
}

#a70pro .sect3 .box2 ul li .content .word-box .word-msg {
    font-size: 1.25vw;
    font-weight: 500;
    color: #434343;
    line-height: 1.3
}

#a70pro .sect3 .box2 ul li:nth-child(6) .content img {
    width: 2.03125vw
}

#a70pro .sect3 .box2 .line-1 {
    position: absolute;
    width: 100%;
    background-image: -o-linear-gradient(45deg, #fff 0%, #7c7c7c 50%, #fff 100%);
    background-image: linear-gradient(45deg, #fff 0%, #7c7c7c 50%, #fff 100%);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1px
}

#a70pro .sect3 .box2 .line-2 {
    position: absolute;
    width: 2px;
    background-image: -o-linear-gradient(45deg, #fff 10%, #a7a7a7, 60%, #fff 90%);
    background-image: linear-gradient(45deg, #fff 10%, #a7a7a7, 60%, #fff 90%);
    left: 33.33%;
    top: 0;
    height: 100%
}

#a70pro .sect3 .box2 .line-3 {
    position: absolute;
    width: 2px;
    background-image: -o-linear-gradient(45deg, #fff 10%, #a7a7a7, 60%, #fff 90%);
    background-image: linear-gradient(45deg, #fff 10%, #a7a7a7, 60%, #fff 90%);
    left: 66.66%;
    top: 0;
    height: 100%
}

#a70pro .sect3 .box2 .msg {
    margin: auto;
    font-size: 1.5625vw;
    font-weight: 500;
    color: #fff;
    line-height: 1.3
}

#a70pro .sect4 {
    margin-top: 8vw
}

#a70pro .sect4 .box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: center
}

#a70pro .sect4 .box .title {
    font-size: 3.020833vw;
    font-weight: bold;
    color: #333;
    line-height: 1
}

#a70pro .sect4 .box .lab {
    font-size: 2.5vw;
    margin-top: .5vw;
    font-weight: bold;
    color: #333;
    line-height: 1
}

#a70pro .sect4 .box .msg {
    margin-top: 1vw;
    font-size: 1.5625vw;
    font-weight: 500;
    color: #333;
    line-height: 1.3;
    margin-bottom: 2vw
}

#a70pro .sect4 .box2 {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: left
}

#a70pro .sect4 .box2 .title {
    font-size: 2.5vw;
    color: #333;
    line-height: 1.3
}

#a70pro .sect4 .box2 .msg {
    font-size: 1.5625vw;
    font-weight: 400;
    color: #333;
    line-height: 1.3;
    margin-bottom: 2vw
}

#a70pro .sect4 .img-box {
    text-align: right;
    overflow: hidden
}

#a70pro .sect4 .img-box img {
    width: 77.4479vw
}

#a70pro .sect5 {
    margin-top: 8vw;
    padding-bottom: 8vw
}

#a70pro .sect5 .box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: center
}

#a70pro .sect5 .box .title {
    font-size: 3.020833vw;
    font-weight: bold;
    color: #333;
    line-height: 1
}

#a70pro .sect5 .box .lab {
    font-size: 2.5vw;
    margin-top: .5vw;
    font-weight: bold;
    color: #333;
    line-height: 1
}

#a70pro .sect5 .box .msg {
    margin-top: 1vw;
    font-size: 1.5625vw;
    font-weight: 500;
    color: #333;
    line-height: 1.3
}

#a70pro .sect5 .img-box {
    width: 80%;
    margin: 0 auto;
    padding-top: 4vw;
    position: relative
}

#a70pro .sect5 .img-box .box2 {
    width: 80%;
    position: absolute;
    bottom: -10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0 auto;
    text-align: center
}

#a70pro .sect5 .img-box .box2 ul {
    font-size: 0
}

#a70pro .sect5 .img-box .box2 ul li {
    width: 33.33%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 1vw 0
}

#a70pro .sect5 .img-box .box2 ul li .content img {
    width: 4.6875vw
}

#a70pro .sect5 .img-box .box2 ul li .content .word-box {
    text-align: center;
    margin-top: 1vw
}

#a70pro .sect5 .img-box .box2 ul li .content .word-box .word-title {
    font-size: 2.5vw;
    color: #000;
    line-height: 1
}

#a70pro .sect5 .img-box .box2 ul li .content .word-box .word-msg {
    font-size: 1.25vw;
    font-weight: 500;
    color: #434343;
    line-height: 1.3
}

#a70pro .sect5 .img-box .box2 ul li:nth-child(2)::before {
    content: "";
    position: absolute;
    width: 1px;
    overflow: hidden;
    height: 100%;
    left: 0;
    top: 50%;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, transparent), color-stop(50%, #000), color-stop(50%, #000), color-stop(80%, transparent));
    background-image: -o-linear-gradient(bottom, transparent 20%, #000 50%, #000 50%, transparent 80%);
    background-image: linear-gradient(0deg, transparent 20%, #000 50%, #000 50%, transparent 80%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#a70pro .sect5 .img-box .box2 ul li:nth-child(2)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0;
    top: 50%;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, transparent), color-stop(50%, #000), color-stop(50%, #000), color-stop(80%, transparent));
    background-image: -o-linear-gradient(bottom, transparent 20%, #000 50%, #000 50%, transparent 80%);
    background-image: linear-gradient(0deg, transparent 20%, #000 50%, #000 50%, transparent 80%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#a70pro .sect5 .img-box .box2 .msg {
    margin: auto;
    font-size: 1.5625vw;
    font-weight: 500;
    color: #fff;
    line-height: 1.3
}

#a70pro .sect6 {
    margin-top: 8vw;
    padding-bottom: 8vw
}

#a70pro .sect6 .box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: center
}

#a70pro .sect6 .box .title {
    font-size: 3.020833vw;
    color: #333;
    line-height: 1
}

#a70pro .sect6 .box .lab {
    font-size: 2.5vw;
    margin-top: .5vw;
    color: #333;
    line-height: 1
}

#a70pro .sect6 .box .msg {
    margin-top: 1vw;
    font-size: 1.5625vw;
    font-weight: 500;
    color: #333;
    line-height: 1.3
}

#a70pro .sect6 .box2 {
    width: 80%;
    max-width: 1220px;
    margin: 0 auto;
    padding-top: 8vw;
    position: relative
}

#a70pro .sect6 .box2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 10%;
    width: 100%
}

#a70pro .sect6 .box2 ul li .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#a70pro .sect6 .box2 ul li .content .word-box {
    margin-left: 1vw
}

#a70pro .sect6 .box2 ul li .content .word-box .word-title {
    font-size: 2.5vw;
    line-height: 1;
    color: #03030b
}

#a70pro .sect6 .box2 ul li .content .word-box .word-lab {
    font-size: 1.875vw;
    line-height: 1;
    color: #03030b
}

#a70pro .sect6 .box2 ul li .content .word-box .word-msg {
    font-size: 1.5625vw;
    line-height: 1;
    color: #03030b
}

#a70pro .sect6 .box2 ul li:nth-child(2) {
    margin-left: 5%
}

#a70pro .sect6 .box3 {
    width: 80%;
    max-width: 1220px;
    margin: 0 auto;
    position: relative
}

#a70pro .sect6 .box3 ul {
    font-size: 0
}

#a70pro .sect6 .box3 ul li:nth-child(1) {
    width: 100%
}

#a70pro .sect6 .box3 ul li:nth-child(3) {
    margin-left: 1.4%
}

#a70pro .sect6 .box3 ul li {
    display: inline-block;
    width: 49.2%;
    margin-top: 1vw
}

#a70pro .sect7 .box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: center
}

#a70pro .sect7 .box .title {
    font-size: 3.020833vw;
    color: #333;
    line-height: 1
}

#a70pro .sect7 .box .lab {
    font-size: 2.5vw;
    margin-top: .5vw;
    color: #333;
    line-height: 1
}

#a70pro .sect7 .box .msg {
    margin-top: 1vw;
    font-size: 1.5625vw;
    font-weight: 500;
    color: #333;
    line-height: 1.3
}

#a70pro .sect7 .box2 {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: center;
    background: #ebf6ff;
    border-radius: 10px;
    padding: 2vw 0
}

#a70pro .sect7 .box2 .title {
    font-size: 1.875vw;
    color: #000;
    line-height: 1
}

#a70pro .sect7 .box2 table {
    width: 80%;
    margin: 0 auto;
    margin-top: 2vw;
    background-color: rgba(255, 255, 255, .5)
}

#a70pro .sect7 .box2 table td {
    font-size: 1.5625vw;
    line-height: 1;
    padding: .5vw 0
}

#a70pro .sect7 .box2 table .table-th-tit {
    font-size: 2.5vw;
    color: #000;
    line-height: 1
}

#a70pro .sect7 .box2 table .table-tit {
}

#a70pro .sect8 {
    margin-top: 8vw
}

#a70pro .sect8 .box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: center
}

#a70pro .sect8 .box .title {
    font-size: 3.020833vw;
    color: #333;
    line-height: 1
}

#a70pro .sect8 .box .lab {
    font-size: 2.5vw;
    margin-top: .5vw;
    color: #333;
    line-height: 1
}

#a70pro .sect8 .box .msg {
    margin-top: 1vw;
    font-size: 1.5625vw;
    font-weight: 500;
    color: #333;
    line-height: 1.3;
    margin-bottom: 4vw
}

#a70pro .sect9 {
    margin-top: 8vw
}

#a70pro .sect9 .box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: center
}

#a70pro .sect9 .box .title {
    font-size: 3.020833vw;
    color: #333;
    line-height: 1
}

#a70pro .sect9 .box .lab {
    font-size: 2.5vw;
    margin-top: .5vw;
    color: #333;
    line-height: 1
}

#a70pro .sect9 .box .msg {
    margin-top: 1vw;
    font-size: 1.5625vw;
    font-weight: 500;
    color: #333;
    line-height: 1.3;
    margin-bottom: 4vw
}

#a70pro .sect9 .img-box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: center
}

#a70pro .sect9 .img-box .word {
    position: absolute;
    left: 50%;
    width: 50%;
    bottom: 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#a70pro .sect9 .img-box .word img {
    z-index: 11
}

#a70pro .sect9 .img-box .word p {
    font-size: 1.25vw;
    position: relative;
    z-index: 11;
    margin-left: 3%;
    line-height: 1;
    background: -webkit-gradient(linear, left bottom, left top, from(#008EE2), to(#00D7E8));
    background: -o-linear-gradient(bottom, #008EE2 0%, #00D7E8 100%);
    background: linear-gradient(0deg, #008EE2 0%, #00D7E8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#a70pro .sect9 .img-box .word .bg {
    content: "";
    position: absolute;
    left: 10%;
    width: 50%;
    background-color: #fff;
    z-index: 1;
    border-radius: 25px;
    height: 1.875vw
}

#a70pro .sect10 {
    margin-top: 8vw
}

#a70pro .sect10 .box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: center
}

#a70pro .sect10 .box .title {
    font-size: 3.020833vw;
    color: #333;
    line-height: 1
}

#a70pro .sect10 .box .lab {
    font-size: 2.5vw;
    margin-top: .5vw;
    color: #333;
    line-height: 1
}

#a70pro .sect10 .box .msg {
    margin-top: 1vw;
    font-size: 1.5625vw;
    font-weight: 500;
    color: #333;
    line-height: 1.3;
    margin-bottom: 4vw
}

#a70pro .sect11 {
    padding-top: 8vw;
    background-color: #f0f0f080
}

#a70pro .sect11 .box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: center
}

#a70pro .sect11 .box ul {
    font-size: 0
}

#a70pro .sect11 .box ul li {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 5% 1%
}

#a70pro .sect11 .box ul li .word {
    position: absolute;
    left: 5%;
    top: 5%;
    text-align: left
}

#a70pro .sect11 .box ul li .word .title {
    font-size: 2.5vw;
    margin-top: .5vw;
    color: #000;
    line-height: 1
}

#a70pro .sect11 .box ul li .word .msg {
    margin-top: 1vw;
    font-size: 1.5625vw;
    font-weight: 500;
    color: #000;
    line-height: 1.3
}

#a70pro .sect11 .box ul li:nth-child(1) {
    width: 100%
}

#a70pro .sect11 .box ul li:nth-child(1) .word {
    top: 10%;
    left: 3%;
    width: 45%
}

#a70pro .sect11 .box ul li:nth-child(6) {
    width: 100%
}

#a70pro .sect11 .box ul li:nth-child(6) .word {
    top: 50%;
    left: 3%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 45%
}

#a70pro .sect12 {
    margin-top: 4vw
}

#a70pro .sect12 .box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: left
}

#a70pro .sect12 .box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#a70pro .sect12 .box ul li:nth-child(1) {
    padding: 5%
}

#a70pro .sect12 .box ul li:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#a70pro .sect12 .box ul li {
    width: 50%
}

#a70pro .sect12 .box ul li .word .lab {
    font-size: 1.875vw;
    display: inline-block;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#008EE2), to(#00D7E8));
    background: -o-linear-gradient(left, #008EE2, #00D7E8);
    background: linear-gradient(90deg, #008EE2, #00D7E8);
    border-radius: 5px;
    line-height: 1.3;
    padding: 0 10px
}

#a70pro .sect12 .box ul li .word .title {
    font-size: 2.5vw;
    margin-top: .5vw;
    color: #000;
    line-height: 1
}

#a70pro .sect12 .box ul li .word .msg {
    margin-top: 1vw;
    font-size: 1.40625vw;
    font-weight: 500;
    color: #000;
    line-height: 1.3
}

#a70pro .sect12 .box ul li .icon-box {
    margin-top: 2vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#a70pro .sect12 .box ul li .icon-box .icon-ltem:nth-child(2) {
    margin: 0 5%
}

#a70pro .sect12 .box ul li .icon-box .icon-ltem {
    text-align: center
}

#a70pro .sect12 .box ul li .icon-box .icon-ltem img {
    width: 6.25vw
}

#a70pro .sect12 .box ul li .icon-box .icon-ltem p {
    font-size: 1.25vw;
    margin-top: .5vw;
    color: #000;
    line-height: 1
}

#a70pro .sect12 .box2 {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: left
}

#a70pro .sect12 .box2 .box2-content {
    position: absolute;
    width: 50%;
    left: 3%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#a70pro .sect12 .box2 .box2-content .word .lab {
    font-size: 1.875vw;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#008EE2), to(#00D7E8));
    background: -o-linear-gradient(left, #008EE2, #00D7E8);
    background: linear-gradient(90deg, #008EE2, #00D7E8);
    border-radius: 5px;
    line-height: 1.3;
    padding: 0 10px
}

#a70pro .sect12 .box2 .box2-content .word .title {
    font-size: 2.5vw;
    margin-top: .5vw;
    color: #000;
    line-height: 1
}

#a70pro .sect12 .box2 .box2-content .word .msg {
    margin-top: 1vw;
    font-size: 1.40625vw;
    font-weight: 500;
    color: #000;
    line-height: 1.3
}

#a70pro .sect12 .box2 .box2-content .icon-box {
    margin-top: 2vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#a70pro .sect12 .box2 .box2-content .icon-box .icon-ltem:nth-child(2) {
    margin: 0 5%
}

#a70pro .sect12 .box2 .box2-content .icon-box .icon-ltem {
    text-align: center
}

#a70pro .sect12 .box2 .box2-content .icon-box .icon-ltem img {
    width: 6.25vw
}

#a70pro .sect12 .box2 .box2-content .icon-box .icon-ltem p {
    font-size: 1.25vw;
    margin-top: .5vw;
    color: #000;
    line-height: 1
}

#a70pro .sect13 {
    margin-top: 4vw;
    padding-bottom: 4vw;
    background-color: #edf7ff
}

#a70pro .sect13 .box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    padding: 1vw 2vw;
    text-align: left;
    background-color: #f8fcff;
    border: 2px solid #b9b9b9
}

#a70pro .sect13 .box ul li:last-child {
    border-bottom: none
}

#a70pro .sect13 .box ul li {
    border-bottom: 1px solid #666;
    padding: 1vw 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.458333vw;
    font-weight: 400;
    color: #333;
    line-height: 1
}

#a70pro .sect13 .box ul li .left {
    text-align: right;
    width: 40%
}

#a70pro .sect13 .box ul li .middle {
    margin: 0 2%;
    font-size: 1.15vw;
    line-height: 1.5;
    width: 20%;
    text-align: center;
    background: #fff;
    border: 1px solid;
    border-radius: 23px
}

#a70pro .sect13 .box ul li .right {
    width: 40%;
    text-align: left
}

#a70pro .sect14 {
    margin-top: 8vw
}

#a70pro .sect14 .box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: center
}

#a70pro .sect14 .box .title {
    font-size: 3.020833vw;
    color: #333;
    line-height: 1
}

#a70pro .sect14 .box .lab {
    font-size: 2.5vw;
    margin-top: .5vw;
    color: #333;
    line-height: 1
}

#a70pro .sect14 .box .msg {
    margin-top: 1vw;
    font-size: 1.5625vw;
    font-weight: 500;
    color: #333;
    line-height: 1.3;
    margin-bottom: 4vw
}

#a70pro .sect14 .box .color-box ul {
    font-size: 0
}

#a70pro .sect14 .box .color-box ul li {
    width: 48%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    position: relative
}

#a70pro .sect14 .box .color-box ul li p {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 12%;
    font-size: 1.875vw;
    color: #333;
    line-height: 1
}

#a70pro .sect15 {
    margin-top: 8vw
}

#a70pro .sect15 .title {
    font-size: 2.5vw;
    color: #333;
    line-height: 72px
}

#a70pro .sect15 .box {
    width: 80%;
    position: relative;
    max-width: 1200px;
    min-width: 768px;
    margin: 0 auto;
    text-align: left
}

#a70pro .sect15 .box ul {
    padding-top: 2vw
}

#a70pro .sect15 .box ul li {
    border-bottom: 1px solid #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25vw;
    font-weight: 500;
    color: #000;
    line-height: 1;
    padding: 1vw 0
}

#a70pro .sect15 .box ul li .left {
    width: 50%
}

#a70pro .sect15 .box ul li .right {
    width: 50%
}

@media screen and (max-width: 767px) {
    #a70pro .a70pro-pc {
        display: none !important
    }

    #a70pro .a70pro-phone {
        display: initial !important
    }

    #a70pro .sect1 .box {
        width: 55%;
        left: 5%;
        text-align: left
    }

    #a70pro .sect1 .box .title {
        font-size: 10vw;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    #a70pro .sect1 .box .title span {
        border-radius: 5px;
        font-size: 6vw;
        padding: 0 1vw
    }

    #a70pro .sect1 .box .tit {
        font-size: 4.90625vw
    }

    #a70pro .sect1 .box .msg {
        font-size: 3vw
    }

    #a70pro .sect1 .box .buy {
        font-size: 4vw;
        border-radius: 5px
    }

    #a70pro .sect2 .box {
        width: 96%;
        padding: 8vw 0;
        max-width: none;
        min-width: auto;
        margin: 0 auto
    }

    #a70pro .sect2 .box .item-ul-1 .item-li-1 {
        width: 49%;
        border-radius: 5px
    }

    #a70pro .sect2 .box .item-ul-1 .item-li-1 .item-word {
        left: 5%
    }

    #a70pro .sect2 .box .item-ul-1 .item-li-1 .item-word .tit {
        font-size: 2.543vw
    }

    #a70pro .sect2 .box .item-ul-1 .item-li-1 .item-word .msg {
        font-size: 2.5625vw
    }

    #a70pro .sect3 .box {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto
    }

    #a70pro .sect3 .box .title {
        font-size: 4.6875vw
    }

    #a70pro .sect3 .box .lab {
        font-size: 3.51625vw;
        margin-top: 1vw
    }

    #a70pro .sect3 .box .msg {
        font-size: 2.5vw;
        margin-top: 2vw
    }

    #a70pro .sect3 .box2 {
        width: 80%
    }

    #a70pro .sect3 .box2 ul li {
        margin: 3vw 0
    }

    #a70pro .sect3 .box2 ul li .content .word-box {
        margin-left: 2vw
    }

    #a70pro .sect3 .box2 ul li .content .word-box .word-title {
        font-size: 4vw
    }

    #a70pro .sect3 .box2 ul li .content .word-box .word-msg {
        font-size: 2.5vw
    }

    #a70pro .sect3 .box2 ul li .content img {
        width: 6vw
    }

    #a70pro .sect3 .box2 ul li:nth-child(6) .content img {
        width: 4vw
    }

    #a70pro .sect4 .box {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto
    }

    #a70pro .sect4 .box .title {
        font-size: 4.6875vw
    }

    #a70pro .sect4 .box .lab {
        font-size: 3.51625vw;
        margin-top: 1vw
    }

    #a70pro .sect4 .box .msg {
        font-size: 2.5vw;
        margin-top: 2vw
    }

    #a70pro .sect4 .box2 {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto;
        margin-top: -30%
    }

    #a70pro .sect4 .box2 .title {
        font-size: 4.6875vw
    }

    #a70pro .sect4 .box2 .lab {
        font-size: 3.51625vw;
        margin-top: 1vw
    }

    #a70pro .sect4 .box2 .msg {
        width: 80%;
        font-size: 2.5vw;
        margin-top: 2vw
    }

    #a70pro .sect4 .img-box img {
        width: 90%
    }

    #a70pro .sect5 .img-box {
        width: 100%
    }

    #a70pro .sect5 .img-box .box2 {
        width: 96%
    }

    #a70pro .sect5 .img-box .box2 ul li .content img {
        width: 7.8125vw
    }

    #a70pro .sect5 .img-box .box2 ul li .content .word-box .word-title {
        font-size: 4vw
    }

    #a70pro .sect5 .img-box .box2 ul li .content .word-box .word-msg {
        font-size: 2.5vw
    }

    #a70pro .sect5 .box {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto
    }

    #a70pro .sect5 .box .title {
        font-size: 4.6875vw
    }

    #a70pro .sect5 .box .lab {
        font-size: 3.51625vw;
        margin-top: 1vw
    }

    #a70pro .sect5 .box .msg {
        font-size: 2.5vw;
        margin-top: 2vw
    }

    #a70pro .sect6 .box2 {
        padding-top: 15vw;
        width: 96%
    }

    #a70pro .sect6 .box2 ul {
        top: 5%
    }

    #a70pro .sect6 .box2 ul li .content img {
        width: 6.901vw
    }

    #a70pro .sect6 .box2 ul li .content .word-box .word-title {
        font-size: 4vw
    }

    #a70pro .sect6 .box2 ul li .content .word-box .word-lab {
        font-size: 3vw
    }

    #a70pro .sect6 .box2 ul li .content .word-box .word-msg {
        font-size: 2.5vw
    }

    #a70pro .sect6 .box2 ul li:nth-child(2) {
        margin-left: 3%
    }

    #a70pro .sect6 .box2 ul li:nth-child(2) .content img {
        width: 5.729vw
    }

    #a70pro .sect6 .box {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto
    }

    #a70pro .sect6 .box .title {
        font-size: 4.6875vw
    }

    #a70pro .sect6 .box .lab {
        font-size: 3.51625vw;
        margin-top: 1vw
    }

    #a70pro .sect6 .box .msg {
        font-size: 2.5vw;
        margin-top: 2vw
    }

    #a70pro .sect6 .box3 {
        position: absolute;
        bottom: 0;
        width: 96%;
        padding-top: 1vw;
        background-color: #fff;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #a70pro .sect7 .box {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto;
        margin-top: 8vw
    }

    #a70pro .sect7 .box .title {
        font-size: 4.6875vw
    }

    #a70pro .sect7 .box .lab {
        font-size: 3.51625vw;
        margin-top: 1vw
    }

    #a70pro .sect7 .box .msg {
        font-size: 2.5vw;
        margin-top: 2vw
    }

    #a70pro .sect7 .box2 {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto;
        margin-top: 8vw;
        padding: 8vw 0
    }

    #a70pro .sect7 .box2 .title {
        font-size: 4vw
    }

    #a70pro .sect7 .box2 table {
        width: 94%
    }

    #a70pro .sect7 .box2 table .table-th-tit {
        font-size: 4vw
    }

    #a70pro .sect7 .box2 table td {
        font-size: 2.7vw;
        padding: 1vw 0
    }

    #a70pro .sect8 .box {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto;
        margin-top: 8vw
    }

    #a70pro .sect8 .box .title {
        font-size: 4.6875vw
    }

    #a70pro .sect8 .box .lab {
        font-size: 3.51625vw;
        margin-top: 1vw
    }

    #a70pro .sect8 .box .msg {
        font-size: 2.5vw;
        margin-top: 2vw
    }

    #a70pro .sect9 .box {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto;
        margin-top: 8vw
    }

    #a70pro .sect9 .box .title {
        font-size: 4.6875vw
    }

    #a70pro .sect9 .box .lab {
        font-size: 3.51625vw;
        margin-top: 1vw
    }

    #a70pro .sect9 .box .msg {
        font-size: 2.5vw;
        margin-top: 2vw
    }

    #a70pro .sect9 .img-box {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto
    }

    #a70pro .sect9 .img-box .word .bg {
        left: 5%;
        width: 90%;
        height: 3.875vw
    }

    #a70pro .sect9 .img-box .word p {
        font-size: 3.25vw
    }

    #a70pro .sect9 .img-box .word img {
        width: 8vw
    }

    #a70pro .sect10 .box {
        position: absolute;
        top: 0;
        width: 96%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: none;
        min-width: auto;
        margin: 0 auto
    }

    #a70pro .sect10 .box .title {
        font-size: 4.6875vw
    }

    #a70pro .sect10 .box .lab {
        font-size: 3.51625vw;
        margin-top: 1vw
    }

    #a70pro .sect10 .box .msg {
        font-size: 2.5vw;
        margin-top: 2vw
    }

    #a70pro .sect11 {
        background-color: #efefef
    }

    #a70pro .sect11 .box {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto;
        margin-top: 8vw
    }

    #a70pro .sect11 .box ul li .word {
        top: 5%
    }

    #a70pro .sect11 .box ul li .word .title {
        font-size: 4.6875vw;
        margin-top: 0
    }

    #a70pro .sect11 .box ul li .word .msg {
        font-size: 2.5vw;
        margin-top: 2vw
    }

    #a70pro .sect12 .box {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto;
        margin-top: 8vw
    }

    #a70pro .sect12 .box ul li:nth-child(1) {
        padding: 2%
    }

    #a70pro .sect12 .box ul li .icon-box .icon-ltem:nth-child(2) {
        margin: 0 3%
    }

    #a70pro .sect12 .box ul li .icon-box {
        margin-top: 4vw;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    #a70pro .sect12 .box ul li .icon-box .icon-ltem img {
        width: 11vw
    }

    #a70pro .sect12 .box ul li .icon-box .icon-ltem p {
        font-size: 2.7vw
    }

    #a70pro .sect12 .box ul li .word .title {
        font-size: 4.6875vw
    }

    #a70pro .sect12 .box ul li .word .lab {
        font-size: 3vw
    }

    #a70pro .sect12 .box ul li .word .msg {
        font-size: 2.5vw;
        margin-top: 2vw
    }

    #a70pro .sect12 .box2 {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto;
        margin-top: 8vw
    }

    #a70pro .sect12 .box2 .box2-content .icon-box {
        margin-top: 4vw
    }

    #a70pro .sect12 .box2 .box2-content .icon-box .icon-ltem img {
        width: 11vw
    }

    #a70pro .sect12 .box2 .box2-content .icon-box .icon-ltem p {
        font-size: 2.7vw
    }

    #a70pro .sect12 .box2 .box2-content .word .title {
        font-size: 4.6875vw
    }

    #a70pro .sect12 .box2 .box2-content .word .lab {
        font-size: 3vw
    }

    #a70pro .sect12 .box2 .box2-content .word .msg {
        font-size: 2.5vw;
        margin-top: 2vw
    }

    #a70pro .sect13 .box {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto;
        margin-top: 8vw
    }

    #a70pro .sect13 .box ul li {
        font-size: 2.5vw;
        padding: 2vw 0
    }

    #a70pro .sect13 .box ul li .middle {
        width: 40%;
        font-size: 3vw
    }

    #a70pro .sect14 .box {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto;
        margin-top: 8vw
    }

    #a70pro .sect14 .box .title {
        font-size: 4.6875vw
    }

    #a70pro .sect14 .box .lab {
        font-size: 3.51625vw;
        margin-top: 1vw
    }

    #a70pro .sect14 .box .msg {
        font-size: 2.5vw;
        margin-top: 2vw
    }

    #a70pro .sect14 .box .color-box ul li p {
        font-size: 3vw
    }

    #a70pro .sect15 .box {
        width: 96%;
        max-width: none;
        min-width: auto;
        margin: 0 auto;
        margin-top: 8vw
    }

    #a70pro .sect15 .box ul li {
        font-size: 3vw;
        padding: 2vw 0
    }
}