* { margin: 0; padding: 0;}
img {
    display: block;
}
@font-face {
    font-family: "dyfont";
    src: url(fonts/dyfont.otf);
}
.wrapper {
    width: 100%;
    min-width: 1000px;
    max-width: 1920px;
    margin:0 auto;
    position: relative;
}

.fixed-wrapper {
    width: 19.2rem;
    height: 6rem;
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 20%;
    margin-left: -9.6rem;
}

.left-fixed {
    position: absolute;
    left: .30rem;
    top: 1.2rem;
    z-index: 10;
    width: 0.9rem;
}

.left-fixed a{
    display: block;
    transition: all 0.2s;
}
.left-fixed a:hover{
    transform: scale(1.2, 1.2);
}

.right-fixed {
    position: absolute;
    right: .2rem;
    top: 1rem;
    z-index: 10;
    width: 3.37rem;
}

.right-fixed a {
    display: block;
    font-size: .24rem;
    color: #fff;
    margin-bottom: .09rem;
    text-decoration: none;
    transition: all 0.2s;
}

.right-fixed a:hover {
    transform: translate(2px,2px);
}

.right-fixed a:nth-child(1), .right-fixed a:nth-child(2) {
    font-size: .3rem;
}

.item {
    width: 100%;
    position: relative;
}

.absolute_item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.item img.item-img {
    width: 62.5%;
    display: block;
    margin: 0 auto;
}

.video-box {
    width: 12rem;
    height: 6.7rem;
    min-width: 62%;
    min-height: 80%;
    box-sizing: border-box;
    border: 0.02rem solid #fff;
    margin: 0.6rem auto;
    background-color: #282828;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.5) inset;
}




.item0 img {
    width: 100%;
    display: block;
}

.part1 {
    background: url(./images/part1-bg.jpg) no-repeat; 
    background-position: top center;
    background-size:100% auto;
    padding-bottom: .3rem;
}


.part1 h2 {
    text-align: center;
    margin: 0 auto;
    padding: 1.5rem 0 .3rem;
}
.part1 h2 img {
    width: 8.83rem;
}

.part1 .item-main {
    width: 12rem;
    margin: 0 auto 0;
    background: url(images/part1_main_bg.png) no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 0.24rem;
    line-height: 1.8;
    padding: .5rem .5rem .5rem .7rem;
    
}


.part1 .item-main h6 {
    font-size: 0.24rem;
}

.part1 .item-main p {
    text-indent: -1em;
}


.part2 {
    background: url(./images/part1-bg2.jpg) no-repeat;
    background-position: top center;
    background-size:100% auto;
}

    .part2 h2 {
        padding-top: .34rem;
        text-align: center;
    }
    .part2 h2 img {
width: 10rem;
    }

    .part2_yqh {
        width: 5rem;
        margin: 0 auto;
    }


.part2-main {
    background: url(./images/final_bg_04.jpg) no-repeat;
    background-position: top center;
    background-size:100% auto;
    padding: .3rem 0 .18rem;
}

.part2 .part-item {
    width: 12rem;
    margin: 0 auto .2rem;
    background: url(images/part2_bm.png) no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 0.3rem;
    line-height: 1.8;
    padding: .5rem .5rem .5rem .7rem;
}

.part2 .part-item a {
    display: block;
    text-align: center;
    margin-bottom: .2rem;
    position: relative;
    z-index: 1000;
}
.part2 .part-item a img {
    width: 4.5rem;
} 
.part2 .part-item h3 {
    background-color: #e62643;
    font-size: .45rem;
    line-height: 1.6;
    width: 6.2rem;
    margin: 0 auto;
    text-align: center;
}

.part2 .part-item .sj {
    width: 0;
    height: 0;
    margin: .3rem auto 0;
    border-top: .3rem solid #fff;
    border-bottom: .3rem solid transparent;
    border-left: .4rem solid transparent;
    border-right: .4rem solid transparent;
}

.part2 .part-item p {
    padding-left: .8rem;
}
.part2 .part-item strong {
    font-size: .32rem;
    font-weight: bolder;
}

.part2 .part-dzb {
    background: url(./images/final_bg_05.jpg) no-repeat;
    background-position: top center;
    background-size: 100% auto;
    text-align: center;
    padding: .2rem 0 0;
}

.part2 .part-dzb img {
    width: 10.4rem;
}






.part3 {
    background: url(./images/final_bg_06.jpg) no-repeat;
    background-position: top center;
    background-size:100% auto;
    padding-bottom: .4rem;
}

.part3 h2 {
    padding-top: .34rem;
    text-align: center;
}

.part3 h2 img {
    width: 12.5rem;
}

.part3 .part-item {
    width: 12rem;
    margin: 0 auto;
    background: url(images/part2_bm.png) no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 0.3rem;
    line-height: 1.7;
    padding: .1rem .5rem .1rem .6rem;
}

.part3 .part-item a {
    display: block;
    text-align: center;
    margin-bottom: .2rem;
    position: relative;
    z-index: 1000;
}
.part3 .part-item a img {
    width: 4.2rem;
} 
.part3 .part-item h3 {
    background-color: #e62643;
    font-size: .45rem;
    line-height: 1.6;
    width: 6.2rem;
    margin: 0 auto;
    text-align: center;
}

.part3 .part-item {
    position: relative;
}

.part3 .part-item a {
    position: absolute;
    right: .6rem;
    top: .6rem;
    width: 4.5rem;
}


.part3 .part-item h4 {
    font-size: .26rem;
    font-weight: bolder;
    margin-top: .2rem;
}
.part3 .part-item p {
    font-size: .22rem;
    font-weight: normal;
}
.part3 .part-item strong {
    font-size: .26rem;
    font-weight: bolder;
    display: inline-block;
    margin-top: .2rem;
    padding-right: .3rem;
}

.part3 .part-item .tags  {
    margin-top: .2rem;
    width: 8.38rem;
}

.part3 .part-dzb {
    text-align: center;
    padding: .5rem 0 .1rem;
}

.part3 .part-dzb img {
    width: 10.8rem;
}

.bottom {
    background: url(./images/final_bg_07.jpg) no-repeat;
    background-position: top center;
    background-size:100% auto;
    text-align: center;
    padding-top: .2rem;
    padding-bottom: .4rem;
}

.bottom img {
    width: 10.9rem;
}
/* .item2 {background: url(./images/FIFA-bg_03.jpg) no-repeat; position: relative; z-index: 1; background-position: top center; background-size:cover; }
.item2 .rukou {
    position: absolute;
    width: 23%;
    top: 70%;
    text-align: center;
    left: 50%;
    margin-left:-14%;
    display: block;
}
.item3 {background: url(./images/FIFA-bg_04.jpg) no-repeat; background-position: top center; background-size:cover;} */