@charset "gb2312";
/* CSS Document */
body{ background:#5eb1ab; color:#333;}
body, button, input, select, textarea {font: 12px/24px tahoma,arial,'Î¢ÈíÑÅºÚ';}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,table{ margin: 0; padding: 0;}
img, iframe{ display:block; border:0;}
ul, li{ list-style:none;}
a{color:#f00;text-decoration:none}
a:hover{color:#e40000;text-decoration:none;}
.ht_span10{ CLEAR:both;DISPLAY: block; FONT-SIZE: 1px; OVERFLOW: hidden; HEIGHT:10px;}
.ht_span20{ CLEAR:both;DISPLAY: block; FONT-SIZE: 1px; OVERFLOW: hidden; HEIGHT:20px;}
.ht_span1{ CLEAR:both;DISPLAY: block; FONT-SIZE: 1px; OVERFLOW: hidden; HEIGHT:1px;}

.zb_bg ul li img{ width: 50px; height: 50px; border-radius: 50%; float: left; margin-top: 5px; margin-left: 100px;}

/*?¡ê¡è2?|¨¬?¨¢2?1¡§???¡ì2?|¨¬¡ê¡è*/
a{color:#333;text-decoration:none}
a:hover{color:#e40000;text-decoration:underline;}
.logbox{width:100%; height:36px;_height:36px; border-bottom:solid 1px #cccccc; background:#f7f7f7;position:fixed;top: 0; z-index:3000; _position:absolute;_left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop))}
.login{width:1200px; margin:0 auto;padding-top:5px; font-size: 14px;}
.login input.text{width:70px; height:18px; border:solid 1px #c4c4c4; line-height:18px; padding:2px 5px; font-size:12px; color:#666; margin-left:5px;}
.login input.btnLogin {height:23px;width: 50px;color:#fff;cursor: pointer;background:#2084f4; font-size:12px;line-height:21px;border: solid 1px #1474e0;margin-left: 6px;border-radius: 3px;}
.login input.btnLogin:hover{ background:#3896ff;}
.topmenu_L{width:430px;height:24px;line-height:22px;}
.topmenu {float:right;width: 300px;height:18px; padding-top:6px;}
.topmenu li{float:right;height: 13px;padding-left:15px; line-height:12px;}
.footer{ z-index: 98;width:1200px;height:153px;font-size:12px;line-height:24px; text-align:center; color:#fff; margin:0 auto; padding-top:60px; border-top: 1px dotted #f1f9ec;}
.footer a{color:#fff;}
.footer a:hover{color:#fff; text-decoration:underline;}
.footer img{display:inline;}
/*end*/

.header01{background-attachment: scroll; background-image:url(../images/banner_01.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:200px; overflow:hidden;}
.header02{background-attachment: scroll; background-image:url(../images/banner_02.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:200px; overflow:hidden;}
.header03{background-attachment: scroll; background-image:url(../images/banner_03.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:200px; overflow:hidden;}
.header04{background-attachment: scroll; background-image:url(../images/banner_04.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:146px; overflow:hidden;}
.main_div{ width:1200px; margin:0 auto;  }
.zhibo_div{ width:1200px; height:180px; margin:0 auto;  overflow:hidden; position:relative;}
.zhibo{
	width: 220px;
	height: 80px;
	position: absolute;
	left: 858px;
	top: 52px;
}
.zhibo b{ font-size:18px; color:#26b0ff;}
.zhibo p{ font-size:16px; }
.zb_bg ul{  margin:0px 70px; padding: 50px 0;}
.zb_bg ul li{ height: 60px; line-height:60px; border-bottom: 1px dashed #2c927c;}
.zb_bg ul li span{ text-align: center; display: inline-block;font-size: 20px; color: #222;}
.td01{ width:20%; display: inline-block;}
.td02{ width:28%;}
.td03{ width:32%;}
.td04{ width:20%; position: relative;}
.td04 a{ position: absolute; left: 42px; top: -24px; font-size: 16px; color: #fff; width: 120px; height: 34px; line-height: 34px; background: -moz-linear-gradient(top, #ff9e13, #ff7f18); 
background: -webkit-gradient(linear,top,from(#ff9e13),to(#ff7f18));
background: -webkit-linear-gradient(top, #ff9e13, #ff7f18);
background: -o-linear-gradient(top, #ff9e13, #ff7f18); border-radius: 5px; display:block;}
.td04 a:hover{ background: -moz-linear-gradient(top, #ff7f18, #ff9e13); 
background: -webkit-gradient(linear,top,from(#ff7f18),to(#ff9e13));
background: -webkit-linear-gradient(top,  #ff7f18, #ff9e13);
background: -o-linear-gradient(top,  #ff7f18, #ff9e13); border-radius: 5px; display:block;}
.zb_tit span{ color: #222; font-size: 22px !important; color:#444 !important;}
.zbz{ width:1200px; height:626px; background:url(../images/zbzhou.jpg) no-repeat; margin:0 auto; position:relative;}
.zb_bg{ background:#a3f4e3; position: relative;border-radius: 10px;margin-bottom: 30px;}
.zb_bg .zb_img_01{ position: absolute; left: 50px; top:-20px;animation: dirve 2s linear infinite;transform-origin:50% 90%;}

.m_bg{ background:#fff; border-radius: 10px; padding: 18px; margin-bottom: 30px; border: 20px solid #a3f4e3;}
.main_right{ float:left; margin-left:35px; width:650px; position:relative; height:284px;}
.main_left{ float:left; width:415px;}
.main_right h2{ position:relative; font-size:26px; height:40px; line-height:40px; font-weight:normal;}
.main_right h2 b{ position:absolute; width:195px; text-indent:1.1em; background:url(images/icon01.jpg) no-repeat; font-size:16px; color:#fff; font-weight:normal; height:32px; line-height:30px; }
.main_right h2 b.icon01{ width:151px; background:url(images/icon.jpg) no-repeat !important; text-indent: 1.8em;}
.jieshao{ display:block; font-size:15px; margin-top:15px; color:#666;}
.sale{ position:absolute; bottom:0px; height:62px; }
.sale b{ float:left; font-size:28px; color:#ec023c; height: 62px;line-height: 62px;}
.sale b font{ font-size:40px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; }
.sale em{ float:left; font-size:22px !important; text-decoration:line-through; color:#999; font-style:normal; height: 62px;line-height: 62px; margin:0 15px;}
 h1{ font-size:38px; font-family:"weiruanyahei"; color:#a3f4e3; text-align:center; margin:40px 0 25px 0; }
.youhui{ position: absolute; top: -15px; right: 0px;}

.button_zx{ display:block;float:left; width:142px; height:42px;  color:#d88b06; background:#fad5a0; border:1px solid #d88b06; text-align:center; font-size:18px; line-height:40px;  margin-right:15px; margin-top:10px; margin-left:20px;text-decoration:none;}
.button_gm{ display:block;float:left;width:142px; height:44px;  color:#fff; background:#e44b45; text-align:center; font-size:18px; line-height:40px;margin-top:10px;margin-left:20px; text-decoration:none;}
.button_zx:hover{ background:#f7ca8b;  text-decoration:none;}
.button_gm:hover{ background:#ff3334; color:#fff; text-decoration:none;}


@keyframes dirve { 
	0%{ transform: rotate(0deg); }
	50%{ transform: rotate(-20deg); }
	100%{ transform: rotate(0deg); }
}

.zb_bg .zb_img_02{ position: absolute; right: 10px; top:-50px; animation: quer 2s infinite;animation-iteration-count:2;
/* Safari and Chrome */
-webkit-animation:quer 2s;
-webkit-animation-iteration-count:2; animation-delay:2s;
-webkit-animation-delay:5s; }
.zb_bg .zb_img_02:hover{animation: que 2s linear infinite;}
 @keyframes que { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }
 @keyframes quer { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }

.button_zix{
	display: block;
	border-radius: 10px;
	width: 60px;
	height:55px;
	text-align:center; line-height:24px; font-size:16px;
	background: #ff8817;
	color: #fff;
	padding-top:5px;
	position: absolute;
	left: 1070px;
	top: 62px;
}
.button_zix_01{
	display: block;
	border-radius: 10px;
	width: 60px;
	height: 55px;
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	background: #ff8817;
	color: #fff;
	padding-top: 5px;
	position: absolute;
	left: 215px;
	top: 458px;
}

.button_zix_02{
	display: block;
	border-radius: 10px;
	width: 60px;
	height: 55px;
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	background: #ff8817;
	color: #fff;
	padding-top: 5px;
	position: absolute;
	left: 585px;
	top: 40px;
}

.button_zix_03{
	display: block;
	border-radius: 10px;
	width: 60px;
	height: 55px;
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	background: #ff8817;
	color: #fff;
	padding-top: 5px;
	position: absolute;
	left: 965px;
	top: 217px;
}
.button_buy_tq{ display:block; width:160px; height:40px;text-align: center;
	line-height: 40px;
	font-size: 16px;
	background: #ff8817;position: absolute; color:#fff;
	left: 985px;
	top: 645px;}

.button_zix:hover,.button_zix_01:hover,.button_zix_02:hover,.button_zix_03:hover,.button_buy_tq:hover{ color:#fff; background:#ff9914; text-decoration:none;}
/*ÃÃ®ÃÃÂ»Â¶ÃÂ­ÂµÃÃÃ½Â´Ã³Â°Ã Â´Ã*/
.tableBg{ background-attachment: scroll; background-image:url(../images/z_tablebg.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:592px; overflow:hidden; }
table.populerban { width:1110px; margin:0 auto;text-align:center; font-size:14px;border-top:solid 1px #00d1cc;border-left:solid 1px #00d1cc;position:relative;}

table.populerban th{ background:#31aaa1; height:45px; font-size:18px; color:#fff; line-height:45px; border-right:solid 1px #00d1cc;border-bottom:solid 1px #00d1cc; }
table.populerban td{ background:#fff; border-right:solid 1px #00d1cc; border-bottom:solid 1px #00d1cc; padding:10px; }

.boxW{ width:1160px; border-radius:0 0 10px 10px; background:#00d1cc; padding:20px; margin:0 auto;}
.boxL{ width:1120px; border-radius:10px; background:#fff; padding:20px;}

.titlebg{ width:591px; height:67px; background:url(images/titlebg.jpg) no-repeat; text-align:center; color:#fff; font-size:24px; line-height:67px; margin:20px auto;}

.teachers{ width:1200px; height:406px; background:url(images/teachers.jpg) no-repeat;}
.book{ width:1200px; height:380px; background:url(images/book.jpg) no-repeat;}
.book_01{ width:1200px; height:478px; background:url(images/book_01.jpg) no-repeat;}
.psjButton {background: #df3333;border-radius: 15px;color: #fff;display: block;font-size: 14px;height: 30px;line-height: 26px;width: 80px; margin:0 auto;}
.psjButton:hover{ color:#fff; background:#ff3a3a;text-decoration:none;}
.cdf3333{ color:#f00; font-size:18px;}


/*.gfb_div{ width:1000px; margin:0 auto;  overflow:hidden; padding-bottom:30px; background:#fff;}
.gfbbg{ width:930px; padding:0 35px 35px; }*/


#scroll{ height:430px; overflow:hidden; }
#scroll table{ width:910px; text-align:center; font-size:14px; margin:0 auto;}
.gfbbg table{ width:930px;}
.gfbbg table th{ font-size:20px; height:44px; background:#26b0ff; line-height:44px;color:#fff; font-family:'Î¢ÈíÑÅºÚ'; }
#scroll table td{ font-size:16px;border-bottom:dotted 1px #26b0ff; padding:10px 0;}
#scrolla{height:720px;overflow:hidden;}

.footer{ width:1200px; line-height:24px; text-align:center;  color:#fff; margin:0 auto; border-top:dotted 1px #fff; padding-top:20px; background:none;}
.footer a{color:#fff;}
.footer a:hover{color:#1d5271; text-decoration:underline;}

.login a{}



/*¹ý¹ØÑ§Ô±*/
h1{ text-align: center;/*color: #fff;*/font-size: 36px;height: 60px;line-height: 60px;}
.gfb_div{ width:1120px; margin:0 auto;  overflow:hidden; padding-bottom:30px;background: #fff;border-radius: 15px;padding: 60px 40px;}
.gfbbg{ /*! width:1200px; */ /*! padding:0 20px 35px; *//*! margin-top:85px; */ }
#scroll{ height:700px; overflow:hidden; border-bottom: solid 1px #a22a27;}
#scroll table{ width:535px; text-align:center; color:#bf0000; font-size:14px;  }
.gfbbg table{ width:535px;}
.gfbbg table th{ font-size:18px; font-weight: normal;height:44px; background:#a22a27; line-height:44px;color:#ffce25; font-family:??¡§|?¡ì?¡ì?¡ìa??o?¡ì2; }
#scroll table td{ font-size:14px;border-bottom:dotted 1px #a22a27; padding:11px 0;}
#scrolla{height:600px;overflow:hidden;}

#scroll01{ height:700px; overflow:hidden; border-bottom: solid 1px #a22a27;}
#scroll01 table{ width:535px; text-align:center; color:#bf0000; font-size:14px;  }
#scroll01 table td{ font-size:14px;border-bottom:dotted 1px #a22a27; padding:11px 0;}

.kgt_tit{ text-align: center; margin-bottom: 15px;}
.kgt_tit img{ display: inline-block;}
.linktxt{width:851px; height:100px; background:url(images/txtt.png) no-repeat; margin:0 auto; margin-top:40px;}
.buttonLink{ width:770px; height:46px; margin:20px auto;}
.aButton{ float:left; display:block; width:177px; height:46px; background:url(images/button_link.jpg) no-repeat; margin-right:15px;}
.aButton01{ float:left; display:block; width:177px; height:46px; background:url(images/button_link_01.jpg) no-repeat; margin-right:15px;}
.aButton02{ float:left; display:block; width:177px; height:46px; background:url(images/button_link_02.jpg) no-repeat; margin-right:15px;}
.aButton03{ float:left; display:block; width:177px; height:46px; background:url(images/button_link_03.jpg) no-repeat; margin-right:15px;}

