/* CSS Document */

#menu{ width:1003px; height:97px; background:url(../Images/menubg.jpg) no-repeat;  text-align:left; }
#menu ul li.left{ float:left; margin:70px 13px 0px 13px; color:#fff; }
#menu ul li.right{ float:right; margin:70px 20px 0px 20px; color:#fff; }
#menu ul li a{ color:#fff; font-family:"ΞΆΘνΡΕΊΪ","ΞΆΘνΌςΦΠΤ²"; text-decoration:none; }
#menu ul li a:hover{ color:#63573F; }

#SonMenu{ width:1003px; height:30px; margin-top:2px; text-align:left; }
#SonMenu ol{ height:30px; position:absolute; }
#SonMenu ol li.left{ float:left; width:7px; height:29px; background:url(../Images/somenubox1.png) no-repeat; }
#SonMenu ol li.mid{ float:left; height:20px; padding:4px 5px 0px 5px; background:#20242f; }
#SonMenu ol li.mid a{ color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0px 5px; text-decoration:none; }
#SonMenu ol li.mid a:hover{ color:#63573F; }
#SonMenu ol li.right{ float:left; width:7px; height:29px; background:url(../Images/somenubox1.png) no-repeat -7px 0px; }

#SonMenu ol#SonMenu_home{  }
#SonMenu ol#SonMenu_gywm{ margin-left:70px; }
#SonMenu ol#SonMenu_xwzx{ margin-left:140px; }
#SonMenu ol#SonMenu_ckjs{ margin-left:215px; }
#SonMenu ol#SonMenu_qypx{ margin-left:290px; }
#SonMenu ol#SonMenu_msjt{ margin-left:370px; }
#SonMenu ol#SonMenu_jxhj{ margin-left:580px; }
#SonMenu ol#SonMenu_xyfw{ margin-left:670px; }
#SonMenu ol#SonMenu_xxzl{ }
#SonMenu ol#SonMenu_xxlt{ }
#SonMenu ol#SonMenu_lxwm{ margin-left:765px; }



#mainbody{ width:1003px; background:url(../Images/topbox.jpg) #cbd2da repeat-x; text-align:center; border-bottom:#fff 1px solid; }
#banner{ width:950px; height:35px; border-left:#000 5px solid; text-align:left; }
#banner ul{ width:940px; height:30px; margin:0px 0px 2px 10px; border-bottom:#999 1px solid; }
#banner ul li.title{ float:left; margin-top:7px; font-size:19px; font-family:"ΞΆΘνΡΕΊΪ","ΞΆΘνΌςΦΠΤ²"; font-weight:bold; color:#333; }
#banner ul li.link{ float:right; margin:12px 10px 0px 0px; font-size:12px; }

#mainframe{ width:1003px; margin:10px 0px; }
#mainframe div.leftframe{ float:left; width:100px; margin-left:40px; _margin-left:20px; }
#mainframe div.leftframe ul{ width:100px; }
#mainframe div.leftframe ul li{ width:100px; padding:5px 0px 5px 5px; border-bottom:#999 1px solid; text-align:left; cursor:default; }
/*
#mainframe div.leftframe ul li.over{ background:url(../Images/leftmenuico.png) no-repeat 97px center; }
#mainframe div.leftframe ul li:hover{ background:url(../Images/leftmenuico.png) no-repeat 97px center; }
*/
#mainframe div.leftframe ul li a{  font-size:12px; font-family:"ΞΆΘνΡΕΊΪ","ΞΆΘνΌςΦΠΤ²"; font-weight:bold; text-decoration:none; }
#mainframe div.leftframe ul li.son{ width:100px; padding:5px 0px 5px 5px; border-bottom:none; text-align:left; color:#999; }
#mainframe div.leftframe ul li.son a{ color:#999; }
#mainframe div.leftframe ul li.son:hover{ color:#a60100; background:none; }
#mainframe div.leftframe ul li.son:hover a{ color:#a60100; }

