@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;}