/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/
body{ padding:0; margin:0; color:#272626; background:#dcfaba url(images/bg.jpg) repeat-x top; font:12px/22px Verdana, Arial, Helvetica, sans-serif; }
p {margin:4px 0; /*text-indent:28px;*/}/*edit by wendye*/
/* Link */
a{color: #2c2c2c; text-decoration:none;}
a:hover {color: #c00; text-decoration:none;}
/* Color */
.cRed,a.cRed a{ color:#f00; },a.cRed a:hover { color:#f60;}
.cF60,a.cF60 a{ color:#f60; },a.cF60 a:hover { color:#ff0000;}
.c333,a.c333 a{color:#333;},a.c333 a:hover {color:#c00;}
.cGreen,a.cGreen a{color:#008000;},a.cGreen a:hover{color:#c00;}
.c939393 { color:#939393;}
/* Font  */
.fB {font-weight: bold;}
.f11px{ font-size:11px;}
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
.f18px{ font-size:18px;}
.f24px { font-size:24px;}
table,td,tr { vertical-align:middle;}

img { border:0; display:block;}
li,ul {margin:0; padding:0; list-style:none; }

textarea{border:#ccc solid 1px;}
.clear{ clear: both;  }
.float_rit { float:right;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px; font-weight:normal;}
.blank15 { height:15px; overflow:hidden; line-height:15px;}


#main { width:922px; background:#fff; padding:14px 14px 0; margin:6px auto 0;}
#main .top { width:922px; height:273px;}

#content { width:922px; background:url(images/lft_bg.jpg) repeat-y 219px; padding-bottom:25px;}
#content .left { width:247px; float:left; padding-top:28px;}
#content .left .newpro { width:230px; height:230px;}
#content .right { width:645px; float:left; padding-top:32px; padding-left:30px;}
.lft_tit { width:230px; height:32px;}
.rgt_tit { width:632px; height:30px; border-bottom:#ccc dashed 1px;}
.rgt_tit span { float:right; padding-top:5px;}
.search { width:230px; height:40px; padding-top:18px; text-align:left;}
.search li { display:inline;}
.search li span { float:right;}
/* edit by wendye*/
.search .input { width:144px; height:18px; margin:0; padding:0 2px; line-height:18px;}

#quick { width:230px; margin-bottom:15px;}
#quick li { margin-bottom:6px; height:54px;}
#quick li img { display:inline;}
#link { width:235px;}
#link li { text-align:center; width:110px; height:35px; /*border:#ccc solid 1px;*/ float:left; margin-right:5px; margin-bottom:5px;}/*edit by wendye*/

#newstop { width:618px; height:174px; padding-left:10px; padding-top:30px;}
#newstop .info { width:358px; float:left;}
#newstop .photo { float:right; width:236px; height:163px; border:#ececec solid 1px;}
#newstop .photo img { margin:9px;}
#newstop .info li { height:75px; width:358px; float:left; color:#858484; border-bottom:#ececec solid 1px; margin-bottom:8px;}
#newstop .info li a { color:#f00;}
#newstop .info li a:hover { color:#f60;}
#newstop .info li h1 { width:358px; color:#39a900; font-size:14px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#newstop .info li h1 a { color:#39a900;}
#newstop .info li h1 a:hover { color:#f60; text-decoration:underline;}
#newslist { width:618px; height:auto; overflow:hidden; padding-left:10px; padding-top:10px; margin-bottom:15px;}
#newslist li { background:url(images/arrow.jpg) no-repeat left center; padding-left:20px; margin-bottom:2px;}
#newslist li a { color:#5c5c5c;}
#newslist li a:hover { color:#cc0000;}

#prolist {padding-left:10px; padding-top:25px;}
#prolist li { width:127px; height:127px; border:#ececec solid 1px; float:left; margin-right:25px; margin-left:4px; display:inline;}
#prolist li span { display:block; text-align:center; padding-top:3px;}

.prolist1 { width:632px; background:url(images/class_tit.jpg) repeat-x; border:#d4d4d4 solid 1px; margin-top:15px; padding-bottom:28px;}
.prolist1 .title { height:25px; background:url(images/class_tit1.jpg) no-repeat 10px center; padding-left:20px; font-size:13px; font-weight:bold; color:#fff; line-height:25px;}
.prolist1 .title span { float:right; padding-right:15px; font-size:12px; font-weight:normal;}
.prolist1 li { width:127px; height:127px; border:#ececec solid 1px; float:left; margin-top:22px; margin-left:23px; display:inline;}
.prolist1 li span { display:block; text-align:center; padding-top:3px;}
.prolist1 .bigimg { width:349px; height:246px; float:left; padding:18px 18px 0;}
.prolist1 .xx { width:245px; float:left; padding-top:25px;}
.prolist1 .xx h1 { width:227px; border-bottom:#ccc dashed 1px; float:left; margin-top:3px; padding-bottom:3px;}
.page1 { width:245px; height:27px; float:left; margin-top:15px;}
.page1 span{ width:98px; height:27px; float:left; margin-left:12px;}
#page { width:632px; padding-top:20px; text-align:center; border-top:#d4d4d4 solid 1px; margin-top:40px;}
#page2 { width:632px; height:34px; padding-top:6px;text-align:center; border-top:#d9d9d9 solid 1px;}
#page2 input { width:26px; margin:0; padding:0;}
#page3 { width:580px; height:34px; padding-top:6px;text-align:center; border-top:#d9d9d9 solid 1px; clear:both; float:right; }
#page3 input { height:18px; width:26px; margin:0; padding:0;}

/*Tab_style*/
.tab{width:632px; border:#d9d9d9 solid 1px; border-top:none;}
.tabmenu {width:624px; height:24px;padding-right:8px; background:#d4d4d4; padding-top:1px;}
.tabmenu li{ padding-left:20px;font-size:13px; font-weight:bold;}
.tabmenu .default{width:68px; padding-top:2px;float:left;  margin-right:1px; cursor:pointer; background:url(images/hover1.jpg) no-repeat left top;}
.tabmenu .active{width:68px; padding-top:2px;float:left; margin-right:1px;cursor:pointer;color:#5dad30;
 background:url(images/hover1s.jpg) no-repeat left top;}
.tabinfo { width:580px; padding:17px 26px; }
.tabinfo li { background:url(images/arrow.jpg) no-repeat 30px center; padding-left:50px; line-height:26px;}
.tabinfo1 { width:632px; padding:17px 0 17px; }
.tabinfo1 li { width:166px; height:166px; border:#d9d9d9 solid 1px; padding:6px; float:left; margin-left:23px; margin-bottom:15px; display:inline;}
.download { width:580px; padding:17px 26px;}
.download li { width:580px;padding-bottom:10px; }
.download li h1 { height:25px; background:#f0f0f0 url(images/arrow1.jpg) no-repeat 10px center; padding-left:25px; color:#5dad30; font-weight:bold; line-height:25px; clear:both;}
.download li h2 { width:430px; border-bottom:#d9d9d9 dashed 1px; float:left; line-height:22px; color:#666;}
.download li h3 { width:580px; text-align:right; padding-top:8px; padding-bottom:10px;float:left;}
.download li h3 img{ float:right;}
.download li h1 span { float:right; font-weight:normal; color:#666; padding-right:15px;}
.download li .photo { width:150px; height:105px;float:left; padding-top:20px;}
.download li .photo img { border:#d9d9d9 solid 1px;}
.newslist1 { width:632px; padding:17px 0 17px; }
.newslist1 li { width:559px; background:url(images/arrow.jpg) no-repeat left center; padding-left:15px; line-height:32px; border-bottom:#d9d9d9 dashed 1px; font-size:14px; margin:0 auto;}
.newslist1 li span { float:right; padding-right:10px; font-size:12px; color:#BFBFBF;}
#news_view { width:632px; padding:15px 0 0; font-size:14px; line-height:24px;}
#news_view img { text-align:center; margin:0 auto;}
#news_view h1 { height:30px; font-size:22px; font-weight:bold; text-align:center;color:#5dad30;}
#news_view h2 { height:20px; border-bottom:#ccc solid 1px; color:#666; text-align:center; padding-bottom:5px; margin-bottom:20px;}
#news_view h3 { height:30px; padding-top:10px; margin-top:15px; border-top:#d9d9d9 solid 1px; text-align:center;}
#news_view li { width:249px; height:198px; float:left; padding:8px 8px 6px; border:#d9d9d9 solid 1px; margin-left:40px; margin-bottom:15px;}
#news_view li span { text-align:center; padding-top:2px; display:block;}
#tech { width:632px; padding:15px 0 0; font-size:14px; line-height:24px;}
#tech li {  padding-left:20px; margin-top:6px;}
#tech li span {background:url(images/arrow2.jpg) no-repeat left center; color:#FF6600; display:block; padding-left:20px; border-bottom:#d9d9d9 dotted 1px;}
#faq { width:632px; padding:15px 0 0; font-size:14px; line-height:24px;}
#faq li {  padding-left:20px; margin-top:6px; background:url(images/a.jpg) no-repeat 20px 40px; line-height:20px; font-size:12px;}
#faq li h2{ background:url(images/q.jpg) no-repeat left center; color:#FF6600; display:block;  border-bottom:#d9d9d9 dotted 1px; font-weight:bold; line-height:30px; margin-bottom:6px; font-size:14px; text-indent:25px;}
#faq li span {text-indent:25px; display:block;}
#guestbook { width:632px; padding:15px 0 0;}
#guestbook h1 { width:612px; height:26px; background:#f0f0f0; padding-left:20px; font-size:14px; font-weight:bold; line-height:26px; margin-bottom:15px;}
#guestbook li { padding-bottom:8px;}
#guestbook li h2 { border-bottom:#f0f0f0 solid 1px; padding-bottom:3px; padding-left:20px; color:#333; }
#guestbook li h2 span { float:right; color:#666; padding-right:10px;}
#guestbook li h3 {padding-left:20px; color:#666; padding-top:3px; padding-bottom:5px; background:#fafafa; padding-right:10px;}
#guestbook li h3:hover { background:#F9FFF0;}
#guestbook li h4 { padding-left:20px;border-top:#f0f0f0 dashed 1px; border-bottom:#f0f0f0 solid 1px; color:#009900; line-height:30px;}
 
.praameters TD {BORDER-TOP: #e3e3e3 1px solid; LINE-HEIGHT: 23px}
.praameters .td0 {LINE-HEIGHT: 24px; PADDING-TOP: 3px; HEIGHT: 24px; TEXT-ALIGN: right}
.praameters .td0 STRONG {PADDING-LEFT: 17px; FONT-SIZE: 13px; FLOAT: left}
.praameters .td1 {BORDER-RIGHT: #e3e3e3 1px solid; PADDING-RIGHT: 6px; PADDING-LEFT: 14px; BACKGROUND: #f8f8f8; PADDING-BOTTOM: 0px; WIDTH: 98px; COLOR: #555; PADDING-TOP: 0px; TEXT-ALIGN: left}
.praameters .td2 {PADDING-RIGHT: 10px; PADDING-LEFT: 20px; FONT-SIZE: 14px; PADDING-BOTTOM: 2px;  WORD-BREAK: break-all; PADDING-TOP: 2px; TEXT-ALIGN: left; WORD-WRAP: break-word}

.arrowlistmenu {width:230px;}
/*
.arrowlistmenu .menuheader { margin:2px auto; CURSOR: pointer;}
.arrowlistmenu  LI {padding-left:45px; background:url(images/class_bg.jpg) no-repeat; line-height:26px; }*/

.arrowlistmenu {width:230px;}
.arrowlistmenu .menuheader { margin:2px auto; CURSOR: pointer;}
.arrowlistmenu  LI {padding-left:45px; background:url(images/class_bg.jpg) no-repeat; line-height:26px; }
.arrowlistmenu  h3 { width:190px; height:33px; line-height:33px; font-size:14px; font-weight:bold; background:url(images/class_01.jpg) no-repeat; padding-left:40px; color:#fff;}
.arrowlistmenu  h4 { width:185px; height:33px; line-height:33px; font-size:14px; font-weight:bold; background:url(images/newclassbg.jpg) no-repeat; padding-left:45px; color:#333;}



#about_class { width:230px;}
#about_class li { width:230px; height:33px; line-height:33px; font-size:14px; font-weight:bold; color:#333; background:url(images/newclassbg.jpg) no-repeat;}
#about_class li a { width:190px; height:33px; display:block; padding-left:40px;}
/*#about_class li a:hover { height:33px;background:url(images/newclassbgs.jpg) no-repeat; display:block;}*/

#footer { width:950px; height:80px; margin:0 auto 6px; background:#efefef url(images/footer_bg.jpg) repeat-y 231px;}
#footer .lft { width:261px; height:43px; background:url(images/footer_bg1.jpg) no-repeat bottom; float:left;}
#footer .rgt { width:689px; height:80px; background:url(images/footer_bg2.jpg) repeat-x; float:left;}
#footer .rgt .text { float:left; width:600px; padding-top:23px; color:#fff; text-align:center;}
#footer .rgt .text h1 { color:#606060; padding-top:3px;}
#footer .rgt .biao { width:88px; height:80px; float:left; background:url(images/biao.jpg) no-repeat left 8px;}

/*menu_style*/

.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

#nav {padding:0 0 0 15px; width:907px; margin:0; list-style:none; height:39px; background:#fff url(images/three_0.gif) repeat-x; position:relative;  font-family:arial, verdana, sans-serif; margin-top:6px;}
#nav li.menu {display:block; float:left; height:39px;}
#nav li a.menu_link {display:block; float:left; height:39px; line-height:39px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 11px; cursor:pointer;}
#nav li a.menu_link span {float:left; display:block; padding:0 22px 0 10px; height:39px; width:56px;}
#nav li a.menu_link span.down {float:left; display:block; padding:0 22px 0 10px; height:39px;}

#nav li:hover a.menu_link {color:#fff; background: url(images/three_1.gif) no-repeat;}
#nav li:hover a.menu_link span {background:url(images/three_1.gif) no-repeat right top;}
#nav li:hover a.menu_link span.down {background:url(images/three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub {left:2px; top:38px; background: #caeb32;  border:1px solid #0a6505; white-space:nowrap; width:93px; height:auto; z-index:300;}
#nav li:hover ul.sub li{display:block; height:24px;line-height:24px;  position:relative; float:left; width:94px; font-weight:normal; overflow:hidden;}
#nav li:hover ul.sub li a{display:block; font-size:12px; text-indent:18px; color:#000; text-decoration:none; background:url(images/arrow.gif) 7px center no-repeat;}
#nav li:hover ul.sub li a:hover {color:#fff; background:#0a6505 url(images/arrow_over.gif) 7px center no-repeat;}

#nav ul, #nav li:hover ul ul,#nav li:hover li:hover ul ul,#nav li:hover li:hover li:hover ul ul,#nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/*edit by wendye*/
.x{border:#ccc solid 1px;}