/* = productList ********************************************** */ /* = productList Layout ---------------------------------------------- */ #productList .RightWideColumn{float:right; width:835px;margin-left:5px;position:relative;} #productList #main .centerColumn{float:left;margin:0 !important;} #productList .rightColumn{position:absolute;top:100px;right:0;} #banner2{width:835px;overflow:hidden;} /* = productInfo ---------------------------------------------- */ #productInfo {margin-bottom:5px;clear:both;width:626px;height:162px;overflow:hidden;} #productInfo h3{position:relative;height:40px;background:white url('../images/introBg.jpg') no-repeat left top;line-height:30px;padding-left:20px;} #productInfo h3 span{background:transparent url('../images/tips.gif') no-repeat left center;color:#1D508B;font-size:14px;padding-left:15px;} .productIntroBody{background:url("../images/introBodyBg.gif") repeat-y left top;} .mainInfo{background:transparent url('../images/listIntroBodyBg.jpg') no-repeat top left;zoom:1;height:110px;overflow:hidden;text-indent:2em;} /* = connect_Short ---------------------------------------------- */ #connectShort{} #connectShort .connectBody{background:transparent url('../images/linkBg2.jpg') no-repeat center top;position:relative;height:188px;} #connectShort .num{width:170px;height:36px;position:absolute;left:24px;top:20px;} #connectShort .num img,.num p{float:left;} #connectShort .num p{margin-left:10px;color:#1D508B;} #connectShort .p2{top:66px; } #connectShort .p3{top:112px; } /* = listView ---------------------------------------------- */ #listView{clear:both;border:1px #89D5C9 solid; overflow:hidden} #listView h3{height:25px;line-height:25px;font-size:12px;text-align:center;} .jingpin H2{background:#D0F3E8;height:25px;line-height:25px;color:#1D508B;font-size:12px; font-weight:bold} .jingpin H2 span{padding-left:20px;padding-top:2px;margin-left:12px;background:transparent url('../images/info.gif') no-repeat left center;color:red;font-size:14px;} .jingpin{ clear:both} .jp-list{ margin:0 auto; list-style:none; width:auto; text-align:center; margin-top:10px } .jp-list li{ float:left; border:1px solid #CCC; padding-bottom:10px; width:600px; margin-left:10px; margin-bottom:10px } .jp-list li img{ display:block; width:120px; height:100px; border:1px solid #CCC; float:left; margin:20px 10px 10px 10px} .jp-list li p{ line-height:20px; text-align:left} ul.imglist{ padding:0; margin:0; margin-left:5px; margin-top:15px;} ul.imglist h2{margin:0px; padding:0px; font-size:12px; font-weight:normal; width:150px; line-height:20px;} ul.imglist li{float:left; margin-right:8px; margin-left:5px;_margin-left:5px; height:200px; list-style-type:none; margin-bottom:10px } ul.imglist li img {border:solid 1px #ccc; padding:2px 2px 2px 2px; text-align:center;} .imglist_p{ clear:both; line-height:25px; text-indent:2em} #otherSort{margin:5px;} #otherSort h4{font-size:12px;font-weight:normal;} #otherSort ul{border-bottom:1px silver dashed;overflow:auto;zoom:1;padding:5px 15px;} #otherSort ul li{float:left;width:115px;margin:5px 0;} ul#listContent{margin:5px;overflow:auto;zoom:1;} ul#listContent li{width:186px;float:left;margin:5px 8px;padding:5px 0;border-bottom:1px silver dashed;} ul#listContent li img{border:1px silver solid;width:184px;height:138px;} ul#listContent li p{margin:3px 0px;} ul#listContent li p.pTitle{font-weight:bold;width:180px;height:18px;overflow:hidden;} ul#listContent li p.pintro{color:gray;width:180px;height:18px;overflow:hidden;} /* = QA ---------------------------------------------- */ #QA{clear:both;border:1px #89D5C9 solid;} #QA h3{background:#D0F3E8;height:25px;line-height:25px;color:#1D508B;font-size:12px;} #QA h3 span{padding-left:20px;padding-top:2px;margin-left:12px;background:transparent url('../images/question.gif') no-repeat left center;font-size:12px;} #QList{margin:5px;} #QList ul{border-bottom:1px silver dashed;overflow:auto;zoom:1;padding:5px 10px;} #QList ul li{float:left;width:200px;margin:5px 0;} #QA h5,#QA p{margin:10px;line-height:150%;} #QA h5{padding-bottom:3px;border-bottom:1px silver solid;} /* = hColumn ---------------------------------------------- */ .hColumn{margin-top:5px;} .hColumn #knowledge{float:left;margin-left:5px;} /* = productIntro ********************************************** */ /* = product ---------------------------------------------- */ #productIntro{margin:10px;} .guide{padding-bottom:3px;border-bottom:1px gray solid;} #productImg,#productTxt{float:left;} #productImg{margin:10px;} #productImg p{text-align:center;margin:5px;} #productImg .pPhoto img{border:1px silver solid;} #productTxt{margin:10px;width:350px;} #productTxt p{line-height:150%;margin:5px;border-bottom:1px silver dashed;} .important{color:red;} /* = Company ********************************************** */ /* = Company Layout ---------------------------------------------- */ #Company .rightColumn,#NewsDisplay .rightColumn{float:left;} #Company .mainColumn,#NewsDisplay .mainColumn{float:right;width:790px;margin-right:3px;} /* = Company Column ---------------------------------------------- */ #Company #topBanner2,#NewsDisplay #topBanner2{width:790px;overflow:hidden;} #Company .guide{margin:10px 0;} #Company #companyIntroContent{margin:5px;} #Company #companyIntroContent h3{font-size:12px;margin:5px auto;} #Company #companyIntroContent p{line-height:150%;let0ter-spacing:1px;margin:4px;text-indent:2em;} #Company #companyIntroContent img{margin:5px;} #Company .subNav .moduleBody{width:191px;} #Company .subNav .moduleBody ul{margin:10px;} #Company .subNav .moduleBody ul li{margin:5px 0;text-align:center;} #Company .subNav .moduleBody ul li a{display:block;height:30px;line-height:30px;height:30px;line-height:30px;width:169px;border:1px silver solid;} #Company .subNav .moduleBody ul li a:hover{text-decoration:none;background:#ECF8F8;border-color:#71D3AF;} /* = News ---------------------------------------------- */ #NewsDisplay #miniNewsList .moduleBody {width:191px;} #NewsDisplay #miniNewsList .moduleBody ul{margin:5px;} #NewsDisplay #miniNewsList .moduleBody ul li{line-height:25px;padding-left:8px;background:transparent url(../images/square.gif) no-repeat left center;} #NewsDisplay #newsContent,#KnowledgeDisplay #knowledgeContent{margin:5px;clear:both;} #NewsDisplay #newsContent h1,#KnowledgeDisplay #knowledgeContent h1{text-align:center;padding:10px 5px;font-size:20px} #NewsDisplay #newsContent .articleInfo,#KnowledgeDisplay #knowledgeContent .articleInfo{text-align:center;line-height:20px;background:#eee;} #NewsDisplay #newsContent .article,#KnowledgeDisplay #knowledgeContent .article{margin:5px;} #NewsDisplay #newsContent .article p,#KnowledgeDisplay #knowledgeContent .article p{line-height:200%;margin:3px 0;text-indent:2em;font-size:14px;} /* = NewsList ---------------------------------------------- */ #NewsListPage #banner2,#KnowledgeListPage #banner2{padding-left:4px !important;padding-left:2px;} #newsList,#knowledgeList {margin-bottom:5px;clear:both;} #newsList h3,#knowledgeList h3{position:relative;height:40px;background:white url('../images/introBg.jpg') no-repeat left top;line-height:30px;padding-left:20px;} #newsList h3 span,#knowledgeList h3 span{background:transparent url('../images/tips.gif') no-repeat left center;color:#1D508B;font-size:14px;padding-left:15px;} #newsList .productIntroBody,#knowledgeList .productIntroBody{background:url(../images/introBodyBg.gif) repeat-y left top;} #newsList .mainInfo,#knowledgeList .mainInfo{background:transparent url('../images/listIntroBodyBg.jpg') no-repeat top left;overflow:auto;zoom:1;} #newsList .mainInfo ul.list{margin:10px;} #newsList .mainInfo ul.list li{line-height:30px;padding-left:8px;background:transparent url(../images/square.gif) no-repeat left center;border-bottom:1px silver dashed;} #newsList .mainInfo ul.list li span{color:silver;} /* = KnowledgeList ---------------------------------------------- */ #knowledgeList .mainInfo ul.kList{margin:10px;} #knowledgeList .mainInfo ul.kList li{margin:10px 0;border-bottom:1px silver dashed;} #knowledgeList .mainInfo ul.kList li a{padding-left:8px;background:transparent url(../images/square.gif) no-repeat left center;} #knowledgeList .mainInfo ul.kList li h5{margin:5px 0;font-size:12px;} #knowledgeList .mainInfo ul.kList li h5 span{font-weight:normal;color:gray;} #knowledgeList .mainInfo ul.kList li p{line-height:150%;color:gray;margin-left:8px;} #KnowledgeDisplay .mainColumn{float:right;width:835px;overflow:hidden;} #KnowledgeDisplay .banner2{width:835px;} /* = projectList ---------------------------------------------- */ #projectList{margin:15px;} #projectList #pjList{overflow:auto;zoom:1;} #projectList #pjList li{border:1px silver solid;float:left;text-align:center;margin:10px 0;} #projectList #pjList li img{margin:8px;} #projectList #pjList li a.prjName{display:block;line-height:22px;background:#eee;border-top:1px silver solid;} /* 阀门样本特有样式*/ p.shuoM{margin-left:2em;color:#666;clear:both;} div.yangbenShow{float:left;margin:10px;} div.yangbenShow img{border:2px solid #aaa;} div.yangbenMenu{float:left;margin:10px;} div.yangbenMenu span{padding:0 3px;} div.valvesItem h4{width:99%;font-size:14px;text-indent:1em;background:#eee;line-height:24px;margin:5px;height:24px;} div.valvesItem p{width:98%;margin-left:1%;} div.valvesItem p a{float:left;width:100px;} #other{width:790px;} div.hColumn div.moduleBody{height:150px;overflow:hidden;} #newsList div.mainInfo{height:auto;}