*{margin: 0;padding: 0;border: 0;list-style: none;}
.sf *{box-sizing: border-box;}
a{text-decoration: none;}
._clear{clear: both;}
.sf_box{width: 80%;margin: 0 auto;}
/* banner */
.sf_banner{width: 100%;overflow: hidden;position: relative;z-index: 5;}
.sf_banner img{width: 100%;}
.sf_banner_tit{position: absolute;right: 10%;background-color: rgba(195,51,58,.7);z-index: 10;top: 50%;padding: 20px 30px;transform: translate(0,-50%);}
.sf_banner_tit h2{text-align: center;font-size: 36px;line-height: 44px;color: #fff;}
.sf_banner_tit p{text-align: center;font-size: 30px;line-height: 44px;color: #fff;}
/* 简介 */

.sf_info{width: 100%;padding: 50px 0;}
.info_left{float: left;width: 48%;}
.info_right{float: right;width: 48%;}
.info_left h3{font-size: 18px;line-height: 28px;color: #595757;margin-bottom: 10px;}
.info_left p{font-size: 16px;line-height: 30px;color: #595757;margin-bottom: 5px;}
.info_right h3{font-size: 18px;line-height: 28px;color: #595757;}
.info_right ul li{font-size: 16px;line-height: 30px;color: #595757;padding-left: 25px;position: relative;}
.info_img{float: right;width: 65%;padding-top: 20px;}
.info_right img{float: left;width: 30%;}
.info_right ul{margin-top: 10px;}
.info_right ul li::before{content: "";width: 12px;height: 12px;display: block;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);background-color: #e7e6e6;}
.info_right ul li:nth-child(2)::before{background-color: #c41f23;}
.info_right ul li:nth-child(3)::before{background-color: #0f3f81;}

/* 筛分设备 */
.sf_pro{padding: 20px 0;position: relative;}
.sf_pro h2{text-align: center;font-size: 30px;line-height: 30px;color: #595757;margin-bottom: 30px;font-weight: normal;}
.sf_pro p{width: 80%;margin: 0 auto;text-align: center;font-size: 14px;line-height: 30px;color: #595757;margin-bottom: 20px;}
.sf_pro_tit{width: 100%;position: relative;height: 60px;}
.sf_pro ul{position: absolute;left: 50%;bottom:0px;transform: translate(-50%,0);}
.sf_pro ul li{padding: 3px 30px;background-color: #dd1f2b;color: #fff;font-size: 14px;line-height: 30px;float: left;margin-left: 50px;margin-bottom: 10px;}
.sf_pro ul li:first-child{margin-left: 0;}
.sf_pro ul li a{color: #fff;font-size: 14px;line-height: 30px;}
/* 圆振动筛 */
.sf_list{width: 100%;padding: 50px 0;}
.sf_list .left{float: left;}
.sf_list .right{float: right;}
.sf_list_img{width: 45%;}
.sf_list_img img{width: 100%;}
.sf_list_text{width: 50%;}
.sf_list_text h2{font-size: 18px;line-height: 30px;margin-bottom: 10px;color: #595757;}
.sf_list_text h3{font-size: 14px;line-height: 30px;color: #595757;margin-bottom: 10px;}
.sf_list_text .sf_list_li{margin-bottom: 10px;}
.sf_list_text .sf_list_li li{width: 100%;padding-left: 20px;position: relative;font-size: 14px;line-height: 30px;color: #595757;}
.sf_list_text .sf_list_li li::before{content: "";width: 6px;height: 6px;transform: rotate(45deg);background-color: #595757;left: 0;top: 12px;position: absolute;}
.sf_list_text p{font-size: 14px;line-height: 20px;color:#dd1f2b;margin-bottom:15px; margin-top:0px;}
.sf_list_contact li{float: left;padding: 8px 20px;margin-right: 20px;background-color: #e7e6e6;margin-bottom:10px;height:40px;}
.sf_list_contact li:last-child{margin-right: 0;}
.sf_list_contact li:first-child{background-color: #dd1f2b;color: #fff;}
.sf_list_contact li img,.sf_list_contact li span{float: left; color:#333; font-size:16px;}
.sf_list_contact li span.tall {color: #fff;}
.sf_list_contact li img{margin-right: 5px;max-width: 20px;margin-top: 2px;}
.gray{background-color: #f8f7f7;}
/* 项目案例 */
.sf_case .sf_case_tit{font-size: 30px;line-height: 48px;font-weight: normal;text-align: center;}
.sf_case .sf_case_info{font-size: 14px;line-height: 24px;margin-bottom: 20px;text-align: center;}
.sf_case p{color: #595757;line-height: 24px;}
.sf_case_data{width: 100%;border-collapse:collapse; }
.sf_case_data tr,.sf_case_data td,.sf_case_data th{border: 1px solid #bab9b9;text-align: left;padding: 0px 6px;font-size: 14px;line-height: 20px;     text-align: center;}
.sf_case h2{font-size: 18px;line-height: 30px;margin-bottom: 10px;color: #595757;}
.sf_case_res{width: 100%;border-collapse:collapse;margin-top: 25px;}
.sf_case_res tr,.sf_case_res td,.sf_case_res th{border: 1px solid #878787;text-align: left;padding: 5px 10px;background-color: #e7e6e6;font-size: 14px;line-height: 20px;}
.sf_case_res th{text-align: center;background-color: #dd1f2b;color: #fff;font-size: 18px;line-height: 30px;border: 0;}
.sf_case_res span{color: #dd1f2b;}
/* 鑫海资质 */
.sf_honor{padding: 50px 0;}
.sf_honor h2{font-size: 30px;line-height: 30px;margin-bottom: 20px;color: #595757;text-align: center;}
.sf_honor p{font-size: 14px;line-height: 30px;color: #595757;text-align: center;margin-bottom: 20px;}
.sf_honor ul li{float: left;width: 31%;margin-left: 3.5%;}
.sf_honor ul li:first-child{margin-left: 0;}
.sf_honor_bg{position: relative;z-index: -1;width: 100%;}
.sf_honor_bg img{width: 100%;}
.sf_honor_bg div{background-color: rgba(0,0,0,.5);width: 100%;height:100%;position: absolute;top: 0;left: 0;}
.sf_honor_open img{max-width: 72px;}
.sf_honor_open {text-align: center;font-size: 18px;line-height: 30px;color: #fff;padding: 50px;}
.sf_honor_open span{display: block;text-align: center;}
.sf_honor_h{display: none;font-size: 14px;line-height: 30px;color: #fff;padding: 50px 30px;}
.sf_honor_h p{font-size: 14px;line-height: 30px;color: #fff;}
.sf_honor ul li:hover .sf_honor_open{display: none;}
.sf_honor ul li:hover .sf_honor_h{display: block;}

@media (max-width:1335px) {
.sf_pro ul{left: 0;transform:translate(0,0)}
.contact .contact_bottom {width: 60%; margin-left: 14%;}
}



@media (max-width:1024px) {
.contact .contact_bottom {width:76%;}
}

@media (max-width:768px) {
  .sf_box{width: 90%;}
  .info_left,.info_right{width: 100%;margin-bottom: 20px;}
  .sf_list_img,.sf_list_text{width: 100%;margin-bottom: 20px;}
  .sf_honor ul li{width: 100%;margin: 0;margin-bottom: 20px;}
  .sf_pro ul{position: static;width:65%;margin:0 auto;}
  .sf_pro ul li{margin-left: 0;width:100%;margin-right:0;text-align:center;}
  .sf_banner img{width: 200%;margin-left: -30%;}
  .sf_banner_tit h2{font-size: 18px;line-height: 36px;}
  .sf_banner_tit p{font-size: 14px;line-height: 24px;}
  .sf_pro p{width: 100%;}
  .sf_list_contact li:first-child{margin-right:100px;}
  .contact .contact_bottom { width: 71%;    margin-left: 16%;}
}