body { color: black; background-color: #98a6b3; font-family:Arial, Helvetica, sans-serif; } #product_box { width: 960px; padding-left:5px; padding-right:5px; margin-top: 14px; margin-right: auto; margin-left: auto; background:#FFFFFF url(../images/box_shadow_y.jpg) repeat-y left; } .spiffy{ display:block; } .spiffy *{ display:block; height:1px; overflow:hidden; background:#fcfdfe; } .spiffy1{ border-right:2px solid #fcfdfe; padding-right:1px; margin-right:3px; border-left:2px solid #fcfdfe; padding-left:1px; margin-left:3px; background:#fcfdfe;} .spiffy2{ border-right:2px solid #fcfdfe; border-left:2px solid #fcfdfe; padding:0 1px; background:#fcfdfe; margin:0 1px; } .spiffy3{ border-right:2px solid #fcfdfe; border-left:2px solid #fcfdfe; margin:0 1px; } .spiffy4{ border-right:2px solid #fcfdfe; border-left:2px solid #fcfdfe; } .spiffy5{ border-right:2px solid #fcfdfe; border-left:2px solid #fcfdfe; } .spiffy_content{ color: #414440; font-size: 12px; padding:0 5px; background:#fcfdfe; } .spiffy_content h3 { color: #065e98; font-size: 16px; } .spiffy_content h6 { font-size: 12px; font-weight: normal; background-color: #4fc1eb; margin: 10px 0 0; padding: 0; } p { color: #444; padding-left: 20px; } p.techlist { padding:0px; margin:0px; padding-left:20px; } p.techlist a { margin-right:20px; text-decoration:underline; } p.techlist a:hover, p.techlist a.select { background:#F0F0F0; color:#114778; } a:link, a:visited { color: #114778 ; text-decoration: none; } a:hover { color: #069 ; } /*--顶部--*/ #header { background:url(../images/header_bg.jpg) repeat-x top; height:63px; padding-top:5px; color:#98a4b2; font-size:12px; position:relative; } #logo { background:url(../images/logo.jpg) no-repeat; display:inline; width:161px; height: 52px; overflow: hidden; float: left; margin-left:30px; padding: 0; text-indent:-10000px; margin-top:-2px;} #header span { position:absolute; font-size:14px; top:40px; color:#90b1d4; } #lang{ position:absolute; top:10px; right:10px; color:#FFFFFF; } #lang a { color:#fff; padding-right:3px; } #lang a.select { padding-left:5px; background:url(../images/arrow_orange.gif) no-repeat left center; } #login { position:absolute; top:30px; right:10px; } #login a { color:#fff; padding-right:3px; padding-left:5px; background:url(../images/arrow_orange.gif) left center no-repeat; font-size:11px;} #nav { background:url(../images/nav_bg.jpg) top repeat-x; font-family: arial, verdana, helvetica, sans-serif; height:23px; margin:0px; padding:0px; color:#204b80; padding-left:35px; } #nav li { font-size: 11px; font-family: tahoma; line-height: 23px; float: left; list-style-type: none; color:#FFFFFF; } #nav li.navlist { text-align:center; font-weight:bold;} #nav a { padding-left:25px; padding-right:25px;_width:65px; display:block; height:21px; line-height:23px; font-size:10px; color:#214676;} #nav a.select { background: #DFE6F0; } #ad { width: 932px; margin-top: 0; margin-right: auto; margin-left: auto; padding-bottom: 0; } /*--内容区--*/ #main { background-image: url(../images/mainback.gif); width: 932px; overflow: hidden; margin-top: 0; margin-right: auto; margin-left: auto; } #main2 { background: #FFFFFF; width: 912px; overflow: hidden; margin-top: 0; margin-right: auto; margin-left: auto; padding:10px; padding-top:15px; p } #main1 { margin-top: 0; margin-right: auto; margin-left: auto; width: 930px; overflow: hidden; background: url(../images/main1_bg.jpg) repeat-x #fff; padding:15px;} #mainul { color: #707070; font-family: arial, verdana, helvetica, sans-serif; width: 170px; overflow: visible; float: left; margin: 0 auto; padding: 0; } #mainul h3 { font-size:12px; line-height:160%;} small { color: #444; font-size: 11px; font-family: arial; font-weight: normal; } #mainul ul { float:left; margin:0px; padding:0px; padding-left:17px;} #mainul li { margin: 0; width:170px; float:left; list-style-type: none;font-size: 12px; font-family: tahoma; } #mainul li a { padding:2px; padding-left:33px; height:30px; display:block; font-size:11px;} #e { background:url(../images/icon_web_s.gif) no-repeat left center; line-height:31px; } #local { background:url(../images/icon_location_s.gif) no-repeat left center; line-height:31px;} #staff { background:url(../images/icon_staff_s.gif) no-repeat left center;} #code { background:url(../images/icon_coding_s.gif) no-repeat left center;} h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:lighter; margin-top:3px; margin-bottom:3px; color:#333333;} h3 { color: #255281; font-size: 18px; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; margin: 0; padding-left: 20px; } h4 { color: #255281; font-size: 12px; font-family: arial, verdana, helvetica, sans-serif; padding-left: 20px; } h7 { color: #444; font-size: 12px; font-family: tahoma; font-weight: bold; margin: 10px 0 0;} /*-----------yoyo---------------*/ h6 { color: #255281; font-size: 14px; font-family: tahoma; font-weight: bold; margin: 10px 0 0; padding-left: 20px; } .advantages { float: right; } h5 { color: #444; font-size: 12px; font-family: tahoma; font-weight: bold; margin: 10px 0 0; padding-left: 20px;} .casestudy { width: 220px; height: 200px; float: left; margin: 0 0 20px; } u { font-size: 12px; font-weight: normal; text-decoration: none; } i { color: #6d6e71; font-style: normal; float: right; margin-left: 0; } img {border:none;} /*-------------yoyo end--------------*/ #mainul li p { font-size: 12px; font-family: tahoma; padding: 0 10px 10px; } #mainul li ul { float: left; margin: 0; padding: 0; } #mainul li ul li { font-size: 10px; font-family: tahoma; vertical-align: middle; width: 160px; float: left; list-style-type: none; border: none; } .mainul_flower { margin-top: 100px !important; margin-top: 100px; } .lbox { font-size: 11px; font-family: arial, verdana, sans-serif, helvetica; overflow: visible; float: left; margin-top: 2px; margin-bottom: 2px; padding-left: 3px; } #left { background-color: #f0f0f0; width: 200px; float: left; margin: 10px 0 0; padding: 0; } #left2 { width:337px; float: left; line-height:20px;} #left2 ul { padding-left:18px; margin-top:0px; *margin-left:18px; *padding-left:0px; list-style-image:url(../images/left-b.gif); } #left2 li { font-weight:bold; font-size:11px; color:#336699; } #left2 h7 { font-size:16px; color:#333333; } #left2 p { color:#336699; font-size:11px; padding:0px; margin:0px; } #subleft { background-color: #f0f0f0; width: 150px; margin: 0; padding: 0; } #left ul { margin: 0; padding: 0; } #left li { text-indent: 20px; vertical-align: middle; border-bottom: 1px solid #fff; list-style-type: none; } #content_3 { color: #808080; font-size: 11px; font-family: tahoma; width: 337px; float: left; padding: 0 20px 10px; color:#000000; line-height:18px; } #content_3 dt { font-weight:bold; background:url(../images/disc_b.gif) left center no-repeat; padding-left:10px; } #content_3 dd { padding-left:10px; margin:0px; } #content_2 { color: #808080; font-size: 12px; font-family: tahoma; width: 510px; float: left; margin-top: 10px; padding: 0 10px 10px; } #content { color: #231f20; font-size: 12px; font-family: tahoma; width: 710px; float: left; padding: 0 10px 10px; } .right { text-align: right; } /* .Layer1 { overflow: hidden; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; border-top: 1px solid #dbe4ec; } .Layer2 { overflow: hidden; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; border-top: 1px solid #dbe4ec; } #content li { width: 700px; min-height: 20px; max-width: 50%; padding-left: 20px; list-style-type: none; } #content ul { width: 700px; float: left; margin: 0; padding: 0; } */ /*--页脚--*/ #footer_bar { width:960px; background:url(../images/footer_bg.jpg) repeat-x; height:24px; text-align:center;} #footer { color: #000; font-size: 12px; font-family: arial; text-align: center; width: 932px; height: 20px; margin-right: auto; margin-left: auto; margin-top:5px; } #footer_index { font-size: 10px; font-family: arial; text-align: right; margin-right: auto; margin-left: auto; width: 932px; height: 71px; } #corner_bottom { width: 960px; padding-left:5px; padding-right:5px; margin-right: auto; margin-left: auto; padding-bottom: 6px; } /*---------yoyo mod--------*/ .mod_1 { font-size: 12px; font-family: arial, verdana, helvetica, sans-serif; width: 202px; margin-top:40px; padding: 0 0 10px; background-image: url(../images/mod_1.gif); background-repeat: no-repeat; height: 300px; float: left; } .mod_8 { font-size: 12px; font-family: arial, verdana, helvetica, sans-serif; width: 202px; padding: 0 0 10px; background-image: url(../images/mod_8.gif); background-repeat: no-repeat; height: 272px; float: left; margin-top:45px; } .mod_2 { width: 202px; overflow: visible; float: right; margin: 0 auto 20px; padding: 0; margin-top:45px; } .mod_3 { font-size: 12px; font-family: tahoma; background-image: url(../images/mod_3.gif); background-repeat: no-repeat; width: 200px; height: 132px; float: left; } table.partnership th { text-align:right; padding-right:5px; vertical-align:top; color:#333333; font-size:11px;} table.partnership textarea { width:250px; height:100px; } #content4 { height: 150px; margin-left: 10px; padding: 0; } #content4 ul { float: left; margin: 0 0 0 10px; padding: 0; } #content4 ul li { color: #fff; font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; background-image: url(../images/mod_4.gif); background-repeat: no-repeat; text-indent: 42px; width: 132px; height: 105px; float: left; padding-top: 8px; padding-right: 18px; padding-left: 10px; list-style-type: none; } .white { background-image: url(../images/white.gif); background-repeat: repeat-x; margin: 0; padding: 0 0 0 20px; } .mod3_title { font-size: 14px; font-family: arial; font-weight: bold; margin-top: 32px; margin-left: 80px; } .mod3_more { color: #114778; font-size: 11px; margin-left: 110px; } .mod_title { color: #231f20; font-size: 14px; font-family: arial; font-weight: bold; margin-top: 32px; margin-left: 62px; padding: 0; } .mod_text { font-size: 11px; margin-top:20px; margin-right: 10px; margin-left: 20px; padding: 0; } #top .change { color: #808080; font-size: 12px; margin-left: 820px; } .change_img { } .NFS1:link{ color:#231f20; font-size: 11px; font-family: tahoma; font-weight: bold; text-decoration:none; } .NFS1:visited { color: #231f20; font-size: 11px; font-family: tahoma; font-weight: bold; border-bottom: 1px solid #114778; display: block; } .NFS1:hover { color: #000 ; font-family: tahoma; font-weight: bold; border-bottom: 1px solid #114778; } .NFS1:active { color: #1c4191 ; font-family: tahoma; font-weight: bold; } .NFS2:link{ color:#231f20; font-size: 11px; font-family: tahoma; font-style: normal; } .NFS2:visited { color: #1c4191; font-size: 11px; font-family: tahoma; text-decoration: none; } .NFS2:hover { color: #000 ; font-family: tahoma; font-weight: bold; text-decoration: none; border-bottom: 1px solid #114778; display: block; } .NFS2:active { color: #1c4191 ; font-family: tahoma; text-decoration: none; } .NFS3:link{ color:#d4dce7; font-size: 11px; font-family: arial, verdana, helvetica, sans-serif; text-decoration:none; } .NFS3:visited { color: #d4dce7; font-size: 11px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; } .NFS3:hover { font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; font-size: 11px; } .NFS3:active { color: #d4dce7 ; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; } .NFS4:link{ color:#fff; font-family: arial, verdana, helvetica, sans-serif; text-decoration:none; } .NFS4:visited { color: #fff; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; } .NFS4:hover { color: #fff; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; } .NFS4:active { color: #fff ; font-family: arial, verdana, helvetica, sans-serif; } .NFS5:link{ color:#065e98; font-size: 12px; font-family: arial, verdana, helvetica, sans-serif; line-height: 30px; text-decoration:none; height: 30px; display: block; } .NFS5:visited { color: #214676; font-size: 12px;s font-family: arial, verdana, helvetica, sans-serif; line-height: 30px; text-decoration: none; height: 30px; display: block; } .NFS5:hover { color: #fff; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; line-height: 30px; background-color: #dbe4ec; width: 200px; height: 30px; display: block; } .NFS5:active { color: #214676 ; font-family: arial, verdana, helvetica, sans-serif; line-height: 30px; vertical-align: middle; height: 30px; display: block; } .NFS6:link{ color:#214676; font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; line-height: 30px; text-decoration:none; display: block; } .NFS6:visited { color: #214676; font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; line-height: 30px; text-decoration: none; display: block; } .NFS6:hover { color: #214676; font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; line-height: 30px; background-color: #dbe4ec; width: 200px; display: block; } .NFS6:active { color: #214676 ; font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; line-height: 30px; display: block; } .NFS7:link{ color:#065e98; font-family: arial, verdana, helvetica, sans-serif; text-decoration:none; vertical-align: middle; font-size:12px; } .NFS7:visited { color: #065e98; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; vertical-align: middle; font-size:12px; } .NFS7:hover { color: #fff; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; background-color: #dbe4ec; vertical-align: middle; width: 200px; border-bottom: 1px solid #fff; display: block; font-size:12px; } .NFS7:active { color: #065e98 ; font-family: arial, verdana, helvetica, sans-serif; vertical-align: middle; font-size:12px; } .NFS8:link{ color:#fff; font-family: arial, verdana, helvetica, sans-serif; text-decoration:none; } .NFS8:visited { color: #fff; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; } .NFS8:hover { color: #065e98; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; width: 200px; } .NFS8:active { color: #fff ; font-family: arial, verdana, helvetica, sans-serif; } .NFS9:link{ color:#065e98; font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; line-height: 30px; background-color: #dbe4ec; text-decoration:none; height: 30px; display: block; } .NFS9:visited { color: #214676; font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; line-height: 30px; background-color: #dbe4ec; text-decoration: none; height: 30px; display: block; } .NFS9:hover { color: #214676; font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; line-height: 30px; background-color: #dbe4ec; width: 200px; height: 30px; display: block; } .NFS9:active { color: #214676 ; font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; line-height: 30px; background-color: #dbe4ec; height: 30px; display: block; } .NFS-1:link{ color:#065e98; font-family: arial, verdana, helvetica, sans-serif; line-height: 21px; background-color: #dbe4ec; text-decoration:none; height: 41px; font-size:12px; } .NFS-1:visited { color: #065e98; font-family: arial, verdana, helvetica, sans-serif; line-height: 21px; background-color: #dbe4ec; text-decoration: none; height: 41px; display: block; font-size:12px; } .NFS-1:hover { color: #fff; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; line-height: 21px; background-color: #dbe4ec; width: 200px; height: 41px; border-bottom: 1px solid #fff; display: block; font-size:12px; } .NFS-1:active { color: #065e98 ; font-family: arial, verdana, helvetica, sans-serif; line-height: 21px; background-color: #dbe4ec; height: 41px; display: block; font-size:12px; } .NFS-2:link{ color:#b3b3b3; font-size: 11px; font-family: arial, verdana, helvetica, sans-serif; text-decoration:none; } .NFS-2:visited { color: #b3b3b3; font-size: 11px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; } .NFS-2:hover { color: #114778; font-size: 11px; font-family: arial, verdana, helvetica, sans-serif; width: 200px; border-bottom: 1px solid #fff; } .NFS-2:active { color: #b3b3b3 ; font-size: 11px; font-family: arial, verdana, helvetica, sans-serif; } .NFS-3:link{ color:#214676; font-size: 12px; font-family: arial, verdana, helvetica, sans-serif; line-height: 30px; background-color: #dbe4ec; text-decoration:none; height: 30px; display: block; } .NFS-3:visited { color: #214676; font-family: arial, verdana, helvetica, sans-serif; line-height: 30px; background-color: #dbe4ec; text-decoration: none; height: 30px; display: block; font-size: 12px; } .NFS-3:hover { color: #fff; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; line-height: 30px; background-color: #dbe4ec; width: 200px; height: 30px; display: block; font-size: 12px; } .NFS-3:active { color: #214676 ; font-family: arial, verdana, helvetica, sans-serif; line-height: 30px; background-color: #dbe4ec; height: 30px; display: block; font-size: 12px; } /*--------sawen-----*/ @CHARSET "UTF-8"; #tech { position:relative; } #techNameList { position:absolute; display:none; top:0; right:-151px; border-left:1px solid #00376F; } #wrapper { width:721px; float:left;} #container { width: 714px; padding-right:7px; float: left;} #container ul{ width: 549px; list-style-type:none; padding:0; float: left; margin: 0; position:relative; top:1px; } #container li{ color: #fff; font-weight:bold; font-size: 11px; line-height: 24px; background:url(../images/tab_bg2.png) no-repeat top left;_background:url(../images/tab_bg2.gif) no-repeat top left; text-align: center; width: 147px; height: 24px; display:block; float: right; margin-left:-13px; padding: 0; cursor:pointer; } #container li.select { background:url(../images/tab_bg1.png);_background:url(../images/tab_bg1.gif); color:#214676; position:relative;} #content1 { font-size: 11px; font-family: arial, verdana, helvetica, sans-serif; width:689px; height:130px; padding:10px; padding-top:15px; padding-left:15px; float:left; background: #FFFFFF; border:1px solid #bfd0e2; } .content_text { width: 100%; float: left; margin-right: auto; margin-left: auto; } .content_text_1 { width: 500px; float: left; line-height:18px; color:#666666; } .content-title_2 { float: left; margin-left: 40px; line-height:15px; } div.frame { width:700px; float:left;} div.frame img {float:left; padding:5px; cursor:pointer;} #visitArea { float:left; width:540px; overflow:hidden;} #scrollDiv { width:1485px;} img.arrow {margin-top:30px;} .caseDisplay td { text-align:center; width:123px; padding-top:5px;} #more { background: url(../images/viewmore.gif) no-repeat left top; width:66px; height:13px; display:block; line-height:13px; padding-left:2px; float:right;} #content2 { font-size: 11px; font-family: arial, verdana, helvetica, sans-serif; height: 100px; padding-top: 10px; padding-left: 10px; } #content3 { font-size: 11px; font-family: arial, verdana, helvetica, sans-serif; height: 100px; padding-top: 10px; padding-left: 10px; } #container li.active{ color: #000; line-height: 24px; background-image: url(../images/container_1.gif); background-repeat: no-repeat; text-align: center; vertical-align: middle; width: 157px; height: 24px; margin: 0; padding: 0; display: block; } .norris { color: #000; font-size: 14px; font-family: verdana; font-weight: bold; line-height: 42px; background-color: #dbe4ec; width: 215px; height: 42px; margin-left: -15px; list-style-type: none; display: block; } #enguiries { background:url(../images/contact_title.jpg) top no-repeat; width:186px; padding-top:20px; margin:20px 7px; padding-bottom:10px; } #enguiries li { border:none; padding-left:10px; color:#666867; font-size:12px; line-height:30px; height:30px; } #enguiries2 { width:190px; border:1px solid #a0bbc7; float:left; margin-top:10px; } #enguiries2 li { border:none; padding-left:30px; color:#666867; font-size:11px; line-height:30px; height:30px; list-style:none; } #enguiries2 ul { margin:0px; padding:0px; padding-left:5px; } #enguiries2 h1 { font-size:10px; background:url(../images/enquery_bg.gif) repeat-x; height:21px; width:182px; padding-left:8px; line-height:21px; margin:0px; } #msn { background:url(../images/contact_icon_02.gif) 0% 50% no-repeat;} #skype { background:url(../images/contact_icon_03.gif) 0% 50% no-repeat;} #tel { background:url(../images/contact_icon_04.gif) 0% 50% no-repeat; } #msn2 { background:url(../images/contact_icon_02_w.gif) 0% 50% no-repeat;} #skype2 { background:url(../images/contact_icon_03_w.gif) 0% 50% no-repeat;} #tel2 { background:url(../images/contact_icon_04_w.gif) 0% 50% no-repeat; } sub { color: #fff; font-size: 12px; font-family: arial; font-style: normal; margin-left:400px; } sub img { margin-left: 390px; } .j2ee-2 { margin-left: 110px; } .j2ee-5 { margin-left: 40px; } .content-title { float: right; } /*-----Maiandra GD-----*/ b { color: #444; font-size: 11px; font-family: tahoma; font-weight: normal; } strong { font-size: 14px; line-height: 20px; background-color: #dbe4ec; text-indent: 10px; display: block; } /*-----by DC-----*/ .star { color: red; } #conract_form { margin-left: 30px; } /*----sup---- */ sup { color: #114778; font-size: 11px; line-height: 12px; margin: 0; padding: 0; } .content_text1 { width: 400px; margin-right: auto; margin-left: auto; } #content table { font-size: 11px; margin-left: 20px; } #content table .bold { font-size: 11px; font-weight: bold; } #functions { margin-left: 200px; } #pre { margin-left: 20px; } #content .table_1 { margin-left: -20px; } #next { margin-top: -18px; margin-left: 630px; } #bottom { background:#b8cae1; } #bottom span { color:#336699; padding-left:20px; font-size:11px; font-weight:bold; display:block; line-height:18px; } #serv { background:#e5e9ef; height:70px; display:block; margin:0px; padding-left:50px; } #serv li { float:left; list-style:none; display:block; height:67px; line-height:67px; padding-left:55px; color:#666666; font-size:12px; font-weight:bold; } #serv li.split { padding-left:10px; padding-right:10px; } #pic { background:url(../images/book.gif) no-repeat left center; } #service { background:url(../images/serv.gif) no-repeat left center; } #print { background:url(../images/print.gif) no-repeat left center; } #market { background:url(../images/stuff.gif) no-repeat left center; }