/*类目*/
.block-title{ padding:70px 0; text-align:center;}
.block-title h2{ font-size:36px; font-weight:bold; color:#51951e; line-height:1;}
.block-title p{ font-size:45px; font-weight:bold; color:rgba(81,149,30,0.1); text-transform:uppercase; line-height:0;}
.block-title img{ display:block; margin:0 auto;}

.block-index-lanmu01{ padding:0;}
.pro_lanmu{ max-width:1200px; margin:0 auto;}
.pro_lanmu ul{  position:relative;}
.pro_lanmu li{ width:277px; float:left; margin-right:30.66666px;}
.pro_lanmu li img{ display:block; margin:15px auto;}
.pro_lanmu li:last-child{ margin-right:0;}
.pro_lanmu li .title{ display:block; margin:0 auto; text-align:center;}
.pro_lanmu li h2{ font-size:20px; color:#000; font-weight:bold; padding:20px 0;}
.pro_lanmu li p{ line-height:2; text-align:center; color:#888; font-size:15px;}

/*产品分类，带产品*/
.block-index-category01{ padding:0 0; margin:60px auto; }
.pro_group{ width:250px; float:left;}
.pro_group ul.pro_group_bg{ height:70px; font-size:22px; text-align:center; color:#fff; line-height:70px; background:url(../images/leftbj.jpg) no-repeat;}
.pro_group li{ height:50px; background:#fff; text-align:center; font-size:14px; line-height:50px; border-bottom:1px solid #eee;}
.pro_group li:last-child{ margin-right:0;}
.pro_group ul.contact{ margin-top:138px;}
.pro_group ul.pro_group_contact{ padding:15px; line-height:2; background:#fff;height:206px;}

.pro_group li:hover{ background:#51951e}
.pro_group li:hover a{ color:#fff;}
/****/
.block-index-product01{ padding:0 0 60px 0; margin-top:0;}
.product{ float:right; width:930px;}
.product li{ float:left; width:300px; background:#fff; margin-right:15px; margin-bottom:15px;}
.product li img{ display:block; margin:0 auto; max-width:100%;}
.product li h2{ font-size:17px; text-align:center;  overflow:hidden;text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; }
.product li p{ font-size:12px;word-break:break-all; color:#999;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;}
.product li .txt{ padding:24px 0; line-height:2; border-top:1px solid #eee;}

.product li:nth-child(3n){ margin-right:0;}


.videolist{ margin-bottom:30px; display:flex;}
.videolist li{ flex:1; margin-right:40px;}
.videolist li:last-child{  margin-right:0}
.videolist li iframe{ display:block; width:100%; height:300px;}
.videolist li h2{ display:block; text-align:center; padding:25px 0; font-size:15px;}

/**简介**/
.block-index-text01{ padding:55px 0; margin-bottom:50px;}


.about{ width:53%; float:right; background:#f8f8f8;}
.about_t{ width:650px; padding:50px 0 50px 70px; line-height:2.5; font-size:16px;}
.about_t h2{ font-size:30px; color:#000; display:block; line-height:1.8;}
.about_t h2:after{ display:block; content:''; border-bottom:1px solid #f7bb01; width:70px; margin-bottom:15px;}
.about_t h3{ font-size:14px; color:#888; line-height:2; margin-bottom:20px; display:block;}

.about .index_more{ width:140px; height:50px; line-height:50px; text-align:center; display:block;  margin:30px 0 0 0; border:1px solid #ddd;}

/********历程******/
.block-index-lanmu02{ padding:0; background:#f6fbff; padding-bottom:70px;}
.pro_lanmu02{  margin:0 auto;}
.pro_lanmu02 ul{ max-width:1200px;  position:relative; height:290px; margin:0 auto; }
.pro_lanmu02 li{ position:absolute; text-align:center;}
.pro_lanmu02 li:nth-child(1){ left:-77px;}
.pro_lanmu02 li:nth-child(2){ left:153px; top:129px;}
.pro_lanmu02 li:nth-child(3){ left:413px;}
.pro_lanmu02 li:nth-child(4){ left:690px;top:122px;}
.pro_lanmu02 li:nth-child(5){ left:930px; top:62px;}
.pro_lanmu02 li:nth-child(6){ right:-77px;}
.pro_lanmu02 li h2{ width:101px;background-image: linear-gradient(to right, #39b1ec , #2360f5); height:101px; border-radius:101px; font-size:24px; line-height:85px; color:#2873f3; text-align:center; border:8px solid #b7dafe; color:#fff;  margin:0 auto 20px auto;}
.pro_lanmu02 li span{ color:#258ffc;}

/**简介**/
.block-index-text02{ margin-bottom:60px;}
.about_2{ max-width:1200px; margin:0 auto;}
.about_2 .abouttt img{ float:left;}
.about_2 .about_t{ float:right; width:50%;}
/******/
.block-index-text03{ background:url(../images/bg.jpg) repeat-x center; padding:145px 0 80px 0; }
.about3{ max-width:1200px; margin:0 auto;}
.about_3{ width:406px; margin:0 auto; text-align:center; font-size:20px; color:#888; line-height:1.6; height:592px; padding-top:60px;}
.about_3 h2{ font-size:36px; font-weight:bold; color:#111; padding:40px 0;}
/***案例**/
.block-index-guanggao{ height:648px;}
.block-index-guanggao2{ background:#f6fbff; }
.guanggao2{height:290px;}
/***案例**/
.block-index-cases01{ padding:0;}

.case_show{ margin:0 auto 60px auto; overflow:hidden; padding:0; max-width:1200px; }
.case_show li{ width:280px; float:left; margin-right:20px; margin-bottom:0; overflow:hidden;}

.case_show li img{ display:block; max-width:100%;}
.case_show li h2{ display:block; padding:15px 0; font-size:18px; text-align:center;}

.index_caselist{ margin:0 auto; overflow:hidden; padding:0;}
.index_caselist ul{ display:flex;}
.index_caselist li{ flex:1; position:relative;}
.index_caselist li img{ width:100%;}
.index_caselist li .pic{  overflow:hidden;}
.index_caselist li h2{ font-size:16px; text-align:center;  position:absolute; bottom:0; width:100%; color:#fff; background:rgba(0,0,0,0.2); height:0}
.index_caselist li p{ color:#999;}
.index_caselist li:hover h2{padding:10px 0; line-height:2.4; height:60px;}


.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:#51951e; color:#fff; display:block; border:0;}

/*新闻*/
.block-index-article01{ padding:0 0 60px 0; }

.newslist{ margin:0 auto; max-width:1200px; }
.newslist li{ display:block; position:relative; background:#fff; padding:10px;  float:left; width:385px; float:left; margin-right:22.5px;}

.newslist li img{ max-width:100%;}
.newslist li h2{ font-size:18px; margin:10px 0;  color:#333333; font-family:'微软雅黑'; display:block; line-height:2; overflow:hidden;text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; display:block;}

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

.newslist li .news_more{ display:block; width:100px; height:30px; line-height:30px; border-radius:30px; background:#fff; border:1px solid #ddd; text-align:center; margin-top:20px;}
.newslist li:last-child{ border-bottom: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;}
.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:#51951e; color:#fff !important; display:block; margin:0 0 30px 130px; border:0;font-family:'微软雅黑';}


@media (max-width: 768px) {


/*类目*/
.block-title{ padding:25px 0; text-align:center;}
.block-title h2{ font-size:20px; font-weight:bold; color:#51951e; line-height:1;}
.block-title p{ font-size:30px; font-weight:bold; color:rgba(81,149,30,0.1); text-transform:uppercase; line-height:0;}
.block-title img{ display:block; margin:0 auto;}





.block-index-lanmu01{ padding:0;}

.pro_lanmu{ max-width:1200px; margin:0 auto;}
.pro_lanmu ul{  position:relative; padding:0 1.5%;}
.pro_lanmu li{ width:50%; float:left; padding:1.5%; margin-right:0; margin-bottom:0;}
.pro_lanmu li img{ display:block; margin:0 auto; max-width:100%;}
.pro_lanmu li:last-child{ margin-right:0;}
.pro_lanmu li .title{ display:block; margin:5px auto; text-align:center;}
.pro_lanmu li h2{ font-size:15px; color:#000; font-weight:bold; padding:10px 0;}
.pro_lanmu li p{ line-height:1.85; text-align:center; color:#888; font-size:0.8rem; height:80px;}


/*产品分类，带产品*/

.pro_group{ width:100%; float:none; border-top:1px solid #EEE;}
.pro_group ul.pro_group_bg{ display:none; height:94px; font-size:30px; text-align:center; color:#fff; line-height:94px; background:url(../images/leftbj.jpg) no-repeat;}
.pro_group li{ height:46px; background:#fff; text-align:center; font-size:14px; line-height:46px; width:50%; float:left; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.pro_group li:last-child{ margin-right:0;}
.pro_group ul.contact{ margin-top:15px;display:none;}
.pro_group ul.pro_group_contact{ padding:15px; display:none; line-height:2; background:#fff;}

.pro_group li:hover{ background:#51951e}
.pro_group li:hover a{ color:#fff;}
/****/
.block-index-product01{ padding:0 0 20px 0; margin-top:0;}
.product{ float:none; width:100%; padding:1.5%;}
.product li{ float:left; width:47%; background:#fff; margin:1.5%; }
.product li img{ display:block; max-width:100%;}
.product li h2{ font-size:12px; overflow:hidden;text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; }
.product li p{ font-size:12px;word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;}
.product li .txt{ padding:15px 0; line-height:2;}

.product li:nth-child(3n){ margin-right:1.5%;}


.videolist{ margin-bottom:30px; display:black;}
.videolist li{ flex:1; margin-right:0;}
.videolist li:nth-child(2){  margin-right:0}
.videolist li iframe{ display:block; width:100%; height:300px;}
.videolist li h2{ display:block; text-align:center; padding:20px 0; font-size:12px;}


/**简介**/
.block-index-text01{ padding:5% 0; margin-bottom:0;}


.about{ width:90%; float:none; margin:0 auto; background:#f8f8f8;}
.about_t{ width:100%; padding:30px; line-height:2; font-size:12px;}
.about_t h2{ font-size:20px; color:#000; display:block; line-height:1.8;}
.about_t h2:after{ display:block; content:''; border-bottom:1px solid #f7bb01; width:40px; margin-bottom:15px;}
.about_t h3{ font-size:12px; color:#888; line-height:2; margin-bottom:20px; display:block;}

.about .index_more{ width:140px; height:35px; line-height:35px; text-align:center; display:block;  margin:20px 0 0 0; border:1px solid #ddd;}


/********历程******/
.block-index-lanmu02{ padding:0; background:#f6fbff; padding-bottom:20px;overflow:hidden;}
.pro_lanmu02{  margin:0 auto; background:none !important; overflow:hidden;}
.pro_lanmu02 ul{ max-width:1200px;  position:relative; height:auto; margin:0 auto; padding:0 3%; }
.pro_lanmu02 li{ position:static; text-align:center; width:33.3333%; float:left; margin-bottom:15px;}

.pro_lanmu02 li h2{ width:91px;background-image: linear-gradient(to right, #39b1ec , #2360f5); height:91px; border-radius:91px; font-size:20px; line-height:75px; color:#2873f3; text-align:center; border:8px solid #b7dafe; color:#fff;  margin:0 auto 10px auto;}
.pro_lanmu02 li span{ color:#258ffc; font-size:14px;}
.pro_lanmu02 li  p{ font-size:14px;}
/**简介**/
.block-index-text02{ margin-bottom:20px;}
.about_2{ max-width:1200px; margin:0 auto;}
.about_2 .abouttt img{ float:none; margin:0 auto;}
.about_2 .about_t{ width:100%;}

/******/
.block-index-text03{ background:url(../images/bg2.jpg) repeat-x center top;  padding:75px 0 30px 0; margin-bottom:30px;  }
.about3{ max-width:1200px; margin:0 auto;background-size:115% auto !important; padding:10px 0;}
.about_3{ width:50%; margin:0 auto; text-align:center; font-size:12px; color:#888; line-height:1.3; height:auto; padding-top:0;}
.about_3 h2{ font-size:16px; font-weight:bold; color:#111; padding:5px  0;}
/***案例**/
.block-index-guanggao{ height:200px; background-size:auto 100% !important;}
/***案例**/
.block-index-cases01{ padding:0 0 20px 0;}

.case_show{ margin:0 auto; overflow:hidden; padding:0; max-width:1200px; padding:0 3%;}
.case_show li{ width:180px; padding:0; float:left; overflow:hidden; margin:0; margin-right:10px;}
.case_show li img{ display:block; max-width:100%;}
.case_show li h2{ display:block; padding:10px 0; font-size:14px; text-align:center;}

.index_caselist{ margin:0 auto; overflow:hidden; padding:0;}
.index_caselist ul{ display:block;  margin:0; padding:0;}
.index_caselist li{ float:left; position:relative; width:33.3333%;}
.index_caselist li img{ width:100%; display:block;}
.index_caselist li .pic{  overflow:hidden;}
.index_caselist li h2{ font-size:12px; text-align:center;  position:absolute; bottom:0; width:100%; color:#fff; background:rgba(0,0,0,0.2); height:0}
.index_caselist li p{ color:#999;}
.index_caselist li:hover h2{padding:0 0; line-height:2.4; height:40px; line-height:40px;}


.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:#51951e; color:#fff; display:block; border:0;}


/*新闻*/
.block-index-article01{ padding:30px 0; overflow:hidden;}


.newslist{ margin:0 3%; max-width:1200px; }
.newslist li{ display:block; position:relative; border-bottom:1px solid #dfdfdf; padding:10px; width:60%; margin-right:12px;}
.newslist li img{ float:none; margin-left:0; width:100%;}
.newslist li h2{ font-size:14px;  color:#333333; font-family:'微软雅黑'; display:block; line-height:2; overflow:hidden;text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; display:block;}

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

.newslist li .news_more{ display:block; width:80px; height:25px; line-height:25px; border-radius:25px; background:#fff; border:1px solid #ddd; text-align:center; margin-top:12px; font-size:0.8rem;}
.newslist li:last-child{ border-bottom:0;}




.newspic{ padding:; width:100%; float:none; margin-top:0;} 
.newspic li{ line-height:2; font-size:12px; margin-bottom:12px;}
.newspic li .time{ display:block; font-size:20px; width:60px; margin:0 10px; text-align:center; height:85px; float:left;}
.newspic li .time i{ display:block; font-style:normal; font-size:16px;}
.newspic li img{  width:100%; margin-top:20px;}
.newspic li h2 i{  font-family:'宋体'; line-height:3; font-style:normal;}
.newspic li h2{ margin:5px 0;text-overflow:ellipsis; overflow:hidden; font-size:15px; 
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap;}
.newspic li p{color:#969696; font-size:12px; 
word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	}


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;}
.message_show li input{ height:48px; line-height:48px; border:1px solid #ddd; padding:0 3%; width:94%; font-size:15px; font-family:'微软雅黑'; color:#888;}
.message_show li textarea{ height:140px;border:1px solid #ddd; padding:3%; width:94%; font-size:15px; font-family:'微软雅黑'; color:#888;}




.message_show  .tijiao{ width:160px; border-radius:5px; height:50px; font-size:16px; text-align:center; line-height:50px; background:#51951e; color:#fff !important; display:block; margin:0 auto; border:0;font-family:'微软雅黑';}

}