﻿body{ margin:0px; padding:0px; text-align:center; font-family:Tahoma; background-color:#000;}
#fullwidth{ width:100%; font-size:0px; height:0px;}
ul,li{ list-style:none; margin:0px; padding:0px;}
a{ text-decoration:none;}
a:focus{outline:0 dotted invert; outline:none;}
a img{ border:0px;}
.clear{ clear:both;}
.center{ margin-left:auto; margin-right:auto;}
h1{ font-size:16px; color:#165891;}

div#webtitle{ width:968px; height:178px; overflow:hidden; background-color:#000;}
div#foot{ width:920px; min-height:130px;height:auto!important;height:130px; overflow:visible; padding-top:20px; margin-top:20px; background-color:#000; font-size:12px; color:#858585; text-align:center; line-height:2.0;background-image:url(../images/footbg.jpg); background-position:right top; background-repeat:no-repeat;}
div#foot a{ color:#858585;}

div#focus{ width:920px; height:273px; overflow:hidden; background-image:url(../images/focusbg.jpg);background-repeat:no-repeat; text-align:left;}
div#flash{ display:inline; width:550px; height:228px; overflow:hidden; float:left; margin-top:23px; border:1px solid #323232; text-align:left; line-height:2.0;}
div#rightadv{ display:inline; width:355px; height:228px; float:left; overflow:hidden;margin-left:13px; margin-top:24px;background-image:url(../images/rightadv.gif); background-repeat:no-repeat;}
div#company{ width:920px; height:260px; overflow:hidden;}
.company{ display:inline; width:347px; height:252px; float:left; margin-right:20px; overflow:hidden;background-image:url(../images/companyfootbg.jpg);background-repeat:no-repeat; background-position:left bottom;}
.company .ctip{width:346px; height:34px; padding:1px 0px 0px 1px; text-align:left;background-image:url(../images/companytipbg.jpg);background-repeat:no-repeat; background-position:left top;}
.company .ccont{ width:290px; height:155px; padding:30px; text-align:left; line-height:1.8; font-size:12px; color:#CDCDCD; background-color:#2E2E2E;}
div#quick{ display:inline; width:178px; height:252px; overflow:hidden; text-align:center; float:left;}
div#quick a img{ margin-top:5px; margin-bottom:5px;}

div#main{ width:918px; margin-left:auto;border:1px solid #242424; margin-right:auto; min-height:620px;height:auto!important;height:620px; overflow:hidden!important; overflow:visible;background-image:url(../images/mainbg.jpg); padding-top:30px; padding-bottom:20px; background-color:#000;}
div#mainleft{ width:242px; display:inline; min-height:620px;height:auto!important;height:620px; float:left;}
div.classtip{ width:100%; height:60px; margin-top:10px; text-align:center;}
div.classlist{ width:100%; text-align:right;}
div.classlist li{ float:right; width:212px; height:55px; margin-top:5px; background-image:url(../images/leftmenubg.jpg);background-repeat:no-repeat; text-align:center; line-height:55px;}
div.classlist li a{ color:#fff; font-size:14px;}
div.classlist li a:hover{ color:#F3C400;}

div#mainright{ width:600px; float:left; margin-left:20px; min-height:650px;height:auto!important;height:650px; text-align:left; display:inline;}

#hotpro{width:920px; height:162px; margin-top:14px; text-align:left;}
#hotprotip{ display:inline; width:48px; float:left; height:162px; overflow:hidden; background-image:url(../images/hotpro.gif);background-repeat:no-repeat; background-position:left -1px;}
.rollBox{ display:inline; width:870px;overflow:hidden;float:left; height:163px; background-color:#2E2E2E;}
.rollBox .LeftBotton{ height:140px;width:18px; margin-right:10px; background:url(../images/left.gif); background-repeat:no-repeat; background-position:center; overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .RightBotton{ height:140px;width:18px;margin-left:10px; background:url(../images/right.gif); background-repeat:no-repeat; background-position:center; overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .Cont{ width:800px; height:140px; padding-top:10px; overflow:hidden;float:left; display:inline;}
.rollBox .ScrCont{ width:10000000px;}
.rollBox .Cont .pic{ width:144px; height:130px; float:left;text-align:center; margin-left:8px; margin-right:8px; }
.rollBox .Cont .pic img{ width:140px; height:106px; padding:2px; margin:0 auto;filter:alpha(opacity=70);background-image:url(../images/hotprobg.jpg); background-repeat:no-repeat;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{ display:inline-block; color:#cbcbcb; line-height:40px; font-size:12px;}
.rollBox .Cont a:hover{ color:#DE561A;}
.rollBox .Cont a:hover img{ filter:alpha(opacity=100);}
.rollBox #List1,.rollBox #List2{float:left;}

#newstip{ width:100%; height:24px; padding-top:9px; background:url(../images/newsbg.gif); background-repeat:no-repeat; margin-top:20px; vertical-align:top;}
#newstip span{ margin-left:300px;}
#newscont { width:710px; margin-top:10px; height:170px; text-align:left;}
#newscont ul.newscont{ width:340px; float:left; margin-top:20px;}
#newscont ul.newscont li{ width:100%; height:20px; margin-top:5px; border-bottom:1px dotted #242424; text-align:left; font-size:12px;}
#newscont ul.newscont li a{ color:#858585;}
#newscont ul.newscont li a:hover{ color:#DE561A;}
#newscont ul.newscont li span{ float:right; color:#3C3C3C;}
#newscont ul.server{ display:inline; width:340px; float:left; margin-left:30px;}
#newscont ul.server li{ display:inline; width:130px; height:59px; float:left; margin:35px 20px 0px 20px;}

div#loca{ width:600px; height:22px; font-size:12px; padding-top:14px; padding-left:24px; margin-left:7px; color:#959595; text-align:left;background:url(../images/localbg.jpg); background-repeat:no-repeat;}
div#loca a{ text-decoration:none; color:#FBCC02;}
div#content{ width:600px; min-height:450px;height:auto!important;height:450px; margin-top:10px; padding:20px; font-size:12px; color:#cbcbcb; line-height:2.0; text-align:left;}
div#content h1{ font-size:14px; color:#cbcbcb; border:1px solid #333333; text-align:center; background-color:#222222;}
div#content a{ text-decoration:none; color:#cbcbcb;}
div#content a:hover{ color:#cbcbcb;}
div#content img{ clear:both;margin:0;padding:0;max-width:600px;width:expression(this.width > 600 && this.width > this.height ? 600px : 'auto';);max-height:1000px; height: expresion(this.height > 1000 ? 1000px : 'auto';);}

div#news{ width:600px; min-height:630px;height:auto!important;height:630px; overflow:auto!important; overflow:visible;margin-top:10px; padding:20px; font-size:12px; text-align:left;}
div#news ul{ margin:0px; padding:0px; list-style:none; width:100%;}
div#news ul li{ width:100%; border-bottom:1px dotted #333333; height:20px; margin-bottom:8px;color:#cbcbcb;}
div#news ul li span{ float:right;}
div#news ul li a{ text-decoration:none; color:#959595; font-size:12px;}
div#news ul li a:hover{ color:#fff;}

div#case{ width:600px; margin-left:10px; min-height:630px;height:auto!important;height:630px; overflow:auto!important; overflow:visible; font-size:12px; text-align:left;}

div#page{ width:600px; height:22px; margin-top:10px; text-align:left; display:block; color:#959595; font-size:12px; margin-left:20px;}
div#page a{ text-decoration:none; font-size:12px; margin-right:5px; color:#B6B6B6; padding-left:3px; padding-right:3px; border:1px solid #333333; display:inline-block; }
div#page a:hover{ color:#ff5900;}

.report{ width:600; margin-top:5px; font-size:12px; height:25px;background-color:#2e2e2e; text-align:left; color:#cbcbcb; font-weight:bold; border:1px solid #333; padding-left:10px; line-height:25px;}
.baseinfo{ width:600; min-height:25px;height:auto!important;height:25px; font-size:12px; padding-left:10px; text-align:left;border:1px solid #3e3e3e; color:#cbcbcb; border-top:0px;line-height:25px;}
#reportbox{ margin-top:30px; margin-left:10px;}
.datatip{ width:60px; text-align:right; height:35px; color:#959595; font-size:12px;}
.datacont{ width:230px; text-align:left;color:#959595;font-size:12px;}
.datacont input,.scontent textarea{ border:1px solid #3e3e3e; color:#959595; font-size:12px;background-color:#2E2E2E; line-height:16px;}
.datacont img{ float:none; margin-top:2px;}
.scontent{ text-align:left; height:100px;}
.scontent textarea{ overflow-y:auto; }

.jobbox{ width:90%; margin-left:auto; margin-right:auto; border:1px dotted #333333; color:Black; margin-top:10px; font-size:12px; color:#959595;}
.jobtip{ height:30px; width:80px; text-align:right;}
.jobcont{ width:245px; text-align:left;}
.jobinfo{ height:60px; padding:10px; line-height:1.8; text-align:left; vertical-align:top;border-top:1px dotted #333333;}
.jobbtn{ height:30px; text-align:left; padding-left:10px;}
.jobbtn a{ text-decoration:none; color:#fff; margin-left:10px; font-weight:bold;}
.jobbtn a:hover{ color:#DE561A;}

.applybox{ width:94%; font-size:12px; margin-top:30px; color:#959595;}
.applytip{ width:80px; text-align:right; height:35px;}
.applycont{ width:520px; text-align:left;}
.applybtn{ text-align:left;}
.applycont input,.applycont textarea,.datacont input{ background:#2e2e2e;height:18px; line-height:18px; font-size:12px; color:#959595; border:1px solid #3e3e3e;}
.applycont textarea{ overflow-y:auto; padding:10px;}

.caselist{ display:inline; width:184px; height:172px; float:left;margin-right:8px; margin-left:8px; display:inline; overflow:hidden;  margin-top:20px;}
.caselist ul{ width:100%; margin:0px; padding:0px; list-style:none;}
.caselist ul li{ margin:0px; padding:0px; list-style:none;font-size:12px; font-family:Tahoma;}
.caselist ul li.proname{ height:30px; overflow:hidden; line-height:30px; text-align:center; color:#242424;}
.caselist ul li.proname a{ text-decoration:none; color:#aaa;}
.caselist ul li.proname a:hover{ color:#fff;}
.caselist ul li.prophoto { width:184px; height:142px;  text-align:center;}
.caselist ul li.prophoto a img{ border:0px; width:172px; height:130px;padding:6px; filter:alpha(opacity=70);background-image:url('../images/probg.jpg');background-repeat:no-repeat;}
.caselist ul li.prophoto a:hover img{ filter:alpha(opacity=100); width:180px; height:138px; padding:2px;}

.ormain{ width:600px; border-bottom:0px; margin-top:20px;color:#959595}
.ormain td{ font-size:12px; line-height:2.0; height:35px; }
.orleft{ width:12%; text-align:right;}
.orright{ width:98%; text-align:left; padding-left:10px;}
.orright input{ background:#111;height:18px; line-height:18px; font-size:12px; border:1px solid #333; color:#959595;}
.orright textarea{ overflow-y:auto;line-height:18px; font-size:12px;background:#111;border:1px solid #333;color:#959595;}