@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:#333333;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}  img{border:0;}
/* 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:1000px;
    overflow:hidden;
}
.main{
    margin:0 auto;
    width:1000px;
}
/*.header{
    width:100%;
    height:146px;
    overflow:hidden;
}
.header .main{
    height:88px;
}
.header .main .logo{
    margin-left:1px;
    margin-top:20px;
    float:left;
    width:160px;
    height:47px;
    display:block;
}
.header .main .logo-text{
    margin-top:20px;
    margin-left:22px;
    padding-left:20px;
    float:left;
    line-height:22px;
    font-size:16px;
    border-left:1px solid #999999;
}
.header .main .phone{
    margin-top:30px;
    padding-left:34px;
    float:right;
    font-size:24px;
    line-height:24px;
    background:url("../img/phone.png") no-repeat left center;
}
.header .nav{
    width:100%;
    height:58px;
    background:#000000;
}
.header .nav ul{
    margin:0 auto;
    width:1000px;
}
.header .nav ul li{
    float:left;
    width:11%;
    height:56px;
    text-align:center;
    line-height:56px;
    position:relative;
}
.header .nav ul li span{
    top:56px;
    left:0;
    width:0;
    height:2px;
    transition:0.2s;
    position:absolute;
    background:#27b0ea;
}
.header .nav ul li.act span,.header .nav ul li:hover span{
    width:100%;
    transition:0.2s;
}
.header .nav ul li a{
    font-size:16px;
    color:#fff;
   !* font-weight: bold;*!
    display:block;
}
.header .nav ul li a:hover{
    color: #27b0ea;
}*/
.content{
    width:100%;
}
#banner{
    width:100%;
    height:600px;
    position:relative;
    overflow:hidden;
}
#banner .pagination {
    bottom:20px;
    width:100%;
    z-index:20;
    text-align:center;
    position:absolute;
}
#banner .swiper-pagination-switch {
    margin:0 5px;
    width:15px;
    height:15px;
    cursor:pointer;
    border-radius:100%;
    display:inline-block;
    background:#d2d6d9;
}
#banner .swiper-active-switch {
    background:#27b0ea;
}
#banner .banner-img{
    width:100%;
    height:650px;
    position:relative;
    overflow:hidden;
}
#banner .banner-img img{
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:600px;
    display:block;
    position:absolute;
}
.part{
    padding-bottom:50px;
}
.title{
    padding-top:70px;
    padding-bottom:60px;
    text-align:center;
}
.title h2{
    font-size:38px;
    line-height:38px;
}
.title p{
    margin-top:22px;
    font-size:20px;
    line-height:20px;
    color:#999999;
}
.title.c2 h2{
    color:#ffffff;
}
.title.c2 p{
    color:#718eae;
}
.title.c2 h2 span{
    color:#f13900;
}
.p1{
    border-bottom:1px solid #f2f2f2;
}
.p1 .main{
    position:relative;
}
#case{
    top:16px;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:528px;
    overflow:hidden;
}
#case .swiper-slide .ui{
    margin:0 auto;
    width:232px;
    height:497px;
    position:relative;
}
#case .swiper-slide .ui .shaw{
    top:0;
    left:50%;
    width:232px;
    height:497px;
    margin-left:-116px;
    position:absolute;
    background:rgba(0,0,0,0.3);
}
#case .swiper-slide .ui .btn{
    left:50%;
    bottom:24px;
    margin-left:-80px;
    width:160px;
    height:44px;
    line-height:44px;
    text-align:center;
    display:none;
    color:#ffffff;
    z-index:99999;
    position:absolute;
    background:#4c97ce;
    font-size: 16px;
}
#case img{
    width:230px;
    height:497px;
    display:block;
}
#case .swiper-slide.act .ui .shaw{
    display:none;
}
#case .swiper-slide.act .ui .btn{
    display:block;
}
.p1 .iphonex{
    left:50%;
    top:0;
    margin-left:-132px;
    width:264px;
    height:528px;
    z-index:9;
    position:absolute;
}
.iphone-btn{
    top:445px;
    left:50%;
    margin-left:-80px;
    width:160px;
    height:44px;
    cursor:pointer;
    z-index:99;
    position:absolute;
}
.p1-left{
    top:200px;
    left:50%;
    margin-left:-170px;
    width:52px;
    height:36px;
    display:none;
    cursor:pointer;
    position:absolute;
    background:url("../img/p1-left.png") no-repeat center;
}
.p1-right{
    top:200px;
    left:50%;
    margin-left:120px;
    width:52px;
    height:36px;
    display:none;
    cursor:pointer;
    position:absolute;
    background:url("../img/p1-right.png") no-repeat center;
}
.p1 .main:hover .p1-left{
    display:block;
}
.p1 .main:hover .p1-right{
    display:block;
}
.p2 .main{
    position:relative;
}
.p2 .box{
    width:593px;
    height:361px;
    position:absolute;
    z-index:1;
    background:url("../img/p2-img.jpg") no-repeat center;
    transform:scale(0.8);
    transition:0.4s;
}
.p2 .box.act{
    z-index:9;
    transform:scale(1);
    transition:1s;
}
.p2 .box .shaw{
    bottom:-14px;
    left:50%;
    margin-left:-310px;
    position:absolute;
}
.p2 .mk{
    margin:0 auto;
    padding-top:380px;
    display:block;
}
#b1 .bg{
    top:27px;
    width:593px;
    height:332px;
    overflow:hidden;
    position:absolute;
    background:url("../img/p2-b1.jpg") no-repeat center;
}
.series-img{
    width:593px;
    height:332px;
    display:block;
}
.series1{
    width:593px;
    height:332px;
    display:none\9;
}
.s1-card{
    margin:0 auto;
    width:533px;
    height:324px;
    position: relative;
}
.s1-card.hover-in {
    transition: .3s ease-out; }
