@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:#676767;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0;}
b{font-weight:normal}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* 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;
}
.wrap{
    width:100%;
    max-width:1920px;
    min-width:1000px;
    position:relative;
    overflow:hidden;
}
.header{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:150px;
    z-index:50;
    overflow:hidden;
    position:absolute;
}
.header .main{
    margin:0 auto;
    width:1200px;
}
.header .top{
    width:100%;
    height:100px;
    overflow:hidden;
}
.header .top .logo{
    margin-top:32px;
    margin-left:25px;
    float:left;
    width:114px;
    height:34px;
    display:block;
}
.header .top ul.nav{
    margin-top:43px;
    margin-left:60px;
    float:left;
}
.header .top ul.nav li{
    float:left;
    width:110px;
    line-height:16px;
}
.header .top ul.nav li{
    position:relative;
}
.header .top ul.nav li span{
    top:5px;
    right:30px;
    width:9px;
    height:8px;
    display:block;
    position:absolute;
    transform:rotate(180deg);
    background:url("../img/nav-jt.png") no-repeat center;
    animation:0.8s jt linear infinite;
}
.header .top ul.nav li.act span{
    transform:rotate(0deg);
    animation:0.8s jt2 linear infinite;
}
@keyframes jt {
    0%{top:2px;}
    100%{top:8px;}
}
@keyframes jt2 {
    0%{top:8px;}
    100%{top:2px;}
}
.header .top ul.nav li a{
    font-size:16px;
    color:#ffffff;
    cursor:pointer;
    text-align:center;
}
.header .top .phone{
    margin-top:38px;
    margin-left:25px;
    padding-left:34px;
    float:left;
    height:26px;
    line-height:26px;
    font-size:16px;
    color:#ffffff;
    background:url("../img/phone.png") no-repeat left;
}
.header .bottom{
    width:100%;
    height:50px;
    background:rgba(255,255,255,0.2);
    overflow:hidden;
}
.header .bottom ul{
    margin-top:16px;
    margin-left:150px;
    line-height:16px;
}
.header .bottom ul li{
    float:left;
    width:110px;
    font-size:16px;
    color:#ffffff;
    text-align:center;
    border-left:1px solid #ffffff;
}
.header .bottom ul li.first{
    border-left:none;
    text-align:left;
}
.header .bottom ul li.last{
    width:60px;
}
.header .bottom ul li a{
    font-size:16px;
    color:#ffffff;
}
.content{
    width:100%;
}
.banner{
    width:100%;
    height:600px;
    position:relative;
}
.banner #banner{
    width:100%;
    height:600px;
}
.banner #banner .swiper-slide{
    position:relative;
    overflow:hidden;
}
.banner #banner img{
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:600px;
    display:block;
    position:absolute;
}
.banner .pagination {
    bottom:20px;
    width:100%;
    z-index:20;
    text-align:center;
    position:absolute;
}
.banner .swiper-pagination-switch {
    margin:0 5px;
    width:40px;
    height:5px;
    cursor:pointer;
    display:inline-block;
    background:#000000;
    border:2px solid #ffffff;
}
.banner .swiper-active-switch {
    background:#ea1d45;
}
/*.banner .banner_btn p{font-size: 28px;color: #0f072c;background: #ffcc00;width: 170px;height: 42px;text-align: center;margin-top: 3px;margin-left: 3px;}
*/
@keyframes antop{
	0%{
		margin-top:0px;
	}
	50%{
		margin-top:6px;
	}
	100%{
		margin-top:0px;
	}
}

@keyframes cir {
    0%{transform:rotate(360deg);}
    100%{transform:rotate(0deg);}
}


