@charset "utf-8";
/* 
* author: DX.Lin
* http://www.openwbs.com/
*/

/*首页公司简介*/
.index-about {background:#fcfcfc; border:1px solid #dfdfe1; border-bottom-color:#bcbdbd; float:left; height:260px; margin:0px 10px 0px 0px; width:266px;}
.index-about h3 {font-size:14px; height:24px; line-height:24px; padding:5px 10px;}
.index-about a {float:left;}
.index-about img {height:100px; width:266px;}
.index-about p {margin:0px; padding:2px 10px 8px 10px;}


/*首页新闻动态*/
.index-news {background:#fcfcfc; border:1px solid #dfdfe1; border-bottom-color:#bcbdbd; float:left; height:260px; margin:0px 10px 0px 0px; width:476px; overflow:hidden;}
.index-news .news-header {border-bottom:1px solid #dfdfe1; height:29px; padding:5px 5px 0px 12px;}
.index-news .news-header li {background:#ececec; border:1px solid #dfdfe1; float:left; height:28px; position:relative; z-index:11;}
.index-news .news-header li.current {background:#fcfcfc; border-bottom:0px; font-weight:bold; height:29px; position:relative;}
.index-news .news-header li a {display:inline-block; height:24px; line-height:24px; padding:2px 15px;}
.index-news .news-header li a:hover {text-decoration:none;}
.index-news .news-container {padding:10px 12px;}
.index-news .news-container ul{}
.index-news .news-container li {border-bottom:1px solid #eee; height:42px; padding:4px 0px 4px 0px; overflow:hidden;}
.index-news .news-container li span.datetime {color:#aaa; display:block; line-height:18px;}
.index-news .news-container li a {line-height:24px;}

/*首页联系方式*/
.index-contact{background:#fcfcfc; border:1px solid #dfdfe1; border-bottom-color:#bcbdbd; height:260px; float:left; width:226px; overflow:hidden;}
.index-contact h3 {font-size:14px; height:24px; line-height:24px; padding:5px 10px;}
.index-contact dl { border-bottom:1px solid #eee; display:block; margin:0px 10px 0px 0px; zoom:1; overflow:auto; }
.index-contact dl dt { float:left; font-weight:bold; line-height:24px; padding:2px 10px 2px 0px; text-align:right; width:50px; }
.index-contact dl dd { float:left; line-height:24px; padding:2px 0px 2px 0px; width:150px;}

.box-inset-white-shadow { -webkit-box-shadow:0px 0px 0px 1px #fff inset; -moz-box-shadow:0px 0px 0px 1px #fff inset; box-shadow:0px 0px 0px 1px #fff inset; padding:1px;}

/*首页产品分类*/
.index-product-cate {background:#fcfcfc; border:1px solid #dfdfe1; border-bottom-color:#bcbdbd; float:left; height:464px; margin:10px 0px 0px 0px; width:266px;}
.index-product-cate .cate-header { border-bottom:1px solid #dfdfe1; font-size:14px; font-weight:bold; height:24px; line-height:24px; padding:5px 15px;}
.index-product-cate .cate-body {}
.index-product-cate .cate-body ul {}
.index-product-cate .cate-body li {}
.index-product-cate .cate-body li a { border-bottom:1px solid #ddd; display:block; height:24px; line-height:24px; padding:4px 15px;
                                      -webkit-box-shadow:0px 1px 0px #fff inset;
									  -moz-box-shadow:0px 1px 0px #fff inset;
									  box-shadow:0px 1px 0px #fff inset; }
.index-product-cate .cate-body li a:hover {background:#ececec; text-decoration:none;}
.index-product-cate .cate-more {}
.index-product-cate .cate-more a { display:block; height:24px; line-height:24px; padding:4px 10px;}
.index-product-cate .cate-more a:hover {background:#ececec; text-decoration:none;}

/*首页产品列表*/
.index-product {background:#fff; border:1px solid #dfdfe1; border-bottom-color:#bcbdbd; border-left:none; float:left; height:464px; margin:10px 0px 0px 0px; width:727px;}
.index-product h3 { border-bottom:1px solid #e6e6e6; font-size:14px; height:24px; line-height:24px; padding:5px 10px;}
.index-product ul.product-list {}
.index-product li { border:1px solid #e6e6e6; border-left:0px; border-top:0px; float:left; display:inline; height:178px; width:130px; overflow:hidden; padding:18px 26px 18px 25px;}
.index-product li .thumbnail { border-bottom:1px solid #eee;}
.index-product li .thumbnail table { height:128px; width:128px; text-align:center; vertical-align:middle;}
.index-product li .thumbnail td a { display:block; height:128px; text-align:center; width:128px;}
.index-product li .thumbnail img { padding:1px; max-height:128px; max-width:128px;
                                   width:expression(this.width > 128 && this.width/this.height >= 1 ? 128 : true);
								   height:expression(this.height > 128 && this.height/this.width >= 1 ? 128 : true);
								 }
.index-product li .thumbnail td a:hover img{ border:1px solid #ddd; padding:0px;}
.index-product li p.title { height:40px; line-height:22px; overflow:hidden; padding:5px 0px 0px 0px;}



/*幻灯片*/
.index-banner {
	width:100%;
	height:550px;
	margin:0 auto;
	position:relative;
	text-transform:uppercase;
}
.index-banner ul li {
	position:absolute;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:550px;
	background-repeat:no-repeat;
	background-position:center top;
}
.index-banner ul li a {
	display:block;
	width:100%;
	height:550px;
}
.index-banner .number {
	text-align:center; height:40px; position:absolute; bottom:0px; z-index:999; left:50%; margin-left:-50px;
}
.index-banner .number span {
	float:left;
	display:block; width:10px; height:10px; display:inline-block; background:#d2d2d2; margin:15px 5px; cursor:pointer;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.index-banner .number span:hover,
.index-banner .number span.on {
	background:#fff; 
}

/*合作客户*/
#cases_area { background:#f3f3f3; padding:30px 0px;}
#cases_area .cases_list { position:relative; width:1180px; margin:0 auto; overflow:hidden; }
#cases_area .cases_list #top_t { margin:0px 0px 18px 0px;}
#cases_area .cases_list h3 { display:block; height:24px; line-height:24px; font-family:'Times New Roman','微软雅黑'; color:#2d2c2c; font-size:24px; font-weight:500; position:absolute; top:0px; left:532px; }
.bd{  margin: 20px 75px 0px 75px; }
.picList li { width:116px; min-height:141px; float:left; margin-right:55px; background:#fff; }
.picList li table { width:116px; min-height:111px; text-align:center; vertical-align:middle; }
.picList li table td a { display:block; width:116px; min-height:111px; text-align:center; }
.picList li table td a img { padding:1px; max-height:111px; max-width:111px;
                                   width:expression(this.width > 116 && this.width/this.height >= 1 ? 111 : true);
								   height:expression(this.height > 111 && this.height/this.width >= 1 ? 116 : true); }
.picList li .picTitle { width:116px; height:30px; line-height:30px; font-size:14px; display:block; background:#e7e9eb; margin-top:12px; text-align:center; }
.picList li .picTitle a:hover{ color:#000; text-decoration:none;}
#cases_area a.prev { background:url(../images/img/arrow02.png) no-repeat 0px 0px; top: 106px; width: 50px; height: 50px; overflow: hidden;
	 position: absolute; z-index: 3; }
#cases_area a.next { background:url(../images/img/arrow02.png) no-repeat -120px 0px; top: 106px; width: 50px; height: 50px;
     position: absolute; z-index: 3;}
#cases_area a.prev { left: 0px; padding-right: 2px; }
#cases_area a.next { right: 0px; padding-left: 2px; }
#cases_area a.prev:hover { background:url(../images/img/arrow02.png) no-repeat -58px 0px; }
#cases_area a.next:hover { background:url(../images/img/arrow02.png) no-repeat -179px 0px; }

/*产品中心*/
#products{ padding:30px 0px; background:#fff;}
.products_title{ height:60px; line-height:60px; background:url(../images/img/icon_product.png) no-repeat 0 16px; }
.products_title h3{ font-family:'Times New Roman','微软雅黑'; color:#2d2c2c; font-size:24px; font-weight:500; display:block; height:60px; line-height:60px; margin-left:45px; }
.products_cl{ width:70px; overflow:hidden; }
.products_cl i{ display:block; width:30px; height:30px; background:#247612 url(../images/img/arrow.png) no-repeat 0 0; float:left; cursor:pointer;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	-o-border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
 }

.products_cl i.na{ background-color:#dcdcdc; cursor:default; }
.products_cl .products_cl_left{ background-position:10px 0px; margin-right:10px; }
.products_cl .products_cl_right{ background-position:-10px 0px; }

.products_preview{ height:220px; padding:10px 0px; overflow:hidden;}
.products_preview ul{ height:220px; width:200%; position:relative; }
.products_preview ul li{ width:265px; height:220px; display:block; overflow:hidden; position:relative; margin:0px 15px; float:left; background:#fff; }
.products_preview ul li table { width:265px; min-height:193px; line-height:193px; text-align:center; vertical-align:middle; }
.products_preview ul li table td a { display:block; width:265px; min-height:193px; text-align:center; }
.products_preview ul li table td a img { padding:1px; max-height:193px; max-width:250px;
                                   width:expression(this.width > 193 && this.width/this.height >= 1 ? 193 : true);
								   height:expression(this.height > 265 && this.height/this.width >= 1 ? 265 : true); }
.products_preview ul li .proTitle { width:265px; height:25px; line-height:25px; font-size:14px; display:block; text-align:center; }
.products_preview ul li .proTitle a:hover{ color:#000; text-decoration:none;}

.shadow{ width:265px; height:220px; border:#ebebeb 1px solid;
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  /* For IE 8 */
       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 5.5 - 7 */
       -moz-box-shadow: 5px 5px 5px #ebebeb;/* for firefox */
       -webkit-box-shadow: 5px 5px 5px #ebebeb;/* for safari or chrome */
       box-shadow:5px 5px 5px #ebebeb;/* for opera or ie9 */
}

/*新闻动态、关于我们、技术服务*/
/*#information{ width:1180px; margin:0 auto; background:#fff; padding:48px 0px 64px 0px; }
#information article{ height:auto; overflow:hidden; position:relative;}
#information article.hover .information_more{ background:#247612; color:#fff; text-decoration:none; }
#information article .information_more{ display:block; width:70px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff; background:#cdcdcd; position:absolute; bottom:0px; left:0;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
 }

.news{ width:440px;} 
.news_title{ width:100%; height:44px; line-height:44px; background:url(../images/img/icon_dynamic.png) no-repeat 0 5px;}
.news_title h3{ font-family:'Times New Roman','微软雅黑'; color:#247612; font-size:24px; font-weight:500; height:44px; line-height:44px; margin-left:45px; }
.news_content{ width:100%; display:block; margin-bottom:18px; overflow:hidden; background:rgba(162,89,91,1.00);}
.news_content ul{ width:100%; overflow:hidden;}
.news_content li { border-bottom:1px solid #f2f0f0; height:39px; line-height:39px; overflow:hidden;}
.news_content li span.datetime { color:#858585; font-weight:lighter; display:block; line-height:39px; float:right;}
.news_content li a { line-height:24px; color:#858585; font-weight:lighter;}

.aboutus{ width:350px; margin-left:55px; margin-right:40px;}
.aboutus_title{ height:44px; line-height:44px; background:url(../images/img/icon_about.png) no-repeat 0 5px; }
.aboutus_title h3{ font-family:'Times New Roman','微软雅黑'; color:#247612; font-size:24px; font-weight:500; display:block; height:44px; line-height:44px; margin-left:45px; }
.aboutus_content{ margin-top:6px; }
.aboutus_content p { line-height:26px; font-size:12px; color:#8e8e8e; height:auto; margin-bottom:50px; display:block; overflow:hidden; }
.supprot{ width:280px; margin-right:0; margin-left:0; }
.supprot .aboutus_title{ background:url(../images/img/icon_service.png) no-repeat 0px 5px; }*/
#information{ width:1180px; margin:0 auto; background:#fff; padding:40px 0px 30px 0px; }
#information article{ overflow:hidden; position:relative;}
#information article.hover .information_more{ background:#247612; color:#fff; text-decoration:none; }
#information article .information_more{ display:block; width:70px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff; background:#cdcdcd; 
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
 }
 
.news_title{ width:100%; height:44px; line-height:44px; background:url(../images/img/icon_dynamic.png) no-repeat 0 5px;}
.news_title h3{ font-family:'Times New Roman','微软雅黑'; color:#2d2c2c; font-size:24px; font-weight:500; height:44px; line-height:44px; margin-left:45px; }
.news_column{ height:156px; width:405px; display:block; margin-bottom:10px; position:relative; overflow:hidden;}
.news_column ul{ width:100%; display:block; margin-top:4px; overflow:hidden;}
.news_column li { border-bottom:1px solid #f2f0f0; height:36px; line-height:36px; overflow:hidden}
.news_column li span.datetime { color:#858585; font-weight:lighter; display:block; line-height:36px; float:right;}
.news_column li a { line-height:36px; color:#858585; font-weight:lighter; overflow:hidden;}
.news_column li a:hover { color:#444;}

.aboutus{ width:405px; margin-left:45px; margin-right:45px;}
.aboutus_title{ height:44px; line-height:44px; background:url(../images/img/icon_about.png) no-repeat 0 5px; }
.aboutus_title h3{ font-family:'Times New Roman','微软雅黑'; color:#2d2c2c; font-size:24px; font-weight:500; height:44px; line-height:44px; margin-left:45px; }
.aboutus_content{ height:150px; padding-top:6px; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
.aboutus_content p { line-height:26px; font-size:12px; color:#8e8e8e; }

.advantage{ width:280px; margin-right:0; margin-left:0; }
.advantage_title{ background:url(../images/img/icon_service.png) no-repeat 0px 5px; }
.advantage_title h3{ font-family:'Times New Roman','微软雅黑'; color:#2d2c2c; font-size:24px; font-weight:500; height:44px; line-height:44px; margin-left:45px; }
.advantage_content{ height:150px; padding-top:6px; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}

/*友情链接*/
.flinks-section { background-color:#e9e9e9; padding:30px 0px 40px 0px; }
.flinks-section .wrapper{ }
.flinks{ line-height:24px;}
.flinks .heading{ height:26px; line-height:26px; background:url(../images/img/icon_link.png) no-repeat; }
.flinks  h3{ color:#2d2c2c; font-size:24px; font-weight:500; display:block; height:26px; line-height:26px; margin-left:45px;}
.flinks .links{ margin:24px 0px 0px 0px;}
.flinks a{ display:inline-block; margin:0px 25px 10px 15px; padding:0px 25px; height:24px; font-size:14px; background:#cfd0d1; color:#676767;}
.flinks a,
.flinks a:visited{ color:#676767;}
.flinks a:hover { color:#222; text-decoration:none;}