.s1-card.hover-out {
    transition: .3s ease-out; }
.series1 [class*="sc"] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.series1 .sc-1 {
    background-position:center;
    background-image: url(../img/p2-img1.png);
    background-size: cover;
    transform: translateZ(0px);
}
.series1 .sc-2 {
    background-position:center;
    background-image: url(../img/p2-img2.png);
    transform: translateZ(10px);
}
.series1 .sc-3 {
    background-position:center;
    background-image: url(../img/p2-img3.png);
    background-size: cover;
    transform: translateZ(20px);
}
.series1 .sc-4 {
    background-position:center;
    background-image: url(../img/p2-img4.png);
    background-size: cover;
    transform: translateZ(30px);
}
.series1 .sc-5 {
    background-position:center;
    background-image: url(../img/p2-img5.png);
    background-size: cover;
    transform: translateZ(60px);
}
#b2 .bg{
    top:27px;
    width:593px;
    height:332px;
    overflow:hidden;
    position:relative;
    background:url("../img/p2-b2.jpg") no-repeat center;
}
.series2{
    width:593px;
    height:332px;
    display:none\9;
}
.s2-card{
    margin:0 auto;
    width:533px;
    height:324px;
    position: relative;
}
.s2-card.hover-in {
    transition: .3s ease-out; }
.s2-card.hover-out {
    transition: .3s ease-out; }
