@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{margin:0; padding:0; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei', sans-serif;color:#919191;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0;display:block;}
b{font-weight:normal}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

.wrap{
    margin:0 auto;
    width:100%;
    max-width:1920px;
    min-width:1024px;
    overflow:hidden;
    position:relative;
}
.main{
    margin:0 auto;
    width:1024px;
    position:relative;
}
.header{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:80px;
    z-index:9999;
    position:absolute;
    border:1px solid #60637d;
}
.header .logo{
    margin-top:22px;
    margin-left:0;
    float:left;
    width:122px;
    height:36px;
}
.header .nav{
    float:left;
    margin-top:30px;
    margin-left:75px;
}
.header .nav li{
    float:left;
    margin-right:28px;
    line-height:20px;
}
.header .nav li.act{
    padding-right:26px;
    background:url("../img/nav-tag.png") no-repeat right center;
}
.header .nav li a{
    font-size:20px;
    color:#ffffff;
}
.header .menu{
    top:100px;
    left:200px;
    position:absolute;
}
.header .menu li{
    margin-right:22px;
    float:left;
}
.header .menu li a{
    font-size:18px;
    color:#ffffff;
}
.header .menu li.act a{
    color:#f2346e;
}
.header .phone{
    margin-top:26px;
    padding-left:43px;
    float:right;
    color:#ffffff;
    font-size:22px;
    line-height:31px;
    background:url("../img/phone.png") no-repeat left center;
}
.content{
    margin:0 auto;
    width:100%;
}
.banner{
    width:100%;
    height:700px;
    overflow:hidden;
    position:relative;
}
#banner{
    width:100%;
    height:700px;
}
#banner .swiper-slide{
    width:100%;
    height:700px;
    overflow:hidden;
    position:relative;
}
#banner .swiper-slide img{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:700px;
    position:absolute;
}
#banner .swiper-slide a{
    top:0;
    left:0;
    width:100%;
    height:700px;
    display:block;
    z-index:9999;
    position:absolute;
}
.banner .info{
    bottom:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:123px;
    position:absolute;
    z-index:9999;
    background:url("../img/banner-info.png") no-repeat center;
}
.banner .info ul{
    margin:0 auto;
    width:951px;
    height:123px;
}
.banner .info ul li{
    margin-top:2px;
    margin-left:1px;
    float:left;
    width:189px;
    height:120px;
}
.banner .info ul li:hover{
    /*background:#2a2c3a;*/
    /*background:rgba(0,0,0,0.25);*/
    background:#ff3370;
    background:rgba(255,51,112,0.85);
}
.banner .info ul li:hover span{
    background:#ffffff;
}
.banner .info ul li span{
    margin:20px auto;
    width:20px;
    height:3px;
    display:block;
    background:#ff3370;
}
.banner .info ul li h2{
    font-size:18px;
    line-height:18px;
    text-align:center;
    color:#ffffff;
}
.banner .info ul li p{
    margin:16px auto 0;
    width:128px;
    height:28px;
    font-size:16px;
    line-height:28px;
    text-align:center;
    color:#ffffff;
    border-radius:14px;
    border:1px solid #989cc1;
}
.p0{
    width:100%;
    height:200px;
    overflow:hidden;
    background:url("../img/p0-bg.jpg") no-repeat center;
}
.p0 ul{
    margin-top:65px;
}
.p0 ul{
    width:1200px;
}
.p0 ul li{
    margin-right:12px;
    float:left;
    height:70px;
    border-right:1px solid #c0c2d6;
}
.p0 ul li.l1{
    width:172px;
}
.p0 ul li.l2{
    width:243px;
}
.p0 ul li.l3{
    width:156px;
}
.p0 ul li.l4{
    width:173px;
}
.p0 ul li.l5{
    width:211px;
    border-right:none;
}
.p0 ul li.l6{
    width:172px;
}
.p0 ul li h2{
    font-size:22px;
    line-height:22px;
    color:#44465f;
}
.p0 ul li span{
    margin-top:15px;
    width:20px;
    height:3px;
    display:block;
    background:#ff3370;
}
.p0 ul li p{
    margin-top:14px;
    font-size:16px;
    line-height:16px;
    color:#787878;
}
.part .title{
    padding:50px 0;
}
.part .title h2{
    font-size:36px;
    line-height:36px;
    color:#44465f;
    text-align:center;
}
.part .title.t2 h2{
    color:#ffffff;
}
.part .title img{
    margin:14px auto 12px;
}
.part .title p{
    font-size:18px;
    line-height:18px;
    color:#787878;
    text-align:center;
}
.part .title.t2 p{
    color:#ffffff;
}
.p1{
    height:782px;
    background:url("../img/p1-bg.jpg") no-repeat center;
}
.p1 .main{
    height:430px;
    position:relative;
}
.p1 .box{
    left:8px;
    top:-11px;
    width:508px;
    height:408px;
    z-index:1;
    overflow:hidden;
    position:absolute;
    background:url("../img/p1-box.png") no-repeat center;
}
.p1 .box h2{
    margin:42px auto 28px;
    width:338px;
    height:38px;
    font-size:24px;
    color:#44465f;
    text-align:center;
    line-height:38px;
    border:1px solid #e0e1ec;
}
.p1 .box h2 span{
    color:#ff3370;
}
.p1 .box img{
    margin:0 auto;
    width:398px;
    height:263px;
}
.p1 .box2{
    top:18px;
    left:512px;
    width:500px;
    height:350px;
    z-index:0;
    position:absolute;
    background:url("../img/p1-box2.jpg") no-repeat center;
}
.p1-ul{
    margin-top:30px;
    margin-left:75px;
}
.p1-ul li{
    margin-right:10px;
    float:left;
    width:168px;
    height:33px;
    font-size:22px;
    color:#ffffff;
    cursor:pointer;
    line-height:33px;
    text-align:center;
    border:1px solid #989cc1;
}
.p1-ul li.act{
    color:#ff3370;
}
.p1-img{
    margin-top:30px;
    margin-left:35px;
    width:444px;
    height:232px;
    position:relative;
    overflow:hidden;
}
.p1-img img{
    top:232px;
    left:0;
    position:absolute;
    transition:0.4s;
}
.p1-img img.act{
    top:0;
    transition:0.4s;
}
.p1-txt{
    font-size:18px;
    line-height:18px;
    text-align:center;
    color:#a9a9a9;
}
.part .link{
    margin:0 auto;
    width:350px;
    height:60px;
    display:block;
    font-size:30px;
    color:#ffffff;
    line-height:60px;
    text-align:center;
    background:url("../img/link.png") no-repeat center;
}
.p1 .link{
    margin:40px auto;
}
.p2{
    height:750px;
    background:url("../img/p2-bg.jpg") no-repeat center;
}
.p2 ul{
    margin-left:40px;
    width:1200px;
}
.p2 ul li{
    margin-right:45px;
    margin-bottom:40px;
    float:left;
    width:285px;
    height:185px;
    position:relative;
}
.p2 ul li.l1{
    background:url("../img/p2-l1.png") no-repeat center;
}
.p2 ul li.l2{
    background:url("../img/p2-l2.png") no-repeat center;
}
.p2 ul li.l3{
    background:url("../img/p2-l3.png") no-repeat center;
}
.p2 ul li.l4{
    background:url("../img/p2-l4.png") no-repeat center;
}
.p2 ul li.l5{
    background:url("../img/p2-l5.png") no-repeat center;
}
.p2 ul li.l6{
    background:url("../img/p2-l6.png") no-repeat center;
}
.p2 .link{
    margin:10px auto;
}
.p2 ul li h2{
    bottom:-10px;
    left:50%;
    margin-left:-80px;
    width:160px;
    height:30px;
    color:#ffffff;
    font-size:20px;
    line-height:30px;
    text-align:center;
    position:absolute;
    background:#ff3370;
}
.vr {
    width: 100%;
    height: 755px;
    position: relative;
    overflow: hidden;
}
.vr > iframe {
    width: 100%;
    height: 100%;
}
.vr_s {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(34, 34, 34, 0.8);
    text-align: center;
    transition: all 0.5s;
}
.vr_s.true {
    top: -100%;
}
.vr_s > p {
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    margin-top: 270px;
}
.vr_s > span {
    font-size: 26px;
    color: #fff;
    display: block;
    margin-top: 10px;
}
.vr_button {
    margin: 50px auto 0;
    border: 1px solid #fff;
    line-height: 48px;
    width: 175px;
    display: block;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
}
.vr_button:hover {
    background: #fff;
    color: #000;
    cursor: pointer;
}
.vr_button_true {
    display: none;
}
.vr.true .vr_button_true {
    display: block;
    position: absolute;
    right: 0;
    z-index: 10;
    top: 50%;
    text-align: center;
    margin-right: 10px;
    width: 48px;
    height: 175px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 24px 10px;
    line-height: 20px;
    margin-top: -87.5px;
}
.p3{
    height:790px;
    background:url("../img/p3-bg.jpg") no-repeat center;
}
.p3 .box{
    margin:0 auto;
    width:1000px;
    height:450px;
    background:url("../img/p3-box.jpg") no-repeat center;
}
.p3 .box ul{
    padding-top:50px;
    margin-left:30px;
}
.p3 .box ul li{
    margin-bottom:40px;
    float:left;
    width:330px;
}
.p3 .box ul li img{
    float:left;
    width:90px;
    height:90px;
}
.p3 .box ul li .info{
    float:right;
    width:225px;
}
.p3 .box ul li .info h2{
    font-size:22px;
    line-height:22px;
    color:#ffffff;
}
.p3 .box ul li .info p{
    margin-top:10px;
    font-size:18px;
    line-height:18px;
    color:#ffffff;
}
.p3 .box ul li .info h3{
    margin-top:8px;
    width:108px;
    height:28px;
    font-size:18px;
    color:#ff3370;
    line-height:28px;
    text-align:center;
    border:1px solid #ff3370;
}
.p3 .box .tag{
    top:-30px;
    right:30px;
    width:260px;
    height:400px;
    overflow:hidden;
    position:absolute;
    background:url("../img/p3-tag.jpg") no-repeat center;
}
.p3 .box .tag h2{
    margin-top:70px;
    margin-left:90px;
    width:170px;
    height:35px;
    color:#ffffff;
    font-size:22px;
    line-height:35px;
    text-align:center;
    background:#ff3370;
}
.p3 .box .tag h3{
    margin-top:10px;
    margin-left:45px;
    width:215px;
    height:35px;
    color:#ffffff;
    font-size:18px;
    line-height:35px;
    text-align:center;
    background:#ff3370;
}
.p3 .link{
    margin:50px auto;
}
.p4{
    height:765px;
   background:url("../img/p4-bg.jpg") no-repeat center;
}
.p4 ul{
    margin-left:7px;
    width:1200px;
}
.p4 ul li{
    margin-right:10px;
    margin-bottom:10px;
    float:left;
    width:330px;
    height:210px;
    position:relative;
}
.p4 ul li > img{
    width:330px;
    height:210px;
}
.p4 ul li .info{
    width:330px;
    height:210px;
    z-index:99;
    display:none;
    position:absolute;
    background:#ff3370;
    background:rgba(255,51,122,0.85);
}
.p4 ul li:hover .info{
    display:block;
}
.p4 ul li .info .tag1{
    top:103px;
    left:-50px;
    width:50px;
    height:5px;
    position:absolute;
}
.p4 ul li .info .tag3{
    top:103px;
    right:-50px;
    width:50px;
    height:5px;
    position:absolute;
}
.p4 ul li .info .tag4{
    bottom:-50px;
    left:50%;
    margin-left:-2.5px;
    width:5px;
    height:50px;
    position:absolute;
}
.p4 ul li:hover .info h2{
    margin-top:54px;
    margin-left:42px;
    font-size:24px;
    line-height:24px;
    color:#ffffff;
}
.p4 ul li:hover .info span{
    margin:16px 0 16px 42px;
    width:18px;
    height:2px;
    display:block;
    background:#ffffff;
}
.p4 ul li:hover .info p{
    margin-left:42px;
    font-size:18px;
    line-height:24px;
    color:#ffffff;
}
.p4 ul li.l1 .info{
    top:0;
    left:340px;
}
.p4 ul li.l2 .info{
    top:0;
    left:0;
}
.p4 ul li.l3 .info{
    top:0;
    left:-340px;
}
.p4 ul li.l4 .info{
    top:0;
    left:340px;
}
.p4 ul li.l5 .info{
    top:-220px;
    left:0;
}
.p4 ul li.l6 .info{
    top:0;
    left:-340px;
}
.p4 ul li.l2 .info a{
    margin:80px auto;
    width:200px;
    height:50px;
    font-size:22px;
    text-align:center;
    line-height:50px;
    display:block;
    color:#ffffff;
    border:1px solid #ffffff;
    border-radius:16px;
}
.p4 .link{
    margin:40px auto;
}
.p5{
    height:740px;
    background:url("../img/p5-bg.jpg") no-repeat center;
}
.p5 .main{
    position:relative;
}
#p5{
    margin:0 auto;
    width:940px;
    height:402px;
    overflow:hidden;
}
#p5 .box{
    margin:0 auto;
    width:180px;
    height:400px;
    position:relative;
    background:#ffffff;
    border:1px solid #e5e5e5;
    transition:0.4s;
}
#p5 .box.b1{
    background:url("../img/p5-img1.jpg") no-repeat center bottom #ffffff;
}
#p5 .box.b2{
    background:url("../img/p5-img2.jpg") no-repeat center bottom #ffffff;
}
#p5 .box.b3{
    background:url("../img/p5-img3.jpg") no-repeat center bottom #ffffff;
}
#p5 .box.b4{
    background:url("../img/p5-img4.jpg") no-repeat center bottom #ffffff;
}
#p5 .box.b5{
    background:url("../img/p5-img5.jpg") no-repeat center bottom #ffffff;
}
#p5 .box.b6{
    background:url("../img/p5-img6.jpg") no-repeat center bottom #ffffff;
}
#p5 .box.b7{
    background:url("../img/p5-img7.jpg") no-repeat center bottom #ffffff;
}
#p5 .box .info{
    top:0;
    left:0;
    width:180px;
    height:395px;
    position:absolute;
    background:#ffffff;
    transition:0.4s;
}
#p5 .box .info .tag{
    margin:50px auto 0;
    width:70px;
    height:70px;
    transition:0.4s;
}
#p5 .box.b1 .info .tag{
    background:url("../img/p5-tag1.png") no-repeat center;
}
#p5 .box.b2 .info .tag{
    background:url("../img/p5-tag2.png") no-repeat center;
}
#p5 .box.b3 .info .tag{
    background:url("../img/p5-tag3.png") no-repeat center;
}
#p5 .box.b4 .info .tag{
    background:url("../img/p5-tag4.png") no-repeat center;
}
#p5 .box.b5 .info .tag{
    background:url("../img/p5-tag5.png") no-repeat center;
}
#p5 .box.b6 .info .tag{
    background:url("../img/p5-tag6.png") no-repeat center;
}
#p5 .box.b7 .info .tag{
    background:url("../img/p5-tag7.png") no-repeat center;
}
#p5 .box .info h2{
    margin-top:25px;
    font-size:24px;
    line-height:24px;
    color:#ff3370;
    text-align:center;
    transition:0.4s;
}
#p5 .box .info span{
    margin:12px auto 0;
    width:30px;
    height:2px;
    display:block;
    background:#ff3370;
    transition:0.4s;
}
#p5 .box ul{
    margin-top:40px;
    margin-left:40px;
    transition:0.4s;
}
#p5 .box ul li{
    margin-bottom:10px;
    font-size:18px;
    line-height:18px;
    transition:0.4s;
}
#p5 .box .plus{
    top:10px;
    right:10px;
    position:absolute;
}
#p5 .box:hover{
    border:1px solid #ff3370;
    transition:0.4s;
}
#p5 .box:hover .info{
    height:280px;
    transition:0.4s;
}
#p5 .box:hover .info .tag{
    margin:10px auto 0;
    transform:scale(0.8);
    transition:0.4s;
}
#p5 .box:hover .info h2{
    margin-top:0;
    font-size:22px;
    line-height:22px;
    transition:0.4s;
}
#p5 .box ul{
    margin-top:24px;
    margin-left:40px;
    transition:0.4s;
}
#p5 .box ul li{
    margin-bottom:8px;
    font-size:16px;
    line-height:16px;
    transition:0.4s;
}
.p5-left{
    top:185px;
    left:0;
    width:17px;
    height:31px;
    cursor:pointer;
    position:absolute;
    background:url("../img/p5-left.png") no-repeat center;
}
.p5-right{
    top:185px;
    right:0;
    width:17px;
    height:31px;
    cursor:pointer;
    position:absolute;
    background:url("../img/p5-right.png") no-repeat center;
}
.p5 .link{
    margin:50px auto;
}
.p6{
    height:735px;
    background:url("../img/p6-bg.jpg") no-repeat center;
}
.p6 .btn{
    margin-top:-27px;
    margin-left:68px;
    float:left;
    width:159px;
    height:440px;
    background:url("../img/p6-btn.png") no-repeat center;
}
.p6-ul{
   margin-top:60px;
    margin-left:34px;
}
.p6-ul li{
    margin-bottom:30px;
    width:200px;
    height:40px;
    cursor:pointer;
    line-height:40px;
    font-size:22px;
    color:#ffffff;
    text-indent:30px;
    position:relative;
    background:#44465f;
}
.p6-ul li span{
    font-size:18px;
}
.p6-ul li .tag{
    top:13px;
    left:-7px;
    width:14px;
    height:14px;
    position:absolute;
    background:url("../img/p6-tag1.png") no-repeat center;
}
.p6-ul li.act{
    background:#ff3370;
}
.p6-ul li.act .tag{
    background:url("../img/p6-tag2.png") no-repeat center;
}
.p6-box{
    margin-top:-7px;
    margin-left:126px;
    float:left;
    width:599px;
    height:400px;
    overflow:hidden;
    position:relative;
    background:url("../img/p6-box.jpg") no-repeat center;
}
.p6-box > div{
    top:0;
    left:599px;
    width:599px;
    height:400px;
    position:absolute;
    transition:0.4s;
}
.p6-box > div.act{
    left:0;
    transition:0.4s;
}
.p6-box .ul1{
    margin-top:86px;
    margin-left:34px;
    height:205px;
}
.p6-box .ul1 li{
    margin-bottom:18px;
    padding-left:50px;
    float:left;
    width:136px;
    color:#ffffff;
    font-size:18px;
    line-height:32px;
}
.p6-box .ul1 li.l1{
    background:url("../img/p6-i1.png") no-repeat left center;
}
.p6-box .ul1 li.l2{
    background:url("../img/p6-i2.png") no-repeat left center;
}
.p6-box .ul1 li.l3{
    background:url("../img/p6-i3.png") no-repeat left center;
}
.p6-box .ul1 li.l4{
    background:url("../img/p6-i4.png") no-repeat left center;
}
.p6-box .ul1 li.l5{
    background:url("../img/p6-i5.png") no-repeat left center;
}
.p6-box .ul1 li.l6{
    background:url("../img/p6-i6.png") no-repeat left center;
}
.p6-box .ul1 li.l2-1{
    background:url("../img/p6-i2-1.png") no-repeat left center;
}
.p6-box .ul1 li.l2-2{
    background:url("../img/p6-i2-2.png") no-repeat left center;
}
.p6-box .ul1 li.l2-3{
    background:url("../img/p6-i2-3.png") no-repeat left center;
}
.p6-box .ul1 li.l2-4{
    background:url("../img/p6-i2-4.png") no-repeat left center;
}
.p6-box .ul1 li.l2-5{
    background:url("../img/p6-i2-5.png") no-repeat left center;
}
.p6-box .ul1 li.l2-6{
    background:url("../img/p6-i2-6.png") no-repeat left center;
}
.p6-box .ul1 li.l2-7{
    background:url("../img/p6-i2-7.png") no-repeat left center;
}
.p6-box .ul1 li.l2-8{
    background:url("../img/p6-i2-8.png") no-repeat left center;
}
.p6-box .ul1 li.l3-1{
    background:url("../img/p6-i3-1.png") no-repeat left center;
}
.p6-box .ul1 li.l3-2{
    background:url("../img/p6-i3-2.png") no-repeat left center;
}
.p6-box .ul1 li.l3-3{
    background:url("../img/p6-i3-3.png") no-repeat left center;
}
.p6-box .ul1 li.l3-4{
    background:url("../img/p6-i3-4.png") no-repeat left center;
}
.p6-box .ul1 li.l3-5{
    background:url("../img/p6-i3-5.png") no-repeat left center;
}
.p6-box .ul1 li.l3-6{
    background:url("../img/p6-i3-6.png") no-repeat left center;
}
.p6-box .ul1 li.l3-7{
    background:url("../img/p6-i3-7.png") no-repeat left center;
}
.p6-box .ul1 li.l3-8{
    background:url("../img/p6-i3-8.png") no-repeat left center;
}
.p6-box .ul1 li.l4-1{
    background:url("../img/p6-i4-1.png") no-repeat left center;
}
.p6-box .ul1 li.l4-2{
    background:url("../img/p6-i4-2.png") no-repeat left center;
}
.p6-box .ul1 li.l4-3{
    background:url("../img/p6-i4-3.png") no-repeat left center;
}
.p6-box .ul1 li.l4-4{
    background:url("../img/p6-i4-4.png") no-repeat left center;
}
.p6-box .ul1 li.l4-5{
    background:url("../img/p6-i4-5.png") no-repeat left center;
}
.p6-box .ul1 li.l4-6{
    background:url("../img/p6-i4-6.png") no-repeat left center;
}
.p6-box .ul1 li.l4-7{
    background:url("../img/p6-i4-7.png") no-repeat left center;
}
.p6-box .ul1 li.l5-1{
    background:url("../img/p6-i5-1.png") no-repeat left center;
}
.p6-box .ul1 li.l5-2{
    background:url("../img/p6-i5-2.png") no-repeat left center;
}
.p6-box .ul1 li.l5-3{
    background:url("../img/p6-i5-3.png") no-repeat left center;
}
.p6-box .ul1 li.l5-4{
    background:url("../img/p6-i5-4.png") no-repeat left center;
}
.p6-box .ul1 li.l5-5{
    background:url("../img/p6-i5-5.png") no-repeat left center;
}
.p6-box .ul1 li.l5-6{
    background:url("../img/p6-i5-6.png") no-repeat left center;
}
.p6-box .ul2{
    margin-left:34px;
}
.p6-box .ul2 li{
    margin-bottom:10px;
    padding-left:50px;
    float:left;
    width:136px;
    color:#ffffff;
    font-size:18px;
    line-height:45px;
}
.p6-box .ul2 li.l1{
    background:url("../img/p6-r1.png") no-repeat left center;
}
.p6-box .ul2 li.l2{
    background:url("../img/p6-r2.png") no-repeat left center;
}
.p6-box .ul2 li.l3{
    background:url("../img/p6-r3.png") no-repeat left center;
}
.p6-box .ul2 li.l4{
    background:url("../img/p6-r4.png") no-repeat left center;
}
.p6-box .ul2 li.l5{
    background:url("../img/p6-r5.png") no-repeat left center;
}
.p6-box .ul2 li.l6{
    background:url("../img/p6-r6.png") no-repeat left center;
}
.p6-box .ul2 li.l7{
    background:url("../img/p6-r7.png") no-repeat left center;
}
.p6-box .ul2 li.l8{
    background:url("../img/p6-r8.png") no-repeat left center;
}
.p6 .link{
    margin:30px auto;
}
.p7{
    height:900px;
    background:url("../img/p7-bg.jpg") no-repeat center;
}
.p7 .main{
    position:relative;
}
#p7{
    margin:0 auto;
    width:860px;
    height:560px;
    overflow:hidden;
}
#p7 img{
    width:860px;
    height:560px;
}
.p7-left{
    top:305px;
    left:62px;
    width:20px;
    height:40px;
    cursor:pointer;
    position:absolute;
    background:url("../img/p7-left.png") no-repeat;
}
.p7-right{
    top:305px;
    right:62px;
    width:20px;
    height:40px;
    cursor:pointer;
    position:absolute;
    background:url("../img/p7-right.png") no-repeat;
}
.p7 .link{
    margin:50px auto;
}
.p8{
    height:770px;
    background:url("../img/p8-bg.jpg") no-repeat center;
}
.p8 .box{
    width:800px;
    height:400px;
    overflow:hidden;
    position:relative;
    background:url("../img/p8-box.jpg") no-repeat center;
}
.p8 .box h2{
    margin-top:45px;
    margin-left:40px;
    width:140px;
    height:30px;
    font-size:24px;
    color:#ffffff;
    line-height:30px;
    text-align:center;
}
.p8 .box ul{
    margin-top:40px;
    margin-left:40px;
}
.p8 .box ul li{
    margin-bottom:35px;
    color:#ffffff;
    font-size:18px;
    line-height:25px;
}
.p8 .box ul li span{
    margin-right:15px;
    width:25px;
    height:25px;
    color:#ffffff;
    display:inline-block;
    font-size:16px;
    text-align:center;
    background:#ff3370;
}
.p8-img{
    top:120px;
    left:500px;
    width:480px;
    height:310px;
    position:absolute;
    overflow:hidden;
}
#p8{
    width:480px;
    height:310px;
}
#p8 img{
    width:480px;
    height:310px;
}
.p8-left{
    top:280px;
    right:40px;
    width:20px;
    height:20px;
    z-index:9999;
    cursor:pointer;
    position:absolute;
    background:url("../img/p8-left.jpg") no-repeat;
}
.p8-right{
    top:280px;
    right:10px;
    width:20px;
    height:20px;
    z-index:9999;
    cursor:pointer;
    position:absolute;
    background:url("../img/p8-right.jpg") no-repeat;
}
.p8 .link{
    margin:80px auto 0;
}
.p9{
    height:780px;
    background:url("../img/p9-bg.jpg") no-repeat center;
}
.p9 .box{
    margin:0 auto;
    width:888px;
    height:460px;
    position:relative;
    background:url("../img/p9-box.png") no-repeat center;
}
.p9-img{
    margin-left:100px;
    margin-top:55px;
    float:left;
    width:250px;
    height:350px;
    overflow:hidden;
    position:relative;
}
.p9-img img{
    top:350px;
    left:0;
    width:250px;
    height:350px;
    position:absolute;
    transition:0.4s;
}
.p9-img img.act{
    top:0;
    transition:0.4s;
}

