@charset "UTF-8";

.l-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    /* font-family: "Microsoft YaHei", Helvetica, Simsun, Simhei, Arial, sans-serif; */
    font-family: "Microsoft YaHei", Simsun, Simhei;
    color: #000;
    overflow: hidden;
}

ul,
ol {
    list-style: none;
}

.l-content i {
    font-style: normal;
    color: #000;
}

.l-content * {
    margin: 0;
    padding: 0;
    line-height: 1;
    /* transition: all 0.15s;
    -webkit-transition: all 0.15s; */
}
.l-content .clearfixs:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.l-content a {
    text-decoration: none;
}
.l-content img {
    border: 0;
}
.l-content .l-content-wrap {
    position: relative;
}
.l-content .box1,.box2,.box3,.box4,.box5{
    position: relative;
    
}
.l-content .box2 .txt{
    position: absolute;
    top: 105px;
    right: 361px;
}
.l-content .box2 .txt li{
    line-height: 24px;
    line-height: 40px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
}
.l-content .box2 .boxx{
    background: url(../images/img_06.jpg) no-repeat;
    width: 1200px;
    height: 547px;
}
.l-content .box2 .boxx ul{
    position: absolute;
    top: 480px;
    left: 56px;
}
.l-content .box2 .boxx ul li{
    width: 260px;
    height: 406px;
    text-align: center;
    overflow: hidden;
    float: left;
}
.l-content .box2 .boxx ul .m_01{
    background: url(../images/m_01.png) no-repeat;
}
.l-content .box2 .boxx ul .m_02{
    background: url(../images/m_02.png) no-repeat;
}
.l-content .box2 .boxx ul .m_03{
    background: url(../images/m_03.png) no-repeat;
}
.l-content .box2 .boxx ul .m_04{
    background: url(../images/m_04.png) no-repeat;
}
.l-content .box2 .boxx ul li .tt_01{
  font-size: 25px;
  color: #333333;
  font-weight: bold;
  
  margin: 18px auto 10px auto;
}
.l-content .box2 .boxx ul li .tt_02{
  font-size: 25px;
  color: #666666;
  font-weight: bold;
}
.l-content .box2 .boxx ul li .tt_03{
  font-size: 20px;
  color: #000000;
  font-weight: bold;
}
.l-content .box2 .boxx ul li img{
  margin-top: 8px;
}
.l-content .box2 .boxx ul .le{
  margin-left: 15px;
}
.l-content .box2 .boxx ul li .box{
  width: 221px;
  height: 33px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #DBDBDB;
  font-size: 20px;
  margin: 200px auto 7px auto;
  line-height: 33px;
}
.l-content .box2 .boxx .btn_02{
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}
/* 内六角螺丝 */

.l-content .box3 .txt{
    position: absolute;
    top: 145px;
    right:405px;
}
.l-content .box3 .txt li{
    line-height: 24px;
    line-height: 40px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
}

.l-content .box3 .boxx{
    background: url(../images/img_10.jpg) no-repeat;
    width: 1200px;
    height: 547px;
}
.l-content .box3 .boxx ul{
    position: absolute;
    top: 520px;
    left: 56px;
}
.l-content .box3 .boxx ul li{
    width: 260px;
    height: 407px;
    text-align: center;
    overflow: hidden;
    float: left;
}
.l-content .box3 .boxx ul .m_01{
    background: url(../images/m_05.png) no-repeat;
}
.l-content .box3 .boxx ul .m_02{
    background: url(../images/m_06.png) no-repeat;
}
.l-content .box3 .boxx ul .m_03{
    background: url(../images/m_07.png) no-repeat;
}
.l-content .box3 .boxx ul .m_04{
    background: url(../images/m_08.png) no-repeat;
}
.l-content .box3 .boxx ul li .tt_01{
  font-size: 25px;
  color: #333333;
  font-weight: bold;
  
  margin: 18px auto 10px auto;
}
.l-content .box3 .boxx ul li .tt_02{
  font-size: 25px;
  color: #666666;
  font-weight: bold;
  height: 25px;
}
.l-content .box3 .boxx ul li .tt_03{
  font-size: 20px;
  color: #000000;
  font-weight: bold;
}
.l-content .box3 .boxx ul li img{
  margin-top: 8px;
}
.l-content .box3 .boxx ul .le{
  margin-left: 15px;
}
.l-content .box3 .boxx ul li .box{
  width: 221px;
  height: 33px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #DBDBDB;
  font-size: 20px;
  margin: 200px auto 7px auto;
  line-height: 33px;
}
.l-content .box3 .boxx .btn_02{
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}

/* 其他小零件 */
.l-content .box4 .txt{
    position: absolute;
    top: 145px;
    right: 290px;
}
.l-content .box4 .txt li{
    line-height: 24px;
    line-height: 40px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
}

.l-content .box4 .boxx{
    background: url(../images/img_15.jpg) no-repeat;
    width: 1200px;
    height: 547px;
}
.l-content .box4 .boxx ul{
    position: absolute;
    top: 520px;
    left: 56px;
}
.l-content .box4 .boxx ul li{
    width: 260px;
    height: 407px;
    text-align: center;
    overflow: hidden;
    float: left;
}
.l-content .box4 .boxx ul .m_01{
    background: url(../images/m_09.png) no-repeat;
}
.l-content .box4 .boxx ul .m_02{
    background: url(../images/m_10.png) no-repeat;
}
.l-content .box4 .boxx ul .m_03{
    background: url(../images/m_11.png) no-repeat;
}
.l-content .box4 .boxx ul .m_04{
    background: url(../images/m_12.png) no-repeat;
}
.l-content .box4 .boxx ul li .tt_01{
  font-size: 25px;
  color: #333333;
  font-weight: bold;
  
  margin: 18px auto 10px auto;
}
.l-content .box4 .boxx ul li .tt_02{
  font-size: 25px;
  color: #666666;
  font-weight: bold;
  height: 25px;
}
.l-content .box4 .boxx ul li .tt_03{
  font-size: 20px;
  color: #000000;
  font-weight: bold;
}
.l-content .box4 .boxx ul li img{
  margin-top: 8px;
}
.l-content .box4 .boxx ul .le{
  margin-left: 15px;
}
.l-content .box4 .boxx ul li .box{
    font-family: Arial, Helvetica, sans-serif;
  width: 221px;
  height: 33px;
  background-color: #DBDBDB;
  font-size: 20px;
  margin: 200px auto 7px auto;
  line-height: 33px;
}
.l-content .box4 .boxx .btn_02{
  position: absolute;
  bottom: 119px;
  left: 50%;
  transform: translateX(-50%);
}
.l-content .box5 .btn_03{
    position: absolute;
    top: 325px;
    left: 45px; 
}