/*类目*/
.block-title{ padding:42px 0; text-align:center; position:relative; margin:0 auto; max-width:1200px;}
.block-title h2{ font-size:32px; color:#000;  line-height:1.2;}
.block-title p{ font-size:14px; text-transform:uppercase;  color:#555; line-height:2;}
.block-title h2:after{ content:'';border-bottom:3px solid #cc2924; width:80px; display:block; margin:10px auto;}
.block-title .index_more{ position:absolute; right:0; top:50%; margin-top:-20px;}

.block-img{ text-align:center; padding:30px 0;}
.block-img img{ display:block; margin:0 auto;}


.index_more{ display:block; width:140px; height:40px; line-height:40px; font-size:14px; background:#cc2924; color:#fff !important; text-align:center; margin:15px auto;}
.index_more:hover{ background:#f5824e;color:#fff !important;  }
/****/


/**简介**/
.block-index-text01{  position:relative; padding:20px 0; margin:0 auto;}



.about{margin:0 auto 0 auto; max-width:1200px; }
.about_t { font-size:20px; line-height:2; text-align:left; color:#fff; }

.pro_fenlei2{ max-width:1200px; margin:30px auto;}
.pro_fenlei2 ul{ display:flex;}
.pro_fenlei2 li{  flex:1; text-align:center; position:relative;  }
.pro_fenlei2 li img{ display:block; margin:0 auto; max-width:100%;}
.pro_fenlei2 li h2{ font-size:40px; font-weight:bold; line-height:2; color:#fff; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.about .index_more{text-align:center; margin:20px 0 0 0;}

.block-index-product01{ padding:30px 0; overflow:hidden;}
.pro_show{ max-width:1200px; margin:30px auto;}
.pro_show li{ width:50%; float:left; position:relative; overflow:hidden;}
.pro_show li img{ display:block; width:100%;}
.pro_show li .txt{ background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; width:100%; height:100%;}
.pro_show li .txt h2{ position:absolute; border:1px solid #fff; padding:10px 20px; font-size:28px; font-weight:bold; color:#fff; top:50%; left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); display:inline-block;white-space:nowrap;}


.pro_show2{ max-width:1200px; margin:12px auto 0 auto;}
.pro_show2 li{ width:280px; float:left; position:relative; overflow:hidden; margin-right:30px; margin-bottom:12px;}
.pro_show2 li .pic{ overflow:hidden;}
.pro_show2 li img{ display:block; width:100%;}
.pro_show2 li .txt{  text-align:center; padding:12px; width:100%; background:rgba(0,0,0,0.3); position:absolute; bottom:0; }
.pro_show2 li .txt h2{font-size:15px; color:#fff;}
/***案例**/
.block-index-cases01{ max-width:1200px; margin:30px auto 50px auto;}

.case_show{ margin:0  auto; overflow:hidden; padding:0;}
.case_show li{ width:32%; float:left; margin-right:2%; margin-bottom:2%; overflow:hidden;cursor:pointer; border:1px solid #eee; padding:10px;}
.case_show li:nth-child(3n){ margin-right:0;}
.case_show li img{ display:block; max-width:100%;}
.case_show li .pic{ overflow:hidden;}
.case_show li .txt{ display:block; padding:15px;  text-align:left; position:relative;}
.case_show li .txt h2{ font-size:20px; color:#000;}
.case_show li .txt p{ margin:15px 0; line-height:1.6; color:#888;}
.case_show li .txt a{ color:#cc2924;}




/*新闻*/
.block-index-article01{ padding:40px 0 20px 0;  margin:0 auto;}
.newslist{ margin:40px auto; max-width:1200px; }
.newslist ul{ margin:0 auto; }
.newslist li{ display:block; background:#fff; width:47%; float:left; margin-right:6%; }
.newslist li:last-child{ margin-right:0;}
.newslist li .pic{ float:left; width:40%;}
.newslist li .txt{ float:left; padding:2% 3%; width:60%;}
.newslist li img{ display:block; width:100%; }

.newslist li h2{ margin-bottom:12px; font-size:18px; font-weight:bold; color:#000;overflow:hidden;text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden;}
.newslist li p{ overflow:hidden; display:block; font-size:16px; color:#888; margin:10px 0;
		word-break:break-all; line-height:2; 
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	}
.newslist li span{ font-size:14px; color:#888;}
.newslist li:nth-child(1){ width:100%; float:none; margin-bottom:3%;}
.newslist li:nth-child(1) .pic{ width:50%; margin-right:0;}
.newslist li:nth-child(1) .pic img{ display:block; border-radius:10px; max-width:100%;}
.newslist li:nth-child(1) .txt{ width:50%; float:left; padding:3%;}
.newslist li:nth-child(1) .txt h2{ font-size:20px;}
.newslist li:nth-child(1) .txt p{ overflow:hidden; display:block; font-size:18px; color:#888;margin:20px 0;
		word-break:break-all; line-height:2; 
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	}
.newslist li:nth-child(1) .txt span{ font-size:18px; margin-top:30px;}
.newslist li:nth-child(1) .txt .more{ display:block; background:url(../images/more.png) no-repeat center right; height:50px; margin-top:50px;}





.feed_l{ background:url(../images/feedback.jpg) no-repeat left center; background-size:400px auto; padding-left:550px !important;}



.message{ background:#f4f4f4; padding:3%;}
.message_show{ max-width:1290px; margin:0 auto;}
.message_show li{  font-size:20px; color:#000; padding:10px 0;}
.message_show li span{ display:block; float:left; width:130px;}
.message_show li input{ height:48px; line-height:48px; border:1px solid #ddd; padding:0 15px; width:380px; font-size:16px; font-family:'微软雅黑'; color:#888;}
.message_show li textarea{ height:140px;border:1px solid #ddd; padding:15px; width:380px; font-size:16px; font-family:'微软雅黑'; color:#888;}


.message_show  .tijiao{ width:190px; height:50px; font-size:18px; text-align:center; line-height:50px; background:#ffc001; color:#000 !important; display:block; margin:0 0 30px 130px; border:0;font-family:'微软雅黑';}


@media (max-width: 768px) {


/*类目*/
/*类目*/
.index_more{ display:block;  width:130px; height:40px; line-height:40px; font-size:14px; color:#000; text-align:center; margin:15px auto;}



.block-title{ padding:20px 0; text-align:center; position:relative; margin:0 auto;}
.block-title h2{ font-size:20px; color:#000; line-height:1.5;}
.block-title p{ font-size:12px; text-transform:uppercase;   line-height:1.5; padding:0;}
.block-title h2:after{ content:'';border-bottom:3px solid #cc2924; width:50px; display:block; margin:10px auto;}

.block-img{ text-align:center; padding:20px 0;}
.block-img img{ display:block; margin:0 auto; max-width:94%; }

/**简介**/
.block-index-text01{  position:relative; padding:0 0 15px 0; margin:0;}


.about{margin:0 auto 0 auto; max-width:1200px; position:relative;}
.about_tt { width:100%; float:none; margin:0; margin-bottom:0;}
.about_tt img{ display:block; max-width:100%;}

.about_t{ float:none; width:100%; line-height:2; padding:3%; font-size:14px; }

.pro_fenlei2{ max-width:1200px; margin:0 auto;}
.pro_fenlei2 ul{ display:block; padding:0 3%;}
.pro_fenlei2 li{ width:33.333%; padding:3%; float:left; text-align:center; position:relative;  }
.pro_fenlei2 li img{ display:block; margin:0 auto; max-width:90%;}
.pro_fenlei2 li h2{ font-size:30px; font-weight:bold; line-height:2; color:#fff; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}









/***案例**/
.block-index-product01{ padding:0; margin:0; margin-top:20px; overflow:hidden;}

.pro_show{ max-width:1200px; margin:0 auto;}
.pro_show li{ width:100%; float:left; position:relative; overflow:hidden;}
.pro_show li img{ display:block; width:100%;}
.pro_show li .txt{ background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; width:100%; height:100%;}
.pro_show li .txt h2{ position:absolute; border:1px solid #fff; padding:7px 15px; font-size:16px; font-weight:bold; color:#fff; top:50%; left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); display:inline-block;white-space:nowrap;}


.pro_show2{ max-width:1200px; padding:20px 0; margin:0;}
.pro_show2 li{ width:170px; float:left; position:relative; overflow:hidden; margin-right:15px;}
.pro_show2 li .pic{ overflow:hidden;}
.pro_show2 li img{ display:block; width:100%;}
.pro_show2 li .txt{  text-align:center; padding:12px 0; }
.pro_show2 li .txt h2{font-size:14px; color:#fff;}





.block-index-feed{ padding:0;}
.block-index-feed .w1100{ width:100%;}
.index_feed_title{ width:100%; float:none; background:#000; text-align:center; color:#fff; line-height:2.5; height:auto; padding:30px 0; font-size:16px;}
.index_feed_title h2{ font-size:24px; display:inline-block; border-bottom:2px solid #fff; margin-bottom:20px; padding:20px 5px;}
.index_feed{ width:100%; float:none;}
.feed_1{ padding:5%;}
.feed_1 li span{ display:block; font-size:15px;}
.feed_1 li input{ display:block; width:100%; border:1px solid #ddd; padding:10px; margin:10px 0;}
.feed_1 li textarea{ display:block; width:100%; border:1px solid #ddd; padding:10px; margin:10px 0; height:120px;}
.feed_1 .tijiao{ width:180px; height:42px; margin:20px auto; line-height:42px; background:#064bb3; color:#fff; display:block; border:0;}


/*新闻*/

/*新闻*/
.block-index-article01{ padding:3% 3% 0 3%; max-width:100%; margin:0 auto;}

.newslist{ margin:0 auto; max-width:1200px; }
.newslist ul{ margin:0 auto; }
.newslist li{ display:block; background:#fff; width:100%; float:left; margin-right:0; margin-bottom:15px; }
.newslist li:last-child{ margin-right:0;}
.newslist li .pic{ float:left; width:40%;}
.newslist li .txt{ float:left; padding:0 3%; width:60%;}
.newslist li img{ display:block; width:100%; }

.newslist li h2{ margin-bottom:10px; font-size:14px; font-weight:bold; color:#000;overflow:hidden;text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden;}
.newslist li p{ overflow:hidden; display:block; font-size:12px; color:#888; margin:0 0;
		word-break:break-all; line-height:1.8; 
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	}
.newslist li span{ font-size:12px; color:#888; text-align:right; display:block;}
.newslist li:nth-child(1){ width:100%; float:none; margin-bottom:3%;}
.newslist li:nth-child(1) .pic{ width:100%; margin-right:0;}
.newslist li:nth-child(1) .pic img{ display:block; border-radius:10px; max-width:100%;}
.newslist li:nth-child(1) .txt{ width:100%; float:left; padding:3%; position:relative;}
.newslist li:nth-child(1) .txt h2{ font-size:16px; margin:10px 0;}
.newslist li:nth-child(1) .txt p{ overflow:hidden; display:block; font-size:12px; color:#888;margin:0 0;
		word-break:break-all; line-height:2; 
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	}
.newslist li:nth-child(1) .txt span{ font-size:14px; margin-top:10px; display:block; text-align:left;}
.newslist li:nth-child(1) .txt .more{ position:absolute;background:url(../images/more.png) no-repeat center right; bottom:0; width:60px; right:0; height:30px; margin-top:0; background-size:auto 20px;}






.newslist2{ margin:0 auto;padding:10px 0; }
.newslist2 ul{ margin:0 auto;}
.newslist2 li{ display:block; position:relative; line-height:2.2; color:#666; }
.newslist2 li h2{ overflow:hidden;float:left; width:1200px; }
.newslist2 li a{ font-size:14px;   color:#666; overflow:hidden;text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; display:block; line-height:2.2;}

.newslist2 li span{ float:right; display:block; font-size:12px;}










iframe{ display:block; width:100% !important; height:280px !important; overflow:hidden;}

.feed_l{ background:none; padding-left:0; margin:0 auto;}

.message{ padding:3%;}
.message_show{ max-width:1200px; margin:0 auto; }
.message_show li{  font-size:16px; color:#000; padding:2% 3%;}
.message_show li span{ display:block; float:none; width:130px; margin-bottom:6px;}
.message_show li input{ height:42px; line-height:42px; border:1px solid #ddd; padding:0 3%; width:100%; font-size:15px; font-family:'微软雅黑'; color:#888;}
.message_show li textarea{ height:100px;border:1px solid #ddd; padding:3%; width:100%; font-size:15px; font-family:'微软雅黑'; color:#888;}




.message_show  .tijiao{ width:140px; border-radius:5px; height:40px; font-size:14px; text-align:center; line-height:40px; background:#ffc001; color:#000 !important; display:block; margin:0 auto; border:0;font-family:'微软雅黑';}

}

