/*类目*/
.block-title{ text-align:left; position:relative; padding:0 10%; margin:0 auto;}
.block-title h2{ display:block; font-size:32px; line-height:20px; font-weight:bold;  color:#da251d; }
.block-title .more{ position:absolute; right:0; top:5px;}
.block-title h3{ color:#eee; text-transform:uppercase; font-weight:bold; font-size:60px; line-height:24px; }

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

.youshi{ max-width:1200px; margin:50px auto;}
.youshi li{ width:50%; float:left; text-align:right; padding:20px;}
.youshi li h2{ font-size:18px; font-weight:bold; color:#000; padding-top:22px; padding-bottom:12px;}
.youshi li p{ color:#999; font-size:14px;}
.youshi li img{ display:block; float:right; margin-left:20px;}
.youshi li:nth-child(2n){ text-align:left;}
.youshi li:nth-child(2n) img{ float:left; margin-left:0; margin-right:20px;}


.fuwu-list{ display:block; margin:60px auto 0 auto; overflow:hidden;height:600px;}
.fuwu-list li{ width:25%; float:left; height:600px;transition: all 0.5s ease-in-out;}
.fuwu-list li .bg{ width:100%; display:block; height:100%; position:relative; background:rgba(0,0,0,0.7);}
.fuwu-list li .content{ position:absolute; text-align:left; width:70%; left:15%; top:50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%); }
.fuwu-list li h2{ display:block; font-size:24px; font-weight:bold; color:#fff; }
.fuwu-list li h2:after{ content:''; width:48px; height:5px; background:#fff; display:block; margin:20px 0;}	
.fuwu-list li  p{ font-size:20px;  text-transform:uppercase; color:#fff; line-height:1.6;}
.fuwu-list li .more{background: #da251d; text-align:center; border-radius:4px;
    background: -moz-linear-gradient(left, #da251d, #f0807b);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#da251d), to(#f0807b)); display:block; width:100px; height:32px; line-height:32px; color:#fff; margin:20px 0;
	 
	}
.fuwu-list li.active{ width:40%;}
.fuwu-list li.active .bg{background:rgba(0,0,0,0.4);}
.fuwu-list li.small{ width:20%;}



/****/


.block-index-product01{ padding:0 0 60px 0;}
.product{ max-width:1200px; margin:50px auto;}
.product li{ width:32%; float:left; margin-right:2%; margin-bottom:2%; border:1px solid #333; background:#f8f8f8;}
.product li a{ display: flex;flex-direction: column-reverse;}
.product li h2{ font-size:20px; font-weight: bold; color:#000;}
.product li p{ margin:20px 0; color:#888;}
.product li:nth-child(2n) a{display: flex;flex-direction: column;}
.product li div{ width:100%; height:200px; position:relative;}
.product li div img{ display:block; height:100%; position:absolute;-webkit-transform: translate(-50%,0);transform: translate(-50%,0); left:50%;}
.product li:nth-child(3n){ margin-right:0;}
.product li .text{ padding:20px;}
.product li .pic{ overflow:hidden;}
.product li span{
    position: relative;
    display: inline-block;
    padding: 4px 20px;
    line-height: 20px;
    background: #da251d;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
}
.product li span:after {
    content: '';
    background: url(../images/c1.png) no-repeat center center;
    position: absolute;
    opacity: 0;
    right: 26px;
    top: 50%;
    transform: translate(0, -50%);
    width: 16px;
    height: 5px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s ease-in-out;
}
.product li:hover{ background:#fff;}
.product li:hover span{padding-right: 60px;}
.product li:hover span:after {
    opacity: 1;
    right: 16px;
}



/**简介**/

.block-index-text01{ padding:120px 10%; background:#fff;}

.about{ text-align:left; display:flex;}
.about_pic{ flex:1;}
.about_pic img{ display:block; max-width:100%;}
.about_t{ flex:1; padding-right:50px;  color:#666; font-size:16px;}
.about_t h2{ font-size:40px; font-weight:bold; color:#000; line-height:1.5;}
.about_t .about_text{ padding:30px 0;line-height:2.5;}
.about .index_more{ width:150px; height:43px; line-height:43px; text-align:center; display:block;  margin:30px 0 0 0;font-size:16px; background:#ffc001; color:#000;}

.about_2_list { background:#da251d; color:#fff; padding:50px 0; }
.about_2_list ul{display:flex; max-width:1200px; margin:0 auto;}
.about_2_list li{ flex:1; text-align:center; line-height:1.9;}
.about_2_list li h2{ font-size:60px;}
.about_2_list li h2 span{ font-size:30px;}
.about_2_list li p{ font-size:18px;}




/*新闻*/
.block-index-article01{ padding:0; padding-top:80px; padding-bottom:70px; }

.newslist{ margin:0 auto; padding:0 10%; }
.newslist ul{ margin:0 auto;}
.newslist li{ display:block; position:relative; border-bottom:1px solid #eee; padding:3% 0; width:56%; float:left;}
.newslist li:nth-child(1){ width:40%; float:left; margin-right:3%; border-bottom:0;}
.newslist li:nth-child(1) img{ width:100%; float:none; margin-bottom:20px; display:block;}
.newslist li:nth-child(1) h2{ color:#da251d; margin:10px 0 15px 0;}
.newslist li:last-child{ margin-right:0;}
.newslist li a{ overflow:hidden;}
.newslist li img{ display:none;}
.newslist li h2{ font-size:18px; font-weight:bold;  color:#333333; font-family:'微软雅黑'; display:block;  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:16px; display:block; margin:14px 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: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:#ffc001; color:#000 !important; display:block; margin:0 0 30px 130px; border:0;font-family:'微软雅黑';}



.renke{ background:url(../images/bg1.png) no-repeat center; padding:70px 0; margin-bottom:50px; text-align:center;}
.renke  h3{ font-size:30px; line-height:1.8; color:#fff; font-weight:normal;}
.renke  h2{ font-size:50px; line-height:1.8; color:#fff; font-weight:bold;}

.renkelist{ display:block; margin:20px auto; padding:0 3%;}
.renkelist li{ float:left; width:50%; font-size:30px; background:#da251d; color:#fff; line-height:2; margin-right:0; padding:0 10px 10px 10px;}
.renkelist li:nth-child(2),.renkelist li:nth-child(3){ background:#fff; color:#000;}
.renkelist li:nth-child(4){ background:#da251d; color:#fff;}
.renkelist li h2{ font-size:18px;}
.renkelist li h2:first-letter{ font-size:36px; margin-right:10px;}
.renkelist li:last-child{ margin-right:0;}

.caselist{ margin:50px auto; max-width:1200px; overflow:hidden;}
.caselist li{ width:32%; float:left; margin-right:20px;}
.caselist li .txt{ display:block; font-size:16px; text-align:center; padding:15px 0;}
.caselist li img{ display:block; max-width:100%;}
.caselist li .pic{ overflow:hidden; border:1px solid #eee;}


@media (max-width: 768px) {


/*类目*/
/*类目*/

.block-title{ padding:0 3%; }

.block-title h2{ font-size:20px; line-height:18px; }
.block-title h3{  font-size:36px; line-height:20px; }



/**简介**/




.block-index-text01{ padding:6%; background:#fff;}
.about{ text-align:left; display:block;}
.about_pic{ flex:1;}
.about_t{ flex:1; padding-left:0; padding:20px 0;  font-size:14px;}
.about_t h2{ font-size:20px; font-weight:bold; color:#000; line-height:1.5;}
.about_t h3{ font-size:14px; }
.about_t .about_text{ padding:20px 0 0 0;line-height:2;}
.about .index_more{ width:150px; height:43px; line-height:43px; text-align:center; display:block;  margin:30px 0 0 0;font-size:16px; background:#ffc001; color:#000;}

.about_2_list { background:#da251d; color:#fff; padding:50px 0; }
.about_2_list ul{display:flex; max-width:1200px; margin:0 auto;}
.about_2_list li{ flex:1; text-align:center; line-height:1.9;}
.about_2_list li h2{ font-size:60px;}
.about_2_list li h2 span{ font-size:30px;}
.about_2_list li p{ font-size:18px;}


.about .index_more{ width:150px; height:43px; line-height:43px; text-align:center; display:block;  margin:30px 0 0 0;font-size:14px; background:#ffc001; color:#000;}

.about_2_list { background:#da251d; color:#fff; padding:10px 0; }
.about_2_list ul{display:block; max-width:1200px; margin:0 auto;}
.about_2_list li{ text-align:center; line-height:1.9; float:left; width:50%;padding:20px 0; }
.about_2_list li h2{ font-size:40px;}
.about_2_list li h2 span{ font-size:18px;}
.about_2_list li p{ font-size:12px;}



.youshi{ margin:20px auto; padding:0; overflow:hidden;}
.youshi li{text-align:center; padding:1%;}
.youshi li h2{ font-size:16px;}
.youshi li p{ font-size:12px; height:60px;}
.youshi li img{ float:none; margin-left:0; width:60px; margin:0 auto;}
.youshi li:nth-child(2n){ text-align:center;}
.youshi li:nth-child(2n) img{ float:none;  width:60px; margin:0 auto;}


.fuwu-list{ display:block; margin:20px auto 0 auto; overflow:hidden;height:520px; overflow:hidden;}
.fuwu-list li{ width:50%;  height:260px;}
.fuwu-list li .content{ width:80%; left:10%;  }
.fuwu-list li h2{  font-size:16px; }
.fuwu-list li h2:after{ content:''; width:36px; margin:15px 0;}	
.fuwu-list li  p{ font-size:12px; color:#eee; }
.fuwu-list li .more{ font-size:12px;}
.fuwu-list li.active{ width:50%;}
.fuwu-list li.small{ width:50%;}

.block-index-product01{ padding:0;}
.product{ padding:1.5%; margin:20px auto; overflow:hidden;}
.product li{ width:47%; float:left; margin:1.5%; }
.product li h2{ font-size:14px; }
.product li p{ margin:11px 0; font-size:12px;}
.product li p.text-ellipsis-3{-webkit-line-clamp: 2;}
.product li div{ width:100%; height:120px;}
.product li:nth-child(3n){ margin-right:1.5%;}
.product li .text{ padding:10px;}
.product li span{padding:2px 20px; font-size: 12px;}

/*新闻*/
.block-index-article01{ padding:0 0 0 0;  padding:5% 3%; margin:0;}


.newslist{ margin:0 auto; padding:0; max-width:100%; overflow:hidden; }
.newslist ul{ margin:0 auto;}
.newslist li{ display:block; position:relative; border-bottom:1px solid #eee; padding:12px 0; width:100%; float:none;}
.newslist li:nth-child(1){ width:100%; float:none; margin-right:0; border-bottom:1px solid #eee;}
.newslist li:nth-child(1) img{ width:100%; float:none; margin-bottom:20px;}
.newslist li:last-child{ margin-right:0;}
.newslist li a{ overflow:hidden;}
.newslist li img{ width:120px; float:left; margin-right:12px; overflow:hidden;}
.newslist li h2{ font-size:14px; font-weight:bold; margin:0;  color:#333333; font-family:'微软雅黑'; display:block;  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:14px 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:last-child{ border-bottom:0;}



.block-index-text03{ background-size:auto 90px !important; padding:0;}
.contact_1{ width:100%; float:none; padding-top:20px;}
.contact_1 li{ width:50%; float:left; text-align:center;  margin-bottom:20px;}
.contact_1 li img{ display:block; width:80px; margin:0 auto 20px auto;}
.contact_1 li p{ font-size:15px; color:#888;line-height:2;}
.contact_1 li h2{ font-size:14px; font-weight:bold; color:#000;line-height:2;}
.contact_2{ width:100%; float:right; padding:3%;padding-top:20px; }


.renke{  padding:30px 0; margin-bottom:30px; overflow:hidden;}

.renke  h3{ font-size:18px; }
.renke  h2{ font-size:22px; }
.caselist{ margin:30px auto; padding:0 3%; overflow:hidden;}
.caselist li{ width:45%; float:left; margin-right:15px;}
.caselist li .txt{ display:block; font-size:12px; text-align:center; padding:15px 0;}




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:90%; 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:'微软雅黑';}

}