/* ---------------------------- main -------------------------- */
#bdshare{ float:right;}


/* ---------------------------- conmain -------------------------- */
.conmain,.conmain3{ width:660px; min-height: 883px; margin:8px 0; border:1px solid #E2E2E2;}
.conmain .titlebar{ width:660px; height:40px; }
.conmain .titlebar h2{ display:block; overflow:hidden;}
.conmain2{ border-top:3px solid #396AB5;}

.conmain3{ border-top:none;}
.conmain3 .titlebar2{ width:660px; height:40px; margin-bottom:10px;}
.conmain3 .titlebar2 h2{ width:660px; height:41px; line-height:41px;}
.conmain3 .titlebar2 h2 a{ width:94px; height:41px; line-height:41px; display:inline-block; text-align:center; background:url(bg4.gif) repeat-x; border-top:none; border-bottom:1px solid #E2E2E2; color:#666; background-color:#f5f5f5; }
.conmain3 .titlebar2 h2 a:hover{ background:url(bg3.gif) repeat-x; border-top:none; color:#2e2e2e;}
.conmain3 .titlebar2 h2 a.checkl{ width:95px; background:url(bg3.gif) repeat-x; border-top:none; border-bottom:none; border-right:1px solid #E2E2E2; color:#2e2e2e;}
.conmain3 .titlebar2 h2 a.checkm{ width:94px; background:url(bg3.gif) repeat-x; border-top:none; border-bottom:none; border-right:1px solid #E2E2E2; border-left:1px solid #E2E2E2; color:#2e2e2e;}
.conmain3 .titlebar2 h2 a.checkr{ width:95px; background:url(bg3.gif) repeat-x; border-top:none; border-bottom:none; border-left:1px solid #E2E2E2; color:#2e2e2e;}
.conmain3 .articlebox dt{ font-weight:bold; font-size:14px; line-height:28px; color:#2e2e2e; margin-bottom:10px;}
.conmain3 .articlebox dd{ font-size:12px; line-height:24px; margin-bottom:6px; background:url(/images/icp.jpg) no-repeat 1px 10px; text-indent:10px; }
.conmain3 .articlebox dd iframe{ position:relative; left:-25px;}
.conmain3 .articlebox dd.clean{ background:none; text-indent:0;}
.conmain3 .articlebox h2.contactus{ border-bottom:1px solid #999999; font-size:20px; margin:20px 0;}
.conmain3 .articlebox h2.contactus span{ font-size:9px; font-weight:normal;}
.conmain3 .articlebox p.huanjingtext{ line-height:20px; margin-bottom:10px;}
.conmain3 .articlebox p.f12{ font-size:12px; line-height:24px; padding-bottom:15px; color:#282828;}
.conmain3 .articlebox ul li{ float:left;}
.conmain3 .articlebox ul li img{ width:280px; height:200px;}
.conmain3 .articlebox .imagetext{margin:0 10px 6px 0; padding:4px; background:#e2e2e2; border:1px solid #d4d4d4;}
.conmain3 .articlebox .imagetext p{text-align:center; line-height:26px;}
.conmain3 .articlebox table{ margin-bottom:10px;}

/* ---------------------------- index:basepart -------------------------- */
.basepart{ margin:6px 0 6px 5px; border: 1px solid #E2E2E2;}
.basepart .titlebar{ width:320px; }
.basepart .basepart_text{ padding:4px;}
.basepart .basepart_img{ margin-right:5px; border:1px solid #E2E2E2; padding:2px;}
.basepart .basepart_img img{ width:80px; height:80px;}
.basepart .basepart_text ul{ width:220px; margin-bottom:6px;}
.basepart .basepart_text ul li{ background:url(li.jpg) no-repeat; height:24px; line-height:24px; overflow:hidden; text-indent:10px;}

/* ---------------------------- list:marpad -------------------------- */

.marpad ul{ margin-left:8px; margin-top:8px;}
.marpad ul li{ float:left; clear:both; width:616px; height:28px; line-height:28px; background:url(ye_dian.gif) no-repeat 0 11px; padding:0 10px; display:inline-block; overflow:hidden;}
.marpad ul li span{ float:right; }
.marpad ul li a{ width:500px; display:block; font-size:14px;}
.marpad ul li.line{ background:none; height:9px; line-height:0; border-top:1px dashed #E2E2E2; margin:7px 0 0 0;}

.marpad dl{ margin-left:18px; margin-top:8px; width:614px;}
.marpad dt{ background:url(/images/faqbar.jpg) no-repeat; height:42px; padding:0 10px 0 50px; font:bold 14px/42px '微软雅黑','宋体'; overflow:hidden;}
.marpad dt span{ margin-right:6px;}
.marpad dd{ line-height:22px; padding:4px; color:#3e3e3e;}
.marpad dd span{ margin-right:10px; color:#888;}
.marpad dd span.ddspan{margin-left:10px;}
.marpad dd span a{ color:#3e3e3e;}
.marpad dd span a:hover{ color:#ba2636;}

.epages { clear:both; text-align: center; margin:16px 0;font:11px/12px Tahoma;}
.epages *{vertical-align:middle;}
.epages span{ border-radius:15px;padding:4px 7px; font-weight:bold; color:#fff; border:1px solid #396AB5; background:#396AB5; }
.epages a{ border-radius:15px;padding:4px 7px;border:1px solid #396AB5; margin:0 2px 0 0;text-align:center;text-decoration:none;font:normal 12px/14px verdana; color:#396AB5; display:inline-block;}
.epages a:hover{border:#396AB5 1px solid;background:#396AB5; color:#fff;text-decoration:none;}

/* ---------------------------- list:container -------------------------- */
.container ul{ margin-left:14px; margin-top:8px;}
.container ul li{ float:left; clear:both; background:#f7f7f7; border:1px solid #e2e2e2; width:600px; padding:10px; display:inline-block; overflow:hidden; margin-bottom:10px;}
.container ul li p.container_date{ border-bottom: 1px solid #999999; color: #999999; font-size: 10px; line-height: 10px; margin: 0; padding: 5px 0 6px; text-align: left; text-transform: uppercase; }
.container ul li p.container_img{ text-align:center; margin-bottom:10px; width:600px;}
.container ul li p.container_img img{ max-width:600px; max-height:320px;}
.container ul li p.container_text{ line-height:24px; font-size:12px;}
.container ul li h3 { width:600px; display:block; font-size:20px; line-height:40px;}

h3.container_h3 { border-bottom:1px solid #999999; margin-bottom:8px;}
span.container_date2{ float:right; font-size:12px; }
p.container_img2{ float:left; text-align:center; margin-bottom:10px; padding:4px; width:155px; height:180px; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-bottom:2px solid #e2e2e2; border-right:2px solid #e2e2e2; background:#fff;}
p.container_img2 img{ max-width:155px; max-height:180px;} 
p.container_text2{ line-height:24px; font-size:12px; margin-left:190px;}
p.container_text2 strong{ width:90px; display:inline-block; }

span.container_date3{ float:right; font-size:12px; }
p.container_img3{ float:left; text-align:center; margin-bottom:10px; padding:4px; width:210px; height:155px; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-bottom:2px solid #e2e2e2; border-right:2px solid #e2e2e2; background:#fff;}
p.container_img3 img{ max-width:210px; height:155px;} 
p.container_text3{ line-height:24px; font-size:12px; margin-left:240px;}
p.container_text3 strong{ width:90px; display:inline-block; }


/* ---------------------------- list:classtable -------------------------- */
.container2{ }
.classtable{ margin:0 auto; }
.classtablewl{ width:660px; }
.classtablewa{ width:600px; margin:10px 0;}
.classtable thead{ font-size:12px; font-weight:bold; background:#D9D9D9; }
.classtable tr{ height:30px;}
.classtable tr td{ text-align:center; padding:4px; border-bottom:1px solid #d1d1d1;}
.classtable tr td.tableMain{ width:180px; }
.classtable tr td.tableimg{padding:8px; }
.classtable tr td.tableimg img{ width:60px; height:60px; border:1px solid #999;}
.classtable tr td.tableNum{ font-size:26px;}
.classtable tbody tr.line1{ background:#F1F1F1;}
.classtable tbody tr.line2{ background:#FBFBFB;}
.classtable tbody td{ font-size:14px; color:#212121;}

/* ---------------------------- article:marpad -------------------------- */
.articlebox{ padding:20px 30px;}
.articlebox h1{ font-size:22px; text-align:center; margin:10px 0 10px; line-height:28px;}
.articlebox h3{ text-align:right; line-height:28px; margin-bottom:10px;}
.articlebox center span{ margin:0 10px;}
.articlebox .infoarea{ border-top:1px solid #D7D7D7; border-left:1px solid #D7D7D7; border-right:3px solid #D7D7D7; border-bottom:3px solid #D7D7D7; background-color:#F4F4F4; padding:10px 20px; margin:20px 0 10px; line-height:22px;}
.articlebox .conarea{ border-bottom:1px dashed #ccc;}
.articlebox .conarea p{ font-size:14px; line-height:26px; padding-bottom:15px; color:#282828; }
.articlebox .conarea a{ padding-bottom:4px; border-bottom:1px dashed #044C68;}
.articlebox .conarea a:hover{ border-bottom:1px dotted #BA2636; }
.articlebox .conarea ul,.articlebox .conarea ol{ padding-bottom:15px; }
.articlebox .conarea li{ font-size:13px; list-style:square inside; line-height:26px; text-indent:2em;}
.articlebox .conarea table tr td { line-height:24px; padding:0 4px; color:#2e2e2e;}
.articlebox .conarea img{ border:1px solid #D7D7D7; padding:4px; text-align:center; max-width:600px; } 
.articlebox .conarea small{ font-size:12px; font-weight:bold;}
.articlebox .conarea p.taglist{ font-size:12px; padding:0; background:url(tags.png) no-repeat 0 4px; text-indent:2em;}
.articlebox .conarea p.taglist a{ padding:0; border:none;}
.articlebox .like dl { padding:15px 10px 5px;}
.articlebox .like dl dt{ font-size:14px; font-weight:bold; margin-bottom:10px;}
.articlebox .like dl dd{ font-size:14px; background:url(li.jpg) no-repeat 0 0; text-indent:14px; line-height:24px; height:24px; overflow:hidden; }
.articlebox .like dl dd span{ font-size:12px; }

/* ---------------------------- intro -------------------------- */


/* ---------------------------- conside -------------------------- */
.conside{ width:290px; margin:0 0px;}

.more{ margin-top:5px; margin-left:20px; padding:0 4px; font-size:10px; height:22px; line-height:22px; background:url(more.png) no-repeat center center; color:#396AB5;}
.more a{ color:#396AB5; font-weight:bold; }
.more a:hover{ color:#0079DC; font-weight:bold;}

/* ---------------------------- list:Contact -------------------------- */
.contact{ float:left; width:290px; background-color:#396AB5; margin-bottom:10px; }
.contact .contact_box{ margin:6px 2px 2px 2px; background-color:#FFF; }
.contact .contact_box ul li{ height:55px; border-bottom:#E2E1E1 1px solid; padding:2px;}
.contact .contact_box ul li.con01{ background:url(contact_01.jpg) no-repeat 4px 16px;}
.contact .contact_box ul li.con01 img{ margin:10px 0 0 80px; }
.contact .contact_box ul li.con02{ background:url(contact_02.jpg) no-repeat 4px 16px;}
.contact .contact_box ul li.con02 p{ height:22px; line-height:22px; margin:8px 0 0 80px;}
.contact .contact_box ul li.con02 a{ margin-top:4px; margin-right:10px; }
.contact .contact_box ul li.con03{ background:url(contact_03.jpg) no-repeat 4px 16px;}
.contact .contact_box ul li.con03 img.con03_01{ margin:0 0 0 80px;}
.contact .contact_box ul li.con04{ height:64px;}
.contact .contact_box ul li.con04 a{ background:url(contact_05_2.jpg) no-repeat 8px 8px; text-indent:-999px; display:block; width:282px; height:58px;}
.contact .contact_box ul li.con04 a:hover{ background:url(contact_05.jpg) no-repeat 8px 8px;}


/* ---------------------------- list:itcourse -------------------------- */
.itcourse{ width:290px; background-color:#396AB5; }
.itcourse h3{ color:#fff; font-family:"微软雅黑","黑体"; font-size:16px; line-height:30px; margin: 5px 15px; }
.itcourse span{ display: inline-block; font-size: 12px; font-weight: normal;}
.itcourse-ico{ margin:4px; background-color:#FFF; }

.conbox{ width:270px; display:table; padding:6px; border-bottom:1px dashed #DDD;}
.conimg a{ display:block; border:1px solid #ddd; padding:4px;}
.conimg a:hover{ border:1px solid #396AB5;}
.conimg a img{ width:76px; height:76px; }
.contitle{ width:154px; padding:0 0 0 14px;}

/* ---------------------------- list:hotbar -------------------------- */
#hotbar{ width:290px; height:335px; margin:8px 0 0 0; border:1px solid #E2E2E2;}
#hotbar .titlebar{ width:290px;}
#hotbar h3{ display:block; overflow:hidden;}
#hotbar h3 span{ float:right; font-size:12px; text-decoration:none; padding:9px 4px 4px 0;}
#hotbar h3 span a{ width:60px; height:30px; line-height:30px; display:block; overflow:hidden; text-align:center; text-indent:0; }
#hotbar h3 span a.tabactive { border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:3px solid #39A5E6; background-color:#fff; font-weight:bold; color:#39A5E6; }
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#tabcontent6{ width:290px; }
#tabcontent3 img.cuxiao{ width:280px; margin:6px 0 0 5px;}

.titlebar{ background:url(bg-x.gif) repeat-x 0 0; height:41px; line-height:41px; text-indent:10px; border-bottom:1px solid #d3d3d3;}
.titlebar_w{ background:url(bg-x.gif) repeat-x 0 0; height:41px; line-height:41px; text-indent:10px; border-bottom:1px solid #d3d3d3;}

.marpad2 ul{ margin:4px 4px 0; height:220px; }
.marpad2 ul li{ height:27px; line-height:27px; border-bottom:1px dashed #EEE; }
.marpad2 ul li span{ float:left; border-radius:10px 10px 10px 10px; width:20px; color:#fff; background-color:#CACACA; line-height:20px; font-weight:bold; text-align:center; margin:3px 0 0 10px;}
.marpad2 ul li span.first1{ background-color:#39A5E6;}
.marpad2 ul li span.first2{ background-color:#39A5E6;}
.marpad2 ul li span.first3{ background-color:#39A5E6;}
.marpad2 ul li span.first4{ background-color:#CACACA;}
.marpad2 ul li span.first5{ background-color:#CACACA;}
.marpad2 ul li span.first6{ background-color:#CACACA;}
.marpad2 ul li span.first7{ background-color:#CACACA;}
.marpad2 ul li span.first8{ background-color:#CACACA;}
.marpad2 ul li span.first9{ background-color:#CACACA;}
.marpad2 ul li span.first10{ background-color:#CACACA;}
.marpad2 ul li a{ height:24px; padding-left:10px; display:block; overflow:hidden; font-size:12px;}


/* ---------------------------- list:classinfo -------------------------- */
.classinfo{ width:290px; height:155px; background-color:#396AB5; margin:8px 0 0 0; }
.classinfo h3{ color:#fff; font-family:"微软雅黑","黑体"; font-size:14px; line-height:30px; margin:0 15px; }
.classinfo span{ display: inline-block; font-size: 12px; font-weight: normal;}
.classinfo-ico{ margin:0 4px; background-color:#FFF; height:120px; }
.classinfo-ico dl{ margin:0 0 0 2px;}
.classinfo-ico dl dd{ float:left; width:68px; height:24px; line-height:24px; overflow:hidden; text-indent:4px;}
.classinfo-ico dl dd.long{ width:75px;}
.classinfo-ico dl dd.bold{ font-size:14px; font-weight:bold;}
.classinfo-ico dl dd.blue img{ float:left; width:68px; height:auto; margin-top:3px;}

/* ---------------------------- article:slider -------------------------- */
#slider { Z-INDEX: 1;POSITION: relative;WIDTH: 290px;HEIGHT: 350px;OVERFLOW: hidden;TOP: 8px;LEFT: 0px;border:1px solid #396AB5; background:#396AB5; margin-bottom:8px;}
#slider .slide { Z-INDEX: 10;POSITION: absolute;BORDER-LEFT: #000 1px solid;WIDTH: 290px;BACKGROUND: #000;HEIGHT: 300px;OVERFLOW: hidden;CURSOR: default;text-align:left;}
#slider .text { POSITION: absolute;TEXT-ALIGN: justify;WIDTH: 290px;DISPLAY: none;FONT-FAMILY: verdana, arial, Helvetica, sans-serif;COLOR: #fff;FONT-SIZE: 0.9em;TOP: 100%;LEFT: 10px}
#slider .diapo { POSITION: absolute;FILTER: alpha(opacity=100);VISIBILITY: visible;opacity: 1}
#slider .ps{ position:absolute; top:315px; left:16px; color:#fff;}
#slider .ps a{ font-size:16px; font-weight:bold; font-family:"黑体"; color:#FF0;}
#slider .ps a:hover{ color:#9FF;}


/* ---------------------------- tags:taglist -------------------------- */
#zimu{ background-color: #C7E2F3; border: 1px solid #ACDFFF; margin-bottom:10px;}
#zimu #zimu_title{ padding:14px 10px 4px; font-size:14px;}
#zimu ul#suoyin2{  float:left; padding:10px 20px;}
#zimu ul#suoyin2 li{ float:left; background:url(tag_bg.jpg) no-repeat; width:34px; height:24px; text-align:center; line-height:24px; }
#zimu ul#suoyin2 li a{ display:block; font-weight:bold;}
#zimu ul#suo{ float:left; margin:0 5px 10px; padding:10px; background:#fff; width:920px;}
#zimu ul#suo li ul{ clear:both; }
#zimu ul#suo li ul li{ float:left; width:230px; height:24px; text-indent:45px; line-height:24px; overflow:hidden;}
#zimu #fenye{ text-align:center; padding:10px 0; clear:both; }

/* ---------------------------- tags:tagcontext -------------------------- */
.tagtitle{ font-size:16px; height:30px; line-height:30px;}
.hotags{ float:left; font-size:14px; padding:0 5px; height:32px; line-height:32px;}