.bg{
    width:100%;
}
.honorwatch{
    font-family:'Avenir Next Regular';
    font-size:20px;
    line-height:1.5;
}
.honorwatch .section,.honorwatch .content{
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    margin-top:-1px;
}
.content-total{
    width:73%;
    margin:0 auto;
    padding-bottom:10%;
    color:#fff;

    text-align:center;
}
.section-title{
    font-family:'Avenir Next Demi Bold';
    font-size:4.5em;
    padding:45% 0 10% 0;
    width:100%;
    margin:0 auto;
}
.content-title{
    font-size:2em;
    font-family: 'Avenir Next Demi Bold';
}
.content-text{
    line-height:2;
}
.content-radius{
    overflow: hidden;
    border-radius: 1em;
}
.content-radius-top{
    overflow: hidden;
    border-radius: 1.5em 1.5em 0 0;
}
.content-radius-bottom{
    overflow: hidden;
    border-radius: 0 0 1.5em 1.5em;
}

/******************** kv ********************/

.logo{width:25%;}
.kv-text {
    color: #fff;
    position: absolute;
    top: 43%;
    left: 76%;
    width: 23.8%;
}
.slogan{
    width:85%;
    font-family:'Avenir Next Demi Bold';
    font-weight:700;
    font-size:1.66em;
    /* margin-left:5%;
    margin-top:25%; */
}
.usp{
    font-size:.9em;
    width:90%;
    /* margin-left:5%; */
    font-weight:normal;
}

/******************** section1 ********************/

