img{width: 100%;}
/*简介*/
.top{width: 80%;margin: 0 auto;margin-top: 50px;}
.top_left{float: left;width: 65%;}
.top_right{float: right;width: 30%;text-align: center;margin-top: 40px;}
.top_left h2{font-size: 30px;line-height: 60px;color: #333;}
.top_left p{font-size: 16px;line-height: 36px;color: #666;}
.top_left p a{font-size: 22px;line-height: 36px;color: #dd1f2b;}
.top_left ul li a{ color:#FFF; font-size:16.5px;}
.top_left ul li a:hover{ color:#000;}
.top_left ul li{float: left;width: 30%;background-color: #6c6767;color: #fff;font-size: 16px;line-height: 40px;text-align: center;border-radius: 10px;}
.top_left ul .med{margin: 0 5%; background-color: #dd1f2b;}
.top_right img{width: 100%;}

.banner2{width: 100%;background: url(../images/banner2.png) no-repeat;margin: 40px 0;padding: 45px 0;background-size: 100%;}
.banner2_cent{width: 80%;margin: 0 auto;}
.banner2_left,.banner2_right{float: left;width: 45%;}
.banner2_left{margin-right: 5%;}
.banner2_right{margin-left: 5%;}
.banner2_left p,.banner2_right p{font-size: 16px;line-height: 36px;color: #666;}
.banner2_left h2,.banner2_right h2{font-size: 30px;line-height: 60px;color: #333;}
/*浮选药剂*/
.yaoji{margin: 0 auto 50px;width: 80%;}
.yaoji h3{font-size: 30px;line-height: 60px;color: #333;margin-bottom: 20px;}
.yaoji ul li{float: left;width: 30%;background-color: #eee;padding: 20px 0  0 50px;text-align: center;}
.yaoji ul li:nth-child(2){margin: 0 5%;}
.yaoji p {font-size: 18px;line-height: 42px;color: #666;margin-top: 20px;}
.yaoji_left,.yaoji_right{float: left;}
.yaoji_num{font-size: 64px;line-height: 80px;color: #dd1a26;}
.yaoji_left span{text-align: center;width: 100%;font-size: 24px;line-height: 60px;color: #333;}
.yaoji_right{margin-left: 5%;}
.yaoji_list{height: 120px;}
.yaoji .yaoji_list li:nth-child(n){float:none;width: 100%;margin: 0;font-size: 16px;line-height: 30px;color: #333;padding: 0;list-style: url("../images/dui.png") outside circle;text-align: left;}





/*联系我们
.contact{width: 100%;background-color: #dd1a26;height: 150px;}
.contact img{width: auto;}
.contact p{text-align: center;font-size: 16px;line-height: 30px;color: #fff;padding-top: 35px;margin-top: 0;}
.contact .contact_bottom{width: 50%;margin: 0 auto;padding-bottom: 26px;margin-top: -3px;margin-left: 35%;}
.contact .contact_bottom div{height: auto;}
.contact .contact_bottom img{padding-right: 4px;float: left;padding-top: 1px;}
.contact_bottom span{float: left;}
.contact .contact_bottom button{  background: -webkit-linear-gradient(top, #dedede, #d0d0d0); background: -o-linear-gradient(top, #dedede, #d0d0d0); background: -moz-linear-gradient(top, #dedede, #d0d0d0); background: linear-gradient(top, #dedede, #d0d0d0);font-size: 14px; color: #333;border-radius: 8px;border: 0px;box-shadow: 1px 2px 8px #555555;padding:10px 20px;float: left;margin-right: 15px;height: 40px;border-bottom: 4px solid #949494;width: 20%;}
*/

/*案例*/
.case{width: 80%;margin: 0 auto;}
.case h2{font-size: 30px;line-height: 60px;color: #333;}
.case1{width: 100%; background-color: #f0f0f0;padding: 50px 0;}
.case2{width: 100%;background-color: #fff; margin-top:15px;}
.case_tit{font-size: 30px;line-height: 60px;color: #333;text-align: center;border: 5px solid #707070;width: auto;width: 50%;margin: 0 auto;}
.case_tit span{font-weight: bold;font-size: 30px;line-height: 60px;color: #333;}

/*第一步*/
.step_tit{font-size: 30px;line-height: 30px;color: #333;}
.step_tit span{font-size: 92px;line-height: 120px;color: #8a8a8a;font-family: Haettenschweiler;}
.case p{font-size: 16px;line-height: 30px;color: #666;}
.case ul li{float: left;width: 22%;margin-left: 4%;}
.case ul li:first-child{margin-left: 0;}
.case ul li img{width: 100%;}
.case h4{font-size: 18px;line-height: 30px;color: #333;margin-bottom: 20px;}

table{width: 100%;text-align: center;font-size: 16px;line-height: 30px;border-collapse:inherit;border-spacing:1px;border: 1px solid #dcdcdc;}
table .t_first td{background-color: #dcdcdc;}
table tr:nth-child(2n+2) td{background-color: #fff;}

.case2 p{font-size: 16px;line-height: 30px;}
.step2_list{background-color: #ffebeb;padding: 10px 30px;}
.step2_list p{font-size: 16px;line-height: 30px;color: #333;}
.step2_arc{padding: 10px 30px; background-color: #eef9fe;margin: 20px 0;}
.step2_arc h3{font-size: 24px;line-height: 44px;color: #000;}
.step2_arc p{font-size: 16px;line-height: 30px;color: #333;}
.step2_arc p span{font-weight: bold;font-size: 16px;line-height: 30px;color: #333;}
.case .step4_img li{width: 30%;margin-left: 0;}
.case .step4_img li:nth-child(2){width: 33.9%;margin:  0 2%;}

.case .step5_img li{width: 32%;margin-left: 0;}
.case .step5_img li:nth-child(2){margin:  0 2%;}

/*浮选设备*/
.pro ul li{width: 15%;margin-left: 2%;float: left;}
.pro ul li:first-child{margin-left: 0;}
.pro_list li{text-align: center;background-color: #e5e5e5;font-size: 14px;line-height: 42px;color: #333;}
/*流程*/
.liucheng_img{margin-top: 50px;}
.case1 .case .liucheng_img li{float: left;width: 30%;margin: 0 5% 0 15%;}
.case1 .case .liucheng_img li:nth-child(2){margin-left: 5%;}

@media screen and (min-width: 768px) and (max-width: 1200px){
.banner2{padding: 0;}
  .contact .contact_bottom{width: 60%;margin-left: 23%;}
.yaoji_list{height: 180px;}
.yaoji_right{width: 50%;}
.contact .contact_bottom {
    width: 75%;
    margin-left: 13%;
}
}

@media (max-width: 1024px){
.yaoji,.top,.case{width: 90%;}
.contact .contact_bottom img{margin-left:12%;}
.case_tit,.case_tit span{font-size: 20px;}
.banner2_left, .banner2_right{float: none;width: 100%;}
.banner2{background:url();}
.banner2_right{margin-left: 0;}
.contact .contact_bottom{margin-left: 15%}
.contact .contact_bottom button{width: 30%;}
.contact .contact_bottom img{margin-left: 24%;}


}
@media (max-width: 768px){
.top_left,.top_right{float: none;width: 100%;}
.top_left{margin-bottom: 20px;}
.case_tit{width: 90%;}
.case ul li:nth-child(n+4){display: none;}
.case ul li{width: 30%;}
 .contact .contact_bottom{margin-left: 10%;}
 .banner2{margin: 0;padding: 20px 0;}
.yaoji h3 {font-size: 20px;}
.yaoji ul li:nth-child(n){float: none;width:50%;margin: 0 auto;margin-bottom: 20px;}

.yaoji_list{height: auto;}
}



@media screen and (min-width: 650px) and (max-width: 767px) {

.contact .contact_bottom{width: 80%;padding-left: 13%;}
}
@media screen and (min-width: 500px) and (max-width: 649px) {

    .contact .contact_bottom{width: 90%;padding-left: 10%;margin-left: 0;}
    .yaoji ul li:nth-child(n){width: 70%;}
    
}
@media (max-width: 600px) {
    
    .pc_contact{display: none}
    .contact .contact_bottom{width: 90%;padding-left: 10%;padding-top: 25px;margin-left: 0;}
    .contact{height: 100px;}
    .contact .contact_bottom img{margin-left: 0;}
    .contact .contact_bottom button{margin-right: 10px;}



}
@media (max-width: 500px) {
.contact .contact_bottom{width: 100%;padding-left: 10%;}
    .contact .contact_bottom img{display: none;}
    .contact .contact_bottom button{margin-right: 7px;padding:10px;}
    .contact .contact_bottom div{width: 90%;}
    .step_tit{font-size: 20px;}
     .yaoji ul li:nth-child(1n){width: 90%;}
     .yaoji ul li{padding: 20px 0 30px 30px;}
    .yaoji_right{width: 40%}
    


}