/*类目*/
.block-title{ height:34px;text-align:left; position:relative; max-width:1200px; margin:0 auto;background-image: linear-gradient(#f4f3f3, #e3e2e2); }
.block-title h2{ font-size:16px; font-weight:bold; color:#fff;height:34px; padding:0 10px; line-height:34px;  display:inline-block; background-image: linear-gradient(#53aeea, #1058be); position:relative;}
.block-title h2:after{ content:'';right:-15px;
width:15px;
  height:34px;
  background:linear-gradient(to bottom left, transparent 0%, transparent 49.9%, #53aeea 50%,#1058be 100%);
  
  
  position:absolute; }

.block-title .index_more{ position:absolute; right:0; line-height:34px; padding:0 10px;}

.block-index-article01{ padding:0; width:378px; float:left;}
.block-index-article02{ width:795px; float:right;}
.block-index-article03{width:378px; float:left; margin:15px 0;}
.block-index-article04{width:378px; float:left; margin:15px 0;margin-left:25px;}
.block-index-article05{width:378px; float:right;margin:15px 0;}



.newslist{ margin:0 auto; padding:12px 0;}
.newslist ul{ margin:0 auto;}
.newslist li{ display:block; position:relative; border-bottom:1px dotted #ddd; padding:0; width:100%;}
.newslist li .t{ padding:15px 0;}
.newslist li h2{ font-size:14px; margin:0;  color:#333333;  display:block; position:relative; font-family:'宋体'; }
.newslist li h2 span{ position:absolute; right:0; top:5px;}
.newslist li h2 a{ display:block;word-break:break-all; width:78%; line-height:1.8;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;}

.newslist li p{color:#999; font-size:12px; display:block; margin:14px 0 0 0; line-height:1.6; 
word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;}

.newslist li:last-child{ border-bottom:0;}

.news_pic{ width:360px; float:left; margin-top:20px; position:relative;}
.news_pic .hd{ position:absolute; bottom:6px; right:10px; width:100%; text-align:right; z-index:100;}
.news_pic .hd li{ display:inline-block; width:8px; height:8px; text-align:center; background:#fff; margin:0; padding:0; margin-left:0;}
.news_pic .hd li.on{ background:#1d68c7;}
.news_pic  img{ display:block; max-width:100%;}
.newslist2{ margin:0 auto; padding:0 0; width:415px; float:right;margin-top:15px;}
.newslist2 ul{ margin:0 auto;}
.newslist2 li{ display:block; position:relative; border-bottom:1px dotted #ddd; padding:12px 0; width:100%;}
.newslist2 li .t{ padding:15px 0;}
.newslist2 li h2{ font-size:13px; margin:0;  color:#333333;  display:block; position:relative; font-family:'宋体'; }
.newslist2 li h2 span{ position:absolute; right:0; top:5px;}
.newslist2 li h2 a{width:78%; line-height:1.8;
overflow:hidden;text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; display:block;
}
.newslist2 li h2:before{ content:''; width:5px; height:5px; overflow:hidden; border-radius:5px; background:#ddd; display:block; float:left; margin-top:8px; margin-right:5px;}
.newslist2 li p{color:#999;  font-size:12px;  margin:8px 0 0 0; display:none;}
.newslist2 li.on p{ display:block;line-height:1.6; 
word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden; }
.newslist2 li.on h2:before{ background:#1d68c7;}
.newslist2 li.on h2{ color:#1d68c7;}
.newslist2 li:last-child{ border-bottom:0;}


.newslist3{ margin:0 auto; padding:12px 0;}
.newslist3 ul{ margin:0 auto;}
.newslist3 li{ display:block; position:relative; border-bottom:1px dotted #ddd; padding:0; width:100%;}
.newslist3 li .t{ padding:11px 0;}
.newslist3 li h2{ font-size:13px; margin:0;  color:#333333;  display:block; position:relative; font-family:'宋体'; }
.newslist3 li h2 span{ position:absolute; right:0; top:5px;}
.newslist3 li h2 a{  width:78%; line-height:1.8;
overflow:hidden;text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; display:block;}

.newslist3 li h2:before{ content:''; width:5px; height:5px; overflow:hidden; border-radius:5px; background:#ddd; display:block; float:left; margin-top:8px; margin-right:5px;}

.newslist3 li:last-child{ border-bottom:0;}


.newslist4{ margin:0 auto; padding:12px 0;}
.newslist4 ul{ margin:0 auto;}
.newslist4 li{ display:block; position:relative; border-bottom:1px dotted #ddd; padding:0; width:100%;}
.newslist4 li .t{ padding:11px 0;}
.newslist4 li h2{ font-size:13px; margin:0;  color:#333333;  display:block; position:relative; font-family:'宋体'; }
.newslist4 li h2 a{ position:absolute; right:0; top:5px;}
.newslist4 li h2 span{  width:78%; line-height:1.8;
overflow:hidden;text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; display:block;}

.newslist3 li h2:before{ content:''; width:5px; height:5px; overflow:hidden; border-radius:5px; background:#ddd; display:block; float:left; margin-top:8px; margin-right:5px;}

.newslist3 li:last-child{ border-bottom:0;}


.block-index-product01{ width:795px; float:right;}
.product{}
.product ul{ margin-top:15px;}
.product li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.product li img{ display:block; max-width:100%;}
.product li:nth-child(3n){ margin-right:0;}


.block-index-cases01{ width:795px; float:right;}
.case_show{}
.case_show ul{ margin-top:15px;}
.case_show li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.case_show li .pic{ overflow:hidden;}
.case_show li img{ display:block; max-width:100%;}
.case_show li:nth-child(3n){ margin-right:0;}
.case_show li p{ font-size:12px; text-align:center; padding:10px 0;}
/****/


/******/



.block-index-feed{ padding:60px 0;}
.block-index-feed .w1100{ width:1000px;}
.index_feed_title{ width:380px; float:left; background:#000; text-align:center; color:#fff; line-height:2.5; height:452px; padding:90px 0; font-size:16px;}
.index_feed_title h2{ font-size:24px; display:inline-block; border-bottom:2px solid #fff; margin-bottom:50px; padding:20px 5px;}
.index_feed{ width:520px; float:right;}
.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:170px;}
.feed_1 .tijiao{ width:180px; height:42px; margin-top:20px; line-height:42px; background:#125abf; color:#fff; display:block; border:0;}



.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; text-align:left;}
.message_show li{  font-size:20px; color:#000; padding:14px 0;}
.message_show li span{ display:block; float:left; width:130px; line-height:48px;}
.message_show li input{ height:48px; line-height:48px; border:1px solid #ddd; padding:0 15px; width:380px; font-size:16px;  color:#888;}
.message_show li textarea{ height:140px;border:1px solid #ddd; padding:15px; width:380px; font-size:16px;  color:#888;}


.message_show  .tijiao{ width:190px; height:50px; font-size:18px; text-align:center; line-height:50px; background:#f83c5f; color:#fff !important; display:block; margin:12px 0 30px 130px; border:0;}


@media (max-width: 768px) {


/*类目*/
.block-title{ height:34px;text-align:left; position:relative; max-width:1200px; margin:0 auto;background-image: linear-gradient(#f4f3f3, #e3e2e2); }
.block-title h2{ font-size:16px; font-weight:bold; color:#fff;height:34px; padding:0 10px; line-height:34px;  display:inline-block; background-image: linear-gradient(#53aeea, #1058be); position:relative;}
.block-title h2:after{ content:'';right:-15px;
width:15px;
  height:34px;
  background:linear-gradient(to bottom left, transparent 0%, transparent 49.9%, #53aeea 50%,#1058be 100%);
  
  
  position:absolute; }

.block-title .index_more{ position:absolute; right:0; line-height:34px; padding:0 10px;}

.block-index-article01{ padding:0; width:94%; float:none; margin:0 3%;}
.block-index-article02{ width:94%; float:none; margin:0 3%;}
.block-index-article03{width:94%; float:none; margin:0 3%;}
.block-index-article04{width:94%; float:none; margin:0 3%;}
.block-index-article05{width:94%; float:none;margin:15px 3%;}



.newslist{ margin:0 auto; padding:12px 0;}
.newslist ul{ margin:0 auto;}
.newslist li{ display:block; position:relative; border-bottom:1px dotted #ddd; padding:0; width:100%;}
.newslist li .t{ padding:15px 0;}
.newslist li h2{ font-size:14px; margin:0;  color:#333333;  display:block; position:relative; font-family:'宋体'; }
.newslist li h2 span{ position:absolute; right:0; top:5px;}
.newslist li h2 a{ display:block;word-break:break-all; width:78%; line-height:1.8;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;}

.newslist li p{color:#999; font-size:12px; display:block; margin:14px 0 0 0; line-height:1.6; 
word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;}

.newslist li:last-child{ border-bottom:0;}

.news_pic{ width:100%; float:none; margin-top:10px; position:relative;}
.news_pic .bd li img{ display:block; width:100%;}
.news_pic .hd{ position:absolute; bottom:6px; right:0; width:100%; text-align:right; z-index:100;}
.news_pic .hd li{ display:inline-block; width:8px; height:8px; text-align:center; background:#fff; margin:0; padding:0; margin-left:0;}
.news_pic .hd li.on{ background:#1d68c7;}

.newslist2{ margin:0 auto; padding:0 0; width:100%; float:none;margin-top:8px;}
.newslist2 ul{ margin:0 auto;}
.newslist2 li{ display:block; position:relative; border-bottom:1px dotted #ddd; padding:12px 0; width:100%;}
.newslist2 li .t{ padding:15px 0;}
.newslist2 li h2{ font-size:13px; margin:0;  color:#333333;  display:block; position:relative; font-family:'宋体'; }
.newslist2 li h2 span{ position:absolute; right:0; top:5px;}
.newslist2 li h2 a{width:78%; line-height:1.8;
overflow:hidden;text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; display:block;
}
.newslist2 li h2:before{ content:''; width:5px; height:5px; overflow:hidden; border-radius:5px; background:#ddd; display:block; float:left; margin-top:8px; margin-right:5px;}
.newslist2 li p{color:#999;  font-size:12px;  margin:8px 0 0 0; display:none;}
.newslist2 li.on p{ display:block;line-height:1.6; 
word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden; }
.newslist2 li.on h2:before{ background:#1d68c7;}
.newslist2 li.on h2{ color:#1d68c7;}
.newslist2 li:last-child{ border-bottom:0;}


.newslist3{ margin:0 auto; padding:12px 0;}
.newslist3 ul{ margin:0 auto;}
.newslist3 li{ display:block; position:relative; border-bottom:1px dotted #ddd; padding:0; width:100%;}
.newslist3 li .t{ padding:11px 0;}
.newslist3 li h2{ font-size:13px; margin:0;  color:#333333;  display:block; position:relative; font-family:'宋体'; }
.newslist3 li h2 span{ position:absolute; right:0; top:5px;}
.newslist3 li h2 a{  width:78%; line-height:1.8;
overflow:hidden;text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; display:block;}

.newslist3 li h2:before{ content:''; width:5px; height:5px; overflow:hidden; border-radius:5px; background:#ddd; display:block; float:left; margin-top:8px; margin-right:5px;}

.newslist3 li:last-child{ border-bottom:0;}


.newslist4{ margin:0 auto; padding:12px 0;}
.newslist4 ul{ margin:0 auto;}
.newslist4 li{ display:block; position:relative; border-bottom:1px dotted #ddd; padding:0; width:100%;}
.newslist4 li .t{ padding:11px 0;}
.newslist4 li h2{ font-size:13px; margin:0;  color:#333333;  display:block; position:relative; font-family:'宋体'; }
.newslist4 li h2 a{ position:absolute; right:0; top:5px;}
.newslist4 li h2 span{  width:78%; line-height:1.8;
overflow:hidden;text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; display:block;}

.newslist3 li h2:before{ content:''; width:5px; height:5px; overflow:hidden; border-radius:5px; background:#ddd; display:block; float:left; margin-top:8px; margin-right:5px;}

.newslist3 li:last-child{ border-bottom:0;}


.block-index-product01{ width:795px; float:right;}
.product{}
.product ul{ margin-top:15px;}
.product li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.product li img{ display:block; max-width:100%;}
.product li:nth-child(3n){ margin-right:0;}


.block-index-cases01{ width:94%; float:none; margin:0 3%;}
.case_show{}
.case_show ul{ margin-top:0; padding:3% 0;}
.case_show li{ float:left; width:48.5%; margin:0; margin-bottom:3%;}
.case_show li .pic{ overflow:hidden;}
.case_show li img{ display:block; max-width:100%;}
.case_show li:nth-child(3n){ margin-right:0;}
.case_show li:nth-child(2n){ float:right;}
/****/


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;  color:#888;}
.message_show li textarea{ height:100px;border:1px solid #ddd; padding:3%; width:100%; font-size:15px;  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:10px auto; border:0;}

}