body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;} /*table {border-collapse:collapse;border-spacing:0;}*/ fieldset,img,input { border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym { border:0;} a:hover {text-decoration:none;cursor:pointer;} a {text-decoration:none;} .clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix{zoom: 1; } /* =common ========================================================*/ body {font-family:"";font-size:12px;color:#4b4b4b;background:#b9b9b9 url(../images/bg.jpg) repeat;} .content {background:url(../images/contentBg.jpg) repeat-y top center;} .cbgcontent{background:url(../images/cBg.jpg) repeat-y top center;} .header,.menu,.footer{width:1002px;margin:0 auto;position:relative;} .content{width:1002px;margin:0 auto;} .clear{clear:both;} .bg {background:url(../images/bg.gif) no-repeat;height:11px;overflow:hidden;} .bg {background:url(../images/bg.gif) no-repeat;height:11px;overflow:hidden;} .cbg {background:url(../images/cbg.gif) no-repeat;height:11px;overflow:hidden;} h1{text-indent:-9999px;} /* =header ======================================================*/ .headerWrap {background:url(../images/headerWrapBg.jpg) repeat-x top center;height:191px;margin-bottom:25px;} .header{background:url(../images/headerBg.jpg) repeat-y top center;height:135px;} .headerNav {position:absolute;top:12px;right:10px;color:#979797;} .headerNav a{color:#979797;} .logo{height: 79px; left: 5px; position: absolute; top: 24px;width: 316px;} .phone {position:absolute;bottom:16px;right:31px;background:url(../images/phone.png) no-repeat left center;width:168px;height:63px;padding-left:108px;} .phone a {display:block;} .phone ul{margin-top:4px;} .phone .tel a {background:url(../images/tel.jpg) no-repeat center;height:20px;width:168px;} .phone .fax a {background:url(../images/fax.jpg) no-repeat center;height:16px;width:168px;} .phone .email a{background:url(../images/email.jpg) no-repeat center;height:17px;width:168px;} .menu {height:58px;overflow:hidden;background:url(../images/menuBg.jpg) no-repeat top center;position:relative;bottom:2px;left:0;} .menu ul {width:650px;height:58px;float:right;line-height:58px;} .menu .welcome { float: left;font-size: 16px;font-weight: bold;height: 58px;line-height:58px; margin-left: 26px;width: 300px;} .menu .welcome a{color:#fff;} .menu li {float:left;} .menu li a {float:left;background:url(../images/menuli.gif) no-repeat right center;padding:0 16px;color:#545454; font-weight: bold;padding: 0 22px;height:56px;padding-top:2px;} .menu li a:hover,.headerNav a:hover{color:#bc0000;} .menu li.noLine a {background:none;} /* =left ======================================================*/ .left{width:200px;float:left;} .left h2{background:url(../images/proList.jpg) no-repeat;height:62px;text-indent:-9999px;margin-left:2px;} .lsearch h2{background:url(../images/search.jpg) no-repeat;height:54px;margin-left:2px;} .left li {height:28px;line-height:28px;background:url(../images/liBg.gif) no-repeat center bottom;} .left ul{padding:20px 16px;} .left li a{background:url(../images/icon.jpg) no-repeat left center;padding-left:20px;color:#e7e7e7;margin-left:8px;} .lsearch {background:url(../images/lsearchBg.jpg) no-repeat;height:105px;position:relative;} .lsearch .txtInput{left: 20px; position:absolute;bottom:13px;vertical-align:middle;width:134px;height:23px;} .lsearch .txtInput input {padding-top:3px;background:url(../images/txtInput.jpg) no-repeat;display:inline-block;height:23px;} .lsearch .btnInput{background:url(../images/btnInput.jpg) no-repeat;width:22px;height:23px;vertical-align:middle;right: 20px; position:absolute;bottom:13px;_bottom:15px;} /* =mid ======================================================*/ .banner {width:543px;height:243px;position:relative;} .banner .bImg{height:243px;overflow:hidden;} .banner .bNav {position:absolute;right:12px;bottom:10px;} .banner .bNav a{display:inline-block;padding:3px 8px;color:#fff;background:#aeaeae;margin-right:6px;} .banner .bNav a:hover,.banner .bNav .selected{background:#b30000;} .mid {width:543px;float:left;margin-left:30px;display:inline;} .midCompanyIntro h2{background:url(../images/comintro.jpg) no-repeat;height:44px;text-indent:-9999px;margin-top:16px;} .midCompanyIntro p {text-indent:2em;margin-top:10px;line-height:23px;} .midCompanyIntro p span{color:#bb0000;} .midCompanyIntro span.more,.midPro span.more{color:#bb0000;} .midPro h2{background:url(../images/proh2Bg.jpg) no-repeat;height:41px;text-indent:-9999px;margin-top:16px;} .midPro img{border:1px solid #e3e3e3;padding:5px;} .midPro ul{padding:20px 0;overflow:hidden;} .midPro li {float:left;margin-right:6px;margin-bottom:12px;display:inline;} .midPro li a{color:#4B4B4B;} .midPro li a:hover{color:#bc0000;} .midPro li .title{height:20px;line-height:20px;overflow:hidden;} /* =right ======================================================*/ .right{width:200px;float:right;} .right h2{background:url(../images/news.jpg) no-repeat;height:62px;text-indent:-9999px;margin-left:3px;} .right .onlineWrap{background:#4b4b4b;padding:20px;margin-left:3px;} .right .online{color:#c8c8c8;margin-bottom:12px;} .right .online .title{background:url(../images/redIcon.gif) no-repeat;text-indent:1.5em;line-height:20px;} .right .online .title a{color:#fff;} .right .online .title a:hover{color:#C8C8C8;} .right .online p a {color:#bb0000;} .right .online p{margin-top:6px;line-height:18px;} /* =footer ======================================================*/ .footerWrap {background:#cbcbcb;height:112px;margin:20px 0;} .footer {padding-top:10px;} .ftext {background:url(../images/footerBg.jpg) no-repeat left center;padding-left:96px;} .ftext p{line-height:20px;} .ftext p a{color:#4B4B4B;} /*companyIntro*/ .main {width:740px;float:right;padding:0 30px;} .comIntro h1{background:url(../images/h101.gif) no-repeat;height:42px;margin:0px 0 20px;} .comIntro{padding:10px 28px 20px;line-height:25px;} /*proList*/ .main {padding-bottom:30px;} .proList h1,.proDetail h1{background:url(../images/prolistH1.gif) no-repeat;height:42px;margin:0px 0 20px;} .proList img {border:1px solid #E3E3E3;padding:4px;} .proList ul,.newsList ul{padding:10px 0;overflow:hidden;background:url(../images/redline.gif) no-repeat center bottom;} .proList li a{color:#4B4B4B;} .proList li a:hover{color:#bc0000;} .proList li {float:left;margin-right:28px;margin-bottom:12px;display:inline;height:120px;overflow:hidden;text-align:center;width:120px;} .proList li .title{height:20px;line-height:20px;overflow:hidden;} .proList li.nomargin{margin-right:0;} /*proDetail*/ .proDetail{padding-bottom:30px;} .pro .proimg proimg{padding:3px;border:1px solid #ccc;float:left;width:318px;height:260px;} .pro .proText {width:380px;float:right;height:263px;overflow:hidden;} .pro .proText p{border-bottom:1px dotted #ccc;height:30px;line-height:30px;margin-top:6px;} .pro .proText p span,.pro h4,.imgtro h4{color:#b30000;} .pro h4,.imgtro h4 {font-weight:bold;} .pro .proText span {margin-right:20px;font-weight:bold;} .imgtro p{text-indent:2em;line-height:22px;margin-top:6px;} .imgtro{margin:20px 0;} /*newList*/ .newsList h1 {background:url(../images/newlist.gif) no-repeat;height:40px;} .newsList li {margin:10px 0 20px;} .newsList li h4,.news h4 {height:20px;line-height:20px;margin-bottom:6px;} .newsList li h4 a,.contactUs h4,.news h4 a,.message .table h4 {background:url(../images/icon02.gif) no-repeat left center;padding-left:18px;color:#000;font-weight:bold;} .newsList li h4 a:hover,.news h4 a:hover{color:#b30000;} .newsList li h4 span,.news h4 span{float:right;} .news p {line-height:29px;} .news .img {text-align:center;margin:10px 0;} .news{margin-top:30px;} /*contactUs*/ .contactUs h1{background:url(../images/lianxi.gif) no-repeat;height:41px;} .contactUs span {color:#b30000;margin-right:20px;} .text {margin:10px 0;padding:10px;} .text h4{margin-bottom:10px;} .text p {height:28px;line-height:28px;text-indent:2em;} /*message*/ .message h1{background:url(../images/message.gif) no-repeat;height:39px;} .message tr{margin:10px 0;} .message td {color:#b30000;} .message td.title{width:60px;height:30px;} .message input,.message textarea{background:#e1e1e1;padding:2px;} .message input {height:20px;width:270px;} .message textarea {width:270px;height:110px;border:none;overflow-y:auto;} .message .table h4{color:#4b4b4b;} .message .table {padding:30px 20px 10px 13px;} .message .table table{padding:20px 10px 10px 16px;} .message .table a{display: block;margin-top: 10px;text-align: center;outline:none;} /*分页*/ .page { padding-right: 7px; padding-left: 7px; padding-bottom: 7px; margin: 3px; padding-top: 7px; text-align: center } .page a { border-right: #000000 1px solid; padding-right: 5px; border-top: #000000 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #000000 1px solid; color: #000000; padding-top: 2px; border-bottom: #000000 1px solid; text-decoration: none } .page a:hover { border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; color: #fff; border-bottom: #000000 1px solid; background-color: #000 } .page a:active { border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; color: #fff; border-bottom: #000000 1px solid; background-color: #000 } .page span.current { border-right: #000000 1px solid; padding-right: 5px; border-top: #000000 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #000000 1px solid; color: #fff; padding-top: 2px; border-bottom: #000000 1px solid; background-color: #000000 } .page span.nolink { border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #ddd; padding-top: 2px; border-bottom: #eee 1px solid }