@charset "utf-8"; /* CSS Document */ html{color:#666; overflow-x:hidden;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; -webkit-text-size-adjust: none; text-align:left;} body{ font-size:14px;font-family:"微软雅黑"; color:#666; line-height:1; min-width:1000px;} img{border:none;} li{list-style:none;} table{border-collapse:collapse;border-spacing:0;} a{color:#333;text-decoration:none;} a:hover{color:#F60;text-decoration:none;} input,textarea{ outline:medium; text-indent:5px;} .pointer { cursor: pointer; } .block100 { width: 100%; overflow: hidden; } .block50 { width: 50%; overflow: hidden; } #warp { width: 100%; overflow: hidden; } #header { height:152px; width: 100%; } #footer { width: 100%; overflow: hidden; } .logo { margin: 0px auto; width: 1100px; zoom:1; overflow: hidden; } .logo h1 { width:400px; margin-top: 10px; float: left;} .tel{ margin-top: 20px; float: right;} .logo p { line-height:24px;} .logo p span{ color:#f30; font-size:24px; font-weight:bold;} .login{ width:566px;} .login .txt{ border:solid 1px #ddd; width:100px; height:30px;} .login .btn{ border:0; width:50px; height:30px; background:#b9985d; text-align:center; color:#fff; cursor:pointer;} .navigation { height:44px; background:#08a3dc;} .nav { margin: 0px auto; width: 1080px; height: 44px; line-height:44px; overflow: hidden; margin-top:18px; } .nav li { height: 100%; float: left; } .nav li a { width:135px; text-align:center; height: 100%; overflow: hidden; color:#fff; font-size: 1rem; display: block; white-space: nowrap; text-overflow: ellipsis;text-decoration: none; } .nav li a:hover { background:#1f8ddc; } .banner { width: 100%; height: 700px; 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); } /*==============产品中心=============*/ .product{ background:#f5f5f5 url(../images/bg_p.jpg) repeat-x left top; height:600px;} .pro{ padding:50px 0; width:1100px; margin:0 auto;} .pro h2{ font-size:32px; line-height:48px; text-align:center; color:#fff;} .pro .subtitle { height:18px; overflow:hidden; margin-bottom:30px; text-align:center; color:#71ccee; background: url(../images/bg_p2.jpg) center center no-repeat;} .pInfo{ width:1100px; zoom:1; overflow:hidden;} .pInfo ul.PInfoList{ width:840px; float:left; zoom:1; overflow:hidden; margin-top:30px;} .pInfo ul.PInfoList li{ width:260px; background:#fff; margin-right:20px; float:left; text-align:center;} .pInfo ul.PInfoList li img{ width:260px; height:260px;} .pInfo ul.PInfoList li span{ display:block; font-size:20px; line-height:48px; background:#000; color:#fff;} .pClass{ background:#ff9c00; width:260px; height:308px; float:right; margin-top:30px;} .pClass ul{ width:200px; margin:30px auto;} .pClass ul li{ text-align:center; height:40px; line-height:40px; border:solid 1px #fff; border-radius:20px; margin-bottom:15px; color:#fff;} .pClass ul li a{ color:#fff;} .pClass ul li a:hover{ font-size:16px;} .pClass p.more{ width:80px; height:40px; line-height:36px; margin:0 auto; background:#000; text-align:center;} .pClass p.more a{ color:#fff;} .viewMore{ width:180px; margin:0 auto; text-align:center; height:40px; line-height:40px; margin-top:30px; border:solid 1px #ccc; border-radius:20px;} /*==============关于我们=============*/ .warp_about{} .about{ width:1100px; margin:0 auto; padding:50px 0 0 0;} .about h2{ font-size:32px; line-height:48px; text-align:center; color:#666;} .about .subtitle { height:18px; overflow:hidden; margin-bottom:30px; text-align:center; color:#999; background: url(../images/line.jpg) center center no-repeat;} .aboutTxt{ zoom:1; overflow:hidden;} .aboutLeft{ width:550px; float:left;} .aboutLeft dl.a1{ height:120px; margin-bottom:40px; background: url(../images/a1.png) left center no-repeat; padding-left:150px;} .aboutLeft dl.a2{ height:120px; margin-bottom:40px; background: url(../images/a2.png) left center no-repeat; padding-left:150px;} .aboutLeft dl.a3{ height:120px; margin-bottom:40px; background: url(../images/a3.png) left center no-repeat; padding-left:150px;} .aboutLeft dl dt{ line-height:40px; font-size:20px; font-weight:bold;} .aboutLeft dl dt span{ color:#08a2e0;} .aboutLeft dl dd{ line-height:18px;} .aboutInfo{ width:500px; float:right;} .aboutInfo img{ margin-bottom:15px;} .aboutInfo p{ text-indent:32px; font-size:14px; line-height:24px; margin-bottom:20px;} .aboutInfo a{ color:#f30; margin-top:10px;} .aboutInfo a:hover{ color:#666;} /*==============news=============*/ .news{ width:100%; height:600px; margin:50px auto 0 auto;} .news h2{ font-size:32px; line-height:48px; text-align:center; color:#666;} .news .subtitle { height:18px; overflow:hidden; margin-bottom:30px; text-align:center; color:#999; background: url(../images/line.jpg) center center no-repeat;} .news .tab { height:34px; overflow:hidden;} .news .tab p{ width:232px; margin:0 auto;} .news .tab a{ display:block; width:100px; margin-right:16px; height:32px; text-align:center; line-height:32px; font-size:16px; float:left; text-decoration:none; border-radius:16px; color:#333; background:#eee;} .news .tab a.on{ background:#0fa8ef; color:#fff; text-decoration:none; border-radius:16px;} .news .content{ overflow:hidden; width:1100px; margin:0 auto; margin-top:50px; height:350px; position:relative;} .news .content ul{ position:absolute; left:0; top:0; height:350px;} .news .content li{ width:1100px; height:350px; float:left;} .newsLeft{ float:left; width:539px; height:340px; background:#f5f5f5;} .newsLeft img{ width:539px; height:235px;} .newsLeft h3{ line-height:36px; font-style:normal; padding:0 16px;} .newsLeft p{ line-height:24px; font-style:normal; padding:0 16px;} .newsRight{ float:right; width:520px;} .newsRight div.newsbg{ background:#f5f5f5; height:71px; padding:20px; margin-bottom:4px; zoom:1; overflow:hidden;} .newsRight div.newsbg .date{ width:99px; height:60px; border-right:solid 1px #dedede; padding-top:10px; text-align:center; float:left;} .newsRight div.newsbg .date span{ display:block; margin-bottom:10px;} .newsRight div.newsbg .date a{ display:block; width:60px; height:20px; line-height:20px; margin:0 auto; background:#0fa8ef; text-align:center; color:#fff;} .newsRight div.newsbg .newTitle{ float:left; margin-left:30px; width:350px;} .newsRight div.newsbg .newTitle h3{ font-size:16px; font-weight:400; line-height:24px;} .newsRight div.newsbg .newTitle p{ font-size:14px; font-weight:400; line-height:24px;} /*==============联系我们=============*/ .contact{ background:#f5f5f5;} .warpInfo{ width:1110px; margin:0 auto; padding:50px 0; zoom:1; overflow:hidden;} .contactUs{ float:left; width:500px; height:340px; background:#fff url(../images/bg_c.jpg) no-repeat left center;} .contactUs h2{ zoom:1; overflow:hidden; font-weight:400;} .contactUs h2 span{ line-height:36px; font-size:24px; float:left;} .contactUs h2 a{ line-height:36px; float:right; font-size:14px;} .contactUsTxt{ padding-top:8px; margin-left:220px; margin-top:50px; zoom:1; overflow:hidden;} .contactUs dl{ line-height:24px; font-size:14px; padding-top:15px;} .contactUs dt{ font-weight:bold; font-size:16px; margin-bottom:10px;} .contactUs dd{ line-height:32px;} .map{ float:right; width:610px;} .map img{ width:610px; height:340px;} .mainInfo{ width:1060px; margin:0 auto; padding:30px 0; zoom:1; overflow:hidden;} /*==============左侧=============*/ .left_wrap{ float:left; width:250px;} /*==============右侧=============*/ .right_wrap{ float:right; width:780px;} /*==============产品序列=============*/ .productList{ width:248px; 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:248px; 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:776px; 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;} .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;} #footer { background:#23589b url(../images/bg_footer.jpg) repeat-x center top; background-size:cover;} .footInfo{ width:1080px; margin:0 auto; padding:50px 0; zoom:1; overflow:hidden;} .foot_l { zoom:1; overflow:hidden;} .foot_l img{max-width: 100px;} .foot_l dl{ width:200px; float:left;} .foot_l dl dt{ color:#eee; font-size:16px; line-height:24px; margin-bottom:10px;} .foot_l dl dd{ line-height:24px;} .foot_l dl dd a{ line-height:24px; color:#95aecd;} .foot_l dl dd a:hover{ line-height:24px; color:#eee;} .foot_r{ float:right; color:#95aecd;} .foot_r dl dt{ color:#eee; font-size:16px; line-height:24px; margin-bottom:10px;} .foot_r dl dd{ line-height:24px;} .copyright{ min-height:40px; background:#234271;} .copyright p { color:#adafbc; text-align:center;padding: 5px 0px;} .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} .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:237px;} .producti ul li span{line-height:32px; display:block; border-top: solid 1px #ddd; background: #fff; margin-top:3px;} .producti img { max-width: 230px; 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; } .producti h2 a{float: right; margin-right: 5px; font-size: 13px;} .productc{ margin:0px; zoom:1; overflow: hidden; width: 100%; } .productc ul{ zoom:1; overflow: hidden; margin-top: 10px; } .productc ul li{ width: 241px; height: 210px; float: left; text-align: center; padding:1px; font-size: 14px; border: 1px solid #ddd; margin-right: 9px; margin-bottom: 10px; } .productc img{ max-width: 238px; height: 175px; padding:1px; } .productc 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;}