.section1{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section1_bg_pc.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.s1-content1{
    position:absolute;
    top:10%;
    width: 100%;
}
.s1-content2{
    position: absolute;
    top: 25%;
    left: 10%;
    width: 35%;
    text-align:left;
}
.s1-content3{
    position: absolute;
    right: 7%;
    top: 25%;
    width: 35%;
}
.s1-content4{
    position: absolute;
    top: 5%;
    width: 100%;
}
.s1-content4 .content-text{
    width:70%;
    margin:0 auto;
}

/******************** section2 ********************/

.section2{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section2_bg_pc.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.s2-content1{
    position:absolute;
    right:5%;
    top:5%;
    color:#000;
    font-weight:700;
}
.s2-content1-comment{
    text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff;
}
.s2-content{
    padding:3% 0;
    background:#fff;
    color:#000;
}
.s2-content .content-text{
    width:80%;
    margin:0 auto;
    line-height:1.5;
}
.s2-content3{
    position: absolute;
    right: 2%;
    top: 25%;
    width: 50%;
}

/******************** section3 ********************/

.section3{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section3_bg_pc.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.s3-content1{
    position:absolute;
    top: 32%;
    width:100%;
}
.s3-content1 .content-title{
    float:left;
    width:50%;
    padding: 5% 15%;
    font-size:1.4em;
}
.s3-content2{
    position:absolute;
    bottom:10%;
}
.s3-content2 .content-text{
    width:90%;
    margin:0 auto;
}

/******************** section4 ********************/

.section4{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section4_bg_pc.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.section4 .section-title{
    text-shadow:0 0 20px #000;
}
.s4-content{
    position:absolute;
    top:40%;
    left:10%;
    width:40%;
}

/******************** section5 ********************/

.section5{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section5_bg_pc.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.s5-content{
    position:absolute;
    top:15%;
    width:100%;
    color:#000;
}
.s5-content .content-text{
    width:60%;
    margin:0 auto;
}

/******************** section6 ********************/

.section6{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section6_bg_pc.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.s6-content1{
    position:absolute;
    top:10%;
    width:100%;
    color:#000;
}
.s6-content1 .content-text{
    width:70%;
    margin:0 auto;
}
.s6-content2{
    position:absolute;
    top: 9%;
    left: 6%;
    width: 45%;
}
.s6-content3{
    position:absolute;
    top: 10%;
    right: 5%;
    width: 60%;
    color:#000;
}
.s6-content4{
    position:absolute;
    top: 10%;
    width: 100%;
    color:#000;
}
.s6-content4 .content-text {
    width: 60%;
    margin: 0 auto;
}
.s6-content5{
    position:absolute;
    top: 20%;
    right: 5%;
    width: 40%;
}

/******************** section7 ********************/

.section7{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section7_bg_pc.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.section7 .section-title{
    padding:5% 0;
}
.s7-content1{
    position:absolute;
    top: 30%;
    left: 10%;
    width: 40%;
}
.s7-content2{
    position:absolute;
    top: 30%;
    left: 5%;
    width: 50%;
    color:#000;
}
.s7-content3{
    position:absolute;
    top: 10%;
    width: 100%;
}
.s7-content3 .content-text{
    width:90%;
    margin:0 auto;
}
.s7-content3-comment{
    position:absolute;
    bottom:5%;
    width:90%;
    left:5%;
}

/******************** 分辨率 ********************/

@media only screen and (max-width: 1750px) {
.honorwatch{
    font-size:18px;
}
.content-text{
    font-size:1.2em;
    line-height:1.75;
}
}
@media only screen and (max-width: 1600px) {
.honorwatch{
    font-size:16px;
}
}
@media only screen and (max-width: 1440px) {
.honorwatch{
    font-size:14px;
}
.content-text {
    line-height: 1.75;
}
}
@media only screen and (max-width: 1300px) {
.content-text{
    font-size:1em;
}
}
@media only screen and (max-width: 1200px) {
    .honorwatch{
    font-size:12px;
}
.content-title {
    font-size: 1.75em;
}
.content-text {
    line-height: 1.5;
}
}
@media only screen and (max-width: 1024px) {
    .slogan {
        font-size: 1.4em;
    }
    .usp {
        font-size: .8em;
    }
    }
@media only screen and (max-width: 800px) {
.slogan {
    font-size: 1.15em;
}
}
/******************** ipad ********************/

@media only screen and (max-width: 768px) {
.slogan {
    font-size: 1.1em;
}
.section-title {
    font-size: 2.5em;
}
.content-title {
    font-size: 1.25em;
}
.s1-content2 {
    top: 10%;
    left: 5%;
    width: 40%;
}
.s1-content3 {
    right: 4%;
    top: 20%;
    width: 40%;
}
.s3-content1 .content-title {
    font-size: 1em;
}
.s6-content2 {
    top: 5%;
    left: 2%;
    width: 53%;
}
}

/******************** mb ********************/
@media only screen and (max-width: 767px) {
.honorwatch{
    font-size:20px;
}
.kv-text {
    color: #fff;
    position: absolute;
    top: 76%;
    left: 5.4%;
    width: 90%;
    margin: 5% auto;
    text-align: center;
}
.slogan {
    font-size: 1.5em;
    margin:0 auto;
    width:80%;
    margin-top: 5%;
}
.usp {
    font-size:.8em;
    margin:0 auto;
    width:80%;
}
.content-total {
    width: 90%;
}
.section-title {
    font-size: 1.8em;
}
.content-title {
    font-size: 2.5em;
}
.content-text {
    line-height: 1.75;
}





/******************** section1 ********************/

.section1{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section1_bg_mb.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.s1-content2 {
    top: 10%;
    left: 10%;
    width: 80%;
}
.s1-content3 {
    right: 0;
    top: 15%;
    width: 100%;
}
.s1-content3 .content-text{
    width:90%;
    margin:0 auto;
}
.s1-content4 {
    top: 15%;
}
.s1-content4 .content-text {
    width: 90%;
    margin: 0 auto;
}

/******************** section2 ********************/

.section2{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section2_bg_mb.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.s2-content3 {
    right: 0%;
    top: 5%;
    width: 100%;
}
.s2-content3 .content-title {
     margin-bottom: 0%; 
}

/******************** section3 ********************/

.section3{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section3_bg_mb.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.s3-content1 {
    top: 5%;
}
.s3-content1 .content-title {
    width: 100%;
    font-size: 1.5em;
    padding: 9% 30%;
    margin-bottom:14%;
}

/******************** section4 ********************/

.section4{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section4_bg_mb.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.s4-content {
    position: absolute;
    top: 15%;
    left: 0%;
    width: 100%;
}
.s4-content .content-text{
    width:90%;
    margin:0 auto;
}

/******************** section5 ********************/

.section5{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section5_bg_mb.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.s5-content .content-text {
    width: 80%;
    margin: 0 auto;
}

/******************** section6 ********************/

.section6{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section6_bg_mb.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.s6-content1 .content-text {
    width: 80%;
    margin: 0 auto;
}
.s6-content2 {
    text-align: left;
    top: 5%;
    left: 5%;
    width: 90%;
}
.s6-content3 {
    position: absolute;
    top: 5%;
    right: 0%;
    width: 100%;
    color: #000;
}
.s6-content3 .content-text {
    width: 80%;
    margin: 0 auto;
}
.s6-content4 .content-text {
    width: 80%;
    margin: 0 auto;
}
.s6-content5 {
    color:#000;
    right: 0%;
    width: 100%;
}

/******************** section7 ********************/

.section7{
    background:url(https://www.honor.com/content/dam/honor/global/products/accessories/honor-watch/img/section7_bg_mb.jpg)no-repeat;
    background-size: cover;
    background-position: center 0;
}
.s7-content1 {
    position: absolute;
    top: 15%;
    left: 0%;
    width: 100%;
}
.s7-content1 .content-text {
    width:80%;
    margin:0 auto;
}
.s7-content2 {
    top: 8%;
    left: 0%;
    width: 100%;
}
.s7-content2 .content-title{
    margin-bottom:0%;
}
.s7-content2 .content-text {
    width:90%;
    margin:0 auto;
}
.s7-content3 .content-text {
    width: 80%;
    margin: 0 auto;
}
.section1 .section-title{
    padding: 45% 0 40% 0;
}
.section2 .section-title{
    padding: 37% 0 38% 0;
}
.section3 .section-title{
    padding: 60% 0 18% 0;
}
.s2-content1 {
    font-size: .8em;
}
.s2-content3 .content-title{
    font-size: 1.3em;
}
.section7 .section-title {
    padding: 12% 0;
}
.content-text {
    font-size: .9em;
}
}


@media only screen and (max-width: 700px){
.honorwatch {
    font-size: 16px;
}
}
@media only screen and (max-width: 500px){
.honorwatch {
    font-size: 14px;
}
.section-title {
    font-size: 1.8em;
}
.content-title {
    font-size: 2em;
}
.section6 .content-title{
    font-size: 1.8em;
}
.slogan {
    font-size: 1.5em;
}
.s3-content1 .content-title {
    font-size: 1.25em;
}
.s3-content1 .content-title {
    margin-bottom: 10%;
}
}
@media only screen and (max-width: 375px){
.honorwatch {
    font-size: 12px;
}
.slogan {
    font-size: 1.25em;
}

}