﻿@charset "utf-8";
/* CSS Document */
body { margin:0px; font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif; background:#ffffff url(09jk_01.gif) top repeat-x;}
* { padding:0px; margin:0px;}
li { list-style:none;line-height:150%}
img {border:0px;line-height:0px;}
a:link,a:visited {color:#333333;text-decoration: none;}
a:hover,a:active {color:#ff5c01;text-decoration: none;}

h1{ font-size:24px; font-weight:normal; font-family:"黑体"; color:#000066; line-height:28px; margin:10px auto; text-align:center; }
h1 a:link,h1 a:visited{ text-decoration:none;}
h2{ font-size:14px; line-height:25px; }
h3{ font-size:12px; }
h4{}
h5{}
h6{}

.l{float:left; text-align:left; display:inline;}
.r{float:right; display:inline;}
.f14{ font-size:14px;}
.cBlue,a.cBlue {color:#001a50;}
.cBlue a:link,.cBlue a:visited {color:#001a50;text-decoration:none;}
.cBlue a:hover {color:#ff5c01;text-decoration:underline;}
.cGray,a.cGray {color:#5a5a5a;}
.cGray a:link,.cGray a:visited {color:#5a5a5a;text-decoration:none;}
.cYellow,a.cYellow{ color:#ffea00;}
.cYellow a:link,.cYellow a:visited{ color:#ffea00; text-decoration:none;}
.cYellow a:hover{ color:#ff7e00; text-decoration:none;}
.cWhite,a.cWhite {color: #ffffff; }
.cWhite a:link , .cWhite a:visited {color: #ffffff;text-decoration:none;}
.cRed,a.cRed {color: #c82a00; }
.cRed a:link, .cRed a:visited, a.cRed:link, a.cRed:visited{color: #c82a00;}
/*clear float to div*/
.clear {clear:both;font-size:1px;visibility:hidden;width:1px;line-height:0px;}
/*CSS-HACK */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix{display:block;}

/*top zone*/
.cnt {width:950px;margin:0 auto;clear:both;overflow:hidden;text-align:left;}
.c_l { width:240px; float:left; display:inline; text-align:left; overflow:hidden; margin:2px 0px 0px 26px; }
.c_r{ width:900px; text-align:left; overflow:hidden; margin:8px 0px 0px 25px;}
.m_t{ margin-top:8px;}
.bg1{ background:url(09jk_06.gif) left repeat-y; margin-top:8px; padding-bottom:8px;}
.logo{ width:200px; height:150px; overflow:hidden; float:left; display:inline; }
.ver{ width:750px; height:123px; overflow:hidden; float:right; display:inline; }
.ver .l{ width:350px;}
.ver .r{ width:100px; margin:25px 10px 0px 0px;}
.ver .f14{ line-height:25px; margin-left:2px;}
.nav{ width:750px; height:27px; margin:0px 0px 0px 0px; float:right; display:inline; }
.nav ul{}
.nav ul li{display:inline; float:left; height:27px; overflow:hidden; margin:0px 0px 0px 0px;}
.nav ul li a{ display:block; float:left; text-align:center; padding:0px 23px; line-height:32px; height:27px; overflow:hidden;}
.nav ul li.btn_on{background:#285bc3;}
.nav ul li.btn_on a{ color:#FFFFFF; }
.nav ul li.btn_on a:link, .nav ul li.btn_on a:visited{color:#FFFFFF;}
.nav ul li.btn_on a:hover{ color:#ffffff; }
.nav ul li.btn_off{ border-right:1px solid #285bc3;}
.nav ul li.btn_off a{ color:#0054ff; }
.nav ul li.btn_off a:link,.nav ul li.btn_off a:visited{ color:#0054ff; }
.nav ul li.btn_off:hover{ background:#285bc3;}
.nav ul li.btn_off a:hover{ color:#FFFFFF; } 
/*topnav start*/
#topnav {width:750px; height:27px; margin:0px 0px 0px 0px; float:right; display:inline;}
#topnav ul { height:34px; background:transparent; margin:0px 0px 0px 1px;}
#topnav ul ul {width:15em; margin:0px; z-index:100; }
#topnav ul li { float:left; display:block; height:34px; line-height:34px; background:url(navbgline.gif) right center no-repeat; }
#topnav ul ul li {display:block;width:12em;height:auto; line-height:1em; background:none; }
#topnav a.sub { text-indent:20px;}
#topnav a, #topnav a:visited {display:block;float:left;height:33px; padding:1px 29px 0px 29px; background:#285bc3;  margin-right:2px; color:#FFFFFF; }
* html #topnav a, * html #topnav a:visited {width:11em; w\idth:9em; padding:0px; overflow:hidden; text-align:center;}
* html #topnav ul li{ width:11em; w\idth:9em; padding:0px; padding-right:2px; overflow:hidden; text-align:center;}
#topnav ul ul a, #topnav ul ul a:visited {display:block;background:#b1b1b1; color:#fff;width:12em;height:100%;line-height:1em; padding:0.5em 1em; border-bottom:1px solid #cccccc;}
* html #topnav ul ul a, * html #topnav ul ul a:visited  {width:14em; w\idth:12em;}

#topnav table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}
#topnav ul ul ul a, #topnav ul ul ul a:visited {background:#b1b1b1;}
#topnav ul ul ul ul a, #topnav ul ul ul ul a:visited {background:#b1b1b1;}
#topnav ul :hover a.sub1 {background:#447b7b;}
#topnav ul ul :hover a.sub2 {background:#447b7b;}

* html #topnav a:hover {color:#FFFF00;background:#285bc3; position:relative; z-index:100;}
#topnav li:hover {position:relative;}
#topnav :hover > a {color:#FFFF00;background:#285bc3;}
* html #topnav ul ul a:hover{color:#ffffff;background:#666666; position:relative; z-index:110;}
#topnav ul ul li:hover {position:relative;}
#topnav ul ul :hover > a {color:#ffffff;background:#666666;}
* html #topnav ul ul ul a:hover {background:#666666; position:relative; z-index:120;}
#topnav ul ul ul :hover > a {background:#b1b1b1;}
#topnav ul ul ul ul a:hover {background:#b1b1b1; position:relative; z-index:130;}

#topnav ul ul {visibility:hidden;position:absolute; height:0;top:34px; left:0px; width:14em;}
#topnav ul ul ul{left:12em;top:0;width:14em;}

#topnav ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(images/trans.gif); left:-3em;}
#topnav ul :hover ul ul{visibility:hidden;}
#topnav ul :hover ul :hover ul ul{visibility:hidden;}
#topnav ul :hover ul :hover ul{visibility:visible; left:9em;}
#topnav ul :hover ul :hover ul :hover ul {visibility:visible;}
/*topnav end*/

.bo_1{ margin-top:8px;}
.bo_2{ margin:8px 0px 0px 0px; width:960px;}
.bo_2 dl{ width:310px; height:202px; overflow:hidden; float:left; display:inline; background:url(09jk_05.gif) left top no-repeat; margin-right:10px; }
.bo_2 dl dt{ font-size:14px; height:30px; line-height:31px; overflow:hidden; text-align:right; margin-right:70px; }
.bo_2 dl dd { margin:10px 8px 5px 8px;}
.bo_2 dl dd li{ line-height:26px; background:url(dot4.gif) left no-repeat; text-indent:20px;}
.bo_3{ margin-top:6px;}
.bo_3 dt{ background:url(09jk_09.gif) left top no-repeat; height:24px; line-height:26px; overflow:hidden; text-indent:25px; color:#000066; }
.bo_3 dd{ border:1px solid #000db3; background:#f1fdff; margin-top:6px;}
.bo_3 dd p{ margin:6px 8px 3px 8px; line-height:20px; text-indent:2em;}
.bo_3 dd ul{ margin:5px 7px 3px 6px;}
.bo_3 dd li{ line-height:25px; background:url(dot4.gif) left top no-repeat; height:24px; no-repeat; text-indent:20px; width:225px; overflow:hidden;}
.btn1{ background:url(09jk_10.gif) left top no-repeat; height:60px; margin-top:6px; font-size:14px; overflow:hidden; line-height:64px; text-align:center;}
.btn2{ background:url(09jk_11.gif) left top no-repeat; height:60px; margin-top:6px; font-size:14px; overflow:hidden; line-height:64px; text-align:center;}
.bo_4{ background:url(09jk_07.gif) left top no-repeat; height:29px; line-height:29px; overflow:hidden; }
.bo_4 span{ padding:0px 6px; background:#ffffff; margin-left:30px;}
.content{ margin:10px auto 0px auto;}
.content p{ line-height:25px; margin:1.2em auto; font-size:14px; color:#333333;}
.content p.about{ padding-right:330px; height:230px; background:url(09jk_08.jpg) 600px top no-repeat;}
.content p.contact{ padding-right:230px; background:url(09jk_13.jpg) right top no-repeat;}
.content p.star{ padding-right:230px; background:url(09jk_12.jpg) right top no-repeat;}
.piclist{ margin:0px 8px 10px 20px; }
.piclist li{ float:left; display:inline; margin:15px 40px 15px 40px; text-align:center; width:200px; height:140px; border:#cccccc 1px solid; background:#f5f5f5; overflow:hidden;  }
.piclist li a{ }
.piclist li:hover{ background:#ffffff; border:1px solid #0066FF;}
.piclist li img{ display:block; margin:12px auto 5px auto; width:132px; height:96px;}
.list{ margin:20px 22px 10px 20px;}
.list li{ line-height:25px; background:url(dot4.gif) left no-repeat; text-indent:20px; overflow:hidden; border-bottom:1px solid #cccccc; }
.ArticlegetNeightor { margin:0px 10px; line-height:20px; font-size:12px;}
.PageNav{ margin:20px 10px 10px 10px; background:url(tydic_class_3.gif) left no-repeat; padding-left:15px;}
.PageNav span{ background:#ffffff; padding:0px 5px;}
.comment{ margin:10px;}
.form_comment{ margin:10px; line-height:20px;}
.form_comment .t{ border:1px solid #336699;}
.form_comment .b{ border:1px solid #cccccc; background:#f5f5f5; color:#666666; padding-top:3px; line-height:20px;}
.channl { margin-top:15px; height:25px;}
.channl li{ line-height:22px; line-height:20px; overflow:hidden; border-left:3px solid #000099; text-indent:15px; margin-right:15px; float:left; display:inline;}
/*footer*/
#footer{ margin:8px auto; line-height:22px; color:#666666; text-align:center; font-family:Arial; border-top:1px solid #dddddd; padding-top:4px; font-size:12px;}
#footer img{ margin:0px; padding:0px; border:0px;}
#footer a:link,#footer a:visited,#footer a:hover{ color:#0000FF;}
#footer div a{ margin:0px 10px;}