.s2-card [class*="sc"] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.series2 .sc-1 {
    background-position:center;
    background-image: url(../img/p2-img6.png);
    background-size: cover;
    transform: translateZ(0px);
}
.series2 .sc-2 {
    background-position:center;
    background-image: url(../img/p2-img7.png);
    transform: translateZ(10px);
}
.series2 .sc-3 {
    background-position:center;
    background-image: url(../img/p2-img8.png);
    background-size: cover;
    transform: translateZ(15px);
}
.series2 .sc-4 {
    background-position:center;
    background-image: url(../img/p2-img9.png);
    background-size: cover;
    transform: translateZ(20px);
}
.series2 .sc-5 {
    background-position:center;
    background-image: url(../img/p2-img10.png);
    background-size: cover;
    transform: translateZ(25px);
}
.series2 .sc-6 {
    background-position:center;
    background-image: url(../img/p2-img11.png);
    background-size: cover;
    transform: translateZ(30px);
}
.series2 .sc-7 {
    background-position:center;
    background-image: url(../img/p2-img12.png);
    background-size: cover;
    transform: translateZ(35px);
}
#b1{
    top:0;
    left:0;
}
#b2{
    top:0;
    left:315px;
}
.p3{
    background:#f5f5f5;
}
.p3 .main{
    height:640px;
    position:relative;
}
.p3 .box{
    margin:0 auto;
    width:600px;
    height:494px;
    position:relative;
    background:url("../img/p3-img.png") no-repeat center;
    overflow:hidden;
}
.p3 .tabDiv{
    top:0;
    left:25px;
    width:550px;
    height:430px;
    overflow:hidden;
    position:absolute;
}
.p3 .tabDiv > div{
    width:550px;
    height:430px;
    overflow:hidden;
    position:absolute;
    transition:0.4s;
}
.p3 .tabDiv > div.d1{
    top:0;
    left:-550px;
}
.p3 .tabDiv > div.d2{
    top:-430px;
    left:-550px;
}
.p3 .tabDiv > div.d3{
    top:-430px;
    left:25px;
}
.p3 .tabDiv > div.d4{
    top:-430px;
    left:550px;
}
.p3 .tabDiv > div.d5{
    top:0;
    left:550px;
}
.p3 .tabDiv > div.act{
    top:0;
    left:0;
    transition:1.3s;
}
.p3 .tabDiv > div .mark{
    margin-top:32px;
    margin-left:32px;
}
.p3 .tabDiv > div .mark h2{
    font-size:18px;
    color:#ffffff;
    line-height:18px;
}
.p3 .tabDiv > div .mark h3{
    margin-top:10px;
    font-size:20px;
    line-height:20px;
    font-weight:bold;
    color:#ffffff;
}
.p3 .tabDiv > div .txt{
    margin:30px auto 0;
    width:336px;
}
.p3 .tabDiv > div .txt h3{
    font-size:16px;
    line-height:16px;
    color:#ffffff;
    text-align:center;
}
.p3 .tabDiv > div .txt h4{
    margin-top:14px;
    font-size:16px;
    line-height:16px;
    color:#ffcc00;
    font-weight:bold;
    text-align:center;
}
.p3 .tabDiv > div .txt p{
    margin-top:28px;
    font-size:14px;
    line-height:26px;
    color:#dddddd;
}
.p3 ul.tabUl{
    top:290px;
    left:0;
    width:1100px;
    position:absolute;
}
.p3 ul.tabUl li{
    margin-top:42px;
    margin-right:17px;
    float:left;
    width:170px;
    cursor:pointer;
    transition:0.2s;
}
.p3 ul.tabUl li img{
    width:100%;
    height:auto;
    display:block;
}
.p3 ul.tabUl li h2{
    margin-top:25px;
    font-size:18px;
    line-height:18px;
    color:#000000;
    text-align:center;
    transition:0.2s;
}
.p3 ul.tabUl li p{
    margin-top:14px;
    font-size:14px;
    line-height:14px;
    color:#999999;
    display:none;
    text-align:center;
    transition:0.2s;
}
.p3 ul.tabUl li.act{
    margin-top:0;
    width:250px;
    transition:0.2s;
}
.p3 ul.tabUl li.act h2{
    margin-top:34px;
    font-size:20px;
    line-height:20px;
    transition:0.2s;
}
.p3 ul.tabUl li.act p{
    display:block;
}
.p4{
    padding-bottom:0;
}
.p4 #course{
    height:480px;
}
.p4 #course .box{
    margin-top:10px;
    width:100%;
    height:460px;
    position:relative;
    overflow:hidden;
}
.p4 #course .box.b1{
    margin-top:0;
    height:480px;
    background:#213b67;
}
.p4 #course .box.b2{
    background:url("../img/p4-img1.jpg") no-repeat center;
}
.p4 #course .box.b3{
    background:#144657;
}
.p4 #course .box.b4{
    background:url("../img/p4-img2.jpg") no-repeat center;
}
.p4 #course .box.b5{
    background:#54351e;
}
.p4 #course .box.b6{
    background:url("../img/p4-img3.jpg") no-repeat center;
}
.p4 #course .box .mark{
    top:150px;
    left:0;
    width:100%;
    position:absolute;
    transition:0.8s;
}
.p4 #course .box .mark h2{
    font-size:30px;
    line-height:30px;
    color:#ffffff;
    text-align:center;
}
.p4 #course .box .mark h3{
    margin-top:14px;
    font-size:16px;
    line-height:16px;
    color:#ffffff;
    text-align:center;
}
.p4 #course .box .mark a{
    top:105px;
    left:50%;
    margin-left:-65px;
    width:129px;
    height:39px;
    font-size:18px;
    text-align:center;
    line-height:39px;
    color:#ffffff;
    display:block;
    position:absolute;
    border:1px solid #ffffff;
    border-radius:4px;
    transition:0.8s;
}
.p4 #course .box .mark a:hover{
    color:#000000;
    background:#ffffff;
    transition:0.8s;
}
.p4 #course .box .mark img{
    margin:38px auto 0;
    display:block;
    transition:0.8s;
}
.p4 #course .box.box_hover:hover .mark img{
    transform:rotate(-90deg);
    transition:0.2s;
}
.p4 #course .box.box_hover:hover .mark{
    top:-300px;
    transition:1s;
}
.p4 #course .box .info{
    top:500px;
    width:100%;
    position:absolute;
    transition:0.8s;
}
.p4 #course .box.box_hover:hover .info{
    top:55px;
    transition:1s;
}
/*.p4 #course .box.b1:hover .info{
    top:45px;
}*/
.p4 #course .box .info h2{
    font-size:32px;
    line-height:32px;
    color:#ffffff;
    text-align:center;
}
.p4 #course .box .info p{
    padding:26px 36px 0;
    line-height:26px;
    font-size:16px;
    color:#ffffff;
}
.p4 #course .box.b1 .info p{
    line-height:20px;
}
.p4 #course .box .info h3{
    margin-top:20px;
    margin-left:36px;
    width:95px;
    height:24px;
    color:#000000;
    font-size:16px;
    line-height:24px;
    text-align:center;
    background:#ffffff;
}
.p4 #course .box .info ul li{
    margin-top:16px;
    margin-left:36px;
    color:#ffffff;
    font-size:16px;
    line-height:16px;
}
.p4 #course .box.b1 .info ul li{
    margin-top:10px;
}
.p4 #course .box .info a{
    top:320px;
    left:50%;
    margin-left:-65px;
    width:129px;
    height:39px;
    font-size:18px;
    text-align:center;
    line-height:39px;
    color:#ffffff;
    display:block;
    position:absolute;
    border:1px solid #ffffff;
    border-radius:4px;
    transition:0.8s;
}
.p4 #course .box.b1 .info a{
    top:350px;
}
.p4 #course .box .info a:hover{
    color:#000000;
    background:#ffffff;
    transition:0.8s;
}
@media screen and (max-width: 1900px) {
    .p4 #course{
        height:420px;
    }
    .p4 #course .box{
        height:400px;
    }
    .p4 #course .box.b1{
        height:420px;
    }
    .p4 #course .box .mark{
        top:120px;
    }
    .p4 #course .box.box_hover:hover .info{
        top:40px;
    }
    /*.p4 #course .box.b1:hover .info{
        top:30px;
    }*/
    .p4 #course .box .info h2{
        font-size:26px;
        line-height:26px;
        color:#ffffff;
        text-align:center;
    }
    .p4 #course .box .info p{
        padding:20px 16px 8px;
        line-height:20px;
        font-size:14px;
    }
    .p4 #course .box.b1 .info p{
        padding:16px 16px 0;
        line-height:20px;
        font-size:14px;
    }
    .p4 #course .box .info h3{
        margin-top:10px;
        margin-left:16px;
    }
    .p4 #course .box .info ul li{
        margin-top:8px;
        margin-left:16px;
    }
    .p4 #course .box .info a{
        top:270px;
    }
    .p4 #course .box.b1 .info a{
        top:320px;
    }
}
@media screen and (max-width: 1300px) {
    .p4 #course{
        height:340px;
    }
    .p4 #course .box{
        height:320px;
    }
    .p4 #course .box.b1{
        height:340px;
    }
    .p4 #course .box .mark{
        top:100px;
    }
    .p4 #course .box.box_hover:hover .mark{
        top:100px;
    }
    .p4 #course .box .info{
        display:none;
    }
}
.p5{
    border-bottom:1px solid #f2f2f2;
}
#skills{
    padding-top:25px;
    height:300px;
}
#skills .box{
    position:relative;
}
#skills .box img{
    margin:0 auto;
    display:block;
}
#skills .box .info{
    top:202px;
    width:100%;
    position:absolute;
    z-index:99999;
}
#skills .box .info h2{
    font-size:20px;
    font-weight:bold;
    line-height:20px;
    text-align:center;
    color:#4c97ce;
}
#skills .box .info p{
    margin:0 auto;
    margin-top:18px;
    width:210px;
    font-size:13px;
    line-height:24px;
    color:#666666;
}
#skills .box .border{
    top:-36px;
    left:50%;
    margin-left:-120px;
    width:240px;
    height:240px;
    position:absolute;
    background:url("../img/p5-tag1.png") no-repeat center;
    transition:0.6s;
}
#skills .box:hover .border{
    transform:rotate(90deg);
    background:url("../img/p5-tag2.png") no-repeat center;
    transition:0.6s;
}
.p5 .main{
    position:relative;
}
.p5-left{
    top:97px;
    left:-60px;
    width:52px;
    height:36px;
    cursor:pointer;
    position:absolute;
    background:url("../img/p5-left.png") no-repeat center;
}
.p5-right{
    top:97px;
    right:-60px;
    width:52px;
    height:36px;
    cursor:pointer;
    position:absolute;
    background:url("../img/p5-right.png") no-repeat center;
}
.p5-left:hover{
    background:url("../img/p5-left2.png") no-repeat center;
}
.p5-right:hover{
    background:url("../img/p5-right2.png") no-repeat center;
}
.p5 .main .btn{
    margin:50px auto 0;
    width:252px;
    height:50px;
    line-height:50px;
    display:block;
    font-size:18px;
    text-align:center;
    color:#999999;
    border:1px solid #999999;
    border-radius:24px;
    transition:0.4s;
}
.p5 .main .btn:hover{
    color:#ffffff;
    background:#999999;
    transition:0.4s;
}
.p6 .box{
    width:500px;
    height:520px;
    background:#ffffff;
    position:relative;
    box-shadow: 0 5px 20px #edf5f7;
}
.p6 .box{
    width:500px;
    height:520px;
    background:#ffffff;
    position:relative;
    box-shadow: 0 5px 20px #edf5f7;
}
.p6 .tab-btn{
    top:231px;
    left:77px;
    width:463px;
    height:100px;
    background:#ffffff;
    position:relative;
    box-shadow: 0 5px 20px #edf5f7;
}
.p6 .tab-btn li{
    float:left;
    width:115px;
    height:100px;
    cursor:pointer;
    border-right:1px solid #f2f2f2;
}
.p6 .tab-btn li.last{
    border-right:none;
}
.p6 .tab-btn li.tag1{
    background:url("../img/p6-tag1-1.png") no-repeat center 24px;
}
.p6 .tab-btn li.tag2{
    background:url("../img/p6-tag2-1.png") no-repeat center 24px;
}
.p6 .tab-btn li.tag3{
    background:url("../img/p6-tag3-1.png") no-repeat center 24px;
}
.p6 .tab-btn li.tag4{
    background:url("../img/p6-tag4-1.png") no-repeat center 24px;
}
.p6 .tab-btn li.act.tag1{
    background:url("../img/p6-tag1-2.png") no-repeat center 24px;
}
.p6 .tab-btn li.act.tag2{
    background:url("../img/p6-tag2-2.png") no-repeat center 24px;
}
.p6 .tab-btn li.act.tag3{
    background:url("../img/p6-tag3-2.png") no-repeat center 24px;
}
.p6 .tab-btn li.act.tag4{
    background:url("../img/p6-tag4-2.png") no-repeat center 24px;
}
.p6 .tab-btn li p{
    margin-top:67px;
    font-size:13px;
    text-align:center;
    color:#aaaaaa;
}
.p6 .tab-btn li.act p{
    color:#4c97ce;
}
.tab-txt{
    top:75px;
    left:82px;
    width:355px;
    height:150px;
    overflow:hidden;
    position:absolute;
}
.tab-txt div{
    width:355px;
    height:150px;
    position:absolute;
    transition:0.2s;
}
.tab-txt div.d1{
    top:0;
    left:-355px;
}
.tab-txt div.d2{
    top:-150px;
    left:0;
}
.tab-txt div.d3{
    top:0;
    left:355px;
}
.tab-txt div.d4{
    top:150px;
    left:0;
}
.tab-txt div.act{
    top:0;
    left:0;
    transition:0.8s;
}
.tab-txt h2{
    font-size:24px;
    line-height:24px;
    color:#4c97ce;
}
.tab-txt p{
    margin-top:16px;
    line-height:26px;
    color:#666666;
}
.tab-img{
    top:60px;
    left:500px;
    width:500px;
    height:460px;
    overflow:hidden;
    position:absolute;
}
.tab-img img{
    top:460px;
    left:0;
    width:500px;
    height:460px;
    display:block;
    position:absolute;
    transition:0.8s;
}
.tab-img img.i1{
    top:0;
    left:-500px;
}
.tab-img img.i2{
    top:-460px;
    left:0;
}
.tab-img img.i3{
    top:0;
    left:500px;
}
.tab-img img.i4{
    top:460px;
    left:0;
}
.tab-img img.act{

    top:0;
    left:0;
    transition:0.8s;
}
.p6 .btn{
    top:386px;
    left:79px;
    width:161px;
    height:43px;
    line-height:43px;
    text-indent:21px;
    display:block;
    color:#4c97ce;
    position:absolute;
    background:url("../img/p6-jt.png") no-repeat 125px center;
    border:1px solid #4c97ce;
    transition:0.8s;
}
.p6 .btn:hover{
    left:100px;
    transition:0.8s;
}
.p7.bg{
    padding:0;
    height:840px;
    background:url("../img/p7-bg.jpg") no-repeat center;
}
.p7 .main{
    position:relative;
}
#teacher{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:600px;
    position:absolute;
    overflow:hidden;
}
#teacher .swiper-slide .box{
    width:100%;
    position:relative;
}
#teacher .swiper-slide .box .img{
    margin-top:77px;
    width:100%;
    height:250px;
    overflow:hidden;
}
#teacher .swiper-slide .box h2{
    margin-top:30px;
    font-size:22px;
    line-height:22px;
    color:#ffffff;
    text-align:center;
}
#teacher .swiper-slide .box h3{
    margin-top:11px;
    font-size:14px;
    line-height:14px;
    color:#6997cb;
    text-align:center;
}
#teacher .swiper-slide.act .box h3{
    font-size:16px;
    font-weight: 900;
}
#teacher .swiper-slide .box p{
    padding:0 20px;
    margin-top:12px;
    font-size:14px;
    line-height:24px;
    color:#718eae;
    display:none;
    text-align:center;
}
/*#teacher .swiper-slide .box a{
    margin:20px auto 0;
    width:108px;
    height:17px;
    display:none;
    background:url("../img/p7-link.png") no-repeat center;
}*/
#teacher .swiper-slide .shaw{
    top:0;
    left:0;
    width:100%;
    height:250px;
    position:absolute;
    background:rgba(82,102,120,0.8);
}
#teacher .swiper-slide.act .box .img{
    margin-top:0;
    height:384px;
    transition:0.4s;
    box-shadow: #4f5252 0 0 30px;
    position: relative;
    z-index: 20;
}
#teacher .swiper-slide.act .box p{
    display:block;
}