#Track{ margin:30px auto; }
#Track tr.top td{ width:61px; height:28px; background:url(../Images/fast.png) no-repeat center top; }
#Track tr#TrackMenu{ display:none; }
#Track tr#TrackMenu td{ width:61px; height:42px; background:url(../Images/fastbg.png) repeat-y; text-align:center; }
#Track tr#TrackMenu td a img{ margin:7px 0px;}
#Track tr.bottom td{ width:61px; height:20px; background:url(../Images/fast.png) no-repeat center bottom; cursor:pointer; }

#mainframe div.rightframe{ float:right; width:780px; min-height:650px; margin-right:30px; overflow-x:hidden; text-align:left; line-height:200%; _margin-right:15px; }

#mainframe div.rightframe1{ float:right; width:810px; min-height:650px;  overflow-x:hidden; text-align:left; line-height:200%; }
#mainframe div.rightframe1 ul{ width:780px; margin-right:30px; }
#mainframe div.rightframe1 ol{ width:810px; margin-top:10px; text-align:right; }
#mainframe div.rightframe1 ol li.img{ width:780px; height:120px; margin-right:30px; }
#mainframe div.rightframe1 ol li.img img{ width:780px; height:120px; }
#mainframe div.rightframe1 ol li.text{ margin-right:30px; font-family:"ΞΆΘνΡΕΊΪ","ΞΆΘνΌςΦΠΤ²"; }
#mainframe div.rightframe1 ol li.logo{ width:530px; height:60px; margin-top:10px; padding:20px 0px; border-top:#666 1px solid; background:url(../Images/bottomlogo.jpg) no-repeat 150px center; }

#about{ width:780px; text-align:left; }
#about ol{ width:780px; margin:3px 0px; text-align:center; }
#about ul{ width:780px; margin:3px 0px; line-height:180%; }
#about ul li.title{ width:780px; height:24px; margin:4px 0px; padding:7px 0px 0px 15px; background:url(../Images/aboutbg.jpg) #9ea3a9 repeat-x; font-weight:bold; }
#about ul dl{ width:780px; height:1px; margin-top:2px; background:url(../Images/newsbord.jpg) repeat-x; }
#about ul li.text{ width:760px; margin:4px 0px; padding:10px; color:#333; }
#about ul.hover{ background:#9ea3a9; }
#about ul.hover a{ color:#333; }

#news{ width:780px; text-align:left; }
#news ul{ width:780px; margin:3px 0px; cursor:pointer; }
#news ul li.title{ float:left; width:660px; margin:4px 0px 2px 0px; padding:0px 0px 0px 15px; background:url(../Images/newsico.jpg) no-repeat 5px 7px; }
#news ul li.title a{ text-decoration:none; color:#333; }
#news ul li.date{ float:left; width:100px; margin:4px 0px 2px 0px; padding:0px 0px; }
#news dl{ width:780px; height:1px; background:url(../Images/newsbord.jpg) repeat-x; }
#news ul:hover{ background:#9ea3a9; }
#news ul:hover a{ color:#333; }
#news ul.hover{ background:#9ea3a9; }
#news ul.hover a{ color:#333; }

div#ccienamenum{ width:760px; padding:0px 10px; background:url(../Images/newsbord.jpg) repeat-x bottom; }
div#ccienamenum ul:hover{ background:none; }
div#ccienamenum ul li{ float:left; line-height:200%; }
div#ccienamenum ul li.ccienamenum{ background:#2a2a2a; padding:0px 10px; color:#fcff00; font-weight:bold; letter-spacing:1px; margin:0px 5px; }

