.banner { 
max-width: 1920px;
height: 360px;
margin: 0 auto;
clear: both;
background: url(../img/1490345108.png) no-repeat center top;
background-size: cover;

}
@media screen and (max-width: 750px){
  .banner {
  height: 170px;
  }
}
#section .title{text-align: center;margin:50px 0 30px 0;}
#section .title h3{ 
  color: #cc6600;
  display: block;
  font-size: 1.5rem;
  background: url(../img/hxian.png)center bottom no-repeat;
  padding-bottom: 7px;
  font-weight: 600
}
#section .title span{display: block;font-size: 1.125rem;color: #333;text-transform: uppercase;margin-top: 5px;} 
#section .prodescription{text-align: center;font-size: 1rem;line-height: 1.6;color: #666}

#section .prod .sun_product_ll li{

	width: 23%;background: #fff;box-sizing: border-box;float: left;border: 1px solid #cfa972;margin:0 1% 30px 1%;}

#section .prod .sun_product_ll li a.img{overflow: hidden;position: relative;display: block;}
#section .prod .sun_product_ll li a.img img{width: 100%;transition: all .5s ease;}

#section .prod .sun_product_ll li a.img:after{ 
     content: "";
     position:absolute;z-index: 9;left: 0;right: 0;bottom: 0;top: 0;background: rgba(0,0,0,0.5);transition: all .5s ease;opacity:0
}
#section .prod .sun_product_ll li a.img:hover:after{ 
     opacity:1
}

#section .prod .sun_product_ll li a.img:before{ 
     content: "";
     background: url(../img/add_icon.png) center no-repeat;
     width: 50px;
     height: 50px;
     position: absolute;
     z-index: 10;
     top: -25px;
     margin-left: -25px;
     margin-top: -25px;
     left: 50%;
     transition:  all 0.5s ease;

     
}
#section .prod .sun_product_ll li a.img:hover:before{left:50%;top: 50%;}
#section .prod .sun_product_ll li a.img:hover img{ transform: scale(1.1);}
#section .prod .sun_product_ll li p{text-align: center;}
#section .prod .sun_product_ll li p a:hover{color: #4e97d9;text-decoration: underline;}
#section .prod .sun_product_ll li p a{display: block;font-size: 1rem;line-height: 2.5;color:#996633;
	text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}

	#section .prod .sun_product_ll li .detail{color: #333333;line-height: 1.6;display: block;text-align:left;width: 90%;margin: 0 auto;padding-bottom: 20px;font-size: 12px;}

@media screen and (max-width:990px){

#section {
    width: 768px;
    margin: 0 auto;
}
#section .prod .sun_product_ll li{width: 31.33%;}



}
@media screen and (max-width:768px){ 


  #section {
    width: 100%;
    
  }
  #section .prod .sun_product_ll li{width: 48% !important;}
  .swiper-wrapper{height: 200px;}
  .swiper-container .swiper-slide a{overflow: hidden;display: block;height: 100%;}
  .swiper-container .img{width:100%;height: 200px;background:url(../img/banner_2.jpg) center center;background-size: cover;}

}