.p9 .link{
    margin:30px auto;
}
.p9-info{
    margin-left:80px;
    margin-top:90px;
    float:left;
    width:400px;
    height:315px;
    overflow:hidden;
    position:relative;
    background:#ffffff;
}
.p9-info > div{
    top:0;
    left:400px;
    width:400px;
    height:315px;
    position:absolute;
    transition:0.4s;
}
.p9-info > div.act{
    left:0;
    transition:0.4s;
}
.p9-info > div h2{
    font-size:30px;
    line-height:30px;
    color:#44465f;
}
.p9-info > div ul{
    margin-left:3px;
    margin-top:32px;
}
.p9-info > div ul li{
    margin-right:13px;
    float:left;
    width:170px;
    height:30px;
    line-height:30px;
    font-size:16px;
    color:#ffffff;
    text-align:center;
    position:relative;
    background:#ff3370;
}
.p9-info > div ul li span{
    top:12px;
    left:-3px;
    width:6px;
    height:6px;
    display:block;
    position:absolute;
    background:#1f2235;
}
.p9-info > div p{
    margin-top:22px;
    font-size:18px;
    line-height:30px;
}
.p9-next{
    top:410px;
    right:-5px;
    width:80px;
    height:25px;
    font-size:18px;
    color:#ffffff;
    cursor:pointer;
    text-align:center;
    line-height:25px;
    position:absolute;
    background:#ff3370;
}
.p10{
    height:710px;
    background:url("../img/p10-bg.jpg") no-repeat center;
}
.p10 ul{
    margin-left:22px;
}
.p10 ul li{
    margin-right:20px;
    float:left;
    width:230px;
    height:370px;
}
.p10 ul li.l1{
    background:url("../img/p10-l1.jpg") no-repeat center;
}
.p10 ul li.l2{
    background:url("../img/p10-l2.jpg") no-repeat center;
}
.p10 ul li.l3{
    background:url("../img/p10-l3.jpg") no-repeat center;
}
.p10 ul li.l4{
    background:url("../img/p10-l4.jpg") no-repeat center;
}
.p10 ul li h2{
    margin:212px auto 0;
    width:180px;
    height:30px;
    font-size:18px;
    color:#ffffff;
    text-align:center;
    line-height:30px;
    background:#ff3370;
}
.p10 ul li p{
    margin-top:32px;
    font-size:18px;
    line-height:24px;
    text-align:center;
}
.p10 ul li p.more{
    margin-top:20px;
}
.p10 .link{
    margin:50px auto;
}
.p11{
    height:624px;
    background:url("../img/p11-bg.jpg") no-repeat center;
}
.p11 .box{
    margin-left:12px;
    float:left;
    width:708px;
    height:408px;
    position:relative;
    background:url("../img/p11-box.png") no-repeat center;
}
.p11 .box span{
    margin-top:50px;
    margin-left:55px;
    width:40px;
    height:3px;
    display:block;
    background:#ff3370;
}
.p11 .box h2{
    margin-top:20px;
    margin-left:55px;
    font-size:24px;
    font-weight:bold;
    line-height:38px;
    color:#44465f;
}
.p11 .box ul li{
    width:230px;
    height:150px;
    position:absolute;
}
.p11 .box ul li.l1{
    top:50px;
    left:290px;
}
.p11 .box ul li.l2{
    top:50px;
    left:530px;
}
.p11 .box ul li.l3{
    top:50px;
    left:770px;
}
.p11 .box ul li.l4{
    top:210px;
    left:50px;
}
.p11 .box ul li.l5{
    top:210px;
    left:290px;
}
.p11 .box ul li.l6{
    top:210px;
    left:530px;
}
.p11 .box ul li.l7{
    top:210px;
    left:770px;
    background:#44465f;
}
.p11 .box ul li img{
    width:230px;
    height:150px;
}
.p11 .box ul li h3{
    left:0;
    bottom:0;
    width:230px;
    height:30px;
    font-size:18px;
    color:#ffffff;
    text-align:center;
    line-height:30px;
    position:absolute;
    background:#ff3370;
}
.p11 .box ul li p{
    margin-top:24px;
    font-size:18px;
    line-height:30px;
    color:#ffffff;
    text-align:center;
}
.p11 .box ul li a{
    margin:10px auto 0;
    width:138px;
    color:#ffffff;
    font-size:18px;
    line-height:33px;
    display:block;
    text-align:center;
    border:1px solid #ff3370;
    border-radius:4px;
    transition:0.4s;
}
.p11 .box ul li a:hover{
    background:#ff3370;
    transition:0.4s;
}
.p12 ul{
    margin-left:52px;
    width:1200px;
}
.p12 ul li{
    float:left;
    width:229px;
    height:120px;
    border-left:1px solid #dbdce9;
}
.p12 ul li.l1{
    background:url("../img/p12-tag1.png") no-repeat 20px center;
}
.p12 ul li.l2{
    background:url("../img/p12-tag2.png") no-repeat 20px center;
}
.p12 ul li.l3{
    background:url("../img/p12-tag3.png") no-repeat 20px center;
}
.p12 ul li.l4{
    background:url("../img/p12-tag4.png") no-repeat 20px center;
    border-right:1px solid #dbdce9;
}
.p12 ul li h2{
    margin-top:36px;
    margin-left:70px;
    font-size:20px;
    color:#44465f;
    line-height:20px;
}
.p12 ul li p{
    margin-top:12px;
    margin-left:70px;
    font-size:16px;
    line-height:16px;
}

.p13{
    height:202px;
    overflow:hidden;
    background:url("../img/p13-bg.jpg") no-repeat center;
}
.p13 ul{
    margin-top:63px;
    margin-left:12px;
}
.p13 ul li{
    float:left;
    width:199px;
    background:url("../img/p13-line.png") no-repeat right center;
}
.p13 ul li.last{
    background:none;
}
.p13 ul li h2{
    font-size:36px;
    color:#ffffff;
    line-height:36px;
    text-align:center;
    position:relative;
}
.p13 ul li h2 span{
    top:-12px;
    font-size:18px;
    line-height:18px;
    color:#ffffff;
    position:absolute;
}
.p13 ul li > span{
    margin-top:12px;
    margin-left:60px;
    width:20px;
    height:3px;
    display:block;
    background:#ff3370;
}
.p13 ul li p{
    margin-top:12px;
    font-size:18px;
    color:#ffffff;
    text-indent:60px;
    line-height:18px;
}



.bottom{
    padding:50px 0;
    background:#1f2235;
}
.bottom p{
    font-size:18px;
    line-height:22px;
    color:#ffffff;
    text-align:center;
}