@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:#444444;}
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{
    margin:0 auto;
    width:100%;
}
.wrap{
    margin:0 auto;
    width:100%;
    max-width:1920px;
    min-width:1000px;
    overflow:hidden;
}
.header{
    top:0;
    width:100%;
    max-width:1920px;
    min-width:1200px;
    z-index:999;
    height:80px;
    position:absolute;
    background:rgba(0,0,0,0.3);
}
.logo{
    margin-left:80px;
    margin-top:20px;
    float:left;
    width:148px;
    height:43px;
}
.logo-text{
    margin-left:12px;
    margin-top:20px;
    float:left;
    height:45px;
    padding-left:10px;
    border-left:1px solid #ffffff;
}
.logo-text p{
    font-size:16px;
    line-height:22px;
    color:#ffffff;
}
.nav{
    float:left;
    margin-top:30px;
    position:relative;
    margin-left: 90px;
}
.nav-act{
    top:26px;
    width:28px;
    height:4px;
    background:#ffffff;
    border-radius:10px;
    display:block;
    transition:0.5s;
    position:absolute;
}
.nav li{
    float:left;
    width:36px;
    padding-bottom:8px;
    height:18px;
    margin-right:48px;
    line-height: 18px;
    color: #ffffff;
    cursor: pointer;
}
.nav li a{
    font-size:16px;
    line-height:18px;
    color:#ffffff;
}
.phone{
    margin-right:187px;
    margin-top:23px;
    padding-left:35px;
    float:right;
    font-size:18px;
    color:#ffffff;
    background:url("../img/phone.png") no-repeat left center;
    height: 30px;
    line-height: 30px;
}
.content{
    margin:0 auto;
    width:100%;
}
.main{
    margin:70px auto 0;
    width:1000px;
}

.banner{
    width:100%;
    height:650px;
    position:relative;
}
#banner{
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:650px;
    position:absolute;
}
.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom:5px;
    width: 100%;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #ffffff;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-active-switch {
    background: #2cb1b5;
}
@keyframes btn {
    0%{  transform:scale(0);  opacity: 1;  filter:alpha(opacity=100);}
    50%{  transform:scale(1);  opacity: 0;  filter:alpha(opacity=0);}
}
@keyframes btn2 {
    0%{  transform:scale(0);  opacity: 0;  filter:alpha(opacity=0);}
    50%{  transform:scale(0);  opacity: 1;  filter:alpha(opacity=100);}
    100%{  transform:scale(1);  opacity: 0;  filter:alpha(opacity=0);}
}

.part{
    margin:0 auto;
    width:100%;
}
.p3 .title{padding-top: 0;}
.title{
    margin:0 auto;
    padding-top:56px;
    /*padding-bottom:50px;*/
    text-align:center;
}
.title h2{
    padding-bottom:18px;
    font-size:43px;
    line-height:43px;
    font-weight:bold;
    background:url("../img/title-line.png") no-repeat  center bottom;
}
.title h2 span{
    color:#2cb1b5;
}
.title p{
    margin-top:14px;
    font-size:18px;
    line-height:18px;
}
.title.c2 h2{
    color:#ffffff;
}
.title.c2 p{
    color:#ffffff;
}

