@charset "utf-8";


#main {
  padding-bottom: 30px ;
}

.mt_0 {
  margin-top: 0 !important;
}




.wuda{
  /* position: relative;
  top: -80px; */
  position: relative;
  margin-top: -80px;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  width: 1260px;
  background-color: #fff;
  padding: 30px 55px;
  box-sizing: border-box;
  box-shadow: 0 3px 4px 3px #b0b0b0;
}

.wuda>li{
  float: left;
  width: 230px;
  text-align: center;
}

.wuda>li>.tit{
  margin-top: 18px;
  font-size: 22px;
}

.wuda>li>.en_tit{
  font-size: 20px;
}


.wuda>li>.line{
  height: 2px;
  width: 130px;
  background-color: #1b1b1b;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}



#main>.texing{
  margin:50px 0 30px;
  text-align: center;
  font-size: 30px;
}

#main>.texing>.texing_con{
 margin-top: 38px;
}

#main>.texing>.texing_con>div{
  float: left;
  width: 50%;
  height: 405px;
  font-size: 16px;
  color: #fff;
  line-height: 2;
  font-size: 22px;
  position: relative;
}

#main>.texing>.texing_con>div.item1{
  background: url('../img/texing1.jpg') no-repeat center center;
  background-size: cover;
}

#main>.texing>.texing_con>div.item2{
  background: url('../img/texing2.jpg') no-repeat center center;
  background-size: cover;
}

#main>.texing>.texing_con>div.item3{
  background: url('../img/texing3.jpg') no-repeat center center;
  background-size: cover;
}

#main>.texing>.texing_con>div.item4{
  background: url('../img/texing4.jpg') no-repeat center center;
  background-size: cover;
}

#main>.texing>.texing_con>div.item1>.txt{
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -280px;
  margin-top: -66px;
  width: 560px;
}

#main>.texing>.texing_con>div.item2>.txt{
 position: relative;
 top: 50%;
 left: 88px;
 margin-top: -132px;
  width: 230px;
}

#main>.texing>.texing_con>div.item3>.txt{
 position: relative;
 top: 50%;
 left: 490px;
 margin-top: -66px;

  width: 230px;
}

#main>.texing>.texing_con>div.item4>.txt{
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -280px;
  margin-top: -66px;
  width: 560px;
}



#main>.pro{
  margin-top: 46px;
}
#main>.pro>.tit{
  font-size: 30px;
  text-align: center;
}

#main>.pro>.des{
  margin-top: 6px;
  font-size: 22px;
  text-align: center;
}

#main>.pro>.tit>.red{
  color: #ff0000;
}
#main>.pro>.pro_list{
  width: 1560px;
  margin-left: auto;
  margin-right: auto;
}

#main>.pro>.pro_list>li{
  float: left;
  margin-top: 50px;
  width: 351px;
  margin-left: 52px;

}
.ml_0{
  margin-left: 0 !important;
}

#main>.pro>.pro_list>li>a,
#main>.pro>.pro_list>li>a>img{
  display: block;
  width: 100%;
  height: auto;
}




.ad{
  margin-top: 50px;
  width: 100%;
  height: 405px;
  background: url('../img/guanggao.jpg') no-repeat left top;
  background-size: cover;
}



#main>.pro>.tit,#main>.about>.tit,
#main>.news>.tit,#main>.product_service>.tit{
  font-size: 30px;
  text-align: center;
}

#main>.pro>.des,#main>.about>.des,
#main>.news>.des,#main>.product_service>.des{
  margin-top: 6px;
  font-size: 22px;
  text-align: center;
}

#main>.pro>.tit>.red,#main>.about>.tit>.red,
#main>.news>.tit>.red,#main>.product_service>.tit>.red{
  color: #ff0000;
}

#main>.about{
  margin-top: 38px;
}

#main>.about>.detail{
  margin-top: 20px;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;

}

#main>.about>.detail>p{
  text-indent: 2em;
  line-height: 2;
  font-size: 16px;
}




#main>.news{
  margin-top: 38px;
}

#main>.news>.news_con{
  margin-top: 38px;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

#main>.news>.news_con>.left_img{
  float: left;
  width: 550px;
  margin-right: 50px;
}

#main>.news>.news_con>.left_img>img{
  display: block;
  width: 100%;
  height: auto;
}

#main>.news>.news_con>.news_list{
  float: right;
  width: 600px;
}

#main>.news>.news_con>.news_list>.news_item{
  margin-top: 20px;
}

#main>.news>.news_con>.news_list>.news_item:first-child{
  margin-top: 0;
}

#main>.news>.news_con>.news_list>.news_item>.date{
  float: left;
  width: 100px;
  margin-right: 38px;
}			

#main>.news>.news_con>.news_list>.news_item>.date>.m_d{
  font-size: 30px;
}


#main>.news>.news_con>.news_list>.news_item>.date>.y{
  
  font-size: 18px;
}


#main>.news>.news_con>.news_list>.news_item>.news_item_con{
  float: left;
  width: 462px;
}
#main>.news>.news_con>.news_list>.news_item>.news_item_con>.tit{
  font-size: 16px;
  color: #323232;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

  
}

#main>.news>.news_con>.news_list>.news_item>.news_item_con>.des{

  margin-top: 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #a2a2a2;
  height: 51px;
  overflow-y: hidden;

  text-overflow:ellipsis;

  display:-webkit-box; 

  -webkit-box-orient:vertical;

  -webkit-line-clamp:2; 

}

.banner2{

  margin: 50px 0;
  width: 100%;
  height: 324px;
  background: url('../img/guanggao2.jpg') no-repeat right top;

}









#main>.product_service>.ps_slide_box{
  position: relative;
  width: 1580px;
  margin-left: auto;
  margin-right: auto;
}
#main>.product_service>.ps_slide_box>.swiper-container3{
  margin:40px  auto 0;
  width: 1300px;
  overflow: hidden;
}
#main>.product_service>.ps_slide_box>.swiper-container3 .swiper-slide img{
  display: block;
  width: 100%;
}

#main>.product_service>.ps_slide_box>.swiper-container3 .swiper-slide{
  height: auto;
}
#main>.product_service>.ps_slide_box>.swiper-button-prev3,
#main>.product_service>.ps_slide_box>.swiper-button-next3{
  position: absolute;
  top: 110px;
  cursor: pointer;
  outline: 0 none;
}
#main>.product_service>.ps_slide_box>.swiper-button-prev3{
  left: 50px;
}
#main>.product_service>.ps_slide_box>.swiper-button-next3{
  right: 50px;
}

#main>.product_service>.ps_slide_box>.swiper-button-prev3>img, #main>.product_service>.ps_slide_box>.swiper-button-next3>img{

  width: 50px;
  height: auto;

}




.friendship_link.wd_1580{
        width: 1580px;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
      }
      .friendship_link>.tit{
        margin-bottom: 20px;
        font-size: 20px;
      }
      .friendship_link>ul{
        font-size: 16px;
        color: #999;
      }
      .friendship_link>ul>li{
        float: left;
        margin-right: 20px;
      }
      .friendship_link>ul>li>a{
        color: #555;
      }
      .friendship_link>ul>li>a:hover{
        color: #3b3f7e;
      }