#star{ width:780px; text-align:left; }
#star ul{ width:780px; margin:3px 0px;background:#9ea3a9; cursor:pointer; }
#star ul:hover{ background:#c3c7d0; }
#star ul li.title1{ float:left; width:560px; margin:4px 0px 2px 0px; padding:0px 0px 0px 15px; }
#star ul li.title1 a{ text-decoration:none; color:#333; }
#star ul li.title1 span{ width:200px; margin-right:50px; font-weight:bold; }
#star ul li.date1{ float:left; width:200px; margin:4px 0px 2px 0px; padding:0px 0px; }
#star dl{ width:780px; height:1px; background:url(../Images/newsbord.jpg) repeat-x; }
/*#star ul:hover{ background:#9ea3a9; }
#star ul:hover a{ color:#333; }
*/
#star div{ width:780px; display:none; }
#star div ul.close{ width:780px; margin-top:5px; margin-bottom:10px; text-align:right;background:none;  }
#star div ul.close img{margin:3px 0px 0px 0px; cursor:pointer; }
#star div ul.content{ width:780px; line-height:200%; background:none; cursor:text;  }

#teacher{ width:780px; text-align:center; color:#262938; }
#teacher div{ width:743px; height:196px; margin:25px 0px; background:url(../Images/teacherbg.jpg) #818d9d no-repeat; text-align:left; overflow:hidden; }
#teacher div ul.phone{ float:left; width:179px; height:179px; margin:8px 10px; background:url(../Images/teacherbox.jpg) no-repeat; _margin:8px 10px 8px 5px;}
#teacher div ul.phone img{ width:177px; height:177px; margin:1px; }
#teacher div ul.text{ float:left; width:540px; height:179px; margin:0px 0px 8px 2px; _width:540px; }
#teacher div ul.text li.title{ width:525px; height:15px; font-weight:bold; }
#teacher div ul.text li.son{ width:525px; height:19px; margin-top:2px; padding-bottom:3px; border-bottom:#262a37 1px dotted; }
#teacher div ul.text li.content{ width:525px; height:105px; margin-top:5px; line-height:150%; letter-spacing:0.12em; overflow:hidden; }
#teacher div ul.text li.img{ width:525px; height:19px; margin-top:5px; text-align:right; }

#teacher div ol { width:723px; margin:10px; }
#teacher div ol li.title{ width:723px; font-weight:bold; padding-bottom:3px; border-bottom:#262a37 1px dotted; font-size:14px; letter-spacing:1px; }
#teacher div ol li.title ul{ float:left; margin:0px 5px; }
#teacher div ol li.title dl{ float:left; padding:1px 5px; font-weight:normal; }
#teacher div ol li.title dl:hover{ background:#8c96a2; cursor:default; }
#teacher div ol li.content{ width:723px; height:120px; line-height:150%; letter-spacing:0.12em; overflow:hidden; }
#teacher div ol li.content dl{ float:left; width:220px; height:15px; margin:5px 10px; _margin:3px 8px; }
#teacher div ol li.more{ width:723px; text-align:right; }

#teacher ul ol { width:723px; margin:10px; text-align:left; }
#teacher ul ol li.title{ width:723px; font-weight:bold; padding-bottom:3px; border-bottom:#262a37 1px dotted; font-size:14px; letter-spacing:1px; }
#teacher ul ol li.title ul{ float:left; margin:0px 5px; }
#teacher ul ol li.title dl{ float:left; margin:0px; padding:0px 5px; font-weight:normal; cursor:default; }
#teacher ul ol li.title dl a{ text-decoration:none; }
#teacher ul ol li.title dl.hover{  background:#8c96a2; }
#teacher ul ol li.title dl:hover{ background:#8c96a2; }
#teacher ul ol li.content{ width:723px; margin-top:3px; line-height:150%; letter-spacing:0.12em; }
#teacher ul ol li.content dl{ float:left; width:220px; height:17px; margin:5px 10px; _margin:5px 8px; }

#teacher dl.player{ width:680px; height:474px; background:url(../Images/flash.png) no-repeat; text-align:left;color:#fff; padding-top:3px;  }
#teacher dl.player object{ margin:2px 0px 0px 5px; }


