.types .title{
	width: 100%;
	height:160px;
	line-height:160px;
	margin:30px 0;
	padding-left:150px;
	background:url(../imgs/tit.png) no-repeat;
	font-size: 60px;
	font-weight: 500;
	color: #000000;

}
.about{
  width: 100%;
  padding:0px 0 50px 0;
  background:url(../imgs/bg1.png) no-repeat center bottom;
  background-position-y:bottom;
}
.about .swiper-container{ 
  position: relative;
  width:100% !important;
  max-height:520px !important;
  background: none !important;
}
.about .swiper-container .swiper-slide {
    width:80%;
    background: none !important;
 }
 .about .swiper-container .swiper-slide img{
    max-width:100%;
 }
 
 .about .swiper-container .newsbtn {
    width:150px;
    height:70px;
    position: absolute;
    z-index: 99999;
    bottom: 2%;
    right:15%;

 }
 .about .swiper-container .newsbtn img{
 	width:43.5%;
    height:75%;
 }

 .about .intro{
  	margin:30px 0;
  	width: 100%;
	text-align: justify;
}
.about .intro p{
  	font-size: 18px !important;
  	margin:5px 0;
}
.about .intro img{
  	max-width: 100%;
}

@media all and (max-width:1080px){

}




@media all and (max-width:1024px){

}




@media all and (max-width:768px){
  .types .title{
    height:50px;
    line-height:50px;
    margin:20px 0;
    padding-left:20px;
    -moz-background-size: 20% 80%; 
    -o-background-size: 20% 80%;   
    -webkit-background-size: 20% 80%;   
    background-size: 20% 80%;  
    font-size: 30px;

  }
  .ins_banner {
    max-height: 160px;
  }
  .ins_banner .con_banner{
    background-image: url('../imgs/about_yd_banner.png') !important;
  }
  .ins_banner .con_banner .bg, .ins_banner .con_banner #water, .ins_banner .breadcrumb_nav{
    display: none;
  }
  .about .swiper-container .newsbtn {
    display: none;
  }
  .about .swiper-container{ 
    max-height:130px !important;
  }

}




@media all and (max-width:667px){

  

}




@media all and (max-width:414px){



}




@media all and (max-width:375px){
  
}



@media all and (max-width:360px){

  

}



@media all and (max-width:280px){

}