@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,span,ul,ol,li{margin:0px; padding:0px; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;color:#363636;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0px;}
.clear{width:0px; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both}
b{font-weight:normal;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.xd{
	font-family:'新蒂小丸子小学版';
}

body{
	margin:0 auto;
	width:100%;
	min-width:1000px;
}
/*-----start-header----*/
.layout{width:1024px;margin:auto}
.header{ width:100%; height:110px; border-bottom:1px solid #CCC;}
.header .logo_area{ margin-top:30px; width:510px;}
.header .logo_area h1{ width:155px; height:60px; background:url(../images/logo.png) no-repeat 10px 5px; float:left;
	overflow:hidden; text-indent:1000em;padding-left:15px; border-right:#333333 1px solid;white-space:nowrap;}
.header .logo_area  h3{  color:#24272e;font-size:16px; line-height:28px; padding-left:15px; float:left; font-weight:normal;}
.header .logo_area  span{  font-size:20px; }
.header .tel{ float:right; color:#24272e; margin-top:40px;line-height:24px; height:40px; font-size:16px; text-align:right;}
.header .tel span { font-size: 24px;}
.container {
	width: 970px !important;
	margin: 0 auto;
}
.top-menu {
	height:92px;
	font-size:15px;
	position:relative;
	top:22px;
}
.top-menu ul li {
	display:inline-block;
	margin-right:10px;
}
.top-menu ul li a {
	color:#404040;
	text-transform:uppercase;
	font-weight:450;
	line-height:28px;
	text-decoration:none;
	padding:0px 10px;
}
.top-menu ul li a.active {
	background:#209de5;
	color:#fff;
}

/* Shutter Out Horizontal */
a.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: #fff;
	color: #fff;
	padding:6px 15px;
}
a.hvr-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background:#209de5;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	color:#fff;
	padding:6px 15px;
}
a.hvr-shutter-out-horizontal:hover,a.hvr-shutter-out-horizontal:focus,a.hvr-shutter-out-horizontal:active {
	color: white;
}
a.hvr-shutter-out-horizontal:hover:before,a.hvr-shutter-out-horizontal:focus:before,a.hvr-shutter-out-horizontal:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/*轮播图开始*/
.banner{ width:100%; height:375px; position:relative;}
.banner .list{ width:100%; height:375px; overflow:hidden; position:relative; z-index:1;}
.banner .list li{ width:100%; height:375px; position:absolute; left:0px; top:0px; display:none;}
/*.banner .list li a{ width:980px; margin:0 auto; position:relative; display:block; overflow:hidden; height:408px;}
.banner .list li a:hover{ text-decoration:none;}*/
.banner .list li.bg1{ background-color:#426198;}
.banner .list li.bg1 a .text1{ width:200px; left:180px; height:200px; top:60px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text1.hover{animation: img1 1s ease-out;-webkit-animation: img1 1s ease-out;}
.banner .list li.bg1 a .text2{ right:90px; top:95px; position:absolute; z-index:3; width:423px;}
.banner .list li.bg1 a .text2.hover{animation: img2 0.7s ease-out;-webkit-animation: img2 0.7s ease-out;}
.banner .list li.bg1 a .text3{ right:220px; width:286px; top:165px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text3.hover{animation: img3 1s ease-out;-webkit-animation: img3 1s ease-out;}
.banner .btn{ position:absolute; top:350px; left:50%; margin-left:-180px; z-index:100;}
.banner .btn li{ margin-left:3px; background: #fff; text-indent: -999em; float: left; width: 50px; height: 5px; cursor: pointer; }
.banner .btn li.hover{ background: #FC3; }
@keyframes img1 {0% { left:-200px; transform:rotate(-180deg);} 100% { left:180px; transform:rotate(0deg);}}
@-webkit-keyframes img1 {0% {left:-200px; -webkit-transform:rotate(-180deg);} 100% {left:180px; -webkit-transform:rotate(0deg);}}
@keyframes img2 {0% {right:-350px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@-webkit-keyframes img2 {0% {right:-350px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@keyframes img3 {0% {right:-350px; opacity:0.3;} 100% {right:220px; opacity:1;}}
@-webkit-keyframes img3 {0% {right:-350px; opacity:0.3;} 100% {right:220px; opacity:1;}}
.banner .list li.bg2{ background:url("../images/banner02.jpg")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/banner02.jpg*/ no-repeat center;}
.banner .list li.bg2 .text3{ position:absolute; left:20px; top:20px;}
.banner .list li.bg2 .text3.hover{ animation: img2_3 1.1s ease-out; -webkit-animation: img2_3 1.1s ease-out;}
.banner .list li.bg2 .text4{ position:absolute; left:360px; top:245px; transform:scale(1); -webkit-transform:scale(1);}
.banner .list li.bg2 .text4.hover{ animation: img2_4 1s ease-out; -webkit-animation: img2_4 1s ease-out;}

@keyframes img2_1 { 0% {transform:rotate(150deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img2_1 { 0% { -webkit-transform:rotate(150deg);} 100% { -webkit-transform:rotate(0deg);}}
@keyframes img2_2 { 0% {transform:rotate(280deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img2_2 { 0% { -webkit-transform:rotate(280deg);} 100% { -webkit-transform:rotate(0deg);}}
@keyframes img2_3 { 20%{ transform:rotateY(180deg); left:-500px;} 90% { transform:rotateY(0deg); left:20px;} 92%{ top:20px;} 94%{ top:20px;} 96%{ top:20px;} 98%{ top:20px;} 100%{ top:20px;}}
@-webkit-keyframes img2_3 { 20%{ -webkit-transform:rotateY(180deg); left:-500px;} 90% { -webkit-transform:rotateY(0deg); left:20px;} 92%{ top:20px;} 94%{ top:20px;} 96%{ top:20px;} 98%{ top:20px;} 100%{ top:20px;}}
@keyframes img2_4 {0%{ transform:scale(0);} 40%{ transform:scale(0);} 100% { transform:scale(1);}}
@-webkit-keyframes img2_4 {0%{ -webkit-transform:scale(0);} 40%{ -webkit-transform:scale(0);} 100% { -webkit-transform:scale(1);}}
@keyframes img2_5{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:48px; opacity:1;}}
@-webkit-keyframes img2_5{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:48px; opacity:1;}}
@keyframes img2_6{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@-webkit-keyframes img2_6{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@keyframes img2_7{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:28px; opacity:1;}}
@-webkit-keyframes img2_7{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:28px; opacity:1;}}

.banner .list li.bg3{background:url("../images/banner03.jpg")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/banner03.jpg*/ no-repeat center;}
.banner .list li.bg3 .text1{ position:absolute; left:50px; top:80px; z-index:10;}
.banner .list li.bg3 .text2{ position:absolute; left:140px; top:220px; z-index:10;}

.banner .list li.bg3 .text2-2{ position:absolute; left:389px; top:0px;}
.banner .list li.bg3 .text3{ position:absolute; left:106px; top:0px;}
.banner .list li.bg3 .text4{ position:absolute; left:345px; top:162px; font-size:30px; color:#fff; text-align:center;}
.banner .list li.bg3 .text5{ position:absolute; left:99px; top:218px;}
.banner .list li.bg3 .text6{ position:absolute; left:130px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text7{ position:absolute; left:386px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text8{ position:absolute; left:640px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text1.hover{ animation:img3_1 1s ease; -webkit-animation:img3_1 1s ease;}
.banner .list li.bg3 .text2.hover{ animation:img3_2 1.2s ease; -webkit-animation:img3_2 1.2s ease;}
.banner .list li.bg3 .text2-1.hover{ transform-origin:right bottom; -webkit-transform-origin:right bottom; animation:img3_2-1 30s linear; -webkit-animation:img3_2-1 30s linear;}
.banner .list li.bg3 .text2-2.hover{ transform-origin:left bottom; -webkit-transform-origin:left bottom; animation: img3_2-2 30s linear; -webkit-animation: img3_2-2 30s linear;}
.banner .list li.bg3 .text4.hover{ animation: img3_4 1.5s ease; -webkit-animation: img3_4 1.5s ease;}
.banner .list li.bg3 .text6.hover{ animation: img3_6 0.7s ease; -webkit-animation: img3_6 0.7s ease;}
.banner .list li.bg3 .text7.hover{ animation: img3_7 0.7s ease; -webkit-animation: img3_7 0.7s ease;}
.banner .list li.bg3 .text8.hover{ animation: img3_8 0.7s ease; -webkit-animation: img3_8 0.7s ease;}
.banner .list #bg4 {background:url("../images/banner04.jpg")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/banner04.jpg*/ no-repeat center;}

@keyframes img3_1 { 0% { left:-2000px;opacity:0.3;}100% { left:50px;opacity:1;}}
@-webkit-keyframes img3_1 { 0% { left:-2000px;opacity:0.3;}100% { left:50px;opacity:1;}}
@keyframes img3_2 { 0% { left:-1910px;opacity:0;}100% { left:140px;opacity:1;}}
@-webkit-keyframes img3_2 { 0% { left:-1910px;opacity:0;}100% { left:140px;opacity:1;}}

@keyframes img3_2-2 { 0% {transform:rotate(10deg);} 10% {transform:rotate(-100deg);} 20% {transform:rotate(10deg);} 30% {transform:rotate(-100deg);} 40% {transform:rotate(10deg);} 50% {transform:rotate(-100deg);} 60% {transform:rotate(10deg);} 70% {transform:rotate(-100deg);} 80% {transform:rotate(10deg);} 90% {transform:rotate(-100deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img3_2-2 { 0% {-webkit-transform:rotate(10deg);} 10% {-webkit-transform:rotate(-100deg);} 20% {-webkit-transform:rotate(10deg);} 30% {-webkit-transform:rotate(-100deg);} 40% {-webkit-transform:rotate(10deg);} 50% {-webkit-transform:rotate(-100deg);} 60% {-webkit-transform:rotate(10deg);} 70% {-webkit-transform:rotate(-100deg);} 80% {-webkit-transform:rotate(10deg);} 90% {-webkit-transform:rotate(-100deg);} 100% {-webkit-transform:rotate(0deg);}}
@keyframes img3_4 { 0%{ opacity:0; transform: scale(0);} 30%{ opacity:0; transform: scale(0);} 80%{ opacity:0.7; transform: scale(1.2);} 100%{ opacity:1; transform: scale(1);}}
@-webkit-keyframes img3_4 { 0%{ opacity:0; -webkit-transform: scale(0);} 30%{ opacity:0; -webkit-transform: scale(0);} 80%{ opacity:0.7; -webkit-transform: scale(1.2);} 100%{ opacity:1; -webkit-transform: scale(1);}}
@keyframes img3_6 { 0% { left:-210px;} 100% { left:130px;}}
@-webkit-keyframes img3_6 { 0% { left:-210px;} 100% { left:130px;}}
@keyframes img3_7 { 0%{ opacity:0; transform: scale(4);} 100%{ opacity:1; transform: scale(1);}}
@-webkit-keyframes img3_7 { 0%{ opacity:0; -webkit-transform: scale(4);} 100%{ opacity:1; -webkit-transform: scale(1);}}
@keyframes img3_8 { 0% { right:-210px;} 100% { right:130px;}}
@-webkit-keyframes img3_8 { 0% { right:-210px;} 100% { right:130px;}}



.banner .list li.bg4{ background:#ff7575;}
.banner .list li.bg4 .text1{ position:absolute; left:250px; top:45px; font-size:69px; color:#ffe9e9;}
.banner .list li.bg4 .text2{ overflow:hidden; width:66px; position:absolute; left:251px; top:137px;}
.banner .list li.bg4 .text3{ opacity:0; position:absolute; left:485px; top:55px;}
.banner .list li.bg4 .text4{ opacity:0; transform-origin:left bottom; -webkit-transform-origin:left bottom; position:absolute; left:500px; top:105px;}
.banner .list li.bg4 .text5{ opacity:0; position:absolute; left:508px; top:192px;}
.banner .list li.bg4 .text6{ opacity:0; transform-origin: left bottom; -webkit-transform-origin: left bottom; position:absolute; left:510px; top:230px;}
.banner .list li.bg4 .text7{ position:absolute; left:5px; bottom:40px;}
.banner .list li.bg4 .text3.hover{ animation:img4_3 1s 0.5s ease forwards; -webkit-animation:img4_3 1s 0.5s ease forwards;}
.banner .list li.bg4 .text4.hover{ animation:img4_4 1.2s 0.5s ease forwards; -webkit-animation:img4_4 1.2s 0.5s ease forwards;}
.banner .list li.bg4 .text5.hover{ animation:img4_5 1.5s 0.5s ease forwards; -webkit-animation:img4_5 1.5s 0.5s ease forwards;}
.banner .list li.bg4 .text6.hover{ animation:img4_6 0.3s 1.5s ease-out forwards; -webkit-animation:img4_6 0.3s 1.5s ease-out forwards;}
.banner .list li.bg4 .text7.hover{ animation:img4_7 0.8s ease-in; -webkit-animation:img4_7 0.8s ease-in;}
@keyframes img4_3 { 0%{ top:-100px; opacity:0;} 100%{ top:50px; opacity:1;}}
@-webkit-keyframes img4_3 { 0%{ top:-100px; opacity:0;} 100%{ top:50px; opacity:1;}}
@keyframes img4_4 { 0%{ transform:scale(0);} 100%{ transform:scale(1); opacity:1;}}
@-webkit-keyframes img4_4 { 0%{ -webkit-transform:scale(0);} 100%{ -webkit-transform:scale(1); opacity:1;}}
@keyframes img4_5 { 0%{ transform:scale(0);} 100%{ transform:scale(1); opacity:1;}}
@-webkit-keyframes img4_5 { 0%{ -webkit-transform:scale(0);} 100%{ -webkit-transform:scale(1); opacity:1;}}
@keyframes img4_6 { 0%{ transform:rotate(30deg); opacity:0;} 100%{ transform:rotate(0deg); opacity:1;}}
@-webkit-keyframes img4_6 { 0%{ -webkit-transform:rotate(30deg); opacity:0;} 100%{ -webkit-transform:rotate(0deg); opacity:1;}}
@keyframes img4_7{0%{ bottom:-300px; opacity:0;} 100%{ bottom:40px; opacity:1;}}
@-webkit-keyframes img4_7{0%{ bottom:-300px; opacity:0;} 100%{ bottom:40px; opacity:1;}}



/*轮播图结束*/

/*登录信息开始*/
.login{
	width:380px;
	height:390px;
	background: url("../images/parts/login-bg.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/parts/login-bg.png*/ no-repeat;
	position: absolute;
	left:50%;
	top:-15px;
	margin-left:210px;
	z-index:999;
}
.login-content{
	width: 280px;
	height: 375px;
	background: #fff;
	position:relative;
	top:0;
	left:0
}
.login-top{
	width:280px;
	height:108px;
	background:#ffa200;
	text-align:center;
}
.login-top .por{
	width:80px;
	height:80px;
	margin:0 auto;
	background: url("../images/parts/login-por.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/parts/login-por.png*/ no-repeat center;
}



.details {
	margin:15px 22px;
}
.pol{
	float: left;
	line-height:28px;
	color:#666666;
}
.details p{
	font-weight:bold;
	margin:10px 0 15px 0;
}
.details form li {
	display:block;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	list-style: none;
	background: #fff;
	margin-bottom:3px;
}
.details input[type="text"] {
	width: 185px;
	height:28px;
	color: #a9a9a9;
	font-size: 14px;
	padding-left:15px;
	margin-left:8px;
	border:1px solid #d8d8d8;
	outline: none;
	line-height:28px;
}

.details form .button01,.details form .button-submit {
	width:105px;
	height:32px;
	background:none;
	text-transform: uppercase;
	outline: none;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
	font-size: 16px;
	text-align:center;
}
.details form .bto{float:left;}
.details form .bto1 .button01{
	border:1px solid #ffa200;
	color:#ffa200;
	margin-right:25px;
}
.details form .bto1 .button01:hover {
	background:#ffa200;
	color:#fff;
}
.details form .bto2 .button-submit{
	border:1px solid #0096df;
	display:block; line-height:30px;
	color:#0096df;
}
.details form .bto2 .button-submit:hover {
	background:#0096df;
	color:#fff;
}
.header-bottom {
	position:relative;
	margin-top:12px;
}
.section-title img{margin:0 auto;}
.content{
	margin:0 auto;
	width:100%;
}

.part1{
	margin:0 auto;
	width:100%;
	height:593px;
	background-color:#e6e6e6;
}
.part1-main{
	margin:0 auto;
	width:1000px;
	height:593px;
}
.part-title1{
	padding-top:69px;
	font-size:34px;
	font-weight:bold;
	text-align:center;
	color:#555e71;
}
.part-title1 b{
	font-size:34px;
	font-weight:bold;
	color:#3a6ed4;
}
.part1-box{
	margin-top:60px;
	width:300px;
	height:350px;
}
.part1-box p{
	margin-top:230px;
	padding:0 13px;
	line-height:25px;
	color:#8a8888;
}
.p1-b1{
	margin-left:20px;
	background:url("../images/p1-b1.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/p1-b1.png*/ no-repeat center top #ffffff;
}
.p1-b2{
	margin-left:30px;
	background:url("../images/p1-b2.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/p1-b2.png*/ no-repeat center top #ffffff;


}
.p1-b3{
	margin-left:30px;
	background:url("../images/p1-b3.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/p1-b3.png*/ no-repeat center top #ffffff;
}
.part2{
	margin:0 auto;
	width:100%;
	height:598px;
}
.part2-main{
	margin:0 auto;
	width:1000px;
	height:598px;
}
.mac{
	top:158px;
	left:294px;
	width:412px;
	height:333px;
	z-index:99;
	position:relative;
	background:url("../images/mac.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/mac.png*/ no-repeat center center;
}
.p1{
	 top:-92px;
	 left:-144px;
	 width:260px;
	 height:93px;
	 z-index:-1;
	 position:absolute;
	 background:url("../images/p1.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/p1.png*/ no-repeat center center;
}
.p2{
	top:46px;
	left:-280px;
	width:282px;
	height:83px;
	z-index:-1;
	position:absolute;
	background:url("../images/p2.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/p2.png*/ no-repeat center center;
}
.p3{
	 top:183px;
	 left:-284px;
	 width:286px;
	 height:72px;
	 z-index:-1;
	 position:absolute;
	 background:url("../images/p3.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/p3.png*/ no-repeat center center;
}
.p4{
	top:288px;
	left:-144px;
	width:259px;
	height:96px;
	position:absolute;
	background:url("../images/p4.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/p4.png*/ no-repeat center center;
}
.p5{
	top:-92px;
	left:297px;
	width:259px;
	height:93px;
	position:absolute;
	background:url("../images/p5.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/p5.png*/ no-repeat center center;
}
.p6{
	top:46px;
	left:409px;
	width:286px;
	height:83px;
	position:absolute;
	background:url("../images/p6.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/p6.png*/ no-repeat center center;
}
.p7{
	top:183px;
	left:409px;
	width:286px;
	height:72px;
	position:absolute;
	background:url("../images/p7.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/p7.png*/ no-repeat center center;
}
.p8{
	top:288px;
	left:298px;
	width:258px;
	height:96px;
	position:absolute;
	background:url("../images/p8.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/p8.png*/ no-repeat center center;
}
.part3{
	margin:0 auto;
	width:100%;
	height:567px;
	background-color:#e6e6e6;
}
.part3-main{
	margin:0 auto;
	width:1000px;
	height:567px;
}
.part3-main h1{
	padding-top:71px;
	font-size:34px;
	font-weight:bold;
	color:#ff682b;
	text-align:center;
}
.p3-box{
	width:215px;
	height:145px;
}
.p3-box:hover span{
	background-color:rgba(255,104,43,0.9);
}
.p3-box span{
	margin-top:110px;
	width:215px;
	height:35px;
	font-size:16px;
	text-align:center;
	line-height:35px;
	display:block;
	color:#ffffff;
	background-color:rgba(0,0,0,0.4);
}
.p3b1{
	margin-top:63px;
	margin-left:18px;
	background:url("../images/s1.jpg")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/s1.jpg*/ no-repeat center top;
}
.p3b2{
	margin-top:63px;
	margin-left:35px;
	background:url("../images/s2.jpg")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/s2.jpg*/ no-repeat center top;
}
.p3b3{
	margin-top:63px;
	margin-left:35px;
	background:url("../images/s3.jpg")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/s3.jpg*/ no-repeat center top;
}
.p3b4{
	margin-top:63px;
	margin-left:35px;
	background:url("../images/s4.jpg")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/s4.jpg*/ no-repeat center top;
}
.p3b5{
	margin-top:35px;
	margin-left:18px;
	background:url("../images/s5.jpg")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/s5.jpg*/ no-repeat center top;
}
.p3b6{
	margin-top:35px;
	margin-left:35px;
	background:url("../images/s6.jpg")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/s6.jpg*/ no-repeat center top;
}
.p3b7{
	margin-top:35px;
	margin-left:35px;
	background:url("../images/s7.jpg")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/s7.jpg*/ no-repeat center top;
}
.p3b8{
	margin-top:35px;
	margin-left:35px;
	background:url("../images/s8.jpg")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/s8.jpg*/ no-repeat center top;
}
.course-main{
	margin:0 auto 30px;
	padding:30px 0;
	width:988px;
	border:1px solid #cdcdcd;
}
.course-title{
	font-size:28px;
	font-weight:bold;
	line-height:28px;
	text-align:center;
	color:#555e71;
}
.ct-img{
	display:block;
	margin:30px auto 0px;
}
.ct-h2{
	margin:20px auto 12px;
	font-size:16px;
	font-weight:bold;
	line-height:36px;
	color:#555e71;
	width:580px;
}
.course-main p{
	margin:20px auto 12px;
	font-size:16px;
	font-weight:bold;
	line-height:36px;
	color:#555e71;
	width:500px;
}
.cm-img{
	margin:0 auto 20px;
	display:block;
}
.nav-ul{
	margin:30px auto 0;
	width:185px;
	height:25px;
}
.nav-ul.w1{
	width:155px;
}
.nav-ul.w2{
	width:260px;
}
.nav-ul.w3{
	width:230px;
}
.nav-ul li{
	float:left;
	display:inline;
}
.nav-ul li.num{
	margin:0 5px;
	width:25px;
	height:25px;
	display:block;
	text-align:center;
	line-height:25px;
	background-color:#e4e0e0;
}
.nav-ul li.num.last{
	margin-left:0px;
}
.nav-ul li.num a:hover{
	color:#228fe0;
}
.nav-ul li a.next{
	width:60px;
	height:25px;
	display:block;
	background:url("../images/course/next.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/course/next.png*/ no-repeat center center;
	background-color:#228fe0;
}
.nav-ul li a.back{
	width:60px;
	height:25px;
	display:block;
	background:url("../images/course/back.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/course/back.png*/ no-repeat center center;
	background-color:#228fe0;
}
.nav-ul li a.next:hover,.nav-ul li a.back:hover{
	background-color:#005899;
}
.nav-ul li a.n{
	cursor:default;
	background-color:#005899;
}
.nav-ul li a.n2{
	cursor:default;
	color:#228fe0;
}
.footer{background:#404040;text-align:center;}
.cnzz{width:50px;height:12px;display:inline-block;margin-left:15px; background:url("../images/cnzz.jpg")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/cnzz.jpg*/;}
.footer p{padding:30px 0;color:#fff; text-align:center}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	left: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url("../images/up-arrow.png")/*tpa=http://bj.so.tedu.cn/xzt/ps/images/up-arrow.png*/ no-repeat 8.8px 12px #ffbb42;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	z-index:666666;
}