/* CSS Document */
*{margin:0; padding:0; }
body{font-family:"Microsoft YaHei","Verdana";font-size:14px;color:#333; background:#fff; line-height:24px;}
ul,li,dl,dt,dd{list-style:none}
img{border:0}
a{TEXT-DECORATION:none;}
a:hover{TEXT-DECORATION:none;}
.fl{ float:left}
.fr{ float:right}
.layout{width:1000px; margin:0 auto}
.clearfix{clear: both;}

.sotop{ width:100%; height:90px; background:url(../img/sotop01.jpg) repeat; text-align:center;}


.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(../img/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;
}
.top-menu ul li a.cbp-menu{color:#009cf6 ;position:relative;top:2px;}
.top-menu ul.cbp-hssubmenu li a{line-height:30px;color:#009cf6;}


/* 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("../img/ban1_bj.png") no-repeat center;}

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


.banner .list li.bg2{ background:url("../img/ban2_bj.png") no-repeat center;}

.banner .list li.bg2 .text1{ width:702px; height:375px;}


/*轮播图结束*/

/*登录信息开始*/
.login{
	width:380px;
	height:390px;
	background: url(../img/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;background: url(../img/ly-bg.jpg) no-repeat left top;
}
.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 25px 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;
	box-sizing: border-box;
}

.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:20px;
}
.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:15px;
}
.right-grid-1 {
	background: url('../Images/slider-bg.png') no-repeat 0px 0px;
	background-size: 100% 100%;
	width: 62%;
	margin: 0 auto;
	position: absolute;
	left: 227px;
	min-height: 380px;
}

/*轮播图结束*/

.part01{ padding:50px 0; margin:0 auto;}

#gla{
	
	overflow:hidden;
	margin:0 auto;
	position:relative;
	height:500px;
}
.bac{
	position:absolute;
	bottom:0;
	left:50px;
}
#gla_box{
	width:700px;
	margin:auto;
}
.gla_inbox{
	overflow:hidden;
	position:relative;
}

.gla_inbox img{
	width:100%;
	height:100%;
}
.roundabout-holder {
	height: 448px;
	width: 700px;
}
.roundabout-moveable-item {
	display:block;
	height: 418px;
	width: 298px;;
	cursor: pointer;
}
.roundabout-in-focus {
	cursor: auto;
}
/*图片滚动*/

