.wapper{
    padding: 0 8%;
}
.clear-fix{
    zoom: 1;
    clear: both;
}
.index-bg{
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.header-fix{
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
}
.header-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-logo{
    display: flex;
    align-items: center;
    width: 25%;
}
.header-logo-pic{
    width: 55px;
    height: 63px;
    overflow: hidden;
}
.header-logo-pic img{}
.header-font{
    width: 275px;
}
.header-font h1{
    font-size: 27px;
    color: #fff;
    margin: 6px 0;
    white-space: nowrap;
}
.header-font p{
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    white-space: nowrap;
}
.header-right{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
}
.header-nav{
    display: flex;
    justify-content: space-between;
    width: 70%;
}
.header-nav a{
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #fff;
    margin: 0 3%;
    white-space: nowrap;
    font-weight: bold;
    float: left;
    height: 90px;
}
.header-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 30%;
}
.header-wx{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    width: 30%;
    border-left: 1px #fff solid;
    border-right: 1px #fff solid;
}
.header-wx-pic{
    display: flex;
    width: 34px;
    height: 34px;
}
.header-wx-pic img{}
.header-wx-pic-fix{
    display: none;
}
.header-wx-pic-fix img{}
.header-phone img{}
.header-tel{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 60%;
}
.header-tel-pic{
    display: flex;
    width: 34px;
    height: 34px;
}
.header-tel-pic img{}
.header-phone{width: 80%;display: flex;flex-wrap: wrap;}
.header-phone label{
    display: block;
    font-size: 14px;
    color: #fff;
    width: 100%;
}
.header-phone strong{
    font-size: 20px;
    color: #fff;
    width: 100%;
}
.header-mobile{
    display: none;
}
.header-mobile img{}
.index-text{
    position: fixed;
    top: 200px;
    width: 100%;
}
.index-text-desc{
    padding: 2%;
}
.index-text-desc h2{
    font-size: 34px;
    color: #fff;
    margin: 2% 0;
}
.index-text-desc h3{
    font-size: 42px;
    color: #fff;
    margin: 2% 0;
}
.index-text-desc p{
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}
.index-text-list{}
.index-text-list ul{
    padding: 0 0 0 2%;
}
.index-text-list ul li{
    float: left;
    margin: 0 2% 2% 0;
}
.index-text-list ul li img{}
.index-text-list ul li p{
    font-size: 18px;
    color: #fff;
    text-align: justify;
}

.index-foot{}
.index-foot-box{}
.index-foot-box p{}
.index-foot-box a{}