@charset "utf-8";
#main .image_box{
    width: 100%;
    float: left;
}
#main .image_box .title_img{
    width: 100%;
    height: 35.41666vw;
}
#main .image_box .title_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#main .title_box{
    width: 100%;
    margin: 4.1666vw 0 0 0;
}
#main .title_box span{
    display: block;
}
#main .title_box .title{
    font-family: PingFangSC-Semibold;
    font-size: 32rem;
    color: #222222;
    letter-spacing: 0;
    text-align: center;
}
#main .title_box .line{
    background: #DDDDDD;
    height: 3px;
    width: 3.125vw;
    margin: 1.6666vw auto;
}
#main .title_box .detail{
    font-family: PingFangSC-Light;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    text-align: center;
    line-height: 28px;
}
#main .img_detail{
    width: 100%;
}
#main .img_detail ul{
    width: 100%;
}
#main .img_detail ul li{
    width: 31.59999vw;
    height: 22.749917vw;
    float: left;
}
#main .img_detail ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


#main .image_box #img-detail {
    width:calc(100% - 100rem);
    /*width:calc(100% - 6.2vw);*/
    clear:both;
    /*height:70vh;*/
    overflow:hidden;
    margin-left:5.2vw;
    /*margin-left:6.2vw;*/
    position:relative;
    padding: 5% 0px;
}
#main .image_box #img-detail .swiper-container {
    width:100%;
    height:31vw;
}
#main .image_box #img-detail .swiper-slide {
    text-align:center;
    background:#fff;
/*    width:37.5vw;
    height:25vw;*/

    width: 55vw;
    height: 31vw;
    overflow: hidden;

    /* Center slide text vertically */

    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
}
#main .image_box #img-detail .swiper-slide img {
    object-fit:cover;
    width:100%;
    height:100%;
    transition:1.5s;
}
#main .image_box #img-detail .swiper-slide img:hover {
    transform:scale(1.2);
    transition:1.5s;
}
#main .image_box #img-detail .swiper-pagination-bullets {
    margin-top: 46rem;
    left: calc(50% - 2.6vw);
    transform: translateX(-50%);
}
#main .image_box #img-detail .swiper-pagination-bullets .swiper-pagination-bullet {
    color:#ffffff;
    display:inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:0;
    text-align:center;
    margin:0;
    opacity:1;
    opacity: 0.6;
    background: #999;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 5px;

}
#main .image_box #img-detail .swiper-pagination-bullets .swiper-pagination-bullet-active {
    color:#000;
    background-color:#fff;

    opacity: 1;
    width: 10px;
    height: 10px;
    position: relative;
    top: 1px;

}
#main .image_box #img-detail .swiper-button-next,#main .image_box #img-detail .swiper-button-prev {
    top:25vw;
    margin-top:0;
    background-size:contain;
    opacity:1;
    width:30px;
    height:30px;
}
#main .image_box #img-detail .swiper-button-prev {
    background-image:url(../images/icon_arrow_left_black.png);
    left:33.5vw;
}
#main .image_box #img-detail .swiper-button-next {
    background-image:url(../images/icon_arrow_right_black.png);
    left:35.5vw;
}