@charset "utf-8"; /* 全局样式 */ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, input, textarea, fieldset {margin:0;padding:0;border:0;} body{font-family:Arial,Verdana,Tahoma, Helvetica, sans-serif;font-size:14px;color:#333;line-height:24px;text-align:left;background:#f5f5f5;} html, body{width:100%;overflow-x:hidden;} ul,li{list-style:none;} em{font-style:normal;} /*table{border-collapse:collapse;border-spacing:0;}*/ pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;} input{vertical-align:middle;outline:none;} textarea{vertical-align:top;outline:none;resize:none;} img{border:0;} a{color:#333;text-decoration:none;} a:active{star:expression(this.onFocus=this.blur());} :focus{outline:0;} a:hover{color:#c70001;text-decoration:none;} .l{float:left;} .r{float:right;} .c{clear:both;} .dis{display:none;} .mc{margin:0 auto;} .b{border:1px solid #dfdfdf;} .bt{border:1px solid #dfdfdf;border-top:2px solid #dfdfdf;} .bb{border-bottom:1px solid #e0e0e0;padding:10px 0;} /*padding*/ .pt10{padding-top:10px;} .pt20{padding-top:20px;} .p10{padding:10px;} .p20{padding:20px;} .pl50{padding-left:50px;} /*margin*/ .mt5{margin-top:5px;} .mb10{margin-bottom:10px;} .mt10{margin-top:10px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mr10{margin-right:10px;} .m10{margin:10px;} /*width*/ .w980{width:980px;overflow:hidden;} .w986{width:986px;overflow:hidden;} .w978{width:978px;overflow:hidden;} .w950{width:950px;overflow:hidden;} .w610{width:610px;padding:20px 30px;} .w920{width:918px;padding:20px 30px;} .w890{width:888px;padding:30px 40px;} .w900{width:898px;padding:30px 40px;} .w670{width:670px;} /* 分页 */ .pager{text-align:center;color:#040404;padding:15px 0px;} .pager a:link, .pager a:visited{padding:2px 5px;background:#f6f6f6;border:1px #dddddd solid;text-decoration:none;color:#040404;} .pager a:hover{background:#4f94c3;border:1px #24659f solid;text-decoration:none;color:#ffffff;} .pager a.current:link, .pager a.current:visited{background:none;border:0;text-decoration:none;margin:1px;} .pager a.current:hover{background:#4f94c3;border:1px #24659f solid;text-decoration:none;color:#ffffff;margin:0;} /* 头部 */ .header{width:100%; background:#1f9cd6;} .logo{background:url(../images/logo.jpg) no-repeat; text-indent:-999px; width:118px; height:102px; overflow:hidden; float:left;} .main-nav{width:810px; padding-left:10px; float:right;} .main-nav li{display:inline;} .main-nav a, .main-nav a.active{display:block; float:left; color:#fff; font-size:16px; font-family:Microsoft Yahei,Arial; line-height:107px; padding:0 20px;} .main-nav a:hover, .main-nav a.active{color:#006289; background:#83d8ff url(../images/nav-bg.jpg) no-repeat center top;} .banner{width:100%; background:#eef3f6;} /* 主体 */ #container{background:#fff; padding:10px 0 30px;} #container #left, #container #right{float:left; overflow:hidden;} #container #left{width:200px;} #container #right{width:745px; margin:0 0 0 35px; overflow:hidden;} .content{width:745px; padding:20px 0 0; overflow:hidden;} /* 新闻 / 搜索 */ .n-s{background:#f7f7f7; width:100%; border-bottom:5px solid #eaeaea;} .n-s h3, .n-s ul{float:left;} .n-s h3{font-size:14px; line-height:50px; background:url(../images/h-ni.jpg) no-repeat right; padding:0 30px 0 0;} .n-s ul{width:510px; margin:10px 0 10px 25px; overflow:hidden;} .n-s ul span{float:right;} .n-s ul li{line-height:30px;} .n-s form{width:304px; margin:10px 0; overflow:hidden;} .n-s form input{float:left;} .n-s form #key{width:209px; height:24px; border:2px solid #eaeaea;} .n-s form #button{color:#fff; line-height:28px; text-align:center; background:#1f9cd6; width:76px; height:28px; margin:0 0 0 15px;} /* 合作案例 */ .h-case{width:100%; margin:22px 0;} .h-case h3{background:url(../images/case-tit.jpg) no-repeat center; text-indent:-999px; height:42px; width:100%; margin:0 0 12px 0;} .img-scroll{position:relative;width:980px;height:156px;overflow:hidden;} .img-scroll .prev,.img-scroll .next{position:absolute;display:block;width:30px;height:156px;top:0;cursor:pointer;} .img-scroll .prev{left:0;background: url(../images/prev.jpg) no-repeat left top;} .img-scroll .next{right:0;background: url(../images/next.jpg) no-repeat right top;} .img-list{position:relative; width:980px; height:156px; overflow:hidden;} .img-list ul{width:9999px;} .img-list li{float:left; margin-right:20px;} .img-list img{width:300px; height:152px; border:2px solid #fffeff; background:#fff; cursor:pointer;} .img-list img:hover{opacity: 0.8; filter:Alpha(Opacity=80, 2);} /* 公司简介 */ .h-about{width:100%; margin:30px 0; overflow:hidden;} .h-about h3{color:#10a0dc; font-size:16px;} .h-about .l{width:640px; overflow:hidden;} /* 推荐产品 */ .h-products{width:100%; padding:30px 0 40px; overflow:hidden; background:#e6f7fe;} .h-products h3{background:url(../images/product-tit.jpg) no-repeat; text-indent:-999px; height:43px; width:100%; margin:0 0 20px 0;} #demo{width:980px; height:180px; overflow:hidden;} #demo a{display:block; text-align:center; margin-right:15px; float:left;} #demo a img{width:180px; height:140px; margin-bottom:14px;} /* 页脚 */ .footer {background:#37383a; width:100%; padding:20px 0 40px;} .footer, .footer a{color:#c1c1c1;} .footer a:hover{color:#f00;} .footer ol{width:700px; overflow:hidden; margin-right:10px;} .footer ol li{display:block; float:left; padding-left:50px;} .footer ol li a{display:block; line-height:26px;} .footer ol li a:hover{display:block; line-height:26px; color:#f00;} .footer .r{line-height:24px;} /*侧栏*/ .sub-nav{width:200px; overflow:hidden;} .sub-nav h3{color:#fff; font-size:14px; line-height:38px; padding:0 10px; background:#007eb8 url(../images/sub-nav.jpg) no-repeat;} .sub-nav h3 span{font-size:12px; font-weight:normal; padding-left:10px;} .sub-nav a, .sub-nav a.active{display:block; padding-left:28px; color:#017eb4; line-height:34px; background:#f2f2f2 url(../images/sub-nav.png) no-repeat left; border-bottom:1px solid #fff;} .sub-nav a:hover, .sub-nav a.active{background-color:#83d8ff;} /* 位置 */ .current{padding:10px 0 10px 25px; border-bottom:1px solid #cfcfcf; background:url(../images/current.jpg) no-repeat left;} /* 新闻 */ .yjTL,.yjTR,.yjBL,.yjBR{height:4px;overflow:hidden;background:url(../images/k.png) no-repeat 0 0;} .yjBL,.yjBR{height:6px;} .yjTL,.yjBL,.yjML{padding-left:5px;} .yjTR,.yjBR,.yjMR{padding-right:5px;} .yjTR{background-position:100% -10px;} .yjBL{background-position:0 -4px;} .yjBR{background-position:100% -14px;} .yjML{background:url(../images/kLeft.png) repeat-y left;} .yjMR{background:url(../images/kRight.png) repeat-y right; text-align:center; position:relative;} .flUl li{float:left;display:inline;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;} .clearfix{display:block;} .mTbg{background:url(../images/yy.png) repeat-x bottom;padding-bottom:11px;margin-top:10px;} .nTitle {line-height:2;padding-left:1.5em;} .nTitle .t2,.nTitle .t3{float:right;width:100px; text-align:center;} .nTitle .t3{width:110px;} .nList li{position:relative;background:url(../images/xx.png) repeat-x bottom;padding-bottom:1px;float:none; display:block;} .nList a{display:block;line-height:2.6;zoom:1; padding-left:1.5em;} .nList a em,.nList a span{display:block;width:110px;float:right; text-align:center;*cursor:pointer;} .nList a i{display:block; width:7px;height:7px;overflow:hidden; position:absolute;left:.5em;top:1em; background:url(../images/img.png) no-repeat -220px -31px} .nList a:hover{background-color:#F9F9F9;} .nList a:hover i{background-position:-220px -51px;} /* 新闻详细 */ .news-detailed{line-height:24px;} .news-detailed h2{font-size:24px;font-weight:normal;padding:10px 0;} .news-detailed h3, .news-detailed h6{font-size:14px;padding:10px 0; margin:10px 0;} .news-detailed h3{margin:0;} .news-detailed h6{border-top:1px solid #e3e3e3;} /* 图片 */ ul.photo{width:790px; overflow:hidden; zoom:1;} ul.photo li{margin:0 40px 20px 0; float:left;} ul.photo li a{background-color:#E6E6E6; display:block; width:221px;} ul.photo li a img{background:url(../images/loading.gif) no-repeat center; width:215px; margin:3px 3px 0;} ul.photo li a p{width:215px; overflow:hidden; padding:10px 0;margin:0 3px; text-align:center;} ul.photo li a:hover {color:#fff; background-color:#c50102;} /* 项目案例 */ ul.photo1{width:790px; overflow:hidden; zoom:1;} ul.photo1 li{margin:0 40px 20px 0; float:left;} ul.photo1 li a{background-color:#E6E6E6; display:block; width:306px;} ul.photo1 li a img{background:url(../images/loading.gif) no-repeat center; width:300px; height:152px; margin:3px 3px 0;} ul.photo1 li a p{width:300px; overflow:hidden; padding:10px 0;margin:0 3px; text-align:center;} ul.photo1 li a:hover {color:#fff; background-color:#c50102;} /* 客户列表 */ .customer-list{width:720px; overflow:hidden;} .customer-list li{background:#f2f2f2; padding:10px 4px; margin-bottom:20px; display:block; overflow:hidden;} .customer-list .l img{width:215px;} .customer-list .r{width:490px; overflow:hidden;} .customer-list .r strong{font-size:14px;} .customer-list li:hover{color:#fff; background-color:#c50102;} /* 产品列表 */ ul.products{width:800px; overflow:hidden; zoom:1;} ul.products li{margin:0 36px 20px 0; float:left;} ul.products li a{background-color:#E6E6E6; display:block; width:224px;} ul.products li a img{background:url(../images/loading.gif) no-repeat center; width:220px; margin:2px 2px 0;} ul.products li a p{width:220px; overflow:hidden; padding:10px 0;margin:0 2px; text-align:center;} ul.products li a:hover {color:#fff; background-color:#c50102;} .bigclass ul{width:1000px;} /* 产品详细 */ .detailed{line-height:22px;font-size:14px;} .detailed h2{font-size:18px;padding:20px 0 15px;} .detailed h6{font-size:12px;font-weight:normal;} /* 主图 */ #slides {display:block; width:100%; height:450px; list-style:none; padding:0; margin:0; position:relative} #slides li {display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute} #slides li a {display:block; width:100%; height:100%; text-indent:-9999px} #pagination {display:block; list-style:none; position:absolute; left:50%; top:500px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li {display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF } #pagination li a {display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current {background:#0092CE} /* 招聘 */ .tit{line-height:2em; text-align:left; padding:0 1em;} .tit li{float:left; width:190px;} .tit li.t2{width:260px;} .tit li.t3{width:220px;text-align:center;} .tit li.t4,.tit li.t5{width:100px;text-align:center;} ul.job_tab li div{ display:none; padding:10px 15px; background:#F9F9F9 url(../images/xx.png) repeat-x 0 100%;} ul.job_tab li div p{ margin-bottom:12px; line-height:180%; color:#666;} ul.job_tab li div a.botton_yp,ul.job_tab li div a.botton_close{ display:block; width:84px; height:26px; text-indent:-9999em;background:url(../images/job_button.gif) no-repeat 0 -59px; float:left;} ul.job_tab li div a.botton_close{ background-position:0 -89px; margin-left:20px;} ul.job_tab li div a.botton_yp:hover,ul.job_tab li div a.botton_close:hover{ background-position:-84px -59px;} ul.job_tab li div a.botton_close:hover{ background-position:-84px -89px;} ul.job_tab li div p.clearfix{ margin-bottom:0;} ul.job_tab li ul{ height:30px; line-height:30px; padding:0 1.4em; background:url(../images/xx.png) repeat-x 0 100%;} ul.job_tab li.hover ul{ background-color:#F9F9F9; cursor:pointer;} ul.job_tab li ul li{ width:190px; float:left; color:#666;} ul.job_tab li.hover ul li{color:#FF6300;} ul.job_tab li ul li.t2{width:260px;} ul.job_tab li ul li.t3{width:220px;text-align:center;} ul.job_tab li ul li.t4,ul.job_tab li ul li.t5{width:100px; text-align:center;} ul.job_tab li div input.form-submit{ width:84px; height:26px; text-indent:-9999em; border:none; cursor:pointer; background:url(../images/job_button.gif) no-repeat 0 -59px; float:left;} .more { font-size:12px; float:right; padding-right:630px; color:#CCC} /*在线预订*/ form#inquiry #nm, form#inquiry #tel, form#inquiry #addr, form#inquiry #email, form#inquiry #building-area, form#inquiry #floor, form#inquiry #population, form#inquiry #use-area, form#inquiry #content, form#inquiry #mycode{border:1px solid #ccc;} form#inquiry input#submit, form#inquiry input#reset{width:84px; height:26px; text-indent:-9999em; border:none; cursor:pointer; background:url(../images/job_button.gif) no-repeat;} form#inquiry input#submit{background-position:0 0;} form#inquiry input#submit:hover{background-position:-84px 0;} form#inquiry input#reset{background-position:0 -26px;} form#inquiry input#reset:hover{background-position:-84px -26px;} /*合同*/ #contract{border:1px solid #d2d2d2;} #contract input{background:#FFF; padding:2px; border:1px solid #abadb3;} #contract h2{color:##5a5a5a; font-size:16px; text-indent:20px; line-height:40px; background:url(../images/contract-bg1.jpg) repeat-x; height:40px; border-bottom:1px solid #d2d2d2;} #contract h2 a{margin-right:20px; text-decoration:underline; float:right;} #contract div{padding:20px 30px;} #contract table{background-color:#a5acb5; border:0; border-collapse:0; border-spacing:1px;} #contract table td{background-color:#fff;/* text-align:center;*/} #contract table .row{background:url(../images/contract-bg2.jpg) repeat-x; height:22px; color:#000;} #contract table .cel{padding:3px;} #contract table tr:hover .cel{background-color:#f2f2f2;} #contract form{margin-bottom:15px;} #contract form select, #contract form input{vertical-align:middle; margin-right:5px;} #contract form #submit{background-color:#fff; padding:2px 15px;} #contract form #submit:hover{background-color:#f2f2f2;} /*新增*/ .dialog{z-index:2147483647; position: absolute; margin-top:320px; width:100%;} .dialog_fix{z-index:2147483646; position:fixed; width:100%; clip:rect(0 100% 100% 0); _position:absolute; top:320px;} *html{background-image:url(about:blank); background-attachment:fixed;} .dialog_box{position:relative; top:0; left:0;} .dialog_box .dz_close{ display:block; position: absolute; width: 12px; height: 12px; right: 10px; top: 10px; background:url(../images/s_pic_close.jpg) 0 0 no-repeat; cursor: pointer;} .dialog_box .dz_close:hover{background:url(../images/s_pic_close.jpg) -25px 0 no-repeat;} .mybacklayer{z-index: 2147483646;} .mybacklayer1{z-index:2147483643;} .mybacklayer2{z-index:2147483645;} .mybacklayer3{z-index:2147483644;} .mybacklayer,.mybacklayer1,.mybacklayer2,.mybacklayer3{ background: none repeat scroll 0 0 #000000; display: none;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; width: 100%; top:0; left:0; position:fixed;clip:rect(0 100% 100% 0);_position:absolute;top:0px;bottom:0px;left:0px; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);} .table_dl tr,.table_dl tr td,.table_dl tr td input,.table_dl tr td a{color:#333; font-size:12px; font-family:"宋体";} .jiami{padding: 5px; border: solid #CCC 1px;}