@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}
.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;}


.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:url("../images/bg1.jpg") no-repeat center top; background-color:#6691d6;}
.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") 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") 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") 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/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/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%;
}
.content-main{
	margin:0 auto;
	margin-top:100px;
	width:1000px;
}
.nav{
	width:300px;
}
/*导航*/
.menu{
	margin-bottom:30px;
}
.er{display:none;}
.title1{
	width:250px;
	height:85px;
	line-height:85px;
	font-size:36px;
	font-weight:bold;
	font-family:"Arial";
	font-style:italic;
	text-align:center;
	color:#ffffff;
	background:url("../images/jt.png") no-repeat 210px center ;
	display:block;
	background-color:#6691d7;
	text-decoration:none;
}
.title1:hover{
	color:#ffffff;
	text-decoration:none;
}
.title1.xz{
	color:#ffffff;
	text-decoration:none;
}
.title1.bg2{
	background-color:#a35424;
}
.title1.bg3{
	background-color:#f68b23;
}
.title1.bg4{
	background-color:#2ac5a6;
}
.title1.bg5{
	background-color:#1fc2ed;
}
.title2{
	margin-top:23px;
	margin-bottom:23px;
	margin-left:28px;
	padding-left:23px;
	font-size:16px;
	color:#6691d7;
	display:block;
	text-decoration:none;
	background:url("../images/round.png") no-repeat center left;
}
.title2 img{
	margin-left:20px;
}
.title2:hover{
	text-decoration:none;
}
.title2.sen_x{
	text-decoration:none;
}
.title2.sen_x:hover{
	text-decoration:none;
}
.title2.c1:hover{
	color:#fd5331;
}
.title2.c1.sen_x{
	color:#fd5331;
}
.title2.c2{
	color:#a35424;
}
.title2.c2:hover{
	color:#fd5331;
}
.title2.c2.sen_x{
	color:#fd5331;
}
.title2.c3{
	color:#f68b23;
}
.title2.c3:hover{
	color:#fd5331;
}
.title2.c3.sen_x{
	color:#fd5331;
}
.title2.c4{
	color:#2ac5a6;
}
.title2.c4:hover{
	color:#fd5331;
}
.title2.c4.sen_x{
	color:#fd5331;
}
.title2.c5{
	color:#1fc2ed;
}
.title2.c5:hover{
	color:#fd5331;
}
.title2.c5.sen_x{
	color:#fd5331;
}
.thr{
	margin-bottom:23px;
	display:none;
}
.thr li{
	margin-left:54px;
}
.thr li a{
	color:#a8a8a8;
	line-height:32px;
	font-size:12px;
	text-decoration:none;
	display:block;
}
.thr li a:hover{color:#1d1d1d;}
.thr li a.xuan{color:#1d1d1d;}
.menu-list{
	padding-bottom:100px;
}
.menu-list-text{
	margin-bottom:23px;
	display:none;
}
.menu-list-text li{
	margin-left:24px;
}
.menu-list-text li.last{
	margin-left:0px;
}
.menu-list-text li a{
	color:#a8a8a8;
	line-height:32px;
	font-size:12px;
	text-decoration:none;
	display:block;
}
.menu-list-text li a.pstab{
	margin-bottom:20px;
	width:215px;
	height:145px;
	display:block;
}
.menu-list-text li a.ps-t1{
	margin-top:20px;
	background:url("../images/t1.jpg") no-repeat center top;
}
.menu-list-text li a.ps-t2{
	background:url("../images/t2.jpg") no-repeat center top;
}
.menu-list-text li a.ps-t3{
	background:url("../images/t3.jpg") no-repeat center top;
}
.menu-list-text li a.ps-t4{
	background:url("../images/t4.jpg") no-repeat center top;
}
.menu-list-text li a.ps-t5{
	background:url("../images/t5.jpg") no-repeat center top;
}
.menu-list-text li a.ps-t6{
	background:url("../images/t6.jpg") no-repeat center top;
}
.menu-list-text li a.ps-t7{
	background:url("../images/t7.jpg") no-repeat center top;
}
.menu-list-text li a.ps-t8{
	background:url("../images/t8.jpg") no-repeat center top;
}
.menu-list-text li a.pstab span{
	top:110px;
	width:215px;
	height:35px;
	line-height:35px;
	font-size:15px;
	text-align:center;
	color:#ffffff;
	background:rgba(0,0,0,0.4);
	display:block;
	position:relative;
}
.thr li.selected a{
	color:#1d1d1d;
}
.menu-list-text li.selected a.pstab span{
	background:#1fc2ed;
}
.content-info{
	margin-bottom:50px;
	padding-left:49px;
	padding-bottom:100px;
	width:650px;
	border-left:1px solid #c6c8cc;
	border-bottom:1px solid #c6c8cc;
}
.er li{

}
.msjd{
	margin-left:0px;
	width:250px;
	height:76px;
	line-height:76px;
	font-size:17px;
	text-align:center;
	color:#ffffff;
	list-style:none;
	display:block;
	border-radius:15px;
	background-color:#509eff;
	border-bottom:8px solid #046dce;
}
.msjd:hover{
	color:#ffffff;
	display:block;
	border-top:4px solid #ffffff;
	border-bottom:4px solid #046dce;
	text-decoration:none;
}
.menu-list-text li a.msjd{
	margin-left:0px;
	width:250px;
	height:76px;
	line-height:76px;
	font-size:17px;
	text-align:center;
	color:#ffffff;
	list-style:none;
	display:block;
	border-radius:15px;
	background-color:#509eff;
	border-bottom:8px solid #046dce;
}
.menu-list-text li a.msjd:hover{
	color:#ffffff;
	display:block;
	border-top:4px solid #ffffff;
	border-bottom:4px solid #046dce;
	text-decoration:none;
}
/*SEM*/
.sem-title{
	margin:0 auto;
	width:433px;
	height:102px;
	background:url("../images/sem-title.png") no-repeat center top;
}
.sem-info{
	padding:0 40px;
}
.sem-info h1{
	margin-top:34px;
	margin-bottom:34px;
	font-size:20px;
	line-height:20px;
	color:#52565f;
}
.sem-info h2{
	margin-top:34px;
	font-size:13px;
	font-weight:bold;
	line-height:28px;
	color:#52565f;
}
.sem-info p{
	font-size:13px;
	line-height:28px;
	color:#52565f;
}
.sem-info img{
	margin:20px auto;
	max-width:500px;
	display:block;
}

/*SEO*/
.seo-title{
	margin:0 auto;
	width:433px;
	height:102px;
	background:url("../images/seo-title.png") no-repeat center top;
}
.seo-info{
	padding:0 40px;
}
.seo-info h1{
	padding-top:37px;
	color:#52565f;
	font-size:20px;
	text-align:center;
	font-weight:bold;
	line-height:20px;
}
.seo-info h2{
	margin-top:26px;
	font-size:16px;
	line-height:16px;
	color:#52565f;
}
.seo-info p{
	text-indent:30px;
	margin-top:26px;
	font-size:13px;
	line-height:28px;
	color:#52565f;
}
.seo-info p b{
	font-weight:bold;
	color:#4a4a4a;
}
/*ds*/
.ds-title{
	margin:0 auto;
	width:433px;
	height:102px;
	background:url("../images/ds-title.png") no-repeat center top;
}
.ds-info{
	padding:0 40px;
}
.ds-info h1{
	margin-top:34px;
	font-size:18px;
	color:#52565f;
	font-weight:bold;
	text-align:center;
}
.ds-info p{
	margin-top:20px;
	font-size:12px;
	line-height:24px;
	text-indent:30px;
	color:#868686;
}
.ds-info img{
	margin:20px auto;
	max-width:500px;
	display:block;
}
/*ws*/
.ws-title{
	margin:0 auto;
	width:433px;
	height:102px;
	background:url("../images/ws-title.png") no-repeat center top;
}
.ws-info{
	padding:0 40px;
}
.ws-info h1{
	margin-top:34px;
	font-size:18px;
	color:#52565f;
	font-weight:bold;
	text-align:center;
}
.ws-info p{
	margin-top:20px;
	font-size:12px;
	line-height:24px;
	text-indent:30px;
	color:#868686;
}
.ws-info img{
	margin:20px auto;
	max-width:500px;
	display:block;
}
/*PS*/
.ps-title{
	margin:0 auto;
	width:433px;
	height:102px;
	background:url("../images/ps-title.png") no-repeat center top;
}
.course-main{
	padding:0 40px;
}
.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:20px auto;
	max-width:500px;
	display:block;
}

#footer{
	width:100%;
	height:110px;
	background-color:#262626;
}
#footer p{
	line-height:110px;
	text-align:center;
	color:#b3b3b3;
}