@charset "utf-8";
*{margin:0;padding:0;}
body{font-size:14px;font-family: 微软雅黑,Arial, Helvetica, sans-serif;color:#3b3b3b; background:#FFF; }
TD {FONT-SIZE: 14px; COLOR: #333333; FONT-FAMILY: 微软雅黑,Verdana, Arial, Helvetica, sans-serif;}
TH {FONT-SIZE: 14px; COLOR: #6f6f6f; FONT-FAMILY: 微软雅黑,Verdana, Arial, Helvetica, sans-serif;}
img{border:0;}
ul{list-style:none;}
li{ vertical-align:bottom;}
a{font-size:13px;font-family: 微软雅黑,Arial, Helvetica, sans-serif;color:#3b3b3b;color:#3b3b3b; text-decoration:none;}
.aw{font-size:13px;font-family: 微软雅黑,Arial, Helvetica, sans-serif;color:#3b3b3b;color:#3b3b3b; text-decoration:none;}
.clear{clear:both;}
.blank{font-size:0px; height:10px; width:100%;}
.blank2{font-size:0px; height:6px; width:100%;}
.blank3{font-size:0px; height:48px; width:100%;}
.layout{ width:100%; background:#FFF url(../images/layout.png) no-repeat left top;}

.logo{margin:0 auto;position: relative !important;}
.logo img{ width:100%;}
.search{ width:132px; height:22px; position:absolute; right:10px; top:40%; z-index:120;  overflow:hidden;}
.search p{ float:left; overflow:hidden; }
.search p.search-input{ width:80px; height:18px; padding:1px 10px; border:1px solid #CCC; background:#FFF; margin-right:8px; display:inline; }
.search p.search-input input{ width:80px; height:18px; line-height:18px; border:0;}
.search p.search-btn{ width:22px; height:22px; }
.search p.search-btn input{  width:22px; height:22px;}

.main{margin:0 auto;position: relative !important;background:url(../images/main.png) no-repeat center 13px;}

.banner{}
.banner img{width:100%;}

/*.location{ width:310px; height:30px; line-height:30px; padding:0 5px; overflow:hidden; color:#1264a8;}
.location a{ color:#1264a8;}*/
.cases{margin:0 auto;position: relative !important;}
.cases h2{ margin:0 auto;height:30px;position: relative !important;background:url(../images/column.jpg) repeat-x left top;}
.cases h2 p{ width:80px; height:30px; line-height:30px; float:left; background:url(../images/cases-h2-p.jpg) no-repeat right top; position:relative; z-index:140; cursor:pointer;}
.cases h2 p span{ width:84px; height:32px; display:block; line-height:32px; text-align:center; font-weight:normal; font-size:12px; text-align:center; color:#FFF; position:absolute; left:-2px; top:0;}
.cases h2 p.curr span{ background:url(../images/column-p.jpg) no-repeat left top;}
.cases-cen{ display:block; height:auto; margin:0 auto; }
.cases-list{display:block; height:auto; display:none; }
.cases-list li{	width:50%;float:left; padding:0.5em 0;}
.cases-list li p{ width:120px; height:90px; padding:3px; border:1px solid #CCC; margin: 0 auto;}
.cases-list li p img{ width:120px; height:75px; margin: 0 auto;}
.cases-list li h3{ width:130px; height:20px; line-height:20px; font-weight:normal; font-size:12px; text-align:center; padding-top:6px; overflow:hidden; margin: 0 auto;}

.about,.news{margin:0 auto;position: relative !important;}
.about h2,.news h2{margin:0 auto;height:40px;position: relative !important;background:url(../images/column.jpg) repeat-x left top;}
.about h2 p,.news h2 p{ width:128px; height:40px; line-height:40px; overflow:hidden; float:left; font-weight:normal; font-size:14px; font-weight:bold; text-align:center; color:#FFF; background:url(../images/column-p.jpg) no-repeat left top;}
/*.news h2 p.curr{ background:url(../images/news-h2-p-curr.jpg) no-repeat left top; color:#FFF;}*/
.about h9{margin:0 auto;height:40px;position: relative !important;background:url(../images/column.jpg) repeat-x left top;}
.about h9 p{ width:200px; height:40px; line-height:40px; overflow:hidden; float:left; font-weight:normal; font-size:14px; font-weight:bold; text-align:center; color:#FFF; background:url(../images/column-p1.jpg) no-repeat left top;}
.about-img{ width:auto; height:auto; padding:10px 20px; margin:0 auto; overflow:hidden; }
.about-img img{ width:100%;}
.about-cen,.news-detail-cen{margin:10 auto;padding:10px 10px 10px 10px; line-height:35px; margin:10 auto;font-size:14px;font-family:微软雅黑;}

.news-more{margin:0 auto;position: relative !important;overflow:hidden; height:24px; line-height:24px; text-align:center; overflow:hidden; background:#c5c5c5; }
.news-more a{ color:#FFF;}
.column-menu{position: relative !important;height:auto; margin:0 auto; }
.column-menu p{ width:166px; height:24px;  line-height:24px; float:left; text-align:center; background:url(../images/about-nav.jpg) repeat-x left top; border-right:1px solid #FFF;}
.column-menu p a{ color:#FFF;}

.news-img{ width:auto; height:auto; padding:10px 20px; margin:0 auto; overflow:hidden; }
.news-img img{ width:100%;}
.news-list{margin:0 auto;position: relative !important;}
.news-list li{margin:0 auto;height:32px; line-height:26px; padding:0 20px; overflow:hidden; background:#f5f5f5  no-repeat right center; border-bottom:1px solid #FFF;}
.news-list li span{ width:76px; height:26px; line-height:26px; display:block; float:right; text-align:right;}


.column-title{margin:0 auto;position: relative !important;background:#d6d6d6;height:30px;}
.column-title h2{ width:172px; height:30px; line-height:30px; overflow:hidden; float:left; font-weight:normal; font-size:12px; text-align:center; color:#FFF; background:url(../images/column.jpg) repeat-x left top;}
.column-title p{ width:172px; height:20px; float:right; margin:5px 10px 0 0; display:inline; background:url(../images/about-more.jpg) no-repeat left top; }
.column-title p a{ width:172px; height:20px; display:block;}

.news-detail-title{min-width:320px; height:auto; line-height:30px; text-align:left; overflow:hidden; font-size:14px; }

.news-detail-keys{min-width:320px; height:24px; margin:0 auto; line-height:24px; background:#f5f5f5; color:#999; }
.news-detail-keys h3{ width:72px; height:24px; line-height:24px; float:left; text-align:center; background:#c5c5c5; font-weight:normal; font-size:12px; overflow:hidden; margin-right:10px; display:inline; color:#393939; border-right:1px solid #FFF; }
.news-page{ height:50px; overflow:hidden; color:#9a9a9a;position:relative;}
.page-prev{width:42%; height:40px; background:url(../images/page-prev.gif) no-repeat left 18px; background-color:#f5f5f5; padding:5px 10px; cursor:pointer;position:absolute;left:0;top:0;}
.page-next{ width:42%; height:40px; background:url(../images/page-next.gif) no-repeat right 18px; background-color:#f5f5f5; padding:5px 10px;cursor:pointer;position:absolute;right:0;top:0;}
.page-prev h3{ height:20px; line-height:20px; font-weight:normal; font-size:12px; text-align:right; padding-left:9px;}
.page-prev p{ height:20px; line-height:20px; text-align:right; overflow:hidden;padding-left:9px;}
.page-next h3{  height:20px; line-height:20px; font-weight:normal; font-size:12px; text-align:left; padding-right:9px;}
.page-next p{  height:20px; line-height:20px; text-align:left; overflow:hidden;padding-right:9px;}
.page-prev p a,.page-next p a{ color:#9a9a9a;}

.anli-list{position: relative !important;height:auto; margin:0 auto;}
.anli-list li{width:50%;float:left; padding:0.5em 0; height:136px;}
.anli-list li p{ width:150px; height:100px; padding:3px; border:1px solid #CCC; margin: 0 auto;}
.anli-list li p img{ width:150px; height:100px; margin:0 auto;}
.anli-list li h3{ width:150px; height:20px; line-height:20px; font-weight:normal; font-size:12px; text-align:center; padding-top:6px; overflow:hidden; margin: 0 auto;}

.anli-list1{position: relative !important;height:auto; margin:0 auto;}
.anli-list1 li{width:50%;float:left; padding:0.5em 0; height:40px;}
.anli-list1 li p{ width:128px; height:40px; padding:3px; border:1px solid #CCC; margin: 0 auto;}
.anli-list1 li p img{ width:128px; height:40px; margin:0 auto;}
.anli-list1 li h3{ width:120px; height:20px; line-height:20px; font-weight:normal; font-size:12px; text-align:center; padding-top:6px; overflow:hidden; margin: 0 auto;}

.cases-detail-img{max-width:300px; margin:0 auto;}
.cases-detail-img img{ width:100%;max-width:300px; margin: 0 auto;}
.cases-detail-title{ min-width:320px; height:36px; margin:0 auto; line-height:24px; background:#f5f5f5; color:#999; }
.cases-detail-title h3{ width:172px; height:36px; line-height:36px; float:left; text-align:center; background:#c5c5c5; font-weight:normal; font-size:14px; font-weight:bold ;overflow:hidden; margin-right:10px; display:inline; color:#393939; border-right:1px solid #FFF; }

.order-form-line{ max-width:578px; min-width:278px;height:18px; border:1px solid #f2f2f2; margin:0 10px; padding:3px 10px;}
.order-form-line input{ max-width:578px; min-width:278px;line-height:18px; border:0; color:#6c6c6c;}

.order-form-textarea{ max-width:600px; min-width:300px; height:172px; margin:0 10px; }
.order-form-textarea textarea{ max-width:600px; min-width:300px;height:160px; line-height:20px; padding:3px 10px; border:1px solid #f2f2f2; font-size:12px; color:#6c6c6c;}


.order-form-select{ width:126px; height:26px; background: url(../images/form-select.jpg) no-repeat left top; float:left; margin-left:10px; display:inline; padding:3px 10px; position:relative; z-index:400;}
.order-form-select input{ width:30px; height:20px; position:absolute; right:-30px; top:2px;}
.order-form-select h2{ width:114px; height:26px; line-height:26px; overflow:hidden; font-weight:normal; font-size:12px; cursor:pointer; padding-right:12px;color:#6c6c6c;  }
.order-form-select h2 span{ display:none; }
.order-form-select-list{ width:124px; height:auto; border:1px solid #f2f2f2; border-top:0; background:#FFF; position:absolute; left:0px; top:26px; z-index:420; display:none;}
.order-form-select-list li{ width:104px; height:26px; line-height:26px; margin:0 auto; background:url(../images/addcmain-type-select-list.jpg) no-repeat left bottom; overflow:hidden; cursor:pointer; padding:0 10px 0 10px; }
.order-form-select-list li.curr{ background:#EEE; }
.order-form-select-list li span{ display:none; }




.order-form-line2{ width:106px; height:18px; border:1px solid #f2f2f2; float:left; margin-left:10px; display:inline; padding:3px 10px;}
.order-form-line2 input{ width:106px; height:18px; line-height:18px; border:0; color:#6c6c6c;}
.order-form-code{ width:50px; height:26px; float:left; margin-left:10px; display:inline;}
.order-form-code img{ width:50px; height:26px;}

.order-form-btn{ width:100px; height:30px; margin:0 auto; overflow:hidden;}
.order-form-btn input{ width:100px; height:30px;}
.footer{margin:0 auto; margin-bottom:38px;position: relative !important;background:#999999; }
.copyright{ width:320px; height:auto; margin:0 auto; line-height:28px; text-align:center; color:#FFF; }
.copyright a{ color:#FFF; }


.online_box{width: 100%;height:48px;z-index:9999;bottom:0px;left:0px;position:fixed;}
.online{margin:0 auto;position: relative !important;background:url(../images/online.jpg) repeat-x left top;}
.online ul{margin:0 auto; width:320px;}
.online li{ width:80px; height:48px; line-height:48px; float:left; overflow:hidden; }
.online li p{ width:20px; height:48px; padding:6px 8px 6px 12px; overflow:hidden; float:left; }
.online li p img{ width:20px; height:48px; }
.online li a{ color:#FFF;}

.online_box1{width: 100%;height:48px;z-index:9999;bottom:0px;left:0px;position:fixed;}
.online1{margin:0 auto;position: relative !important;background:url(../images/online1.jpg) repeat-x left top;}
.online1 ul{margin:0 auto; width:320px;}
.online1 li{ width:320px; height:48px; line-height:48px; float:left; overflow:hidden; }
.online1 li p{ width:320px; height:48px; padding:0px 8px 6px 12px; overflow:hidden; float:center; }
.online1 li p img{ width:160px; height:48px; }
.online1 li a{ color:#FFF;}

.topnav_box{width: 100%;height:35px;z-index:9999;bottom:0px;left:0px;position:fixed;}
.topnav{margin:0 auto;position: relative !important;background:url(../images/nav_bg1.jpg) repeat-x left top;}
.topnav ul{margin:0 auto; width:320px;}
.topnav li{ width:80px; height:35px; line-height:35px; float:left; overflow:hidden; }
.topnav li p{ font-size:14px;width:80px; height:35px; padding:0px 0px 0px 0px; overflow:hidden; float:left; }
.topnav li p img{ width:80px; height:35px; }
.topnav li a{ color:#FFF;}

.btn03 {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-WEIGHT: normal; BORDER-LEFT: 0px; WIDTH: 150px; BORDER-BOTTOM: 0px; HEIGHT: 37px
}
.btn05 {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-WEIGHT: normal; BORDER-LEFT: 0px; WIDTH: 104px; BORDER-BOTTOM: 0px; HEIGHT: 38px
}
.INPUT02 {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #cccccc 1px solid; COLOR: #6f6f6f; BORDER-BOTTOM: #cccccc 1px solid; width:240px;height:32px; FONT-FAMILY: 微软雅黑,Verdana
}
.INPUT03 {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #cccccc 1px solid; COLOR: #6f6f6f; BORDER-BOTTOM: #cccccc 1px solid; height:25px; FONT-FAMILY: 微软雅黑,Verdana
}
.INPUT03a {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #cccccc 1px solid; COLOR: #6f6f6f; BORDER-BOTTOM: #cccccc 1px solid; height:25px; FONT-FAMILY: 微软雅黑,Verdana
}