body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif;margin:0 auto;color:#333;min-width:1100px;background:#fff;} 
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;} 
img{border:0 none;vertical-align:top;} 
ul,li,ol{list-style-type:none;} 
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal} 
a{text-decoration:none;color:#333;} 
a:hover{text-decoration:none;} 
input,textarea,a,a:hover{outline:none;} 
textarea{resize:none;} 
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;} 
.clearfix{*zoom:1;} 
.fl{float:left; _display:inline;} 
.fr{float:right; _display:inline;} 
.pr{position:relative;} 
.abs{position:absolute;} 
.banner{ background:url(../images/banner.png) center; height:230px; position:relative}
.logo{ position:absolute; top:0; left:0; z-index:2; display:block; width:200px; height:70px;}
.box-title{ font-size:32px; text-align:center; line-height:94px; font-weight:bolder; padding-bottom:1px;}
.box-white{ background:#fff; clear:both}
.box-gray{ background:#f4f4f4; height:auto; padding-bottom:1px; clear:both}
.box-orchid{ background:#8F87C3; height:auto; padding-bottom:1px; color:#fff}
.box-body{ width:1124px; margin:auto}
.box-bodyclass{ width:1116px;margin:auto}
.box-bodyteacher{ width:1100px; margin:auto;position:relative}
.box1{ background:url(../images/box-1-bg.png); height:250px; margin-bottom:25px;}
.service-title{ font-size: 18px; font-weight:bolder; text-align:left; color:#fff; line-height:68px; text-indent:12px}
.service-info{ font-size:16px;  line-height:27px;font-weight:bolder; }
.position01{ top:100px; width:320px; position:absolute; left:30px; }
.position02{ top:50px; width:320px; position:absolute; left:406px; }
.position03{ top:0px; width:320px; position:absolute; left:776px; }
.position02 .service-title{ margin-bottom:14px;}
.position03 .service-title{ line-height:48px; margin-bottom:12px;}
.position03 span{color:#975FFB}
.box-search{ width:1100px; margin:auto; line-height:40px; font-size:16px; color:#656565; margin-bottom:20px; height:42px;}
.box-search input.key{ width:460px; height:40px; border:1px solid #8E86C2;border-radius:40px 0 0 40px; text-indent:2em; font-size:18px; display:block; float:left; line-height:40px; color:#999}
.box-search .submitBTN{ width:180px; height:42px;border-radius:0 40px 40px 0; text-align:center; font-size:18px; background-color:#8E86C2; display:block; float:left; font-size:18px; font-weight:bolder; color:#fff}
.box-search .search-info{ width:400px; height:42px; float:left; margin-left:20px;}
.box-search .submitBTN:hover{ background:#6B61AF; text-decoration:none}
.box-course{ background:url(../images/table_bg.jpg) top center;  width:1101px; clear:left; padding:11px 15px;}
.table-course{ width:1100px; margin:auto; border:1px solid #ddd; border-collapse: collapse;}
.table-course th{  background-color:#6C61AE; height:58px; line-height:58px; color:#fff; font-size:16px; font-weight:bolder; width:49%}
.table-course th.th-color2{ background-color:#8F87C3}
.table-course tbody tr{height:35px; line-height:35px;color:#333; font-size:14px;text-align:center; }
.table-course tbody tr td{ border:1px #ddd solid;border-collapse: collapse;}
.table-course tr.t-title{  font-weight:bolder;  border:0}
.table-course td.tcode{ width:207px}
.btn-morecourse{ display:block; width:210px; height:40px; border:1px solid #8F87C3; line-height:40px; text-align:center; font-size:16px; color:#8F87C3; margin:20px auto;border-radius:40px;}
.btn-morecourse:hover{ background-color:#8F87C3; color:#fff}
.advant{ height:200px;}
.advant li{ width:365px; height:68px; width:365px; float:left; display:block; margin-bottom:30px; background:url(../images/ico_1.png) no-repeat left top; text-indent:80px;}
.advant li p.title1{ font-size:20px; line-height:44px; font-weight:bolder}
.advant li p.info1{ font-size:16px; line-height:16px;}
.advant li.s2{ background-position:0}
.advant li.s2{ background-position:0 -68px}
.advant li.s3{ background-position:0 -136px}
.advant li.s4{ background-position:0 -204px}
.advant li.s5{ background-position:0 -272px}
.advant li.s6{ background-position:0 -340px}
.teacher-list{ height:370px;}
.teacher-list li{ width:275px; display:block; float:left; height:350px; margin-bottom:20px; position:relative}
.teacher-list li img{ width:100%; cursor:pointer}
.teacher-list li:hover .cover-info{ display:block}
.teacher-list li:hover .text-info{ display:block}
.teacher-list li p{ font-size:20px; color:#333; font-weight:bolder; line-height:40px; text-align:center}
.teacher-list li p span{ font-size:14px; color:#656565;font-weight:normal}
.teacher-list li .cover-info{ position:absolute; top:0; background:#000;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;opacity: 0.5; z-index:2; width:275px; height:310px; display:none }
.teacher-list li .text-info{ position:absolute; top:40px; left:20px; z-index:3; color:#fff; display:none}
.teacher-list li .text-info p{text-align:left; color:#fff}
.teacher-list li .text-info p.t{ font-size:18px; font-weight:bolder; line-height:32px; margin-top:10px; }
.teacher-list li .text-info p.i{ font-size:14px; font-weight:normal; line-height:22px;}
.class-list{ height:297px; margin:auto}
.class-list li{ display:block; float:left; background:url(../images/class-bg.png); height:277px; width:279px;margin-left: 70px;}
.class-list li .classname{ font-size:24px; font-weight:bolder; height:80px; text-align:center; margin-top:20px; line-height:50px; color:#fff}
.class-list li .classname p{ font-size:16px; font-weight:normal;line-height:30px;}
.class-list li .moneyinfo{ width:222px; height:55px; margin:25px auto ; border-bottom:1px solid #eee; font-size:16px; line-height:55px;}
.class-list li .moneyinfo div{ width:40%;}
.class-list li .moneyinfo .ml{ float:left; color:#333; text-align:left}
.class-list li .moneyinfo .mr{ color:#D82B2B; text-align:right; font-weight:bolder;margin: 0 auto;text-align: center;}
.btn-classInfo{ display:block; width:125px; height:35px; line-height:35px; text-align:center;  font-size:16px; background-color:#FD5943; border-radius:35px; margin:20px auto; color:#fff}
.btn-classInfo:hover{ background-color:#E03F28}
.tags{width:100%}
.tags a:link,.tags a:hover,.tags a:visited{color:#2541A3;}
.tags div.blue{ background:url(../images/tag_bg.png) 0 -36px no-repeat;color:#2541A3;position:absolute; line-height:36px; text-align:center; width:142px; height:36px;}
.tag_position001{top:185px; left:25px;}
.tag_position002{top:265px; left:135px;}
.tag_position003{top:330px; left:50px;}
.tag_position004{top:400px; left:120px;}
.tag_position005{top:190px; left:895px;}
.tag_position006{top:272px; left:955px;}
.tag_position007{top:323px; left:800px;}
.tag_position008{top:400px; left:900px;}
.bigshow{ position:absolute;  left:218px; width:660px; height:373px; background:url(../images/viceo_bg.jpg); z-index:2}
.play002{ position:absolute; top:215px; left:494px; width:109px; height:109px; z-index:3}
.box_white2{ background-color:#fff; height:500px;}
.hei640{}
.box_tag_left li.select{ background:url(../images/zy_menu_sec.png); height:131px; width:580px; margin-top:-15px }
.Fix_menu{ position:fixed; top:0; bottom:0;margin:auto;right:50px; line-height:40px; width:122px; height:376px; background-color:#387DFF; text-align:center; color:#fff; font-size:16px; font-weight:bolder}
.Fix_menu ul{ background:#fff; width:112px; margin:auto; padding:10px 0}
.Fix_menu ul li{ width:112px; color:#333; font-size:14px; font-weight:lighter; line-height:36px;}
.Fix_menu ul li a:hover{color:#F85A2F; text-decoration:none;}
.Fix_menu .mobile{ background:#fff; width:112px; margin:1px auto; line-height:20px; font-size:14px; font-weight:lighter; color:#333; padding:15px 0}
.Fix_menu img{ cursor: pointer}