/*common css*/
@font-face {
    font-family: "Muli";
    src: url("/u_file/photo/products_detail/font/MULI-REGULAR.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Regular";
    src: url("/u_file/photo/products_detail/font/MULI-REGULAR.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-SemiBold";
    src: url("/u_file/photo/products_detail/font/MULI-SEMIBOLD.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Bold";
    src: url("/u_file/photo/products_detail/font/MULI-BOLD.TTF") format("truetype");
}
@font-face {
    font-family: "AvantGarde";
    src: url("/u_file/photo/products_detail/font/3957FE_1.OTF") format("truetype");
}
.clearFloat:after,.clearFloat:before{
    display: block;
    content: "";
    clear:both;
    height:0;
    visibility: hidden;
}
.clearFloat{
    Zoom:1;
}
.v8_plus-common-title{
    font-size: 40px;
    font-family: Muli-bold;
    line-height: 50px;
}
.v8_plus-common-subtitle{
    font-size:24px;
    line-height:32px;
    font-family:Muli;
    margin-top:10px;
}
.v8_plus-float-lf{
    float:left;
}
.v8_plus-float-rt{
    float:right;
}
.v8_plus-common-width{
    width:640px;
    position:absolute;
    left:50%;
    margin-left:-320px;
    text-align: center;
}
.v8_plus-common-center{
    text-align:center;
}
.v8_plus-common-left{
    text-align: left;
}
.v8_plus-common-top{
   top:6%;
}
.v8_plus-common-title-color{
    color:#25282c;
}
.products-item img{
    width:100%;
    border:0;
    display: block;
    vertical-align: middle;
    pointer-events: none;
}
.products-item{
    font-family: Muli;
}
/*第一部分*/
.v8_plus-banner{
    width:100%;
    position: relative;
    overflow: hidden;
}
.v8_plus-banner .section01-top{
    top:12%;
}
.v8_plus-banner .banner-title{
    font-size:54px;
    color:#ff4d00;
    font-family:Muli-bold;
    line-height:65px;
}
.v8_plus-banner .banner-subtitle{
    margin-top:15px;
    font-size:30px;
    font-family: Muli-SemiBold;
    line-height: 40px;
    color:#fff;
}
/*第二部分*/
.v8_plus-section02{
    width:100%;
    position: relative;
    color:#fff;
    overflow: hidden;
}
.v8_plus-section02 .section02-top{
    top:27%;
    padding:0 20px;
}
.v8_plus-section02 .section02-specs{
    margin-bottom:40px;
}
.v8_plus-section02 .section02-spec{
    float:left;
    margin-right:20px;
}
.v8_plus-section02 .section02-spec-01{
    color:#FF4D00;
    font-size:25px;
    line-height: 33px;
    font-family:Muli-Bold;
}
.v8_plus-section02 .section02-spec-02{
    font-size:18px;
    line-height: 22px;
}
/*第三部分*/
.v8_plus-section03{
    width:100%;
    color:#000;
    position:relative;
    overflow: hidden;
}
.v8_plus-section03 .section03-top{
    top:6%;
}
/*第四部分*/
.v8_plus-section04{
    width:100%;
    position:relative;
    background-color: #ff4d00;
    overflow:hidden;
}
.v8_plus-section04 .section04-text h2{
    width:100%;
    font-size: 42px;
    line-height: 54px;
    font-family: Muli-Bold;
    color:#fff;
    padding:50px 0px;
    text-align: center;
}
.v8_plus-section04 .section04-right{
    width:60%;
    overflow: hidden;
}
.v8_plus-section04 .left-text{
    width:80%;
    margin:20% auto 0;
    text-align: left;
}

/*第五部分*/
.v8_plus-section05{
    width:100%;
    background: #fff;
    padding-top:20px;
    color:#25282c;
    display: flex;
    flex-wrap: wrap;
}
.v8_plus-section05 .section05-item{
    width:50%;
    margin-bottom:20px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.v8_plus-section05 .section05-title{
    font-size:25px;
    line-height: 32px;
    font-family:Muli-Bold;
}
.v8_plus-section05 .section05-line{
    width:35px;
    height:2px;
    background-color:#6e7072;
    margin:15px 0px;
}
.v8_plus-section05 .section05-desc{
    font-size:18px;
    color:#25282c;
    line-height: 24px;
}
.v8_plus-section05 .section05-icon{
    width:30px;
    margin-top:15px;
}
/*one*/
.v8_plus-section05 .section05-text01{
    text-align: left;
    padding: 0 10% 0 5%;
}
/*two*/
.v8_plus-section05 .section05-text02{
    text-align: left;
    padding: 0 5% 0 11%;
}
/*第六部分*/
.v8_plus-section06{
    width:100%;
    position:relative;
    overflow: hidden;
}
.v8_plus-section06 .section06-spec01{
    width:200px;
    position:absolute;
    left:50%;
    margin-left:-30%;
    top:87%;
    font-size:18px;
    line-height: 24px;
}
.v8_plus-section06 .section06-spec02{
    position:absolute;
    left:50%;
    margin-left:18%;
    top:87%;
    font-size:18px;
    width:200px;
    line-height: 24px;
}
/*第七部分*/
.v8_plus-section07{
    width:100%;
    position:relative;
    overflow: hidden;
}
.v8_plus-section07 .section07-top{
    top: 6%;
    width: 680px;
    margin-left: -340px;
}
/*第八部分*/
.v8_plus-section08{
    width:100%;
    position:relative;
    overflow: hidden;
}
.section08-top{
    top:5%;
    text-align: center;
}
/*第九部分*/
.v8_plus-section09{
    width:100%;
    position:relative;
    overflow: hidden;
}
.section09-top{
    top:9%;
}
/*第十部分*/
.v8_plus-section10{
    width:100%;
    position:relative;
    overflow: hidden;
}
.section11-top{
    top:6%;
}
/*第十二部分*/
.v8_plus-section12{
    width:100%;
    position:relative;
    overflow: hidden;
}
.v8_plus-section12 .section12-top{
    top:6%;
}