@charset "utf-8";
/* CSS Document */

html,body,div,p,span,img,em,i,cite,pre,object,code,del,hr,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,frame,iframe,fieldset,form,seclect,table,caption,tbody,thead,tfoot,tr,td,th,label,legend{margin:0;padding:0; border:0; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
ul,ul li,ol,ol li,dl,dl dd{ list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{ color:#327cff;}
body{ background:#fff;}
a {bblr:expression(this.onFocus=this.blur()); outline:none;}
select,img,input{ vertical-align:middle;}
.fl{ float:left;}
.fr{ float:right;}
/*ClearFix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/**html .clearfix {height:1%;}*/
*+html .clearfix{height:1%;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clear{ clear:both !important;}

.top{ background:url(../images/topbg.jpg) center top repeat-x;}
.tc{ margin:0 auto; width:1000px;}
.topbanner{ position:relative; padding:35px 0 15px 0;}
.search{ padding:20px 0 0; }
.input_wrap{width:250px; height:33px; position:relative; float:left;}
.input_wrap .input_bg{ position:absolute; background:url(../images/searchinput.png) no-repeat; width:250px; height:33px;}
.input_wrap .keyword{ position:absolute; z-index:2; border:0; background:transparent; color:#858585; height:16px; line-height:16px; padding:7px 9px; width:230px; font-size:14px}
.submit_btn{ float:left; width:41px; height:33px; border:0; cursor:pointer; background:url(../images/inputbtn.png) no-repeat;}
.login{ width:308px; padding:0;text-align:center; line-height:25px; height:34px; background:url(../images/login.png) no-repeat; position:absolute; right:0; top:0;}
.login span{ padding:0 15px; font-size:12px;}
.login span.user{ border-right:1px solid #bebebe;}

/* 导航 */
.topnav{ background:url(../images/navbg.jpg) center bottom no-repeat;}
.topnav li{ float:left; width:199px; overflow:hidden; border-left:1px solid #b2cbe8;}
.topnav li.cur,.topnav li:hover{ background:url(../images/navhover.jpg) center 5px no-repeat #327cff;position:relative;}
.topnav li.navfirst{ border-left:none;}
.topnav li dl{ padding:8px 0 8px 20px;}
.topnav li dt{font:18px/36px "微软雅黑";}
.topnav li dd{ line-height:18px; padding-right:16px; font-size:12px; display:none;color:#fff; height:56px;}
.topnav a:link,.topnav a:visited,.topnav a:hover {color:#fff;}
.topnav li #topnologin a{ margin-right:15px;}
.topnav li .qq_btn{background:url(../images/s_bg01.png) no-repeat 0 4px; padding:5px 5px 5px 21px; display:inline-block; margin:8px 0 0}


/*main*/
.listnav{ font-size:12px; padding:15px 0;}
.listnav a{ padding:0 5px; color:#666; }
.listnav a.block{ color:#000;}
.listcon{background:#f6f6f6;}
.sidebar{ width:208px;}
.menu ul li{display:block;margin-bottom:2px;}
.menu ul li.menu1{ background:url(../images/leftsidebar1.jpg) center top no-repeat;}
.menu ul li.menu2{ background:url(../images/leftsidebar2.jpg) center top no-repeat;}
.menu ul li.menu3{ background:url(../images/leftsidebar3.jpg) center top no-repeat;}
.menu ul li.menu4{ background:url(../images/leftsidebar4.jpg) center top no-repeat;}
.menu ul li.menu5{ background:url(../images/leftsidebar5.jpg) center top no-repeat;}
.menu ul li a {display:block;height:44px; width:208px;font:18px/36px "微软雅黑"; text-align:center;overflow:hidden; line-height:44px;color:#fff;}
.menu ul li.free a{ background:url(../images/free.png) 3px top no-repeat;}
.menu ul li.menu4 .inactive {background:url(../images/leftsidebar41.jpg) 0 center no-repeat; color:#327cff;}

.menu ul li.menu4 .active {background:url(../images/leftsidebar4.jpg) 0px center no-repeat;}
.menu ul li.menu5 .inactive {background:url(../images/leftsidebar51.jpg) 0px center no-repeat; color:#327cff;}

.menu ul li.menu5 .active {background:url(../images/leftsidebar5.jpg) 0 center no-repeat;}
.menu ul li ul {display:none;}
.menu ul li ul li { background:url(../images/leftsidebarn.jpg) left top no-repeat;}
.menu ul li ul li a{ height:30px; font:14px/30px "微软雅黑"; color:#666;}
.menu ul li ul li a:hover span{ text-align:center; padding:0 15px; background:url(../images/sidebarlisth.jpg) left center no-repeat; color:#327cff;}
.listclass{ width:770px; padding-left:22px; background:#fff;}

ul.list li {list-style-type:none;margin-left:20px;}
#tabsholder2{ background:url(../images/list.jpg) left top no-repeat;}
ul.tabs {width:100%;overflow:hidden; background:url(../images/borderlr.png) left bottom repeat-x; padding:5px 0;}

ul.tabs li {display: block;padding:5px 12px; float:left; text-align:center;background:url(../images/bordertb.png) top right repeat-y;text-decoration: none;color: #888; cursor:pointer; font:14px/22px "微软雅黑";}

ul.tabs li:hover,ul.tabs li.current { color:#327cff;}
.tabscontent2 {display:none;text-align:justify;font-family:'Microsoft YaHei'; padding-bottom:40px; background:url(../images/borderlr.png) left bottom repeat-x;}

.tabscontent2 h1{font-size:18px;font-weight:bold; padding:15px 0 30px 0;font-family:'Microsoft YaHei';color:#3fa2ee;}
 .tabscontent2 p{ line-height:22px;font-family:'Microsoft YaHei'; color:#666; background:url() right bottom no-repeat; padding:10px;}
  .tabscontent2 p a{color:#3fa2ee;}
  .tabscontent2 .search{ background:#FDD994; padding:15px; margin-bottom:20px;}
  .tabscontent2 .search h1{ float:left; font-size:16px; color:#000; padding:0; margin:0 10px; line-height:30px;}
.tabscontent2 .search span{ padding-left:10px;}
.tabscontent2 .search span input,.tabscontent2 .search span select{ background:#fcf9f4; height:30px; border:1px solid #fff;}
.tabscontent2 .search span input{ height:28px; width:100px; padding:0 5px;}
.tabscontent2 .search span input.ddsearchbtn{ background:#FDC005; border:none; border-radius:2px; color:#000; width:100px; font-weight:bold; font-size:16px; cursor:pointer;}
.classlist{height:150px; border-bottom:3px solid #f4f4f4; padding:15px; width:45%;float:left; overflow:hidden; zoom:1;}
.classlist .time{ width:100px;}
.classlist .tj{display:none; background:url(../images/recommended.png) left top no-repeat; font-size:14px;padding-top:55px;}
.classlist .classcon{width:100%;}
.classcon h4{ float:left;}
.classcon .classtext{ float:left; margin-left:10px;width:69%;}
.classcon .classtext dt{ font:14px/22px Arial, Helvetica, sans-serif; color:#000; margin-bottom:10px; font-weight:bold;}
.classcon .classtext dd{ }
.classcon .classtext dd p{margin:0; padding:0;font:12px/22px Arial, Helvetica, sans-serif;}
.classcon .classtext dd p a.lookclass{ background:url(../images/lookclass.jpg); width:71px; height:26px; color:#333; display:block; text-align:center; cursor:pointer; line-height:26px;}
.classcon .classtext ul{ margin-top:10px;font:12px/18px Arial, Helvetica, sans-serif;}
.classcon .classtext ul li{}
.last{ border:none; background:none;}
.page{ border:1px solid #CCC; background:#f7f7f7; padding:10px; margin-top:25px; text-align:center;}
.page a{ padding:10px 15px; display:inline-block; color:#fff; font-size:12px; background:#92d1ff; margin-left:5px;}
.page a:hover,.page a.on{ background:#41abf8; color:#fff;}
.pagecon{ width:575px;}
.page .pageright,.page .pageleft{width:85px;}
.footer{ margin-top:25px; }
.footext{ height:69px; line-height:69px; font-size:12px; background:url(../images/footer.jpg) bottom center repeat;text-align:center;}
.wrap{ width:1000px; margin:0 auto;}
.hottext{ border:1px solid #CCC; background:#f7f7f7; padding:15px 10px; font-size:12px; margin-top:20px;}
.hottext a{ color:#8ecdf9;}
.main1{ margin-top:10px;}
/* 焦点图 */
.focus{height:320px;position:relative;}

.FocusImg {width:320px; height:320px; }
.FocusImg .BigPic {text-align:center; }
.FocusImg .BigPic img {width:320px; height:320px; display:block; margin:0 auto; }
.FocusImg .TitleBg {height:33px; width:320px; position:absolute; bottom:0; left:0; background:#000; filter:Alpha(Opacity=70); opacity:0.7; background:#000; z-index:10; }
.FocusImg .TitleBox {height:33px; position:absolute; bottom:1px; left:5px; font-size:12px; color:#fff; padding-left:6px; line-height:33px; z-index:20; }
.FocusImg a:link, .FocusImg a:visited {color:#fff; text-decoration:none; }
.FocusImg a:hover {color:#fff; text-decoration:underline; }
.focus .SmallPics {zoom:1; position:absolute; right:0; top:10px; z-index:20000 ; width:220px; height:10px; vertical-align:top; text-align:center;}
.focus .SmallPics span { display:inline-block;vertical-align:top; margin-left:11px; width:10px; height:10px;background:url(../images/pot.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/pot.png');_background:none;}
.focus .SmallPics span.selected{background:url(../images/pots.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/pots.png');_background:none;}
.focus .SmallPics span a{ display:inline-block; width:10px; height:10px; overflow:hidden}
.link{ width:322px;}
.link span{ margin-right:-1px; cursor:pointer; width:106px; height:35px; float:left; background:url(../images/sbg_03a.jpg) 0 0 repeat-x; border:1px solid #cfcfcf; text-align:center; line-height:35px; color:#900; font-size:12px;}
.link span.linkon{ border-right:none; border-left:none; background:url(../images/sbg_03.jpg) 0 0 repeat-x;font-weight:bold; color:#fff;}

.focusblog{ width:305px;position:relative;}
.FocusImgblog{ width:305px; height:185px;}
.FocusImgblog .BigPicblog {text-align:center; }
.FocusImgblog .BigPicblog img {width:305px; height:185px; display:block; margin:0 auto; }
.FocusImgblog .TitleBgblog {height:33px; width:305px; position:absolute; bottom:0; left:0; background:#000; filter:Alpha(Opacity=70); opacity:0.7; background:#000; z-index:10; }
.FocusImgblog .TitleBoxblog {height:33px; position:absolute; bottom:1px; left:5px; font-size:12px; color:#fff; padding-left:6px; line-height:33px; z-index:20; }
.FocusImgblog a:link, .FocusImgblog a:visited {color:#fff; text-decoration:none; }
.FocusImgblog a:hover {color:#fff; text-decoration:underline; }
.focusblog .SmallPicsblog {zoom:1; position:absolute; right:0; bottom:40px; z-index:20000 ; width:300px; height:10px; vertical-align:top; text-align:center;}
.focusblog .SmallPicsblog span { display:inline-block;vertical-align:top; margin-left:11px; width:10px; height:10px;background:url(../images/pot.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/pot.png');_background:none;}
.focusblog .SmallPicsblog span.selected{background:url(../images/pots.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/pots.png');_background:none;}
.focusblog .SmallPicsblog span a{ display:inline-block; width:10px; height:10px; overflow:hidden}

.newslist{ margin-left:25px; width:310px;}
h2.bgtitle{ border-top:1px dotted #aaa; background:url(../images/h2bg_03.jpg) 0 0 repeat-x; height:43px; line-height:43px; clear:both; overflow:hidden; zoom:1;}
h2.bgtitle span{ display:block; background:url(../images/h3title.jpg) left center no-repeat; padding:0 15px; border-right:1px solid #999; float:left;font:18px/43px 'Microsoft YaHei'; color:#4b8cfe;}
h2.bgtitle em{ display:block; float:left; background:url(../images/news.png) left center no-repeat; margin-left:15px; height:43px; width:100px;}
h2.bgtitle a{ float:right; font-size:12px; margin-right:15px; font-weight:normal;}
ul.list_01{ padding-top:2px;}
ul.list_01 li{ line-height:24px; height:24px;background:url(../images/linedot.gif) repeat-x -3px;}
ul.list_01 li a{background-color:#fff;}
ul.list_01 li span.ct{float:right;background-color:#fff;}
ul.list_01 li a.listleft{ padding-right:10px;}
ul.list_01 li a.blue{color:#4b8cfe;}

.hot{ width:320px;}
.tw01{ padding:15px 0 0}
.tw02{ padding:9px 0 0}
.tw02 .b_txt{margin-left:164px; _margin-left:161px; position:relative}
.tw02 .price{ line-height:22px; font-weight:bold; padding:7px 0 0}
.blk_tw { clear:both; overflow:hidden;zoom:1;}
.blk_tw .twpic {float:left; text-align:center;}
.blk_tw .twpic img{ float:left;background:#fff;}
.blk_tw .twpic p{text-align:center; padding-top:5px;}
.blk_tw .b_txt { float:left; width:230px;margin-left:10px; _margin-left:10px;_height:1%;}
.blk_tw .b_txt p {color:#999}
.blk_tw h3 {font-size:12px; padding-bottom:5px; font-weight:bold; color:#666;}
.blk_tw h3 a:link, .blk_tw h3 a:visited{color:#666;}
.blk_tw h3 a:hover{color:#c00}
.tit_01{ margin:10px 0;}
h3.ntitle{ border-top:1px solid #bbb; background:url(../images/h2bg_03.jpg) left bottom repeat-x; font-size:12px; height:30px; line-height:30px; padding-left:10px;}
h3.ntitle a{ color:#999;}
ol.list_01 li{ height:22px; line-height:22px;}
ol.list_01 li em{ padding-right:5px;}

.main2,.main3,.main4{ margin-top:10px;}
.main5{ margin-top:20px;}
.main2 a{ display:block; float:left; margin-left:9px;}
.main2 a.adone{ margin-left:0;}
.main3 .home{ width:660px; float:left;}
.main3 .tw03{ width:330px; position:relative; margin-top:20px; float:left;}
.main3 .tw030{ width:220px;}
.recommend{ background:url(../images/recommend.png) 0 0 no-repeat; width:43px; height:43px; display:block; position:absolute; left:0; right:0;}
.b_txt{ float:left; margin-left:10px; width:200px;}
.b_txt h3{ padding-bottom:5px;}
p.classkc{ margin-top:20px; line-height:16px;}
.classkc em{ font-style:normal; color:#000; padding-left:5px; font-weight:bold;}
a.study2_btn{ background:url(../images/lookclass2.jpg) 0 0 no-repeat; height:26px; width:90px; text-align:center; display:block; line-height:26px; margin-top:5px;}
#FS_Cont_B .box{width:660px;}
.scroll .scroll_cont{float:left; padding:20px 0 0 0; width:660px;}
.arr_left{float:left; background:url(../images/circlel.png) 0 0 no-repeat; width:23px; height:23px; position:absolute; left:0; top:0;}
.arr_left:hover{ background:url(../images/circlela.png) 0 0 no-repeat;}
.arr_right{float:right;background:url(../images/circler.png) 0 0 no-repeat; width:23px; height:23px; position:absolute; right:0; top:0;}
.arr_right:hover{background:url(../images/circlera.png) 0 0 no-repeat;}
.scroll .box{float:left;width:625px;}
.scroll .box .blk_tw_pic{ float:left; width:188px; display:inline; margin-right:17px;}
.scroll .box .blk_tw_pic p{ height:59px; line-height:60px; overflow:hidden; font-size:14px}
.scrollti{ background:url(../images/classtitle.png) center center no-repeat; text-align:center; height:23px; line-height:23px;margin-top:20px; position:relative;}
.tw030{ float:left;}
.tw030 .b_txt{ width:100px;}
.teacher{ width:320px;}
#expertblog{height:105px;overflow-y:scroll; margin-top:10px;}
#expertblog li{line-height:22px;float:left;margin-right:5px;width:46%;}

#menulst{margin:10px 0 20px;}
#menulst li{float:left;margin:5px; width:75px; padding:0 10px; line-height:24px;height:24px;text-align:center; background:url(../images/orbtn.png) 0 0 repeat-x;}
#menulst li a{color:#fff;}
ul.list_02{ padding:10px 0;}
ul.list_02 li{ line-height:24px; height:24px; overflow:hidden; white-space:nowrap}
ul.list_02 li span{ float:right; color:#999;overflow:hidden; text-overflow:ellipsis;max-width:6em}

.china{ width:485px; float:left;}
.china .mapimg{ border:1px solid #81c6fa; margin-top:-1px; background:url(../images/map3.jpg) center center no-repeat; clear:both; overflow:hidden; zoom:1; border-top:none; margin-bottom:10px;}
.china .mapimg li{ padding:15px 8px 15px 9px; width:224px; float:left;}
.china .mapimg li h2{ padding-left:35px;font:16px/22px 'Microsoft YaHei';}
.china .mapimg li h2.zyz{ background:url(../images/zyz.jpg) 10px center no-repeat;}
.china .mapimg li h2.zj{ background:url(../images/zj.jpg) 10px center no-repeat;}
h2.bgtitle em.pcem{ background:url(../images/pg.png) left center no-repeat; width:180px;}
.pccon{ background:url(../images/online.png) left top no-repeat; height:154px;}
.pccon li{ background:url(../images/onlinelist.png) center center no-repeat; width:130px; height:120px; float:left; padding:5px 15px;}
.pccon li a{font:14px/22px 'Microsoft YaHei'; padding:55px 10px 0; display:block; text-align:center;}
.pccon p a{ display:block; float:left; text-align:center; width:160px; height:24px;font:14px/24px 'Microsoft YaHei'; color:#327cff;}
.pccon p a.pcone{ color:#FFF;}
.menu01{ background:url(../images/s_bg05.png) no-repeat; width:104px;margin-top:10px; float:left;}
.menu01 li{height:39px; border-bottom:solid 1px #e5e5e5; line-height:39px; padding-left:25px; font-size:14px}
.menu01 li.selected{ background:url(../images/s_bg05.png) no-repeat -110px 0; color:#fff}
.menu01 .btn{ padding:7px 0 10px 4px}
.menu01 .btn a, .menu01 .btn a:visited, .menu01 .btn a:hover{ background:url(../images/s_bg05.png) no-repeat -115px -44px; width:99px; height:30px; text-align:center; line-height:30px; text-align:center; display:block; margin-bottom:7px; color:#c00}
.zj .bc{ float:right; width:375px; overflow:hidden;}
.zj .bc .bc01{ padding-top:17px; width:370px;}
.zj .bc .bc02{ padding:15px 0 0}
.btw01{ float:left; width:98px; padding:0 19px 0 6px;height:130px;overflow:hidden}
.btw01 p{ text-align:center; line-height:20px;}
.blk_tw_pic img{margin:0 auto; background:#fff; display:block; width:98px; height:110px; }
.zj{ width:490px;}
.tit_03{ height:34px; background:url(../images/blog.png) 80px center repeat-x;}
.tit_03 h2{ line-height:34px; font-size:18px; font-family:"微软雅黑"; background:#fff; float:left;}
.tit_03 h2 a{ float:left; margin-right:5px; font-weight:normal; color:#4b8cfe;}
.tit_03 .more {float:right; background:#fff; padding:0 16px; line-height:35px;}
ul.list_blog li{ height:24px; overflow:hidden; white-space:nowrap; line-height:24px; width:355px;}
ul.list_blog li span{ float:right; color:#999;overflow:hidden; text-overflow:ellipsis;max-width:6em}
.imgvideo{ width:680px; float:left;}
.weibo{ float:right; width:301px;}
.imgb{ width:305px;}
.imgv{ width:355px;}
h2.bluetitle{ background:url(../images/blue.jpg) 0 0 repeat-x;}
h2.bluetitle span{ display:block; background:url(../images/white.jpg) left center no-repeat; padding-left:15px; height:43px; line-height:43px;  color:#fff; font-size:16px;}
.blogcon{ margin-top:5px;}
.blogcon a{ display:block;}
.blogcon a.blgoone{ float:left; margin-right:5px;}
.blogcon ul li{ margin-top:5px; *margin-top:2px; width:62px; height:42px;}
.blogcon ul li.videoone{ margin:0;}
.book{ margin-top:15px;}
.book .scroll h3{font:18px/24px 'Microsoft YaHei'; color:#327cff; position:relative;}
.book .scroll h3 a{ display:block; position:absolute; width:16px; height:16px;}
.book .scroll h3 a.arr_left{ background:url(../images/fleft.jpg) 0 0 no-repeat; left:80px; top:5px;}
.book .scroll h3 a.arr_right{ background:url(../images/fright.jpg) 0 0 no-repeat; left:100px; top:5px;}
.book .scroll h3 a.arr_left:hover{ background:url(../images/flefta.jpg) 0 0 no-repeat;}
.book .scroll h3 a.arr_right:hover{ background:url(../images/frighta.jpg) 0 0 no-repeat;}
.scroll  .scroll_cont2{ padding:20px 0 0 0; float:left; width:680px;}
.scroll  .scroll_cont2 .box{ width:680px;}
.scroll  .scroll_cont2 .box .blk_tw_pic{ float:left; display:inline; margin-right:15px; width:84px;}
.scroll  .scroll_cont2 .box .blk_tw_pic p{ height:35px; line-height:35px;}
.scroll  .scroll_cont2 .box .blk_tw_pic img{ width:84px; height:105px;}
.scroll  .scroll_cont2 .box .mar0{ margin:0;}
.blk_05{ background:url(../images/weibo.jpg) 0 0 no-repeat; padding:11px;}
.tw04{ padding:0 0 10px; margin-bottom:14px; border-bottom:dotted 1px #c2c2c2}
.tw04 .b_txt{margin-left:73px; _margin-left:70px; position:relative}
.tw04 .b_txt h3{ line-height:40px; font-weight:100}
.blk_05 .weixin{ text-align:center;}
.blk_05 .weixin img{ display:block; margin:0 auto; height:130px;}
.blk_05 .weixin p{ color:#333; font-size:18px; line-height:40px;font-family:"微软雅黑"}
.friendlink{ background:url(../images/gdbg.jpg) center center no-repeat #dff2ff; padding:10px 0;}
.friendlink .scroll{ position:relative;}
.friendlink .scroll .box{ width:900px;}
.friendlink .scroll .box p{ float:left; width:185px; padding:0 20px;font:14px/60px 'Microsoft YaHei'; }
.friendlink .scroll a.arr_left{ background:url(../images/qleft.png) 0 0 no-repeat; left:5px; top:5px;display:block; position:absolute; width:50px; height:50px;}
.friendlink .scroll a.arr_right{ background:url(../images/quright.png) 0 0 no-repeat; right:5px; top:5px;display:block; position:absolute; width:50px; height:50px;}
.friendlink .scroll_fl{ padding:0 50px;height:60px;overflow:hidden;}

.video{ float:left;}
.video img{ width:286px; height:185px;}
.menu02{ float:left;}
.menu02 li.selected{ border:2px solid #39F; width:60px; height:32px;}
.imgv .menu02 li{ height:32px;}
.menu02 li img{ width:60px; height:32px;}
.menu02 .btn{width:60px; height:32px; border:1px solid #f8f8f8;}
.menu02 .btn img{ width:60px; height:32px;}











































/*****
 *New Added
 * ***/
a.blue{color:#4b8cfe;}
.vitm{position:relative}
.vitm p{position:absolute;bottom:0px;left:0px;}