.swiper-button-next{

    right: 20px;

}

.swiper-button-prev{

    left: 20px;

}

.swiper-container {

  width: 90%;

  height: 300px;

  margin-left: auto;

  margin-right: auto;

}



.swiper-slide {

  background-size: cover;

  background-position: center;

}
.swiper-slide-active .slide3 p::before{
    background:red;
    width: 15px;
    height: 15px;
}


.gallery-top {

    height: 50%;

  width: 100%;

}



.gallery-thumbs {

  height: 18%;

  box-sizing: border-box;

  padding: 10px 0;

  /* border: 1px solid; */

  background: linear-gradient(0deg, #F8F8F8 0%, rgba(255, 255, 255, 0.97) 100%);

box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.08);

}



.gallery-thumbs .swiper-slide {

  width: 25%;

  height: 100%;

  /* opacity: 0.4; */

}



.gallery-thumbs .swiper-slide-thumb-active {

  opacity: 1;

}

.gallery-thumbs .swiper-slide-thumb-active {

opacity: 1;

}

.gallery-thumbs .swiper-slide-thumb-active {

opacity: 1 !important;

}

.gallery-thumbs .swiper-slide{

/* opacity: 1; */

width: 104px;

/* height: 195px; */

text-align: center;

cursor: pointer;

}

.swiper-slide{

/* border: 1px solid; */

}

.slide2{

width: 100%;

display: flex;

justify-content: space-evenly;

}

.slide2 img{

    /* margin-right: 134px;

    margin-top:70px; */

}

.slide2 p{

    font-size: 18px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    line-height: 25px;

    color: #666666;

    /*margin-left: 125px;*/



}

.slide2 span{



}

.slide2 div{

margin-left: 113px;

margin-top:30px

}

.slide2 div::before{

content: ' ';

position: absolute;

margin-top: 9px;

margin-left: -24px;

width: 3px;

height: 52px;

background: #003366;

}
.bananer img {
  
    margin-top: -4px;
}
.slide2 h5{

    font-size: 30px;

    font-family: Microsoft YaHei;

    font-weight: bold;

    /*line-height: 30px;*/

    color: #333333;

    /*margin-left: 124px;*/

    margin-bottom: 10px;

    margin-top: 20px;

}

.gallery-thumbs .swiper-slide img{

display: block;

margin: 0 auto;

margin-top: 32px;

}

.gallery-thumbs .swiper-slide p{

font-size: 13px;

font-family: Microsoft YaHei;

font-weight: 400;

color: #333333;

margin-top: 90px;

transition: all 0.2s;

}

.gallery-thumbs .swiper-slide span{

font-size: 12px;

font-family: Microsoft YaHei;

font-weight: 400;

color: #666666;

}

.c1 {

    width: 1218px;

    height: 876px;

    background: #FFFFFF;

    opacity: 1;

}

.c1 h3 {

    font-size: 30px;

    font-family: Microsoft YaHei;

    font-weight: bold;

    line-height: 24px;

    color: #003366;

    opacity: 1;

    text-align: center;

    margin-top: 70px;

    margin-bottom: 20px;

}

.c1 dd {

    width: 60px;

    height: 0px;

    /*border: 4px solid #003366;*/
    border: 2px solid #CF8A19;

    opacity: 1;

    text-align: center;

    margin: 0 auto;

    margin-bottom: 44px;

}

.slide3 p{

    font-size: 16px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #999999;

}

.slide3 p::before{

    content: ' ';

    position: absolute;

    margin-top: -23px;

    margin-left: 12px;

    width: 8px;

height: 8px;

background: #CFCFCF;

border-radius: 50%;

opacity: 1;

transition: all 0.2s;

}

.slide3 p::after{

    content: ' ';

    position: absolute;

    margin-top: -20px;

    margin-left: -3px;

    width: 110px;

    height: 1px;

    background: #CFCFCF;

    border-radius: 50%;

    opacity: 1;

    transition: all 0.2s;

}

.slide2 li img{

width: 100%;

}

.slide2 li img:nth-child(1){

    margin-top: 10px;

    margin-right: 20px;

    margin-bottom: 100px;

}

.slide2 li img:nth-child(2){

    

}

.slide2 li img:nth-child(3){

    margin-left: -10px;

    margin-right: 20px;

}

.slide2 li img:nth-child(4){

    

}
.slide2 li:first-child{
    width: 43%;
}
.slide2 li:last-child{

    /* width: 350px;

    height: 240px; */

    /* border: 1px solid; */

    display: flex;

    flex-wrap: wrap;

    /* margin-top: 83px; */

    /*margin-right: 120px;*/
width: 40%;
}

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

  .con {

      width: 90%;

  }

  .con-l{

      width: 15%;

  }

  .con-l-tit{

      width: auto ;

  }

  .c1{

      width: 82%;   

  }

}
@media screen and (max-width: 1400px){
    .slide2 h5, .slide2 p{
        margin-left:60px
    }
    .slide2 li:last-child{
        margin-right: 60px;
    }
    .slide2 li:first-child{
        margin-right: 20px;
    }

}



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

    .con{

        width: 96%;

        margin-top: 0px;

        margin-bottom: 62px;

    }

    .c1 {

        width: 100%;
        height: auto;
        padding-bottom: 30px
    }

    .con-l {

        width: 100%;

    }

    .con-l-tit h5 {

        font-size: 14px;
        width: 90px;
        line-height: 50px;

    }

    .con-l li {

        margin-left: 5px;

        height: 40px;

        width: auto;

    }

    .con-l li a {

        font-size: 12px;

        line-height: 50px;

    }

    .con-l img {

        margin-right: 0px;

        margin-left: 2px;

    }

    .con-l-tit{

        height: 50px;

    

    }

    .slide2{

        display: block;

    }

    .slide2 h5{

        margin-left: 10px;

    }

    .slide2 p{

        margin-left: 10px;

    }

    .c1 dd {

        width: 30px;

        border: 2px solid #003366;

        margin-bottom: 20px;

    }

    .c1 h3 {

        font-size: 20px;

        margin-top: 20px;

        margin-bottom: 10px;
        padding-top: 10px;
    }

    .slide2 h5 {

        font-size: 18px;

        line-height: 10px;

        margin-bottom: 10px;

        margin-top: 10px;

    }

    .slide2 p{

        line-height: 24px;

    }

    .slide2 img {

        margin-right: 0;

        display: block;

        margin: 0 auto;

        margin-top: 20px;

        width: 90%;

    }
    .slide2 li:last-child{
        margin-right:0;
    }


}