/*__基础样式______________________________________________________*/ *{padding:0; margin:0; margin-top:0px;} fieldset, img{border:0;} ol,ul{list-style: none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;} div{overflow:hidden;} a:link{ color:#333333;text-decoration:none;} a:visited{ color:#333333;text-decoration:none;} a:hover{ color:#0a51a1; text-decoration:none;} a:active{ color:#333333;text-decoration:none;} input{ color:#333333;} input.txt{ border: 1px inset #00008B; background-color: #B3C6D5;} input.btn{ color: #00008B; background-color: #ADD8E6; border: 1px outset #B3C6D5; padding: 1px 2px 1px 2px;} .ext{ height:16px; width:135px; border:1px solid #B3C6D5;} body{ font:9pt Arial,"宋体"; width:955px; height:100%; margin:10px auto; background-color:#c7c7c7;} /*__header层______________________________________________________*/ #head{} #head-up{float:left; background:url(../images/head.jpg) no-repeat; width:955px; height:72px;} #logo{ float:left; display:inline; margin:6px 0 3px 28px;} #version{ float:right; display:inline; font-size:0.9em; font-weight:bold; margin:15px 20px 0 0;} #navigation{float:left; background:url(../images/body-bg.jpg) repeat-y; width:955px; height:27px;} #navigation .menu{float:left; display:inline; margin-left:9px; background:url(../images/nav-bg.jpg) repeat-x; width: 937px; height:27px; } #navigation .menu li{float:left; background:url(../images/nav-separate.jpg) 0 0 no-repeat;} #navigation .menu .nav-1{background: none;} #navigation .menu li a{float:left; padding:6px 26px; text-align:center; font-size:1.1em; font-weight:bold; color:#fff;} #navigation .menu .nav-cur,#navigation .menu li a:hover{ background:url(../images/nav-bg-hover.jpg) repeat-x; color:#fff; text-decoration:none;} #menubar{float:left; background:url(../images/menubar-bg.jpg) no-repeat; width:955px; height:auto; } #menubar p{ clear:both; padding-left:16px; font-size:11px; font-family:Verdana; color: #999999; padding-top:8px; height:20px; text-align:left; } .hh:link { color:#989898; text-decoration:none;} .hh:visited { color:#989898; text-decoration:none;} .hh:hover{ color:#0a51a1; text-decoration:none;} .hh:active{ color:#0a51a1; text-decoration:none;} /*__content层______________________________________________________*/ #content{float:left; background:url(../images/body-bg.jpg) repeat-y; width:955px; height:auto; } /*__content left层______________________________________________________*/ #content-left{ float:left; display:inline; margin-left:9px; width:184px; height:auto; } #content-left .title{ float:left; width:178px; padding:4px 0 4px 18px; margin-top:10px; margin-bottom:12px; font-weight:bold; color:#333333; background-image: url(../images/sidebar.gif);background-repeat: no-repeat;} #content-left #sidemenu { display:inline; float:left; width:178px; font-size:11px; padding:0; font-family: Verdana; border-right: #cccccc 1px solid; } #content-left #sidemenu ul { margin-left:1px; padding:0px; border-top: #cccccc 1px solid; width: 178px; list-style-type: none;} #content-left #sidemenu li { border-left: #cccccc 1px solid; border-bottom:#cccccc 1px solid; font-weight:bold;} #content-left #sidemenu li a{ display:block; border-left: #cccccc 6px solid; color: #505050; padding:6px 0 4px 10px; background-color: #FFFFFF; text-decoration: none; font-size:11px;font-weight: normal; } #content-left #sidemenu li a:hover { background:#FFFFFF; border-left: #0a51a1 6px solid; text-decoration: none; color: #0a51a1; font-weight: bold; font-size:10px;} #content-left #sidemenu li a.current{ text-decoration:none; background:#FFFFFF; color:#0a51a1; border-left:6px solid #0a51a1; font-size: 11px; font-family: "宋体";} /*__content 中间层______________________________________________________*/ #content-middle{ float:left; min-height:435px; height:auto !important; height:auto; width:549px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background-color:#ffffff; } /*__content 中间层 banner层______________________________________________________*/ #content-middle .banner_about{ float:left; width:549px; height:130px; color:#bf2f38;border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background-image: url(../images/services.jpg);background-repeat: no-repeat;} #content-middle .banner_about .small{float:left; display: inline; margin-left:430px;margin-top:108px; font-size:1em;} #content-middle .banner_about strong{float:left; font-size:1.2em; font-weight:bold;margin-left:6px;margin-top:108px;} #content-middle .banner_services{ float:left; width:549px; height:130px;border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background-image: url(../images/clients-bg.jpg);background-repeat: no-repeat;} /*__content 中间层 text层______________________________________________________*/ #content-middle .text{float:left; width:546px; padding:10px;} #content-middle .text h5{ color:#0a51a1; font-size:1.2em; font-weight:bold; margin-top:12px; } #content-middle .text h6{ color:#333333; font-size:1.2em; margin-top:12px; } #content-middle .text p{ font-size:0.9em; line-height:18px; margin-top:12px;padding-right:5px;} #content-middle .text h1{ color:#33333; font-size:1.0em; font-weight:bold; margin-top:5px; } #content-middle .text img { float:right; margin:12px;} #content-middle .text .list{display: inline; float:left; width:540px; height:auto; margin-bottom:24px; } #content-middle .text .list ul{ margin: 0px; padding: 0px; margin-top:3px; list-style-type: none;} #content-middle .text .list li { font-size:0.9em; line-height:20px; margin-left:12px; text-indent: 1em; background-image: url(../images/text-indent.gif); background-repeat: no-repeat; background-position:0px 6px; color: #333333;} #content-middle .text .hr:link { color:#0a51a1; text-decoration:underline;} #content-middle .text .hr:visited { color:#0a51a1; text-decoration:underline;} #content-middle .text .hr:hover{color:#0a51a1; text-decoration:none;} #content-middle .text .hr:active{ color:#0a51a1; text-decoration:underline;} #content-middle .text .list2{display: inline; float:left; width:540px; height:auto; margin-bottom:24px; } #content-middle .text .list2 ul{ margin: 0px; padding: 0px; margin-top:3px; list-style-type: none;} #content-middle .text .list2 li { font-size:0.9em; line-height:20px; margin-left:12px; text-indent: 1em; background-image: url(../images/arrowtwo.gif); background-repeat: no-repeat; background-position:0px 6px; color: #333333;} #content-middle .text table img { float:none; margin:0px;} #content-middle .text .font1{color:#0a51a1; font-size:0.9em; font-weight:bold;} /*__content 中间层 text层表格______________________________________________________*/ #content-middle .text .datatable{ width:530px; border:1px solid #CCCCCC; border-collapse:collapse; background-color:#ffffff; } #content-middle .text .datatable th{ border:1px solid #CCCCCC; color:#393939; background-color:#e2e5de;font-size:0.9em; font-weight:bold; padding:5px;} #content-middle .text .datatable td{ border:1px solid #CCCCCC; color:#393939; padding:5px; line-height:20px; font-size:0.9em;} #content-middle .text .datatable tr.altrow{ font-size:1.0em; background-color:#e2e5de; /* 隔行变色 */} #content-middle .text .datatable td.altrow{ background-color:#e2e5de; /* 隔单元格变色 */} /*__content right层______________________________________________________*/ #content-right{ float:left; display:inline; width:200px; height:auto; } #content-right .quick_bg{float:left; width:200px; height:23px; color:#333333; font-weight:bold; padding-top:7px; padding-left:38px; background-image: url(../images/quicklink.gif);background-repeat: no-repeat;} #content-right .quicklink{ float:left; width:200px; height:auto; padding-bottom:9px;} .quicklink ul { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; padding-right: 0px; margin-top:5px; margin-left: 6px; width: 193px; list-style-type: none;} .quicklink li { border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid;} .quicklink li a { border-right: #ffffff 6px solid; padding-right: 10px; display: block; padding-left: 5px; font-size:10px; background-color:#fff; padding-bottom: 2px; color:#505050; padding-top: 6px; text-decoration:none;} .quicklink li a:hover { border-right: #0a51a1 6px solid; font-size:10px; background-color:#fff; font-weight: bold; color:#0a51a1;text-decoration:none;} #content-right .quickimg{ float:left; width:209px; height:83px; background-image: url(../images/solution-06.jpg); background-repeat: no-repeat;} /*Sitemap Page*/ #map_content{ float:left; width:955px; height:auto; background-image: url(../images/bodymap-bg.jpg); background-repeat: repeat-y;} #map_content a{ font-size:0.9em; color:#004e9f;} #map_content a:link{ font-size:0.9em; color:#004e9f;} #map_content a:visited{ font-size:0.9em; color:#004e9f;} #map_content a:hover{ color:#666666;text-decoration:underline;} #map_content a:active{ font-size:0.9em; color:#004e9f;} .linkgroup{ float:left; display:inline; width:285px; height:190px; margin-left:23px; margin-top:10px;} .first { margin-left:28px} .linkgroup h3{ color:#004e9f; background-color:#eaf3fa; border:1px solid #dfdfdf; width:270px; font-size: 1em; font-weight:bold; padding:4px 0 3px 10px; } .linkgroup h3 a:link{ color:#004e9f; text-decoration:none;} .linkgroup h3 a:visited{ color:#004e9f; text-decoration:none;} .linkgroup h3 a:hover{text-decoration: underline;} .linkgroup h3 a:active{text-decoration:none;} .linkgroup ul li{ padding:4px 0 1px 20px; background:url(../images/arrow-blue.gif) 4px 10px no-repeat;} .linkgroup ul li a{font-size:0.9em;} .linkgroup ul li .sitemap-submenu{ margin-top:5px;} .linkgroup ul li .sitemap-submenu li{background:url(../images/radio.gif) 0px 11px no-repeat;padding:4px 0 1px 10px;} /*index Page*/ #index{ float:left; width:955px; height:auto; background-image: url(../images/bodymap-bg.jpg); background-repeat: repeat-y;} #index #main{ float:left; display:inline; margin-left:9px; margin-right:9px; width:937px; height:585px;background-color:#FFFFFF; } #index #main #left{ float:left; display:inline; width:693px;} #main #left #banner { float:left; width:693px; height:210px; border-bottom: #ff5311 2px solid; } #main #left #read { float:left; display:inline; width:411px; height:373px; background-image: url(../images/read.gif); background-repeat: no-repeat;} #main #left #read .about{ float:left; width:411px; height:175px; } #main #left #read .about .title2 { float:left; width:391px; padding-top:15px; padding-left:20px; height:25px; color:#0a51a1; font-weight:bold;} #main #left #read .about a{ font-size:0.9em; color:#0a51a1;} #main #left #read .about a:hover{ text-decoration:none; color:#ec8907;} #main #left #read .about .content{ float:left; width:381px; color:#0a51a1; font-size:0.9em; padding-left:20px; padding-right:10px; padding-top:9px; line-height:20px;} #main #left #read .testimonials{ float:left; width:411px; } #main #left #read .testimonials .title3 { float:left; width:391px; padding-top:27px; padding-left:20px; height:25px; color:#0a51a1; font-weight:bold;} #main #left #read .testimonials a{ font-size:0.9em; color:#0a51a1;} #main #left #read .testimonials a:hover{ text-decoration:none; color:#ec8907;} #main #left #read .testimonials .content{ float:left; width:381px; color:#0a51a1; font-size:0.9em; padding-left:20px; padding-right:10px; padding-top:12px; line-height:20px;} #main #left #events { float:left; width:282px; height:373px; background-image: url(../images/news_events.gif); background-repeat: no-repeat;} #main #left #events .title { float:left; width:267px; padding-top:15px; padding-left:15px; height:25px; color:#0a51a1; font-weight:bold;} #main #left #events .title a{ font-size:0.9em; color:#0a51a1;} #main #left #events .title a:hover{ text-decoration:none; color:#ec8907;} #main #left #events .news_text { float:left; width:257px; height:333px; padding-left:25px; } #main #left #events .news_text li{width:257px; font-size:1.0em;color:#6ED0F5; background:url(../images/arrow3.gif) 1px 0px no-repeat;cursor:pointer; padding-bottom:12px; height:auto;overflow:hidden; margin-left:-10px} #main #left #events .news_text li a{float:left; color:#333333; margin:6px 0 0 14px; font-size:1.0em; line-height:16px;} #main #left #events .news_text li a:hover{text-decoration: none; color:#0a51a1;} #index #main #right{ float:left; display:inline; width:243px;border-left: #d0d0d2 1px solid;} #main #right .high-light{float:left; width:243px; height:210px;} #main #right .high-light h2{ width:243px; height:30px; color:#f90; background-image: url(../images/h2-bg.jpg); background-repeat: repeat-x; background-position: 0 0;} #main #right .high-light h2 a{ float:left; margin-top:8px; margin-left:12px;color:#0a51a1; font-size:1.2em; font-weight:bold;} #main #right .high-light h2 a:hover{ text-decoration:none;} #main #right .high-light .list li{width:243px; border-bottom:1px solid #f2ebe1;background:url(../images/arrow.gif) 230px 10px no-repeat;cursor:pointer; padding-bottom:5px; height:auto;overflow:hidden} #main #right .high-light .list li a{float:left; margin:6px 0 0 15px; font-size:0.9em; line-height:16px;} #main #right .high-light .more{float:right; margin:8px 0px 10px 0; width:45px; height:12px; } #main #right .links{float:left; width:243px; height:190px;} #main #right .links h2{ width:243px; height:47px; color:#0265cb; background-image: url(../images/links_bg.jpg); background-repeat: repeat-x; } #main #right .links h2 a{ float:left; margin-top:15px; margin-left:12px; color:#0265cb; font-size:1.2em; font-weight:bold;} #main #right .links h2 a:hover{ text-decoration:none;} #main #right .links .list li{width:243px; color:#666666; background:url(../images/arrow2.gif) 13px 10px no-repeat;cursor:pointer; padding-bottom:5px; height:auto;overflow:hidden} #main #right .links .list li a{float:left; color:#333333; margin:6px 0 0 23px; font-size:0.9em; line-height:14px;} #main #right .links .list li a:hover{text-decoration: none; color:#0a51a1;} #main #right .links .more{ display:inline; float:right; margin-top:3px; width:45px; height:12px; } #main #right .career{float:left; width:243px; height:185px;} #main #right .career h2{ width:243px; height:47px; color:#0265cb; background-image: url(../images/links_bg.jpg); background-repeat: repeat-x; } #main #right .career h2 a{ float:left; margin-top:20px; margin-left:12px; color:#0265cb; font-size:1.2em; font-weight:bold;} #main #right .career h2 a:hover{ text-decoration:none;} #main #right .career .text { float:left; width:228px; font-size:0.9em; color:#666666; height:auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left:10px; line-height:16px; margin-top:8px} #main #right .career .text img { float:right; margin-top:2px;} #main #right .career .more{float:right; margin-top:1px; width:45px; height:12px; } /*__footer层______________________________________________________*/ #footer{ float:left; width: 955px; height:18px; padding-top:5px; font-size:0.9em; color:#ffffff; text-align:center; background-image: url(../images/footer-bg.jpg);background-repeat: no-repeat;} #footer a{ color:#FFFF00; text-decoration:none;}