.sfnews { background: #ccc }
.news ul{margin-bottom: 50px; overflow: hidden;}
.news ul li{ float: left; overflow: hidden; width:380px; margin-right:30px;  }
.news ul li:nth-child(3n){ margin-right:0; }
.news ul li img{ height: 230px; width: 384px }
.news ul li strong{ height: 30px; line-height:30px; 
    font-size: 16px; }
.news ul li em{ color: #999 }
.news ul li p{ line-height: 30px; margin-top:20px; height: 60px; overflow: hidden; }
.news ul li i{transition:0.8s; height: 3px; background: #e77614; width: 0; overflow: hidden; 
    display: block; margin-top: 20px }
.news ul li:hover i{ width: 100% }



.imgbox{ float: left; width: 50% }
.servicelist{float: left; width: 500px; margin-left: 100px}
.servicelist li{  position: relative;  }
.servicelist li em{ position: absolute; top: -40px; height: 80px; line-height: 80px; width: 80px; text-align: center;
 background: #e77614; left: -40px; color: #fff; font-size: 30px  }
.servicelist li p{ background: #fbf9f9; margin-top: 50px; padding: 29px }
.servicelist li p i{ display: block;  line-height: 50px; font-size: 20px; font-weight: bold; }
.servicelist li:nth-child(2n) em{ position: absolute; top: -40px; left: 480px; height: 80px; line-height: 80px; width: 80px; text-align: center;
 background: #272727; color: #fff; font-size: 30px  }
.servicelist li p span{ line-height: 25px; color: #666; height: 50px; overflow: hidden; }



/*关于我们*/
.indexabout{  background: url(../images/longimg.jpg) no-repeat center top; background-size: 100% auto; overflow: hidden; display: block}
.abouttext a{ color: #000;  }
.aboutcon{ top: 100px;   overflow: hidden; line-height: 25px}

.abouttext{ float: left;  width: 730px; background: #f3f3f3; padding: 100px 50px; overflow: hidden; }
.aboutimg{ float: left; width: 450px; margin-left: 20px  }
.abouttext .more a{ line-height: 30px; padding: 10px 20px; display: inline-block; }
.abouttext h3{ font-size:24px; color: #e77614;  margin-bottom: 62px }
.abouttext p{line-height: 25px;  height: 75px; overflow: hidden; text-indent:30px; font-size:14px;}
.abouttext ul li{ float: left; width: 45%; margin-right:5% ; background: #e77614; transition: .5s; text-align: center; color: #fff; padding: 60px 0; margin-top: 50px}
.abouttext ul li:hover{ background: #142038 }

.abouttext ul li span{ display: block; }
.abouttext ul li a{ color: #fff }

/*首页标题*/
.indextit{margin-top:60px; margin-bottom: 50px; text-align: center;}
.indextit p{ display: block;font-size: 40px;line-height: 50px; margin-top: 30px; font-weight: bold; color: #e77614}
.indextit span{display: inline-block;color: #000;display: block;line-height: 40px;
    font-size: 20px;
    margin-bottom: 50px;}
.indextit em{height: 5px;width:70px;color: #e77614;display: inline-block; font-size: 28px}




/*产品*/
.indexpor{ overflow: hidden; padding-bottom: 30px; background:#f5f5f5; padding-bottom: 100px; }
.indexpor .indextit{ margin-top: -5px; padding-top: 50px;  }
.indexpor .indextit span{  }
.check_tit{ text-align: center; margin-bottom: 30px;  }
.check_tit em{ display:inline-block; cursor: pointer; margin:0 0 20px 0;
 text-align: center; font-size: 20px; padding: 0 30px;  transition: 0.5s;  height:50px; 
 line-height:50px; overflow: hidden; border-radius:50px; }
.check_tit em:hover,.check_tit em.on{ background: #142038; color: #fff;  }



.check_con{ z-index: 1; width: 1200px; }
.check_con ul{margin-top:20px; clear:both; overflow: hidden; padding-top: 10px }



.check_list { position: relative; }
.check_list  dt { background:#fff; width: 1000px; padding: 100px; padding-right: 400px  }
.check_list  dt h3{ font-size: 30px; margin-bottom:50px; font-weight:normal; }
.check_list  dt span{ font-size: 16px; color: #666; line-height: 30px; height: 90px; overflow: hidden; margin-bottom: 100px  }
.check_list  dd { position: absolute; top: 100px; right: 0 ; width: 500px; height: 300px  }
.check_list  dd img{ width: 100%; height: 100% }
a.more{ display: inline-block; background:#e77614; color: #fff; font-size: 20px; padding: 10px 30px; border-radius:10px;  display: inline-block; margin-top:20px;  }
a.more:hover{ background: #142038 }



/*案例*/
.cp_r{  overflow: hidden; display: block; width: 1200px; margin:0 auto;}
.cp_r ul li{ width:393px; height: 413px; margin-right: 10px; float:left;  background: #e77614;  position: relative;overflow: hidden; margin-bottom: 20px }
.cp_r ul li:nth-child(3n){ margin-right: 0 }
.cp_r ul li img{ width:100%; height:330px;}
.cp_r ul li em{ width:100%; height:100%; position: absolute; height: 0; top: 0;right: 0; background: #142038 ;  z-index: 0; transition: 0.7s}
.cp_r ul li p{ position: absolute; z-index: 1;  top: 12px;  left:12px; width: 368px }
.cp_r ul li span{ display:block; width:368px; text-align:center; height:50px; line-height:36px; overflow:hidden;}
.cp_r ul li a{font-size: 16px;color: #fff; }
.cp_r ul li a:hover{color: #fff;  transition-delay: 0.4s;}
.cp_r ul li a:hover em{display: block; height: 100%; }





/*新闻*/
.good{ background: url(../images/newsbg.jpg) no-repeat center top; background-size:100% 100%;  display: block; overflow: hidden; padding-bottom: 50px; margin-top: 100px  }
.goodleft{ float: left; width: 600px;  overflow:hidden; background: #fff; padding: 20px;  }
.goodleft dl{ margin-bottom:0!important; }
.goodleft img{ height: 314px; width: 560px;  overflow: hidden; }
.goodright{ float: right; width: 570px;  overflow: hidden; }
.good dl{  padding: 25px 10px; overflow: hidden; margin-bottom:30px; background: #fff }

.good dl dt{ float: left; width: 100px; display: inline-block; height: 100px;text-align: center; font-size: 50px; line-height: 40px;
 font-weight: bold;  }
 .good dl dt span{ font-size: 12px; }
.good dl dd{ float: left; width:420px; display: inline-block; margin-left:20px  }
.good h3{ font-size:18px; font-weight: bold; line-height: 30px; color: #000 }
.good p{ line-height: 30px; height: 60px; overflow: hidden; }
.good dl:hover { background: #f8f8f8 }








/*新闻模块3*/
.part5{padding-bottom: 55px; width:1200px; margin:0 auto; overflow:hidden}
.part5 ul{ overflow:hidden}
.part5 ul li{margin-right:24px;margin-top: 30px;float: left; width: 382px;border: 1px solid #ececec;padding-bottom: 22px;border-top: 2px solid #e77614; overflow:hidden}
.part5 ul li:nth-child(3n){ margin-right:0}
.part5 ul li .date{border-bottom: 1px solid #ececec; width:100%; height:74px; overflow:hidden}
.part5 ul li .date p{width: 123px;height: 74px;line-height: 74px;float: right;color: #fff;background: #e77614;text-align: center;}
.part5 ul li .con{padding: 22px 15px;line-height: 24px;}
.part5 ul li .con .tit{font-size: 17px;color: #36404b;height: 24px;}
.part5 ul li .con .sub{color: #999;padding-top: 15px;height: 90px; overflow:hidden; line-height: 25px;}
.part5 ul li .more{margin-top: 15px;margin-left: 15px;background: url(../images/more.png) 110px center no-repeat #36404b;padding-left: 25px;color: #f8f8f8;width: 110px;height: 40px; line-height: 40px; display:block;}
.part5 ul li .more:hover{ background: #e77614 }
.part5 ul li:hover .sub{ color: #e77614}