.content .part{
    overflow:hidden;
}
.content .part .main{
    margin:0 auto;
    width:1000px;
}
.content .part .title{
    padding:60px 0;
    text-align:center;
}
.content .part .title h2{
    padding-bottom:20px;
    font-size:38px;
    line-height:38px;
    color:#000000;
}
.content .part .title.t1 h2{
    background:url("../img/title1.png") no-repeat center bottom;
}
.content .part .title.t2 h2{
    background:url("../img/title2-2.png") no-repeat center bottom;
}
.content .part .title.t3 h2{
    background:url("../img/title3-2.png") no-repeat center bottom;
}
.content .part .title.t4 h2{
    background:url("../img/title4.png") no-repeat center bottom;
}
.content .part .title.t5 h2{
    background:url("../img/title5.png") no-repeat center bottom;
}
.content .part .title.t6 h2{
    background:url("../img/title6.png") no-repeat center bottom;
}
.content .part .title.t7 h2{
    background:url("../img/title7.png") no-repeat center bottom;
}
.content .part .title.t8 h2{
    background:url("../img/title8.png") no-repeat center bottom;
}
.content .part .title.t9 h2{
    background:url("../img/title9.png") no-repeat center bottom;
}
.content .part .title.t10 h2{
    background:url("../img/title10.png") no-repeat center bottom;
}
.content .part .title.t11 h2{
    background:url("../img/title11.png") no-repeat center bottom;
}
.content .part .title h2 span{
    font-size:38px;
    line-height:38px;
    color:#f31e48;
}
.content .part .title h3{
    margin-top:16px;
    font-size:24px;
    line-height:24px;
    text-align:center;
    color:#000000;
}
.content .part .title.c2 h2{
    padding-bottom:20px;
    font-size:38px;
    line-height:38px;
    color:#ffffff;
}
.content .part .title.c2 h3{
    color:#ffffff;
}
.p1 .ctn{
    margin-left:78px;
    width:829px;
    height:439px;
    overflow:hidden;
    background:url("../img/p1-img.png") no-repeat center;
}
.p1 .ctn .vedio{
    margin-top:10px;
    margin-left:19px;
    width:800px;
    height:410px;
    display:block;
}
.part-btn{
    margin:60px auto;
    width:351px;
    height:63px;
    line-height:63px;
    font-size:24px;
    color:#ffffff;
    text-align:center;
    display:block;
    background:url("../img/part-btn.png") no-repeat center;
}
.p2{
    background:#161525;
}
.p2 .line{
    background:url("../img/p2-line3.gif") no-repeat center 0;
    animation:1s line linear infinite;
}
@keyframes line {
    0%{background:url("../img/p2-line3.gif") no-repeat center 0;}
    50%{background:url("../img/p2-line3.gif") no-repeat center 10px;}
    100%{background:url("../img/p2-line3.gif") no-repeat center 0;}
}
.p2 .main{
    height:540px;
    position:relative;
    background:url("../img/p2-img.png") no-repeat 240px 390px;
    animation:1.5s round linear infinite;
}
@keyframes round {
    0%{background:url("../img/p2-img.png") no-repeat 240px 390px;}
    50%{background:url("../img/p2-img.png") no-repeat 240px 385px;}
    100%{background:url("../img/p2-img.png") no-repeat 240px 390px;}
}
#stu{
    margin:0 auto;
    width:571px;
    height:400px;
    overflow:hidden;
    display:none;
}
.stu-title{
    margin:0 auto;
    width:571px;
    height:42px;
    background:url("../img/stu-title.png") no-repeat center;
}
.stu-title h2{
    color:#ffffff;
    font-size:24px;
    line-height:24px;
    text-align:center;
}
.stu-title h2 span{
    color:#f81747;
}
.stu-img{
    margin:18px auto 0;
    width:560px;
    height:330px;
    position:relative;
    background:url("../img/stu-img.png") no-repeat center;
}
.stu-img img{
    top:20px;
    left:10px;
    width:540px;
    height:300px;
    position:absolute;
}
.carousel {
    perspective: 350px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.carousel > * {
    flex: 0 0 auto;
}
.carousel figure {
    margin: 0;
    width: 570px;
    height:390px;
    transform-style: preserve-3d;
    transition: transform 0.5s;
}
.carousel figure img {
    margin-top:8px;
    width: 570px;
    height:382px;
    box-sizing: border-box;
    padding: 0 0;
}
.carousel figure img:not(:first-of-type) {
    position: absolute;
    left: 0;
    top: 0;
}
.carousel nav {
    display: flex;
    justify-content: center;
    margin: 20px 0 0;
}
.carousel nav button {
    flex: 0 0 auto;
    margin: 0 5px;
    cursor: pointer;
    background: url("../img/p10-left.png") no-repeat center;
    border:none;
    letter-spacing: 1px;
    width:52px;
    height:52px;
}
.carousel nav button.prev{
    background: url("../img/p2-left.png") no-repeat center;
}
.carousel nav button.next{
    background: url("../img/p2-right.png") no-repeat center;
}
.p3{
    background:#161525;
}
.p3 .main{
    height:644px;
    position:relative;
    background:url("../img/p3-img-2.png") no-repeat center;
}
#p3-ul{
    top:58px;
    left:24px;
    position:absolute;
}
#p3-ul li{
    margin-bottom:30px;
    width:160px;
    height:57px;
    font-size:28px;
    color:#f81747;
    line-height:57px;
    text-align:center;
    cursor:pointer;
    position:relative;
    background:#ffffff;
    border-radius:4px;
    box-shadow:2px 2px 2px #cbcdd1;
}
#p3-ul li.act{
    color:#ffffff;
    background:#f81747;
}
#p3-ul li span{
    top:23px;
    right:15px;
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    background:url("../img/p3-tag.png") no-repeat;
}
#p3-ul:hover li span{
    display:none;
}
#p3-img{
    top:112px;
    left:250px;
    width:722px;
    height:492px;
    position:absolute;
    overflow:hidden;
}
#p3-img div{
    top:0;
    left:722px;
    width:722px;
    height:492px;
    position:absolute;
    transition:0.5s;
}
#p3-img div.act{
    left:0;
    transition:0.5s;
}
#p3-img div.img1{
    background:url("../img/p3-img1-2.jpg") no-repeat center;
}
#p3-img div.img2{
    background:url("../img/p3-img2-2.jpg") no-repeat center;
}
#p3-img div.img3{
    background:url("../img/p3-img3-2.jpg") no-repeat center;
}
#p3-img div.img4{
    background:url("../img/p3-img4-2.jpg") no-repeat center;
}
#p3-img div.img5{
    background:url("../img/p3-img5-2.jpg") no-repeat center;
}
#p3-img div.img6{
    background:url("../img/p3-img6-2.jpg") no-repeat center;
}