.part-tit{ width:1000px; margin:0 auto; padding:50px 0; text-align:center;}
.part-tit h3{ font:24px/42px 'Microsoft Yahei'; color:#4a87a3; padding-top:20px; font-weight:bold;}
.part-tit h3 span{ font:36px/28px 'Microsoft Yahei'; font-weight:bold;}
.part-tit h5{ font:18px/28px 'Microsoft Yahei'; color:#595757; padding-top:20px;}

.part-tit h4{ font:36px/42px 'Microsoft Yahei'; color:#ff8400; padding-top:20px; font-weight:bold;}
.part-tit h4 span{ font:24px/42px 'Microsoft Yahei'; color:#8b8b8b; font-weight:bold;}

.part-tit h6{ font:36px/42px 'Microsoft Yahei'; color:#3498db; font-weight:bold;}


.part02{ background:#e9e9e9; width:100%; height:850px;}


.part02-main {
    animation-duration: 15s;
    animation-iteration-count: 1;
    animation-name: an1;
    background:url("../img/part02_01.png") no-repeat center center;
    height: 384px;
    width: 761px;
	margin:0 auto;
}
@keyframes an1 {
0% {
    height: 0;
}
70% {
    height: 384px;
}
99.9% {
    height: 384px;
}
100% {
    height: 0;
}
}

.bnt { padding:5px 10px; font:18px/28px 'Microsoft Yahei'; background:#ff6600;
 margin:0 auto; margin-top:50px; border:1px solid #ff6000; 
border-radius:10px; box-shadow:1px 3px 2px #ff8636 inset; text-align:center; }
.bnt a{color:#fff;}
.part03{ width:730px; height:820px; margin:0 auto; padding:60px 0; text-align:center; }

.part03 a{ margin-top:-3px;margin:0 auto; }


.part04{
    margin:0 auto;
    width:100%;
    height:651px;
    background-color:#29333d;
}
.part04-main{
    width:1180px;
    height:422px; background:url(../img/part04_bj.png) no-repeat;
	background-position:-80px 0;
    margin:0 auto;
	text-align:center;
}
.part04-info-box{
    margin:0 auto;
    width:665px;
    height:265px;
}
.class500{
    margin:2px;
}

.class500{
    width:205px;
    height:265px;
    background:url("../img/part04_01.png") no-repeat center center;
    background-color:#ffffff;
}
.class500:hover{
    background-color:#ffee5a;
}
.class500 a{
    width:205px;
    height:265px;
    display:block;
}
.class-box{
    width:200px;
    height:110px;margin:2px;
	font:14px/28px 'Microsoft Yahei'; color:#fff;
	
	padding:20px 10px 0;	
}
.class-box span{
    font:20px/40px 'Microsoft Yahei'; font-weight:bold;
}
.class-box1{
    background-color:#4a87a3;
}
.class-box1:hover{
    background-color:#ee534d;
}
.class-box2{
    background-color:#23908c;
}
.class-box2:hover{
    background-color:#ee534d;
}
.part04-main h3{ width:655px; margin:0 auto; padding-top:50px; 
 font:18px/28px 'Microsoft Yahei'; color:#b5b5b5; font-style:italic;
}

.part05{ width:1000px; height:380px; margin:0 auto; padding:20px 0 50px; text-align:center; }

.part06 ul{position:relative;width:992px;margin:20px auto;height:550px}
.part06  li{position:absolute; text-align:center;color:#fff;font-weight:bold; 
  text-shadow: 1px 1px 1px #666;}
.part06  li:hover{padding:10px 0;;z-index:20000; transition: all 0.3s ease-in-out;}

.part06  li.li_01{top:0; left:0;width:310px;dispaly:block; height:110px; background:#f6c344;
	font-size:30px; line-height:38px; padding-top:30px }
.part06  li.li_01 span{ font-size:46px;}

.part06  li.li_02{top:0; left:340px;width:140px; height:100px; background:#eaedf2;font-size:18px; color:#5c6e84; text-shadow:none;
line-height:26px; padding-top:40px;}
.part06  li.li_02 span{ font-size:26px;}

.part06  li.li_03{top:0; left:510px;width:140px; height:100px; background:#7fddff; font-size:18px; line-height:26px; padding-top:40px;}
.part06  li.li_03 span{ font-size:26px;}

.part06  li.li_04{top:0; left:680px;width:140px; height:100px; background:#3fd5ba ; font-size:18px; line-height:26px; padding-top:40px;}
.part06  li.li_04 span{ font-size:26px;}


.part06  li.li_05{top:0; left:850px;width:140px; height:200px; background:#80ddff;padding-top:110px; font-size:20px; line-height:26px;}
.part06  li.li_05:hover{padding:95px  0 15px 0 }
.part06  li.li_05 span{ font-size:26px;}
.part06  li.li_06{top:170px; left:0px;width:140px; height:190px; background:#80ddff;font-size:21px; line-height:28px; padding-top:120px;}
.part06  li.li_06:hover{padding:105px  0 15px 0 } 
.part06  li.li_06 span{ font-size:28px;}

.part06  li.li_07{top:170px; left:170px;width:310px; height:210px; background:#fe7058;font-size:36px; line-height:46px; padding-top:100px;}
.part06  li.li_07 span{ font-size:55px;}

.part06  li.li_08{top:170px; left:510px;width:140px; height:100px; background:#34495e;font-size:18px; line-height:26px; padding-top:40px;}
.part06  li.li_08:hover{padding:35px  0 15px 0 }
.part06  li.li_08 span{ font-size:26px;}

.part06  li.li_09{top:170px; left:680px;width:140px; height:100px; background:#fe7058;font-size:18px; line-height:26px; padding-top:40px;}
.part06  li.li_09:hover{padding:35px  0 15px 0 } 
.part06  li.li_09 span{ font-size:24px;}
.part06  li.li_10{top:340px; left:510px;width:140px; height:100px; background:#eaedf2;color:#5c6e84;font-size:18px; line-height:26px; padding-top:40px; text-shadow:none}
.part06  li.li_10:hover{padding:35px  0 15px 0 } 
.part06  li.li_10 span{ font-size:26px;}
.part06  li.li_11{top:340px; left:680px;width:140px; height:100px; background:#ffd161;font-size:18px; line-height:26px; padding-top:40px;}
.part06  li.li_11 span{ font-size:26px;}
.part06  li.li_12{top:340px; left:850px;width:140px; height:100px; background:#34495e; font-size:28px; line-height:32px; padding-top:40px;}

.part07{ width:100%; height:700px; background:#e9e9e9;}
.zdwq-info3{
    margin:0 auto;
    width:100%;
    height:490px;
}
.teach{ width:242px; height:199px; float:left; margin-right:50px; margin-bottom:20px;}

.t_01{ background:url(../img/t_01.png) no-repeat; margin-left:30px;}
.t_01:hover{ background:url(../img/t_01-hover.png) no-repeat;}

.t_02{ background:url(../img/t_02.png) no-repeat;}
.t_02:hover{ background:url(../img/t_02-hover.png) no-repeat;}

.t_03{ background:url(../img/t_03.png) no-repeat; margin-right:20px;}
.t_03:hover{ background:url(../img/t_03-hover.png) no-repeat;}

.t_04{ background:url(../img/t_04.png) no-repeat; margin-left:30px;}
.t_04:hover{ background:url(../img/t_04-hover.png) no-repeat;}

.t_05{ background:url(../img/t_05.png) no-repeat;}
.t_05:hover{ background:url(../img/t_05-hover.png) no-repeat;}

.t_06{ background:url(../img/t_06.png) no-repeat;  margin-right:20px;}
.t_06:hover{ background:url(../img/t_06-hover.png) no-repeat;}

.t_07{ background:url(../img/t_07.png) no-repeat; margin-left:30px;}
.t_07:hover{ background:url(../img/t_07-hover.png) no-repeat; }

.t_08{ background:url(../img/t_08.png) no-repeat;}
.t_08:hover{ background:url(../img/t_08-hover.png) no-repeat;}

.t_09{ background:url(../img/t_09.png) no-repeat;  margin-right:20px;}
.t_09:hover{ background:url(../img/t_09-hover.png) no-repeat;}


/*轮播*/
.v_out{
    width:1000px;
    margin:0 auto;
    overflow:hidden;
}
.v_show{
    width:880px;
    overflow:hidden;
    position:relative;
    height:480px;
    float:left;
    border-radius: 20px;
}
.zd{
    width:930px;
    height:480px;
    position:absolute;
    z-index:99;
    background:url("../Images/zd.png") no-repeat center top;
}
.v_cont{
    width:1900px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
}
.v_cont ul{
    float:left;
    text-align:center;
    line-height:50px;
}
.v_cont ul li{
    width:900px;
    height:480px;
    float:left;
}

/*---圆圈---*/
.v_out_p{
    position:relative;
    overflow:visible
}
.circle{
    position:absolute;
    left:480px;
    top:450px;
}
.circle li{
    width:10px;
    height:10px;
    float:left;
    margin-right:10px;
    cursor:pointer;
    background:url("../img/fl-r.png") no-repeat center top;
}
.circle .circle-cur{
    background:url("../img/fl-rh.png") no-repeat center top;
}
/*---切换---*/
.prev{
    float:left;
    padding-top:190px;
    padding-right:25px;
}
.next{
    float:left;
    padding-top:190px;
    padding-left:25px;
}
.prev a{
    width:30px;
    height:56px;
    background:url("../img/fl-left.png") no-repeat center top;
}
.next a{
    width:30px;
    height:56px;
    background:url("../img/fl-right.png") no-repeat center top;
}
.prev,.prev a,.next,.next a{
    width:30px;
    height:55px;
    display:block
}
/*轮播结束*/

.part08{ width:1000px; height:600px; margin:0 auto;}
.part08 ul{ height:308px;}
.part08 li{  float:left; margin-left:27px; margin-right:15px;}

.part09{ width:100%; height:400px; margin:0 auto; background:#f3f7fb;}
.part09 ul{ width:750px; height:180px; margin:0 auto; }
.part09 li{  float:left; margin-left:10px;}

.footer{ width:100%; height:100px; background:#333333;}

.footer p{ color:#fff; text-align:center; padding-top:2%;}