* { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } body {font-family: Verdana, calibri, Arial, Helvetica, sans-serif ; background:#fff; text-align:center; font-size:12px; line-height:20px;margin:0 auto;width:100%; color:#444444;} td {font-family: Verdana, calibri, Arial, Helvetica, sans-serif ;} th {font-family: Verdana, calibri, Arial, Helvetica, sans-serif ;} h4 {font-size:14px;} h5 {font-size:12px;} ul { list-style-type:none; text-align:left; } img { border:0; } a:link {color:#444444;text-decoration:none;} a:visited {color:#444444;text-decoration:none;} a:hover {color:#888;text-decoration:none;} a:active {text-decoration:none;} .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } *html .clearfix{ height:1%; } *+html .clearfix{ height:1%; } /** ========================main container======================*/ #container { position:relative; width:960px; margin:0 auto;} /** ========================Color======================*/ .color_gray{ color:#7F7E83; } .color_blue{ color:#024D75; } /** ========================Text======================*/ #text1{ font-size:13px; } #text1 ul li{ margin:8px 0; } .bolder{ font-weight:bold; } .text2{margin:5px 0 0 10px; text-align:left;} /**=======================Header=======================*/ #top { float:left; width:960px; } #topsub{float:left; width:960px; height:125px; background:url(../images/topbg.png) no-repeat;} #logo { position:relative; float:left; width:430px; height:110px; background:url(../images/logo.png) no-repeat; } #logosub{position:relative; float:left; width:340px; height:50px; margin:75px 0 0 45px; background:url(../images/logosub.png) no-repeat; } #top_right { position:relative; float:left; width:530px; } #top_text { position:relative; float:left; width:530px; padding-top:5px;height:15px; color:#666666; text-align:right; } #nav{ position:relative; float:right; width:530px; clear:both; } .navpic{ padding-bottom:10px; } /**=======================产品与服务下拉菜单=======================*/ #cat{ width:120px; background:#eee; } #cat ul li{ width:100px; height:20px; border-bottom:solid 1px #fff; padding:5px 0 5px 10px; font-size:14px; } .dn{display:none;} .db{display:block;} .dib{display:inline-block;} .di{display:inline;} .shadow{-moz-box-shadow:1px 1px 3px rgba(0,0,0,.4); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.4); box-shadow:1px 1px 3px rgba(0,0,0,.4);} /**=======================main content=======================*/ #main{ position:relative; float:left; } /**=======================for index page=======================*/ #banner { position:relative; float:left; width:960px; height:210px; } #content { position:relative; float:left; width:960px; margin-top:95px; } #content_left { position:relative; float:left; width:199px; } #content_middle { position:relative; float:left; width:549px; } #content_right { position:relative; float:left; width:210px; } #content_right ul li{ position:relative; float:left; margin-left:5px; line-height:25px; width:300px;} #login { position:relative; float:left; width:315px; } #content_ad { position:relative; float:left; width:315px; } #gift_ad{ position:relative; float:left; width:960px; } #gift_slide{ position:relative; float:left; width:960px; background:#F1F1F1; padding:10px 0; } #gift_slide ul li{ position:relative; float:left; width:158px; height:155px; background:#FFFFFF; border:solid 1px #ccc; margin-right:10px; } #gift_slide_button{ width:58px; height:155px; background:#F1F1F1; margin:0; } .gift_slide_pic{ width:155px; height:135px; text-align:center; } .gift_slide_text{ width:155px; height:20px; text-align:center; } .dot_left{border-left:#82B9D5 1px dashed; } .dot_right{border-right:#82B9D5 1px dashed; } .dot_bottom{border-bottom:#ddd 1px dashed; } .dot_bottom_green{border-bottom:#01845C 1px dashed; } /**======================= for sub page=======================*/ #menu{ position:relative; float:left; width:199px; } #menu ul{ } #menu ul li{ height:40px; line-height:40px; vertical-align:middle; font-size:18px; font-weight:bold; color:#aaa; } #menu ul li a{color:#666;} #menu ul li a:hover{color:#444;} #content_right2{ position:relative; float:left; width:760px; text-align:left; } #map{ width:740px; text-align:left; } #panel{ position:relative; float:left; width:740px; height:32px; border-bottom:1px solid #CCCCCC; } .panel_text{ position:relative; float:left; height:32px; width:120px; padding-top:10px; text-align:center; color:#066898; font-weight:bold; font-size:14px; } #template_show{ position:relative; float:left; width:738px; border:solid 1px #CCCCCC; margin-top:5px; text-align:center; } #template_show ul li{ position:relative; float:left; width:172px; height:160px; background:#FFFFFF; border:solid 1px #ccc; margin:5px; text-align:center; } .template_show_pic{ width:170px; height:135px; text-align:center; } .template_show_text{ width:170px; height:25px; text-align:center; padding-bottom:5px; } #page{ position:relative; float:left; width:740px; height:20px; text-align:right; padding-right:10px; margin-top:5px; } .bottom_border{ border-bottom:solid 1px #CCCCCC; } #contact{ position:relative; float:left; width:320px; } #contact{ } #contact ul li{ font-size:12px; color:#333; line-height:23px; float:left;} #news { position:relative; float:left; width:960px; background:url(../images/line.png) 210px 0 repeat-y; } .news_title{ position:relative; float:left; font-size:14px; font-weight:bold; width:740px; text-align:center; line-height:25px; height:25px; border-bottom:1px dashed #ccc;} .news_content{ position:relative; float:left; width:740px; text-align:left; padding-top:10px; } .news_content p{text-align:left; padding-left:5px; text-indent:2em; } .return{ width:960px; float:left; text-align:right;} .title { height:40px; line-height:40px; vertical-align:middle;} .products{ position:relative; float:left; width:380px;} /**=======================page footer=======================*/ #footer { position:relative; float:left; width:960px; margin:10px 0 10px 0; background:url(../images/bottom_bg.png) repeat-y; height:23px; text-align:left;} #footer p{ text-align:left; width:960px; margin:0 0 10px 5px; font-size:12px; color:#eee; font-size:11px;} #footer .forindex{float:left; width:960px; background:url(../images/footer_bg1.png) no-repeat; padding-bottom:20px;} #div_line1 { width:960px; line-height:1px; border-bottom:groove 1px #DBDBDA; } #div_line2 { width:960px; line-height:1px; margin:5px 0 3px 0; background:#bbbbbb; font-size:0; } #div_line3 { width:740px; line-height:1px; border-bottom:groove 1px #DBDBDA; } /**=======================rectangle=======================*/ #rectangle{} #rectangle .topl{ float:left; width:4px; height:4px; background:url(../images/lt.png);} #rectangle .topm{ float:left; height:4px; border-top:solid 1px #BABBC9; background:#FFFFFF;} #rectangle .topr{ float:left; width:4px; height:4px; background:url(../images/rt.png);} #rectangle .content{ float:left; width:100%; border-left:solid 1px #BABBC9; border-right:solid 1px #BABBC9; margin-top:-1px;} #rectangle .botl{ float:left; width:4px; height:4px; background:url(../images/lb.png);} #rectangle .botm{ float:left; height:4px; border-bottom:solid 1px #BABBC9;} #rectangle .botr{ float:left; width:4px; height:4px; background:url(../images/rb.png);} #rectangle ul li{position:relative;float:left;width:172px;height:160px;background:#FFFFFF;border:solid 1px #ccc;margin:5px;text-align:center;} **=======================css menu=======================*/ .box1{ border:0 #000 solid;} .e_clear:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;} .e_clear { display:inline-block;} .e_clear { display:block;} .menu {width:362px; float:left; margin:38px 0 0 160px;_margin:28px 6px 0 160px; font-size:14px;} .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;width:100px; height:42px; text-align:center; border-top:1px solid #fff; border-right:1px solid #fff;border-left:1px solid #fff;line-height:42px; overflow:hidden;} .menu ul {padding:0; margin:0;list-style-type: none; } .menu ul li {float:left; margin-right:1px; position:relative;} .menu ul li ul {display: none;} .menu ul li:hover { z-index:2;} /* specific to non IE browsers */ .menu ul li:hover a {color:#000;} .menu ul li:hover ul {display:block; position:absolute; top:25px; left:0; width:101px;} .menu ul li:hover ul li a.hide {background:#DEE2E6; color:#000;} .menu ul li:hover ul li:hover a.hide {background:#DCE3E9; color:#000;} .menu ul li:hover ul li ul {display: none;} .menu ul li:hover ul li a {display:block; background:#DCE3E9; color:#000;height:28px; line-height:30px; vertical-align:middle; margin:0;} .menu ul li:hover ul li a:hover {background:#C9D6E2; color:#000;} .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:101px; top:0;} .menu ul li:hover ul li:hover ul.left {left:-101px;}