@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:#0b1c3d;}
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;
    position:relative;
    overflow-x:hidden;
}
.main{
    margin:0 auto;
    width:1024px;
}
.header{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    z-index:9999;
    position:absolute;
}
.header .top{
    width:100%;
    height:100px;
}
.header .top .logo{
    float:left;
    margin-top:28px;
}
.header .top .logo-text{
    float:left;
    margin-top:36px;
    margin-left:15px;
    padding-left:14px;
    font-size:18px;
    color:#ffffff;
    line-height:30px;
    border-left:1px solid #ffffff;
}
.header .top .phone{
    float:right;
    margin-top:37px;
    padding-left:30px;
    font-size:18px;
    color:#ffffff;
    line-height:25px;
    background:url("../img/phone.png") no-repeat left center;
}
.header .nav{
    margin:4px auto;
    width:1022px;
    height:40px;
    border:1px solid #ed2c50;
}
.header .nav li{
    float:left;
}
.header .nav li a{
    padding:0 47px;
    line-height:40px;
    color:#ffffff;
    font-size:18px;
    text-align:center;
}
.header .menu{
    margin-top:16px;
    margin-left:34px;
}
.header .menu li{
    float:left;
}
.header .menu li a{
    padding:0 18px;
    font-size:16px;
    line-height:16px;
    color:#ffffff;
    border-left:1px solid #e91757;
}
.header .menu li.first a{
    border-left:none;
}

