@font-face {
    font-family: 'HYXinRenWenSongW';
    src: url('/font/HYXinRenWenSongW.ttf');
}

@font-face {
    font-family: 'STZHONGS_0';
    src: url('/font/STZHONGS_0.TTF');
}

.swiper-box-relative {
    position: relative;
}

.swiper-box {
    width: 1000px;
    overflow: hidden;
    margin: auto;
}

.swiper, .swiper-object-type, .swiper-process-and-technique, .swiper-form-and-structure, .swiper-color {
    width: 100%;
    height: 150px;
}

.swiper-slide {
    width: 150px !important;
    text-align: center;
    background-color: #f5f5f9;
}

.swiper-slide a {
    display: block;
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: relative;
}

.swiper-slide a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
}

.max-height {
    /*max-height: 100%;*/
}

.caption {
    border-radius: 50px;
    padding: 2px 8px;
    font-size: 14px;
    font-family: 'Microsoft YaHei', "微软雅黑";
    transition: all 0.5s ease;
    margin-right: 5px;
    margin-top: 10px;
    text-align: center;
    display: inline-block;
}

.esMotifAndPattern {
    color: #99996c;
    border: 1px solid #99996c;
}

.esMotifAndPattern:hover {
    background: #99996c;
    color: #fff;
}

.esObjectType {
    color: #666695;
    border: 1px solid #666695;
}

.esObjectType:hover {
    background: #666695;
    color: #fff;
}

.esProcessAndTechnique {
    color: #429e94;
    border: 1px solid #429e94;
}

.esProcessAndTechnique:hover {
    background: #429e94;
    color: #fff;
}

.esFormAndStructure {
    color: #c1925b;
    border: 1px solid #c1925b;
}

.esFormAndStructure:hover {
    background: #c1925b;
    color: #fff;
}

.esColor {
    color: #b77e7e;
    border: 1px solid #b77e7e;
}

.esColor:hover {
    background: #b77e7e;
    color: #fff;
}

.esPerson {
    color: #0eaaee;
    border: 1px solid #0eaaee;
}

.esPerson:hover {
    background: #0eaaee;
    color: #fff;
}

.esGroup {
    color: #569b06;
    border: 1px solid #569b06;
}

.esGroup:hover {
    background: #569b06;
    color: #fff;
}


.swiper-button-next, .swiper-button-prev {
    color: #c6c6c6;
    background-image: unset;
}

.swiper-button-prev {
    left: -15px;
}

.swiper-button-disabled {
    /*display: none;*/
}

.swiper-tag-title {
    font-size: 15px;
    font-family: 'Microsoft YaHei', "微软雅黑";
    color: rgb(77, 77, 77);
    margin-top: 20px;
    font-weight: bold;
}

/* 标签单选按钮 */
.radio-style {
    padding-left: 40px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.radio-style input {
    display: none
}

.radio-style label {
    border: 1px solid #429e94;
    color: #429e94;
    text-align: center;
    padding: 2px 10px;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 5px;
}

.radio-style label:hover {
    background: rgb(35, 137, 126);
    color: #ffffff;
}

.radio-style input:checked + label {
    border: 1px solid #429e94;
    color: #ffffff;
    background: #429e94;
}

.radio-style input:disabled + label {
    opacity: 0.7;
}

.display-none {
    display: none;
}