@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;}
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;
}
body{
    overflow-x:hidden;
}
.fixed{
    top:0;
    position:fixed;
}
.main{
    margin:0 auto;
    width:1144px;
}
.wrap{
    margin:0 auto;
    width:100%;
    max-width:1920px;
    min-width:1144px;
    overflow:hidden;
}
.main{
    margin:0 auto;
    width:1144px;
}
.header{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:100px;
    overflow:hidden;
    position:absolute;
    z-index:999;
    background:#131d79;
    background:rgba(19,29,121,0.3);
}
.header .logo{
    margin-top:29px;
    margin-left:119px;
    padding-right:12px;
    float:left;
    width:144px;
    height:43px;
    display:block;
    border-right:1px dashed #ffffff;
}
.header .logo-text{
    margin-left:12px;
    float:left;
    margin-top:29px;
    line-height:22px;
    font-size:20px;
    color:#ffffff;
}
.header .phone{
    margin-top:35px;
    margin-right:119px;
    float:right;
    padding-left:36px;
    line-height:30px;
    font-size:24px;
    color:#ffffff;
    background:url("../img/phone.png") no-repeat left center;
}
.content{
    width:100%;
}


.banner1{
    width:100%;
    height:1000px;
    position:relative;
}
#banner{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:1000px;
    position:absolute;
}
#banner div.img{
    width:100%;
    height:1000px;
    background:url("../img/banner2.jpg") no-repeat center;
}
#banner div.imgzz{
    width:100%;
    height:1000px;
    background:url("../img/bannerzz.jpg") no-repeat center;
}
.banner1 .pagination {
    width:100%;
    bottom:38px;
    z-index:99999;
    text-align:center;
    position:absolute;
}
.banner1 .swiper-pagination-switch {
    width:9px;
    height:9px;
    margin:0 5px;
    display:inline-block;
    border-radius:100%;
    background:#fff;
    cursor:pointer;
    transition:0.2s;
}
.banner1 .swiper-active-switch {
    margin:1.5px 5px ;
    width:45px;
    height:6px;
    background:#22ffd6;
    border-radius:3px;
    transition:0.2s;
}
.banner{
    width:100%;
    height:1000px;
    position:relative;
    overflow:hidden;
    background:url("../img/banner.jpg") no-repeat center;
}
.banner .dian1{
    top:189px;
    left:67px;
    width:124px;
    height:152px;
    display:block;
    position:absolute;
    animation:2s dian1 infinite linear;
}
.banner .dian2{
    top:628px;
    right:57px;
    width:158px;
    height:146px;
    display:block;
    position:absolute;
    animation:2s dian2 infinite linear;
}
.banner .yuan{
    top:-60px;
    left:50%;
    margin-left:-618px;
    width:1236px;
    height:1236px;
    display:block;
    position:absolute;
    animation:15s zhuan infinite linear;
}
@keyframes zhuan{
    0%{transform:rotate(360deg)}
    100%{transform:rotate(0deg)}
}
.banner .yuan1{
    top:-60px;
    left:50%;
    margin-left:-620px;
    width:1240px;
    height:1240px;
    display:block;
    position:absolute;
    animation:5s zhuan1 infinite linear;
}
@keyframes zhuan1{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.banner .yuan2{
    top:210px;
    left:50%;
    margin-left:-350px;
    width:700px;
    height:700px;
    display:block;
    position:absolute;
    animation:25s zhuan infinite linear;
}
.banner .yuan3{
    top:315px;
    left:50%;
    margin-left:-245px;
    width:490px;
    height:490px;
    display:block;
    position:absolute;
    animation:35s zhuan1 infinite linear;
}
.banner .yuan4{
    top:265px;
    left:50%;
    margin-left:-295px;
    width:590px;
    height:590px;
    display:block;
    position:absolute;
    animation:25s zhuan infinite linear;
}
.banner .txt{
    top:370px;
    left:50%;
    margin-left:-475px;
    width:950px;
    height:362px;
    display:block;
    position:absolute;
}
.banner .btn{
    top:787px;
    left:50%;
    margin-left:-185px;
    width:370px;
    height:95px;
    font-size:38px;
    font-weight:bold;
    color:#5d63fe;
    line-height:95px;
    display:block;
    text-align:center;
    position:absolute;
    background:#fff000;
    border-radius:45px;
    animation:1.5s btn1 infinite ease-in-out;
    border-bottom:10px solid #ddd000;
}
@keyframes btn1 {
    0%{top:787px;border-bottom:10px solid #ddd000;}
    50%{top:797px;border-bottom:0 solid #ddd000;}
    100%{top:787px;border-bottom:10px solid #ddd000;}
}
@media screen and (max-width:1400px) {
    .banner{
        height:700px;
    }
    .banner .dian1{
        top:132.2px;
        left:46.9px;
        width:86.8px;
        height:106.4px;
    }
    .banner .dian2{
        top:439.6px;
        right:39.9px;
        width:110.6px;
        height:102.2px;
    }
    .banner .yuan{
        top:-42px;
        margin-left:-432.6px;
        width:865.2px;
        height:865.2px;
    }
    .banner .yuan1{
        top:-42px;
        margin-left:-434px;
        width:868px;
        height:868px;
    }
    .banner .yuan2{
        top:147px;
        margin-left:-245px;
        width:490px;
        height:490px;
    }
    .banner .yuan3{
        top:220.5px;
        margin-left:-171.5px;
        width:343px;
        height:343px;
    }
    .banner .yuan4{
        top:185.5px;
        margin-left:-206.5px;
        width:413px;
        height:413px;
    }
    .banner .txt{
        top:259px;
        margin-left:-332.5px;
        width:665px;
        height:253.4px;
    }
    .banner .btn{
        top:550.9px;
        margin-left:-129.5px;
        width:259px;
        height:66.5px;
        font-size:26.6px;
        line-height:66.5px;
        border-radius:31.5px;
        border-bottom:7px solid #ddd000;
    }
    @keyframes btn1 {
        0%{top:550.9px;border-bottom:10px solid #ddd000;}
        50%{top:557.9px;border-bottom:0 solid #ddd000;}
        100%{top:550.9px;border-bottom:10px solid #ddd000;}
    }
    .banner1{
        height:700px;
    }
    #banner{
        height:700px;
    }

    #banner div.img{
        height:700px;
        background:url("../img/banner2.jpg") no-repeat center;
    }
    #banner div.img{
        height:700px;
        background:url("../img/bannerzz.jpg") no-repeat center;
    }
}
.title{
    padding:60px 0 50px;
    height:44px;
}
.title h2{
    margin-top:-10px;
    font-weight:bold;
    font-size:40px;
    line-height:40px;
    color:#5d63fe;
    text-align:center;
}
.title.t1{
    background:url("../img/title-t1.png") no-repeat center 60px;
}
.title.t1 h2{
    background:url("../img/title-line1.png") no-repeat center;
}
.title.t2{
    background:url("../img/title-t2.png") no-repeat center 60px;
}
.title.t2 h2{
    background:url("../img/title-line2.png") no-repeat center;
}
.title.t3{
    background:url("../img/title-t3.png") no-repeat center 60px;
}
.title.t3 h2{
    background:url("../img/title-line3.png") no-repeat center;
}
.title.t4{
    background:url("../img/title-t4.png") no-repeat center 60px;
}
.title.t4 h2{
    color:#ffffff;
    background:url("../img/title-line4.png") no-repeat center;
}
.title.t5{
    background:url("../img/title-t5.png") no-repeat center 60px;
}
.title.t5 h2{
    background:url("../img/title-line5.png") no-repeat center;
}
.title.t6{
    background:url("../img/title-t6.png") no-repeat center 60px;
}
.title.t6 h2{
    background:url("../img/title-line6.png") no-repeat center;
}
.title.t7{
    background:url("../img/title-t7.png") no-repeat center 60px;
}
.title.t7 h2{
    background:url("../img/title-line7.png") no-repeat center;
}
.title.t8{
    background:url("../img/title-t8.png") no-repeat center 60px;
}
.title.t8 h2{
    background:url("../img/title-line8.png") no-repeat center;
}
.p1 .box{
    margin:0 auto;
    width:1000px;
    height:602px;
    position:relative;
    background:url("../img/p1-box.png") no-repeat;
}
.p1 .box ul{
    top:35px;
    right:60px;
    position:absolute;
    background:url("../img/p1-line.png") no-repeat center 55px;
}
.p1 .box ul li{
    cursor:pointer;
    margin-bottom:105px;
}
.p1 .box ul li .tag{
    margin:0 auto;
    width:21px;
    height:20px;
    background:url("../img/p1-tag1.png") no-repeat center;
}
.p1 .box ul li.act .tag{
    background:url("../img/p1-tag2.png") no-repeat center;
}
.p1 .box ul li p{
    margin-top:8px;
    font-size:18px;
    font-weight:bold;
    line-height:18px;
    color:#9091a8;
    text-align:center;
}
.p1 .box ul li.act p{
    color:#5d63fe;
}
.p1 .tab{
    top:46px;
    left:58px;
    width:710px;
    height:485px;
    overflow:hidden;
    position:absolute;
}
.p1 .info{
    top:485px;
    width:710px;
    height:485px;
    position:absolute;
    background:#ffffff;
    transition:0.6s;
}
.p1 .info.act{
    top:0;
    transition:0.4s;
}
.p1 .info .tit{
    width:100%;
    line-height:42px;
}
.p1 .info .tit.t1{
    background:url("../img/p1-tit1.png") no-repeat;
}
.p1 .info .tit.t2{
    background:url("../img/p1-tit2.png") no-repeat;
}
.p1 .info .tit.t3{
    background:url("../img/p1-tit3.png") no-repeat;
}
.p1 .info .tit.t4{
    background:url("../img/p1-tit4.png") no-repeat;
}
.p1 .info .tit h3{
    margin-left:10px;
    padding-left:50px;
    font-size:30px;
    font-weight:bold;
    line-height:42px;
    color:#30327c;
    background:url("../img/p1-line2.png") no-repeat left center;
}
.p1 .info p{
    margin-top:22px;
    margin-left:40px;
    font-size:20px;
    line-height:24px;
    color:#9091a8;
}
.p1 .info img{
    display:block;
}
.p1 .info img.img1{
    margin-top:60px;
    margin-left:40px;
}
.p1 .info img.img2{
    margin-top:35px;
    margin-left:40px;
}
.p1 .info img.img3{
    margin-top:36px;
    margin-left:40px;
}
.p1 .info img.img4{
    margin-top:60px;
    margin-left:40px;
}
.part .btn{
    margin:50px auto 0;
    width:370px;
    height:95px;
    line-height:95px;
    font-size:36px;
    font-weight:bold;
    display:block;
    text-align:center;
    color:#5d63fe;
    background:#ffd85d;
    border-radius:42px;
}
.p2{
    height:730px;
    background:url("../img/p2-bg.png") no-repeat center 60px;
}
.p2 .main{
    height:520px;
    overflow:hidden;
}
.p2 ul{
    margin-left:130px;
    margin-top:100px;
    width:884px;
    background:#d2d3db;
}
.p2 ul li{
    margin-right:1px;
    margin-bottom:1px;
    float:left;
    width:220px;
    height:160px;
    background:#ffffff;
}
.p2 ul li img{
    margin:0 auto;
    margin-top:30px;
    display:block;
}
.p2 ul li p{
    margin-top:24px;
    font-size:24px;
    line-height:24px;
    text-align:center;
    color:#30327c;
}
.p3{
    padding-bottom:50px;
}
.p3 ul{
    margin-left:120px;
    width:1200px;
}
.p3 ul li{
    margin-right:30px;
    float:left;
    width:320px;
    height:200px;
    overflow:hidden;
    border-radius:4px;
    box-shadow:0 0 5px 2px #f4f4ff;
}
.p3 ul li.tag1{
    background:url("../img/p3-tag1.jpg") no-repeat top left #ffffff;
}
.p3 ul li.tag2{
    background:url("../img/p3-tag2.jpg") no-repeat top left #ffffff;
}
.p3 ul li.tag3{
    background:url("../img/p3-tag3.jpg") no-repeat top left #ffffff;
}
.p3 ul li.tag4{
    background:url("../img/p3-tag4.jpg") no-repeat top left #ffffff;
}
.p3 ul li.tag5{
    background:url("../img/p3-tag5.jpg") no-repeat top left #ffffff;
}
.p3 ul li.tag6{
    background:url("../img/p3-tag6.jpg") no-repeat top left #ffffff;
}
.p3 ul li h2{
    margin-top:29px;
    margin-left:108px;
    padding-bottom:10px;
    font-size:20px;
    line-height:20px;
    color:#30327c;
    background:url("../img/p3-line.png") no-repeat left bottom ;
}
.p3 ul li p{
    margin-top:14px;
    margin-left:108px;
    font-size:14px;
    line-height:24px;
    color:#9091a8;
}
.p4{
    background:url("../img/p4-bg.jpg") no-repeat center top;
}
.p4 .main{
    position:relative;
}
.p4 .imac{
    margin-left:130px;
    width:640px;
    height:520px;
    overflow:hidden;
    background:url("../img/imac.png") no-repeat center;
}
.p4 .tab2{
    margin-top:24px;
    margin-left:23px;
    width:595px;
    height:340px;
    overflow:hidden;
    position:relative;
}
.p4 .tab2 img{
    top:340px;
    left:0;
    width:595px;
    height:340px;
    position:absolute;
    transition:0.6s;
}
.p4 .tab2 img.act{
    top:0;
    transition:0.4s;
}
.p4 ul{
    top:88px;
    left:840px;
    position:absolute;
}
.p4 ul li{
    margin-bottom:30px;
    padding-left:58px;
    line-height:30px;
    font-size:20px;
    cursor:pointer;
    color:#ffffff;
}
.p4 ul li.tag1{
    background:url("../img/p4-tag1.png") no-repeat left center;
}
.p4 ul li.tag2{
    background:url("../img/p4-tag2.png") no-repeat left center;
}
.p4 ul li.tag3{
    background:url("../img/p4-tag3.png") no-repeat left center;
}
.p4 ul li.tag4{
    background:url("../img/p4-tag4.png") no-repeat left center;
}
.p4 ul li.act{
    transform:scale(1.1);
    transition:0.2s;
}
.p5 .main{
    position:relative;
}
.teacher{
    margin-top:50px;
    width:100%;
    height:450px;
    background:#f6f6f6;
}
#th{
    top:50px;
    right:10px;
    width:150px;
    height:350px;
    overflow:hidden;
    position:absolute;
}
#th .swiper-wrapper{
    height:350px;
}
#th .swiper-slide{
    width:150px;
    height:150px;
    overflow:hidden;
}
#th img{
    width:150px;
    height:130px;
    display:block;
}
#th .swiper-slide.swiper-slide-active img{
    width:140px;
    height:120px;
    overflow:hidden;
    border:5px solid #5d63fe;
}
.p5 .top{
    top:20px;
    right:75px;
    width:20px;
    height:10px;
    cursor:pointer;
    position:absolute;
    background:url("../img/p5-top.png") no-repeat center;
}
.p5 .bottom{
    top:420px;
    right:75px;
    width:20px;
    height:10px;
    cursor:pointer;
    position:absolute;
    background:url("../img/p5-bottom.png") no-repeat center;
}
.p5 .th-info{
    left:0;
    top:-50px;
    width:960px;
    height:550px;
    overflow:hidden;
    position:relative;
}
.p5 .th-info img{
    top:0;
    left:120px;
    position:absolute;
}
.p5 .th-info img.img2{
    left:90px;
}
.p5 .th-info img.img3{
    left:105px;
}
.p5 .th-info img.img4{
    left:130px;
}
.p5 .th-info img.img5{
    left:95px;
}
.p5 .th-info .txt{
    top:10px;
    left:490px;
    width:434px;
    height:396px;
    position:absolute;
    background:url("../img/p5-txt.png") no-repeat center;
    overflow:hidden;
}
.p5 .th-info .txt h2{
    margin-left:54px;
    margin-top:50px;
    padding-bottom:11px;
    font-size:24px;
    line-height:24px;
    background:url("../img/p5-line.png") no-repeat left bottom;
}
.p5 .th-info .txt p{
    margin-left:54px;
    margin-top:18px;
    width:350px;
    font-size:18px;
    line-height:30px;
    color:#a1a2b5;
}
.p5 .th-info .th{
    left:-960px;
    position:absolute;
    transition:0.6s;
}
.p5 .th-info .th.act{
    left:0;
    transition:0.6s;
}
.p5 .btn{
    margin:70px auto 0;
}
.p6 ul{
    margin-left:120px;
    width:1100px;
}
.p6 ul li{
    margin-bottom:30px;
    float:left;
    width:524px;
    height:250px;
    box-shadow:0 0 5px 1px #f3f3ff;
}
.p6 ul li img{
    float:left;
    width:250px;
    height:250px;
}
.p6 ul li .info{
    float:left;
    margin-top:26px;
    margin-left:37px;
    background:url("../img/p6-tag.jpg") no-repeat center 87px;
}
.p6 ul li .info p{
    font-size:20px;
    line-height:24px;
    color:#9091a8;
}
.p6 ul li .info p span{
    color:#6067ff;
}
.p6 ul li .info a{
    margin:95px auto 0;
    width:150px;
    height:35px;
    font-size:24px;
    color:#ffffff;
    line-height:35px;
    text-align:center;
    display:block;
    background:#5d63fe;
    border-radius:16px;
}
.p6 ul li.li1{
    width:500px;
}
.p6 ul li.li2{
    margin-right:24px;
    width:500px;
    height:250px;
}
.p6 ul li.li2 img{
    float:right;
}
.p7{
    background:url("../img/p7-bg.jpg") no-repeat center 50px;
}
.p7 .main{
    height:530px;
    position:relative;
}
.p7 img{
    display:block;
    position:absolute;
    transition:0.4s;
}
.p7 img.img1{
    top:50px;
    left:136px;
}
.p7 img.img2{
    top:50px;
    left:506px;
}
.p7 img.img3{
    top:300px;
    left:506px;
}
.p7 img.img4{
    top:300px;
    left:817px;
}
.p7 img:hover{
    transform:scale(0.9);
    transition:0.6s;
}
.p8{
    background:url("../img/p8-bg.png") no-repeat center 125px;
}
.p8 .main{
    height:710px;
    position:relative;
}
.p8 img{
    display:block;
    position:absolute;
}
.p8 img.img1{
    top:148px;
    left:214px;
    animation:2s wp1 infinite linear;
}
.p8 img.img2{
    top:278px;
    left:138px;
    z-index:5;
    animation:2s wp2 infinite linear;
}
.p8 img.img3{
    top:374px;
    left:366px;
    z-index:3;
    animation:2s wp1 infinite linear;
}
.p8 img.img4{
    top:95px;
    left:562px;
    animation:2s wp2 infinite linear;
}
.p8 img.img5{
    top:289px;
    left:544px;
    animation:2s wp1 infinite linear;
}
.p8 img.img6{
    top:133px;
    left:870px;
    animation:2s wp2 infinite linear;
}
.p8 img.img7{
    top:387px;
    left:738px;
    animation:2s wp1 infinite linear;
}
@keyframes wp1{
    0%{transform:scale(1)}
    50%{transform:scale(0.9)}
    100%{transform:scale(1)}
}
@keyframes wp2{
    0%{transform:scale(0.9)}
    50%{transform:scale(1)}
    100%{transform:scale(0.9)}
}
.p9{
    height:652px;
    background:url("../img/p9-bg.jpg") no-repeat center;
}
.p9 h2{
    padding:40px;
    font-size:34px;
    line-height:60px;
    font-weight:bold;
    text-align:center;
    color:#ffffff;
    text-shadow:5px 5px 5px #4249c5;
}
.p9 h2 span{
    font-size:45px;
    color:#fff000;
}
.p9 form{
    margin-left:320px;
}
.p9 form input[type="text"]{
    margin-bottom:30px;
    padding:0 20px 0 100px;
    width:350px;
    height:65px;
    line-height:65px;
    font-size:18px;
    color:#ffffff;
    display:block;
    border:1px solid #ffffff;
    border-radius:8px;
}
.p9 form input.name{
    background:url("../img/form-name.png") no-repeat 18px center;
}
.p9 form input.phone{
    background:url("../img/form-phone.png") no-repeat 18px center;
}
.p9 form input.yz{
    background:url("../img/form-yz.png") no-repeat 18px center;
}
input::-webkit-input-placeholder {
    color:#ffffff;
    font-size:18px;
}
.yz{
    position:relative;
}
.yz-btn{
    left:330px;
    top:13px;
    width:120px;
    height:40px;
    font-size:18px;
    color:#5d63fe;
    cursor:pointer;
    text-align:center;
    line-height:40px;
    display:block;
    position:absolute;
    background:#ffffff;
}
.p9 .submit{
    margin-top:44px;
    margin-left:50px;
    width:370px;
    height:95px;
    line-height:95px;
    font-size:40px;
    color:#5d63fe;
    font-weight:bold;
    display:block;
    background:#fff000;
    border-radius:46px;
    border:none;
}
.footer{
    width:100%;
    line-height:80px;
    background:#000000;
}
.footer p{
    color:#ffffff;
    text-align:center;
}