*{
    margin: 0;
    padding: 0;
}
body{
    background-color: #000;
    padding-top: 84px;
}
a{
    cursor: pointer;
}
.header{
    position: fixed;
    left:50%;
    top:0;
    margin-left:-375px;
    width: 750px;
    height: 84px;
    background-image: url("../images/page2/header.png");
    z-index: 999;
}
.header .nav1{
    position: absolute;
    display: block;
    width: 136px;
    height: 46px;
    left: 291px;
    top: 37px;

}
.header .nav2{
    position: absolute;
    display: block;
    width: 136px;
    height: 46px;
    left: 585px;
    top: 37px;

}
.container{
    width: 750px;
    margin: 0 auto;
    position: relative;
}
.container .banner{
    width: 750px;
    height: 382px;
    background-image: url("../images/page2/banner.jpg");
    position: relative;
}
.container .banner .btn-apply{
    position: absolute;
    left: 350px;
    top: 231px;
    width: 226px;
    height: 61px;
    display: block;

}
.container .item-wrap{
    background-color: #1f1f1f;
}
.container .item-wrap .item{
    width: 750px;
    height: 513px;
    margin: 0 auto;
    position: relative;
    margin-bottom: -110px;
}
.container .item-wrap .item1{
    background-image: url("../images/page2/item1.png");
    margin-top: -40px;
}
.container .item-wrap .item2{
    background-image: url("../images/page2/item2.png");
}
.container .item-wrap .item3{
    background-image: url("../images/page2/item3.png");
}
.container .item-wrap .item4{
    background-image: url("../images/page2/item4.png");
}
.container .item-wrap .item5{
    background-image: url("../images/page2/item5.png");
}
.container .item-wrap .item6{
    background-image: url("../images/page2/item6.png");
    margin-bottom: 0;
}
.container .item-wrap .item .font{
    display: block;
    position: absolute;
}
.container .item-wrap .item .font1{
    position: absolute;
    width: 413px;
    height: 308px;
    right: 28px;
    top: 93px;
    background-image: url(../images/page2/font1.png);
}
.container .item-wrap .item .font2{
    position: absolute;
    width: 413px;
    height: 277px;
    left: 28px;
    top: 93px;
    background-image: url(../images/page2/font2.png);
}
.container .item-wrap .item .font3{
    position: absolute;
    width: 413px;
    height: 277px;
    right: 16px;
    top: 93px;
    background-image: url(../images/page2/font3.png);
}
.container .item-wrap .item .font4{
    position: absolute;
    width: 413px;
    height: 248px;
    left: 28px;
    top: 93px;
    background-image: url(../images/page2/font4.png);
}
.container .item-wrap .item .font5{
    position: absolute;
    width: 413px;
    height: 277px;
    right: 16px;
    top: 93px;
    background-image: url(../images/page2/font5.png);
}
.container .item-wrap .item .font6{
    position: absolute;
    width: 413px;
    height: 278px;
    left: 28px;
    top: 93px;
    background-image: url(../images/page2/font6.png);
}
.container .item-wrap .item .tc{
    position: absolute;
    width: 750px;
    left:50%;
    top:50%;
    margin-left: -375px;
    display: none;
}
.container .item-wrap .item .tc1{
    height: 474px;
    margin-top: -237px;
    background-image: url("../images/page2/tc1.png");
}
.container .item-wrap .item .tc2{
    height: 490px;
    margin-top: -245px;
    background-image: url("../images/page2/tc2.png");
}
.container .item-wrap .item .tc3{
    height: 389px;
    margin-top: -195px;
    background-image: url("../images/page2/tc3.png");
}
.container .item-wrap .item .tc4{
    height: 415px;
    margin-top: -208px;
    background-image: url("../images/page2/tc4.png");
}
.container .item-wrap .item .tc5{
    height: 380px;
    margin-top: -190px;
    background-image: url("../images/page2/tc5.png");
}
.container .item-wrap .item .tc6{
    height: 421px;
    margin-top: -211px;
    background-image: url("../images/page2/tc6.png");
}
.container .item-wrap .item .tc .close{
    position: absolute;
    width: 50px;
    height: 50px;
    cursor: pointer;
    left: 629px;
    top: 62px;

}
.container .item-wrap .item .tc .back{
    position: absolute;
    width: 99px;
    height: 30px;
    left: 50%;
    margin-left: -50px;
    bottom: 98px;

}
.container .footer{
    width: 750px;
    height: 1584px;
    background-image: url("../images/page2/footer.jpg");
    position: relative;
}
.container .footer .btn-magazine{
    position: absolute;
    display: block;
    left: 27px;
    top: 399px;
    width: 152px;
    height: 38px;
}

.container .footer .btn-apply{
    position: absolute;
    display: block;
    left: 263px;
    top: 1116px;
    width: 214px;
    height: 63px;
}