* {
    margin: 0;
    padding: 0;
}

.detail1 {
    background: url(../images/vcan_1.png) no-repeat;
    background-size: cover;
    height: 780px;
}

#im1 {
    padding-top:190px;
    display: block;
    margin: 0 auto;
}



#div1 {
    width: 40rem;
    margin: 0 auto;
    text-align: center;
    font-size: 46px;
    color: #fff;
    height: 95px;
}

#div1 h3 {
    display: block;
    float: left;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    height: 130px;
    line-height: 130px;
    margin-left: 30px;
}

#div1 span {
    display: block;
    float: left;
    text-align: center;
    font-size: 60px;
    font-weight: 300;
    color: #fff;
    height: 130px;
    line-height: 130px;
    margin-left: 30px;
}

#p1 {
    font-size: 24px;
    color: #fff;
    margin: 0 auto;
    text-align: justify;
    width: 30rem;
    height: 85px;
    font-weight: 400;
}

#p1 span {
    display: inline-block;
    width: 100%;
}

.E3000_toptext {
    margin: 0;
    height: 200px;
}

.E3000_toptext p {
    overflow: hidden;
    width: 67rem;
    padding: 9rem 0;
    margin: 0 auto;
    font-size: 22px;
    text-align: center;
    font-weight: 100;
    line-height: 37px;
    color: #000;
}



#p2 {
    margin-top: 140px;
    font-size: 46px;
    text-align: center;
    color: #333;
    font-weight: 700;
    line-height: 60px;
}

#p3 {
    margin: 30px 0 65px;
    font-size: 22px;
    text-align: center;
    font-weight: 300;
}

#img2 {
    display: block;
    margin: 0 auto;
}

#im3 {
    float: right;
    width: 83%;
}

.detail2 {
    height: 890px;
}

#p4 {
    font-size: 46px;
    text-align: center;
    font-weight: 700;
    line-height: 60px;
    color: #333;
}

#p5 {
    font-size: 22px;
    text-align: center;
    margin: 30px 0 65px;
}

#div22 {
    position: relative;
    background: url(../images/sm4.png) no-repeat;
    background-size: 100%;
    height: 660px;
}

#im5 {
    position: absolute;
    top: 65%;
    left: 34%;
    width: 32%;
}

#im5 img {
    width: 100%;
}

#im8 {
    display: block;
    margin: 4rem auto;
}

.detail4 {
    position: relative;
    padding-top: 5rem;
}

.detail5 {
    position: relative;
    background: url(../images/sm8.png) no-repeat;
    background-size: 100%;
    height: 935px;
    width: 100%;
}

#im9 {
    position: absolute;
    bottom: -21px;
    left: 17%;
}

#imm2 {
    position: absolute;
    bottom: -7%;
    left: 35%;
}

#imm1 {
    position: absolute;
    bottom: -1%;
    left: 22.5%;
}

#p6 {
    margin-top: 100px;
    font-size: 46px;
    text-align: center;
    font-weight: 700;
    color: #333;
    line-height: 60px;
}

#pp {
    padding: 5rem;
}

#p7 {
    margin: 30px 0;
    font-size: 22px;
    text-align: center;
    font-weight: 300;
}

#p8 {
    font-size: 46px;
    text-align: center;
    color: #fff;
    /* padding-top: 160px; */
    font-weight: 700;
}

#p9 {
    font-size: 22px;
    text-align: center;
    margin: 24px 0 33px;
    color: #fff;
}

.detail6 {
    height: 0px;
    margin-top: 100px;
    text-align: center;
}

#aaaa {
    height: 700px;
    margin: -1.2% auto;
    width: 64%;
}

#aaaa img {
    width: 100%;
}

.price .category {
    width: 70%;
}

@media screen and (max-width:1820px) {

    /* #div22 {
        height: 594px;
    } */

    .detail5 {
        height: 871px;
    }

    #aaaa {
        margin: -2.7% auto;
    }
}

@media screen and (max-width:1750px) {

    #div22 {
        height: 594px;
    }

    .detail2 {
        height: 852px;
    }

    #aaaa {
        margin: -3.4% auto;
    }
}

@media screen and (max-width:1650px) {

    /* #div22 {
        height: 594px;
    } */

    .detail2 {
        height: 776px;
    }

    #aaaa {
        margin: -4.7% auto;
    }
}

@media screen and (max-width:1550px) {
    body {
        overflow-x: scroll;

    }

    .detail2 {
        height: 751px;
    }

    #div22 {
        height: 516px;
    }

    #aaaa {
        margin: -6.1% auto;
    }
}

@media screen and (max-width:1450px) {

    /* #div22 {
        height: 594px;
    } */

    .detail2 {
        height: 704px;
    }

    #aaaa {
        margin: -7.9% auto;
    }
}

@media screen and (max-width:1400px) {
    #aaaa {
        margin: -8% auto;
    }

    .detail2 {
        height: 676px;
    }

    #pp {
        padding: 4.6rem;
    }
}

@media screen and (max-width:1366px) {
    body {
        overflow-x: hidden;

    }

    #pp {
        padding: 4.5rem;
    }

    .detail2 {
        height: 659px;
    }

    .price .category {
        width: 100%;
    }

    /* .detail2 {
        height: 800px;
    } */

    #div22 {
        height: 463px;
    }

    #imm2 {
        left: 34%;
    }

}

@media screen and (max-width:1300px) {
    #pp {
        padding: 2.5rem 0 3.9rem;
    }



    #div22 {
        height: 412px;
    }

    .detail2 {
        height: 590px;
    }

    #p9 {
        margin: 7px 0 42px;
    }

}

@media screen and (max-width:1200px) {
    body {
        overflow-x: scroll;
    }

    #pp {
        padding: 2.5rem 0 3.9rem;
    }

    #div22 {
        height: 412px;
    }

    .detail2 {
        height: 590px;
    }

    #p9 {
        margin: 11px 0 47px;
    }

}