* @Author: Administrator
* @Date:   2017-07-17 13:55:18
* @Last Modified by:   Administrator
* @Last Modified time: 2017-07-18 09:16:45
*/
*{margin: 0;padding: 0;list-style: none;font-size: 16px;line-height: 3
6px;color: #666 ;box-sizing: border-box;}
a{text-decoration: none;}
._clear{clear: both;}
.box{width: 80%;margin: 0 auto;}
.banner{width: 100%;}
.banner img{width: 100%;}
.ph_banner{display: none;width: 100%;}
.ph_banner img{max-width: 100%;}
.box img{width: 100%;}
/*磁选简介*/
.cixuan_parts1{padding: 50px 0;width: 100%;}
.cixuan_parts2{padding: 50px 0;width: 100%;background-color: #f0f0f0;}
.cixuan_left{float: left;width: 70%;}
.cixuan_right{float: right;;width: 27.5%;}
.cixuan_right img{width: 100%;}
.cixuan_left h2{font-size: 30px;line-height: 60px;color: #333;}
.cixuan_left a{color: #dd1f2b;font-size: 24px;line-height: 36px;}

/*磁选流程*/
.cixuan_lc h2{font-size: 30px;line-height: 60px;color: #333;text-align: center;}
.cixuan_lc p{text-align: center;}
.flow{padding: 30px;background-color: #fff;margin-bottom: 30px;}
.flow_left{float: left;width: 48%;}
.flow_right{float: left;width: 50%;margin-left: 2%;}
.flow_right h3{font-size: 24px;line-height: 36px;color: #fff;background-color: #dd1f2b;width: 100%;padding: 5px 30px;margin-bottom: 20px;}
.flow_box{padding: 5px 30px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.flow_box h4{width: 75px;margin-top: 4px;}
.flow_box ul li{float: left;width: 30%;margin-left: 5%;margin-bottom: 10px;}
.flow_box ul li:nth-child(3n+1){margin-left: 0;}
.flow_box p,.flow_box ul{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.flow_box p{text-align: left;margin: 0;}
.flow_box ul{margin-top: 7px;}
.flow_box ul span{display: block;text-align: center;font-size: 14px;line-height: 30px;color: #666;}

/*联系我们*/
.contact .contact_bottom{width: 52%;}
/*.contact{width: 85%;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%;}*/
/*磁选案例*/
.cixuan_anli{width: 100%;padding: 50px 0;}
.cixuan_anli1{background-color: #f0f0f0;}
.cixuan_anli_box{width: 80%;margin: 0 auto;}
.cixuan_anli_box h2{font-size: 30px;line-height: 60px;color: #333;width: 680px;border: 5px solid #707070;padding: 0 20px;margin: 0 auto 30px;text-align: center;max-width: 70%;}
.cixuan_anli_box h2 span{font-weight: bold;font-size: 30px;line-height: 60px;color: #333;}
.cixuan_anli .flow_box span{width: 100px;font-size: 18px;line-height: 14px;color: #333;font-weight: bold;margin-top: 10px;}
.cixuan_anli .flow_box p{font-size: 16px;line-height: 36px;color: #666;}
.cixuan_anli .flow_box p span{font-size: 16px;line-height: 36px;color: #333;font-weight: bold;}
.cixuan_anli_box ul{margin-top: 10px;}
.cixuan_anli_box ul li{float: left;width: 23.5%;margin-left: 2%;}
.cixuan_anli_box ul li:first-child{margin-left: 0;}
.cixuan_anli img{width: 100%;}
/*证书*/
.cert_left,.cert_right{float: left;width: 48%;}
.cert_right{margin-left: 4%;}
.cert_left ul li{float: left;width: 49%;margin-left: 2%;}
.cert_left ul li:first-child,.cert_right ul li:first-child{margin-left: 0;}
.cert_right ul li{float: left;width: 23.5%;margin-left: 2%;}
.cert h3{font-size: 20px;line-height: 30px;color: #333;font-weight: bold;}
.cert p{font-size: 16px;line-height: 30px;color: #666;}

@media screen and (min-width: 769px) and (max-width: 1260px){
.flow_box ul span{height: 60px;}
}


@media screen and (min-width: 768px) and (max-width: 1200px){
.contact .contact_bottom{width: 60%;margin-left: 23%;}

}

@media (max-width: 1024px){
.contact .contact_bottom img{margin-left:12%;}
.contact .contact_bottom{margin-left: 25%}
.contact .contact_bottom button{width: 30%;}

}
@media screen and (min-width: 769px) and (max-width: 1023px){
.contact .contact_bottom { width: 68%;     margin-left: 17%;}
} 

@media (max-width: 768px){
.contact .contact_bottom{margin-left: 10%;}
.flow_left,.flow_right{float: none;width: 100%;margin: 0;}
.cixuan_anli_box ul li{width: 48%;margin-left: 4%;margin-bottom: 20px;}
.cixuan_anli_box ul li:nth-child(2n+1){margin-left: 0;}
.cert_right ul li{width: 48%;margin-left: 4%;margin-bottom: 20px;}
.cert_right ul li:nth-child(2n+1){margin-left: 0;}
.cert_left ul li{float: none;margin-left: 0;margin-bottom: 20px;width: 100%;}
.cixuan_left,.cixuan_right{float: none;width: 100%;margin-left: 0;}
.ph_banner{display: block;}
.banner{display: none;}
}
@media screen and (min-width: 650px) and (max-width: 767px) {

.contact .contact_bottom{width: 80%; margin-left: 11%;}

}
@media screen and (min-width: 500px) and (max-width: 649px) {
.contact .contact_bottom{width: 90%;padding-left: 10%;margin-left: 0;}
.flow_box ul span{height: 60px;}
}
@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%;}
.flow_box ul li{width: 48%;margin-left: 4%;}
.flow_box ul li:nth-child(3n+1){margin-left: 4%;}
.flow_box ul li:nth-child(2n+1){margin-left: 0;}
}