.w1 {font-size:2.4em;line-height: 2em;margin-bottom: 0.5em;}
.w2 {font-size: 1.5em;margin-bottom: 1.5em;}
section {
    text-align: center;min-height: 800px;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
}
.banner {
    position: relative;min-height: 700px;
    background-image: url("../img/index/hax-part01.png");
    color: white;
}
.banner .wt{font-size: 3.5em;margin-bottom: 0.5em;}
.banner .text-wrap{
    position: absolute;
    z-index: 2;
    left: 25%;
    top: 30%;
}
.banner .layout-center{
    position: relative;
    height: 700px;
}
.p1 {
    background-color: white;
    padding: 4em 0;
}
.p1 .img1 {
    display: block;
    margin: 2em auto;
}
.p2 {
    background-color: white;
    padding: 2em 0;
}
.p2 .img1 {
    width: 100%;
}
.p2 .layout-center {
    width: 100%;
}
.p3 {
    background-color: white;
    color: white;
    background-image: url("../img/index/hax-part04-bg.png");
    padding: 4em 0;
}
.p3 .img1 {
    display: block;
    width: 884px;
    margin: 16em auto 8em auto;
}
.p4 {
    background-color: white;
    color: white;
    background-image: url("../img/index/hax-part05-bg.png");
    padding: 4em 0;
}
.p4 .tlist {
    display: block;
    width: 1024px;
    margin: 11em auto 4em auto;
}
.p4 .tItem{
    display: block;list-style: none;
    text-align: left;
}
.p4 .tItem:after{display: block;content: '';clear: both;}
.p4 .tItem .w1{font-size: 1.8em;}
.p4 .tItem .w2{font-size: 1.2em;}
.p4 .tItem p{
    display: block;
    width: 15em;
}
.p4 .tItem .text-wrap{
    float: left;
}
.p4 .tItem .icon{
    display: block;
    float: left;
    margin-right: 1em;
}
.p5{
    background-color: white;
    padding: 8em 0;
}
.p5 .img1{
    display: block;
    width: 884px;
    margin:6em auto 0 auto;
}
.p6{
    min-height: 600px;
    height: 600px;
    background-image: url("../img/index/hax-part07-bg.png");
    background-color: white;
    padding: 8em 0;
}
.p6 .img1{
    width: 200px;
    margin: 40px 30px;
}