.nav{
    width: 100%;
    height: 80px;
    background: url("../images/nav.png") no-repeat top center;
}
.wrapper{
    width: 1200px;
    height: 80px;
    margin: 0 auto;
    padding: 0 14px;
}
.navlist{
    float: left;
    height: 80px;
    line-height: 80px;
    margin-right: 39px;
}
.navlist a{
    font-size: 26px;
    color: #fff;
}
.navlist a:hover{
    color: #fcb4ff;
}
.area{
    width: 1200px;
    margin: 0 auto;
}
.title1{
    width: 320px;
    margin: 99px auto 82px;
}
.wrap{
    width: 1199px;
    height: 430px;
    background: url("../images/wrap.png") no-repeat;
}
.wrap .img{
    text-align: center;
    padding-top: 41px;
}
.title2{
    width: 455px;
    margin: 118px auto 105px;
}
.kuang{
    float: left;
    width: 289px;
    height: 367px;
    background: #971696;
    text-align: center;
    padding-top: 15px;
    margin-right: 14px;
}
.title3{
    width: 457px;
    margin: 198px auto 103px;
}
.swiper{
    width: 100%;
    height: 590px;
    position: relative;
}
#swiper1 .img{
    width: 613px;
    height: 461px;
    background: #971696;
    margin-left: 15px;
    text-align: center;
    padding-top: 15px;
}
#left1{
    position: absolute;
    right: 57px;
    top:41px;
    width: 47px;
    height: 47px;
    background: url("../images/left.png") no-repeat;
    z-index: 2;
}
#right1{
    position: absolute;
    right: 0;
    top:41px;
    width: 47px;
    height: 47px;
    background: url("../images/right.png") no-repeat;
    z-index: 2;
}
#pagination1{
    text-align: center;
    margin-top: 55px;
}
#pagination1 .swiper-pagination-switch{
    display: inline-block;
    width: 62px;
    height: 5px;
    background: url("../images/dot1.png") no-repeat;
    margin-right: 10px;
}
#pagination1 .swiper-active-switch{
    background: url("../images/dot2.png") no-repeat;
}
.title4{
    width: 480px;
    margin: 151px auto 135px;
}
.swiper2{
    width: 100%;
    height: 588px;
    background: #971696;
    padding-top: 20px;
    position: relative;
}
#swiper2 .swiper-slide{
    width: 100%;
    text-align: center;
}
#swiper2 .swiper-slide .right{
    text-align: left;
    border-left:1px dashed #fff;
    margin-top: 18px;
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 40px;
}
#left2{
    position: absolute;
    left: 35px;
    top:250px;
    width: 54px;
    height: 54px;
    background: url("../images/left.png") no-repeat;
    z-index: 2;
}
#right2{
    position: absolute;
    right: 35px;
    top:250px;
    width: 54px;
    height: 54px;
    background: url("../images/right.png") no-repeat;
    z-index: 2;
}
.kuang2{
    float: left;
    width: 225px;
    height: 301px;
    background: #971696;
    text-align: center;
    padding-top: 10px;
    margin-right: 18px;
}
.title5{
    width: 444px;
    margin: 135px auto 75px;
}
.swiper3{
    width: 100%;
    height: 820px;
    position: relative;
}
#left3{
    position: absolute;
    left: 0px;
    top:395px;
    width: 54px;
    height: 54px;
    background: url("../images/left.png") no-repeat;
    z-index: 2;
}
#right3{
    position: absolute;
    right: 0px;
    top:395px;
    width: 54px;
    height: 54px;
    background: url("../images/right.png") no-repeat;
    z-index: 2;
}
.swiper3 .list{
    float: left;
    width: 245px;
    margin-bottom: 50px;
    margin-right: 25px;
}
.swiper3 .top{
    width: 198px;
    height: 44px;
    font-size: 28px;
    color: #fff;
    background: url("../images/top.png") no-repeat;
    text-align: center;
    padding-top: 57px;
    margin: 0 auto;
}
.swiper3 .bot{
    width: 245px;
    height: 251px;
    background: url("../images/bot.png") no-repeat;
    margin-top: 15px;
    text-align: center;
    padding-top: 10px;
}
#swiper3{
    width: 1057px;
    margin: 0 auto;
}
.title6{
    width: 465px;
    margin: 188px auto 120px;
}
.title7{
    width: 443px;
    margin: 240px auto 75px;
}
.kuang3{
    float: left;
    width: 382px;
    height: 180px;
    background: url("../images/kuang2.png") no-repeat;
    margin-right: 27px;
}
.kuang3 .img{
    width: 163px;
    height: 163px;
    padding: 8px;
}
.kuang3 .img img{
    border-radius: 163px;
}
.title8{
    width: 452px;
    margin: 150px auto 113px;
}
.title9{
    width: 436px;
    margin: 140px auto 113px;
}
.media{
    float: left;
    width: 180px;
    height: 60px;
    margin-right: 24px;
    margin-bottom: 24px;
}
.media img{
    border-radius: 10px;
}
.return{
    display: none;
    POSITION: fixed;
    WIDTH: 68px;
    BOTTOM: 139px;
    HEIGHT: 68px;
    RIGHT: 50%;
    z-index: 1;
    margin-right: -670px;
    _position: absolute;
    _right: auto
}