.swiper-container{font-size: 14px;position: relative;overflow: hidden !important;}
  .swiper-container a{width: 100%;height: 100%;display: block;}
  .swiper-container .img{width:100%;height: 440px;background:url(../img/banner_2.jpg) center center;background-size: cover;}
  .swiper-container .swiper-slide a{overflow: hidden;display: block;height: 100%;}
  .swiper-container .swiper-pagination{position: absolute;bottom:2px;width: 100%;text-align: center;}
  .swiper-container .swiper-active-switch{background:#987fde;}
  .swiper-container span{display:inline-block;width: 12px;height: 12px;border-radius: 50%;background: #e5e5e5;margin:0 3px;cursor: pointer;}
     
       
   


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

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



}

@media screen and(min-width: 1000px){

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

} 

      .text-img {
        text-align: center;
        overflow: hidden;
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 40px;
     }
     .text-img h2{    
    text-align: center;
    font-family: AvenirLTStd-Medium;
    color: #812246;
    font-size: 34px;
    font-weight: 500;}

    .text-img p{font-family: SabonLTStd-Roman;
    color: #812246;
    font-size: 18px;}

    .text-img img{margin-top: 30px;max-width: 100%;}

    .be-con {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: 40px;
    overflow: hidden;
    }
    .be-con a {
    display: block;
    width: 270px;
    margin-left: 40px;
    background: #fff;
    overflow: hidden;
    float: left;
    }
    .be-con a:first-child {
    margin-left: 0px;
    }
    .be-con dl dd{height: 170px;}
    .be-con dl dt h3 {
    text-align: center;
    font-size: 18px;
    color: #555;
    line-height: 20px;
    margin-top: 19px;
    }

    .be-con em {
    display: block;
    height: 50px;
    max-width: 1200px;
    background: url(../img/emline.png) center center;
    background-size: cover;
    margin: 0 auto;
    margin-top: 5px;
    }
    .be-con dl dt p {
    font-size: 14px;
    line-height: 24px;  
    color: #666;
    text-align: center;
    }

    .clear{clear: both;}

    .tophdl{text-align: center;
    font-size: 26px;
    margin-top: 60px;
    color: #555;}
    .tophdl2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    color: #b9b9b9;
    margin-top: 13px;
    }
    .client .tltle-top em {
    display: block;
    height: 1px;
    width: 46px;
    background: #987fde;
    margin: 0 auto;
    margin-top: 14px;
   }
    .cl-con {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: 40px;
    overflow: hidden;
    }
    
    .cl-con .item{float: left;margin-right: 1.3%;width: 24%;}
    .cl-con .item:nth-child(4n){margin-right: 0px;}
    .cl-con .item h3{color: #666666;width: 100%;text-align: center;height: 74px;line-height: 74px;}
     .cl-con .item img{width: 100%;height: 162px}
   .be-title{margin-top: 60px;color: #812246;font-size: 30px;}
   .be-title h1{width: 100%;text-align: center;}
   .be-con dl dt {
    height: 130px;
    }
  
   @media screen and (max-width: 1230px){
  
    .be-con {
    width: 1001px;
    margin-top: 40px;
    }
    .be-con a:first-child {
       margin-left: 0px;
    }
    .be-con a {
       width: 230px;
        margin-left: 27px;
    }
    .cl-con {
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-top: 40px;
        overflow: hidden;
    }
    .client {
    width: 1000px;
    margin: 0 auto;

    }
    .cl-con .item{width: 32%;}
    .cl-con .item:nth-child(4n){margin-right: 20px;}
    .cl-con .item:nth-child(3n){margin-right: 0px;}

  }

    @media screen and (max-width: 1000px){
      .be-con {
          width: 100%;
          margin-top: 40px;
       }
       .be-con a {
          width: 27%;
          margin-left: 4.75%;
      }
       .be-con a:first-child {
          margin-left: 4.75%;
      }

      .client{width: 100%;} 
      .cl-con .item:nth-child(4n){margin-right: 00px;}
      .cl-con .item{width: 27%; margin-left: 4.75%;margin-right: 0}


    }
    
@media screen and (max-width:768px){ 
  .be-con a {width: 44%;margin-left: 4% !important;}  
   .cl-con .item{width: 44%;}
 
  .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;}

}
@media screen and (max-width: 480px){ 
     
        .be-con a:first-child{ margin-left: 7%;}
        .be-con a {
          width: 86%;
          margin-left: 7%;

        }
        .cl-con .item{width: 86%; margin-left: 7%;}
         
       
}