* { margin: 0px; padding: 0px; } p { margin: auto; } body { font-family: 宋体; font-size: 12px; color: #333333; line-height: 22px; } a { color: #333333; text-decoration: none; } a:hover { color: #cc3300; text-decoration: none; } li { list-style: none; } #content { margin: 0px auto; width: 990px; vertical-align: top; } /* top begin */ #top { width: 990px; height: 376px; background: url(../images/topbg.gif) repeat-x top; margin: 0px auto; position: relative; margin: 0px auto; clear: both; } #logo { left: 35px; top: 4px; position: relative; } #menu { position: relative; margin-top: 5px; } #menu ul { height: 43px; right: 0px; width: 990px; list-style: none; background: url(../images/menu.gif); } #menu ul li { float: left; } #menu ul li a span { text-indent: -9999px; display: none; } #menu ul li a { display: block; width: 100px; height: 43px; } #menu li#home a { width: 80px; } #menu li#home a:hover { width: 80px; background: url(../images/menu2.gif) 0 0; } #menu li#about a:hover { background: url(../images/menu2.gif) -80px; 0; } #menu li#news a:hover { background: url(../images/menu2.gif) -180px; 0; } #menu li#product a:hover { background: url(../images/menu2.gif) -280px; 0; } #menu li#project a:hover { background: url(../images/menu2.gif) -380px; 0; } #menu li#equipment a:hover { background: url(../images/menu2.gif) -480px; 0; } #menu li#news2 a:hover { background: url(../images/menu2.gif) -580px; 0; } #menu li#fack a:hover { background: url(../images/menu2.gif) -680px; 0; } #menu li#marketing a:hover { background: url(../images/menu2.gif) -780px; 0; } #menu li#contact a:hover { background: url(../images/menu2.gif) -880px; 0; } #banner { position: absolute; margin-top: 1px; height: 240px; width: 990px; } /* top end */ /*middle_1 begin*/ #middle { width: 990px; margin: 5px auto; clear: both; } .left { float: left; width: 206px; clear: both; } .index_productslist_top { background-image: url(../images/products_list_top.gif); width: 206px; height: 40px; margin: 0; } .index_productslist_content { width: 196px; border-bottom: 1px #aac3df solid; border-left: 1px #aac3df solid; border-right: 1px #aac3df solid; background-color: #dfeaf5; margin-top: 0px; padding-top: 8px; padding-left: 8px; padding-bottom: 8px; } .index_productslist_content ul { width: 188px; border: #aac3df 1px solid; background-color: #FFFFFF; } .index_productslist_content ul li { border-bottom: 1px #CCCCCC dashed; text-indent: 20px; list-style: none; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 6px 8px; line-height: 26px; height: 26px; } .index_projectslist_top { background-image: url(../images/projects_list_top.gif); width: 206px; height: 40px; } .index_projectslist_content { width: 204px; border-bottom: 1px #aac3df solid; border-left: 1px #aac3df solid; border-right: 1px #aac3df solid; background-color: #dfeaf5; } .index_projectslist_content ul { margin-left: 8px; margin-top: 8px; margin-bottom: 8px; width: 188px; border: #aac3df 1px solid; background-color: #FFFFFF; } .index_projectslist_content ul li { border-bottom: 1px #CCCCCC solid; background-image: url(../images/arrow.gif); text-indent: 20px; list-style: none; background-repeat: no-repeat; background-position: 8px 12px; line-height: 32px; height: 32px; font-size: 14px; font-weight: bold; } .serverlist { margin-top: 5px; margin-bottom: 5px; } .serverlist_top { background-image: url(../images/server_list_top.gif); width: 206px; height: 40px; } .serverlist_content { width: 204px; border-bottom: 1px #aac3df solid; border-left: 1px #aac3df solid; border-right: 1px #aac3df solid; background-color: #dfeaf5; } .serverlist_content ul { padding-left: 8px; padding-top: 4px; padding-bottom: 4px; } .serverlist_content ul li { margin-top: 4px; margin-bottom: 4px; } .left2 { float: left; width: 530px; } .product_index { margin-left: 10px; width: 530px; } .product_index_top { width: 525px; height: 35px; background: url(../images/product_top.gif) no-repeat; } .product_index_top span { float: right; margin-top: 5px; margin-right: 4px; } .product_index_content ul { margin-top: 10px; margin-bottom: 10px; } .product_index_content ul li { float: left; margin: 2px; } .news_index { margin-left: 10px; width: 530px; } .news_index_top { width: 525px; height: 35px; background: url(../images/news_top.gif) no-repeat; } .news_index_top span { float: right; margin-top: 5px; margin-right: 4px; } .news_index_content ul { margin: 2px; margin-top: 5px; margin-bottom: 5px; } .news_index_content ul li { line-height: 26px; background-image: url(../images/news_bg.gif); background-repeat: no-repeat; text-indent: 30px; height: 26px; list-style: none; } .link_index { margin-left: 10px; } .link_index ul li { margin-top: 4px; } .subsidiaries { margin-left: 10px; width: 530px; } .subsidiaries_top { width: 525px; height: 35px; background: url(../images/subsidiaries.gif) no-repeat; } .subsidiaries_content { margin-top: 15px; width: 525px; margin-left: 10px; } .subsidiaries_content ul li { float: left; text-align: center; margin: 3px; font-size: 14px; line-height: 34px; } .left3 { float: right; } .tuijian_top { background-image: url(../images/tuijian_top.gif); width: 235px; height: 40px; } .tuijian_content { width: 221px; border-bottom: 1px #aac3df solid; border-left: 1px #aac3df solid; border-right: 1px #aac3df solid; background-color: #dfeaf5; padding-left: 12px; padding-top: 10px; } .flash { } .company_index { margin-top: 5px; width: 208px; border: 1px #aac3df solid; background-color: #FFFFFF; } .company_index_top { background-image: url(../images/company_top.gif); background-position: 10px 10px; width: 208px; height: 36px; background-repeat: no-repeat; } .company_index_content { padding: 10px; text-indent: 20px; } .marketing { margin-top: 15px; margin-bottom: 10px; } #demo { overflow: hidden; height: 160px; width: 520px; margin-top: 5px; margin-bottom: 5px; } #demo td { text-align: center; } #demo img { margin-left: 5px; margin-right: 5px; border: 0px; height: 130px; PADDING-top: 2px; PADDING-bottom: 2px; PADDING-left: 2px; PADDING-right: 2px; BORDER-TOP: #cccccc 1px solid; BORDER-left: #cccccc 1px solid; BORDER-right: #cccccc 1px solid; BORDER-bottom: #cccccc 1px solid; background-color: #FFFFFF; } #bottom { padding-top: 10px; width: 990px; position: relative; margin: 20px auto; margin-bottom: 5px; border-top: 1px #cccccc solid; text-align: center; font-size: 14px; background: url(../images/bottombg.gif) repeat-x; clear: both; } #bottom2 { clear: both; width: 990px; position: relative; text-align: center; font-size: 14px; text-align: center; } .left4 { float: right; } .neirong { margin-bottom: 10px; } .neirong_top { background: url(../images/neirong_top_bg.gif); width: 776px; height: 34px; text-indent: 40px; padding-top: 8px; font-size: 14px; font-weight: bold; color: #20569e; line-height: 34px; } .neirong_top span { float: right; margin-right: 20px; font-size: 12px; font-weight: normal; } .neirong_content { width: 774px; border-bottom: 1px #aac3df solid; border-left: 1px #aac3df solid; border-right: 1px #aac3df solid; background-color: #ffffff; overflow: hidden; } .neirong_content_2 { margin: 20px; } /*product begin*/ .product { margin: 20px; text-align: center; } .product_title { text-align: center; clear: both; } .product_img { margin-top: 10px; vertical-align: middle; text-align: center; margin-bottom: 20px; } .product_img img { vertical-align: middle; } .product_content { clear: both; text-align: left; } .product_tool { width: 734px; float: left; text-align: right; clear: both; } .product_title h2 { font-size: 16px; font-weight: bold; } /*product end*/ /*product class begin*/ .product_class { margin: 10px; } .product_class_list { width: 174px; padding-left: 6px; padding-right: 6px; margin-top: 10px; float: left; } .product_class_list_img { width: 174px; } .product_class_list_img img { width: 170px; height: 130px; PADDING-top: 2px; PADDING-bottom: 2px; PADDING-left: 2px; PADDING-right: 2px; BORDER-TOP: #cccccc 1px solid; BORDER-left: #cccccc 1px solid; BORDER-right: #cccccc 1px solid; BORDER-bottom: #cccccc 1px solid; background-color: #FFFFFF; } .product_class_list_title { width: 174px; } .product_class_list_title dl dt { color: #000000; font-weight: normal; font-size: 12px; text-align: center; } .product_class_list_title dl dd { text-indent: 20px; padding-left: 10px; padding-right: 10px; } .product_class_list_title dl dd span { float: right; } .product_class_page { width: 720px; } .product_class_page dl { padding: 10px; float: right; padding-bottom: 10px; } .product_class_page dd { color: #C81A1A; font-size: 12px; border: 1px #D8D8D8 solid; width: 20px; height: 20px; line-height: 19px; cursor: pointer; float: left; text-align: center; margin-left: 5px; } .product_class_page a { display: block; width: 100%; height: 100%; } .product_class_page dd a:link { color: #C81A1A; font-size: 12px; text-decoration: none } .product_class_page dd a:visited { color: #C81A1A; font-size: 12px; text-decoration: none } .product_class_page dd a:active { color: #C81A1A; font-size: 12px; text-decoration: none } .product_class_page dd a:hover { color: #000000; text-decoration: underline; position: relative; } /*product class end*/ /*project begin*/ .project { margin: 20px; } .project_title { text-align: center } .project_title h2 { text-align: center; margin: 5px; line-height: 35px; } .project_title hr { border: dotted; color: #000000; width: 100%; height: 1px; } .project_pic { clear: both; } .project_content { clear: both; } /*project end*/ /*project class begin*/ .project_class { margin: 10px; } .project_class_list { width: 230px; padding-left: 10px; padding-right: 5px; margin-top: 10px; float: left; } .project_tool { width: 734px; float: left; text-align: right; clear: both; } .project_class_list_img { } .project_class_list_img img { width: 160px; PADDING-top: 2px; PADDING-bottom: 2px; PADDING-left: 2px; PADDING-right: 2px; BORDER-TOP: #cccccc 1px solid; BORDER-left: #cccccc 1px solid; BORDER-right: #cccccc 1px solid; BORDER-bottom: #cccccc 1px solid; background-color: #FFFFFF; } .project_class_list_img img:hover { PADDING-top: 1px; PADDING-bottom: 1px; PADDING-left: 1px; PADDING-right: 1px; BORDER-TOP: #ff0000 2px solid; BORDER-left: #ff0000 2px solid; BORDER-right: #ff0000 2px solid; BORDER-bottom: #ff0000 2px solid; background-color: #FFFFFF; } .project_class_list_title { } .project_class_list_title dl { } .project_class_list_title dl dt { margin-top: 5px; color: #000000; font-weight: normal; font-size: 12px; text-align: left; } .project_class_page { width: 720px; } .project_class_page dl { padding: 10px; float: right; padding-bottom: 0px; } .project_class_page dd { color: #C81A1A; font-size: 12px; border: 1px #D8D8D8 solid; width: 20px; height: 20px; line-height: 19px; cursor: pointer; float: left; text-align: center; margin-left: 5px; } .project_class_page dd a { display: block; width: 100%; height: 100%; } .project_class_page dd a:link { color: #C81A1A; font-size: 12px; text-decoration: none } .project_class_page dd a:visited { color: #C81A1A; font-size: 12px; text-decoration: none } .project_class_page dd a:active { color: #C81A1A; font-size: 12px; text-decoration: none } .project_class_page dd a:hover { color: #000000; text-decoration: underline; position: relative; } /*project class end*/ /*news begin*/ .news { margin: 20px; } .wzbt { text-align: center } .wzbt h2 { text-align: center; margin: 5px; line-height: 35px; } .wzbt hr { border: solid; color: #cccccc; width: 90%; height: 1px; } .wznr p { font-size: 14px; line-height: 24px; text-align: left; } .wzgn { float: right; } /*news end*/ /*news item begin*/ .news_item { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; } .news_item li { font-size: 14px; line-height: 28px; padding-left: 25px; list-style-type: none; background-image: url(../images/NewList.gif); background-position: left; background-repeat: no-repeat; } .news_item li span { float: right; padding-right: 5px; } .news_item dl { padding: 10px; float: right; padding-bottom: 10px; } .news_item dd { color: #C81A1A; font-size: 12px; border: 1px #D8D8D8 solid; width: 20px; height: 20px; line-height: 19px; cursor: pointer; float: left; text-align: center; } .news_item dd a:link { color: #C81A1A; font-size: 12px; text-decoration: none } .news_item dd a:visited { color: #C81A1A; font-size: 12px; text-decoration: none } .news_item dd a:active { color: #C81A1A; font-size: 12px; text-decoration: none } .news_item dd a:hover { color: #000000; text-decoration: underline; position: relative; } /*news item end*/ .feedback { margin: 20px; float: left; } .unnamed1 { border-collapse: collapse; border: solid; border-color: #D8DDE5; border-width: 1px; margin: 0 auto; width: 600px; } .unnamed1 th, .unnamed1 td { border: 1px solid #D8DDE5; padding: 5px; font-size: 14px; } .unnamed1 span { color: #FF0000; font-size: 14px; padding-left: 5px; } #form_feedback { padding: 0; margin: 0; } #form_feedback input, #form_feedback textarea { background: #FDFFF5; border-color: Gray; border-style: solid; border-width: 1px; } #form_feedback textarea { padding: 3px 2px; } .neirong_content_2 { font-size: 13.5pt; line-height: 27pt; } .contactus { font-weight: bold; } .contactus tr td { padding-left: 20px; }