#teacher .swiper-slide.act .shaw{
    background:none;
}
.teacher_link{
    margin:10px auto 0;
    height:30px;
    display:none;
    text-align: center;
}
.teacher_link a{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #ff5500;
    background: url("../img/p7-link.png") no-repeat;
}
#teacher .swiper-slide.act .box .teacher_link{
    display:block;
}
.teacher_link a:hover{
    background: url("../img/p7-link.png") no-repeat left bottom;
}
.teacher_link .a1{
    background-position:0 top;
}
.teacher_link .a2{
    background-position:-30px top;
}
.teacher_link .a3{
    background-position:-60px top;
}
.teacher_link .a4{
    background-position:-90px top;
}
.teacher_link .a1:hover{
    background-position:0 bottom;
}
.teacher_link .a2:hover{
    background-position:-30px bottom;
}
.teacher_link .a3:hover{
    background-position:-60px bottom;
}
.teacher_link .a4:hover{
    background-position:-90px bottom;
}
.p7-left{
    top:184px;
    left:-60px;
    width:52px;
    height:36px;
    display:none;
    cursor:pointer;
    z-index:999999;
    position:absolute;
    background:url("../img/p5-left.png") no-repeat center;
}
.p7-right{
    top:184px;
    right:-60px;
    width:52px;
    height:36px;
    display:none;
    cursor:pointer;
    position:absolute;
    z-index:999999;
    background:url("../img/p5-right.png") no-repeat center;
}
.p7-left:hover{
    background:url("../img/p5-left2.png") no-repeat center;
}
.p7-right:hover{
    background:url("../img/p5-right2.png") no-repeat center;
}
.p7 .main:hover .p7-left{
    display:block;
}
.p7 .main:hover .p7-right{
    display:block;
}
.p8{
    border:1px solid #f2f2f2;
}
.p8 ul{
    width:1100px;
}
.p8 ul li{
    margin-right:22px;
    float:left;
    width:234px;
    height:400px;
    box-shadow: 0 5px 30px #ffffff;
    transition:0.4s;
}
.p8 ul li.act{
    box-shadow: 0 5px 30px #deebf1;
    transition:0.4s;
}
.p8 ul li.tag1{
    background:url("../img/p8-img1-1.png") no-repeat center 45px #fbfbfb;
}
.p8 ul li.tag2{
    background:url("../img/p8-img2-1.png") no-repeat center 45px #fbfbfb;
}
.p8 ul li.tag3{
    background:url("../img/p8-img3-1.png") no-repeat center 45px #fbfbfb;
}
.p8 ul li.tag4{
    background:url("../img/p8-img4-1.png") no-repeat center 45px #fbfbfb;
}
.p8 ul li.act.tag1{
    background:url("../img/p8-img1-2.png") no-repeat center 45px #ffffff;
}
.p8 ul li.act.tag2{
    background:url("../img/p8-img2-2.png") no-repeat center 45px #ffffff;
}
.p8 ul li.act.tag3{
    background:url("../img/p8-img3-2.png") no-repeat center 45px #ffffff;
}
.p8 ul li.act.tag4{
    background:url("../img/p8-img4-2.png") no-repeat center 45px #ffffff;
}
.p8 ul li h2{
    margin-top:178px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    text-align:center;
    transition:0.4s;
}
.p8 ul li.act h2{
    color:#4c97ce;
    transition:0.4s;
}
.p8 ul li h3{
    margin-top:14px;
    font-size:16px;
    line-height:16px;
    text-align:center;
    transition:0.4s;
}
.p8 ul li.act h3{
    color:#4c97ce;
    transition:0.4s;
}
.p8 ul li p{
    margin-top:20px;
    padding:0 15px;
    line-height:24px;
    transition:0.4s;
    color:#999999;
}
.p8 ul li a{
    margin:34px auto 0;
    width:81px;
    height:21px;
    line-height:21px;
    font-size:13px;
    color:#ffffff;
    text-align:center;
    display:block;
    background:#333333;
    border-radius:11px;
    transition:0.4s;
}
.p8 ul li.act a{
    background:#4c97ce;
}
.p9{
    padding:0;
    overflow:hidden;
}
.p9 .main{
    height:490px;
    position:relative;
}
#student{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:490px;
    position:absolute;
}
#student .img{
    width:312px;
    height:240px;
    position:absolute;
    overflow:hidden;
}
#student .img img{
    width:312px;
    height:240px;
    display:block;
}
#student .img.i1{
    top:0;
    left:0;
}
#student .img.i2{
    top:0;
    left:322px;
}
#student .img.i3{
    top:250px;
    left:0;
}
#student .img.i4{
    top:250px;
    left:322px;
}
#student .img2{
    top:0;
    left:644px;
    width:312px;
    height:490px;
    position:absolute;
    overflow:hidden;
}
#student .img2 img{
    width:312px;
    height:490px;
    display:block;
}
#student .img.i6{
    top:0;
    left:966px;
}
#student .img.i7{
    top:0;
    left:1288px;
}
#student .img.i8{
    top:0;
    left:1610px;
}
#student .img.i9{
    top:250px;
    left:966px;
}
#student .img.i10{
    top:250px;
    left:1288px;
}
#student .img.i11{
    top:250px;
    left:1610px;
}
#student .img .info{
    top:240px;
    left:0;
    width:312px;
    height:240px;
    position:absolute;
    overflow:hidden;
    background:#4c97ce;
    background:rgba(76,151,206,0.9);
    transition:0.4s;
}
#student .img:hover .info{
    top:0;
    transition:0.4s;
}
#student .img .info h2{
    margin-top:70px;
    color:#ffffff;
    font-size:16px;
    text-align:center;
    line-height:16px;
}
#student .img .info h3{
    margin-top:14px;
    color:#ffffff;
    font-size:16px;
    text-align:center;
    line-height:16px;
}
#student .img .info h4{
    margin-top:22px;
    color:#ffffff;
    font-size:40px;
    text-align:center;
    line-height:40px;
    font-weight:bold;
}
#student .img2 .info{
    top:490px;
    left:0;
    width:312px;
    height:490px;
    position:absolute;
    overflow:hidden;
    background:#4c97ce;
    background:rgba(76,151,206,0.9);
    transition:0.4s;
}
#student .img2:hover .info{
    top:0;
    transition:0.4s;
}
#student .img2 .info h2{
    margin-top:200px;
    color:#ffffff;
    font-size:16px;
    text-align:center;
    line-height:16px;
}
#student .img2 .info h3{
    margin-top:14px;
    color:#ffffff;
    font-size:16px;
    text-align:center;
    line-height:16px;
}
#student .img2 .info h4{
    margin-top:22px;
    color:#ffffff;
    font-size:40px;
    text-align:center;
    line-height:40px;
    font-weight:bold;
}
@media(max-width: 1400px){
    #student .img.i1 ,#student .img.i3, #student .img.i8 ,#student .img.i11{
        display: none;
    }
}



