﻿.talent-block{position: relative;padding-top: 5px;}
.talent-block .big-text{color: rgba(51, 51, 51, 0.05);}
.talent-block .auto-title-block{padding-top: 0;}
.talent-block .swiper-box{margin-top: 10px;}

@media (max-width: 1600px){.talent-block .swiper-box{margin-top: 0px;}}
@media (max-width: 1200px){.talent-block{padding-top: 0.75rem;}}

.job-block{position: relative;padding-top: 5px;padding-bottom: 100px;}
.job-block .big-text{color: rgba(51, 51, 51, 0.05);}
.job-block .auto-title-block{padding-top: 0;}
.job-block .list7{margin-top: 38px;position: relative;}

@media (max-width: 1600px){.job-block{padding-top: 85px;padding-bottom: 85px;}.job-block .list7{margin-top: 0;}}
@media (max-width: 1200px){.job-block{padding-top: 0.75rem;padding-bottom: 0.65rem;}}

.auto-title-block{padding-top: 42px;padding-bottom: 47px;--h2-color: #222222;}
.auto-title-block .auto-title-en{font-size: 16px;font-style: italic;line-height: 1.2em;color: #666666;}
.auto-title-block .auto-title-en::before{content: '';display: inline-block;margin-right: 5px;vertical-align: middle;height: 1px;width: 30px;background: #666666;}
.auto-title-block .auto-title-h2{margin-top: 4px;font-size: 44px;font-weight: bold;line-height: 1.4em;color: #333333;}

@media (max-width: 1600px){.auto-title-block{padding-top: 35px;padding-bottom: 37px;}
.auto-title-block .auto-title-en{font-size: 15px;}
.auto-title-block .auto-title-en::before{width: 26px;}
.auto-title-block .auto-title-h2{font-size: 38px;}}

@media (max-width: 1200px){.auto-title-block{padding-top: 0.65rem;padding-bottom: 25px;}
.auto-title-block .auto-title-en{font-size: 26px;}
.auto-title-block .auto-title-en::before{width: 30px;}
.auto-title-block .auto-title-h2{font-size: 34px;}}

.auto-title-block-a{--title-color: #222222;padding-top: 60px;padding-bottom: 50px;}
.auto-title-block-a .auto-title-a-title{font-weight: bold;line-height: 1.4em;color: var(--title-color);}

@media (max-width: 1200px){.auto-title-block-a{padding-top: 0.65rem;padding-bottom: 0.5rem;}}

.auto-title-block-b{--title-color: #222222;padding-top: 62px;padding-bottom: 50px;}
.auto-title-block-b .auto-title-b-title{font-weight: bold;line-height: 1.4em;color: var(--title-color);}

@media (max-width: 1200px){.auto-title-block-b{padding-top: 0.65rem;padding-bottom: 0.5rem;}}

.list6{--l6p: 10px;margin: calc(var(--l6p)*-1);}
.list6 .list6-li{height: auto;padding: calc(var(--l6p)*1);width: 470px;}
.list6 .list6-box{border-radius: 10px;overflow: hidden;background-color: #e6e6e6;height: 100%;flex-direction: column;transition: background 0.3s;}
.list6 .list6-box:hover{background-color:#8a632a;}
.list6 .list6-box:hover .list6-cont{background-image: url(../images/list_1_bg.png);}
.list6 .list6-box:hover .list6-tit,
.list6 .list6-box:hover .list6-des{color: #ffffff;}
.list6 .list6-cont{background: no-repeat center / cover;}
.list6 .img-box::before{padding-top: 57.69%;}
.list6 .list6-cont{padding: 22px 40px 20px;}
.list6 .list6-tit{font-size: 24px;font-weight: bold;line-height: 1.4em;color: #333333;}
.list6 .list6-des{margin-top: 5px;font-size: 18px;line-height: 1.4em;color: #666666;}
@media (max-width: 1600px){.list6 .list6-cont{padding: 15px 30px 15px;}
.list6 .list6-tit{font-size: 22px;}
.list6 .list6-des{margin-top: 2px;font-size: 16px;}}
@media (max-width: 1200px){.list6{--l6p: 10px;}
.list6 .list6-box{border-radius: 10px;}
.list6 .list6-cont{padding: 0.2rem 25px 25px;}
.list6 .list6-tit{font-size: 28px;}
.list6 .list6-des{margin-top: 5px;font-size: 25px;}}

.list7{--br: 10px;--pl: 35px;--pr: 50px;--main-color:#8a632a}
.list7 .list7-li{background-color: #ffffff;border-radius: var(--br);overflow: hidden;}
.list7 .list7-li + .list7-li{margin-top: 18px;}
.list7 .list7-li:hover .list7-top,
.list7 .list7-li.on .list7-top{background-color: var(--main-color);color: #ffffff;}
.list7 .list7-li:hover .list7-top .self-svg,
.list7 .list7-li.on .list7-top .self-svg{--fill: #ffffff;}
.list7 .list7-li:hover .list7-top .self-svg svg,
.list7 .list7-li.on .list7-top .self-svg svg{transform: scaleY(1);}
.list7 .list7-li:hover .list7-top .title,
.list7 .list7-li.on .list7-top .title{color: #ffffff;}
.list7 .list7-top{background: #e6e6e6;padding: 23px var(--pr) 23px var(--pl);cursor: pointer;font-size: 16px;line-height: 1.6em;color: #666;transition: all 0.3s;}
.list7 .list7-top .title{width: 45%;font-size: 20px;color: #333333;}
.list7 .list7-top .self-svg{--sw: 1.25em;--fill: rgba(51, 51, 51, 0.6);flex-shrink: 0;}
.list7 .list7-top .self-svg svg{width: var(--sw);height: var(--sw);transform: scaleY(-1);transition: transform 0.3s;}
.list7 .list7-top .other{margin: 0 15px;width: 50%;}
.list7 .list7-top .other .other-item + .other-item{margin-left: 3em;}
.list7 .list7-cont{display: none;border-radius: 0 0 var(--br) var(--br);border: solid 1px #e5e5e5;border-top: 0 none;padding: 32px var(--pr) 40px var(--pl);font-size: 14px;line-height: 2em;color: #666666;}
.list7 .list7-cont .tips{margin-top: 8px;color: #999999;}
.list7 .list7-cont .tips a:hover{color: var(--main-color);}
@media (max-width: 1600px){.list7{--pl: 30px;--pr: 30px;}
.list7 .list7-top{font-size: 15px;}
.list7 .list7-top .title{font-size: 1.2em;}
.list7 .list7-top .other{margin: 0 10px;}
.list7 .list7-top .other .other-item + .other-item{margin-left: 2em;}
.list7 .list7-cont{padding: 2em 2.5em;line-height: 1.9em;}}
@media (max-width: 1200px){.list7{--br: 10px;--pl: 30px;--pr: 30px;}
.list7 .list7-li + .list7-li{margin-top: 0.2rem;}
.list7 .list7-top{padding: 25px var(--pr) 25px var(--pl);flex-wrap: wrap;font-size: 24px;}
.list7 .list7-top .title{width: calc(100% - 2em);font-size: 1.2em;}
.list7 .list7-top .other{order: 2;margin: 5px 0 0 0;width: 100%;}
.list7 .list7-top .other .other-item + .other-item{margin-left: 1em;}
.list7 .list7-cont{padding: 0.2rem var(--pr) 0.2rem var(--pl);line-height: 1.8em;}
.list7 .list7-cont .tips{margin-top: 4px;}}

.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.imgh:hover .img-box img,.img-box .imgh:hover img,
.img-box.imgh:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);-o-transform: scale(1.03);}

[flex]{display: flex;}
[flex][flex~="i"]{display: inline-flex;}
[flex][flex~="wrap"]{flex-wrap: wrap;}
[flex][flex~="no-wrap"]{flex-wrap: nowrap;}
[flex][flex~="ja"]{justify-content: space-around;}
[flex][flex~="jb"]{justify-content: space-between;}
[flex][flex~="js"]{justify-content: start;}
[flex][flex~="jfs"]{justify-content: flex-start;}
[flex][flex~="jc"]{justify-content: center;}
[flex][flex~="je"]{justify-content: end;}
[flex][flex~="jfe"]{justify-content: flex-end;}
[flex][flex~="ais"]{align-items: flex-start;}
[flex][flex~="aic"]{align-items: center;}
[flex][flex~="acc"]{align-content: center;}
[flex][flex~="aie"]{align-items: flex-end;}

.self-svg{display: flex;align-items: center;justify-content: center;}
.self-svg svg.icon{width: var(--size);height: var(--size);fill: var(--fill);}

@media (max-width: 480px){
.swiper-wrapper {display: block;}
.list6 .list6-li{height: auto;padding-bottom:40px;width: 100%;}
.list6 .list6-box{border-radius: 8px;}
.list6 .list6-cont{padding: 20px 20px 20px;}
.list6 .list6-tit{font-size: 16px;}
.list6 .list6-des{margin-top: 10px;font-size: 12px;}
.job-block .list7{margin-top: 20px;position: relative;}
.list7{--br: 10px;--pl: 30px;--pr:30px;}
.list7 .list7-li + .list7-li{margin-top: 20px;}
.list7 .list7-top{padding: 30px;flex-wrap: wrap;font-size: 16px;}
.list7 .list7-top .title{width: calc(100% - 2em);font-size: 1.2em;}
.list7 .list7-top .other{order: 2;margin: 5px 0 0 0;width: 100%;font-size: 12px;}
.list7 .list7-top .other .other-item + .other-item{margin-left: 1em;}
.list7 .list7-cont{padding: 0.2rem var(--pr) 0.2rem var(--pl);line-height: 1.8em;}
.list7 .list7-cont .tips{margin-top: 4px;}
}