*{ margin:0px; padding:0px;}
body,ul,li,h1,h2,h3,h4,h5,h6,form,dl,dd,p{margin:0;padding:0;list-style:none;}
body{font:14px/24px "yahei",Arial,sans-serif; color:#333;width: 100%;}
img{border:0px;}
p{ color:#fff}
ul, li{ list-style:none;}
article,section,header,footer,aside,nav{display:block;}
a{color:#000000;text-decoration:none;}
a:hover{color:#f00;text-decoration:underline;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.clearfix{zoom:1;}
.clear{clear:both;}
.jl1{background-attachment: scroll;background-image: url(image01.jpg);background-position: 50%; background-repeat: no-repeat; overflow:hidden; height:100px; margin:0; padding:0;}
.jl2{background-attachment: scroll;background-image: url(image02.jpg);background-position: 50%; background-repeat: no-repeat; overflow:hidden; height:122px; margin:0; padding:0;}
.jl3{background-attachment: scroll;background-image: url(image03.jpg);background-position: 50%; background-repeat: no-repeat; overflow:hidden; height:149px; margin:0; padding:0;}

.con_red{ height: auto;}
.mainbox{ width:1000px; margin:0 auto;}
.marb20{ margin-bottom:30px;}
.fg{padding:0 0 40px 0;}
.fg_l{ width:640px; margin-right:25px; float:left; display:inline; padding-top:10px;}
.fg_r{ width:334px; float:left; margin:0; padding-top:8px;display:inline}
.yahei{ font-family:Microsoft YaHei,calibri,verdana; color:#000000;}

.st_btn a{ color: #fff;}
h3{font-size:22px; font-weight:100;color:#ff5fb2; height:40px;}
.pro{
	height:auto;
	padding-left:0px;
	margin-bottom:15px;
	color:#fff;
}
.fg_r img{ border: 1px solid #ddd;}
.main_fx_as {
    margin: 8px 0 0 0px;
}
.main_fx_as a {
    background: none repeat scroll 0 0 #91c700;
    color: #fff;
    display: block;
    float: left;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    margin: 0 8px 10px 0;
    text-align: center;
    width: 120px;
}
.main_fx_as a:hover {
    background: none repeat scroll 0 0 #e4e700;
    color: #FFFFFF;
	text-decoration:none;
}
.main_fx_as1 a {
    background: none repeat scroll 0 0 #3faff5;}
.main_fx_as1 a:hover {
    background: none repeat scroll 0 0 #e4e700;
    color: #FFFFFF;
}	

.con_black{ background:#333; height: auto;}
.info{ padding:50px 0 35px 0;}
.info_l{ float:left; width:518px; margin-right:47px; display:inline}
.info_r{ float:left; width:435px; display:inline;}
.cor_f{ color:#fff;}
.marb2{ margin-bottom:20px;}
.bm{ margin-bottom:20px; background:url("www.hteacher.netzhuantitgjs2015tgimagesbmbg.jpg") no-repeat ; padding-left:30px;}
.bm1{ }
.bm p{ line-height:36px; font-size:16px}
.tel{ margin:0; padding:0;}
.tel p{ line-height:40px; font-size:16px; height:40px;}

.topnav { width:100%; background: url(images/nav-bg.gif) repeat-x 0px 0px; height:41px; overflow:hidden;font-size:12px; }
.logo { float:left; }
.nav-R { line-height:41px; float:right; }

.mainbox_top { width:960px; margin:0px auto;}
.nav-R { line-height:41px; float:right; }

.fs{ color:#ff5fb2;}
.hse{ color: #febf00;}
#bskc_box{ width:100%; height:auto;}
#bskc_box ul.bskclist{ width:100%;}
#bskc_box ul.bskclist li{ width:200px; height:auto; float:left; margin-top:18px; display:inline;}
.mr33{ margin-right:33px;}
#bskc_box ul.bskclist li .div1{ width:200px; height:130px;}
#bskc_box ul.bskclist li .div2{  width:200px; text-align:center; height:26px; line-height:26px; background-color:#f46b35; font-size:14px; color:#fff;}
#bskc_box ul.bskclist li .div3{  width:190px; text-align:center; height:26px; line-height:26px; background-color:#fff; font-size:14px; padding:0 5px;}
#bskc_box ul.bskclist li .div3 .font{ font-size:12px; color:#686868; float:left;}
#bskc_box ul.bskclist li .div3 .yelbtn{ width:42px; height:16px; line-height:1.6; background-color:#ee561b; text-align:center; font-size:12px; color:#fff; float:right; margin-top:5px;}
#bskc_box ul.bskclist li .div3 .yelbtn:hover{ background-color:#d60201;  color:#ffed8b;}
.tl{ text-decoration:line-through;}
.fred{ color:#ff4700;}

.kc{ margin:0; padding:0;}
.kc p{ font-size:16px; height:40px; line-height:40px; float:right;}
a.white{ font-size:16px; color:#fff; text-decoration:none;}
a.white:hover{ font-size:16px; color:#eb5752; text-decoration:underline;}



.con_green{ background:#26934d; height:auto;}
.wx{ height:680px; padding-top:30px;}
.wx_con{ width:970px; padding-right:30px; margin-top:48px;}
.wx_con .lwx{ width:398px; height:auto; float:left;}
.wx_con .rwx{  width:510px; height:auto; float:right; padding-top:43px;}
h4{ font-size:18px; font-weight:100; margin:0; padding:0; color:#fff;}
h4 p{  font-size:16px; color:#fff;}
.mt19{ margin-top:19px;}
.mb86{ margin-bottom:76px;}
.wx_img{ width:398px; text-align:center; color:#fff;}
.mt16{ margin-top:16px;}
.mr24{ margin-right:24px;}
.mt25{ margin-top:25px;}
.font16{ font-size:16px;}


.kc_boxl{width:200px; float:left; margin-top:20px;}
.kc_boxr{width:200px; float:right;margin-top:20px;}
.bx_title{background-color:#f46b35; font-size:14px; color:#fff; text-align:center;}
.st_btn{width:42px; height:16px; line-height:1.6; background-color:#ee561b; text-align:center; font-size:12px; color:#FFF; float:right; margin-top:5px;}
.kc_jg{text-align:center; font-size:12px; float:left; background-color:#FFF;}
.kc_info{background-color:#FFF; height:auto; padding-left:5px; padding-right:5px; height:26px;}


#xfk{ width:100%; height:133px; background:url("www.hteacher.netzhuantitgjs2015tgimagessp_bg.png") no-repeat 50%;  overflow:hidden; position: fixed !important; bottom:0; padding-top:2px; z-index:10000;}
.xfk_wrap{ width:1114px; height:133px; margin:0 auto; background:url("www.hteacher.netzhuantitgjs2015tgimagessp.png") no-repeat 50%;}
#xfk .wb{ width:793px; margin:0 auto; padding:60px 122px 0;}
#xfk .wb table{ width:100%;}
.input01{ width:98px;}
.input02{ width:63px;}
.input03{ width:66px;}
.cwhite{ color:#fff;}
input,select{color:#422813;}

#xfk .xfk_btn{ display:block; width:50px; height:24px; text-align:center; line-height:24px; float:left; background-color:#ffe354; font-size:12px; color:#bb113e; text-decoration:none;}
#xfk .xfk_btn:hover{ width:50px; height:24px; background-color:#bb113e; color:#ffe354; text-decoration:none;}
input{ border-width:0;}



.mainbg1{background-color:#f2f2f2;}
.main{width:1000px;margin:0 auto;}
.advant_tit{width:794px;height:170px;padding-left:206px;background:url(imageadvant_titbg.jpg) 0 0 no-repeat;font:bold 40px/158px 'Microsoft Yahei';color:#f25953;}
.advant_con{widows: 970px;height:402px;padding:22px 0 0 30px;}
.advant_con li{width:267px;height:402px;margin:0 23px;float:left;}
.advant_cbg{width: 267px;height: 314px;background:url(imageadvant_cbg1.jpg) #fff center 0 no-repeat;padding-top:88px;}
.advant_c2{background-image:url(imageadvant_cbg2.jpg);}
.advant_c3{background-image:url(imageadvant_cbg3.jpg);}
.advant_con li.on .advant_c1{background:url(imageadvant_cbg11.jpg) #fff center 0 no-repeat;}
.advant_con li.on .advant_c2{background:url(imageadvant_cbg22.jpg) #fff center 0 no-repeat;}
.advant_con li.on .advant_c3{background:url(imageadvant_cbg33.jpg) #fff center 0 no-repeat;}

.advant_con li h4{width:267px;height:52px;font:bold 24px/48px 'Microsoft Yahei';color:#a3a3a3;text-align: center;}
.advant_con li p{width:227px;height:262px;padding:0 20px;font:normal 16px/30px normal;color:#a3a3a3;}
.animated{ animation-delay: 2s;-webkit-animation-delay: 2s; -moz-animation-delay: 2s;animation-delay: 2s;}
.swing{
	-webkit-animation:swinging 10s ease-in-out 0s infinite;
	-moz-animation:swinging 10s ease-in-out 0s infinite; 
	animation:swinging 10s ease-in-out 0s infinite; 
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0; 
	transform-origin:50% 0;	}
@-webkit-keyframes swinging{ 
	0% { -webkit-transform: rotate(0); } 
	5% { -webkit-transform: rotate(10deg); } 
	10% { -webkit-transform: rotate(-9deg); } 
	15% { -webkit-transform: rotate(8deg); } 
	20% { -webkit-transform: rotate(-7deg); } 
	25% { -webkit-transform: rotate(6deg); } 
	30% { -webkit-transform: rotate(-5deg); } 
	35% { -webkit-transform: rotate(4deg); } 
	40% { -webkit-transform: rotate(-3deg); } 
	45% { -webkit-transform: rotate(2deg); }  
	50% { -webkit-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
 	100% { -webkit-transform: rotate(0); }}
@-moz-keyframes swinging{ 
	0% { -moz-transform: rotate(0); } 
	5% { -moz-transform: rotate(10deg); } 
	10% { -moz-transform: rotate(-9deg); } 
	15% { -moz-transform: rotate(8deg); } 
	20% { -moz-transform: rotate(-7deg); } 
	25% { -moz-transform: rotate(6deg); } 
	30% { -moz-transform: rotate(-5deg); } 
	35% { -moz-transform: rotate(4deg); } 
	40% { -moz-transform: rotate(-3deg); } 
	45% { -moz-transform: rotate(2deg); } 
	50% { -moz-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */ 100% { -moz-transform: rotate(0); }
} 
@keyframes swinging{ 
	0% { transform: rotate(0); } 
	5% { transform: rotate(10deg); } 
	10% { transform: rotate(-9deg); } 
	15% { transform: rotate(8deg); } 
	20% { transform: rotate(-7deg); } 
	25% { transform: rotate(6deg); } 
	30% { transform: rotate(-5deg); } 
	35% { transform: rotate(4deg); } 
	40% { transform: rotate(-3deg); } 
	45% { transform: rotate(2deg); } 
	50% { transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
	100% { transform: rotate(0); }}
.advant_info{width:1000px;height:80px;padding:48px 0 56px;font:bold 28px/40px 'Microsoft Yahei';color:#f05952;text-align:center;}


.mainbg{width:100%;min-width:950px;background-position:center 0;background-repeat:no-repeat; padding:60px 0 50px 0;}
.banner{height:310px;background-image:url(../image/banner.jpg);border-top:#818181 4px solid;}
.bannerc{width:1000px;height:310px;margin:0 auto;}
.bannerc h1{width: 376px;height: 40px;padding:132px 0 0 95px;font:normal 30px/40px 'Microsoft Yahei';color:#fff;text-align:center;}
.bannerc p{width: 376px;height:68px;padding-left:95px;font:bold 57px/68px 'Microsoft Yahei';color:#fff;text-align: center;}

.mainbg2{background-color:#fff;}
.process h2{width:1000px;height:54px;font:bold 40px/54px 'Microsoft Yahei';color:#aeaeae;text-align:center;}
.process_c{width:1000px;height:500px;background:url(imageprocessbg.jpg) center 0 no-repeat;transition:width 2s;-moz-transition:width 2s;-webkit-transition:width 2s; -o-transition:width 2s;}
.process_c:hover{width:1000px;}
.process_c h3{width:1000px;height: 38px;font:bold 26px/38px 'Microsoft Yahei';color:#f05952;text-align: center;}
.process_c ul{width:1000px;height:44px;padding-top:384px;}
.process_c li{float:left;font:normal 16px/22px 'Microsoft Yahei';color:#888;text-align: center;}
.process_c li.pro_text1{width:80px;padding-left:8px;}
.process_c li.pro_text2{width:98px;}
.process_c li.pro_text3{width:120px;}
.process_c li.pro_text4{width:143px;}
.process_c li.pro_text5{width:170px;}
.process_c li.pro_text6{width:178px;}
.process_c li.pro_text7{width:196px;padding-left:7px;}
.pro_note{width:1000px;height:38px;padding-top: 26px;font:normal 16px/38px 'Microsoft Yahei';color:#888;text-align: center;}


/*顶部导航*/
.topnav { widt                                                                                                                     v                                                                                                                                                                                                                                                                                :0px auto; }

#forest h2{width:1000px;height:54px; margin:0 auto;font:bold 40px/54px 'Microsoft Yahei';color:#404040;text-align:center;}
#forest{ width:100%; height:589px; background:url(imagebeijing.jpg) repeat 0 0; padding: 60px 0 0 0;}
#forest .fw960{ height:519px; background:url(imagentg_bg_02.jpg) no-repeat center 0; padding:24px 0 0 0;}
#forest .fw960 .fwbox{ width:940px; height:190px; overflow:hidden; margin:0 auto 60px auto;}
#forest .fw960 .fwbox .stbox{ width:441px; height:190px;}
#forest .fw960 .fwbox .stbox h3{ width:80px; height:150px; font-size:26px; color:#fff; word-wrap:break-word; word-break:nomal; float:left; font-weight:normal; padding-top:40px; text-align:center; line-height:1;}
#forest .fw960 .fwbox .stbox .liststb{ width:302px; height:165px; float:left; padding-left:25px; padding-top:25px;}
#forest .fw960 .fwbox .stbox .liststb li { margin-bottom:1px; width:95%; float:left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; list-style-type:disc; list-style-position:inside; font-size:12px; color:#777676;}
#forest .fw960 .fwbox .stbox .liststb li a.red1{ font-size:14px; color:#535353; text-decoration:none;}
#forest .fw960 .fwbox .stbox .liststb li a.red1:hover{ font-size:14px; color:#ba0000; text-decoration:underline;}

#forest .fw960 .fwbox .stbox .stmore{ width:33px; height:190px; float:left; position:relative;}
#forest .fw960 .fwbox .stbox .stmore .morebox{width:33px; height:33px; position:absolute; bottom:0; left:0; line-height:33px; text-align:center;}
#forest .fw960 .fwbox .stbox .stmore .morebox1{ width:33px; height:33px; position:absolute; top:0; left:0; line-height:33px; text-align:center;}
#forest .fw960 .fwbox .stbox .stmore .morebox a.white,#forest .fw960 .fwbox .stbox .stmore .morebox1 a.white{font-size:9px; color:#fff; text-decoration:none;}
#forest .fw960 .fwbox .stbox .stmore .morebox a.white:hover,#forest .fw960 .fwbox .stbox .stmore .morebox1 a.white:hover{font-size:9px; color:#fff; text-decoration:underline;}

.fl { float:left;}
.fr { float:right;}
/* 底部导航footer */
#footer{ width: 100%; background: #252525; padding: 10px 0; overflow: hidden;}
#footer div{ width: 960px; margin: 0 auto; color: #fff; line-height: 30px; text-align: center;}
#footer div a{ color: #fff;}
#footer div a:hover{ color: #fff; text-decoration: underline;}
#footer div img{display: inline-block;}



/*图书版块*/
#bkts h2{width:1000px;height:54px; margin:0 auto;font:bold 40px/54px 'Microsoft Yahei';color:#f25953;text-align:center;}
#bkts{   padding: 60px 0 30px 0; overflow:hidden;}
#tsnr{ width:960px; height:auto; margin:0 auto 50px auto;}
#tsnr .listtsnr{ width:100%; overflow:hidden; padding-left:17px;}
#tsnr .listtsnr li{ width:154px; margin-right:39px; float:left;}
#tsnr .listtsnr li .tsdiv{ width:154px; height:208px;}
#tsnr .listtsnr li .wzdiv{ width:154px; line-height:1.5; text-align:center; padding-top:14px; font-size:12px;  }
#tsnr .listtsnr li .wzdiv p{ color:#000000; }
#tsnr .listtsnr li .wzdiv a.black{ font-size:14px; color:#000; text-decoration:none;}
#tsnr .listtsnr li .wzdiv a.black:hover{ font-size:14px; color:#ba0000; text-decoration:underline;}