/*common css*/
@font-face {
    font-family: "Muli";
    src: url("../font/MULI-REGULAR.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Regular";
    src: url("../font/MULI-REGULAR.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-SemiBold";
    src: url("../font/MULI-SEMIBOLD.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Bold";
    src: url("../font/MULI-BOLD.TTF") format("truetype");
}
@font-face {
    font-family: "AvantGarde";
    src: url("../font/3957FE_1.OTF") format("truetype");
}
.g80-title{
    font:40px Muli-Bold;
    line-height: 46px;
}
.g80-title span{
    font-family:Muli-SemiBold;
}
.g80-subtitle{
    font:24px Muli;
    line-height: 28px;
    margin-top:10px;
}
.g80-common-width{
    width:100%;
    text-align: center;
    font-family: Muli;
    overflow: hidden;
}
.g80-width640{
    width:640px;
    margin:0 auto;
}
.g80-width640-absolute{
    width:640px;
    position: absolute;
    left:50%;
    margin-left:-320px;
}
.fff{
    color: #fff !important;
}
.g80-color{
    color:#ff4d00;
}
.g80-common-width img{
    width:100%;
    max-height: 100%;
    vertical-align: middle;
}
.clear-both{zoom:1;}
.clear-both:before{content:""; display:table; clear:both;}
.clear-both:after{content:""; display:table; clear:both;}
.relative{
    color:#000;
    position:relative;
    width:100%;

}
/*section01*/
.g80-section01{
    color:#000;
    position:relative;
}
.g80-section01 .section01-mask{
    width:100%;
    height:205px;
    position: absolute;
    top:0px;
    left:0px;
    z-index:1;
    background: #fff;
    opacity: 0.8;
}
.g80-section01 .section01-text{
    width:100%;
    position: absolute;
    top:30px;
    left:0px;
    z-index:2;
    text-align: center;
}
.g80-section01 .g80-title01{
    font:54px 'Muli-Bold';
    line-height: 52px;
    text-align: center;
}
.g80-section01 .g80-title02{
    font-size:30px;
    line-height: 36px;
    text-align: center;
    margin-top: 8px;
}

/*section02*/
.g80-section02 .section02-text{
    top:35px;
}
/*section03*/
.g80-section03 .section03-text{
    top:35px;
}
/*section04*/
.g80-section04 .section04-text{
    top:35px;
}
.g80-section04 .section04-note{
    position: absolute;
    left:50%;
    margin-left:88px;
    font-size:18px;
    color:#fff;
}
.g80-section04 .section04-note1{
    top:320px;
}
.g80-section04 .section04-note2{
    top:360px;
}
.g80-section04 .section04-note3{
    top:420px;
}
.g80-section04 .section04-note4{
    top:514px;
}
.g80-section04 .section04-note5{
    top:645px;
}
.section05-text{
    width:50%;
    position:absolute;
    top:20px;
    left:20px;
    text-align: left;
    z-index: 1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.g80-section06{
    width:100%;
    display: flex;
    background: #fff;
}
.g80-section06 .section06-item{
    width:50%;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    box-sizing: border-box;
}
.g80-section06 .section06-item:last-child{
    padding-left: 4%;
}
.g80-section06 .section06-item .item-note{
    width:130px;
    position: absolute;
    left:50%;
    margin-left:45px;
    text-align: center;
    font-size: 16px;
    font-family: Muli-SemiBold;
    color:#fff;
}
.g80-section06 .section06-item .item-note1{
    top:19%;
}
.g80-section06 .section06-item .item-note2{
    top:41%;
}
.g80-section06 .section06-item .item-note3{
    width:180px;
    margin-left: 5px;
    top:62%;
}
.g80-section06 .section06-item .item-note4{
    top:85%;
}
/*section07*/
.g80-section07 .section07-text{
    width:680px;
    margin-left: -340px;
    top:30px;
}
/*section08*/
.g80-section08 .section08-text{
    top:35px;
}
.g80-section08 .section08-note{
    width:300px;
    text-align: center;
    position: absolute;
    top:71%;
    left:50%;
    color:#fff;
}
.g80-section08 .section08-note h3{
    font-size: 25px;
    font-family: Muli-Bold;
}
.g80-section08 .section08-note p{
    font-size: 18px;
    margin-top:5px;
}
.g80-section08 .section08-note1{
    margin-left:-46%;
}
.g80-section08 .section08-note2{
    margin-left:5%;
}
/*section09*/
.g80-section09{
    width:100%;
    background: #fff;
    padding:35px 0px 15px;
}
.g80-section09 .section09-item{
    width:100%;
    margin-top:20px;
    display: flex;
    justify-content: space-between;
}
.g80-section09 .section09-item img{
    width:auto;
}
.g80-section09 .section09-item-text{
    width:100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
}
.g80-section09 .section09-item2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.g80-section09 .section09-item2 .item{
    width:310px;
}
.g80-section09 .section09-item2 .item .item-tit{
    font-size:18px;
    padding:12px 0px;
    text-align: center;
}
.g80-section10 .section10-text{
    width:100%;
    padding:40px 0px;
    background: #ff4d00;
    text-align: center;
}
.g80-section10 .section10-img{
    width:100%;
    position: relative;
}
.g80-section10 .section10-img .img-tips{
    width:300px;
    position: absolute;
    bottom:14px;
    left:50%;
    margin-left:20px;
    font-size: 18px;
    font-family: Muli-Bold;
    color:#fff;
    text-align: left;
}
.g80-section11 .section11-text{
    top:20px;
}
.g80-section12 .section12-text{
    width:660px;
    position: absolute;
    top:30px;
    left:50%;
    margin-left:-330px;
}
.g80-section12 .section12-param{
    display: flex;
    justify-content: space-between;
    margin-top:25px;
}
.g80-section12 .section12-param .param:first-of-type{
    width:52%;
}
.g80-section12 .section12-param .param:last-of-type{
    width:48%;
    padding-left:55px;
}
.g80-section12 .section12-param .param{
    text-align: left;
    font-size: 18px;
    line-height: 28px;
    box-sizing: border-box;
}
.g80-section12 .section12-params{
    width:280px;
    position: absolute;
    left:50%;
    margin-left:45px;
    font-size: 18px;
    line-height: 18px;
    text-align: left;
}
.g80-section12 .section12-param1{
    top:30.7%;
}
.g80-section12 .section12-param2{
    top:33%;
}
.g80-section12 .section12-param3{
    top:35.5%;
}
.g80-section12 .section12-param4{
    top:40%;
}
.g80-section12 .section12-param5{
    top:45.6%;
}
.g80-section12 .section12-param6{
    top:61%;
}
.g80-section12 .section12-param7{
    top:80%;
}
.g80-section12 .section12-param8{
    top:84.7%;
}
.g80-section12 .section12-param9{
    top:89.8%;
}
.g80-section13{
    background: #fff;
    padding:40px 0px 32px;
}
.g80-section13 .section13-item{
    width:640px;
    margin:0 auto;
}
.g80-section13 .section13-item .item-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.g80-section13 .section13-item .item-list img{
    width:auto;
}
.g80-section13 .section13-item .item-list .list{
    position: relative;
    margin-bottom:8px;
}
.g80-section13 .section13-item .item-list .list p{
    width:100%;
    position: absolute;
    bottom:25px;
    text-align: center;
    color:#fff;
    font-size: 18px;
    line-height: 20px;
}