html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu {display:block}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal}
figure {margin:0;}
ul,ol {list-style:none;}
body {font:14px/1.75 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,\5B8B\4F53,Arial,sans-serif;color:#555;background:#fff; text-align:center;}
a{color:#333; text-decoration:none;}
a:hover{color:#E40D0D; text-decoration:none;}
.clear:after{content:'\0020';display:block;height:0;clear:both;}
.clear{*zoom: 1;}
.fl{ float:left;}
.fr{ float:right;}
.f16{ font-size: 16px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mt10{margin-top: 10px;}
*html,*body{ _height:100%;}
.area{ width:960px; margin:0px auto; position:relative; overflow:hidden;}
#header{width:100%; background:#fff; z-index:999; margin-bottom: 10px;}
.logo{float: left; padding-top: 22px;}
.topnav{float: right; padding-top:35px;margin-right: -18px;}
.topnav li{padding: 0 18px; float: left; font-size: 14px;}
.topimg1,.topimg2,.topimg3,.topimg4,.topimg5{width:100%; line-height: 999em; overflow: hidden;}
.topimg1{ background: url(../images/top.jpg) no-repeat center top;height:200px;}
.nav{ background:url(../images/navbg.jpg) repeat-x;height:71px;width:100%;}
.navList{width:960px; margin: 0 auto;}
.navList li{ float: left; height: 71px; overflow: hidden; line-height: 999em; display: inline; background:url(../images/navlibg.png) no-repeat;_background: url(../images/navlibg8.png) no-repeat; float: left; cursor: pointer;}
.navList li.one{width:342px;margin-right:-9px; background-position: 0 0}
.navList li.two{width:345px;margin:0 -9px 0 -12px;background-position: -342px 0}
.navList li.thr{width:315px; margin-left:-12px;background-position: -687px 0}

.navList li.one.on{width:342px;margin-right:-9px;background-position: 0 -71px}
.navList li.two.on{width:345px;margin:0 -9px 0 -12px;background-position: -342px -71px}
.navList li.thr.on{width:315px; margin-left:-12px; background-position: -687px -71px;}

.waper{width:960px; margin: 0 auto; text-align: left;}
.tabCon{padding:40px 0; display:none}
.tabCon.tabshow{ display: block;}
.table-c table{border-right:1px solid #ccc;border-bottom:1px solid #ccc} 
.table-c table td{border-left:1px solid #ccc;border-top:1px solid #ccc} 
.tbmethod{width:432px; padding:0 30px 0 10px; border-right:#eee 2px solid; float: left; }
.mzjs{width:460px;float: right;}
.tbmwz{ font-size: 14px;color: #999; margin-top: 10px; line-height: 30px;}
.mzList{margin:10px -10px 0 0;}
.mzList a{ float: left; width: 106px; height: 30px; margin:0 10px 10px 0; background: url(../images/list_bg.jpg) no-repeat; line-height: 30px; text-align: center; font-size: 14px;}
.mzList a:hover{background: url(../images/list_bgon.jpg) no-repeat; color: #fff;}
.grayLine{width:669px; height: 10px; background: url(../images/gray_bg.jpg) no-repeat; margin:30px auto;}
.sLine{width:908px; height: 1px; background: url(../images/linetl.jpg) no-repeat; margin:30px auto; font-size: 0; line-height: 0}
.bTitle{ margin-bottom: 40px;}
.step1{width: 930px; margin:0 auto; min-height: 265px;_height:265px;}
.step1Wz{ width:460px; float: left;}
.step1Pic{width:470px; float: right; }
.stepTitle a{font-size: 18px; color: #999}
.stepTitle a:hover{font-size: 18px; color: #45C2D3}
.slist{ overflow: hidden; margin-left: -12px;}
.slist a{padding:0 12px 0 13px; background: url(../images/sline.jpg) no-repeat 0 5px; float: left; margin-left: -1px; font-size: 12px; margin-top: 5px;}
.step2{width: 960px; margin:0 auto; min-height: 265px;_height:265px;}
.step2Wz{ width:460px; float: right;}
.step2Pic{width:500px; float: left; }
.step3{width: 940px; margin:0 auto; min-height: 265px;_height:265px;}
.step3Wz{ width:460px; float: left;}
.step3Pic{width:480px; float: right; }
.list li{padding-left: 15px;background: url(../images/bdot.jpg) no-repeat 0 15px; font-size: 14px; line-height: 32px; height: 32px; overflow:hidden;}
.jzwz{font-size: 14px;color: #999;  line-height: 30px; width: 640px; float: left;}
.jzBtn{ float: right;}
.tearcherList{ width:324px; padding:0 25px 0 35px;}
.teacherPhoto{width:310px; float: left; text-align: center;}
.teacherPhoto img{ display: block; margin:0 auto;}
.quanRight{width:154px; height: 160px;padding:40px 40px 40px 38px; font-size: 12px; float: right; margin-right: 10px; display: inline; background: url(../images/pao1.jpg) no-repeat} 
.quanLeft{width:154px; height: 160px;padding:40px 40px 40px 38px; font-size: 12px; float: left; margin-right: 10px; display: inline; background: url(../images/pao2.jpg) no-repeat} 
.teacherTwo .tearcherList{padding-top:30px;}
.teacherTwo{margin-bottom: -41px;}
.teacherThr .tearcherList{padding-top: 20px;}
.botImg{width:900px; margin:0 auto;}