* {
  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_banner{position: relative;width: 100%;overflow: hidden;height: auto;}
.mj_banner_img{width: 300%;transition: all 1s;margin-left: 0;}
.mj_banner_img li{float: left;width: 33.333%;overflow: hidden;}
.mj_banner_img li img{width: 100%;}

.mj_banner_list{position: absolute;bottom: 50px;left: 50%;transform: translate(-50%,0);}
.mj_banner_list li{float: left;width: 16px; height: 16px;border-radius: 8px;border: 1px solid #fff;margin-left: 20px;background-color: transplant;cursor: pointer;}
.mj_banner_list li:first-child{margin-left: 0;}
.mj_banner_list .active{background-color: #fff;}

/* 设备列表 */
.mj_pro{padding: 60px 0;background-color: #eaedf2;}
.mj_pro h2{font-size: 26px;line-height: 36px;color: #0e3f81;margin-bottom: 30px;text-align: center;}
.mj_pro_bg{background-repeat: no-repeat;background-position: center; height: auto;}
.mj_pro_bg img{ width:100%; }
.mj_pro_tit p{font-size: 16px;line-height: 40px;overflow: hidden;height: 40px;text-align: center;}
.mj_pro_tit a{ color: #333; font-weight:600;}
.mj_pro ul li:hover{background-color: #0e3f81;}
.mj_pro ul li:hover a{color: #fff;}
.mj_pro ul li{float: left;width: 22%;margin-left: 4%; margin-bottom: 30px; border: solid 4px #fff;}
.mj_pro ul li:nth-child(4n+1){margin-left: 0;}

.mj_pro_more{width: 100%;height: 56px;position: relative;}
.mj_pro_more a{position: absolute;padding: 10px 20px;font-size: 16px;color: #0e3f81;border: 1px solid #0e3f81;line-height: 36px;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;display: block;}
.mj_pro_more a:hover{color: #fff;background-color: #0e3f81;}
.mj_pro_tit span {
    display: block;
    text-align: center;
    color: #777f86;
	background-color: #eaedf2;
}

/* 新闻列表 */
.mj_new{padding: 60px 0; background-color:#fff; overflow: auto;}
.mj_new_top{position: relative;height: 45px;width: 100%;margin-bottom: 50px;}
.mj_new_top h2{font-size: 28px;line-height: 45px;color: #0a3d7f;text-align: center;}
.mj_new_top a{position: absolute;right: 0;bottom: -20px;display: block;padding: 5px 20px;font-size: 18px;line-height: 20px;color: #0e3f81;border: 1px solid #0e3f81;}
.mj_new_top a:hover{background-color: #0e3f81;color: #fff;}

.mj_new ul li{float: left;width: 30%;margin-left: 5%;}
.mj_new ul li:first-child{margin-left: 0;}



.mj_new_img{position: relative;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;height: 120px;margin-bottom: 20px;}
.mj_new_img_tii{position: absolute;bottom: 0;left: 0;width: 100%;padding: 5px 20px;background-color: rgba(0,0,0,.5)}
.mj_new_img_tii p{float: left;width: 100%;margin-right: -80px;padding-right: 100px;font-size: 14px;line-height: 24px;font-weight: bold;color: #fff;text-align: left;}
.mj_new_img_tii span{float: left;width: 80px;display: block;font-size: 12px;line-height: 24px;color: #fff;text-align: right;}
.mj_new_list{position: relative;}
.mj_new_list::before{content: "";position: absolute;left: 5px;top: 8px;background-color: #515151;display: block;width: 6px;height: 6px;border-radius: 3px;}
.mj_new_list p{font-size: 14px;line-height: 24px;text-indent: 1em;height: 3.2em;overflow: hidden;float: left;width: 100%;margin-right: -80px;padding-right: 100px;color: #515151;}

.mj_new_list span{font-size: 12px;line-height: 24px;color: #999;}

.mj_new_list:hover p{color: #0e3f81}
.mj_new_list:hover span{color: #0e3f81}
span.li_con {
    font-family: 微软雅黑;
    font-size: 18px;
    color: rgb(26, 26, 26);
    font-weight: normal;
    border-bottom: 2px solid rgb(15, 63, 129);
    padding: 10px 0px 3px 8px;
    display: block;
    margin-bottom: 20px;
}
/* 案例 */
.mj_case{padding: 60px 0; background-color: #eaedf2;}
.mj_case span{ display:block;font-size: 28px;line-height: 45px;color: #0a3d7f;text-align: center;margin-bottom: 10px; font-weight:550;}
.mj_case p{font-size: 14px;line-height: 24px;color: 666;text-align: center;margin-bottom: 30px;}
.mj_case a {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-bottom: 15px;
    text-align: center;
    display: block;
}
.mj_case ul li{float: left;width: 31%;margin-left: 3.5%;}
.mj_case ul li:first-child{margin-left: 0;}
/* .mj_case ul li h3{font-size: 18px;line-height: 36px;margin-bottom: 20px;color: #333;text-align: left;}*/
.mj_case ul li ul li{float: none;width: 100%;margin:0;padding-left: 20px;position: relative;margin-bottom: 15px}
.mj_case ul li ul li::before{content: "";display: block;position: absolute;left: 3px;width: 6px;height: 6px;top: 8px;background-color: #666;border-radius: 3px;}
.mj_case ul li ul li p{font-size: 14px;color: #666;line-height: 20px;text-align: left;margin-bottom: 0;}
.mj_case_img{width: 100%;height: 230px;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center;margin-bottom: 10px;}
p.case_biaoti {
    text-align: left;
    font-size: 18px;
    margin-top: 20px;
    font-weight: bold;
    color: #333;
}

/* 关于公司 */
.mj_about{padding: 50px 0 0 0;}
.mj_about h2{font-size: 28px;line-height: 45px;color: #0a3d7f;text-align: center;margin-bottom: 50px;}
.mj_about_arc{width: 100%;position: relative;height: auto;padding-left: 30%; border-bottom: 1px solid #cbcbcb;}
.mj_about_arc img{position: absolute;max-width: 25%;max-height: 100%;top: 45%;left: 12.5%;transform: translate(-50%,-50%);}
.mj_about_arc p{font-size: 14px;line-height: 28px;color: #666;padding-bottom: 15px; margin-bottom: 20px;text-indent: 2em;}
.mj_about_arc a{font-size: 14px;color: #bc1a25;line-height: 24px;}



@media (max-width:1024px) {
  .mj_new ul li,.mj_case ul li{width: 100%;margin-left: 0;}
  .mj_new_list p{ height: 2em;}
  .mj_pro_tit span { display:none;}
}

@media (max-width:768px) {
  .box{width: 90%;margin: 0 auto;}
  .mj_about_arc img{position: static;max-width: 100%;max-height: auto;transform: translate(0,0);width: 60%;display: block;margin: 0 auto 20px;}
  .mj_about_arc{padding-left: 0;}
  .mj_pro ul li{width: 48%;margin-left: 4%;}
  .mj_pro ul li:nth-child(4n+1){margin-left: 4%;}
  .mj_pro ul li:nth-child(2n+1){margin-left: 0;}
  .mj_pro,.mj_new,.mj_case,.mj_about{padding: 30px 0;}
  .mj_pro_tit p{font-size: 14px;}
  .mj_new_top a{font-size: 14px;padding: 0 15px;}
  .mj_new_list{margin-bottom: 10px;}
  .mj_pro_more a{font-size: 12px;width: 170px;text-align: center;padding: 0;}
  .mj_new_list p{font-size: 14px;line-height: 1.5em; height: 3em;}
  .mj_banner_list{bottom: 10px;}
  .mj_banner_list li{width: 8px;height: 8px;}
  .mj_pro_tit span { display:none;}
}







/* as */