@font-face{
    font-family: DIN-BOLDITALIC;
    src: url("../fonts/DIN-BOLDITALIC.OTF");
}
@font-face {
    font-family: DIN-MEDIUM;
    src: url("../fonts/DIN-MEDIUM.OTF");
}
@font-face{
    font-family: KALINGA;
    src: url("../fonts/KALINGA.TTF");
}
@font-face{
    font-family: SourceHanSansCN-Regular;
    src: url("../fonts/SourceHanSansCN-Regular.otf");
}
.tupian>.zhezhao{
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(255,255,255,0.3);
    position: absolute;
    top: 0;
    z-index:2;
}

#zhezhaoc{
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background:rgba(25,25,25,0.6);
    z-index:100;
}
#zhezhaoc>.contain{
    width: 1173px;
    height: 86%;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background:#fff;
    border-top: 3px solid #4395ff;
}
#zhezhaoc>#sanya{
    display:none;
}
#zhezhaoc>#huwai{
    display: none;
}
#zhezhaoc>#nianhui{
display: none;
}
#zhezhaoc>#nianhui18{
    display: none;
}
#zhezhaoc>#flb{
    display: none;
}
#zhezhaoc>#ydh{
    display: none;
}
#zhezhaoc>#nianhui19{
    display: none;
}
video{
    /*object-fit:fill;*/
    /*width: 100px;*/
    /*height: 100px;*/
}

#zhezhaoc>.contain>.wz12 {
    font-size: 20px;
    display: block;
    line-height: 20px;
    margin-top: 1%;
    margin-left: 2%;
    margin-bottom: 10px;
    text-align: center;
}
#zhezhaoc>.contain>.chaa{
    position: absolute;
    width: 29px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    right: 0px;
    font-size: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 10000;
    cursor: pointer;
}

.button1{
    background-image:url("../images/phleft.png") !important;
}
.button2{
    background-image:url("../images/phright.png") !important;
}

.gallery-top1 {
            width: 100%;
            height: 300px;
            margin-left: auto;
            margin-right: auto;
        }
        .swiper-slide1 {
            background-size: cover;
            background-position: center;
        }
        .gallery-top,.gallery-top1,.gallery-top2,
        .gallery-top3,.gallery-top4,.gallery-top5,.gallery-top6{
            height: 65%;
            width: 100%;
            margin-top: 3.3%;
        }
        .gallery-thumbs,.gallery-thumbs1,.gallery-thumbs2,.gallery-thumbs3,.gallery-thumbs4,.gallery-thumbs5,.gallery-thumbs6{
            height: 22%;
            /*box-sizing: border-box;*/
            padding: 10px 0;
        }
        .gallery-thumbs .swiper-slide,.gallery-thumbs1 .swiper-slide,.gallery-thumbs2 .swiper-slide,
        .gallery-thumbs3 .swiper-slide,.gallery-thumbs4 .swiper-slide,.gallery-thumbs5 .swiper-slide,.gallery-thumbs6 .swiper-slide{
            height: 100%;
            opacity: 0.4;
        }
        .gallery-thumbs .swiper-slide-active,.gallery-thumbs1 .swiper-slide-active ,.gallery-thumbs2 .swiper-slide-active,
        .gallery-thumbs3 .swiper-slide-active,.gallery-thumbs4 .swiper-slide-active,.gallery-thumbs5 .swiper-slide-active,.gallery-thumbs6 .swiper-slide-active{
            opacity: 1;
        }

@media screen and (min-width:768px) and (max-width:991px){/*Pad平板尺寸*/
    
    #zhezhaoc>.contain {
        width: 100%;
        height: 536px;
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: url(../images/lk_bj3.png)center no-repeat;
        border-top: 3px solid #4395ff;
    }

}

/*new*/
@media screen and (max-width: 767px) {

  #zhezhaoc>.contain {
    width: 100%;
    height: 450px;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    border-top: 3px solid #4395ff;
  }

  #zhezhaoc>#nianhui1>.swiper-container>.swiper-wrapper>div{
    width: 100% !important;
    max-width: 414px!important;
    background-size: 100% !important;
  }

.tupianbj{
  width: 86.25px !important;
}
  #zhezhaoc>.contain>.wz12 {
    font-size: 18px!important;
    display: block!important;
    line-height: 20px!important;
    margin-top: 5%!important;
    margin-left: 2%!important;
    margin-bottom: 10px!important;
    text-align: center!important;
  }
  .gallery-top, .gallery-top1, .gallery-top2, .gallery-top3 {
    height: 69% !important;
    width: 100%;
    margin-top: 3.3%;
  }
  #huwai>.huw>div>div{
    width: 23.6% !important;
  }


}