body,p,h1,h2,h3,h4,div,span,a,img,ul,li,dl,dt,dd,table,input{margin:0;padding:0;border:0;list-style:none;}
body{color:#666;font-size:14px;/*font-family:"思源黑体 CN";*/ font-family:"微软雅黑";overflow-x:hidden; min-width: 1200px; max-width: 1920px; background:#fff;}
@media only screen and (min-width: 1920px) {
	body{margin: 0 auto;}
}
a{ text-decoration:none; outline:none; cursor:pointer;}
input{outline:none;}
.fl{float: left;} .fr{float: right !important;}
.wrapper{ width:1200px; margin:0 auto;}
.wrapper2{ width:1230px; margin:0 auto;}
.wrapper3{ width:1000px; margin:0 auto;}
.wrapper4{ width:1240px; margin:0 auto;}
.clear{clear:both; height:0; float: none !important;}


/*top*/
.top{width: 100%; height:70px;background-color: #313131;}
.top .top2{ height:70px; position:relative; z-index:1;}
.top .top2 .top2-left{ float:left; height:55px; padding-top:15px;}
.top .top2 .top2-left a{ float:left;}
.top .top2 .top2-left a img{ display:block;}
.top .top2 .top2-right{ float:right; margin-right:30px;}
.top .top2 .top2-right .li{ float:left; margin-left:40px; }
.top .top2 .top2-right .li .a1{ font-size:18px; color:#fff; cursor:pointer;line-height:68px;}
.top .top2 .top2-right .li .a1:hover{ color:#ffca76;}

.top2-right .L1 .kc{position: absolute;top: 61px;left:24%;z-index: 100;width: 840px;height: 180px;background:url(../images/li_bg0.png) no-repeat left center;  padding-left:24px; padding-top:24px;}
.top2-right .L1 .kc .kc1{ float:left; width:250px;}
.top2-right .L1 .kc .kc1 p{ float:left; font-size:16px; color:#333; font-weight:bold; border-bottom:1px solid #d6dbe1; padding-bottom:6px; width:250px; margin-bottom:5px;}
.top2-right .L1 .kc .kc1  a{ float:left; font-size:14px; color:#a3a6af; margin-right:30px; line-height:32px;}
.top2-right .L1 .kc .kc1  a:hover{ color:#666;}

.top2-right .L2 .kc2{position: absolute;top: 61px;left:52%;z-index: 100;width: 268px;height: 151px;background:url(../images/li_bg2.png) no-repeat left center;  padding-left:24px; padding-top:24px;}
.top2-right .L2 .kc2 p{ float:left; font-size:16px; color:#333; font-weight:bold; border-bottom:1px solid #d6dbe1; padding-bottom:6px; width:250px; margin-bottom:5px;}
.top2-right .L2 .kc2  a{ float:left; font-size:14px; color:#a3a6af; margin-right:30px; line-height:32px;}
.top2-right .L2 .kc2  a:hover{ color:#666;}

/**/
.banner{ background:url(../images/banner.png) no-repeat scroll center; width:100%; height:643px;}

/*考研孤军奋战备考复习有困难？*/
.content1{ margin-top:54px; margin-bottom:65px;}
.content1 .p1{ font-size:34px; color:#288af2; text-align:center;}
.content1 .p2{ font-weight:bold; font-size:50px; color:#288af2; text-align:center;}
.content1 .line1{ display:block; margin:0 auto; margin-top:8px; margin-bottom:15px;}
.content1 .d1{ background:url(../images/dbg1.png) no-repeat; width:222px; height:198px; float:left; padding:17px; cursor:pointer;}
.content1 .d1 .p3{ font-size:24px; color:#fff; font-weight:bold; text-align:center; line-height:90px;}
.content1 .p4{ text-align:center; font-size:16px; color:#666; line-height:24px; margin-top:28px;}
.content1 .d2{ background:url(../images/dbg2.png) no-repeat; width:222px;}
.content1 .d3{ background:url(../images/dbg3.png) no-repeat; width:222px;}
.content1 .d4{ background:url(../images/dbg4.png) no-repeat; width:222px;}
.content1 .d5{ background:url(../images/dbg5.png) no-repeat; width:222px;}


/**/
.content2{ background:url(../images/bg1-1.png) no-repeat scroll center; width:100%; /*height:1380px;*/ height:890px; padding-top:40px; background-size: 100% 100%;}
.content2 .p1{ font-size:34px; color:#fff; text-align:center;}
.content2 .p2{ font-weight:bold; font-size:50px; color:#fff; text-align:center;}
.content2 .line1{ display:block; margin:0 auto; margin-top:8px; margin-bottom:20px;}
.content2 .content2-1{ width:594px; display:block; margin: 0 auto; margin-bottom:20px;}
.content2 .content2-1 p{ float:left; background:url(../images/p1.png) no-repeat; width:270px; height:70px; line-height:70px; text-align:center; font-size:26px; color:#fff; margin-right:54px; cursor:pointer;}
.content2 .content2-1 p.active2{ float:left; background:url(../images/p2.png) no-repeat; width:270px; height:85px; line-height:70px; text-align:center; font-size:26px; color:#fff; font-weight:bold;}
.content2-2{}
.content2-2 .tr1{ height:58px; line-height:58px; }
.content2-2 .tr1 td{ background:#ff9227; font-size:20px; color:#fff; text-align:center;}
.content2-2 td{ background:#fff; height:54px; line-height:54px; font-size:18px; color:#333; border:1px solid #f59435; text-align:center;}
.content2-2 img{ display:block; margin:0 auto;}
.content2-3 td{ background:#fff; height:40px; line-height:25px; font-size:17px; color:#333; border:1px solid #f59435; text-align:center;}



/*学不下去？自制力差？精细化服务统统摆脱困扰*/
.content3{ background:url(../images/bg3.png) no-repeat scroll center; width:100%; height:856px; padding-top:80px;}
.content3 .p1{ font-size:34px; color:#288af2; text-align:center;}
.content3 .p2{ font-weight:bold; font-size:50px; color:#288af2; text-align:center;}
.content3 .line2{ display:block; margin:0 auto; margin-top:8px; margin-bottom:40px;}
.content3 .d1{ float:left; background:url(../images/dbg6.png) no-repeat; width:208px; height:226px; padding:10px; cursor:pointer;}
.content3 .d1 .icon{ display:block; margin:0 auto; width:33px; height:34px; overflow:hidden; margin-top:35px;}
.content3 .d2 .icon{ display:block; margin:0 auto; width:26px; height:37px; overflow:hidden; margin-top:32px;}
.content3 .d3 .icon{ display:block; margin:0 auto; width:31px; height:35px; overflow:hidden; margin-top:34px;}
.content3 .d4 .icon{ display:block; margin:0 auto; width:28px; height:38px; overflow:hidden; margin-top:31px;}
.content3 .d5 .icon{ display:block; margin:0 auto; width:37px; height:39px; overflow:hidden; margin-top:30px;}
.content3 .d6 .icon{ display:block; margin:0 auto; width:40px; height:37px; overflow:hidden; margin-top:32px;}
.content3 .d7 .icon{ display:block; margin:0 auto; width:36px; height:34px; overflow:hidden; margin-top:35px;}
.content3 .d8 .icon{ display:block; margin:0 auto; width:39px; height:41px; overflow:hidden; margin-top:28px;}
.content3 .d9 .icon{ display:block; margin:0 auto; width:28px; height:33px; overflow:hidden; margin-top:36px;}
.content3 .d10 .icon{ display:block; margin:0 auto; width:39px; height:39px; overflow:hidden; margin-top:30px;}

.content3 .d1 .icon .show{width:100%;height:100%;display:block;opacity:1;}
.content3 .d1 .icon .hide{opacity: 0;}
.content3 .d1 .icon img{width: 100%;height: 100%;}
.content3 .d1 span{ text-align:center; font-size:20px; color:#666; font-weight:bold; margin-top:32px; display:block;}
.content3 .d1 p{ font-size:16px; color:#999; text-align:center; line-height:24px; margin-top:10px;}
.content3 .d1:hover .icon .show{animation: imgMove01 both 0.3s linear;-moz-animation: imgMove01 both 0.3s linear;-ms-animation: imgMove01 both 0.3s linear;-o-animation: imgMove01 both 0.3s linear;-webkit-animation: imgMove01 both 0.3s linear;}
.content3 .d2:hover .icon .show{animation: imgMove03 both 0.3s linear;-moz-animation: imgMove03 both 0.3s linear;-ms-animation: imgMove03 both 0.3s linear;-o-animation: imgMove03 both 0.3s linear;-webkit-animation: imgMove03 both 0.3s linear;}
.content3 .d3:hover .icon .show{animation: imgMove05 both 0.3s linear;-moz-animation: imgMove05 both 0.3s linear;-ms-animation: imgMove05 both 0.3s linear;-o-animation: imgMove05 both 0.3s linear;-webkit-animation: imgMove05 both 0.3s linear;}
.content3 .d4:hover .icon .show{animation: imgMove07 both 0.3s linear;-moz-animation: imgMove07 both 0.3s linear;-ms-animation: imgMove07 both 0.3s linear;-o-animation: imgMove07 both 0.3s linear;-webkit-animation: imgMove07 both 0.3s linear;}
.content3 .d5:hover .icon .show{animation: imgMove09 both 0.3s linear;-moz-animation: imgMove09 both 0.3s linear;-ms-animation: imgMove09 both 0.3s linear;-o-animation: imgMove09 both 0.3s linear;-webkit-animation: imgMove09 both 0.3s linear;}
.content3 .d6:hover .icon .show{animation: imgMove11 both 0.3s linear;-moz-animation: imgMove11 both 0.3s linear;-ms-animation: imgMove11 both 0.3s linear;-o-animation: imgMove11 both 0.3s linear;-webkit-animation: imgMove11 both 0.3s linear;}
.content3 .d7:hover .icon .show{animation: imgMove13 both 0.3s linear;-moz-animation: imgMove13 both 0.3s linear;-ms-animation: imgMove13 both 0.3s linear;-o-animation: imgMove13 both 0.3s linear;-webkit-animation: imgMove13 both 0.3s linear;}
.content3 .d8:hover .icon .show{animation: imgMove15 both 0.3s linear;-moz-animation: imgMove15 both 0.3s linear;-ms-animation: imgMove15 both 0.3s linear;-o-animation: imgMove15 both 0.3s linear;-webkit-animation: imgMove15 both 0.3s linear;}
.content3 .d9:hover .icon .show{animation: imgMove17 both 0.3s linear;-moz-animation: imgMove17 both 0.3s linear;-ms-animation: imgMove17 both 0.3s linear;-o-animation: imgMove17 both 0.3s linear;-webkit-animation: imgMove17 both 0.3s linear;}
.content3 .d10:hover .icon .show{animation: imgMove19 both 0.3s linear;-moz-animation: imgMove19 both 0.3s linear;-ms-animation: imgMove19 both 0.3s linear;-o-animation: imgMove19 both 0.3s linear;-webkit-animation: imgMove19 both 0.3s linear;}

.content3 .d1:hover .icon .hide{animation: imgMove02 both 0.3s linear;-moz-animation: imgMove02 both 0.3s linear;-ms-animation: imgMove02 both 0.3s linear;-o-animation: imgMove02 both 0.3s linear;-webkit-animation: imgMove02 both 0.3s linear;}
.content3 .d2:hover .icon .hide{animation: imgMove04 both 0.3s linear;-moz-animation: imgMove04 both 0.3s linear;-ms-animation: imgMove04 both 0.3s linear;-o-animation: imgMove04 both 0.3s linear;-webkit-animation: imgMove04 both 0.3s linear;}
.content3 .d3:hover .icon .hide{animation: imgMove06 both 0.3s linear;-moz-animation: imgMove06 both 0.3s linear;-ms-animation: imgMove06 both 0.3s linear;-o-animation: imgMove06 both 0.3s linear;-webkit-animation: imgMove06 both 0.3s linear;}
.content3 .d4:hover .icon .hide{animation: imgMove08 both 0.3s linear;-moz-animation: imgMove08 both 0.3s linear;-ms-animation: imgMove08 both 0.3s linear;-o-animation: imgMove08 both 0.3s linear;-webkit-animation: imgMove08 both 0.3s linear;}
.content3 .d5:hover .icon .hide{animation: imgMove10 both 0.3s linear;-moz-animation: imgMove10 both 0.3s linear;-ms-animation: imgMove10 both 0.3s linear;-o-animation: imgMove10 both 0.3s linear;-webkit-animation: imgMove10 both 0.3s linear;}
.content3 .d6:hover .icon .hide{animation: imgMove12 both 0.3s linear;-moz-animation: imgMove12 both 0.3s linear;-ms-animation: imgMove12 both 0.3s linear;-o-animation: imgMove12 both 0.3s linear;-webkit-animation: imgMove12 both 0.3s linear;}
.content3 .d7:hover .icon .hide{animation: imgMove14 both 0.3s linear;-moz-animation: imgMove14 both 0.3s linear;-ms-animation: imgMove14 both 0.3s linear;-o-animation: imgMove14 both 0.3s linear;-webkit-animation: imgMove14 both 0.3s linear;}
.content3 .d8:hover .icon .hide{animation: imgMove16 both 0.3s linear;-moz-animation: imgMove16 both 0.3s linear;-ms-animation: imgMove16 both 0.3s linear;-o-animation: imgMove16 both 0.3s linear;-webkit-animation: imgMove16 both 0.3s linear;}
.content3 .d9:hover .icon .hide{animation: imgMove18 both 0.3s linear;-moz-animation: imgMove18 both 0.3s linear;-ms-animation: imgMove18 both 0.3s linear;-o-animation: imgMove18 both 0.3s linear;-webkit-animation: imgMove18 both 0.3s linear;}
.content3 .d10:hover .icon .hide{animation: imgMove20 both 0.3s linear;-moz-animation: imgMove20 both 0.3s linear;-ms-animation: imgMove20 both 0.3s linear;-o-animation: imgMove20 both 0.3s linear;-webkit-animation: imgMove20 both 0.3s linear;}

@keyframes imgMove01{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
	100%{
		transform: translateY(-34px);
		-moz-transform: translateY(-34px);
		-ms-transform: translateY(-34px);
		-o-transform: translateY(-34px);
		-webkit-transform: translateY(-34px);
		opacity: 0;
	}
}

@keyframes imgMove02{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 0;
	}
	100%{
		transform: translateY(-34px);
		-moz-transform: translateY(-34px);
		-ms-transform: translateY(-34px);
		-o-transform: translateY(-34px);
		-webkit-transform: translateY(-34px);
		opacity: 1;
	}
}
@keyframes imgMove03{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
	100%{
		transform: translateY(-37px);
		-moz-transform: translateY(-37px);
		-ms-transform: translateY(-37px);
		-o-transform: translateY(-37px);
		-webkit-transform: translateY(-37px);
		opacity: 0;
	}
}
@keyframes imgMove04{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 0;
	}
	100%{
		transform: translateY(-37px);
		-moz-transform: translateY(-37px);
		-ms-transform: translateY(-37px);
		-o-transform: translateY(-37px);
		-webkit-transform: translateY(-37px);
		opacity: 1;
	}
}
@keyframes imgMove05{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
	100%{
		transform: translateY(-35px);
		-moz-transform: translateY(-35px);
		-ms-transform: translateY(-35px);
		-o-transform: translateY(-35px);
		-webkit-transform: translateY(-35px);
		opacity: 0;
	}
}
@keyframes imgMove06{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 0;
	}
	100%{
		transform: translateY(-35px);
		-moz-transform: translateY(-35px);
		-ms-transform: translateY(-35px);
		-o-transform: translateY(-35px);
		-webkit-transform: translateY(-35px);
		opacity: 1;
	}
}
@keyframes imgMove07{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
	100%{
		transform: translateY(-38px);
		-moz-transform: translateY(-38px);
		-ms-transform: translateY(-38px);
		-o-transform: translateY(-38px);
		-webkit-transform: translateY(-38px);
		opacity: 0;
	}
}
@keyframes imgMove08{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 0;
	}
	100%{
		transform: translateY(-38px);
		-moz-transform: translateY(-38px);
		-ms-transform: translateY(-38px);
		-o-transform: translateY(-38px);
		-webkit-transform: translateY(-38px);
		opacity: 1;
	}
}
@keyframes imgMove09{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
	100%{
		transform: translateY(-39px);
		-moz-transform: translateY(-39px);
		-ms-transform: translateY(-39px);
		-o-transform: translateY(-39px);
		-webkit-transform: translateY(-39px);
		opacity: 0;
	}
}
@keyframes imgMove10{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 0;
	}
	100%{
		transform: translateY(-39px);
		-moz-transform: translateY(-39px);
		-ms-transform: translateY(-39px);
		-o-transform: translateY(-39px);
		-webkit-transform: translateY(-39px);
		opacity: 1;
	}
}
@keyframes imgMove11{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
	100%{
		transform: translateY(-37px);
		-moz-transform: translateY(-37px);
		-ms-transform: translateY(-37px);
		-o-transform: translateY(-37px);
		-webkit-transform: translateY(-37px);
		opacity: 0;
	}
}
@keyframes imgMove12{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 0;
	}
	100%{
		transform: translateY(-37px);
		-moz-transform: translateY(-37px);
		-ms-transform: translateY(-37px);
		-o-transform: translateY(-37px);
		-webkit-transform: translateY(-37px);
		opacity: 1;
	}
}
@keyframes imgMove13{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
	100%{
		transform: translateY(-34px);
		-moz-transform: translateY(-34px);
		-ms-transform: translateY(-34px);
		-o-transform: translateY(-34px);
		-webkit-transform: translateY(-34px);
		opacity: 0;
	}
}
@keyframes imgMove14{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 0;
	}
	100%{
		transform: translateY(-34px);
		-moz-transform: translateY(-34px);
		-ms-transform: translateY(-34px);
		-o-transform: translateY(-34px);
		-webkit-transform: translateY(-34px);
		opacity: 1;
	}
}
@keyframes imgMove15{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
	100%{
		transform: translateY(-41px);
		-moz-transform: translateY(-41px);
		-ms-transform: translateY(-41px);
		-o-transform: translateY(-41px);
		-webkit-transform: translateY(-41px);
		opacity: 0;
	}
}
@keyframes imgMove16{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 0;
	}
	100%{
		transform: translateY(-41px);
		-moz-transform: translateY(-41px);
		-ms-transform: translateY(-41px);
		-o-transform: translateY(-41px);
		-webkit-transform: translateY(-41px);
		opacity: 1;
	}
}
@keyframes imgMove17{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
	100%{
		transform: translateY(-33px);
		-moz-transform: translateY(-33px);
		-ms-transform: translateY(-33px);
		-o-transform: translateY(-33px);
		-webkit-transform: translateY(-33px);
		opacity: 0;
	}
}
@keyframes imgMove18{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 0;
	}
	100%{
		transform: translateY(-33px);
		-moz-transform: translateY(-33px);
		-ms-transform: translateY(-33px);
		-o-transform: translateY(-33px);
		-webkit-transform: translateY(-33px);
		opacity: 1;
	}
}
@keyframes imgMove19{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
	100%{
		transform: translateY(-39px);
		-moz-transform: translateY(-39px);
		-ms-transform: translateY(-39px);
		-o-transform: translateY(-39px);
		-webkit-transform: translateY(-39px);
		opacity: 0;
	}
}
@keyframes imgMove20{
	0%{
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 0;
	}
	100%{
		transform: translateY(-39px);
		-moz-transform: translateY(-39px);
		-ms-transform: translateY(-39px);
		-o-transform: translateY(-39px);
		-webkit-transform: translateY(-39px);
		opacity: 1;
	}
}
.content3 .d1:hover{ background:url(../images/dbg6-1.png) no-repeat;transition: all 0.3s;-moz-transition:  all 0.3s;-ms-transition:  all 0.3s;-o-transition:  all 0.3s;-webkit-transition:  all 0.3s;}
.content3 .d1:hover span{color: #fff;transition: all 0.3s;-moz-transition:  all 0.3s;-ms-transition:  all 0.3s;-o-transition:  all 0.3s;-webkit-transition:  all 0.3s;}
.content3 .d1:hover p{color: #fff;transition: all 0.3s;-moz-transition:  all 0.3s;-ms-transition:  all 0.3s;-o-transition:  all 0.3s;-webkit-transition:  all 0.3s;}
.content3 a{ float:left; width:306px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#2790ff; border:2px solid #2790ff; border-radius:3px; margin-left:265px; margin-top:50px;}
.content3 a:hover{ background:#2790ff; color:#fff;}

/*优质学习环境 设施齐全的寄宿考研*/
.content4{ background:url(../images/bg4.png) no-repeat scroll center; width:100%; height:856px; padding-top:80px;}
.content4 .p1{ font-size:34px; color:#1d8bfc; text-align:center;}
.content4 .p2{ font-weight:bold; font-size:50px; color:#1d8bfc; text-align:center;}
.content4 .line1{ display:block; margin:0 auto; margin-top:20px;}
.content4 .left{ float:left; width:147px; margin-top:90px;}
.content4 .left p{width:147px; height:63px; line-height:63px; text-align:center; background:#fff; font-size:20px; color:#666; margin-bottom:24px; border-radius:3px; cursor:pointer; }
.content4 .left p.active1{ background:#ff981f; color:#fff;}
.content4 .right{ background:url(../images/dbg7.png) no-repeat; width:1055px; height:643px; float:left; margin-top:15px; margin-left:-7px;}
.content4 .right .d1{ padding-left:35px; padding-top:45px;animation-name:fadeInRight; cursor:pointer;}
.content4 .right .d1 .img{ width:487px; height:272px; overflow:hidden; margin-bottom:10px; margin-right:10px; float:left;}
.content4 .right .d1 img{ width:487px; height:272px;transition:all 0.8s linear 0s;-moz-transition:all 0.8s linear 0s;-ms-transition:all 0.8s linear 0s;-o-transition:all 0.8s linear 0s;-webkit-transition:all 0.8s linear 0s;}
.content4 .right .d1 img:hover{ transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);transition:all 0.8s linear 0s;-moz-transition:all 0.8s linear 0s;-ms-transition:all 0.8s linear 0s;-o-transition:all 0.8s linear 0s;-webkit-transition:all 0.8s linear 0s;}
@keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translateX(20px);
  -mos-transform:translateX(20px);
  -ms-transform:translateX(20px);
  -o-transform:translateX(20px);
  transform:translateX(20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(0);
  -mos-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0)
 }
}

.animated {
 -webkit-animation-duration:1s;
 -mos-animation-duration:1s;
 -ms-animation-duration:1s;
 -o-animation-duration:1s;
 animation-duration:1s;
 
 -webkit-animation-fill-mode:both;
 -mos-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 -o-animation-fill-mode:both;
 animation-fill-mode:both
}

/*预约免费参观校区*/
.content5{ background:url(../images/bg5.png) no-repeat scroll center; width:100%; height:534px;}
.content5 .left {
	float:left; 
	width: 266px;
    margin-left: 180px;
    margin-top: 33px;
}
.content5 .left .video{ width:265px; /*height:359px;*/}
.content5 .left .video video{width:265px; /*height:359px;*/}

.content5 .right{ float:left; margin-top:82px; margin-left:160px;}
.content5 .right .p1{ font-weight:bold; font-size:50px; color:#fff; margin-bottom:25px;}
.content5 .right .d1{ margin-bottom:20px;}
.content5 .right .d1 span{ float:left; margin-left:22px; font-size:18px; color:#fff; font-weight:bold; line-height:48px;}
.content5 .right .d1 input{ float:left; margin-left:7px; width:295px; height:46px; line-height:46px; border:1px solid #fff; border-radius:2px; text-indent:20px; background:none; font-size:16px; color:#fff;}
input::-webkit-input-placeholder{ color:#fff; opacity:1;}
input:-moz-placeholder{ color:#fff;opacity:1;}
input::-moz-placeholder{ color:#fff;opacity:1;}
input:-ms-input-placeholder{ color:#fff;opacity:1;}       

.content5 .right a{ display:block; margin-left:100px; width:297px; height:56px; line-height:56px; text-align:center; background:#ff8808; border-radius:2px; font-size:18px; color:#fff; margin-bottom:28px;}
.content5 .right a:hover{ background:#f9b30d;}
.content5 .right .p2{ font-size:18px; color:#fff; margin-left:10px; margin-bottom:5px;}
.content5 .right .p2 span{ color:#ff5908; margin-right:2px;}

/*联系我们及付款方式*/
.footer{ background:#f5f5f5; padding-top:50px; padding-bottom:30px; width:100%;}
.footer .p1{ text-align:center; font-size:32px; color:#3b3939; margin-bottom:26px;}
.footer1{ width:998px; height:219px; border:1px solid #e7e7e7; background:#fff;}
.footer12{ background:url(../images/fbg1.png) no-repeat; height:38px; line-height:38px;}
.footer12 p{ float:left; font-size:16px; color:#666; width:77px; text-align:center; cursor:pointer;}
.footer12 p:hover{ background:#b147c2; color:#fff;}
.footer12 p.active3{ background:#b147c2; color:#fff;}
.footer .content{ padding-top:30px; margin-left:25px;}
.footer .content .left{ float:left; color:#666; font-size:14px; line-height:24px;}
.footer .content .right{ float:right; margin-right:30px; color:#666; font-size:14px; line-height:24px;}
.footer2{ width:100%;background: #7c208b;color: #fff;line-height: 23px;padding:20px 0;text-align: center;}
.footer2 a{color:#fff;}