* {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}

._clear {
  clear: both;
}

.box {
  width: 80%;
  margin: 0 auto;
}

.mj_pro{padding: 60px 0;background-color: #eaedf2;}
/* 选项卡 */
.mj_pro_top{margin-bottom: 30px;}
.mj_pro_top span{padding: 5px 15px;background-color: #fff;color: #333;font-size: 14px;line-height: 24px;display: inline-block;}
.mj_pro_top .active{background-color: #0f3f81;color: #fff;}
.mj_pro_top_l{float: left;width: 70px;position: relative;z-index: 10;}
.mj_pro_top_r{float: left;width: 100%;margin-left: -70px;padding-left: 120px;position: relative;z-index: 1;}
.mj_pro_top_r span{display: block;float: left;margin-right: 20px;margin-bottom: 20px;}


/* 列表 */
.mj_pro_list{margin-bottom: 30px;}
.mj_pro_list_l{float: left;width: 250px;position: relative;z-index: 10}
.mj_pro_list_r{float: left;width: 100%;margin-left: -250px;padding-left: 300px;position: relative;z-index: 1;}
.mj_pro_list_l span{float: left;width: 100px;font-size: 20px;line-height: 30px;color: #333;font-weight: bold;display: block;}
.mj_pro_list_l  a{width: 100%;margin-left: -100px;padding-left: 100px;display: block;float: left;padding-top: 30px;}
.mj_pro_list_l  a img{max-width: 100%;}
.mj_pro_list_l  a span{font-size: 14px;font-weight: normal;width: auto;display: block;}
.mj_pro_list_r ul li{float: left;width: 31%;margin-left: 3.5%;}
.mj_pro_list_r ul li:first-child{margin-left: 0;}
.mj_pro_list_img{width: 100%;position: relative;height: 180px;background-color: #fff;padding: 0;border: 0;}
.mj_pro_list_img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.mj_pro_list_r ul li p{font-size: 14px;line-height: 30px;color: #333;text-align: center;}



@media (max-width:768px) {
  .box{width: 90%;margin: 0 auto;}
  .mj_pro_list_l{width: 100%;margin-bottom: 20px;}
  .mj_pro_list_r{margin-left: 0;padding-left: 0;}
  .mj_pro_list_l a img{display: block;}
  .mj_pro_list_l a{padding-left: 200px;display: none;}
  .mj_pro_list_r ul li p{font-size: 14px;}
  .mj_pro_top span{font-size: 12px;}
  .mj_pro_top_l{ display:none;}
  .mj_pro_top_r{ width:100%;}
  .mj_pro_top_r span{margin-right: 10px;}
  .mj_pro{padding: 30px 0;}
}
@media (max-width:600px){
  .mj_pro_list_r ul li{width: 48%;margin-left: 4%;}
  .mj_pro_list_r ul li:nth-child(n+3){display: none;}
  .mj_pro_top_l{ display:none;}
  .mj_pro_top_r{ width:100%;}
  .mj_pro_top_r{padding-left: 20%;}
  .mj_pro_top_r span{margin-right: 4%;margin-bottom: 8px;}
}
@media (max-width:425px){
    .mj_pro_list_l a{padding-left: 100px;}
    .mj_pro_list_r ul li p{font-size: 12px;}
	.mj_pro_top_l{ display:none;}
	.mj_pro_top_r{ width:100%;}
	.mj_pro_top_r{padding-left: 20%;}
	.mj_pro_top_r span{margin-right: 4%;margin-bottom: 8px;}
}














/* asd */