﻿.dangJian{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 115px;
}


.dangJian .pic{
    width: 30%;
}


.dangJian .desc{
    width: 67%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.dangJian .desc .d1 div{
    font-size: 18px;
    line-height: 2;

}
.dangJian .desc .d1 p{
    font-size: 14px;
    line-height: 2;
    color: #787878;
}

 .d2{
    text-align: right;
}
 .d2 a{
    background: #c6000b;
    color: #ffffff;
    padding: 5px  15px;
}


.dangJianTwo{
    background: url(../images/img3/xbg.jpg) center top no-repeat;
    background-size: cover;
    padding: 105px 0;
    margin: 105px  0;
}
.dangJianTwo .tit{
    text-align: center;
}
.dangJianTwo .tit  em{
    font-size: 30px;
    line-height: 2;
    color: #ffffff;
}
.dangJianTwo .tit  p{
    font-size: 16px;
    line-height: 2;
    color: #ffffff;
}

.dangJianTwo .con{
    font-size: 16px;
    line-height: 2;
    color: #ffffff;
    width: 60%;
    margin: 50px auto;
}









.dangList{
    position: relative;
    width: 100%;
    background: url(../images/img3/xbg2.jpg) center top no-repeat;
    background-size: cover;
    margin-top: 25px;
    padding: 155px 0;
}


  
.dangList .swiper {
    width: 100%;
  
  
}
  
.dangList  .swiper-slide {
    width: 70%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   display: block;  border-radius: 15px;

  
}
  
  

  
.dangList .swiper-button-next{
  
   

    background:url("../images/img3/left.png") center center no-repeat;
    width: 25px;
    height: 25px;
    line-height: 33px;
    text-align: center;
    z-index: 999;
    position: static;
    margin-right: 15px;
  }
  
  .dangList .swiper-button-prev{
  
  

    background:url("../images/img3/right.png") center center no-repeat;
    width: 25px;
    height: 25px;
    text-align: center;
    z-index: 999;
    position: static;
  }
  
  .dangList .next{
      position: absolute;
      bottom: 25px;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: center;
  }

  .dangList .swiper-slide img{
      width: 100%; 
      display: block;  border-radius: 15px;
}

.diangCon{
    width: 70%;
    margin: 0px  auto;
    margin-top: 100px;
}
.diangCon .pic{
    text-align: center;
    margin-top: 15px;
}
.diangCon .title{
    text-align: center;
    margin-top: 15px;
    font-size: 22px;
    line-height: 2;
}


.diangCon img{
    max-width: 100%;
}

.diangCon .con{

    margin-top: 15px;
    font-size: 18px;
    line-height: 2;
}


@media all and (max-width: 768px) {
    .dangJian{
        
        margin-top: 25px;
    }
    
   
    .dangJian .pic{
        width: 100%;
    }
    .dangJianTwo{
        margin: 25px 0;
    }
    
    
    .dangJian .desc{
        width: 100%;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
    }
    
    .dangJian .desc .d1 div{
        font-size: 1rem;
        line-height: 2;
    
    }
    .dangJian .desc .d1 p{
        font-size: .8rem;
        line-height: 2;
        color: #787878;
    }
       


    .dangJianTwo{
    
        padding: 35px 0;
    }
    .dangJianTwo .tit{
        text-align: center;
    }
    .dangJianTwo .tit  em{
        font-size: 1.5rem;
        line-height: 2;
        color: #ffffff;
    }
    .dangJianTwo .tit  p{
        font-size: .8rem;
        line-height: 2;
        color: #ffffff;
    }
    
    .dangJianTwo .con{
        font-size: .7rem;
        line-height: 2;
        color: #ffffff;
        width: 90%;
        margin: 10px auto;
    }
    


    .dangList{
        position: relative;
        width: 100%;
        background: url(../images/img3/xbg2.jpg) center top no-repeat;
        background-size: cover;
        margin-top: 25px;
        padding: 25px 0;
        padding-bottom: 55px;
    }
    


    .diangCon{
        width: 95%;
        margin: 0px  auto;
        margin-top: 20px;
    }
    .diangCon .pic{
        text-align: center;
        margin-top: 15px;
    }
    .diangCon .title{
        text-align: center;
        margin-top: 15px;
        font-size: 1rem;
        line-height: 2;
    }
    
    
    .diangCon img{
        max-width: 100%;
    }
    
    .diangCon .con{
    
        margin-top: 15px;
        font-size: .8rem;
        line-height: 2;
    }
    




}