#device{ width:780px; }
#device ul{ float:left; width:173px; height:149px; margin:10px; background:url(../Images/Devicebox.jpg) no-repeat; text-align:left; _margin:10px 8px; }
#device ul li.img{ width:173px; height:120px; }
#device ul li.img a img{ width:159px; height:110px; margin:7px 0px 0px 7px; }
#device ul li.title{ width:159px; margin:5px 7px 0px 7px; text-align:center; }

#Questions{ width:780px; text-align:left; }
#Questions ul{ width:780px; margin:3px 0px; cursor:pointer; }
#Questions ul:hover{ background:#9ea3a9; }
#Questions ul li{ float:left; width:540px; margin:2px 0px 0px 0px; padding:0px 0px 0px 35px; background:url(../Images/serviceico.png) no-repeat 15px 3px; }
#Questions dl{ width:780px; height:1px; background:url(../Images/newsbord.jpg) repeat-x; }
/*#star ul:hover{ background:#9ea3a9; }
#star ul:hover a{ color:#333; }
*/
#Questions div{ width:780px; display:none; color:#455468; }
#Questions div ul.close{ width:780px; margin-bottom:10px; text-align:right;background:none; }
#Questions div ul.close img{margin:3px 15px 0px 0px; cursor:pointer; }
#Questions div ul.content{ width:740px; margin:0px 0px 0px 35px; line-height:200%; background:none; cursor:text; }

#form{ width:780px; background:#747d84; text-align:left; }
#form ul.title{ width:755px; margin:5px; background:#2a2e3a; color:#a0a4ad; font-weight:bold; padding:7px 0px 4px 15px; }
#form ul.form{ width:770px; margin:10px 20px; }
#form ul.form li{ float:left; }
#form ul.form li input.text{ width:200px; height:18px; padding-top:3px; background:#a4a9af; border:#5c636d 1px solid; }
#form ul.form li input.btm{ width:51px; height:19px; background:url(../Images/btm.jpg) no-repeat; padding-top:3px; text-align:center; }
#form ul.form li textarea.textarea{ width:400px; height:100px; background:#a4a9af; border:#5c636d 1px solid; overflow:auto;scrollbar-face-color:#a4a9af; scrollbar-HIGHLIGHT-COLOR:#a4a9af; scrollbar-SHADOW-COLOR:#a4a9af; scrollbar-3DLIGHT-COLOR:#5c636d; scrollbar-ARROW-COLOR:#5c636d; scrollbar-TRACK-COLOR:#a4a9af; scrollbar-DARKSHADOW-COLOR:#5c636d; }

#contact{ width:1003px; min-height:600px; text-align:left; }
#contact li.map{ float:left; width:470px; height:400px; background:url(../Images/map.png) no-repeat center center; }
#contact li.text{ float:left; width:500px; margin-top:40px; }
#contact li.text ul.title{ width:450px;}
#contact li.text ul.title li{ float:left; padding:3px 10px; background:#8b9096; }
#contact li.text ul.title li.two{ border-right:#fff 1px solid;border-left:#fff 1px solid;}
#contact li.text ul.title li.over{ background:#333946; }
#contact li.text ul.title li.over a{ color:#fff; }
#contact li.text ul.title li:hover{ background:#333946; }
#contact li.text ul.title li:hover a{ color:#fff; }
#contact li.text ul.title li a{ font-size:12px; font-family:"ΞΆΘνΡΕΊΪ","ΞΆΘνΌςΦΠΤ²"; font-weight:bold; text-decoration:none; }
#contact li.text ul.content{ width:460px; padding-left:3px;  line-height:250%; letter-spacing:1px; overflow-x:hidden; }
#contact li.text ul.content img#address{ margin:10px 0px 5px 0px; }



#Track3{ width:70px; position:absolute; margin:-30px 0px 0px 900px; }