.p4 .p4-box1{
    float:left;
    width:682px;
}
.p4 .p4-box1 h2{
    margin-bottom:21px;
    width:100%;
    font-size:24px;
    line-height:50px;
    color:#ffffff;
    text-align:center;
    background:#f81747;
}
.p4 .p4-box1 ul{
    width:690px;
}
.p4 .p4-box1 ul li{
    margin-bottom:8px;
    margin-right:8px;
    float:left;
    width:130px;
    height:90px;
    cursor:pointer;
    background:url("../img/p4-img.png");
    transition:0.5s;
}
.p4 .p4-box1 ul li p{
    font-size:18px;
    line-height:90px;
    text-align:center;
    color:#f81747;
}
.p4 .p4-box1 ul li h3{
    margin-top:12px;
    font-size:18px;
    line-height:24px;
    text-align:center;
    color:#f81747;
}
.p4 .p4-box1 ul li h4{
    margin-top:24px;
    font-size:18px;
    line-height:22px;
    text-align:center;
    color:#f81747;
}
.p4 .p4-box1 ul li.act{
    background:url("../img/p4-img-act.png");
    transition:0.5s;
}
.p4 .p4-box1 ul li.act p{
    color:#ffffff;
}
.p4 .p4-box1 ul li.act h3{
    color:#ffffff;
}
.p4 .p4-box1 ul li.act h4{
    color:#ffffff;
}
.p4 .p4-box2{
    width:260px;
    float:right;
}
.p4 .p4-box2 h2{
    margin-bottom:21px;
    width:100%;
    font-size:24px;
    line-height:50px;
    color:#ffffff;
    text-align:center;
    background:#676767;
}
.p4 .p4-box2 ul{
    padding-top:50px;
    width:260px;
    height:138px;
    background:url("../img/p4-img2.png") no-repeat center top;
}
.p4 .p4-box2 ul li{
    margin-left:27px;
    font-size:18px;
    line-height:30px;
    color:#ffffff;
}
.p5{
    padding-bottom:60px;
    overflow:hidden;
}
.p5 .mac{
    margin:0 auto;
    width:755px;
    height:645px;
    position:relative;
    background:url("../img/p5-mac.png") no-repeat center;
}
.p5 .mac ul{
    top:159px;
    left:41px;
    position:absolute;
}
.p5 .mac ul li{
    margin-right:9px;
    float:left;
    width:161px;
    height:128px;
    cursor:pointer;
}
.p5 .mac ul li.tag1{
    background:url("../img/p5-tag1.jpg") no-repeat center;
}
.p5 .mac ul li.tag2{
    background:url("../img/p5-tag2.jpg") no-repeat center;
}
.p5 .mac ul li.tag3{
    background:url("../img/p5-tag3.jpg") no-repeat center;
}
.p5 .mac ul li.tag4{
    background:url("../img/p5-tag4.jpg") no-repeat center;
}
.p5 .link{
    top:368px;
    right:45px;
    width:164px;
    height:39px;
    position:absolute;
    background:url("../img/p5-link.png") no-repeat center;
}
.wd{
    top:700px;
    left:50%;
    margin-left:-502px;
    width:1004px;
    height:664px;
    position:absolute;
    background:url("../img/p5-wd.png") no-repeat center;
    transition:0.2s;
    overflow:hidden;
}
.wd.act{
    top:28px;
    transition:0.5s;
}
.wd img{
    top:100px;
    left:180px;
    display:none;
    position:absolute;
}
.wd img.act{
    display:block;
}
.wd .close{
    top:32px;
    right:32px;
    width:15px;
    height:17px;
    cursor:pointer;
    position:absolute;
    background:url("../img/p5-close.png") no-repeat center;
}
.p6{
    background:#161525;
}
.p6 .main{
    height:600px;
    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:30px;
    line-height:30px;
    color:#f81747;
    text-align:center;
}
#teacher .swiper-slide .box h3{
    margin-top:12px;
    font-size:24px;
    line-height:24px;
    color:#f81747;
    text-align:center;
}
#teacher .swiper-slide .box p{
    padding:0 20px;
    margin-top:8px;
    font-size:18px;
    line-height:30px;
    color:#ffffff;
    display:none;
    text-align:center;
}
#teacher .swiper-slide .shaw{
    top:0;
    left:0;
    width:100%;
    height:250px;
    position:absolute;
    background:rgba(0,0,0,0.2);
}
#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/p6-link.png") no-repeat;
}
#teacher .swiper-slide.act .box .teacher_link{
    display:block;
}
.teacher_link a:hover{
    background: url("../img/p6-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;
}
.p6-left{
    top:500px;
    left:250px;
    width:52px;
    height:36px;
    cursor:pointer;
    z-index:999999;
    position:absolute;
    background:url("../img/p6-left.png") no-repeat center;
}
.p6-right{
    top:500px;
    right:250px;
    width:52px;
    height:36px;
    cursor:pointer;
    position:absolute;
    z-index:999999;
    background:url("../img/p6-right.png") no-repeat center;
}
.p6-left:hover{
    background:url("../img/p6-left2.png") no-repeat center;
}
.p6-right:hover{
    background:url("../img/p6-right2.png") no-repeat center;
}
.p6 .main:hover .p7-left{
    display:block;
}
.p6 .main:hover .p7-right{
    display:block;
}
.p7 ul{
    width:1044px;
}
.p7 ul li{
    margin-right:40px;
    margin-bottom:33px;
    float:left;
    width:308px;
}
.p7 ul li h2{
    width:100%;
    font-size:20px;
    line-height:35px;
    color:#ffffff;
    text-align:center;
    background:#f81747;
}
.p7 ul li .box{
    padding-top:20px;
    margin-top:9px;
    position:relative;
    overflow:hidden;
}
.p7 ul li .box.b1{
    width:308px;
    height:315px;
    background:url("../img/p7-box1.png") no-repeat center;
}
.p7 ul li .box.b2{
    width:308px;
    height:429px;
    background:url("../img/p7-box2.png") no-repeat center;
}
.p7 ul li .box .tag{
    top:0;
    right:6px;
    width:122px;
    height:37px;
    color:#f81747;
    text-indent:37px;
    line-height:25px;
    position:absolute;
    background:url("../img/p7-tag1.png") no-repeat center;
    animation:2s tag ease-out infinite;
}
@keyframes tag{
    0%{background:url("../img/p7-tag1.png") no-repeat center;color:#f81747;}
    50%{background:url("../img/p7-tag2.png") no-repeat center;color:#ffffff;}
    100%{background:url("../img/p7-tag1.png") no-repeat center;color:#f81747;}
}
.p7 ul li .box h3{
    margin-top:10px;
    margin-left:16px;
    padding-left:15px;
    line-height:16px;
    font-size:16px;
    background:url("../img/p7-jt.png") no-repeat left center;
}
.p7 ul li .box p{
    margin-top:6px;
    margin-left:34px;
   line-height:25px;
}
.p7 ul li .box p span{
    color:#f81747;
}
.p8{
    height:1000px;
    background:url("../img/p8-bg.jpg") no-repeat center bottom #161525;
}
.p8 ul{
    margin-left:158px;
}
.p8 ul li{
    margin-right:18px;
    float:left;
    width:121px;
    height:51px;
    line-height:51px;
    text-align:center;
    cursor:pointer;
    background:url("../img/p8-li.png") no-repeat center;
}
.p8 ul li a{
    color:#ffffff;
    font-size:18px;
}
.p8 ul li.act{
    background:url("../img/p8-li-act.png") no-repeat center;
}
.p8-img{
    margin:40px auto 0;
    width:681px;
    height:384px;
    overflow:hidden;
    position:relative;
    animation:1s img infinite linear;
    border:1px solid #e91745;
    box-shadow:0 0 3px 3px #e91745;
}
@keyframes img{
    0%{margin:30px auto 0;opacity:1}
    50%{margin:40px auto 0;opacity:0.8}
    100%{margin:30px auto 0;opacity:1}
}
#p8img{
    width:681px;
    height:384px;
    overflow:hidden;
}
#p8img img{
    width:681px;
    height:384px;
}
.p9 ul{
    margin-left:4px;
    width:1024px;
}
.p9 ul li{
    margin-right: 28px;
    float: left;
    width: 312px;
}
.p9 ul li img{
    width:312px;
    height:311px;
}
.p9 ul li p{
    margin-top:27px;
    font-size:22px;
    line-height:22px;
    text-align:center;
}
.p10{
    height:798px;
    background:url("../img/p10-bg.jpg") no-repeat center;
}
.poster-main{
    position:relative;
    margin:0 auto;
}
.poster-main .poster-list .poster-item{
    position:absolute;
    left:0;
    top:0;
}
.poster-main .poster-btn{
    position:absolute;
    top:0;
    cursor:pointer;
}
.poster-main .poster-prev-btn{
    left:-150px;
    background:url("../img/p10-left.png") no-repeat center center;
}
.poster-main .poster-next-btn{
    right:-150px;
    background:url("../img/p10-right.png") no-repeat center center;
}
.p10 .main{
    padding-bottom:30px;
}
.p11{
    background:#161525;
}
.p11 ul{
    margin-left:45px;
    width:1002px;
}
.p11 ul li{
    margin-right:47px;
    float:left;
    width:272px;
    height:320px;
    position:relative;
    background:url("../img/p11-bl.png") no-repeat center top;
}
.p11 ul li span{
    top:14px;
    left:9px;
    width:255px;
    height:169px;
    display:block;
    position:absolute;
    background:url("../img/p11-bb.png") no-repeat center;
    animation:1s span linear infinite;
}
@keyframes span {
    0%{opacity:1;}
    50%{opacity:0;}
    100%{opacity:1;}
}
.p11 ul li p{
    top:0;
    left:0;
    width:100%;
    font-size:30px;
    line-height:198px;
    color:#ffffff;
    text-align:center;
    position:absolute;
}
.p11 ul li a{
    margin:220px auto 0;
    width:151px;
    height:43px;
    font-size:24px;
    line-height:40px;
    color:#ffffff;
    text-align:center;
    display:block;
    background:url("../img/p11-link.png") no-repeat center;
}
.footer{
    width:100%;
    padding-bottom:70px;
    height:170px;
    background:#090910;
    overflow:hidden;
}
.footer p{
    margin-top:50px;
    color:#ffffff;
    line-height:24px;
    font-size:18px;
    text-align:center;
}
.submit-box{
    bottom:0;
    width:100%;
    height:70px;
    position:fixed;
    z-index:9999;
    background:#222222;
    background:rgba(0,0,0,0.8);
}
.submit-box p{
    margin-left:100px;
    margin-top:8px;
    margin-right:25px;
    font-size:18px;
    color:#ffffff;
    float:left;
}
.submit-box p span{
    font-size:16px;
    color:#e91745;
    float:left;
}
.submit-box form input[type="text"]{
    margin-right:10px;
    margin-top:20px;
    width:150px;
    height:30px;
    text-indent:10px;
    line-height:30px;
    color:#ffffff;
    background:none;
    border:1px solid #ffffff;
}
.submit-box form input[type="submit"]{
    margin-top:15px;
    width:150px;
    height:40px;
    text-align:center;
    line-height:40px;
    background:#e91745;
    border:none;
    cursor:pointer;
    border-radius:4px;
    color:#ffffff;
    font-size: 20px;
}
@media screen and (max-width:1366px){ 
	#form_add .text{width:94px;height:42px;}
}