/*类目*/
.block-index-lanmu01{ padding:0 0 60px 0;}
.pro_lanmu{ max-width:1215px; margin:0 auto;}
.pro_lanmu ul{  position:relative; }
.pro_lanmu li{ width:387px; float:left; margin-right:27px; text-align:center;}
.pro_lanmu li:last-child{ margin-right:0;}
.pro_lanmu li .pic{  margin:0 auto}
.pro_lanmu li .title{ text-align:center; font-size:20px; background:#f5f5f5; padding:30px;}
.pro_lanmu li img{ display:block;  max-width:100%; margin:0 auto;}
.pro_lanmu li h2{ font-size:20px;padding:20px 0; display:block; font-weight:bold;}
.pro_lanmu li p{ font-size:20px; line-height:1.5;}
.pro_lanmu li p:after{ content:''; border-bottom:3px solid #02b2b5; width:55px; margin:10px auto; display:block;}
.pro_lanmu li:hover .title{ background:#02b2b5;}
.pro_lanmu li:hover p{ color:#fff;}
.pro_lanmu li:hover p:after{ content:''; border-bottom:3px solid #fff; width:55px; margin:10px auto; display:block;}
/*产品分类，带产品*/
.block-index-category01{ padding:30px 0; }
.pro_group{ padding:130px 0 0 0; margin:0 auto; max-width:1215px;}
.pro_group li{ float:left; padding:70px 0; box-shadow:0 0 20px rgba(0,0,0,0.1); width:256px; margin-right:58.66px; text-align:center; margin-bottom:60px; background:#fff;}
.pro_group li h2{ font-size:20px;}
.pro_group li img{ display:block; margin:0 auto 30px auto;}
.pro_group li:last-child{ margin-right:0;}


/**简介**/
.block-index-text01{ padding:40px 0;}


.about{ max-width:1215px; margin:0 auto;}
.about .indextitle_img{ padding:20px 0 32px 0; text-align:left;}
.about .indextitle_img img{ display:block; margin:0;}
.abouttt{ width:575px; font-size:18px; line-height:2.5;}
.abouttt .index_more{ width:115px; height:47px; line-height:47px; text-align:center; display:block; border:1px solid #ddd; margin:15px 0;}


/**简介**/
.block-index-text02{ }
.about2{ display:flex;background:#f4f4f4; padding:0;}
.about2 .about_2{ flex:1; position:relative;}
.about2 .about_2:nth-child(2){ }

.about2 .about_2 .aboutt{ max-width:600px; background:#fff; text-align:left; padding:20px 60px; position:relative; height:100%;}
.about2 .about_2 .aboutpic{}
.about2 .about_2 .aboutpic img{ width:100%; display:block}
.about2 .about_2 .aboutt .indextitle{ text-align:left;}
.about2 .about_2 .aboutt{ line-height:2; font-size:14px; color:#666;}
.about2 .index_more{ width:200px; height:55px; line-height:55px; border-radius:5px; background:#555555; color:#fff; text-align:center; display:block; margin:0; font-size:18px; margin-top:40px;}

/***案例**/
.block-index-cases01{ padding:0 0 20px 0;}

.index_caselist{ max-width:1215px; margin:0 auto; overflow:hidden; padding:20px 0;}
.index_caselist li{ width:380px; margin-right:37.5px;  float:left;}
.index_caselist li img{ width:100%;}
.index_caselist li .pic{  overflow:hidden;}
.index_caselist li h2{ font-size:16px; text-align:center; padding:10px 0; line-height:2;  }
.index_caselist li p{ color:#999;}

/*新闻*/
.block-index-article01{ padding:0 0 60px 0; }
.index_newslist{ max-width:1215px; margin:0 auto; padding:0;}
.newslist{ margin:0; padding:30px 0 50px 0; width:605px; float:right; border-left:1px solid #dfdfdf; }
.newslist li{ padding:5.2% 5%; display:block; position:relative; border-bottom:1px solid #dfdfdf; }
.newslist li:after{ content:'>'; position:absolute; top:50%; right:0; font-size:16px; font-family:'宋体'; color:#888;}
.newslist li .time{ width:90px; float:left; line-height:1.5;}
.newslist li .time h3{ font-size:20px;font-weight:normal;}
.newslist li .time h4{ color:#999;font-weight:normal; font-size:14px; line-height:3;}
.newslist li:hover i{ display:block; position:absolute; top:28%; width:7px; height:35px; background:#02b2b5; left:-4px; }
.newslist li h2{ font-size:16px;  color:#333333; font-family:'微软雅黑'; display:block; line-height:1; 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 h2:hover{ color:#fd6804;}

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


.newspic{ padding:; width:538px; float:left; margin-top:20px;} 
.newspic li{ line-height:2; font-size:12px; margin-bottom:12px;}
.newspic li .time{ display:block; font-size:20px; width:60px; margin-right:20px; text-align:center; height:85px; float:left;}
.newspic li .time i{ display:block; font-size:16px;}
.newspic li img{  width:538px; 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:18px; 
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap;}
.newspic li p{color:#969696; font-size:14px; 
word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	}


@media (max-width: 768px) {

.block-index-lanmu01{ padding:0 ;}
.pro_lanmu{ max-width:1215px; margin:0 auto;}
.pro_lanmu ul{  position:relative; }
.pro_lanmu li{ width:94%; margin:0 auto 3% auto; float:none; text-align:center;}
.pro_lanmu li:last-child{ margin:0 auto;}
.pro_lanmu li .pic{  margin:0 auto}
.pro_lanmu li .title{ text-align:center; font-size:20px; background:#f5f5f5; padding:20px 30px;}
.pro_lanmu li img{ display:block;  max-width:100%; margin:0 auto;}
.pro_lanmu li h2{ font-size:20px;padding:20px 0; display:block; font-weight:bold;}
.pro_lanmu li p{ font-size:16px; line-height:1.5;}
.pro_lanmu li p:after{ content:''; border-bottom:3px solid #02b2b5; width:55px; margin:6px auto; display:block;}
.pro_lanmu li:hover .title{ background:#02b2b5;}
.pro_lanmu li:hover p{ color:#fff;}
.pro_lanmu li:hover p:after{ content:''; border-bottom:3px solid #fff; width:55px; margin:10px auto; display:block;}
/*产品分类，带产品*/
.block-index-category01{ padding:30px 0; }
.pro_group{ padding:130px 0 0 0; margin:0 auto; max-width:1215px;}
.pro_group li{ float:left; padding:70px 0; box-shadow:0 0 20px rgba(0,0,0,0.1); width:256px; margin-right:58.66px; text-align:center; margin-bottom:60px; background:#fff;}
.pro_group li h2{ font-size:20px;}
.pro_group li img{ display:block; margin:0 auto 30px auto;}
.pro_group li:last-child{ margin-right:0;}


/**简介**/
.block-index-text01{ padding:0 0; background:none !important;}
.about_img{ margin-bottom:12px;}
.about_img img{ max-width:100%; display:block;}
.about{ max-width:1215px; margin:0 auto;}
.about .indextitle_img{ padding:20px 0 32px 0; text-align:center;}
.about .indextitle_img img{ display:block; margin:0 auto; max-width:40%;}
.abouttt{ width:100%; font-size:14px; line-height:2; padding:3%;}
.abouttt .index_more{ width:135px; height:40px; line-height:40px; text-align:center; display:block; border:1px solid #ddd; margin:10px auto;}



/**简介**/
.block-index-text02{ }
.about2{ display:block;background:#f4f4f4; padding:0;}
.about2 .about_2{ flex:1; position:relative;}
.about2 .about_2:nth-child(2){ }

.about2 .about_2 .aboutt{ max-width:600px; background:#fff; text-align:left; padding:20px; position:relative; height:100%;}
.about2 .about_2 .aboutpic{}
.about2 .about_2 .aboutpic img{ width:100%; display:block}
.about2 .about_2 .aboutt .indextitle{ text-align:left;}
.about2 .about_2 .aboutt{ line-height:1.7; font-size:14px; color:#666;}
.about2 .index_more{ width:200px; height:55px; line-height:55px; border-radius:5px; background:#555555; color:#fff; text-align:center; display:block; margin:0; font-size:18px; margin-top:40px;}


/***案例**/
.block-index-cases01{ padding:0 3% 5% 3%;}

.index_caselist{ max-width:1215px; margin:0 auto; overflow:hidden; padding:0;}
.index_caselist li{ width:170px; margin-right:12px;  float:left;}
.index_caselist li img{ width:100%;}
.index_caselist li .pic{  overflow:hidden;border:1px solid #eee;}
.index_caselist li h3{ font-size:12px; text-align:center; line-height:2; margin:15px 0; }

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

.newslist{ margin:0; padding:0 ; width:99%; float:none; border-left:0; }
.newslist li{ padding:5.2% 5%; display:block; position:relative; border-bottom:1px solid #eee; }
.newslist li:after{ content:'>'; position:absolute; top:50%; right:0; font-size:16px; font-family:'宋体'; color:#888;}
.newslist li .time{ width:70px; float:left; line-height:1.5;}
.newslist li .time h3{ font-size:18px;}
.newslist li .time h4{ color:#999;}
.newslist li:hover i{ display:block; position:absolute; top:28%; width:7px; height:35px; background:#02b2b5; left:-4px; }
.newslist li h2{ font-size:15px; color:#333333; font-family:'微软雅黑'; display:block; line-height:1; 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 h2:hover{ color:#006a20;}

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



.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;
	}


}