.banner{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:850px;
    position:relative;
}
#banner{
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:850px;
}
.table1{
    top:264px;
    left:448px;
    width:300px;
    height:400px;
    z-index:9999;
    position:absolute;
    background:#ffffff;
}
.table1 h2{
    width:100%;
    font-size:24px;
    line-height:80px;
    color:#ffffff;
    text-align:center;
    background:url("../img/table1-txt.png") no-repeat center #ed2b50;
}
.table1 form{
    margin-top:50px;
    margin-left:20px;
}
.table1 input[type="text"]{
    margin-bottom:20px;
    padding:0 39px;
    width:180px;
    height:38px;
    color:#ed2c50;
    font-size:16px;
    display:block;
    border:1px solid #ed2c50;
}
.table1 input.name{
    background:url("../img/table1-tag1.png") no-repeat 9px center;
}
.table1 input.phone{
    background:url("../img/table1-tag2.png") no-repeat 9px center;
}
.table1 input.num{
    background:url("../img/table1-tag3.png") no-repeat 9px center;
}
.table1 .yz-code{
    margin-bottom:20px;
    width:258px;
    height:38px;
    position:relative;
}
.table1 #getcodee{
    top:5px;
    right:0;
    padding:0 5px;
    color:#ed2c50;
    font-size:16px;
    line-height:28px;
    cursor:pointer;
    position:absolute;
    border-left:1px solid #ed2c50;
}
.table1 input[type="submit"]{
    margin-left:30px;
    width:200px;
    height:40px;
    cursor:pointer;
    line-height:40px;
    display:block;
    color:#ffffff;
    font-size:22px;
    background:#ed2c50;
    border:none;
    border-radius:18px;
}
.title{
    margin:0 auto;
    padding-top:144px;
    padding-bottom:50px;
}
.title h2{
    font-size:36px;
    line-height:36px;
    font-weight:bold;
    text-align:center;
}
.title p{
    margin-top:14px;
    font-size:18px;
    line-height:18px;
    color:#748295;
    text-align:center;
}
.title.t1{
    background:url("../img/title-t1.png") no-repeat center 30px;
}
.title.t2{
    background:url("../img/title-t2.png") no-repeat center 30px;
}
.title.t3{
    padding-top:170px;
    background:url("../img/title-t3.png") no-repeat center 30px;
}
.title.t3 h2{
    color:#ffffff;
}
.title.t3 p{
    color:#ffffff;
}
.title.t4{
    background:url("../img/title-t4.png") no-repeat center 30px;
}
.title.t5{
    background:url("../img/title-t5.png") no-repeat center 30px;
}
.title.t6{
    padding-top:170px;
    background:url("../img/title-t6.png") no-repeat center 30px;
}
.title.t6 h2{
    color:#ffffff;
}
.title.t6 p{
    color:#ffffff;
}
.title.t7{
    background:url("../img/title-t7.png") no-repeat center 30px;
}
.title.t8{
    background:url("../img/title-t8.png") no-repeat center 30px;
}
.title.t9{
    padding-top:170px;
    background:url("../img/title-t9.png") no-repeat center 30px;
}
.title.t9 h2{
    color:#ffffff;
}
.title.t9 p{
    color:#ffffff;
}
.title.t10{
    background:url("../img/title-t10.png") no-repeat center 30px;
}
.title.t11{
    background:url("../img/title-t11.png") no-repeat center 30px;
}
.banner .pagination {
    width:100%;
    left:540px;
    bottom:130px;
    z-index:99999;
    position: absolute;
}
.banner .swiper-pagination-switch {
    width:20px;
    height:20px;
    margin:0 5px;
    display:inline-block;
    border-radius:100%;
    background:#fff;
    cursor:pointer;
}
.banner .swiper-active-switch {
    background:#ed2c50;
}
.p1{
    padding-bottom:70px;
    background:url("../img/p1-bg.jpg") no-repeat center bottom #f6f7fa;
}
.p1 ul{
    margin-left:13px;
    width:1100px;
    overflow:hidden;
}
.p1 ul li{
    margin-right:42px;
    margin-bottom:12px;
    float:left;
    width:218px;
    height:268px;
    background:url("../img/p1-li.png") no-repeat center;
    overflow:hidden;
}
.p1 ul li .box{
    margin:14px auto 0;
    width:200px;
    height:240px;
    position:relative;
    background:#ffffff;
    overflow:hidden;
    box-shadow:0 0 10px 1px #d8d9dc;
    transition:0.4s;
}
.p1 ul li .box img{
    width:200px;
    height:180px;
    display:block;
}
.p1 ul li .box p{
    margin:14px auto 0;
    width:180px;
    height:30px;
    font-size:22px;
    line-height:30px;
    color:#ffffff;
    text-align:center;
    background:#ec4777;
}
.p1 ul li:hover .box{
    margin:7px auto 0;
    box-shadow:0 7px 10px 1px #d8d9dc;
    transition:0.4s;
}
.p1 ul li .box .info{
    top:-180px;
    left:0;
    width:200px;
    height:180px;
    position:absolute;
    background:#ec4777;
    background:rgba(236,71,119,0.8);
    overflow:hidden;
    transition:0.4s;
}
.p1 ul li .box .info h2{
    margin-top:42px;
    font-size:20px;
    line-height:20px;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    text-shadow:0 2px 2px #a43a4b;
}
.p1 ul li .box .info h3{
    margin-top:7px;
    font-size:30px;
    line-height:30px;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    text-shadow:0 2px 2px #a43a4b;
}
.p1 ul li .box .info h4{
    margin-top:22px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    text-shadow:0 2px 2px #a43a4b;
}
.p1 ul li:hover .box .info{
    top:0;
    transition:0.4s;
}
.p1 .note{
    margin-top:10px;
    margin-right:16px;
    font-size:16px;
    line-height:16px;
    text-align:right;
    color:#748295;
}
.part .btn{
    margin:50px auto 0;
    width:330px;
    height:60px;
    display:block;
    font-size:30px;
    line-height:60px;
    color:#ffffff;
    text-align:center;
    background:#ed2c50;
    border-radius:28px;
}
.part .btn.c2{
    color:#ed2c50;
    background:#ffffff;
}
.part .btn.c3{
    margin:20px auto 0;
    color:#ed2c50;
    background:#ffffff;
}
.p2{
    margin-top:-50px;
    padding-bottom:30px;
}
.p2 ul{
    margin-left:37px;
    width:1100px;
}
.p2 ul li{
    margin-right:50px;
    margin-bottom:30px;
    float:left;
    width:448px;
    height:148px;
    border:1px solid #b5bcc7;
    overflow:hidden;
}
.p2 ul li.t1{
    background:url("../img/p2-tag1.png") no-repeat 35px 35px;
}
.p2 ul li.t2{
    background:url("../img/p2-tag2.png") no-repeat 35px 35px;
}
.p2 ul li.t3{
    background:url("../img/p2-tag3.png") no-repeat 35px 35px;
}
.p2 ul li.t4{
    background:url("../img/p2-tag4.png") no-repeat 35px 35px;
}
.p2 ul li h2{
    margin-top:34px;
    margin-left:152px;
    font-size:24px;
    line-height:24px;
    color:#748295;
}
.p2 ul li p{
    margin-top:15px;
    margin-left:152px;
    font-size:18px;
    line-height:24px;
    color:#748295;
}
.p3{
    padding-bottom:90px;
    background:url("../img/p3-bg.jpg") no-repeat center 70px;
}
.p3 ul{
    margin-left:2px;
    width:1100px;
}
.p3 ul li{
    margin-right:20px;
    float:left;
    width:240px;
    height:280px;
    position:relative;
    background:#ffffff;
    overflow:hidden;
}
.p3 ul li img{
    width:240px;
    height:190px;
}
.p3 ul li .info{
    top:190px;
    width:240px;
    height:190px;
    position:absolute;
    background:#ffffff;
    transition:0.4s;
}
.p3 ul li:hover .info{
    top:90px;
    transition:0.4s;
}
.p3 ul li .info .line{
    top:-2px;
    left:0;
    width:240px;
    height:5px;
    position:absolute;
}
.p3 ul li .info h2{
    margin-top:18px;
    margin-left:18px;
    font-size:24px;
    font-weight:bold;
    line-height:24px;
    color:#ed4679;
}
.p3 ul li .info h3{
    margin-top:10px;
    margin-left:18px;
    font-size:18px;
    line-height:18px;
    color:#748295;
}
.p3 ul li .info span{
    margin-top:9px;
    margin-left:18px;
    width:21px;
    height:2px;
    display:block;
    background:#ed4679;
}
.p3 ul li .info p{
    padding:0 15px;
    margin-top:15px;
    font-size:12px;
    line-height:20px;
    color:#748295;
}
.p4{
    padding-bottom:50px;
}
.p4 .box{
    margin:0 auto;
    width:953px;
    height:472px;
    position:relative;
    background:url("../img/p4-img.png") no-repeat center;
}
.p4 .box ul li{
    bottom:99px;
    width:30px;
    position:absolute;
    transition:0.4s;
}
.p4 .box ul li .top{
    top:-15px;
    left:0;
    position:absolute;
}
.p4 .box ul li .bottom{
    bottom:-8px;
    left:0;
    position:absolute;
}
.p4 .box ul li.l1{
    left:94px;
    height:147px;
    background:url("../img/p4-line.png") repeat center;
}
.p4 .box:hover ul li.l1{
    height:207px;
    transition:0.8s;
}
.p4 .box ul li.l2{
    left:134px;
    height:171px;
    background:url("../img/p4-line2.png") repeat center;
}
.p4 .box:hover ul li.l2{
    height:231px;
    transition:0.8s;
}
.p4 .box ul li.l3{
    left:204px;
    height:197px;
    background:url("../img/p4-line.png") repeat center;
}
.p4 .box:hover ul li.l3{
    height:257px;
    transition:0.8s;
}
.p4 .box ul li.l4{
    left:244px;
    height:225px;
    background:url("../img/p4-line2.png") repeat center;
}
.p4 .box:hover ul li.l4{
    height:285px;
    transition:0.8s;
}
.p4 .box ul li.l5{
    left:314px;
    height:192px;
    background:url("../img/p4-line.png") repeat center;
}
.p4 .box:hover ul li.l5{
    height:252px;
    transition:0.8s;
}
.p4 .box ul li.l6{
    left:354px;
    height:258px;
    background:url("../img/p4-line2.png") repeat center;
}
.p4 .box:hover ul li.l6{
    height:318px;
    transition:0.8s;
}
.p4 .box ul li.l7{
    left:424px;
    height:181px;
    background:url("../img/p4-line.png") repeat center;
}
.p4 .box:hover ul li.l7{
    height:241px;
    transition:0.8s;
}
.p4 .box ul li.l8{
    left:464px;
    height:217px;
    background:url("../img/p4-line2.png") repeat center;
}
.p4 .box:hover ul li.l8{
    height:277px;
    transition:0.8s;
}
.p4 .box ul li.l9{
    left:534px;
    height:161px;
    background:url("../img/p4-line.png") repeat center;
}
.p4 .box:hover ul li.l9{
    height:221px;
    transition:0.8s;
}
.p4 .box ul li.l10{
    left:574px;
    height:233px;
    background:url("../img/p4-line2.png") repeat center;
}
.p4 .box:hover ul li.l10{
    height:293px;
    transition:0.8s;
}
.p4 .box ul li.l11{
    left:644px;
    height:181px;
    background:url("../img/p4-line.png") repeat center;
}
.p4 .box:hover ul li.l11{
    height:241px;
    transition:0.8s;
}
.p4 .box ul li.l12{
    left:684px;
    height:242px;
    background:url("../img/p4-line2.png") repeat center;
}
.p4 .box:hover ul li.l12{
    height:303px;
    transition:0.8s;
}
.p4 .box ul li.l13{
    left:754px;
    height:222px;
    background:url("../img/p4-line.png") repeat center;
}
.p4 .box:hover ul li.l13{
    height:282px;
    transition:0.8s;
}
.p4 .box ul li.l14{
    left:794px;
    height:260px;
    background:url("../img/p4-line2.png") repeat center;
}
.p4 .box:hover ul li.l14{
    height:320px;
    transition:0.8s;
}
.p4 .box ul li.l15{
    left:864px;
    height:215px;
    background:url("../img/p4-line.png") repeat center;
}
.p4 .box:hover ul li.l15{
    height:276px;
    transition:0.8s;
}
.p4 .box ul li.l16{
    left:904px;
    height:278px;
    background:url("../img/p4-line2.png") repeat center;
}
.p4 .box:hover ul li.l16{
    height:339px;
    transition:0.8s;
}
.p5{
    padding-bottom:20px;
    background:url("../img/p5-bg.jpg") no-repeat center top #f6f7fa;
}
.p5 .main{
    position:relative;
}
#p5{
    margin:0 auto;
    width:540px;
    height:380px;
}
#p5 .swiper-slide{
    width:540px;
    height:300px;
    position:relative;
}
#p5 .box{
    top:80px;
    left:50%;
    margin-left:-270px;
    width:540px;
    height:300px;
    position:absolute;
    background:#ed4679;
}
#p5 .box img{
    top:-75px;
    left:30px;
    width:360px;
    height:275px;
    display:block;
    position:absolute;
    border:5px solid #ffffff;
    box-shadow:0 0 5px 1px #bfbfbf;
}
#p5 .box .info{
    right:22px;
    top:-40px;
    width:90px;
    height:120px;
    position:absolute;
    background:#ed4679;
    box-shadow:0 0 5px 1px #d23e6b;
}
#p5 .box .info h2{
    margin-top:20px;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
    text-align:center;
    color:#ffffff;
}
#p5 .box .info span{
    margin:20px auto;
    width:30px;
    height:2px;
    display:block;
    background:#ffffff;
}
#p5 .box .info h3{
    font-size:14px;
    line-height:14px;
    text-align:center;
    color:#ffffff;
}
#p5 .box > span{
    top:234px;
    left:30px;
    width:30px;
    height:2px;
    display:block;
    position:absolute;
    background:#ffffff;
}
#p5 .box p{
    top:236px;
    left:30px;
    font-size:18px;
    line-height:32px;
    color:#ffffff;
    position:absolute;
}
#p5 .box.c2{
    background:#848994;
}
#p5 .box.c2 .info{
    background:#848994;
    box-shadow:0 0 5px 1px #bfbfbf;
}
.p5 .jt{
    left:737px;
    top:347px;
    cursor:pointer;
    z-index:9999;
    position:absolute;
}
.p5 .tab{
    width:200px;
    height:300px;
    overflow:hidden;
    position:absolute;
}
.p5 #tab1{
    top:80px;
    left:12px;
}
.p5 #tab2{
    top:80px;
    right:12px;
}
.p5 .tab div{
    top:300px;
    width:200px;
    height:300px;
    overflow:hidden;
    position:absolute;
    background:url("../img/p5-tag.png") no-repeat center 227px #ed4679;
    transition:0.5s;
}
.p5 .tab div.act{
    top:0;
    transition:1s;
}
.p5 .tab div.c2{
    background:url("../img/p5-tag2.png") no-repeat center 207px #848994;
}
.p5 .tab div h2{
    margin-top:30px;
    font-size:30px;
    font-weight:bold;
    text-align:center;
    line-height:30px;
    color:#ffffff;
}
.p5 .tab div h3{
    margin:10px auto 0;
    width:160px;
    height:35px;
    font-size:24px;
    text-align:center;
    line-height:35px;
    color:#ed4679;
    background:#ffffff;
}
.p5 .tab div.c2 h3{
    color:#a6a7ab;
    background:#ffffff;
}
.p5 .tab div p{
    margin-top:16px;
    font-size:20px;
    line-height:30px;
    text-align:center;
    color:#ffffff;
}
.p6{
    height:923px;
    position:relative;
    background:url("../img/p6-bg.jpg") no-repeat center 70px #f6f7fa;
}
.p6 b{position:absolute;right:26px;bottom: 170px;width: 50px;height: 5px;background: #fff;}
.p6 .pos_p{text-align:right;font-size: 44px;color: #fff;position: absolute;right: 26px;bottom: 50px;line-height: 50px;}
.p6 ul{
    margin:60px auto 0;
}
.p6 ul li{
    margin:0 auto 30px;
    width:798px;
    height:98px;
    font-size:30px;
    line-height:98px;
    text-align:center;
    position:relative;
    color:#ffffff;
    border:1px dashed #ffffff;
    border-radius:46px;
}
.p6 ul li img{
    display:block;
    position:absolute;
}
.p6 ul li img.tag1{
    left:28px;
    top:-60px;
}
.p6 ul li img.tag2{
    right:28px;
    top:-60px;
}
.p6 ul li img.tag3{
    left:28px;
    top:-60px;
}
.p7{
    padding-bottom:50px;
    background:url("../img/p7-bg.jpg") no-repeat center bottom #f6f7fa;
}
.p7 .main{
    position:relative;
}
.p7-ul{
    top:0;
    left:17px;
    width:458px;
    height:68px;
    z-index:9999;
    position:absolute;
    background:#f6f7fa;
    border:1px solid #ed4679;
    border-radius:8px;
}
.p7-ul li{
    float:left;
    width:229px;
    height:68px;
    cursor:pointer;
    transition:0.4s;
    border-radius:8px;
}
.p7-ul li p{
    margin-top:5px;
    font-size:24px;
    line-height:30px;
    color:#748295;
    text-align:center;
    transition:0.4s;
}
.p7-ul li.act{
    background:#ed4679;
    transition:0.4s;
}
.p7-ul li.act p{
    color:#ffffff;
    transition:0.4s;
}
.p7-div{
    width:1024px;
    height:650px;
    position:relative;
    overflow:hidden;
}
.p7-div .box{
    width:100%;
    height:600px;
    position:relative;
}
.p7-div .box .tag{
    top:142px;
    left:86px;
    width:322px;
    height:322px;
    position:absolute;
    background:url("../img/p7-tag.png") no-repeat center;
}
.p7-div .box .tag h2{
    top:110px;
    font-size:110px;
    line-height:110px;
    font-weight:bold;
    color:#ed6f92;
    width:322px;
    text-align:center;
    position:absolute;
}
.p7-div .box .tag h3{
    top:144px;
    width:322px;
    font-size:26px;
    font-weight:bold;
    line-height:36px;
    text-align:center;
    color:#ffffff;
    position:absolute;
}
.p7-div .box .tag h4{
    top:110px;
    width:322px;
    font-size:26px;
    font-weight:bold;
    line-height:36px;
    text-align:center;
    color:#ffffff;
    position:absolute;
}
.p7-div .box .tag p{
    top:187px;
    width:322px;
    font-size:14px;
    line-height:14px;
    text-align:center;
    color:#ffffff;
    position:absolute;
}
.p7-div .box .skills{
    top:536px;
    left:16px;
    position:absolute;
}
.p7-div .box .skills li{
    margin-right:10px;
    float:left;
}
.p7-div .box .skills li p{
    font-size:22px;
    color:#748295;
    line-height:64px;
}
.p7-div .box .skills li div{
    width:58px;
    height:64px;
    display:block;
    overflow:hidden;
    background:url("../img/p7-tag2.png") no-repeat center;
}
.p7-div .box .skills li div h2{
    margin-top:14px;
    font-size:14px;
    line-height:18px;
    color:#ffffff;
    text-align:center;
}
.p7-div .box .skills li div h3{
    font-size:14px;
    line-height:64px;
    color:#ffffff;
    text-align:center;
}
.p7-div .box .info{
    top:0;
    left:530px;
    width:480px;
    position:absolute;
}
.p7-div .box .info li img{
    float:left;
    width:240px;
    height:200px;
    display:block;
}
.p7-div .box .info li .txt{
    float:left;
    width:240px;
    height:200px;
    overflow:hidden;
}
.p7-div .box .info li .txt h2{
    margin-top:20px;
    margin-left:30px;
    font-size:20px;
    line-height:22px;
    font-weight:bold;
    color:#ed4679;
}
.p7-div .box .info li .txt h3{
    margin-top:8px;
    margin-left:30px;
    font-size:20px;
    line-height:20px;
    color:#0b1c3d;
}
.p7-div .box .info li .txt span{
    margin-left:30px;
    margin-top:15px;
    margin-bottom:16px;
    width:60px;
    height:2px;
    display:block;
    background:#ed4679;
}
.p7-div .box .info li .txt h4{
    margin-bottom:8px;
    margin-left:30px;
    font-size:16px;
    line-height:16px;
    color:#748295;
}
.p7-div .box .info li .txt p{
    margin-bottom:8px;
    margin-left:30px;
    font-size:12px;
    line-height:16px;
    color:#748295;
}
.p7-div > div{
    top:650px;
    width:100%;
    height:650px;
    position:absolute;
    transition:0.4s;
}
.p7-div > div.act{
    top:0;
    transition:0.4s;
}
#p7-1{
    width:100%;
    height:650px;
    position:relative;
    transition:0.4s;
}
#p7-1 .pagination2{
    width:100%;
    bottom:0;
    z-index:9999;
    text-align:center;
    position: absolute;
}
#p7-1 .swiper-pagination-switch {
    width:11px;
    height:13px;
    margin:0 5px;
    display:inline-block;
    background:url("../img/p7-btn.png") no-repeat center;
    cursor:pointer;
}
#p7-1 .swiper-active-switch {
    background:url("../img/p7-btn-act.png") no-repeat center;
}
#p7-2{
    width:100%;
    height:650px;
    position:relative;
    transition:0.4s;
}
#p7-2 .pagination3{
    width:100%;
    bottom:0;
    z-index:9999;
    text-align:center;
    position: absolute;
}
#p7-2 .swiper-pagination-switch {
    width:11px;
    height:13px;
    margin:0 5px;
    display:inline-block;
    background:url("../img/p7-btn.png") no-repeat center;
    cursor:pointer;
}
#p7-2 .swiper-active-switch {
    background:url("../img/p7-btn-act.png") no-repeat center;
}
.p8 .main{
    overflow:hidden;
}
.p8 .box{
    float:left;
    margin-left:42px;
    width:250px;
    height:450px;
    display:block;
    position:relative;
    background:#f3f3f4;
}
.p8 .box .tit{
    width:200px;
    height:50px;
    position:relative;
    background:#ffffff;
}
.p8 .box .tit h2{
    top:-10px;
    left:-10px;
    width:200px;
    height:50px;
    line-height:55px;
    color:#ffffff;
    text-align:center;
    font-size:24px;
    position:absolute;
    background:#ea497a;
}
.p8 .box .p8-ul{
    margin-top:50px;
}
.p8 .box .p8-ul li{
    width:250px;
    font-size:18px;
    line-height:60px;
    text-align:left;
    text-indent:50px;
    cursor:pointer;
    color:#748295;
}
.p8 .box .p8-ul li.act{
    background:url("../img/p8-jt.png") no-repeat 30px center;
}
.p8 .box > span{
    bottom:30px;
    left:-10px;
    width:100px;
    height:5px;
    display:block;
    position:absolute;
    background:#ed4679;
}
.p8 .p8-div{
    margin-left:10px;
    margin-top:10px;
    float:left;
    width:700px;
    height:450px;
    position:relative;
    background:#ea497a;
}
.p8 .p8-div img{
    top:-460px;
    left:-10px;
    width:700px;
    height:450px;
    position:absolute;
    display:block;
    transition:0.4s;
}
.p8 .p8-div img.act{
    top:-10px;
    transition:0.6s;
}
.p9{
    height:1035px;
    position:relative;
    background:url("../img/p9-bg.jpg") no-repeat center bottom #ffffff;
}
.p9 b{position: absolute;left:26px;bottom: 170px;width: 50px;height: 5px;background: #fff;}
.p9 .pos_p{font-size: 44px;color: #fff;position: absolute;left: 26px;bottom: 50px;line-height: 50px;}
.p9 .teacher{width: 1000px;height: 500px; margin: 0 auto;position: relative;overflow: hidden;}
.p9 #teacher{ width: 1000px;height: 500px;}
.p9 .teacher .t-bg{width: 1000px;height: 500px;background:url(../img/tbg.jpg) no-repeat;}
.p9 .fl{float: left;}
.p9 .teacher img{margin: 50px 0 0 148px;}
.p9 .teacher h3{font-size: 36px;color: #0b1c3d;font-weight: bold;margin-left: 56px;padding-top: 156px;height: 36px;line-height: 36px;}
.teacher div i,.p9 .teacher .t-bg p{font-size: 18px;color: #748295;margin-top: 164px;font-style: normal;}
.p9 .teacher .t-bg p{margin-top: 30px;margin-left: 56px;line-height: 32px;}

#cx,.p9 .num{position: absolute;left: 20px;top: 20px;color: #fff;z-index: 9999;}
#cx li,.p9 .num p{color: #fff;font-size: 18px;}
#cx li.on{color: #ed4679;}

.p9 .num{width: 24px;left: 54px;top: 156px;}
.p9 .num p{text-align: center;}
.p9 .num div{width: 1px;height: 152px;background: #fff;margin: 6px auto;}
.p9 .num div li{width: 3px;height: 19px;margin-left: -1px;}
.p9 .num div li.show{width: 3px;background: #fff;transition: 0.3s;}
.p10{
    padding-bottom:116px;
}
.p10 .main{position: relative;height: 540px;}
.p10 .con,.p10 .con5{position: absolute;top: 0;text-align: center;overflow: hidden;}
.p10 .con1{left: 12px;top: 178px;}
.p10 .con2{left: 297px;}
.p10 .con3{left: 297px;top:274px;}
.p10 .con4{right: 62px;top:0px;}
.p10 .con5{width: 270px;height: 260px;background: #898d96;right: 12px;top: 274px;}
.p10 .pos,.p10 .pos i,.p10 .pos .contxt{position: absolute;left: 0;top: 0px;width: 100%;height: 100%;}
.p10 .pos{top: 260px;transition: 0.6s;}
.p10 .act{top: 0;transition: 0.6s;}
.p10 .pos i{background: #ed4679;opacity: 0.83;}
.p10 .pos h3{font-size: 26px;color: #fff;padding: 34px 0 16px;}
.p10 .pos b,.con5 b{display: block;margin: 0 auto 26px;width: 50px;height: 2px;background: #fff;}
.p10 .pos p{font-size: 18px;color: #fff;line-height: 22px;}
.p10 .pos a{display: block;width: 158px;height: 38px;border: 1px solid #fff;border-radius: 30px;line-height: 38px;color: #fff;margin: 30px auto;font-size: 24px;}
.con5 b{width: 30px;margin: 158px 0 18px 230px;}
.con5 p{font-size: 24px;color: #fff;text-align: right;margin-right: 8px;}
.p11{
    margin-top:-50px;
    padding-bottom:50px;
    background:url("../img/p11-bg.jpg") no-repeat center top #f6f7fa;
}
.p11 .main{
    position:relative;
}
.p11 .box{
    width:485px;
    height:430px;
    overflow:hidden;
    position:relative;
    background:url("../img/p11-box.png") no-repeat left bottom #ed4679;
}
.p11 .box span{
    top:90px;
    left:20px;
    width:55px;
    height:3px;
    position:absolute;
    background:#ffffff;
}
.p11 .box h2{
    margin-top:72px;
    margin-left:97px;
    font-size:35px;
    line-height:55px;
    color:#ffffff;
}
.p11 .box h2 b{
    font-size:50px;
    font-weight:bold;
}
.p11 ul li{
    width:200px;
    height:150px;
    position:absolute;
    overflow:hidden;
}
.p11 ul li img{
    width:200px;
    height:150px;
    display:block;
}
.p11 ul li.l1{
    top:55px;
    left:384px;
}
.p11 ul li.l2{
    top:55px;
    left:604px;
}
.p11 ul li.l3{
    top:55px;
    left:824px;
}
.p11 ul li.l4{
    top:225px;
    left:164px;
}
.p11 ul li.l5{
    top:225px;
    left:384px;
}
.p11 ul li.l6{
    top:225px;
    left:604px;
}
.p11 ul li.l7{
    top:225px;
    left:824px;
}
.p11 ul li .info{
    top:150px;
    width:200px;
    height:150px;
    position:absolute;
    background:#131c2e;
    background:rgba(19,28,46,0.8);
    transition:0.4s;
}
.p11 ul li.act .info{
    top:0;
    transition:0.4s;
}
.p11 ul li .info h2{
    font-size:20px;
    color:#ffffff;
    text-align:center;
    line-height:150px;
    background:url("../img/p11-line.png") no-repeat center;
}
.p11 ul li .info h3{
    padding:10px;
    margin-top:44px;
    font-size:20px;
    color:#ffffff;
    text-align:center;
    line-height:25px;
    background:url("../img/p11-line2.png") no-repeat center;
}
#ly{width: 100%;height:160px;background: url(../img/ly-bg.png) center top;position:fixed;bottom: 0;left: 0;z-index: 999999;display: none;}
#ly .outer{width: 1024px;height: 100%;position: relative;margin: 0 auto;}
#ly .per{position: absolute;left: -98px;bottom: 0;animation:3s ly linear infinite}
@keyframes ly { 0%{left:-98px;} 50%{left:-78px;} 100%{left:-98px;} }
#ly .message{width: 650px;position: absolute;left:160px;top: 104px;}
#ly .fl{float: left;}
#ly .bor{width:208px;height: 38px;border: 1px solid #e91757;margin-right: 10px;}
#ly .bor img{margin: 6px 8px 0 10px;}
#ly .bor input{width: 168px;height: 38px;border: none;font-size: 16px;background: none;color: #fff;}
#ly .borw{margin-right: -12px;}
#ly .borw img{margin-top: 8px;}
#ly .borw input{width: 65px;}
#phoneCode{width: 80px;}
#getcode{width: 96px;border-left: 1px solid #e91757;height: 28px;color: #e91757;line-height: 28px;padding-left: 8px;margin-top: 5px;cursor: pointer;}

#submsg{width: 200px;height: 40px;background: url(../img/btn.png) no-repeat;position: absolute;right: 5px;top: -55px;border: none;cursor: pointer;}

.footer{background: #394050;font-size: 14px;color: #fff;padding: 20px 0 150px;text-align: center;}