/* = reset ********************************************** */ body{margin:0;background:white;font-size:12px;} ul,h1,h2,h3,h4,h5,h6,p,img,form{margin:0;padding:0;list-style:none;} a{color:#1D508B;text-decoration:none;} a:hover{color:navy;text-decoration:underline;} a img{border:none;} /* = layout ********************************************** */ #wrap{width:1000px;margin:0 auto;zoom:1;position:relative;} #header{height:90px;background:white url('../images/topBG.jpg') no-repeat right bottom;overflow:hidden;position:relative;} #subMenu{height:22px;line-height:22px;background:#BD0901;color:white;padding-left:200px;margin-top:1px;} #main{margin-top:5px;clear:both;zoom:1;position:relative;} #main .leftColumn{float:left;width:157px;margin-left:2px !important;margin-left:0;} #main .centerColumn{float:left;width:625px;margin-left:7px !important;margin-left:7px;} #main .rightColumn{float:right;width:204px;margin-right:2px !important;margin-right:0;} #footer{clear:both;margin-top:15px;} /* = common ********************************************** */ .module h3{position:relative;height:29px;} .module h3 img{position:absolute;top:0;left:0;} .moduleBody{border:1px #89D5C9 solid;padding:5px;} .alignRight{text-align:right;} .pageNation{margin:15px;overflow:auto;zoom:1;clear:both;padding-bottom:10px;} .pageNation li {float:left;display:block;height:20px;line-height:20px;width:18px;border:1px #89D5C9 solid;text-align:center;margin:0 3px;font-family:"Arial";font-size:11pt;} .pageNation li.currentPage{background:#D0F3E8;font-weight:bold;} .fl{float:left;} .fr{float:right;} /* = header ********************************************** */ #header ul li{float:left;} #logo{margin:10px 20px;} #menu{position:absolute;left:230px;bottom:0;background:#BD0901 url('../images/menuBg.png') repeat-x left bottom;height:28px;} #menu img,#menu ul{float:left;} #menu ul li {font-weight:bold;margin:0 14px;margin-top:10px;} #menu ul li a{color:white;} #menu ul li a.current{color:yellow;} #announce{position:absolute;top:5px;left:230px;color:gray;z-index:100;} #qLink{position:absolute;right:10px;top:5px;color:#067059;} #qLink a{color:#067059;} /* = subMenu ********************************************** */ #subMenu a{color:white;margin:0 10px;} /* = leftColumn ********************************************** */ /* = valveNav ---------------------------------------------- */ #valveNav .moduleBody{width:155px;padding:5px 0;} #valveNav .moduleBody li{padding-left:8px;height:30px;line-height:30px;width:140px;overflow:hidden;} #valveNav .moduleBody li h4{font-size:12px;padding-left:8px;} #valveNav .moduleBody li.hasBg{background:transparent url('../images/navItemBg.png') repeat-y left top;} #valveNav .moduleBody li a{padding-left:8px;background:url('../images/navListImg.gif') no-repeat left center;} /* = centerColumn ********************************************** */ #listView { margin:0px; width:auto; height:auto;} #listContent2{ margin:0 auto; list-style:none; width:auto; height:580px; text-align:center;} #listContent2 li{ float:left; margin-left:6px; text-align:center; border:1px solid #CCC; width:138px; height:135px; margin-top:6px;} #listContent2 li img{ display:block; width:120px; height:100px; text-align:center;} /* = companyInfo ---------------------------------------------- */ #companyInfo{ margin-bottom:10px; } #companyInfo h3{position:relative;height:40px;} #companyInfo h3 img{position:absolute;top:0;left:0;} .companyInfoBody{background:url(../images/introBodyBg.gif) repeat-y left top;} .mainInfo{background:transparent url('../images/mainBodyBg.jpg') no-repeat top left;zoom:1; height:100%} .companyInfoBody p{ background:transparent url('../images/mainBodyBg.jpg') no-repeat top left;zoom:1; height:100%; line-height:24px; } .companyInfoBody img{ padding:3px; border:1px solid #ddd; float:left; margin:5px; background-color:#fff; } .mainInfo div{float:left;} .mainInfo div.companyPhoto{margin:10px;padding:10px;border:1px silver solid;background:white;} .mainInfo div.txtIntro{margin:10px;line-height:180%;} .mainInfo div.txtIntro a{margin-left:5px;color:red;} /* = search ---------------------------------------------- */ #search{overflow:auto;zoom:1;clear:both;margin:5px 0;height:32px;line-height:32px;} #search *{float:left;} #search input{margin:auto 2px;} input.keyInput{height:20px;line-height:20px;border:1px silver solid;width:250px} input.btnSearch{cursor:pointer;height:23px;width:41px;background:transparent url('../images/searchBtn.png') no-repeat center center;border:none;} #hotKey{margin-left:5px;} #hotKey li{margin:auto 2px;} #hotKey a{color:gray;} /* = news&knowledge ---------------------------------------------- */ #news,#knowledge{float:left;width:310px;} #knowledge{float:right;} #news li.headLine,#knowledge li.headLine{line-height:150%;display:block;height:80px;width:300px;overflow:hidden;} #news .headLine h4,#knowledge .headLine h4{text-align:center;} #news .headLine h4 a,#knowledge .headLine h4 a{color:black;} #news .headLine p,#knowledge .headLine p{color:gray;} ul.newsList li{height:24px;line-height:24px;} ul.newsList li.moreNews{text-align:right;} ul.newsList li.moreNews a{padding-right:10px;background:transparent url('../images/moreArrow.png') no-repeat right center;} /* = project ---------------------------------------------- */ #project{border:1px #89D5C9 solid;overflow:auto;zoom:1;padding-bottom:20px;clear:both;margin-top:5px;} #project h2{background:#D0F3E8 url('../images/pjtTitle.png') no-repeat right bottom;;height:30px;line-height:30px;font-size:12px;padding-left:10px;color:#1D508B;} #project .itemInfo{margin:10px 16px;width:155px;float:left;} #project .itemInfo h4{font-size:12px;margin-bottom:10px;} #project .itemInfo h4 span{background:white;padding-right:2px;} #project .itemInfo p{line-height:150%;} #project .itemInfo p.prjMore{text-align:right;} #project .itemInfo p.prjMore a{padding-right:10px;background:transparent url('../images/moreArrow.png') no-repeat right center;} #project .itemInfo p img{margin-bottom:10px;} #pj1,#pj2,#pj3{margin-top:20px !important;} #project #pj1,#project #pj4{margin-left:30px !important;*margin-left:36px !important;*margin-left:20px; } #pj1 h4{background:white url('../images/prj1.png') repeat;} #pj2 h4{background:white url('../images/prj2.png') repeat;} #pj3 h4{background:white url('../images/prj3.png') repeat;} #pj4 h4{background:white url('../images/prj4.png') repeat;} #pj5 h4{background:white url('../images/prj5.png') repeat;} #pj6 h4{background:white url('../images/prj6.png') repeat;} /* = rightColumn ********************************************** */ #login .moduleBody,#recommend .moduleBody{width:191px;} /* = login ---------------------------------------------- */ #login p{margin:10px 5px;} input.username,input.password{width:130px;border:1px silver solid;height:20px;line-height:20px;} input.username{margin-left:5px;} input.password{margin-left:16px;} input.btnLogin{margin-right:8px;margin-left:5px;} /* = recommend ---------------------------------------------- */ #recommend {margin-top:5px;overflow:auto;zoom:1;} #recommend ul{overflow:auto;zoom:1; } #recommend ul li{border-bottom:1px silver dashed;width:185px;overflow:auto;zoom:1;} #recommend ul li a{display:block;float:left;line-height:65px;margin:0 5px;font-weight:bold;} #recommend ul li img{border:1px silver solid;margin-top:10px;width:45px;height:45px;} /* = connect ---------------------------------------------- */ #connect{margin:5px 0 10px 0;} .connectBody{background:transparent url('../images/linkBody.png') no-repeat center top;position:relative;height:288px;} .num{width:170px;height:36px;position:absolute;left:24px;top:8px;} .num img,.num p{float:left;} .num p{margin-left:10px;color:#1D508B;} .p2{top:54px;} .p3{top:100px;} .p4{top:146px;} .p5{top:192px;} .p6{top:238px;} /* = topBanner ---------------------------------------------- */ #topBanner{margin-bottom:5px;margin-left:4px;width:835px;overflow:hidden;float:left;display:block;display:none !important;*display:block !important;} /* = footer ********************************************** */ /* = cooperate ---------------------------------------------- */ #cooperate,#other{border:1px silver solid;padding:5px;width:980px;margin:0 auto;overflow:auto;zoom:1;} #other{margin-bottom:5px; } #cooperate h3,#cooperate ul,#other h3,#other ul{float:left;overflow:auto;zoom:1} #cooperate h3,#other h3{position:relative;font-size:12px;width:70px;height:40px;} #cooperate h3 img,#other h3 img{position:absolute;left:0;top:0;} #cooperate ul,#other ul{width:880px;*width:auto; } #cooperate ul li,#other ul li{float:left;margin:5px 10px;} /* = siteInfo ---------------------------------------------- */ #siteInfo{border:1px silver solid;padding:5px;width:980px;margin:10px auto;background:#EFF7F6;text-align:center;position:relative;height:65px} #siteInfo img{position:absolute;top:5px;left:100px;} #siteInfo p{line-height:200%;color:gray} #siteInfo p a{color:gray;margin:0 5px;} #productTxt h1{display:inline;font-size:14px;} ul#an{ margin-top:10px; } .kuang{ border:1px solid #71D3AF; margin-top:10px; } ul#yb li{ list-style:circle; line-height:28px; padding-left:10px; background:url(../images/down.jpg) no-repeat 5px center; } .new_left{float:left; width:157px; margin-top:15px;} .new_h2title{background:url(../images/new_h2title.png) no-repeat left center; line-height:29px; padding-left:12px; color:navy; font-weight:bold;} .new_left ul{ border:1px #89D5C9 solid; padding-left:8px;} .new_left li{line-height:24px;} .pro1{margin-top: 16px; border:1px dashed #ccc; width:98%; margin-top:20px;} .pro1 h3{font-size:14px;text-decoration:underline; font-weight:bold;height:25px;line-height:25px;} .pro1 img{margin-bottom: 10px;¡¡border: solid 1px #ccc;} .pro1 a{color:#000;} .pro1 a:hover{ color:#94a2af ; text-decoration: none; } .pro1 p{ line-height:22px; text-indent:0;}