.p3{
	padding-top: 50px;
	background: #f1f2f2;
}
.p1,.add2{padding-bottom: 80px;}
.p1 .list{width: 968px;height: 582px;background: url(../img/com.png) no-repeat;margin: 34px auto 0;overflow: hidden;}
.p1 .mart{margin-top: 150px;}
.p1 .list h3{font-size: 20px;color: #505050;line-height: 30px;}

.p1 .roll{width: 394px;height: 30px;overflow: hidden;background: linear-gradient(to right,#35b1b4,#20c4c9);border-radius: 0 30px 30px 0;margin-left: 13px;position: relative;}
.p1 .roll img{position: absolute;left:-150%;top: 0;animation: roll 7s linear infinite;}
.p1 .shape{margin: 11px 8px 0;}
.p1 p{font-size: 20px;line-height: 30px;color: #20c4c9;}
.p1 .roll1{width: 90px;}
.p1 .roll1 img{left: -600%;}
.p1 .roll2{width: 310px;}
.p1 .roll2 img{left: -200%;}
.p1 .roll3{width: 170px;}
.p1 .roll3 img{left: -350%;}
.p1 .roll4{width: 244px;}
.p1 .roll4 img{left: -250%;}
.p1 .clearfix{margin-bottom: 22px;margin-left: 176px;}
.add{background: #f1f2f2;padding-bottom: 50px;}

.add .table{width: 1004px;margin: 50px auto 0;}
.add .table p{color: #fff;font-size: 30px;text-align: center;width: 172px;height: 50px;line-height: 50px;background: #20c4c9;border-radius: 40px;margin:32px auto 0;}

.add2 .tab2{width: 1000px;margin: 50px auto 0;}
.add2 .tab2 li{width: 304px;height: 348px;border: 1px solid #35b1b4;text-align: center;margin-right: 34px;}
.add2 .tab2 li.last{margin-right: -34px;}
.add2 .tab2 li img{margin-top: 22px;}
.tab2 li h3{font-size: 28px;color: #20c4c9;margin: 14px 0;}
.tab2 li p{font-size: 22px;color: #505050;}
.tab2 li i{display: inline-block;font-style: normal;padding: 0 12px;border-left: 2px solid #505050;}
.tab2 li i.two{border-right: 2px solid #505050;}
.tab2 li p.bot{line-height: 40px;margin-top: 10px;}

.tab2 li a{width: 176px;height: 58px;border-radius: 10px;background: linear-gradient(to right,#34b2b5,#20c4c9);color: #fff;line-height: 58px;font-size: 28px;display: block;margin: 16px auto;}

/*.add2 .tab2 .con{width: 100%;height: 166px;background: #f1f2f2;border-radius: 20px;margin-bottom: 20px;}
.add2 .tab2 .con div{width: 780px;height: 126px;background: #fff;margin-top: 20px;margin-left: 34px;border-radius: 16px;position: relative;}



.tab2 .con div h3{font-size: 30px;color: #20c4c9;margin: 18px 0 0 26px;}
.tab2 .con div i,.tab2 .con div p{font-size: 24px;color: #505050;}
.tab2 .con div i{display: inline-block;font-style: normal;padding: 0 12px;border-left: 2px solid #505050;}
.tab2 .con div .one{margin-left: 34px;}
.tab2 .con div p{margin: 16px 0 0 26px;}
.tab2 .con div a{width: 176px;height: 80px;border-radius: 10px;background: linear-gradient(to right,#34b2b5,#20c4c9);color: #fff;line-height: 80px;position: absolute;right: 20px;top: 20px;font-size: 30px;text-align: center;}*/

@keyframes roll{
	0%{
		transform: translateX(0%);
	}
	100%{
		transform: translateX(50%);
	}
}
.p2{
    height:1110px;
    background:url("../img/p2-bg.jpg") no-repeat center top;
}
.p2 .main{
    height:680px;
    position:relative;
}
.p2 .iphone{
    top:0;
    left:50%;
    margin-left:-180px;
    width:360px;
    height:750px;
    position:absolute;
    background:url("../img/iphone.png") no-repeat center top;
}
.p2 .iphone .img{
    top: 72px;
    left: 57px;
    width: 247px;
    height: 437px;
    position: absolute;
    overflow: hidden;
}
.p2 .iphone .img img{
    margin:0 auto;
    width:0;
    height:0;
    display:block;
    transition:0.8s;
}
.p2 .iphone .img img.act{
    width:100%;
    height:100%;
    transition:0.8s;
}
.p2 ul li{
    width:254px;
    height:76px;
    cursor:pointer;
    position:absolute;
    transition:0.4s;
    border:1px solid rgba(0,0,0,0);
}
.p2 ul li .img{
    margin-top:6px;
    width:63px;
    height:63px;
}
.p2 ul li.li1 .img{
    margin-right:9px;
    float:right;
}
.p2 ul li.li2 .img{
    margin-left:9px;
    margin-right:39px;
    float:left;
}
.p2 ul li.info{
    float:left;
}
.p2 ul li h2{
    margin-top:15px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    color:#ffffff;
}
.p2 ul li p{
    margin-top:13px;
    font-size:16px;
    line-height:16px;
    color:#ffffff;
}
.p2 ul li.li1 h2{
    margin-left:16px;
}
.p2 ul li.li1 p{
    margin-left:16px;
}
.p2 ul li.t1{
    top:40px;
    left:65px;
}
.p2 ul li.t2{
    top:146px;
    left:65px;
}
.p2 ul li.t3{
    top:252px;
    left:65px;
}
.p2 ul li.t4{
    top:358px;
    left:65px;
}
.p2 ul li.t5{
    top:464px;
    left:65px;
}
.p2 ul li.t6{
    top:40px;
    right:65px;
}
.p2 ul li.t7{
    top:146px;
    right:65px;
}
.p2 ul li.t8{
    top:252px;
    right:65px;
}
.p2 ul li.t9{
    top:358px;
    right:65px;
}
.p2 ul li.t10{
    top:464px;
    right:65px;
}
.p2 ul li.t1 .img{
    background:url("../img/p2-tag1.png") no-repeat center;
}
.p2 ul li.t2 .img{
    background:url("../img/p2-tag2.png") no-repeat center;
}
.p2 ul li.t3 .img{
    background:url("../img/p2-tag3.png") no-repeat center;
}
.p2 ul li.t4 .img{
    background:url("../img/p2-tag4.png") no-repeat center;
}
.p2 ul li.t5 .img{
    background:url("../img/p2-tag5.png") no-repeat center;
}
.p2 ul li.t6 .img{
    background:url("../img/p2-tag6.png") no-repeat center;
}
.p2 ul li.t7 .img{
    background:url("../img/p2-tag7.png") no-repeat center;
}
.p2 ul li.t8 .img{
    background:url("../img/p2-tag8.png") no-repeat center;
}
.p2 ul li.t9 .img{
    background:url("../img/p2-tag9.png") no-repeat center;
}
.p2 ul li.t10 .img{
    background:url("../img/p2-tag10.png") no-repeat center;
}
.p2 ul li.act{
    transition:0.8s;
}
.p2 ul li.act.t1{
    border:1px solid #ff8403;
}
.p2 ul li.act.t2{
    border:1px solid #1d77da;
}
.p2 ul li.act.t3{
    border:1px solid #f6be18;
}
.p2 ul li.act.t4{
    border:1px solid #c81622;
}
.p2 ul li.act.t5{
    border:1px solid #f9bd07;
}
.p2 ul li.act.t6{
    border:1px solid #f37a21;
}
.p2 ul li.act.t7{
    border:1px solid #dd1121;
}
.p2 ul li.act.t8{
    border:1px solid #fdd100;
}
.p2 ul li.act.t9{
    border:1px solid #feefb7;
}
.p2 ul li.act.t10{
    border:1px solid #31b1e8;
}
.p2 ul li.act.t1 .img{
    background:url("../img/p2-tag1-2.png") no-repeat center;
}
.p2 ul li.act.t2 .img{
    background:url("../img/p2-tag2-2.png") no-repeat center;
}
.p2 ul li.act.t3 .img{
    background:url("../img/p2-tag3-2.png") no-repeat center;
}
.p2 ul li.act.t4 .img{
    background:url("../img/p2-tag4-2.png") no-repeat center;
}
.p2 ul li.act.t5 .img{
    background:url("../img/p2-tag5-2.png") no-repeat center;
}
.p2 ul li.act.t6 .img{
    background:url("../img/p2-tag6-2.png") no-repeat center;
}
.p2 ul li.act.t7 .img{
    background:url("../img/p2-tag7-2.png") no-repeat center;
}
.p2 ul li.act.t8 .img{
    background:url("../img/p2-tag8-2.png") no-repeat center;
}
.p2 ul li.act.t9 .img{
    background:url("../img/p2-tag9-2.png") no-repeat center;
}
.p2 ul li.act.t10 .img{
    background:url("../img/p2-tag10-2.png") no-repeat center;
}
.p2 .btn{
    margin:0 auto;
    width:280px;    
    height:54px;
    display:block;
    font-size:18px;
    line-height:54px;
    color:#2cb1b5;
    text-align:center;
    overflow:hidden;
    border-radius:5px;
    position:relative;
    background:#000000;
    background:rgba(0,0,0,0.2);
    border:1px solid #2cb1b5;
    transition:0.2s;
}
.p2 .btn:after {
    content: "";
    top:0;
    bottom:0;
    margin:auto;
    width:400px;
    width: 0px \9;
    height:400px;
    left:-60px;
    opacity:0;
    filter:alpha(opacity=0);
    border-radius:100%;
    position:absolute;
    background:#23d1d7;
    background:#000000 \9;
    transform:scale(1);
    animation:3s btn ease-out infinite;
}
.p2 .btn:hover{
    color:#000000;
    background:#23d1d7;
    transition:0.4s;
}
.p3 ul{
    width:1050px;
}
.p3 ul li{
    margin-right:35px;
    float:left;
}
.p3 .box{
    margin-bottom:66px;
    width:310px;
    height:377px;
    border:2px solid #2cb1b5;
    border-radius:6px;
    overflow:hidden;
    transition:0.8s;
}
.p3 .box .img{
    margin:6px;
    width:298px;
    height:266px;
    transition:0.4s;
}
.p3 .box .img.t1{
    background:url("../img/p3-img1.jpg") no-repeat center;
}
.p3 .box .img.t2{
    background:url("../img/p3-img2.jpg") no-repeat center;
}
.p3 .box .img.t3{
    background:url("../img/p3-img3.jpg") no-repeat center;
}
.p3 .box .img.t4{
    background:url("../img/p3-img4.jpg") no-repeat center;
}
.p3 .box .img.t5{
    background:url("../img/p3-img5.jpg") no-repeat center;
}
.p3 .box .img.t6{
    background:url("../img/p3-img6.jpg") no-repeat center;
}
.p3 .box h2{
    margin-top:25px;
    padding-bottom:9px;
    font-size:24px;
    font-weight:bold;
    line-height:24px;
    text-align:center;
    background:url("../img/p3-line.png") no-repeat bottom center;
}
.p3 .box p{
    padding:0 15px;
    margin-top:12px;
    font-size:14px;
    line-height:22px;
    height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.p3 .box.big{
    height:421px;
    transition:0.4s;
}
.p3 .box.small{
    height:333px;
    transition:0.4s;
}
.p3 .box.small .img{
    height:222px;
    transition:0.4s;
}
.p3 .box.big p{
    height:auto;
    overflow:auto;
    white-space:normal;
}
.p3 .main{
    padding-bottom:60px;
}
.p4{
    height:674px;
    background:url("../img/p4-bg.jpg") no-repeat center top;
}
.p4 ul{
    /*margin-top:66px;*/
    width:1008px;
}
.p4 ul li{
    margin-right:8px;
    float:left;
    width:244px;
    height:450px;
    text-align:center;
    transition:0.4s;
    overflow:hidden;
}
.p4 ul li.t1{
    background:url("../img/p4-tag1.png") no-repeat center 100px;
}
.p4 ul li.t2{
    background:url("../img/p4-tag2.png") no-repeat center 100px;
}
.p4 ul li.t3{
    background:url("../img/p4-tag3.png") no-repeat center 100px;
}
.p4 ul li.t4{
    background:url("../img/p4-tag4.png") no-repeat center 100px;
}
.p4 ul li h2{
    padding-top:160px;
    font-size:30px;
    font-weight:bold;
    color:#ffffff;
}
.p4 ul li.t1 h2{
    text-shadow:2px 2px 2px #1a8ae5;
}
.p4 ul li.t2 h2{
    text-shadow:2px 2px 2px #b91d02;
}
.p4 ul li.t3 h2{
    text-shadow:2px 2px 2px #cf8502;
}
.p4 ul li.t4 h2{
    text-shadow:2px 2px 2px #308100;
}
.p4 ul li p{
    padding-top:85px;
    font-size:18px;
    height:0;
    line-height:36px;
    color:#ffffff;
    overflow:hidden;
}
.p4 ul li a{
    margin:12px auto 0;
    width:187px;
    height:0;
    font-size:16px;
    line-height:36px;
    color:#ffffff;
    text-align:center;
    display:block;
    border-radius:4px;
    overflow:hidden;
    position:relative;
}
.p4 ul li.t1 a{
    background:#009fe6;
}
.p4 ul li.t2 a{
    background:#fc3f04;
}
.p4 ul li.t3 a{
    background:#face04;
}
.p4 ul li.t4 a{
    background:#6bea00;
}
.p4 ul li a:after{
    content: "";
    top:0;
    bottom:0;
    margin:auto;
    width:400px;
    height:400px;
    left:-106.5px;
    opacity:0;
    filter:alpha(opacity=0);
    border-radius:100%;
    position:absolute;
    background:#ffffff;
    transform:scale(1);
    animation:2s btn ease-out infinite;
}
.p4 ul li.t1 a:after{
    background:#009fe6 \9;
}
.p4 ul li.t2 a:after{
    background:#fc3f04 \9;
}
.p4 ul li.t3 a:after{
    background:#face04 \9;
}
.p4 ul li.t4 a:after{
    background:#6bea00 \9;
}
.p4 ul li:hover{
    transition:0.4s;
}
.p4 ul li.t1:hover{
    background:url("../img/p4-tag1-2.png") no-repeat center;
}
.p4 ul li.t2:hover{
    background:url("../img/p4-tag2-2.png") no-repeat center;
}
.p4 ul li.t3:hover{
    background:url("../img/p4-tag3-2.png") no-repeat center;
}
.p4 ul li.t4:hover{
    background:url("../img/p4-tag4-2.png") no-repeat center;
}
.p4 ul li:hover h2{
    display:none;
}
.p4 ul li:hover p{
    height:auto;
}
.p4 ul li:hover a{
    height:36px;
}
.p5{
    height:1174px;
    background:url("../img/p5-bg.jpg") no-repeat center top;
}
.p5 .main{
    height:850px;
}
.p5 ul{
    margin-top:55px;
    position:relative;
}
.p5 ul li{
    position:absolute;
}
.p5 ul li .app{
    width:379px;
    height:266px;
    position:relative;
    background:url("../img/p5-sd.png") no-repeat center bottom;
    background-size:379px 266px;
    transition:0.4s;
}
.p5 ul li .app img{
    top:-25px;
    left:5px;
    position:absolute;
    transition:0.4s;
}
.p5 ul li.t1{
    top:0;
    left:0;
}
.p5 ul li.t2{
    top:0;
    left:327px;
}
.p5 ul li.t3{
    top:0;
    left:647px;
}
.p5 ul li.t4{
    top:273px;
    left:0;
}
.p5 ul li.t5{
    top:273px;
    left:327px;
}
.p5 ul li.t6{
    top:273px;
    left:647px;
}
.p5 ul li.t7{
    top:546px;
    left:0;
}
.p5 ul li.t8{
    top:546px;
    left:327px;
}
.p5 ul li.t9{
    top:546px;
    left:647px;
}
.p5 ul li:hover .app{
    background-size:341px 239px;
    transition:0.4s;
}
.p5 ul li:hover .app img{
    top:-55px;
    transition:0.4s;
}
.p5 a.btn{
    margin:0 auto;
    width:280px;
    height:54px;
    font-size:18px;
    color:#ffffff;
    line-height:54px;
    text-align:center;
    display:block;
    background:#2cb1b5;
    border-radius:4px;
    border:1px solid #ffffff;
    position:relative;
    overflow:hidden;
}
.p5 a.btn:after,.add a.btn:after {
    content: "";
    top:0;
    bottom:0;
    margin:auto;
    width:400px;
    width: 0px \9;
    height:400px;
    left:-60px;
    opacity:0;
    filter:alpha(opacity=0);
    border-radius:100%;
    position:absolute;
    background:#ffffff;
    background:#2cb1b5 \9;
    transform:scale(1);
    animation:3s btn ease-out infinite;
}
.p6{
    height:1026px;
    background:url("../img/p6-bg.jpg") no-repeat center top;
}
.p6 ul{
    width:1110px;
}
.p6 ul li{
    margin-right:110px;
    margin-bottom:20px;
    float:left;
    width:258px;
    height:291px;
    position:relative;
    background:rgba(255,255,255,0.06);
    border:1px solid #2cb1b5;
    overflow:hidden;
    transition:0.2s;
}
.p6 ul li img{
    margin:24px auto 40px;
    width:112px;
    height:112px;
    display:block;
    transform:rotate(0deg);
    transition:0.4s;
}
.p6 ul li h2{
    font-size:30px;
    font-weight:bold;
    line-height:30px;
    color:#ffffff;
    text-align:center;
}
.p6 ul li p{
    padding:0 20px;
    margin-top:15px;
    font-size:16px;
    line-height:28px;
    color:#ffffff;
}
.p6 ul li:hover{
    background:#2cb1b5;
    background:rgba(44,177,181,0.1);
    transition:0.4s;
}
.p6 ul li:hover img{
    transform:rotate(360deg);
    transition:1s;
}
.p6 a.btn{
    margin:58px auto 0;
    width:280px;
    height:54px;
    font-size:18px;
    color:#ffffff;
    line-height:54px;
    text-align:center;
    display:block;
    background:#2cb1b5;
    border-radius:4px;
    border:1px solid #ffffff;
    position:relative;
    overflow:hidden;
}
.p6 a.btn:after {
    content: "";
    top:0;
    bottom:0;
    margin:auto;
    width:400px;
    width: 0px \9;
    height:400px;
    left:-60px;
    opacity:0;
    filter:alpha(opacity=0);
    border-radius:100%;
    position:absolute;
    background:#ffffff;
    background:#2cb1b5 \9;
    transform:scale(1);
    animation:3s btn ease-out infinite;
}
.p7{
    padding-bottom:80px;
}
.p7 .main{
    position:relative;
}
.p7 .img{
    width:415px;
    height:570px;
    overflow:hidden;
    position:relative;
    background:url("../img/p7-img.png") no-repeat center;
}
.p7 .img img{
    left:-415px;
    position:absolute;
    transition:0.8s;
}
.p7 .img img.act{
    left:0;
    transition:0.8s;
}
.p7 .info{
    top:0;
    right:0;
    width:580px;
    height:300px;
    overflow:hidden;
    position:absolute;
    background:url("../img/p7-line.png") no-repeat center bottom;
}
.p7 .txt{
    top:-310px;
    width:580px;
    height:300px;
    position:absolute;
    transition:0.8s;
}
.p7 .txt.act{
    top:0;
    display:block;
    transition:0.8s;
}
.p7 .txt h2{
    font-size:36px;
    font-weight:bold;
    line-height:36px;
}
.p7 .txt h2 span{
    padding-left:24px;
    font-size:18px;
    font-weight:normal;
    line-height:36px;
}
.p7 .txt p{
    margin-top:30px;
    font-size:16px;
    line-height:40px;
}
.p7 .teacher{
    top:322px;
    right:40px;
    width:540px;
    height:168px;
    position:absolute;
}
.p7 .teacher img{
    margin:0 auto;
    display:block;
    cursor:pointer;
    border:2px solid #ffffff;
    transition:0.4s;
}
.p7 .teacher .swiper-slide.act img{
    border:2px solid #2cb1b5;
    transition:0.4s;
}
.p7 .teacher .swiper-container{
    width:540px;
    height:168px;
    overflow:hidden;
}
.p7 .teacher a.left{
    top:66px;
    left:-48px;
    width:32px;
    height:32px;
    cursor:pointer;
    position:absolute;
    background:url("../img/left1.png") no-repeat center;
    transition:0.4s;
}
.p7 .teacher a.right{
    top:66px;
    right:-48px;
    width:32px;
    height:32px;
    cursor:pointer;
    position:absolute;
    background:url("../img/right1.png") no-repeat center;
    transition:0.4s;
}
.p7 .teacher a.left:hover{
    background:url("../img/left1-2.png") no-repeat center;
    transition:0.4s;
}
.p7 .teacher a.right:hover{
    background:url("../img/right1-2.png") no-repeat center;
    transition:0.4s;
}
a.btn{
    margin:0 auto;
    width:280px;
    height:54px;
    font-size:18px;
    color:#ffffff;
    line-height:54px;
    text-align:center;
    display:block;
    background:#2cb1b5;
    border-radius:4px;
    border:1px solid #ffffff;
    position:relative;
    overflow:hidden;
}
.p7 a.btn:after {
    content: "";
    top:0;
    bottom:0;
    margin:auto;
    width:400px;
    width: 0px \9;
    height:400px;
    left:-60px;
    opacity:0;
    filter:alpha(opacity=0);
    border-radius:100%;
    position:absolute;
    background:#ffffff;
    background:#2cb1b5 \9;
    transform:scale(1);
    animation:3s btn ease-out infinite;
}
.p8{
    padding-bottom:98px;
    background:#f1f2f2;
}
.p8 ul{
    width:1050px;
}
.p8 ul li{
    margin-right:41px;
    float:left;
    width:306px;
    height:428px;
    overflow:hidden;
    text-align:center;
    position:relative;
    background:#ffffff;
}
.p8 ul li .img{
    width:306px;
    height:239px;
    overflow:hidden;
    position:relative;
}
.p8 ul li .img.t1{
    background:url("../img/p8-img1.jpg") no-repeat center top;
}
.p8 ul li .img.t2{
    background:url("../img/p8-img2.jpg") no-repeat center top;
}
.p8 ul li .img.t3{
    background:url("../img/p8-img3.jpg") no-repeat center top;
}
.p8 ul li .img img{
    top:-120px;
    left:107px;
    position:absolute;
    transition:0.4s;
}
.p8 ul li:hover .img img{
    top:66px;
    transition:0.4s;
}
.p8 ul li h2{
    margin-top:36px;
    font-size:30px;
    font-weight:bold;
    line-height:30px;
}
.p8 ul li p{
    margin-top:18px;
    font-size:18px;
    line-height:18px;
}
.p8 ul li a.btn{
    width:112px;
    height:43px;
    line-height:43px;
    color:#ffffff;
    display:block;
    position:absolute;
    background:#2cb1b5;
    border-radius:4px;
    overflow:hidden;
}
.p8 ul li a.btn.b1{
    left:20px;
    bottom:20px;
}
.p8 ul li a.btn.b2{
    right:20px;
    bottom:20px;
}
.p8 ul li:hover a.btn:after{
    content: "";
    top:0;
    bottom:0;
    margin:auto;
    width:200px;
    width: 0px \9;
    height:200px;
    left:-44px;
    opacity:0;
    filter:alpha(opacity=0);
    border-radius:100%;
    position:absolute;
    background:#ffffff;
    background:#2cb1b5 \9;
    transform:scale(1);
    animation:3s btn ease-out infinite;
}
.p8 ul li a.btn.b1:after{
    animation:3s btn ease-out infinite;
}
.p8 ul li a.btn.b2:after{
    animation:3s btn2 ease-in infinite;
}
.p9{
    height:799px;
    background:url("../img/p9-bg.jpg") no-repeat center top;
}
.p9-line{
    margin-top:50px;
    height:386px;
    background:url("../img/p9-line.png") no-repeat center top;
}
.p9 .student{
    margin:0 auto;
    width:1000px;
    position:relative;
}
.p9 .student .swiper-container{
    margin:0 auto;
    width:824px;
    height:322px;
}
.p9 .student .swiper-container .swiper-slide{
    width:206px;
    height:322px;
    overflow:hidden;
}
.p9 .student .swiper-container .swiper-slide .box{
    width:206px;
    height:322px;
    position:relative;
}
.p9 .student .swiper-container .swiper-slide .box .img{
    top:105px;
    width:206px;
    height:217px;
    position:absolute;
    transition:0.4s;
    background-position:center;
    background-repeat:no-repeat;
}
.p9 .student .swiper-container .swiper-slide .box .info{
    bottom:0;
    width:206px;
    height:40px;
    position:absolute;
    background:#2cb1b5;
    background:rgba(44,177,181,0.44);
    transition:0.4s;
}
.p9 .student .swiper-container .swiper-slide .box .info h2{
    font-size:18px;
    line-height:40px;
    color:#ffffff;
    text-align:center;
}
.p9 .student .swiper-container .swiper-slide .box .info h3{
    margin-top:26px;
    margin-left:18px;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
    color:#ffffff;
}
.p9 .student .swiper-container .swiper-slide .box .info h4{
    margin-top:12px;
    margin-left:18px;
    font-size:18px;
    line-height:18px;
    color:#ffffff;
}
.p9 .student .swiper-container .swiper-slide .box .info p{
    margin-top:14px;
    margin-left:18px;
    font-size:16px;
    line-height:26px;
    color:#ffffff;
}
.p9 .student .swiper-container .swiper-slide.act .box .img{
    top:0;
    height:161px;
    transition:0.4s;
}
.p9 .student .swiper-container .swiper-slide.act .box .info{
    height:161px;
    background:#2cb1b5;
    transition:0.4s;
}
.p9 .student .swiper-container .swiper-slide.act .box .info h2{
    display:none;
}
.p9 .student .left2{
    left:0;
    top:105px;
    width:87px;
    height:217px;
    cursor:pointer;
    display:block;
    position:absolute;
    background:url("../img/left2.png") no-repeat center;
}
.p9 .student .right2{
    right:0;
    top:105px;
    width:87px;
    height:217px;
    cursor:pointer;
    display:block;
    position:absolute;
    background:url("../img/right2.png") no-repeat center;
}

.p10{
    padding-bottom:97px;
}
.p10 .weixin{
    margin-left:-1px;
    width:1002px;
    height:650px;
    position:relative;
    background:url("../img/p10-img.jpg") no-repeat center;
}
.p10 .weixin ul.menu{
    top:76px;
    left:64px;
    position:absolute;
}
.p10 .weixin ul.menu li{
    margin-bottom:20px;
    width:310px;
    height:76px;
    border-radius:4px;
    cursor:pointer;
    transition:0.4s;
}
.p10 .weixin ul.menu li.act{
    background:#ffffff;
    transition:0.4s;
}
.p10 .weixin ul.menu li img{
    margin-top:12px;
    margin-left:15px;
    margin-right:10px;
    float:left;
}
.p10 .weixin ul.menu li div.info{
    float:left;
}
.p10 .weixin ul.menu li div.info h2{
    margin-top:18px;
    font-size:16px;
    line-height:16px;
    color:#a4a4a4;
}
.p10 .weixin ul.menu li div.info p{
    margin-top:10px;
    font-size:16px;
    line-height:16px;
}
.p10 .weixin div.chat{
    top:1px;
    left:383px;
    width:417px;
    height:489px;
    overflow:hidden;
    position:absolute;
}
.p10 .weixin div.txt{
    left:417px;
    top:0;
    width:417px;
    height:489px;
    position:absolute;
    background:#ffffff;
    transition:0.8s;
}
.p10 .weixin div.txt.act{
    left:0;
    transition:0.8s;
}
.p10 .weixin div.txt h2{
    margin-top:32px;
    margin-left:16px;
    font-size:16px;
}
.p10 .weixin div.txt ul{
    padding:0 14px;
    margin-top:40px;
}
.p10 .weixin div.txt ul li{
    margin-top:34px;
    width:100%;
}
.p10 .weixin div.txt ul li.li1 img{
    float:left;
}
.p10 .weixin div.txt ul li.li1 p{
    margin-left:14px;
    margin-top:6px;
    float:left;
    padding:5px 12px;
    line-height:28px;
    font-size:16px;
    color:#ffffff;
    background:#2cb1b5;
    border-radius:4px;
}
.p10 .weixin div.txt ul li.li2 img{
    float:right;
}
.p10 .weixin div.txt ul li.li2 p{
    margin-right:14px;
    margin-top:6px;
    padding:5px 12px;
    float:right;
    width:296px;
    line-height:28px;
    font-size:16px;
    background:#e9f7f7;
    border-radius:4px;
}
.p10 .weixin a.btn{
    bottom:20px;
    left:158px;
    font-size:16px;
    position:absolute;
}
.p10 .weixin a.btn:hover{
    font-size:16px;
    text-decoration:underline	;
}
.p10 .weixin .link1{
    top:1px;
    left:1px;
    width:62px;
    height:648px;
    position:absolute;
    display:block;
    background:url("../img/p10-link1.jpg") no-repeat center;
}
.p10 .weixin .link2{
    top:490px;
    left:382px;
    width:417px;
    height:42px;
    position:absolute;
    display:block;
    background:url("../img/p10-link2.jpg") no-repeat center;
}
.p10 .weixin .link3{
    top:1px;
    right:1px;
    width:200px;
    height:648px;
    position:absolute;
    display:block;
    background:url("../img/p10-link3.jpg") no-repeat center;
}

.footer{
    width:100%;
    height:80px;
    background:#121212;
}
.footer p{
    line-height:80px;
    color:#ffffff;
    text-align:center;
}

/*add248 334*/
.add .show{width: 1024px;margin: 50px auto 0;text-align: center;}
.add .show ul{margin-left: 24px;}
.add .show ul li{width: 248px;height: 334px;border: 1px solid #00c4ca;position: relative;}

.add .show ul li h3{width: 50px;height: 178px;background: #00c4ca;position: absolute;left: -24px;top: 34px;font-size: 28px;color: #fff;line-height: 32px;padding-top: 22px;}
.add .show ul li img{position: absolute;top: 34px;left: 46px;}
.add .show ul li p{width: 210px;position: absolute;left: 50%;margin-left: -105px;bottom: 20px;text-align: justify;font-size: 14px;color: #727272;}
.add .show ul li p span{color: #22ccd1;font-weight: bold;line-height: 18px;}
.add .show ul li.sec{margin-left: 126px;}
.add a.btn{margin: 50px auto;}
.add .show ul li .fontS{font-size: 24px;padding-top:2px;height: 198px;}

/**/