.p9 ul{
    padding:32px 0;
    width:100%;
}
.p9 ul li{
    float:left;
    width:20%;
    height:88px;
    background:url("../img/p9-line.jpg") no-repeat left center;
}
.p9 ul li.first{
    background:none;
}
.p9 ul li h2{
    margin-top:16px;
    font-size:25px;
    line-height:25px;
    text-align:center;
    position:relative;
}
.p9 ul li h2 b{
    padding:0 5px;
    font-size:40px;
    font-weight:normal;
    vertical-align: -6px;
}
.p9 ul li h2 span{
    top:0;
    font-size:12px;
    line-height:12px;
    position:absolute;
    color:#939393;
}
.p9 ul li p{
    margin-top:16px;
    font-size:12px;
    line-height:12px;
    text-align:center;
    color:#939393;
}
.p10.bg{
    padding:0;
    height:504px;
    background:url("../img/p10-bg.jpg") no-repeat center;
}
.p10 form{
    position:relative;
}
.p10 .title{padding-top: 30px;padding-bottom: 0;}
.p10 a{
    top:254px;
    left:268px;
    width:156px;
    height:42px;
    font-size:16px;
    color:#ffffff;
    line-height:42px;
    text-align:center;
    display:block;
    position:absolute;
    background:#4c97ce;
    border-radius:3px;
}
.p10 form input[type='submit']{
    top:254px;
    left:533px;
    width:198px;
    height:42px;
    font-size:16px;
    color:#ffffff;
    cursor:pointer;
    line-height:42px;
    text-align:center;
    display:block;
    position:absolute;
    background:#f13900;
    border-radius:3px;
    border:none;
}







.footer{
    height:80px;
    line-height:80px;
    text-align:center;
    background:#191919;
}
.footer p{
    color:#999999;
}