@charset "utf-8"; /* CSS Document */ abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:0 0;font-weight:400;font-style:inherit;font-family:inherit;vertical-align:top}body{line-height:1;color:#000;background:#fff;font-size:14px;font-family:'microsoft yahei'}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}nav ul,ol,ul{list-style:none}:focus,a{outline:0}a{margin:0;font-size:100 %;vertical-align:baseline;background:0 0;blr:expression(this.onFocus=this.blur())}a,ins{text-decoration:none}a,hr{padding:0}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400}hr{height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0}input,select{vertical-align:middle;border:0} a{color:#333;text-decoration:none;} a:hover{color:#F60;text-decoration:none;} input,textarea{ outline:medium; text-indent:5px;} body{ background:#f0f0f0;} .pointer { cursor: pointer; } .block100 { width: 100%; overflow: hidden; } .block50 { width: 50%; overflow: hidden; } #warp { width: 100%; overflow: hidden; } #header { width: 100%; overflow: hidden; border-top:#d81717 solid 5px; background:#fff; } #footer { width: 100%; overflow: hidden; } .logo { margin: 0px auto; width: 1200px; height: 100px; overflow: hidden; } .logo h1 { height: 80px; margin-top: 6px; float: left; } .logo h1 img{ width: 440px; height: 75px; } .navigation { float:right; width:700px; margin-top:10px; } .nav { height: 50px; line-height:50px; overflow: hidden; } .nav li { height: 100%; float: left; } .navigation li a { width:100px;text-align:center; height: 100%; overflow: hidden; font-size: 1.0rem; display: block; white-space: nowrap; text-overflow: ellipsis;text-decoration: none; } .navigation li a:hover { color:#f60; } .navigation p { text-align:right; padding-right:15px; } .navigation p span{ font-size:24px; color:#d81717; } .banner { width: 100%; height: 560px; overflow: hidden; position: relative; } .banner ul { left: 0px; top: 0px; height: 100%; position: absolute; } .banner li { height: 100%; text-align: center; overflow: hidden; float: left; position: relative; } .banner li img { top: 0px; display: block; position: absolute; } .banner .ban_ico { left: 50%; height: 10px; text-align: center; bottom: 20px; position: absolute; } .banner .ban_ico i { background: rgb(3, 149, 110); margin: 0px 3px; border: 1px solid rgb(3, 149, 110); width: 14px; height: 14px; text-align: center; color: rgb(255, 255, 255); line-height: 14px; font-style: normal; display: inline-block; cursor: pointer; } .banner .ban_ico i.active { background: rgb(255, 255, 255); color: rgb(3, 149, 110); } .warp{ width:1140px; margin:0 auto; zoom:1; overflow:hidden;} /*==============关于我们=============*/ .about{} .about h1{ padding:50px 0;} .aboutInfo{ background:url(../images/bg_about.jpg) no-repeat; width:1140px; height:423px;} .aboutInfo p{ width:640px; padding:130px 30px 0 30px; line-height:24px; color:#fff;} /*==============产品中心=============*/ .product{ background:#fff; margin-top:50px; padding:50px; zoom:1; overflow:hidden;} .productInfo1{ width:260px; height:260px; padding-left:260px; margin-top:50px; background:url(../images/p1.jpg) no-repeat; float:left;} .productInfo2{ width:260px; height:260px; padding-left:260px; margin-top:50px; background:url(../images/p2.jpg) no-repeat; float:left;} .productInfo3{ width:260px; height:260px; padding-right:260px; background:url(../images/p3.jpg) right center no-repeat; float:left;} .productInfo4{ width:260px; height:260px; padding-right:260px; background:url(../images/p4.jpg) right center no-repeat; float:left;} .pInfo{ text-align:center; width:179px; height:179px; padding:40px; border-top:solid 1px #ddd; border-right:solid 1px #ddd;} .pInfo2{ text-align:center; width:179px; height:179px; padding:40px; border-bottom:solid 1px #ddd; border-left:solid 1px #ddd;} .pInfo h3,.pInfo2 h3{ font-size:24px; margin-bottom:20px;} .pInfo img,.pInfo2 img{ margin-bottom:20px;} .pInfo p,.pInfo2 p{ line-height:18px;} /*==============服务中心=============*/ .service{ background:#fff; margin-top:50px; padding:50px; zoom:1; overflow:hidden;} .serviceInfo{ margin-top:50px;} .serviceInfo ul{ zoom:1; overflow:hidden;} .serviceInfo ul li{ float:left; width:260px; height:230px; text-align:center; position:relative;} .serviceInfo ul li a{ font-size:18px; color:#fff; position:absolute; bottom:20px; display:block; width:260px;} .serviceInfo ul li a:hover{ color:#f90;} .serviceInfo ul li.s1{ background:url(../images/s1.jpg) no-repeat;} .serviceInfo ul li.s2{ background:url(../images/s2.jpg) no-repeat;} .serviceInfo ul li.s3{ background:url(../images/s3.jpg) no-repeat;} .serviceInfo ul li.s4{ background:url(../images/s4.jpg) no-repeat;} /*==============公司动态=============*/ .news{ background:#fff; margin-top:50px; padding:50px; zoom:1; overflow:hidden;} .newsInfo{ width:658px; float:left;} .newsInfo ul{ background:url(../images/news.jpg) no-repeat; width:358px; height:337px; float:left; padding-left:300px; margin-top:30px;} .newsInfo ul li{ border-bottom:solid 1px #ddd; line-height:24px; padding:14px 0;} .newsInfo ul li a{ font-size:16px; padding-bottom:10px; display:block;} .newsInfo ul li p{ color:#666;} .liuyan{ width:341px; float:right;} .liuyanInfo{ padding-top:30px;} .liuyanInfo p{ margin-bottom:18px;} .liuyanInfo p label{ color:#666; margin-bottom:10px; display:block;} .liuyanInfo p .txt{ border:solid 1px #ddd; width:341px; line-height:32px;} .liuyanInfo p .btn{ background:#cd011b; color:#fff; width:100px; height:36px; cursor:pointer;} /*==============页脚=============*/ .footer{ background:#000 url(../images/bg_foot.jpg) no-repeat center top; margin-top:20px;} .footerInfo{ width:1140px; margin:0 auto; zoom:1; overflow:hidden; padding:30px 0;} .footerInfo dl{ float:left; width:285px;} .footerInfo dl dt{ color:#fff; font-size:16px; line-height:32px;} .footerInfo dl dd{ line-height:24px; color:#949494;} .footerInfo dl dd a{ color:#949494; line-height:24px;} .footerInfo dl dd a:hover{ color:#f90; line-height:24px;} .copyright{ text-align:center; line-height:40px; color:#949494;} .mainInfo{ width:1160px; margin:0 auto; padding:30px 0; zoom:1; overflow:hidden;} /*==============左侧=============*/ .left_wrap{ float:left; width:230px;} /*==============右侧=============*/ .right_wrap{ float:right; width:900px;} /*==============产品序列=============*/ .productList{ width:230px; background:#fff; border:solid 1px #e6e6e6; padding:1px;} .productList h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;} .productList h3 span{ float:left; font-size:16px; color:#333;} .productList h3 a{ float:right; font-size:14px; font-weight:lighter; color:#666;} .productList ul{ padding:0 10px 10px 10px;} .productList ul li{ height:38px; line-height:38px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden;} .productList ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:14px;} /*==============联系我们=============*/ .contacts{ width:230px; margin-top:15px; background:#fff; border:solid 1px #e6e6e6; padding:1px;} .contacts h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;} .contacts h3 span{ float:left; font-size:14px; color:#333;} .contacts h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;} .txt_contact{ padding-top:10px;} .txt_contact img{ margin:0 auto; display:block;} .txt_contact p{ font-size:14px; line-height:24px; padding:0 10px;} /*==============文章列表=============*/ .list{ width:890px; background:#fff; border:solid 1px #e6e6e6; padding:1px;} .list h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;} .list h3 span{ float:left; font-size:16px; color:#333;} .list h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;} .list ul{ padding:0 10px 10px 10px;} .list ul li{ height:42px; line-height:42px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden; zoom:1; overflow:hidden; width: 98%;} .list ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:14px; float:left;} .list ul li span{ font-size:12px; float:right; padding-right:5px; color:#666;} /*==============分页=============*/ .page{ text-align:center; padding:10px; font-size:12px;} /*==============内容页=============*/ .view{ padding:15px; background:#fff; border:solid 1px #e6e6e6;} .view h2{ text-align:center; font-size:16px;} .son_title{ text-align:center; padding:15px; color:#666; font-size:12px; background:url(../images/line.gif) repeat-x left bottom;} .info p{ text-indent:24px; line-height:24px; margin-top:12px; font-size:14px;} .info { text-indent:24px; line-height:24px; margin-top:12px; font-size:14px; width: 98%;} .dh {border: 0px solid #e6e6e6;} .dh h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;} .dh h3 span{ float:left; font-size:16px; color:#333;padding-left:12px;} .dh h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;} .box1{border: solid 0px #d8d8d8;} .box1 h1{border-bottom:solid 1px #d5d5d5;} .box1 h1 span{ color:#005e98; font-size:14px; padding-left:15px;} .box1 ul{ padding:3px; zoom:1;overflow: hidden;} .producti {margin: 0px; zoom:1; overflow:hidden; background-color: #fff;width: 100%;} .producti ul{zoom:1; overflow: hidden; margin-right: 0px; margin-top: 10px; margin-left: 10px;} .producti ul li{padding:3px; text-align:center; font-size:14px; border: solid 1px #ddd; float: left; margin-right: 9px; margin-bottom: 10px; width:200px;} .producti ul li span{line-height:32px; display:block; border-top: solid 1px #ddd; background: #fff; margin-top:3px;} .producti img { max-width: 195px; height: 165px} .producti a{color: #000;} .producti h2{ font-size: 14px; color: #aaaaa; font-weight: normal; background: url(../images/ico02.gif) no-repeat 10px center; padding-left: 20px; position: relative; border-bottom: 2px solid #ededed; line-height: 34px; height: 34px; width: 95%; } .producti h2 a{float: right; margin-right: 5px; font-size: 13px;} .productc{ margin:0px; zoom:1; overflow: hidden; width: 100%; background-color: #fff; } .productc ul{ zoom:1; overflow: hidden; margin-top: 10px; } .productc ul li{ width: 205px; height: 185px; float: left; text-align: center; padding:1px; font-size: 14px; border: 1px solid #ddd; margin-right: 9px; margin-bottom: 10px; } .productc img{ max-width: 198px; height: 155px; padding:1px; } .productc ul li span{line-height: 24px; padding: 2px; font-size: 13px; display: block;} .productk{ margin:0px; zoom:1; overflow: hidden; width: 100%; background-color: #ffffff; } .productk ul{ zoom:1; overflow: hidden; margin-top: 10px; } .productk ul li{ width: 205px; height: 195px; float: left; text-align: center; padding:1px; font-size: 14px; border: 1px solid #ddd; margin-right: 9px; margin-bottom: 10px; } .productk img{ max-width: 198px; height: 165px; padding:1px; } .productk ul li span{line-height: 24px; padding: 2px; font-size: 13px; display: block;} .second{ padding-left: 15px;} .third{ padding-left: 30px;} .xglist h2{ font-size: 14px; background-color: #cccccc; text-align: left; padding-left: 5px; padding: 3px; line-height: 22px;} .xglist ul{width: 100%; zoom:1; overflow: hidden; margin-top: 5px;} .xglist ul li{float: left; width: 19%; margin-left: 2px; text-align: center;} .xglist img { width: 110px; height: 80px;} .xglist ul li span{ display: block; text-align: center;} .newslist h2{ font-size: 14px; background-color: #cccccc; text-align: left; padding-left: 5px; padding: 3px; line-height: 22px;} .newslist ul{width: 100%; zoom: 1; overflow: hidden; margin-top: 5px;} .newslist ul li{float: left; width: 49%; margin-left: 2px;} #content{width: 72%; text-align: center; margin: 0 auto; background-color:#ffffff;} .hotcity{ margin: 10px; padding: 5px} .hotcity ul li{ width: 60px; float: left; font-size: 14px; text-align: center; height: 30px} .allcity{padding-left:30px;height:100%;padding-top:16px;overflow:hidden;display:block;clear:both;text-align:left;} .allcity dl{clear:both;margin-bottom:10px;display:block;overflow:hidden;} .allcity h4{font-size:14px;font-weight:bold;color:#dd0000;margin-bottom:10px;} .allcity dl dt{clear:both;font-size:14px;font-weight:bold;color:#000000;} .allcity ul li{float:left;font-size:12px;display:block;width:70px;height:23px;line-height:23px;display:inline;} .allcity ul li a:visited{color:#800080;text-decoration:none;} .allcity ul li a.ho{color:#dd0000;}