@charset "UTF-8";

/* mainimg
------------------------------------------------- */
html {
    overflow-x: hidden;
}


/* mainimg
------------------------------------------------- */
.mainimg {
    width: 100%;
    padding-top: 1rem;
    margin-bottom: 0.4rem;
    position: relative;
}
.mainimg .inner {
    max-width: 11.5rem;
}
.mainimg h1 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.mainimg h1 span {
    display: block;
    font-weight: 400;
    font-size: 0.18rem;
    line-height: 1.388;
    letter-spacing: 0.1em;
    padding-top: 0.2rem;
}
.mainimg .con {
    width: 14%;
}
.mainimg picture {
    width: calc(80.234vw - 0.4rem);
    height: 32vw;
    background: linear-gradient(315deg, rgba(234,85,4,0.8), rgba(211,78,68,0.8), rgba(99,86,163,0.8));
    border-radius: 0.05rem;
    margin-right: calc(5.75rem - 50cqw);
    padding-right: 0.4rem;
    overflow: hidden;
    position: relative;
}
.mainimg picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.3);
    opacity: 0;
    transition: 0.8s 0.4s;
}
.mainimg.isAnimate picture img {
    transform: scale(1);
    opacity: 1;
}
.mainimg picture span {
    font-size: 0.12rem;
    line-height: 1.45;
    letter-spacing: 0.05em;
    color: #fff;
    position: absolute;
    right: 0.75rem;
    bottom: 0.22rem;
}
.mainimg picture span b {
    font-size: 0.2rem;
    font-weight: 500;
    letter-spacing: normal;
    padding-left: 0.1rem;
}
@media screen and (max-width:750px){
.mainimg {
    padding-top: 1.25rem;
    margin-bottom: 0.6rem;
}
.mainimg .inner {
    width: 100%;
}
.mainimg h1 {
    position: static;
    width: 90%;
    margin: 0.2rem auto 0;
}
.mainimg h1 span {
    font-size: 0.14rem;
    padding-top: 0.1rem;
}
.mainimg .con {
    width: 0;
}
.mainimg picture {
    width: 120%;
    height: auto;
    border-radius: 0;
    margin: 0 0 0 -10%;
}
.mainimg picture span {
    font-size: 0.1rem;
    right: 1rem;
    bottom: 0.1rem;
}
.mainimg picture span b {
    font-size: 0.18rem;
}
}


/* about/
------------------------------------------------- */
/* mainimg */
@media screen and (max-width:750px){
.about .mainimg h1 img {
    display: block;
    width: 63.6%;
}
}

/* cont1 */
.about .cont1 {
    padding-bottom: 1rem;
}
.about .cont1 .inner {
    max-width: 8.26rem;
}
.about .cont1 h2 {
    font-size: 0.3rem;
    font-weight: 700;
    line-height: 1.45;
    padding-bottom: 0.6rem;
}
.about .cont1 h3 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.6;
    padding-bottom: 0.2rem;
}
.about .cont1 p {
    font-size: 0.14rem;
}
@media screen and (max-width:750px){
.about .cont1 {
    padding-bottom: 0.7rem;
}
.about .cont1 h2 {
    font-size: 0.25rem;
    padding-bottom: 0.3rem;
    white-space: nowrap;
}
.about .cont1 p {
    line-height: 1.85;
}
}

/* cont2 */
.about .cont2 {
    padding-bottom: 0.8rem;
}
.about .cont2 .con {
    width: 52.3%;
}
.about .cont2 picture {
    width: 44.289vw;
    margin-right: calc(4.13rem - 50cqw);
}
.about .cont2 picture img {
    border-radius: 0.05rem 0 0 0.05rem;
}
@media screen and (max-width:750px){
.about .cont2 {
    padding-bottom: 0.7rem;
}
.about .cont2 .con {
    width: 100%;
}
.about .cont2 picture {
    width: 110%;
    margin: 0.25rem 0 0 0;
}
}

/* cont3 */
.about .cont3 {
    padding-bottom: 1.9rem;
}
@media screen and (max-width:750px){
.about .cont3 {
    padding-bottom: 1rem;
}
}


/* about/atfirst.html
------------------------------------------------- */
/* mainimg */
.atfirst .mainimg {
    margin-bottom: 1.8rem;
    position: relative;
    z-index: 2;
}
.atfirst .mainimg h1 {
    bottom: -0.75rem;
}
@media screen and (max-width:750px){
.atfirst .mainimg {
    margin-bottom: 0.6rem;
}
.atfirst .mainimg h1 img {
    display: block;
    width: 78%;
}
}

/* cont1 */
.atfirst .cont1 {
    margin-bottom: 2.85rem;
    position: relative;
    z-index: 2;
}
.atfirst .cont1::after {
    content: '';
    width: 100%;
    height: 9.6rem;
    background-color: #343434;
    position: absolute;
    left: 0;
    top: 1rem;
    z-index: 1;
}
.atfirst .cont1 .inner {
    z-index: 2;
}
.atfirst .cont1 .sec {
    padding-left: 1.4rem;
}
.atfirst .cont1 h2 {
    font-size: 0.3rem;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 1.2rem;
    position: relative;
}
.atfirst .cont1 h2::before {
    content: '';
    width: 100vw;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 102%;
    top: 50%;
}
.atfirst .cont1 h3 {
    font-size: 0.3rem;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
    padding-bottom: 3.3rem;
    position: relative;
}
.atfirst .cont1 h3::after {
    content: '';
    width: 0.01rem;
    height: 2.73rem;
    background: linear-gradient(#6E5DC1, #F25500);
    position: absolute;
    left: 0;
    bottom: 0.275rem;
}
.atfirst .cont1 p {
    font-weight: 500;
    line-height: 2.5;
    color: #fff;
    padding-bottom: 0.6rem;
}
.atfirst .cont1 ul {
    position: relative;
}
.atfirst .cont1 ul li {
    width: 5.2542rem;
    margin-left: -1.75rem;
    position: relative;
    z-index: 6;
}
.atfirst .cont1 ul li:nth-child(2) {
    position: absolute;
    left: 3.87rem;
    top: 0.57rem;
    z-index: 4;
}
.atfirst .cont1 ul li:nth-child(3) {
    position: absolute;
    left: 7.73rem;
    top: 1.09rem;
    z-index: 2;
}
@media screen and (max-width:750px){
.atfirst .cont1 {
    height: auto;
    margin-bottom: 6rem;
    position: relative;
    z-index: 2;
}
.atfirst .cont1::after {
    height: 12rem;
}
.atfirst .cont1 .sec {
    padding-left: 0.2rem;
}
.atfirst .cont1 h2 {
    font-size: 0.28rem;
    line-height: 1.25;
    margin-bottom: 0.7rem;
}
.atfirst .cont1 h2::before {
    top: 0.2rem;
}
.atfirst .cont1 h3 {
    font-size: 0.24rem;
    padding-bottom: 1.5rem;
}
.atfirst .cont1 h3::after {
    height: 1.3rem;
    bottom: 0.08rem;
}
.atfirst .cont1 p {
    font-size: 0.14rem;
    line-height: 1.95;
    padding-bottom: 0.5rem;
}
.atfirst .cont1 ul li {
    width: 90vw;
    margin-left: -0.5rem;
}
.atfirst .cont1 ul li:nth-child(2) {
    left: 0.3rem;
    top: 2.5rem;
}
.atfirst .cont1 ul li:nth-child(3) {
    left: 0.6rem;
    top: 5rem;
}
}

/* cont2 */
.atfirst .cont2 {
    padding-bottom: 1.8rem;
    position: relative;
}
.atfirst .cont2::before {
    content: '';
    width: 72vw;
    height: 15rem;
    background: url("../img/about/atfirst/bg.jpg") center top no-repeat;
    background-size: cover;
    border-radius: 0.2rem 0 0 0.2rem;
    position: absolute;
    right: 0;
    top: -8.6rem;
    opacity: 0.76;
    z-index: 1;
}
.atfirst .cont2::after {
    content: '';
    width: 13.62rem;
    height: 13.62rem;
    background: linear-gradient(135deg, #6E5DC1 0, #EA5504 30%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -2.23rem;
    margin-left: -1.8rem;
    opacity: 0.1;
    z-index: 2;
}
.atfirst .cont2 .sec {
    padding-left: 1.4rem;
    position: relative;
    z-index: 3;
}
.atfirst .cont2 h3 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.45;
    position: relative;
}
.atfirst .cont2 h3::before {
    content: '';
    width: 100vw;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 102%;
    top: 50%;
}
.atfirst .cont2 .copy {
    font-weight: 500;
    line-height: 1.875;
    margin: 0.1rem 0 0.45rem;
}
.atfirst .cont2 ul li {
    width: 2.9rem;
    height: 2.9rem;
    margin-bottom: 0.25rem;
    position: relative;
}
.atfirst .cont2 ul li:nth-child(2) {
    margin: 0 0.4rem 0.25rem;
}
.atfirst .cont2 ul li:nth-child(4) {
    margin: 0 0.2rem 0.25rem 0;
}
.atfirst .cont2 ul li:nth-child(5) {
    margin: 0 0 0.25rem 0.2rem;
}
.atfirst .cont2 ul li .card {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    box-shadow: 0 0 0.06rem rgba(0,0,0,0.16);
    padding: 0.4rem 0.5rem 0;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    transition: 0.7s;
    backface-visibility: hidden;
}
.atfirst .cont2 ul li .card.front {
    background: linear-gradient(135deg, rgba(110,93,193,0.3), rgba(234,85,4,0.3));
}
.atfirst .cont2 ul li .card.back {
    background: url("../img/about/atfirst/cont2_bg1.png") center center no-repeat;
    background-size: cover;
    transform: rotateY(-180deg);
}
.atfirst .cont2 ul li:nth-child(2) .card.back {
    background-image: url("../img/about/atfirst/cont2_bg2.png");
}
.atfirst .cont2 ul li:nth-child(3) .card.back {
    background-image: url("../img/about/atfirst/cont2_bg3.png");
}
.atfirst .cont2 ul li:nth-child(4) .card.back {
    background-image: url("../img/about/atfirst/cont2_bg4.png");
}
.atfirst .cont2 ul li:nth-child(5) .card.back {
    background-image: url("../img/about/atfirst/cont2_bg5.png");
}
.atfirst .cont2 ul li.isAnimate .card.front {
    transform: rotateY(180deg);
}
.atfirst .cont2 ul li.isAnimate .card.back {
    transform: rotateY(0);
}
.atfirst .cont2 ul li picture {
    width: 0.67rem;
    margin: 0 auto;
}
.atfirst .cont2 ul li h4 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.02em;
    margin: 0.1rem 0;
}
.atfirst .cont2 ul li p {
    font-size: 0.14rem;
    line-height: 1.75;
    text-align: left;
}
.atfirst .cont2 .box {
    background-color: #fff;
    border: 0.1rem solid #F3F3F3;
    padding: 0.3rem 0.55rem 0.35rem;
    box-sizing: border-box;
    position: relative;
}
.atfirst .cont2 .box h5 {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    padding-bottom: 0.3rem;
}
.atfirst .cont2 .box p {
    width: 5.33rem;
    font-size: 0.14rem;
}
.atfirst .cont2 .box picture {
    width: 2.63rem;
    position: absolute;
    right: 0.55rem;
    top: 0.9rem;
}
@media screen and (max-width:750px){
.atfirst .cont2 {
    padding-bottom: 1.3rem;
    position: relative;
}
.atfirst .cont2::before {
    width: 80vw;
    height: 27rem;
}
.atfirst .cont2::after {
    width: 8rem;
    height: 8rem;
    left: 50%;
    top: -1rem;
    margin-left: -0.5rem;
}
.atfirst .cont2 .sec {
    padding-left: 0.2rem;
}
.atfirst .cont2 h3 {
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
}
.atfirst .cont2 h3::before {
    top: 0.15rem;
}
.atfirst .cont2 .copy {
    margin: 0.1rem 0 0.45rem;
}
.atfirst .cont2 ul li {
    margin: 0 auto 0.25rem;
}
.atfirst .cont2 ul li:nth-child(2),
.atfirst .cont2 ul li:nth-child(4),
.atfirst .cont2 ul li:nth-child(5) {
    margin: 0 auto 0.25rem;
}
.atfirst .cont2 .box {
    padding: 0.3rem 0.25rem 0.25rem;
}
.atfirst .cont2 .box h5 {
    padding-bottom: 0.15rem;
}
.atfirst .cont2 .box p {
    width: 100%;
    line-height: 1.85;
    margin-bottom: 0.2rem;
}
.atfirst .cont2 .box picture {
    width: 100%;
    position: static;
}
}

/* cont3 */
.atfirst .cont3 {
    padding-bottom: 1rem;
}
.atfirst .cont3 .sec {
    padding-left: 1.4rem;
    position: relative;
    z-index: 2;
}
.atfirst .cont3 h3 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 0.25rem;
    position: relative;
}
.atfirst .cont3 h3::before {
    content: '';
    width: 100vw;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 102%;
    top: 50%;
}
.atfirst .cont3 .copy {
    line-height: 1.875;
    margin: 0.1rem 0 0.45rem;
}
.atfirst .cont3 ul li {
    width: 2.9rem;
    height: 2.55rem;
    background-color: #fff;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.05rem rgba(0,0,0,0.16);
    margin-bottom: 0.5rem;
    padding: 0.22rem 0.22rem 0;
    box-sizing: border-box;
    position: relative;
}
.atfirst .cont3 ul li:nth-child(1),
.atfirst .cont3 ul li:nth-child(2),
.atfirst .cont3 ul li:nth-child(3) {
    margin-top: -1.9rem;
}
.atfirst .cont3 ul li:nth-child(4),
.atfirst .cont3 ul li:nth-child(5),
.atfirst .cont3 ul li:nth-child(6) {
    height: 3.2rem;
}
.atfirst .cont3 ul li h4 {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236e5dc1%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f25500%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_44%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2044%22%20cx%3D%224%22%20cy%3D%224%22%20r%3D%224%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 0.08rem auto;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.04em;
    padding-left: 0.18rem;
    margin-bottom: 0.15rem;
}
.atfirst .cont3 ul li picture {
    width: 0.8rem;
    margin: 0 auto 0.05rem;
}
.atfirst .cont3 ul li:nth-child(4) picture {
    margin: 0.35rem auto 0.05rem;
}
.atfirst .cont3 ul li .num {
    font-size: 0.28rem;
    font-weight: 600;
    text-align: center;
}
.atfirst .cont3 ul li .num.st2 {
    margin-top: -0.15rem;
}
.atfirst .cont3 ul li .num span {
    display: inline-block;
    font-size: 0.53rem;
    font-weight: 400;
    line-height: 1.3;
    padding: 0 0.05rem;
}
.atfirst .cont3 ul li:nth-child(5) .num span {
    width: 0.52rem;
}
.atfirst .cont3 ul li .year {
    width: 100%;
    font-size: 0.14rem;
    line-height: 1.45;
    letter-spacing: 0.04em;
    text-align: center;
    color: #838383;
    position: absolute;
    left: 0;
    bottom: 0.16rem;
}
.atfirst .cont3 ul li:nth-child(7) {
    width: 100%;
    height: 2.6rem;
}
.atfirst .cont3 ul li:nth-child(7) ul li {
    width: 2.1rem;
    height: auto;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    margin: 0 0.22rem;
    padding: 0;
}
.atfirst .cont3 ul li:nth-child(7) h4 {
    margin-bottom: 0.35rem;
}
.atfirst .cont3 ul li:nth-child(7) ul li picture {
    width: 0.72rem;
    margin-bottom: 0.1rem;
}
.atfirst .cont3 ul li:nth-child(7) ul li h5 {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-align: center;
}
.atfirst .cont3 ul li:nth-child(7) ul li h5 span {
    display: block;
    font-size: 0.28rem;
    letter-spacing: normal;
}
.atfirst .cont3 .box {
    height: 5.2rem;
    background: url("../img/about/atfirst/cont3_photo.jpg") center center no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
}
.atfirst .cont3 .box::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(26,26,26,0.8);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.atfirst .cont3 .box .con {
    padding-top: 0.55rem;
    position: relative;
    z-index: 2;
}
.atfirst .cont3 .box .year {
    font-size: 0.5rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.1rem;
}
.atfirst .cont3 .box .year span {
    display: inline-block;
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 1.3;
    padding: 0 0.05rem;
}
.atfirst .cont3 .box p {
    font-size: 0.2rem;
    line-height: 2;
    letter-spacing: 0.02em;
}
@media screen and (max-width:750px){
.atfirst .cont3 {
    padding-bottom: 0.75rem;
}
.atfirst .cont3 .sec {
    padding-left: 0.2rem;
}
.atfirst .cont3 h3 {
    margin-bottom: 0.25rem;
}
.atfirst .cont3 h3::before {
    top: 0.15rem;
}
.atfirst .cont3 .copy {
    margin: 0.1rem 0 0.45rem;
}
.atfirst .cont3 ul li {
    margin: 0 0 0.25rem 0.05rem;
}
.atfirst .cont3 ul li:nth-child(1) {
    margin-top: -0.75rem;
}
.atfirst .cont3 ul li:nth-child(2),
.atfirst .cont3 ul li:nth-child(3) {
    margin-top: 0;
}
.atfirst .cont3 ul li:nth-child(4) {
    height: 2.55rem;
}
.atfirst .cont3 ul li:nth-child(4) picture {
    margin: 0 auto 0.05rem;
}
.atfirst .cont3 ul li:nth-child(7) {
    width: 2.9rem;
    height: 5.5rem;
}
.atfirst .cont3 ul li:nth-child(7) ul li {
    width: 100%;
    height: auto;
    margin: 0 0 0.2rem;
}
.atfirst .cont3 ul li:nth-child(7) h4 {
    margin-bottom: 0.35rem;
}
.atfirst .cont3 .box {
    height: 3.5rem;
}
.atfirst .cont3 .box .con {
    padding-top: 0.4rem;
}
.atfirst .cont3 .box .year {
    font-size: 0.35rem;
    margin-bottom: 0.1rem;
}
.atfirst .cont3 .box .year span {
    font-size: 0.72rem;
}
.atfirst .cont3 .box p {
    width: 90%;
    font-size: 0.16rem;
    line-height: 1.85;
    letter-spacing: normal;
    margin: 0 auto;
}
}

/* cont4 */
.atfirst .cont4 {
    padding-bottom: 1.9rem;
}
.atfirst .cont4 .sec {
    padding-left: 1.4rem;
    position: relative;
    z-index: 2;
}
.atfirst .cont4 h3 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.45;
    position: relative;
}
.atfirst .cont4 h3::before {
    content: '';
    width: 100vw;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 102%;
    top: 50%;
}
.atfirst .cont4 .copy {
    font-weight: 500;
    line-height: 1.875;
    margin: 0.1rem 0 0.3rem;
}
.atfirst .cont4 h4 {
    font-size: 0.28rem;
    font-weight: 600;
    line-height: 1;
    color: #6356A3;
    text-align: center;
}
.atfirst .cont4 h4 span {
    display: inline-block;
    font-size: 0.53rem;
    font-weight: 400;
    line-height: 1.1;
    padding: 0 0.05rem;
}
.atfirst .cont4 h4.tit2 {
    color: #EA5504;
}
@media screen and (max-width:750px){
.atfirst .cont4 {
    padding-bottom: 1rem;
}
.atfirst .cont4 .sec {
    padding-left: 0.2rem;
}
.atfirst .cont4 h3::before {
    top: 0.15rem;
}
.atfirst .cont4 .copy {
    margin: 0.1rem 0 0.3rem;
}
.atfirst .cont4 h4 {
    font-size: 0.24rem;
    margin-bottom: 0.05rem;
}
.atfirst .cont4 h4 span {
    font-size: 0.48rem;
}
.atfirst .cont4 picture {
    width: 113vw;
    margin-left: calc(-5vw - 0.2rem);
}
}


/* interview/
------------------------------------------------- */
/* main */
.interview .main {
    position: relative;
}
.interview .main::after {
    content: '';
    width: 77.81%;
    height: 18.5rem;
    background: url("../img/common/bg.jpg") center center no-repeat;
    background-size: cover;
    border-radius: 0.2rem 0 0 0.2rem;
    opacity: 0.76;
    position: absolute;
    right: 0;
    top: 6.28rem;
    z-index: 1;
}
@media screen and (max-width:750px){
.interview .main::after {
    content: '';
    width: 68%;
    height: 28rem;
    top: 3rem;
}
}

/* mainimg */
.interview .mainimg {
    margin-bottom: 2.3rem;
    position: relative;
    z-index: 2;
}
.interview .mainimg h1 {
    bottom: -0.75rem;
}
@media screen and (max-width:750px){
.interview .mainimg {
    margin-bottom: 0.6rem;
}
.interview .mainimg h1 img {
    display: block;
    width: 78%;
}
}

/* cont1 */
.interview .cont1 {
    padding-bottom: 1.1rem;
    position: relative;
    z-index: 2;
}
.interview .cont1 ul {
    width: 10.4rem;
    margin: 0 auto;
}
.interview .cont1 ul li {
    width: 27.8846%;
    margin: 0 8.1731% 0.85rem 0;
}
.interview .cont1 ul li:nth-child(3n) {
    margin-right: 0;
}
.interview .cont1 ul li a {
    display: block;
}
.interview .cont1 ul li a picture {
    width: 100%;
    height: 3.6rem;
    border-radius: 0.05rem;
    overflow: hidden;
    position: relative;
}
.interview .cont1 ul li a picture::after {
    content: '';
    width: 100%;
    height: 45%;
    background: linear-gradient(0deg, rgba(26,26,26,0.8), rgba(26,26,26,0));
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: 0.4s;
    opacity: 0;
}
.interview .cont1 ul li a picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.interview .cont1 ul li a picture span {
    font-weight: 500;
    line-height: 1.66;
    color: #fff;
    position: absolute;
    left: 5%;
    bottom: 5%;
    z-index: 2;
    transition: 0.4s;
    opacity: 0;
}
.interview .cont1 ul li a h2 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.45;
    padding: 0.1rem 0;
}
.interview .cont1 ul li a h2 span {
    display: block;
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: 0.04em;
    color: #838383;
    padding-top: 0.04rem;
}
.interview .cont1 ul li a .group {
    line-height: 1;
}
.interview .cont1 ul li a .group span {
    display: inline-block;
    background: linear-gradient(270deg, #F25500, #6E5DC1);
    border-radius: 0.22rem;
    font-size: 0.12rem;
    font-weight: 500;
    line-height: 0.22rem;
    color: #fff;
    padding: 0 0.13rem;
}
.interview .cont1 ul li a .detail {
    font-size: 0.12rem;
    line-height: 1.85;
    letter-spacing: 0.05em;
    padding-top: 0.075rem;
}
@media screen and (min-width:751px){
.interview .cont1 ul li a:hover picture::after {
    opacity: 1;
}
.interview .cont1 ul li a:hover picture img {
    transform: scale(1.05);
}
.interview .cont1 ul li a:hover picture span {
    opacity: 1;
}
}
@media screen and (max-width:750px){
.interview .cont1 {
    padding-bottom: 0.5rem;
}
.interview .cont1 ul {
    width: 70%;
    margin: 0 auto;
}
.interview .cont1 ul li {
    width: 100%;
    margin: 0 0 0.5rem;
}
.interview .cont1 ul li a picture {
    height: 2.9rem;
}
.interview .cont1 ul li a picture span {
    display: none;
}
.interview .cont1 ul li a .group span {
     white-space: nowrap;
}
.interview .cont1 ul li a .detail {
    line-height: 1.66;
}
}


/* interview/detail.html
------------------------------------------------- */
/* main */
.people .main {
    background: url("../img/interview/bg1.jpg") center top no-repeat;
    background-size: 100% 9.4rem;
}
@media screen and (max-width:750px){
.people .main {
    background-size: 100% 8rem;
}
}

/* bg */
.people .bg {
    background: url("../img/interview/bg2.jpg") center 6.7rem no-repeat;
    background-size: 100% 9.92rem;
}
@media screen and (max-width:750px){
.people .bg {
    background-position: center 2.2rem;
    background-size: 100% 12.5rem;
}
}

/* mainttl */
.people .mainttl {
    margin-bottom: 0.9rem;
}
.people .mainttl .photo {
    width: 48.535vw;
    height: 46vw;
    background: linear-gradient(315deg, rgba(234,85,4,0.8), rgba(211,78,68,0.8), rgba(99,86,163,0.8));
    border-radius: 0 0 0.2rem 0;
    overflow: hidden;
}
.people .mainttl .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.3);
    opacity: 0;
    transition: 0.8s 0.4s;
}
.people .mainttl.isAnimate .photo img {
    transform: scale(1);
    opacity: 1;
}
.people .mainttl .con {
    width: 5.28rem;
    margin: 0.35rem 0 0 4.83vw;
}
.people .mainttl .con .ttl {
    margin-bottom: 0.7rem;
    position: relative;
}
.people .mainttl .con .ttl picture {
    width: 3rem;
    border-radius: 0.05rem;
    margin: 0 auto;
    overflow: hidden;
}
.people .mainttl .con .ttl h1 {
    width: 80%;
    position: absolute;
    left: 10%;
    bottom: -0.31rem;
}
.people .mainttl .con h2 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.45;
}
.people .mainttl .con h2 span {
    display: block;
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: 0.04em;
    color: #838383;
    padding-top: 0.04rem;
}
.people .mainttl .con .group {
    line-height: 1;
    padding: 0.1rem 0 0.2rem;
}
.people .mainttl .con .group span {
    display: inline-block;
    background: linear-gradient(270deg, #F25500, #6E5DC1);
    border-radius: 0.22rem;
    font-size: 0.12rem;
    font-weight: 500;
    line-height: 0.22rem;
    color: #fff;
    padding: 0 0.13rem;
    vertical-align: top;
}
.people .mainttl .con .group b {
    display: inline-block;
    font-weight: 400;
    font-size: 0.12rem;
    line-height: 1.85;
    letter-spacing: 0.05em;
    margin-left: 0.2rem;
    vertical-align: top;
}
.people .mainttl .con h3 {
    font-size: 0.3rem;
    font-weight: 700;
    line-height: 1.66;
    white-space: nowrap;
}
@media screen and (max-width:750px){
.people .mainttl {
    padding-top: 1.25rem;
    margin-bottom: 0.7rem;
}
.people .mainttl .photo {
    width: 90vw;
    height: auto;
    border-radius: 0 0.2rem 0.2rem 0;
}
.people .mainttl .con {
    width: 90%;
    margin: 0 auto;
}
.people .mainttl .con .ttl {
    margin-bottom: 0.3rem;
}
.people .mainttl .con .ttl picture {
    display: none;
}
.people .mainttl .con .ttl h1 {
    position: static;
    margin-top: -0.15rem;
}
.people .mainttl .con .ttl h1 img {
    display: block;
    width: 100%;
}
.people .mainttl .con .detail {
    line-height: 1.66;
    padding-bottom: 0.4rem;
}
.people .mainttl .con picture.spon {
    width: 80%;
    margin: 0 auto 0.2rem;;
    border-radius: 0.05rem;
    overflow: hidden;
}    
.people .mainttl .con .group b {
    display: block;
    margin-left: 0;
}
.people .mainttl .con h3 {
    font-size: 0.24rem;
    line-height: 1.45;
    white-space: normal;
}
}

/* cont1 */
.people .cont1 {
    margin-bottom: 1rem;
}
.people .cont1 h3 {
    width: 2rem;
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 1.45;
    position: relative;
}
.people .cont1 h3::after {
    content: '';
    width: 50vw;
    height: 0.02rem;
    background: linear-gradient(90deg, #6E5DC1, #F25500);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.04rem;
}
.people .cont1 h3 span {
    display: block;
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: 0.04em;
    padding-bottom: 0.22rem;
}
.people .cont1 p {
    width: 5.05rem;
    font-size: 0.14rem;
    margin-left: 0.6rem;
}
@media screen and (max-width:750px){
.people .cont1 {
    margin-bottom: 0.7rem;
}
.people .cont1 h3 {
    width: 100%;
    margin-bottom: 0.2rem;
}
.people .cont1 h3::after {
    width: 100vw;
    right: auto;
    left: 0;
}
.people .cont1 p {
    width: 100%;
    line-height: 1.85;
    margin-left: 0;
}
}

/* cont2 */
.people .cont2 {
    margin-bottom: 3.6rem;
}
.people .cont2 .con,
.people .cont3 .con,
.people .cont4 .con {
    width: 5.55rem;
    background-color: #ffff;
    box-shadow: 0 0 0.03rem rgba(0,0,0,0.16);
    padding: 0.56rem 0.56rem 0.5rem 0.57rem;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 1.14rem;
    z-index: 3;
}
.people .cont2 .con::before,
.people .cont3 .con::before,
.people .cont4 .con::before {
    content: '';
    width: 0.02rem;
    height: 100%;
    background: linear-gradient(180deg, #6E5DC1, #F25500);
    position: absolute;
    left: 0;
    top: 0;
}
.people .cont2 .con h3,
.people .cont3 .con h3,
.people .cont4 .con h3 {
    line-height: 1;
    padding-bottom: 0.4rem;
}
.people .cont2 .con h3 img {
    width: 1.03rem;
}
.people .cont2 .con h3 span,
.people .cont3 .con h3 span,
.people .cont4 .con h3 span {
    display: block;
    font-size: 0.14rem;
    font-weight: 500;
    line-height: 1;
    color: #838383;
    padding-top: 0.13rem;
}
.people .cont2 .con h4,
.people .cont3 .con h4,
.people .cont4 .con h4 {
    font-size: 0.24rem;
    font-weight: 500;
    line-height: 1.66;
    letter-spacing: 0.02em;
    padding-bottom: 0.18rem;
    white-space: nowrap;
}
.people .cont2 .con p,
.people .cont3 .con p,
.people .cont4 .con p {
    font-size: 0.14rem;
}
.people .cont2 picture {
    width: 51.97vw;
    border-radius: 0.05rem 0 0 0.05rem;
    margin-right: calc(5.53rem - 50cqw);
    overflow: hidden;
}
.people .cont2 .space {
    width: 47.55%;
}
@media screen and (max-width:750px){
.people .cont2 {
    margin-bottom: 0.7rem;
}
.people .cont2 .con,
.people .cont3 .con,
.people .cont4 .con {
    width: 100%;
    padding: 0.35rem 0.25rem 0.3rem 0.25rem;
    position: relative;
    left: auto;
    top: auto;
    margin-top: -0.4rem;
}
.people .cont2 .con h3,
.people .cont3 .con h3,
.people .cont4 .con h3 {
    line-height: 1;
    padding-bottom: 0.3rem;
}
.people .cont2 .con h3 span,
.people .cont3 .con h3 span,
.people .cont4 .con h3 span {
    padding-top: 0.1rem;
}
.people .cont2 .con h4,
.people .cont3 .con h4,
.people .cont4 .con h4 {
    font-size: 0.2rem;
    line-height: 1.45;
    letter-spacing: normal;
    padding-bottom: 0.2rem;
}
.people .cont2 .con p,
.people .cont3 .con p,
.people .cont4 .con p {
    line-height: 1.85;
}
.people .cont2 picture {
    width: 90vw;
    margin: 0 0 0 5vw;
}
.people .cont2 .space {
    width: 0;
}
}

/* cont3 */
.people .cont3 {
    margin-bottom: 1.9rem;
    position: relative;
    z-index: 2;
}
.people .cont3 .con {
    left: auto;
    right: 0;
    top: -0.58rem;
}
.people .cont3 .con h3 img {
    width: 1.04rem;
}
.people .cont3 picture {
    width: 52.44%;
    border-radius: 0.05rem 0 0 0.05rem;
    overflow: hidden;
}
@media screen and (max-width:750px){
.people .cont3 {
    margin-bottom: 0.7rem;
}
.people .cont3 .con {
    left: auto;
    right: auto;
    top: auto;
}
.people .cont3 picture {
    width: 90vw;
    border-radius: 0 0.05rem 0.05rem 0;
    margin-left: -5vw;
}
}

/* cont4 */
.people .cont4 {
    margin-bottom: 1.1rem;
}
.people .cont4 .con {
    width: 100%;
    position: static;
    margin-top: -0.96rem;
}
.people .cont4 .con h3 img {
    width: 1.04rem;
}
@media screen and (max-width:750px){
.people .cont4 {
    margin-bottom: 0.7rem;
}
.people .cont4 .con {
    width: 100%;
    position: static;
    margin-top: -0.4rem;
}
.people .cont4 .con h3 img {
    width: 1.04rem;
}
.people .cont4 picture {
    width: 120vw;
    margin-left: -10vw;
}
}

/* cont5 */
.people .cont5 {
    margin-bottom: 1.45rem;
}
.people .cont5 .con {
    width: 5.2rem;
    background-color: #fff;
    padding: 0.36rem 0.31rem 0.1rem;
    box-sizing: border-box;
}
.people .cont5 .con.last {
    margin-top: 2rem;
}
.people .cont5 .con picture {
    position: relative;
    margin-bottom: 0.3rem;
}
.people .cont5 .con picture span {
    width: 1.36rem;
    height: 0.31rem;
    background: linear-gradient(90deg, #6E5DC1, #F25500);
    font-size: 0.12rem;
    letter-spacing: 0.04em;
    color: #fff;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
}
.people .cont5 .con h4 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.02em;
    padding-bottom: 0.12rem;
}
.people .cont5 .con p {
    font-size: 0.14rem;
}
@media screen and (max-width:750px){
.people .cont5 {
    margin-bottom: 0.7rem;
}
.people .cont5 .con {
    width: 100%;
    padding: 0.25rem 0.25rem 0.1rem;
    margin-bottom: 0.35rem;
}
.people .cont5 .con.last {
    margin-top: 0;
}
.people .cont5 .con picture {
    position: relative;
    margin-bottom: 0.2rem;
}
.people .cont5 .con picture span {
    width: 1rem;
    height: 0.25rem;
}
.people .cont5 .con h4 {
    font-size: 0.18rem;
    padding-bottom: 0.1rem;
}
.people .cont5 .con p {
    line-height: 1.85;
}
}

/* cont6 */
.people .cont6 {
    margin-bottom: 1.85rem;
}
.people .cont6 h5 {
    width: 6.7rem;
    font-size: 0.12rem;
    line-height: 1.33;
    letter-spacing: 0.04em;
    text-align: right;
    margin-bottom: 0.64rem;
    position: relative;
}
.people .cont6 h5::after {
    content: '';
    width: 60vw;
    height: 0.02rem;
    background: linear-gradient(270deg, #F25500, #6E5DC1);
    position: absolute;
    right: 0;
    top: 0.27rem;
}
.people .cont6 ul li {
    width: 3.1rem;
    margin-right: 0.49rem;
}
.people .cont6 ul li a {
    display: block;
}
.people .cont6 ul li a picture {
    width: 100%;
    height: 3.6rem;
    border-radius: 0.05rem;
    overflow: hidden;
    position: relative;
}
.people .cont6 ul li a picture::after {
    content: '';
    width: 100%;
    height: 45%;
    background: linear-gradient(0deg, rgba(26,26,26,0.8), rgba(26,26,26,0));
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: 0.4s;
    opacity: 0;
}
.people .cont6 ul li a picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.people .cont6 ul li a picture span {
    font-weight: 500;
    line-height: 1.66;
    color: #fff;
    position: absolute;
    left: 5%;
    bottom: 5%;
    z-index: 2;
    transition: 0.4s;
    opacity: 0;
}
.people .cont6 ul li a h6 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.45;
    padding: 0.1rem 0;
}
.people .cont6 ul li a h6 span {
    display: block;
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: 0.04em;
    color: #838383;
    padding-top: 0.04rem;
}
.people .cont6 ul li a .group {
    line-height: 1;
}
.people .cont6 ul li a .group span {
    display: inline-block;
    background: linear-gradient(270deg, #F25500, #6E5DC1);
    border-radius: 0.22rem;
    font-size: 0.12rem;
    font-weight: 500;
    line-height: 0.22rem;
    color: #fff;
    padding: 0 0.13rem;
}
.people .cont6 ul li a .detail {
    font-size: 0.12rem;
    line-height: 1.85;
    letter-spacing: 0.05em;
    padding-top: 0.075rem;
}
@media screen and (min-width:751px){
.people .cont6 ul li a:hover picture::after {
    opacity: 1;
}
.people .cont6 ul li a:hover picture img {
    transform: scale(1.05);
}
.people .cont6 ul li a:hover picture span {
    opacity: 1;
}
}
@media screen and (max-width:750px){
.people .cont6 {
    margin-bottom: 1rem;
}
.people .cont6 h5 {
    width: 100%;
    font-size: 0.12rem;
    margin-bottom: 0.4rem;
}
.people .cont6 h5::after {
    width: 100vw;
}
.people .cont6 ul {
    width: 70%;
    margin: 0 auto;
}
.people .cont6 ul li {
    width: 100%;
    margin: 0 0 0.5rem;
}
.people .cont6 ul li a picture {
    height: 2.9rem;
}
.people .cont6 ul li a picture span {
    display: none;
}
.people .cont6 ul li a .group span {
    white-space: nowrap;
}
.people .cont6 ul li a .detail {
    line-height: 1.66;
}
}


/* environment/
------------------------------------------------- */
/* mainimg */
.wlb .mainimg {
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 2;
}
.wlb .mainimg h1 {
    bottom: -0.75rem;
}
@media screen and (max-width:750px){
.wlb .mainimg {
    margin-bottom: 0.6rem;
}
.wlb .mainimg h1 img {
    width: 82%;
}
}

/* cont1 */
.wlb .cont1 {
    margin-bottom: 0.95rem;
}
.wlb .cont1 .copy {
    width: 7rem;
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: 0.02em;
    margin: 0 0 0.75rem 1.35rem;
    position: relative;
}
.wlb .cont1 .copy::before {
    content: '';
    width: 50vw;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 102%;
    top: 0.15rem;
}
.wlb .cont1 .sec {
    padding-left: 1.4rem;
}
.wlb .cont1 h2 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.02em;
    margin-bottom: 0.2rem;
    position: relative;
}
.wlb .cont1 h2::before {
    content: '';
    width: 100vw;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 102%;
    top: 50%;
}
.wlb .cont1 ul li {
    width: 2.9rem;
    height: 2.55rem;
    background: url("../img/environment/bg.jpg") center center no-repeat;
    border-radius: 0.05rem;
    padding-top: 0.22rem;
    margin-bottom: 0.15rem;
    box-sizing: border-box;
    position: relative;
}
.wlb .cont1 ul.list2 li {
    margin-bottom: 0.4rem;
}
.wlb .cont1 ul li h3 {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236e5dc1%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f25500%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_44%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2044%22%20cx%3D%224%22%20cy%3D%224%22%20r%3D%224%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 0.08rem auto;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.04em;
    color: #6356A3;
    padding-left: 0.18rem;
    margin-left: 0.22rem;
}
.wlb .cont1 ul li h4 {
    width: 100%;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-align: center;
    color: #6356A3;
    position: absolute;
    left: 0;
    top: 0.7rem;
}
.wlb .cont1 ul li .num {
    font-size: 0.5rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    color: #6356A3;
    margin-top: 0.2rem;
    white-space: nowrap;
}
.wlb .cont1 ul li .num span {
    display: inline-block;
    width: 1.35rem;
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 1.3;
}
.wlb .cont1 ul li .num.style2 {
    font-size: 0.47rem;
    margin-top: 0.32rem;
}
.wlb .cont1 ul li .num.style2 span {
    width: 0.85rem;
    font-size: 0.88rem;
}
.wlb .cont1 ul li .num.style3 span {
    width: 1.6rem;
    font-size: 0.88rem;
}
.wlb .cont1 ul li .num.style4,
.wlb .cont1 ul li .num.style5 {
    font-size: 0.35rem;
    margin-top: 0.13rem;
}
.wlb .cont1 ul li .num.style4 span,
.wlb .cont1 ul li .num.style5 span {
    width: 0.75rem;
    font-size: 0.66rem;
}
.wlb .cont1 ul li .num.style5 {
    margin-top: -0.2rem;
}
.wlb .cont1 ul li .num.style4.wi span,
.wlb .cont1 ul li .num.style5.wi span {
    width: 1.05rem;
    text-align: right;
    padding-right: 0.1rem;
}
.wlb .cont1 ul li .year {
    width: 100%;
    font-size: 0.14rem;
    line-height: 1.45;
    letter-spacing: 0.04em;
    text-align: center;
    color: #838383;
    position: absolute;
    left: 0;
    bottom: 0.16rem;
}
.wlb .cont1 .note1 {
    font-size: 0.12rem;
    line-height: 1.45;
    letter-spacing: 0.02em;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 0.32rem;
}
@media screen and (max-width:750px){
.wlb .cont1 {
    margin-bottom: 0.7rem;
}
.wlb .cont1 .copy {
    width: calc(100% - 0.2rem);
    margin: 0 0 0.7rem 0.2rem;
}
.wlb .cont1 .sec {
    padding-left: 0.2rem;
    position: relative;
}
.wlb .cont1 h2 {
    margin-bottom: 0.25rem;
}
.wlb .cont1 ul li {
    width: 2.95rem;
    height: 2.35rem;
    margin-bottom: 0.2rem;
}
.wlb .cont1 ul.list2 li {
    margin-bottom: 0.2rem;
}
.wlb .cont1 ul li h4 {
    top: 0.6rem;
}
.wlb .cont1 ul li .num {
    margin-top: 0.15rem;
}
.wlb .cont1 ul li .num.style2 {
    margin-top: 0.25rem;
}
.wlb .cont1 ul li .num.style4 {
    margin-top: 0;
}
.wlb .cont1 ul.list1 li:nth-child(2) {
    margin-bottom: 0.9rem;
}
.wlb .cont1 .note1 {
    width: 2.95rem;
    position: absolute;
    left: 0.2rem;
    top: 5.55rem;
    margin-bottom: 0;
    box-sizing: border-box;
}
}

/* cont2 */
.wlb .cont2 {
    margin-bottom: 1.5rem;
}
.wlb .cont2 h3 {
    font-weight: 500;
    line-height: 1.5;
    padding: 0.3rem 0 0.1rem;
}
.wlb .cont2 .con1 {
    width: 6.22rem;
    margin-bottom: 0.5rem;
}
.wlb .cont2 .con2 {
    width: 2.81rem;
    margin-bottom: 0.5rem;
}
.wlb .cont2 .con h4 {
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 3.14;
    background-color: #017AB0;
    color: #fff;
    padding: 0 0.15rem;
    margin-bottom: 0.15rem;
}
.wlb .cont2 .table1 {
    width: 100%;
}
.wlb .cont2 .table1 th {
    background-color: #017AB0;
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 1.45;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 0.1rem 0;
    border: 0.01rem solid rgba(255,255,255,0.5);
    box-sizing: border-box;
}
.wlb .cont2 .table1 tr:first-child th:first-child {
    width: 1.3rem;
}
.wlb .cont2 .table1 th.th1 {
    background-color: #00A3EA;
    font-weight: 500;
}
.wlb .cont2 .table1 th.th2 {
    width: 1.3rem;
    background-color: #6356A3;
    font-weight: 500;
}
.wlb .cont2 .table1 th.th3 {
    width: 1.3rem;
    background-color: #07B4FF;
    font-weight: 500;
}
.wlb .cont2 .table1 td {
    font-size: 0.14rem;
    line-height: 1.785;
    vertical-align: middle;
    padding: 0.15rem 0.25rem;
    border: 0.01rem solid rgba(112,112,112,0.5);
    box-sizing: border-box;
}
.wlb .cont2 .table1 td span {
    display: block;
    padding-top: 0.15rem;
}
.wlb .cont2 .note2 {
    font-size: 0.12rem;
    line-height: 1.45;
    letter-spacing: 0.02em;
    padding-top: 0.1rem;
}
.wlb .cont2 .box {
    border-top: 0.01rem solid rgba(112,112,112,0.5);
    border-bottom: 0.01rem solid rgba(112,112,112,0.5);
    padding: 0.6rem 0.45rem 0.45rem 2.2rem;
    margin-top: 0.75rem;
    position: relative;
}
.wlb .cont2 .box p {
    font-size: 0.14rem;
}
.wlb .cont2 .box picture {
    width: 1.88rem;
    position: absolute;
    left: 0.24rem;
    top: 0.3rem;
}
@media screen and (max-width:750px){
.wlb .cont2 {
    margin-bottom: 1rem;
}
.wlb .cont2 h3 {
    padding: 0.1rem 0;
}
.wlb .cont2 .con1 {
    width: 100%;
    margin-bottom: 0.25rem;
}
.wlb .cont2 .con1 .ov {
    width: 100%;
    padding-bottom: 0.1rem;
    overflow-x: auto;
    position: relative;
}
.wlb .cont2 .con1 .ov::before {
    content: '';
    width: 38vw;
    height: 38vw;
    background-color: #B1B1B1;
    border-radius: 3.7333vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    mix-blend-mode: multiply;
    z-index: 11;
    opacity: 1;
}
.wlb .cont2 .con1 .ov::after {
    content: '';
    width: 28.8vw;
    height: 25vw;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22104.91%22%20height%3D%2288.49%22%20viewBox%3D%220%200%20104.91%2088.49%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5779%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205779%22%20transform%3D%22translate(-135.056%20-303.493)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x1%3D%2216.522%22%20transform%3D%22translate(137.724%20351.912)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.46%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11169%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011169%22%20d%3D%22M135.876%2C341.85l1.678%2C1.8-8.886%2C8.258%2C8.886%2C8.261-1.678%2C1.8L125.056%2C351.91Z%22%20transform%3D%22translate(10)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11173%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011173%22%20d%3D%22M0%2C0H16.522%22%20transform%3D%22translate(220.775%20351.914)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.46%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11170%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011170%22%20d%3D%22M239.145%2C361.976l-1.679-1.8%2C8.887-8.258-8.887-8.26%2C1.679-1.8%2C10.821%2C10.062Z%22%20transform%3D%22translate(-10)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5778%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205778%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11171%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011171%22%20d%3D%22M205.351%2C336.736a5%2C5%2C0%2C0%2C0-2.6.741v-1.193a5.327%2C5.327%2C0%2C0%2C0-8.408-4.361%2C5.827%2C5.827%2C0%2C0%2C0-9.086-3.366V317.315a5.868%2C5.868%2C0%2C0%2C0-11.735%2C0v32.669a4.069%2C4.069%2C0%2C0%2C0-3.266-.05%2C9.258%2C9.258%2C0%2C0%2C0-5.647%2C8.535v2.494a21.674%2C21.674%2C0%2C0%2C0%2C4.59%2C13.306l5.119%2C6.539a1.213%2C1.213%2C0%2C0%2C0-.243.712V390.3a1.231%2C1.231%2C0%2C0%2C0%2C2.462%2C0v-7.737a79.025%2C79.025%2C0%2C0%2C1%2C12.452-.948%2C77.066%2C77.066%2C0%2C0%2C1%2C14.771%2C1.364v7.775a1.23%2C1.23%2C0%2C1%2C0%2C2.461%2C0v-8.777a1.217%2C1.217%2C0%2C0%2C0-.761-1.118l3.047-9.285a38.135%2C38.135%2C0%2C0%2C0%2C1.9-11.909V341.8A5.066%2C5.066%2C0%2C0%2C0%2C205.351%2C336.736Zm2.6%2C22.927a35.707%2C35.707%2C0%2C0%2C1-1.782%2C11.142l-3.136%2C9.558a80.493%2C80.493%2C0%2C0%2C0-14.043-1.212%2C81.886%2C81.886%2C0%2C0%2C0-12.145.892l-5.708-7.291a19.219%2C19.219%2C0%2C0%2C1-4.066-11.789v-2.494a6.8%2C6.8%2C0%2C0%2C1%2C4.148-6.27%2C1.658%2C1.658%2C0%2C0%2C1%2C2.3%2C1.525v6.9a1.231%2C1.231%2C0%2C0%2C0%2C2.462%2C0V317.315a3.406%2C3.406%2C0%2C1%2C1%2C6.811%2C0v23.317a1.231%2C1.231%2C0%2C1%2C0%2C2.462%2C0V333.3a3.405%2C3.405%2C0%2C0%2C1%2C6.81.012v9.929a1.231%2C1.231%2C0%2C1%2C0%2C2.462%2C0v-6.961a2.881%2C2.881%2C0%2C0%2C1%2C5.761%2C0v9.5a1.23%2C1.23%2C0%2C1%2C0%2C2.461%2C0V341.8a2.6%2C2.6%2C0%2C0%2C1%2C5.2%2C0Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5777%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205777%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11172%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011172%22%20d%3D%22M190.254%2C324.9a1.217%2C1.217%2C0%2C0%2C1-.62-.169%2C1.231%2C1.231%2C0%2C0%2C1-.441-1.683%2C11.36%2C11.36%2C0%2C1%2C0-19.6%2C0%2C1.231%2C1.231%2C0%2C0%2C1-2.125%2C1.242%2C13.821%2C13.821%2C0%2C1%2C1%2C23.854%2C0A1.231%2C1.231%2C0%2C0%2C1%2C190.254%2C324.9Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 12;
    opacity: 1;
}
.wlb .cont2 .con1 .ov.isAnimate::before,
.wlb .cont2 .con1 .ov.isAnimate::after {
    animation: fadeOut 1s forwards 1.5s;
}
.wlb .cont2 .con1 .ov img {
    width: 186.5vw;
    max-width: inherit;
}
.wlb .cont2 .con2 {
    width: 100%;
    margin-bottom: 0.5rem;
}
.wlb .cont2 .con h4 {
    font-size: 0.13rem;
    line-height: 2.5;
    margin-bottom: 0.1rem;
}
.wlb .cont2 .over {
    width: 100%;
    padding-bottom: 0.1rem;
    overflow-x: auto;
    position: relative;
}
.wlb .cont2 .table1 {
    width: 130vw;
}
.wlb .cont2 .table1 th {
    font-size: 0.13rem;
    padding: 0.1rem;
    white-space: nowrap;
}
.wlb .cont2 .table1 tr:first-child th:first-child,
.wlb .cont2 .table1 th.th2,
.wlb .cont2 .table1 th.th3 {
    width: auto;
}
.wlb .cont2 .table1 td {
    font-size: 0.13rem;
    line-height: 1.45;
    padding: 0.1rem;
}
.wlb .cont2 .table1 td span {
    padding-top: 0.15rem;
}
.wlb .cont2 .note2 {
    padding-top: 0.05rem;
}
.wlb .cont2 .box {
    padding: 0.1rem 0.1rem 0.25rem;
    margin-top: 0.4rem;
}
.wlb .cont2 .box picture {
    position: static;
    margin: 0 auto;
} 
}


/* environment/career.html
------------------------------------------------- */
/* mainimg */
.career .mainimg {
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 2;
}
.career .mainimg h1 {
    bottom: -0.75rem;
}
@media screen and (max-width:750px){
.career .mainimg {
    margin-bottom: 0.6rem;
}
.career .mainimg h1 img {
    width: 100%;
}
}

/* cont1 */
.career .cont1 {
    margin-bottom: 1.35rem;
}
.career .cont1 .copy {
    width: 7rem;
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: 0.02em;
    margin: 0 0 0.75rem 1.35rem;
    position: relative;
}
.career .cont1 .copy::before {
    content: '';
    width: 50vw;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 102%;
    top: 0.15rem;
}
.career .cont1 .sec {
    padding-left: 1.4rem;
}
.career .cont1 h2 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.02em;
    margin-bottom: 0.2rem;
    position: relative;
}
.career .cont1 h2::before {
    content: '';
    width: 100vw;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 102%;
    top: 50%;
}
.career .cont1 .box1 {
    width: 100%;
    background-color: #017AB0;
    color: #fff;
    text-align: center;
    padding: 0.25rem 0;
}
.career .cont1 .box1 h3 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0.1rem;
}
.career .cont1 .box1 p {
    font-size: 0.14rem;
    line-height: 1.785;
}
.career .cont1 .table1 {
    width: 100%;
}
.career .cont1 .table1 th {
    width: 16.66%;
    background-color: #00A3EA;
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 1.45;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 0.15rem 0;
    border-left: 0.01rem solid #00A3EA;
    border-right: 0.01rem solid rgba(255,255,255,0.5);
    box-sizing: border-box;
}
.career .cont1 .table1 th:last-child {
    border-right: 0.01rem solid #00A3EA;
}
.career .cont1 .table1 th.th {
    background-color: #fff;
    color: #00A3EA;
    padding: 00;
    border: 0.01rem solid rgba(112,112,112,0.5);
    border-top: none;
}
.career .cont1 .table1 td {
    height: 0.65rem;
    font-size: 0.14rem;
    line-height: 1.785;
    text-align: center;
    vertical-align: middle;
    padding: 0.1rem 0.08rem;
    border: 0.01rem solid rgba(112,112,112,0.5);
    border-top: none;
    box-sizing: border-box;
    position: relative;
}
.career .cont1 .table1 td span {
    width: 100%;
    height: 100%;
    background-color: #EAEAEA;
    display: flex;
    justify-content: center;
    align-items: center;
}
.career .cont1 .table1 td span.span1 {
    width: calc(100% - 0.16rem);
    height: 2.4rem;
    position: absolute;
    left: 0.08rem;
    top: 0.1rem;
}
.career .cont1 .table1 td span.span2 {
    width: calc(100% - 0.16rem);
    height: 0.72rem;
    position: absolute;
    left: 0.08rem;
    top: 0.1rem;
}
.career .cont1 .table1 td span.span3 {
    width: calc(100% - 0.16rem);
    height: 1.09rem;
    position: absolute;
    left: 0.08rem;
    top: 0.1rem;
}
.career .cont1 .table1 td span.span4 {
    width: calc(100% - 0.16rem);
    height: 1.75rem;
    position: absolute;
    left: 0.08rem;
    top: 0.1rem;
}
.career .cont1 .table1 td span.span5 {
    width: calc(100% - 0.16rem);
    height: 0.33rem;
    position: absolute;
    left: 0.08rem;
    bottom: 0.1rem;
}
.career .cont1 .note {
    font-size: 0.12rem;
    line-height: 1.45;
    letter-spacing: 0.02em;
    padding-top: 0.1rem;
}
@media screen and (max-width:750px){
.career .cont1 {
    margin-bottom: 0.7rem;
}
.career .cont1 .copy {
    width: calc(100% - 0.2rem);
    margin: 0 0 0.7rem 0.2rem;
}
.career .cont1 .sec {
    padding-left: 0.2rem;
}
.career .cont1 h2 {
    margin-bottom: 0.25rem;
}
.career .cont1 .box1 {
    width: 100%;
    background-color: #017AB0;
    color: #fff;
    text-align: center;
    padding: 0.25rem 0;
}
.career .cont1 .box1 p {
    width: 90%;
    margin: 0 auto;
    line-height: 1.75;
    text-align: left;
}
.career .cont1 .over {
    width: 100%;
    padding-bottom: 0.1rem;
    overflow-x: auto;
    position: relative;
}
.career .cont1 .over::before {
    content: '';
    width: 38vw;
    height: 38vw;
    background-color: #B1B1B1;
    border-radius: 3.7333vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    mix-blend-mode: multiply;
    z-index: 11;
    opacity: 1;
}
.career .cont1 .over::after {
    content: '';
    width: 28.8vw;
    height: 25vw;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22104.91%22%20height%3D%2288.49%22%20viewBox%3D%220%200%20104.91%2088.49%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5779%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205779%22%20transform%3D%22translate(-135.056%20-303.493)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x1%3D%2216.522%22%20transform%3D%22translate(137.724%20351.912)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.46%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11169%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011169%22%20d%3D%22M135.876%2C341.85l1.678%2C1.8-8.886%2C8.258%2C8.886%2C8.261-1.678%2C1.8L125.056%2C351.91Z%22%20transform%3D%22translate(10)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11173%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011173%22%20d%3D%22M0%2C0H16.522%22%20transform%3D%22translate(220.775%20351.914)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.46%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11170%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011170%22%20d%3D%22M239.145%2C361.976l-1.679-1.8%2C8.887-8.258-8.887-8.26%2C1.679-1.8%2C10.821%2C10.062Z%22%20transform%3D%22translate(-10)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5778%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205778%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11171%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011171%22%20d%3D%22M205.351%2C336.736a5%2C5%2C0%2C0%2C0-2.6.741v-1.193a5.327%2C5.327%2C0%2C0%2C0-8.408-4.361%2C5.827%2C5.827%2C0%2C0%2C0-9.086-3.366V317.315a5.868%2C5.868%2C0%2C0%2C0-11.735%2C0v32.669a4.069%2C4.069%2C0%2C0%2C0-3.266-.05%2C9.258%2C9.258%2C0%2C0%2C0-5.647%2C8.535v2.494a21.674%2C21.674%2C0%2C0%2C0%2C4.59%2C13.306l5.119%2C6.539a1.213%2C1.213%2C0%2C0%2C0-.243.712V390.3a1.231%2C1.231%2C0%2C0%2C0%2C2.462%2C0v-7.737a79.025%2C79.025%2C0%2C0%2C1%2C12.452-.948%2C77.066%2C77.066%2C0%2C0%2C1%2C14.771%2C1.364v7.775a1.23%2C1.23%2C0%2C1%2C0%2C2.461%2C0v-8.777a1.217%2C1.217%2C0%2C0%2C0-.761-1.118l3.047-9.285a38.135%2C38.135%2C0%2C0%2C0%2C1.9-11.909V341.8A5.066%2C5.066%2C0%2C0%2C0%2C205.351%2C336.736Zm2.6%2C22.927a35.707%2C35.707%2C0%2C0%2C1-1.782%2C11.142l-3.136%2C9.558a80.493%2C80.493%2C0%2C0%2C0-14.043-1.212%2C81.886%2C81.886%2C0%2C0%2C0-12.145.892l-5.708-7.291a19.219%2C19.219%2C0%2C0%2C1-4.066-11.789v-2.494a6.8%2C6.8%2C0%2C0%2C1%2C4.148-6.27%2C1.658%2C1.658%2C0%2C0%2C1%2C2.3%2C1.525v6.9a1.231%2C1.231%2C0%2C0%2C0%2C2.462%2C0V317.315a3.406%2C3.406%2C0%2C1%2C1%2C6.811%2C0v23.317a1.231%2C1.231%2C0%2C1%2C0%2C2.462%2C0V333.3a3.405%2C3.405%2C0%2C0%2C1%2C6.81.012v9.929a1.231%2C1.231%2C0%2C1%2C0%2C2.462%2C0v-6.961a2.881%2C2.881%2C0%2C0%2C1%2C5.761%2C0v9.5a1.23%2C1.23%2C0%2C1%2C0%2C2.461%2C0V341.8a2.6%2C2.6%2C0%2C0%2C1%2C5.2%2C0Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5777%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205777%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11172%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011172%22%20d%3D%22M190.254%2C324.9a1.217%2C1.217%2C0%2C0%2C1-.62-.169%2C1.231%2C1.231%2C0%2C0%2C1-.441-1.683%2C11.36%2C11.36%2C0%2C1%2C0-19.6%2C0%2C1.231%2C1.231%2C0%2C0%2C1-2.125%2C1.242%2C13.821%2C13.821%2C0%2C1%2C1%2C23.854%2C0A1.231%2C1.231%2C0%2C0%2C1%2C190.254%2C324.9Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 12;
    opacity: 1;
}
.career .cont1 .over.isAnimate::before,
.career .cont1 .over.isAnimate::after {
    animation: fadeOut 1s forwards 1.5s;
}
.career .cont1 .table1 {
    width: 253vw;
    white-space: nowrap;
}
.career .cont1 .table1 th {
    font-size: 0.13rem;
}
.career .cont1 .table1 th.th {
    background-color: #d5f6ff;
}
.career .cont1 .table1 th:first-child {
    position: sticky;
    left: 0;
    z-index: 10;
}
.career .cont1 .table1 td {
    font-size: 0.12rem;
}
.career .cont1 .note {
    padding-top: 0.05rem;
}
}

/* cont2 */
.career .cont2 {
    margin-bottom: 0.45rem;
}
.career .cont2 h2 {
    margin-bottom: 0.7rem;
}
.career .cont2 .box2 {
    position: relative;
}
.career .cont2 .con {
    width: 5.55rem;
    position: absolute;
    left: 0;
    top: -0.37rem;
    z-index: 3;
}
.career .cont2 .con .inn {
    width: 100%;
    background-color: #ffff;
    box-shadow: 0 0 0.03rem rgba(0,0,0,0.16);
    padding: 0.45rem 0.35rem 0.5rem;
    box-sizing: border-box;
    position: relative;
}
.career .cont2 .con .inn::before {
    content: '';
    width: 100%;
    height: 0.02rem;
    background: linear-gradient(180deg, #6E5DC1, #F25500);
    position: absolute;
    left: 0;
    top: 0;
}
.career .cont2 .con .inn p {
    font-size: 0.14rem;
}
.career .cont2 picture {
    width: 46.34vw;
    border-radius: 0.05rem 0 0 0.05rem;
    margin-right: calc(5.53rem - 50cqw);
    overflow: hidden;
}
.career .cont2 .space {
    width: 48.4%;
}
@media screen and (max-width:750px){
.career .cont2 {
    margin-bottom: 0.7rem;
}
.career .cont2 h2 {
    margin-bottom: 0.25rem;
}
.career .cont2 .con {
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
    margin-top: -0.4rem;
}
.career .cont2 .con .inn {
    padding: 0.35rem 0.25rem 0.3rem 0.25rem;
}
.career .cont2 .con .inn p {
    line-height: 1.85;
}
.career .cont2 picture {
    width: 90vw;
    margin: 0 0 0 0.2rem;
}
.career .cont2 .space {
    width: 0;
}
}

/* cont3 */
.career .cont3 {
    margin-bottom: 1.5rem;
}
.career .cont3 h2 {
    margin-bottom: 0.3rem;
}
.career .cont3 .con {
    top: 0.85rem;
}
.career .cont3 .tablebg {
    width: 100%;
    background-color: #fff;
    margin-top: -1.3rem;
    position: relative;
    z-index: 2;
}
.career .cont3 .table2 {
    width: 100%;
    position: relative;
}
.career .cont3 .table2::after {
    content: '';
    width: 1.43rem;
    height: 1.25rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22142.192%22%20height%3D%22124.301%22%20viewBox%3D%220%200%20142.192%20124.301%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_636%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20636%22%20width%3D%22124.301%22%20height%3D%22142.192%22%20fill%3D%22%2300c8ff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_611%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20611%22%20transform%3D%22translate(0%20124.301)%20rotate(-90)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_610%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20610%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_684%22%20data-name%3D%22%E3%83%91%E3%82%B9%20684%22%20d%3D%22M124.3%2C71.094%2C58.885%2C0A153.073%2C153.073%2C0%2C0%2C1%2C74.613%2C48.246H0v45.7H74.443c-4.437%2C29.21-15.559%2C48.246-15.559%2C48.246Z%22%20transform%3D%22translate(0%20-0.002)%22%20fill%3D%22%2300c8ff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    bottom: 0.4rem;
    margin-left: -0.715rem;
    opacity: 0.25;
    z-index: 1;
}
.career .cont3 .table2 th {
    width: 33.33%;
    background-color: #017AB0;
    padding: 0.25rem 0;
    border-right: 0.01rem solid rgba(255,255,255,0.5);
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
.career .cont3 .table2 th:last-child {
    border-right: 0.01rem solid #017AB0;
}
.career .cont3 .table2 td {
    height: 0.51rem;
    border: 0.01rem solid rgba(112,112,112,0.5);
    font-size: 0.14rem;
    line-height: 1.45;
    text-align: center;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}
@media screen and (max-width:750px){
.career .cont3 {
    margin-bottom: 1rem;
}
.career .cont3 h2 {
    margin-bottom: 0.25rem;
}
.career .cont3 .con {
    top: auto;
    margin-top: 0;
}
.career .cont3 picture {
    margin-top: 0.2rem;
}
.career .cont3 .tablebg {
    margin-top: -0.4rem;
}
.career .cont3 .table2 th {
    font-size: 0.13rem;
}
.career .cont3 .table2 td {
    font-size: 0.12rem;
}
}


/* environment/voice.html
------------------------------------------------- */
/* mainimg */
.voice .mainimg {
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 2;
}
.voice .mainimg h1 {
    bottom: -0.75rem;
}
@media screen and (max-width:750px){
.voice .mainimg {
    margin-bottom: 0.6rem;
}
.voice .mainimg picture {
    width: 100%;
    margin: 0;
}
.voice .mainimg h1 img {
    width: 50%;
}
}

/* cont1 */
.voice .cont1 {
    margin-bottom: 0.75rem;
}
.voice .cont1 .copy {
    width: 5.4rem;
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: 0.02em;
    margin-left: 1.35rem;
    position: relative;
}
.voice .cont1 .copy::before {
    content: '';
    width: 50vw;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 102%;
    top: 0.15rem;
}
@media screen and (max-width:750px){
.voice .cont1 {
    margin-bottom: 0.7rem;
}
.voice .cont1 .copy {
    width: calc(100% - 0.2rem);
    margin-left: 0.2rem;
}
}

/* common */
.voice .bgg {
    position: relative;
}
.voice .bgg::after {
    content: '';
    width: 100%;
    height: calc(100% - 0.56rem);
    background-color: #F4F4F4;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.voice .w12 {
    max-width: 12rem;
    z-index: 2;
}
.voice .w12 h2 {
    width: 3.4rem;
    height: 0.56rem;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}
.voice .w12 h2 span {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236e5dc1%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f25500%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_44%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2044%22%20cx%3D%224%22%20cy%3D%224%22%20r%3D%224%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 0.08rem auto;
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 1.45;
    padding-left: 0.18rem;
    position: relative;
    z-index: 2;
}
.voice .bgg .w12 h2::after {
    content: '';
    width: 50vw;
    height: 100%;
    background-color: #F4F4F4;
    border-radius: 0 0.05rem 0 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.voice .w12 h2.rtit {
    width: 4.24rem;
    background-color: #F4F4F4;
    border-radius: 0 0.05rem 0 0;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: 0.14rem;
    padding-left: 0.83rem;
    box-sizing: border-box;
}
.voice .bgg .w12 h2.rtit::after {
    display: none;
}
.voice h2.spon {
     display: none;
}
.voice .w12 .sec {
    width: 9.5rem;
    margin-left: 0.72rem;
}
.voice .w12 .sec .con {
    width: 4.75rem;
    height: 1.45rem;
    background: url("../img/environment/voice/bg1.jpg") center center no-repeat;
    background-size: cover;
    border-radius: 0.05rem;
    padding: 0 0.3rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.voice .w12 .sec .con p {
    font-size: 0.14rem;
}
.voice .w12 .sec .graph {
    width: 3rem;
    height: 3rem;
    position: relative;
    margin-top: 0.2rem;
}
.voice .w12 .sec .graph .tit {
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border-radius: 50%;
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 1.785;
    color: #838383;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1rem 0 0 -1rem;
    z-index: 3;
    opacity: 0;
}
.voice .w12 .sec .graph .circle {
    width: 4.07425rem;
    height: 4.07425rem;
    transform:rotate(-90deg);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -2.037125rem 0 0 -2.037125rem;
    z-index: 2;
}
.voice .w12 .sec .graph .circle circle {
    fill: none;
    stroke-width: 32px;    
}
@media screen and (max-width:750px){
.voice .bgg::after {
    height: calc(100% - 0.5rem);
}
.voice .w12 h2 {
    width: 100%;
    height: 0.5rem;
}
.voice .w12 h2 span {
    background-size: 0.06rem auto;
    background-position: left 0.09rem;
    padding-left: 0.15rem;
}
.voice .bgg .w12 h2::after {
    width: 100vw;
}
.voice .w12 h2.rtit {
    display: none;
}
.voice h2.spon {
     display: flex;
}
.voice .w12 .sec {
    width: 100%;
    margin-left: 0;
}
.voice .w12 .sec .con {
    width: 100%;
    height: auto;
    padding: 0.2rem 0.15rem;
    position: absolute;
    left: 0;
    bottom: -0.5rem;
}
.voice .w12 .sec .con p {
    font-size: 0.13rem;
    line-height: 1.75;
}
.voice .w12 .sec .graph {
    margin: 0 0 0 0.45rem;
    transform: scale(0.75);
}
}

/* cont2 */
.voice .cont2 {
    margin-bottom: 0.9rem;
}
.voice .cont2 .sec {
    padding: 1.3rem 0 0.85rem;
}
.voice .cont2 .sec .graph .circle circle:nth-child(1) {
    stroke: #017AB0;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 0;
}
.voice .cont2 .sec .graph.isAnimate .circle circle:nth-child(1) {
    animation: cont2-anime1 1.5s 0s forwards ease-in-out;
}
@keyframes cont2-anime1 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 75,100;
    }
}
.voice .cont2 .sec .graph .circle circle:nth-child(2) {
    stroke: #00A3EA;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 25;
}
.voice .cont2 .sec .graph.isAnimate .circle circle:nth-child(2) {
    animation: cont2-anime2 0.4s 0.7s forwards ease-in-out;
}
@keyframes cont2-anime2 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 6,94;
    }
}
.voice .cont2 .sec .graph .circle circle:nth-child(3) {
    stroke: #5B5B5B;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 19;
}
.voice .cont2 .sec .graph.isAnimate .circle circle:nth-child(3) {
    animation: cont2-anime3 0.4s 0.85s forwards ease-in-out;
}
@keyframes cont2-anime3 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 5,95;
    }
}
.voice .cont2 .sec .graph .circle circle:nth-child(4) {
    stroke: #FAB700;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 14;
}
.voice .cont2 .sec .graph.isAnimate .circle circle:nth-child(4) {
    animation: cont2-anime4 0.4s 1s forwards ease-in-out;
}
@keyframes cont2-anime4 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 4,96;
    }
}
.voice .cont2 .sec .graph .circle circle:nth-child(5) {
    stroke: #5AA816;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 10;
}
.voice .cont2 .sec .graph.isAnimate .circle circle:nth-child(5) {
    animation: cont2-anime5 0.4s 1.15s forwards ease-in-out;
}
@keyframes cont2-anime5 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 3,97;
    }
}
.voice .cont2 .sec .graph .circle circle:nth-child(6) {
    stroke: #00C8FF;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 7;
}
.voice .cont2 .sec .graph.isAnimate .circle circle:nth-child(6) {
    animation: cont2-anime6 0.4s 1.3s forwards ease-in-out;
}
@keyframes cont2-anime6 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 3,97;
    }
}
.voice .cont2 .sec .graph .circle circle:nth-child(7) {
    stroke: #00368E;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 4;
}
.voice .cont2 .sec .graph.isAnimate .circle circle:nth-child(7) {
    animation: cont2-anime7 0.4s 1.45s forwards ease-in-out;
}
@keyframes cont2-anime7 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 4,96;
    }
}
.voice .cont2 .sec .graph figure {
    width: 3.94rem;
    height: 3.83rem;
    position: absolute;
    left: -0.79rem;
    top: -0.68rem;
    z-index: 1;
    opacity: 0;
}
.voice .cont2 .sec .graph p {
    width: 1.3rem;
    position: absolute;
    left: 1.85rem;
    top: 1.81rem;
    z-index: 3;
    opacity: 0;
}
.voice .cont2 .sec .graph.isAnimate .tit {
    animation: fade 0.7s ease 3.5s 1 forwards;
}
.voice .cont2 .sec .graph.isAnimate figure {
    animation: fade 0.7s ease 2s 1 forwards;
}
.voice .cont2 .sec .graph.isAnimate p {
    animation: fade 0.7s ease 2.75s 1 forwards;
}
@media screen and (max-width:750px){
.voice .cont2 {
    margin-bottom: 1rem;
}
.voice .cont2 .sec {
    padding: 0.5rem 0 0.7rem;
}
}

/* cont3 */
.voice .cont3 {
    margin-bottom: 0.9rem;
}
.voice .cont3 .sec {
    padding: 0.2rem 0 0.75rem;
}
.voice .cont3 .sec .graph {
    margin-top: 0.6rem;
}
.voice .cont3 .sec .graph .circle circle:nth-child(1) {
    stroke: #017AB0;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 0;
}
.voice .cont3 .sec .graph.isAnimate .circle circle:nth-child(1) {
    animation: cont3-anime1 1.5s 0s forwards ease-in-out;
}
@keyframes cont3-anime1 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 50.5,100;
    }
}
.voice .cont3 .sec .graph .circle circle:nth-child(2) {
    stroke: #00A3EA;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 49.5;
}
.voice .cont3 .sec .graph.isAnimate .circle circle:nth-child(2) {
    animation: cont3-anime2 1s 0.7s forwards ease-in-out;
}
@keyframes cont3-anime2 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 24,76;
    }
}
.voice .cont3 .sec .graph .circle circle:nth-child(3) {
    stroke: #5B5B5B;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 25.5;
}
.voice .cont3 .sec .graph.isAnimate .circle circle:nth-child(3) {
    animation: cont3-anime3 0.4s 1.15s forwards ease-in-out;
}
@keyframes cont3-anime3 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 6,94;
    }
}
.voice .cont3 .sec .graph .circle circle:nth-child(4) {
    stroke: #FAB700;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 19.5;
}
.voice .cont3 .sec .graph.isAnimate .circle circle:nth-child(4) {
    animation: cont3-anime4 0.4s 1.3s forwards ease-in-out;
}
@keyframes cont3-anime4 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 4,96;
    }
}
.voice .cont3 .sec .graph .circle circle:nth-child(5) {
    stroke: #5AA816;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 15.5;
}
.voice .cont3 .sec .graph.isAnimate .circle circle:nth-child(5) {
    animation: cont3-anime5 0.4s 1.45s forwards ease-in-out;
}
@keyframes cont3-anime5 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 4,96;
    }
}
.voice .cont3 .sec .graph .circle circle:nth-child(6) {
    stroke: #00C8FF;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 11.5;
}
.voice .cont3 .sec .graph.isAnimate .circle circle:nth-child(6) {
    animation: cont3-anime6 0.4s 1.6s forwards ease-in-out;
}
@keyframes cont3-anime6 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 4,96;
    }
}
.voice .cont3 .sec .graph .circle circle:nth-child(7) {
    stroke: #00368E;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 7.5;
}
.voice .cont3 .sec .graph.isAnimate .circle circle:nth-child(7) {
    animation: cont3-anime7 0.4s 1.75s forwards ease-in-out;
}
@keyframes cont3-anime7 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 2,98;
    }
}
.voice .cont3 .sec .graph .circle circle:nth-child(8) {
    stroke: #015EEA;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 5.5;
}
.voice .cont3 .sec .graph.isAnimate .circle circle:nth-child(8) {
    animation: cont3-anime8 0.4s 1.9s forwards ease-in-out;
}
@keyframes cont3-anime8 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 5.5,94.5;
    }
}
.voice .cont3 .sec .graph figure {
    width: 4.29rem;
    height: 3.74rem;
    position: absolute;
    left: -1.14rem;
    top: -0.59rem;
    z-index: 1;
    opacity: 0;
}
.voice .cont3 .sec .graph p {
    width: 1.3rem;
    position: absolute;
    left: 2.06rem;
    top: 0.85rem;
    z-index: 3;
    opacity: 0;
}
.voice .cont3 .sec .graph.isAnimate .tit {
    animation: fade 0.7s ease 3.95s 1 forwards;
}
.voice .cont3 .sec .graph.isAnimate figure {
    animation: fade 0.7s ease 2.45s 1 forwards;
}
.voice .cont3 .sec .graph.isAnimate p {
    animation: fade 0.7s ease 3.2s 1 forwards;
}
@media screen and (max-width:750px){
.voice .cont3 {
    margin-bottom: 1.2rem;
}
.voice .cont3 .sec {
    padding: 0.3rem 0 0.7rem;
}
.voice .cont3 .sec .graph {
    margin: 0 0 0 0.55rem;
}
}

/* cont4 */
.voice .cont4 {
    margin-bottom: 2.6rem;
}
.voice .cont4::before {
    content: '';
    width: 0.28rem;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -0.14rem;
    z-index: 3;
}
.voice .cont4 .sec {
    width: 9.8rem;
    margin: 0 auto;
    padding: 1.1rem 0 1.6rem;
}
.voice .cont4 .sec .box {
    position: relative;
}
.voice .cont4 .sec .box .con {
    width: 3.16rem;
    height: 1.13rem;
    position: absolute;
    left: -0.08rem;
    bottom: -2.2rem;
}
.voice .cont4 .sec .box .graph {
    margin: 0;
}
.voice .cont4 .sec .box1 .graph .circle circle:nth-child(1) {
    stroke: #017AB0;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 0;
}
.voice .cont4 .sec .box1 .graph.isAnimate .circle circle:nth-child(1) {
    animation: cont4-anime1-1 0.7s 0s forwards ease-in-out;
}
@keyframes cont4-anime1-1 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 22,100;
    }
}
.voice .cont4 .sec .box1 .graph .circle circle:nth-child(2) {
    stroke: #00A3EA;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 78;
}
.voice .cont4 .sec .box1 .graph.isAnimate .circle circle:nth-child(2) {
    animation: cont4-anime1-2 0.7s 0.3s forwards ease-in-out;
}
@keyframes cont4-anime1-2 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 19,81;
    }
}
.voice .cont4 .sec .box1 .graph .circle circle:nth-child(3) {
    stroke: #5B5B5B;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 59;
}
.voice .cont4 .sec .box1 .graph.isAnimate .circle circle:nth-child(3) {
    animation: cont4-anime1-3 0.7s 0.6s forwards ease-in-out;
}
@keyframes cont4-anime1-3 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 18,82;
    }
}
.voice .cont4 .sec .box1 .graph .circle circle:nth-child(4) {
    stroke: #FAB700;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 41;
}
.voice .cont4 .sec .box1 .graph.isAnimate .circle circle:nth-child(4) {
    animation: cont4-anime1-4 0.7s 0.9s forwards ease-in-out;
}
@keyframes cont4-anime1-4 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 15,85;
    }
}
.voice .cont4 .sec .box1 .graph .circle circle:nth-child(5) {
    stroke: #5AA816;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 26;
}
.voice .cont4 .sec .box1 .graph.isAnimate .circle circle:nth-child(5) {
    animation: cont4-anime1-5 0.7s 1.2s forwards ease-in-out;
}
@keyframes cont4-anime1-5 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 15,85;
    }
}
.voice .cont4 .sec .box1 .graph .circle circle:nth-child(6) {
    stroke: #00C8FF;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 11;
}
.voice .cont4 .sec .box1 .graph.isAnimate .circle circle:nth-child(6) {
    animation: cont4-anime1-6 0.7s 1.5s forwards ease-in-out;
}
@keyframes cont4-anime1-6 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 11,89;
    }
}
.voice .cont4 .sec .box1 .graph figure {
    width: 4.77rem;
    height: 4.43rem;
    position: absolute;
    left: -1.14rem;
    top: -0.67rem;
    z-index: 1;
    opacity: 0;
}
.voice .cont4 .sec .box1 .graph p {
    width: 1.3rem;
    position: absolute;
    left: 2.16rem;
    top: -0.41rem;
    z-index: 3;
    opacity: 0;
}
.voice .cont4 .sec .box1 .graph.isAnimate .tit {
    animation: fade 0.7s ease 3.55s 1 forwards;
}
.voice .cont4 .sec .box1 .graph.isAnimate figure {
    animation: fade 0.7s ease 2.05s 1 forwards;
}
.voice .cont4 .sec .box1 .graph.isAnimate p {
    animation: fade 0.7s ease 2.8s 1 forwards;
}

.voice .cont4 .sec .box2 .graph .circle circle:nth-child(1) {
    stroke: #017AB0;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 0;
}
.voice .cont4 .sec .box2 .graph.isAnimate .circle circle:nth-child(1) {
    animation: cont4-anime2-1 0.9s 0s forwards ease-in-out;
}
@keyframes cont4-anime2-1 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 37,100;
    }
}
.voice .cont4 .sec .box2 .graph .circle circle:nth-child(2) {
    stroke: #00A3EA;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 63;
}
.voice .cont4 .sec .box2 .graph.isAnimate .circle circle:nth-child(2) {
    animation: cont4-anime2-2 0.9s 0.4s forwards ease-in-out;
}
@keyframes cont4-anime2-2 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 26,74;
    }
}
.voice .cont4 .sec .box2 .graph .circle circle:nth-child(3) {
    stroke: #5B5B5B;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 37;
}
.voice .cont4 .sec .box2 .graph.isAnimate .circle circle:nth-child(3) {
    animation: cont4-anime2-3 0.7s 0.8s forwards ease-in-out;
}
@keyframes cont4-anime2-3 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 15,85;
    }
}
.voice .cont4 .sec .box2 .graph .circle circle:nth-child(4) {
    stroke: #FAB700;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 22;
}
.voice .cont4 .sec .box2 .graph.isAnimate .circle circle:nth-child(4) {
    animation: cont4-anime2-4 0.4s 1.1s forwards ease-in-out;
}
@keyframes cont4-anime2-4 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 8,92;
    }
}
.voice .cont4 .sec .box2 .graph .circle circle:nth-child(5) {
    stroke: #5AA816;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 14;
}
.voice .cont4 .sec .box2 .graph.isAnimate .circle circle:nth-child(5) {
    animation: cont4-anime2-5 0.4s 1.3s forwards ease-in-out;
}
@keyframes cont4-anime2-5 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 8,92;
    }
}
.voice .cont4 .sec .box2 .graph .circle circle:nth-child(6) {
    stroke: #00C8FF;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 6;
}
.voice .cont4 .sec .box2 .graph.isAnimate .circle circle:nth-child(6) {
    animation: cont4-anime2-6 0.4s 1.5s forwards ease-in-out;
}
@keyframes cont4-anime2-6 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 6,94;
    }
}
.voice .cont4 .sec .box2 .graph figure {
    width: 3.91rem;
    height: 4.1rem;
    position: absolute;
    left: -0.76rem;
    top: -0.53rem;
    z-index: 1;
    opacity: 0;
}
.voice .cont4 .sec .box2 .graph p {
    width: 1.3rem;
    position: absolute;
    left: 2.06rem;
    top: 0.85rem;
    z-index: 3;
    opacity: 0;
}
.voice .cont4 .sec .box2 .graph.isAnimate .tit {
    animation: fade 0.7s ease 3.55s 1 forwards;
}
.voice .cont4 .sec .box2 .graph.isAnimate figure {
    animation: fade 0.7s ease 2.05s 1 forwards;
}
.voice .cont4 .sec .box2 .graph.isAnimate p {
    animation: fade 0.7s ease 2.8s 1 forwards;
}
@media screen and (max-width:750px){
.voice .cont4 {
    margin-bottom: 0.9rem;
}
.voice .cont4::before {
    width: 100vw;
    height: 1.4rem;
    left: 0;
    top: 4.8rem;
    margin-left: 0;
    z-index: 2;
}
.voice .cont4 .sec {
    width: 100%;
    padding: 0;
}
.voice .cont4 .sec .box {
    padding: 0.3rem 0 0.7rem;
    margin-bottom: 1.2rem;
}
.voice .cont4 .sec .box .con {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: -0.5rem;
}
.voice .cont4 .sec .box .graph {
    margin: 0 0 0 0.4rem;
}
.voice .cont4 .sec .box2 {
    padding-top: 0.2rem;
}
}

/* cont5 */
.voice .cont5 {
    margin-bottom: 1.35rem;
    position: relative;
}
.voice .cont5::before {
    content: '';
    width: 0.01rem;
    height: 100%;
    background-color: #C3C3C3;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 3;
}
.voice .cont5 .w12 h2.rtit {
    background-color: #fff;
}
.voice .cont5 .sec {
    width: 10.9rem;
    margin: 0;
    padding: 0.7rem 0 0.3rem;
}
.voice .cont5 .sec .box {
    position: relative;
}
.voice .cont5 .sec .box1 .graph {
    width: 5.5rem;
    height: auto;
    margin: 0;
}
.voice .cont5 .sec .box1 .graph dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.04rem;
}
.voice .cont5 .sec .box1 .graph dl dt {
    width: 48%;
    font-size: 0.13rem;
    line-height: 1.45;
    text-align: right;
    white-space: nowrap;
    opacity: 0;
}
.voice .cont5 .sec .box1 .graph dl.isAnimate dt {
    animation: fade 0.7s 0s forwards ease-in-out;
}
.voice .cont5 .sec .box1 .graph dl dd {
    width: 49%;
    line-height: 1.5;
    display: flex;
    align-items: center;
}
.voice .cont5 .sec .box1 .graph dl dd span {
    display: block;
    height: 0.3rem;
    margin-right: 0.1rem;
}
.voice .cont5 .sec .box1 .graph dl dd b {
    font-weight: 500;
    opacity: 0;
}
.voice .cont5 .sec .box1 .graph dl.isAnimate dd b {
    animation: fade 0.7s 1.8s forwards ease-in-out;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(1) dd {
    color: #017AB0;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(1) dd span {
    background-color: #017AB0;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(1).isAnimate dd span {
    animation: cont5-anime1-1 0.7s 0.5s forwards ease-in-out;
}
@keyframes cont5-anime1-1 {
    0% {
        width: 0;
    }
    100% {
        width: 2.3rem;
    }
}
.voice .cont5 .sec .box1 .graph dl:nth-child(2) dd {
    color: #00A3EA;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(2) dd span {
    background-color: #00A3EA;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(2).isAnimate dd span {
    animation: cont5-anime1-2 0.7s 0.6s forwards ease-in-out;
}
@keyframes cont5-anime1-2 {
    0% {
        width: 0;
    }
    100% {
        width: 2.12rem;
    }
}
.voice .cont5 .sec .box1 .graph dl:nth-child(3) dd {
    color: #5B5B5B;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(3) dd span {
    background-color: #5B5B5B;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(3).isAnimate dd span {
    animation: cont5-anime1-3 0.7s 0.7s forwards ease-in-out;
}
@keyframes cont5-anime1-3 {
    0% {
        width: 0;
    }
    100% {
        width: 1.415rem;
    }
}
.voice .cont5 .sec .box1 .graph dl:nth-child(4) dd {
    color: #FAC800;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(4) dd span {
    background-color: #FAC800;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(4).isAnimate dd span {
    animation: cont5-anime1-4 0.7s 0.8s forwards ease-in-out;
}
@keyframes cont5-anime1-4 {
    0% {
        width: 0;
    }
    100% {
        width: 1.06rem;
    }
}
.voice .cont5 .sec .box1 .graph dl:nth-child(5) dd {
    color: #5AA816;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(5) dd span {
    background-color: #5AA816;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(5).isAnimate dd span {
    animation: cont5-anime1-5 0.7s 0.9s forwards ease-in-out;
}
@keyframes cont5-anime1-5 {
    0% {
        width: 0;
    }
    100% {
        width: 0.8rem;
    }
}
.voice .cont5 .sec .box1 .graph dl:nth-child(6) dd {
    color: #00C8FF;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(6) dd span {
    background-color: #00C8FF;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(6).isAnimate dd span {
    animation: cont5-anime1-6 0.7s 1s forwards ease-in-out;
}
@keyframes cont5-anime1-6 {
    0% {
        width: 0;
    }
    100% {
        width: 0.62rem;
    }
}
.voice .cont5 .sec .box1 .graph dl:nth-child(7) dd {
    color: #00368E;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(7) dd span {
    background-color: #00368E;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(7).isAnimate dd span {
    animation: cont5-anime1-7 0.7s 1.1s forwards ease-in-out;
}
@keyframes cont5-anime1-7 {
    0% {
        width: 0;
    }
    100% {
        width: 0.265rem;
    }
}
.voice .cont5 .sec .box1 .graph dl:nth-child(8) dd {
    color: #015EEA;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(8) dd span {
    background-color: #015EEA;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(8).isAnimate dd span {
    animation: cont5-anime1-8 0.7s 1.2s forwards ease-in-out;
}
@keyframes cont5-anime1-8 {
    0% {
        width: 0;
    }
    100% {
        width: 0.177rem;
    }
}
.voice .cont5 .sec .box1 .graph dl:nth-child(9) dd {
    color: #895EEA;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(9) dd span {
    background-color: #895EEA;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(9).isAnimate dd span {
    animation: cont5-anime1-9 0.7s 1.3s forwards ease-in-out;
}
@keyframes cont5-anime1-9 {
    0% {
        width: 0;
    }
    100% {
        width: 0.0885rem;
    }
}
.voice .cont5 .sec .box1 .graph dl:nth-child(10) dd {
    color: #C38A5B;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(10) dd span {
    background-color: #C38A5B;
}
.voice .cont5 .sec .box1 .graph dl:nth-child(10).isAnimate dd span {
    animation: cont5-anime1-10 0.7s 1.4s forwards ease-in-out;
}
@keyframes cont5-anime1-10 {
    0% {
        width: 0;
    }
    100% {
        width: 0.0885rem;
    }
}

.voice .cont5 .sec .box2 .graph {
    margin: 0.15rem 0 0;
}
.voice .cont5 .sec .box2 .graph .circle circle:nth-child(1) {
    stroke: #017AB0;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 0;
}
.voice .cont5 .sec .box2 .graph.isAnimate .circle circle:nth-child(1) {
    animation: cont5-anime2-1 1s 0s forwards ease-in-out;
}
@keyframes cont5-anime2-1 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 39,100;
    }
}
.voice .cont5 .sec .box2 .graph .circle circle:nth-child(2) {
    stroke: #00A3EA;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 61;
}
.voice .cont5 .sec .box2 .graph.isAnimate .circle circle:nth-child(2) {
    animation: cont5-anime2-2 1.2s 0.45s forwards ease-in-out;
}
@keyframes cont5-anime2-2 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 61,39;
    }
}
.voice .cont5 .sec .box2 .graph figure {
    width: 3.3rem;
    height: 3.3rem;
    position: absolute;
    left: -0.15rem;
    top: -0.15rem;
    z-index: 1;
    opacity: 0;
}
.voice .cont5 .sec .box2 .graph p {
    width: 1.79rem;
    position: absolute;
    left: 0.6rem;
    top: 1.04rem;
    z-index: 3;
    opacity: 0;
}
.voice .cont5 .sec .box2 .graph.isAnimate figure {
    animation: fade 0.7s ease 1.25s 1 forwards;
}
.voice .cont5 .sec .box2 .graph.isAnimate p {
    animation: fade 0.7s ease 2s 1 forwards;
}
@media screen and (max-width:750px){
.voice .cont5 {
    margin-bottom: 0.5rem;
}
.voice .cont5::before {
    display: none;
}
.voice .cont5 .sec {
    width: 100%;
    padding: 0;
}
.voice .cont5 .sec .box1 .graph {
    width: 155vw;
    height: auto;
    margin: -8vw 0 0 -33vw;
    transform: scale(0.65);
    position: static;
}
.voice .cont5 .sec .box2 .graph {
    margin: 0 auto;
}
}

/* cont6 */
.voice .cont6 {
    margin-bottom: 1.2rem;
}
.voice .cont6 .sec {
    width: 11rem;
    margin-left: 0.48rem;
    padding: 0.75rem 0 0.45rem;
}
.voice .cont6 .sec ul li {
    width: 5.35rem;
    height: 1.44rem;
    background-color: #C9EAF8;
    border-radius: 0.05rem;
    box-shadow: 0.03rem 0.03rem 0.03rem rgba(0,0,0,0.03);
    padding: 0 0.32rem 0 0.65rem;
    margin-bottom: 0.35rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.voice .cont6 .sec ul li::before {
    content: '';
    width: 0.88rem;
    height: 0.88rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2287%22%20height%3D%2287%22%20viewBox%3D%220%200%2087%2087%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_620%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20620%22%20width%3D%2231.531%22%20height%3D%2227.929%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%2300a3ea%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_606%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20606%22%20transform%3D%22translate(-88%20-3918)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_25%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2025%22%20cx%3D%2243.5%22%20cy%3D%2243.5%22%20r%3D%2243.5%22%20transform%3D%22translate(88%203918)%22%20fill%3D%22%23f4f4f4%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_596%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20596%22%20transform%3D%22translate(123.296%203947.536)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_595%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20595%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_656%22%20data-name%3D%22%E3%83%91%E3%82%B9%20656%22%20d%3D%22M44.122%2C27.929c-.032%2C0-.065%2C0-.1%2C0l-13.4-1.365a.96.96%2C0%2C0%2C1-.863-.955V9.483a.961.961%2C0%2C0%2C1%2C.617-.9A22.732%2C22.732%2C0%2C0%2C0%2C40.1%2C1.9C40.964.94%2C41.588.244%2C42.431.086A2.924%2C2.924%2C0%2C0%2C1%2C45.693%2C1.2c1.073%2C1.644.416%2C4.565-.918%2C7.117a22.8%2C22.8%2C0%2C0%2C1%2C3.635.028c2.737.438%2C4.371%2C2.124%2C4.371%2C4.51v2.167c0%2C6.7-1.049%2C12.906-8.66%2C12.906M31.681%2C24.737l12.488%2C1.272c4.878-.019%2C6.692-3%2C6.692-10.986V12.856c0-1.8-1.5-2.413-2.754-2.615a35.8%2C35.8%2C0%2C0%2C0-5.017.1.96.96%2C0%2C0%2C1-.866-1.5c1.858-2.72%2C2.472-5.659%2C1.861-6.6-.075-.115-.3-.464-1.3-.277a6.029%2C6.029%2C0%2C0%2C0-1.252%2C1.211%2C24.259%2C24.259%2C0%2C0%2C1-9.851%2C6.951Z%22%20transform%3D%22translate(-21.25%200)%22%20fill%3D%22%2300a3ea%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_657%22%20data-name%3D%22%E3%83%91%E3%82%B9%20657%22%20d%3D%22M4.252%2C45.724H2.664A2.667%2C2.667%2C0%2C0%2C1%2C0%2C43.059V27.831a2.667%2C2.667%2C0%2C0%2C1%2C2.664-2.664H4.252a2.667%2C2.667%2C0%2C0%2C1%2C2.663%2C2.664V43.059a2.667%2C2.667%2C0%2C0%2C1-2.663%2C2.664M2.664%2C27.087a.745.745%2C0%2C0%2C0-.744.744V43.059a.745.745%2C0%2C0%2C0%2C.744.744H4.252A.744.744%2C0%2C0%2C0%2C5%2C43.059V27.831a.744.744%2C0%2C0%2C0-.744-.744Z%22%20transform%3D%22translate(0%20-17.97)%22%20fill%3D%22%2300a3ea%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: -0.44rem;
    top: 50%;
    margin-top: -0.44rem;
}
.voice .cont6 .sec ul li p {
    font-size: 0.14rem;
}
.voice .cont6 .sec ul li:nth-child(2n) {
    background-color: #DDEFCF;
    z-index: 1;
}
.voice .cont6 .sec ul li:nth-child(2n)::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2287%22%20height%3D%2287%22%20viewBox%3D%220%200%2087%2087%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_621%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20621%22%20width%3D%2229.5%22%20height%3D%2229.92%22%20fill%3D%22%235aa816%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_607%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20607%22%20transform%3D%22translate(-653%20-3918)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_25%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2025%22%20cx%3D%2243.5%22%20cy%3D%2243.5%22%20r%3D%2243.5%22%20transform%3D%22translate(653%203918)%22%20fill%3D%22%23f4f4f4%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_601%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20601%22%20transform%3D%22translate(696%203946)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_600%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20600%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_658%22%20data-name%3D%22%E3%83%91%E3%82%B9%20658%22%20d%3D%22M19.128%2C44.814H5.268A5.274%2C5.274%2C0%2C0%2C1%2C0%2C39.546V25.686a5.274%2C5.274%2C0%2C0%2C1%2C5.268-5.268H16.407a.908.908%2C0%2C1%2C1%2C0%2C1.816H5.268a3.455%2C3.455%2C0%2C0%2C0-3.451%2C3.451v13.86A3.455%2C3.455%2C0%2C0%2C0%2C5.268%2C43h13.86a3.455%2C3.455%2C0%2C0%2C0%2C3.451-3.451V27.537a.908.908%2C0%2C0%2C1%2C1.817%2C0V39.546a5.274%2C5.274%2C0%2C0%2C1-5.268%2C5.268%22%20transform%3D%22translate(0%20-14.894)%22%20fill%3D%22%235aa816%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_659%22%20data-name%3D%22%E3%83%91%E3%82%B9%20659%22%20d%3D%22M41.214%2C18.6a.908.908%2C0%2C0%2C1-.88-1.134c.288-1.122%2C1.045-3.819%2C1.848-4.621L54.368.654a2.05%2C2.05%2C0%2C0%2C1%2C1.968-.6%2C3.344%2C3.344%2C0%2C0%2C1%2C1.553.956%2C3.339%2C3.339%2C0%2C0%2C1%2C.956%2C1.553%2C2.05%2C2.05%2C0%2C0%2C1-.6%2C1.968L46.062%2C16.72c-.8.8-3.5%2C1.56-4.621%2C1.848a.905.905%2C0%2C0%2C1-.226.028M55.862%2C1.816c-.049%2C0-.11.023-.21.123L43.467%2C14.125a8.9%2C8.9%2C0%2C0%2C0-.925%2C2.236%2C8.911%2C8.911%2C0%2C0%2C0%2C2.237-.926L56.963%2C3.249c.111-.111.3-.3-.358-.953a1.593%2C1.593%2C0%2C0%2C0-.684-.472.256.256%2C0%2C0%2C0-.059-.009%22%20transform%3D%22translate(-29.401%200)%22%20fill%3D%22%235aa816%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
@media screen and (max-width:750px){
.voice .cont6 {
    margin-bottom: 0.5rem;
}
.voice .cont6 .sec {
    width: 100%;
    margin-left: 0;
    padding: 0.3rem 0;
}
.voice .cont6 .sec ul li {
    width: 90%;
    height: auto;
    padding: 0.2rem 0.2rem 0.2rem 0.5rem;
    margin-bottom: 0.2rem;
}
.voice .cont6 .sec ul li::before {
    width: 0.66rem;
    height: 0.66rem;
    left: -0.33rem;
    margin-top: -0.33rem;
}
.voice .cont6 .sec ul li p {
    font-size: 0.13rem;
    line-height: 1.75;
}
.voice .cont6 .sec ul li:nth-child(2n) {
    margin-left: 10%;
}
}

/* cont7 */
.voice .cont7 {
    margin-bottom: 1.85rem;
    position: relative;
}
.voice .cont7::before {
    content: '';
    width: 0.01rem;
    height: 100%;
    background-color: #C3C3C3;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 3;
}
.voice .cont7 .w12 h2.rtit {
    background-color: #fff;
}
.voice .cont7 .sec {
    width: 10.9rem;
    margin: 0;
    padding: 0.7rem 0 0.9rem;
}
.voice .cont7 .sec .box {
    position: relative;
}
.voice .cont7 .sec .box1 .graph {
    width: 5.5rem;
    height: auto;
    margin: 0;
}
.voice .cont7 .sec .box1 .graph dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.04rem;
}
.voice .cont7 .sec .box1 .graph dl dt {
    width: 48%;
    font-size: 0.13rem;
    line-height: 1.45;
    text-align: right;
    white-space: nowrap;
    opacity: 0;
}
.voice .cont7 .sec .box1 .graph dl.isAnimate dt {
    animation: fade 0.7s 0s forwards ease-in-out;
}
.voice .cont7 .sec .box1 .graph dl dd {
    width: 49%;
    font-weight: 500;
    line-height: 1.5;
    display: flex;
    align-items: center;
}
.voice .cont7 .sec .box1 .graph dl dd span {
    display: block;
    height: 0.46rem;
    margin-right: 0.1rem;
}
.voice .cont7 .sec .box1 .graph dl dd b {
    font-weight: 500;
    opacity: 0;
}
.voice .cont7 .sec .box1 .graph dl.isAnimate dd b {
    animation: fade 0.7s 1.4s forwards ease-in-out;
}
.voice .cont7 .sec .box1 .graph dl:nth-child(1) dd {
    color: #017AB0;
}
.voice .cont7 .sec .box1 .graph dl:nth-child(1) dd span {
    background-color: #017AB0;
}
.voice .cont7 .sec .box1 .graph dl:nth-child(1).isAnimate dd span {
    animation: cont7-anime1-1 0.7s 0.5s forwards ease-in-out;
}
@keyframes cont7-anime1-1 {
    0% {
        width: 0;
    }
    100% {
        width: 2.3rem;
    }
}
.voice .cont7 .sec .box1 .graph dl:nth-child(2) dd {
    color: #00A3EA;
}
.voice .cont7 .sec .box1 .graph dl:nth-child(2) dd span {
    background-color: #00A3EA;
}
.voice .cont7 .sec .box1 .graph dl:nth-child(2).isAnimate dd span {
    animation: cont7-anime1-2 0.7s 0.6s forwards ease-in-out;
}
@keyframes cont7-anime1-2 {
    0% {
        width: 0;
    }
    100% {
        width: 1.9rem;
    }
}
.voice .cont7 .sec .box1 .graph dl:nth-child(3) dd {
    color: #5B5B5B;
}
.voice .cont7 .sec .box1 .graph dl:nth-child(3) dd span {
    background-color: #5B5B5B;
}
.voice .cont7 .sec .box1 .graph dl:nth-child(3).isAnimate dd span {
    animation: cont7-anime1-3 0.7s 0.6s forwards ease-in-out;
}
@keyframes cont7-anime1-3 {
    0% {
        width: 0;
    }
    100% {
        width: 1.585rem;
    }
}
.voice .cont7 .sec .box1 .graph dl:nth-child(4) dd {
    color: #FAC800;
}
.voice .cont7 .sec .box1 .graph dl:nth-child(4) dd span {
    background-color: #FAC800;
}
.voice .cont7 .sec .box1 .graph dl:nth-child(4).isAnimate dd span {
    animation: cont7-anime1-4 0.7s 0.7s forwards ease-in-out;
}
@keyframes cont7-anime1-4 {
    0% {
        width: 0;
    }
    100% {
        width: 1.11rem;
    }
}
.voice .cont7 .sec .box1 .graph dl:nth-child(5) dd {
    color: #5AA816;
}
.voice .cont7 .sec .box1 .graph dl:nth-child(5) dd span {
    background-color: #5AA816;
}
.voice .cont7 .sec .box1 .graph dl:nth-child(5).isAnimate dd span {
    animation: cont7-anime1-5 0.7s 0.8s forwards ease-in-out;
}
@keyframes cont7-anime1-5 {
    0% {
        width: 0;
    }
    100% {
        width: 0.795rem;
    }
}
.voice .cont7 .sec .box1 .graph dl:nth-child(6) dd {
    color: #00C8FF;
}
.voice .cont7 .sec .box1 .graph dl:nth-child(6) dd span {
    background-color: #00C8FF;
}
.voice .cont7 .sec .box1 .graph dl:nth-child(6).isAnimate dd span {
    animation: cont7-anime1-6 0.7s 0.9s forwards ease-in-out;
}
@keyframes cont7-anime1-6 {
    0% {
        width: 0;
    }
    100% {
        width: 0.24rem;
    }
}

.voice .cont7 .sec .box2 .graph {
    margin: 0;
}
.voice .cont7 .sec .box2 .graph .circle circle:nth-child(1) {
    stroke: #017AB0;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 0;
}
.voice .cont7 .sec .box2 .graph.isAnimate .circle circle:nth-child(1) {
    animation: cont7-anime2-1 1s 0s forwards ease-in-out;
}
@keyframes cont7-anime2-1 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 42,100;
    }
}
.voice .cont7 .sec .box2 .graph .circle circle:nth-child(2) {
    stroke: #00A3EA;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 58;
}
.voice .cont7 .sec .box2 .graph.isAnimate .circle circle:nth-child(2) {
    animation: cont7-anime2-2 1.5s 0.45s forwards ease-in-out;
}
@keyframes cont7-anime2-2 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 46,54;
    }
}
.voice .cont7 .sec .box2 .graph .circle circle:nth-child(3) {
    stroke: #5B5B5B;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 12;
}
.voice .cont7 .sec .box2 .graph.isAnimate .circle circle:nth-child(3) {
    animation: cont7-anime2-3 0.4s 1.15s forwards ease-in-out;
}
@keyframes cont7-anime2-3 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 8,92;
    }
}
.voice .cont7 .sec .box2 .graph .circle circle:nth-child(4) {
    stroke: #FAB700;
    stroke-dasharray: 0,100;
    stroke-dashoffset: 4;
}
.voice .cont7 .sec .box2 .graph.isAnimate .circle circle:nth-child(4) {
    animation: cont7-anime2-4 0.4s 1.3s forwards ease-in-out;
}
@keyframes cont7-anime2-4 {
    0% {
        stroke-dasharray: 0,100;
    }
    50%, 100% {
        stroke-dasharray: 4,96;
    }
}
.voice .cont7 .sec .box2 .graph .tit {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.35;
    color: #017AB0;
    margin: -1rem 0 0 -1rem;
}
.voice .cont7 .sec .box2 .graph .tit b {
    font-size: 0.36rem;
    font-weight: 700;
}
.voice .cont7 .sec .box2 .graph figure {
    width: 3.71rem;
    height: 3.7rem;
    position: absolute;
    left: -0.25rem;
    top: -0.56rem;
    z-index: 1;
    opacity: 0;
}
.voice .cont7 .sec .box2 .graph p {
    width: 1.79rem;
    position: absolute;
    left: 0.6rem;
    top: 1.04rem;
    z-index: 3;
    opacity: 0;
}
.voice .cont7 .sec .box2 .graph.isAnimate .tit {
    animation: fade 0.7s ease 2.5s 1 forwards;
}
.voice .cont7 .sec .box2 .graph.isAnimate figure {
    animation: fade 0.7s ease 1.85s 1 forwards;
}
.voice .cont7 .sec .box2 .con {
    width: 4.48rem;
    height: 1.13rem;
    position: absolute;
    left: 50%;
    margin-left: -2.24rem;
    bottom: -1.52rem;
}
@media screen and (max-width:750px){
.voice .cont7 {
    margin-bottom: 1.2rem;
}
.voice .cont7::before {
    display: none;
}
.voice .cont7 .sec {
    width: 100%;
    padding: 0.7rem 0 0.6rem;
}
.voice .cont7 .sec .box {
    position: relative;
}
.voice .cont7 .sec .box1 .graph {
    width: 155vw;
    height: auto;
    margin: -22vw 0 0 -33vw;
    transform: scale(0.65);
    position: static;
}
.voice .cont7 .sec .box2 .graph {
    margin: 0.2rem 0 0 0.2rem;
}
.voice .cont7 .sec .box2 .con {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    margin-left: 0;
    bottom: -1.2rem;
}
}

/* cont8 */
.voice .cont8 {
    margin-bottom: 1.1rem;
}
.voice .cont8 .sec {
    width: 10.9rem;
    padding: 0.95rem 0 0.35rem;
    margin: 0;
}
.voice .cont8 .sec .accbox {
    width: 100%;
    background: url("../img/environment/voice/photo1.jpg") center center no-repeat;
    background-size: cover;
    border-radius: 0.05rem;
    padding: 0 0.5rem 0.25rem;
    margin-bottom: 0.6rem;
    box-sizing: border-box;
    position: relative;
}
.voice .cont8 .sec .accbox.bg2 {
    background-image: url("../img/environment/voice/photo2.jpg");
}
.voice .cont8 .sec .accbox.bg3 {
    background-image: url("../img/environment/voice/photo3.jpg");
}
.voice .cont8 .sec .accbox.bg4 {
    background-image: url("../img/environment/voice/photo4.jpg");
}
.voice .cont8 .sec .accbox.bg5 {
    background-image: url("../img/environment/voice/photo5.jpg");
}
.voice .cont8 .sec .accbox::before,
.voice .cont8 .sec .accbox::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    border-radius: 0.05rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: 0.4s;
    opacity: 0;
}
.voice .cont8 .sec .accbox::after {
    background-color: rgba(255,255,255,0.88);
    z-index: 1;
    opacity: 1;
}
.voice .cont8 .sec .accbox .acctit {
    padding-top: 0.35rem;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.voice .cont8 .sec .accbox .acctit h3 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 0.1rem;
}
.voice .cont8 .sec .accbox .acctit p {
    font-size: 0.14rem;
}
.voice .cont8 .sec .accbox .btn {
    width: 1.41rem;
    height: 1.41rem;
    border-radius: 50%;
    backdrop-filter: blur(10px);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -1.2rem;
    top: 0.25rem;
    cursor: pointer;
    overflow: hidden;
    z-index: 3;
    transition: 0.4s;
}
.voice .cont8 .sec .accbox .btn.spon {
    display: none;
}
.voice .cont8 .sec .accbox .btn::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #6E5DC1, #F25500);
    opacity: 0.54;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.voice .cont8 .sec .accbox .btn span {
    position: relative;
    z-index: 2;
}
.voice .cont8 .sec .accbox .btn span::before,
.voice .cont8 .sec .accbox .btn span::after {
    content: 'OPEN';
    color: #fff;
    line-height: 1.35;
    letter-spacing: 0.03em;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    transition: 0.4s;
}
.voice .cont8 .sec .accbox .btn span::after {
    content: 'CLOSE';
    opacity: 0;
}
.voice .cont8 .sec .accbox.open .btn span::before {
    opacity: 0;
}
.voice .cont8 .sec .accbox.open .btn span::after {
    opacity: 1;
}
.voice .cont8 .sec .accbox .acccon {
    display: none;
    padding-top: 0.2rem;
    position: relative;
    z-index: 2;
}
.voice .cont8 .sec .accbox .acccon dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.15rem;
}
.voice .cont8 .sec .accbox .acccon dl dt {
    width: 6.66%;
    border-right: 0.01rem solid #1A1A1A;
}
.voice .cont8 .sec .accbox .acccon dl dt span {
    font-size: 0.12rem;
    line-height: 2.5;
    letter-spacing: 0.02em;
}
.voice .cont8 .sec .accbox .acccon dl dd {
    width: 92%;
}
.voice .cont8 .sec .accbox .acccon dl dd p {
    font-size: 0.14rem;
    font-weight: 700;
}
@media screen and (min-width:751px){
.voice .cont8 .sec .accbox .acctit:hover .btn {
    transform: scale(1.1);
}
.voice .cont8 .sec .accbox:hover::before {
    opacity: 1;
}
.voice .cont8 .sec .accbox.open:hover::before {
    opacity: 0;
}
}
@media screen and (max-width:750px){
.voice .cont8 {
    margin-bottom: 0.65rem;
}
.voice .cont8 .sec {
    width: 100%;
    padding: 0.25rem 0;
}
.voice .cont8 .sec .accbox {
    background-image: url("../img/environment/voice/photo1_sp.jpg");
    background-position: center 30%;
    padding: 0 0.2rem 0.65rem;
    margin-bottom: 0.75rem;
}
.voice .cont8 .sec .accbox.bg2 {
    background-image: url("../img/environment/voice/photo2_sp.jpg");
    background-position: center center;
}
.voice .cont8 .sec .accbox.bg3 {
    background-image: url("../img/environment/voice/photo3_sp.jpg");
    background-position: center center;
}
.voice .cont8 .sec .accbox.bg4 {
    background-image: url("../img/environment/voice/photo4_sp.jpg");
    background-position: center center;
}
.voice .cont8 .sec .accbox.bg5 {
    background-image: url("../img/environment/voice/photo5_sp.jpg");
    background-position: center center;
}
.voice .cont8 .sec .accbox .acctit {
    padding-top: 0.2rem;
}
.voice .cont8 .sec .accbox .acctit h3 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 0.1rem;
}
.voice .cont8 .sec .accbox .acctit p {
    font-size: 0.13rem;
    line-height: 1.75;
}
.voice .cont8 .sec .accbox .btn {
    width: 1rem;
    height: 1rem;
    right: 50%;
    top: auto;
    bottom: -0.5rem;
    margin-right: -0.5rem;
}
.voice .cont8 .sec .accbox .btn.spon {
    display: flex;
}
.voice .cont8 .sec .accbox .btn.pcon {
    display: none;
}
.voice .cont8 .sec .accbox .btn span {
    font-size: 0.14rem;
    letter-spacing: 0.02em;
}

.voice .cont8 .sec .accbox .acccon {
    padding-top: 0.2rem;
}
.voice .cont8 .sec .accbox .acccon dl {
    display: block;
    margin-bottom: 0.1rem;
}
.voice .cont8 .sec .accbox .acccon dl dt {
    width: 100%;
    border-bottom: 0.01rem solid #1A1A1A;
    border-right: none;
}
.voice .cont8 .sec .accbox .acccon dl dt span {
    font-size: 0.12rem;
    line-height: 2.5;
}
.voice .cont8 .sec .accbox .acccon dl dd {
    width: 100%;
}
.voice .cont8 .sec .accbox .acccon dl dd p {
    font-size: 0.13rem;
    line-height: 1.75;
}
}

/* cont9 */
.voice .cont9 {
    margin-bottom: 1rem;
}
.voice .cont9 .w12 h2 {
    width: 4.5rem;
}
.voice .cont9 .sec {
    width: 10.9rem;
    padding: 0.2rem 0 0.1rem;
    margin: 0;
}
.voice .cont9 .sec .accbox {
    width: 100%;
    background-color: #008AC7;
    border-radius: 0.05rem;
    color: #fff;
    padding: 0 0.5rem 0.35rem;
    margin-bottom: 0.45rem;
    box-sizing: border-box;
    position: relative;
}
.voice .cont9 .sec .accbox::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.1);
    border-radius: 0.05rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: 0.4s;
    opacity: 0;
}
.voice .cont9 .sec .accbox .acctit {
    height: 1.4rem;
    padding: 0.4rem 0 0 0.9rem;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.voice .cont9 .sec .accbox.bg5 .acctit,
.voice .cont9 .sec .accbox.bg6 .acctit,
.voice .cont9 .sec .accbox.bg7 .acctit {
    padding-top: 0.55rem;
}
.voice .cont9 .sec .accbox .acctit::before {
    content: '';
    width: 0.8rem;
    height: 0.75rem;
    background: url("../img/environment/voice/icon1.png") center center no-repeat;
    background-size: cover;
    position: absolute;
    left: -0.21rem;
    top: 0.55rem;
}
.voice .cont9 .sec .accbox.bg2 .acctit::before {
    background-image: url("../img/environment/voice/icon2.png");
}
.voice .cont9 .sec .accbox.bg3 .acctit::before {
    background-image: url("../img/environment/voice/icon3.png");
}
.voice .cont9 .sec .accbox.bg4 .acctit::before {
    background-image: url("../img/environment/voice/icon4.png");
}
.voice .cont9 .sec .accbox.bg5 .acctit::before {
    background-image: url("../img/environment/voice/icon5.png");
}
.voice .cont9 .sec .accbox.bg6 .acctit::before {
    background-image: url("../img/environment/voice/icon6.png");
}
.voice .cont9 .sec .accbox.bg7 .acctit::before {
    background-image: url("../img/environment/voice/icon7.png");
}
.voice .cont9 .sec .accbox.bg8 .acctit::before {
    background-image: url("../img/environment/voice/icon8.png");
}
.voice .cont9 .sec .accbox .acctit h3 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 0.1rem;
}
.voice .cont9 .sec .accbox .acctit p {
    font-size: 0.14rem;
}
.voice .cont9 .sec .accbox .btn {
    width: 1.41rem;
    height: 1.41rem;
    border-radius: 50%;
    backdrop-filter: blur(10px);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -1.2rem;
    top: 0.175rem;
    cursor: pointer;
    overflow: hidden;
    z-index: 3;
    transition: 0.4s;
}
.voice .cont9 .sec .accbox .btn.spon {
    display: none;
}
.voice .cont9 .sec .accbox .btn::after {
    content: '';
    width: 100%;
    height: 100%;
    background: #E6DCDC;
    opacity: 0.54;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.voice .cont9 .sec .accbox .btn span {
    position: relative;
    z-index: 2;
}
.voice .cont9 .sec .accbox .btn span::before,
.voice .cont9 .sec .accbox .btn span::after {
    content: 'OPEN';
    color: #fff;
    line-height: 1.35;
    letter-spacing: 0.03em;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    transition: 0.4s;
}
.voice .cont9 .sec .accbox .btn span::after {
    content: 'CLOSE';
    opacity: 0;
}
.voice .cont9 .sec .accbox.open .btn span::before {
    opacity: 0;
}
.voice .cont9 .sec .accbox.open .btn span::after {
    opacity: 1;
}
.voice .cont9 .sec .accbox .acccon {
    display: none;
    padding-top: 0.6rem;
    position: relative;
    z-index: 2;
}
.voice .cont9 .sec .accbox .acccon ul li {
    width: 2.71rem;
    margin-right: 0.35rem;
    position: relative;
}
.voice .cont9 .sec .accbox .acccon ul li:nth-child(1),
.voice .cont9 .sec .accbox .acccon ul li:nth-child(3) {
    margin-top: 0.35rem;
}
.voice .cont9 .sec .accbox .acccon ul li::before {
    content: '';
    width: 0.51rem;
    height: 0.35rem;
    background: url("../img/environment/voice/voice.svg") center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0.2rem;
    top: -0.33rem;
}
.voice .cont9 .sec .accbox .acccon ul li p {
    width: 2.71rem;
    background-color: #fff;
    padding: 0.3rem 0.35rem 0.25rem;
    border-radius: 0.2rem;
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 1.85;
    color: #1A1A1A;
    box-sizing: border-box;
}
@media screen and (min-width:751px){
.voice .cont9 .sec .accbox .acctit:hover .btn {
    transform: scale(1.1);
}
.voice .cont9 .sec .accbox:hover::after {
    opacity: 1;
}
.voice .cont9 .sec .accbox.open:hover::after {
    opacity: 0;
}
}
@media screen and (max-width:750px){
.voice .cont9 {
    margin-bottom: 1rem;
}
.voice .cont9 .w12 h2 {
    width: 100%;
}
.voice .cont9 .sec {
    width: 100%;
    padding: 0.25rem 0 0;
}
.voice .cont9 .sec .accbox {
    padding: 0 0.2rem 0.65rem;
    margin-bottom: 0.75rem;
}
.voice .cont9 .sec .accbox .acctit {
    height: auto;
    padding: 0.2rem 0 0 0.7rem;
}
.voice .cont9 .sec .accbox.bg5 .acctit,
.voice .cont9 .sec .accbox.bg6 .acctit,
.voice .cont9 .sec .accbox.bg7 .acctit {
    padding-top: 0.2rem;
}
.voice .cont9 .sec .accbox .acctit::before {
    width: 0.6rem;
    height: 0.5625rem;
    left: -0.05rem;
    top: 0.5rem;
}
.voice .cont9 .sec .accbox .acctit h3 {
    font-size: 0.2rem;
    line-height: 1.45;
    padding-bottom: 0.1rem;
}
.voice .cont9 .sec .accbox .acctit p {
    font-size: 0.13rem;
    line-height: 1.75;
}
.voice .cont9 .sec .accbox .btn {
    width: 1rem;
    height: 1rem;
    right: 50%;
    top: auto;
    bottom: -0.5rem;
    margin-right: -0.5rem;
}
.voice .cont9 .sec .accbox .btn.spon {
    display: flex;
}
.voice .cont9 .sec .accbox .btn.pcon {
    display: none;
}
.voice .cont9 .sec .accbox .btn span {
    font-size: 0.14rem;
    letter-spacing: 0.02em;
}

.voice .cont9 .sec .accbox .acccon {
    padding-top: 0.55rem;
}
.voice .cont9 .sec .accbox .acccon ul li {
    width: 90%;
    margin: 0 0 0.45rem 10%;
}
.voice .cont9 .sec .accbox .acccon ul li:nth-child(1) {
    margin: 0 10% 0.45rem 0;
}
.voice .cont9 .sec .accbox .acccon ul li:nth-child(3) {
    margin: 0 10% 0 0;
}
.voice .cont9 .sec .accbox .acccon ul li p {
    width: 100%;
    padding: 0.2rem 0.2rem 0.15rem;
    font-size: 0.14rem;
    line-height: 1.75;
}
}


/* environment/yamaguchi.html
------------------------------------------------- */
/* mainimg */
.yamaguchi .mainimg {
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 2;
}
.yamaguchi .mainimg h1 {
    bottom: -0.75rem;
}
@media screen and (max-width:750px){
.yamaguchi .mainimg {
    margin-bottom: 0.6rem;
}
.yamaguchi .mainimg h1 img {
    width: 90%;
}
}

/* cont1 */
.yamaguchi .cont1 {
    height: 11.7rem;
    margin-bottom: 1.05rem;
    position: relative;
}
.yamaguchi .cont1::after {
    content: '';
    width: 15.92rem;
    height: 8.95rem;
    background: url("../img/environment/yamaguchi/map.jpg") center top no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: -2.95rem;
    margin-left: -6.83rem;
    z-index: 1;
}
.yamaguchi .cont1 .inner {
    z-index: 3;
}
.yamaguchi .cont1 .copy {
    width: 5.4rem;
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: 0.02em;
    margin: 0 0 1.05rem 1.35rem;
    position: relative;
}
.yamaguchi .cont1 .copy::before {
    content: '';
    width: 50vw;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 102%;
    top: 0.15rem;
}
.yamaguchi .cont1 .box {
    width: 6.22rem;
    background-color: #fff;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.03rem rgba(0,0,0,0.16);
    padding: 0.2rem;
    box-sizing: border-box;
}
.yamaguchi .cont1 .box h3 {
    font-size: 0.19rem;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0.02em;
    padding-bottom: 0.1rem;
}
.yamaguchi .cont1 .box picture {
    border-radius: 0.05rem;
    margin-bottom: 0.35rem;
    overflow: hidden;
}
.yamaguchi .cont1 .box .tit {
    width: 2.5rem;
    text-align: center;
}
.yamaguchi .cont1 .box .tit h4 {
    font-weight: 700;
    line-height: 1.875;
    padding-bottom: 0.15rem;
}
.yamaguchi .cont1 .box .tit address {
    font-size: 0.14rem;
}
.yamaguchi .cont1 .box .con {
    width: 2.95rem;
}
.yamaguchi .cont1 .box .con p {
    font-size: 0.14rem;
}
.yamaguchi .cont1 .infiniteslide {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: none;
}
.yamaguchi .cont1 .infiniteslide li {
    margin-right: 0.21rem;
}
.yamaguchi .cont1 .infiniteslide li img {
    width: auto;
    height: 4.6rem;
    border-radius: 0.05rem;
}
.yamaguchi .cont1 .slider {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.yamaguchi .cont1 .slider .yamaguchi-slider .swiper-slide {
    width: auto;
    height: 4.6rem;
    margin-right: 0.21rem;
}
.yamaguchi .cont1 .slider .yamaguchi-slider .swiper-slide img {
    width: auto;
    height: 100%;
    border-radius: 0.05rem;
}
.yamaguchi .cont1 .slider .swiper-button-next {
    right: 0.6rem;
    color: #D9D9D9;
    transition: 0.4s;
    z-index: 5;
}
.yamaguchi .cont1 .slider .swiper-button-prev {
    left: 0.2rem;
    color: #D9D9D9;
    transition: 0.4s;
    z-index: 5;
}
.yamaguchi .cont1 .slider .swiper-button-next::after,
.yamaguchi .cont1 .slider .swiper-button-prev::after {
    font-size: 0.44rem;
}
@media screen and (min-width:751px){
.yamaguchi .cont1 .slider .swiper-button-next:hover,
.yamaguchi .cont1 .slider .swiper-button-prev:hover {
    opacity: 0.7;
}
}
@media screen and (max-width:750px){
.yamaguchi .cont1 {
    height: auto;
    margin-bottom: 0.7rem;
}
.yamaguchi .cont1::after {
    width: 12rem;
    height: 6.744rem;
    left: 50%;
    top: -2.25rem;
    margin-left: -7rem;
}
.yamaguchi .cont1 .copy {
    width: calc(100% - 0.2rem);
    margin: 0 0 2rem 0.2rem;
}
.yamaguchi .cont1 .box {
    width: 100%;
    padding: 0.2rem;
}
.yamaguchi .cont1 .box h3 {
    font-size: 0.18rem;
}
.yamaguchi .cont1 .box picture {
    margin-bottom: 0.15rem;
}
.yamaguchi .cont1 .box .tit {
    width: 100%;
}
.yamaguchi .cont1 .box .tit h4 {
    line-height: 1.75;
    padding-bottom: 0.1rem;
}
.yamaguchi .cont1 .box .con {
    width: 100%;
    margin-top: 0.15rem;
}
.yamaguchi .cont1 .box .con p {
    line-height: 1.85;
}
.yamaguchi .cont1 .infiniteslide {
    position: static;
    margin-top: 0.3rem;
}
.yamaguchi .cont1 .infiniteslide li {
    margin-right: 0.125rem;
}
.yamaguchi .cont1 .infiniteslide li img {
    height: 2.5rem;
}
    
.yamaguchi .cont1 .slider {
    position: static;
    margin-top: 0.3rem;
}
.yamaguchi .cont1 .slider .yamaguchi-slider .swiper-slide {
    height: 2.05rem;
    margin: 0 0.065rem;
}
.yamaguchi .cont1 .slider .swiper-button-next {
    right: 0.1rem;
}
.yamaguchi .cont1 .slider .swiper-button-prev {
    left: 0.1rem;
}
.yamaguchi .cont1 .slider .swiper-button-next::after,
.yamaguchi .cont1 .slider .swiper-button-prev::after {
    font-size: 0.24rem;
}
}

/* cont2 */
.yamaguchi .cont2 {
    width: calc(100% - 0.4rem);
    background: url("../img/environment/yamaguchi/bg1.jpg") center top no-repeat;
    background-size: 100% auto;
    margin-bottom: 1.65rem;
    position: relative;
}
.yamaguchi .cont2 h2 {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-align: center;
    padding: 2.15rem 0 2.85rem;
}
.yamaguchi .cont2 h2 span {
    display: block;
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.02em;
    color: #fff;
}
.yamaguchi .cont2 ul li {
    width: 2.55rem;
    height: 2.55rem;
    margin-bottom: 0.35rem;
    position: relative;
}
.yamaguchi .cont2 ul li .card {
    width: 100%;
    height: 100%;
    background: url("../img/environment/yamaguchi/bg2.jpg") center center no-repeat;
    background-size: cover;
    border-radius: 0.05rem;
    padding: 0.22rem 0.17rem 0 0.2rem;
    box-sizing: border-box;
    position: absolute;
    transition: 0.7s;
    backface-visibility: hidden;
}
.yamaguchi .cont2 ul li .card.back {
    transform: rotateY(-180deg);
}
.yamaguchi .cont2 ul li.isAnimate .card.front {
    transform: rotateY(180deg);
}
.yamaguchi .cont2 ul li.isAnimate .card.back {
    transform: rotateY(0);
}
.yamaguchi .cont2 ul li h3 {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236e5dc1%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f25500%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_44%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2044%22%20cx%3D%224%22%20cy%3D%224%22%20r%3D%224%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 0.08rem auto;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.04em;
    color: #EA5504;
    padding-left: 0.16rem;
    margin-bottom: 0.25rem;
    position: relative;
}
.yamaguchi .cont2 ul li h3 span {
    display: block;
    font-size: 0.12rem;
    line-height: 1.33;
    font-weight: 400;
    letter-spacing: 0.02em;
    position: absolute;
    right: 0;
    top: 0;
}
.yamaguchi .cont2 ul li picture {
    width: 1.27rem;
    margin: 0 auto 0.175rem;
}
.yamaguchi .cont2 ul li p {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #EA5504;
    text-align: center;
}
.yamaguchi .cont2 ul li p span {
    font-size: 0.16rem;
}
.yamaguchi .cont2 ul li p.note {
    font-size: 0.12rem;
    font-weight: 400;
    color: #838383;
    padding-top: 0.1rem;
}
@media screen and (max-width:750px){
.yamaguchi .cont2 {
    width: 100%;
    background-size: 120% auto;
    margin-bottom: 0.7rem;
}
.yamaguchi .cont2 .inner {
    width: 96%;
}
.yamaguchi .cont2 h2 {
    padding: 0.3rem 0 0.6rem;
}
.yamaguchi .cont2 h2 span {
    font-size: 0.42rem;
    line-height: 1;
    padding-bottom: 0.1rem;
}
.yamaguchi .cont2 ul {
    display: flex;
}
.yamaguchi .cont2 ul li {
    width: 49%;
    height: 2.05rem;
    margin-bottom: 0.075rem;
}
.yamaguchi .cont2 ul li .card {
    padding: 0.15rem 0.1rem 0;
}
.yamaguchi .cont2 ul li h3 {
    background-size: 0.06rem auto;
    padding-left: 0.12rem;
    margin-bottom: 0.25rem;
}
.yamaguchi .cont2 ul li h3 span {
    font-size: 0.11rem;
    right: auto;
    left: 0.12rem;
    top: 0.25rem;
}
.yamaguchi .cont2 ul li picture {
    width: 0.85rem;
    margin: 0 auto 0.15rem;
}
.yamaguchi .cont2 ul li p {
    font-size: 0.16rem;
    letter-spacing: normal;
}
.yamaguchi .cont2 ul li p span {
    font-size: 0.13rem;
}
.yamaguchi .cont2 ul li p.note {
    font-size: 0.11rem;
    padding-top: 0.05rem;
}
}

/* cont3 */
.yamaguchi .cont3 {
    padding-top: 0.75rem;
    margin-bottom: 1.75rem;
    position: relative;
}
.yamaguchi .cont3::before,
.yamaguchi .cont3::after {
    content: '';
    width: 77.8vw;
    height: 5.2rem;
    background-color: rgba(26,26,26,0.42);
    border-radius: 0.05rem;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -3.8rem;
    z-index: 2;
}
.yamaguchi .cont3::after {
    background: url("../img/environment/yamaguchi/photo2.jpg") left top no-repeat;
    background-size: cover;
    z-index: 1;
}
.yamaguchi .cont3 .inner {
    max-width: 9.46rem;
    z-index: 3;
}
.yamaguchi .cont3 h3 {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.04em;
    color: #fff;
    padding: 0 0 0.8rem 1.73rem;
}
.yamaguchi .cont3 h3 span {
    display: block;
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
.yamaguchi .cont3 ul li {
    width: 100%;
    height: 3.22rem;
    background: url("../img/environment/yamaguchi/bg3.jpg") center center no-repeat;
    background-size: cover;
    border-radius: 0.05rem;
    padding: 0.45rem 0.44rem 0;
    margin-bottom: 0.25rem;
    box-sizing: border-box;
}
.yamaguchi .cont3 ul li h4 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
    padding-bottom: 0.34rem;
}
@media screen and (max-width:750px){
.yamaguchi .cont3 {
    padding-top: 0.8rem;
    margin-bottom: 0.7rem;
}
.yamaguchi .cont3::before,
.yamaguchi .cont3::after {
    content: '';
    width: 100vw;
    height: 2.2rem;
    left: 0;
    top: 0;
    margin-left: 0;
}
.yamaguchi .cont3 h3 {
    padding: 0 0 0.2rem 5vw;
}
.yamaguchi .cont3 h3 span {
    font-size: 0.42rem;
}
.yamaguchi .cont3 ul li {
    width: 100%;
    height: 2.6rem;
    padding: 0.25rem 5vw 0;
    margin-bottom: 0.2rem;
}
.yamaguchi .cont3 ul li h4 {
    font-size: 0.18rem;
    padding-bottom: 0.25rem;
}
.yamaguchi .cont3 ul li picture {
    width: 100%;
    padding-bottom: 0.15rem;
    overflow-x: auto;
}
.yamaguchi .cont3 ul li picture img.over {
    max-width: inherit;
    width: 170vw;
}
}

/* cont4 */
.yamaguchi .cont4::after {
    background-image: url("../img/environment/yamaguchi/photo3.jpg");
}
.yamaguchi .cont4 ul li {
    width: 7.85rem;
    background: none #fff;
    border: 0.01rem solid #DDDBDB;
    padding: 0.26rem 0.28rem;
}
.yamaguchi .cont4 ul li picture {
    width: 4.37rem;
    border-radius: 0.05rem;
    overflow: hidden;
}
.yamaguchi .cont4 ul li .con {
    width: 2.55rem;
}
.yamaguchi .cont4 ul li .con h4 {
    text-align: left;
    padding-bottom: 0.15rem;
}
.yamaguchi .cont4 ul li ul li {
    width: 100%;
    height: auto;
    border: none;
    font-size: 0.14rem;
    padding: 0 0 0 1em;
    margin: 0;
    text-indent: -1em;
}
.yamaguchi .cont4 ul li ul li::before {
    content: '・';
}
@media screen and (max-width:750px){
.yamaguchi .cont4 ul li {
    width: 100%;
    height: auto;
    padding: 0.2rem;
}
.yamaguchi .cont4 ul li picture {
    width: 100%;
}
.yamaguchi .cont4 ul li .con {
    width: 100%;
}
.yamaguchi .cont4 ul li .con h4 {
    font-size: 0.18rem;
    padding-bottom: 0.1rem;
}
.yamaguchi .cont4 ul li ul li {
    font-size: 0.13rem;
    line-height: 1.85;
}
}

/* cont5 */
.yamaguchi .cont5::after {
    background-image: url("../img/environment/yamaguchi/photo6.jpg");
}
.yamaguchi .cont5 ul li {
    background: none #fff;
    border: 0.01rem solid #DDDBDB;
    padding: 0.26rem 0.28rem;
}
.yamaguchi .cont5 ul li picture {
    width: 4.37rem;
    border-radius: 0.05rem;
    overflow: hidden;
}
.yamaguchi .cont5 ul li .con {
    width: 4.2rem;
}
.yamaguchi .cont5 ul li .con h4 {
    text-align: left;
    padding-bottom: 0.15rem;
}
.yamaguchi .cont5 ul li ul li {
    width: 100%;
    height: auto;
    border: none;
    font-size: 0.14rem;
    padding: 0 0 0 1em;
    margin: 0;
    text-indent: -1em;
}
.yamaguchi .cont5 ul li ul li::before {
    content: '・';
}
@media screen and (max-width:750px){
.yamaguchi .cont5 ul li {
    height: auto;
    padding: 0.2rem;
}
.yamaguchi .cont5 ul li picture {
    width: 100%;
}
.yamaguchi .cont5 ul li .con {
    width: 100%;
}
.yamaguchi .cont5 ul li .con h4 {
    font-size: 0.18rem;
    padding-bottom: 0.1rem;
}
.yamaguchi .cont5 ul li ul li {
    font-size: 0.13rem;
    line-height: 1.85;
}
}

/* cont6 */
.yamaguchi .cont6 {
    padding-bottom: 2.5rem;
}
.yamaguchi .cont6 a {
    display: block;
    position: relative;
}
.yamaguchi .cont6 a picture {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.yamaguchi .cont6 a picture::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.71);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: 0.4s;
}
.yamaguchi .cont6 a picture img {
    display: block;
    transition: 0.4s;
}
.yamaguchi .cont6 a h4 {
    width: 2.84rem;
    height: 1rem;
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
    padding-top: 0.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.5rem 0 0 -1.42rem;
    box-sizing: border-box;
    z-index: 3;
}
.yamaguchi .cont6 a h4::before,
.yamaguchi .cont6 a h4::after {
    content: '';
    width: 0.02rem;
    height: 100%;
    background: linear-gradient(0deg, #EA5504, #D34E44, #6356A3);
    position: absolute;
    left: 0;
    top: 0;
}
.yamaguchi .cont6 a h4::after {
    left: auto;
    right: 0;
}
.yamaguchi .cont6 a h4 span {
    display: block;
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.08em;
    margin-bottom: 0.1rem;
}
.yamaguchi .cont6 a .btn {
    width: 1.41rem;
    height: 1.41rem;
    border-radius: 50%;
    backdrop-filter: blur(10px);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: -0.705rem;
    margin-left: -0.705rem;
    overflow: hidden;
    z-index: 3;
    transition: 0.4s;
}
.yamaguchi .cont6 a .btn span {
    letter-spacing: 0.03em;
    color: #fff;
    position: relative;
    z-index: 2;
}
.yamaguchi .cont6 a .btn::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #6E5DC1, #F25500);
    opacity: 0.54;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
@media screen and (min-width:751px){
.yamaguchi .cont6 a:hover picture::before {
    background-color: rgba(0,0,0,0.6);
}
.yamaguchi .cont6 a:hover picture img {
    transform: scale(1.05);
}
.yamaguchi .cont6 a:hover .btn {
    transform: scale(1.1);
}
}
@media screen and (max-width:750px){
.yamaguchi .cont6 {
    padding-bottom: 1.5rem;
}
.yamaguchi .cont6 a picture {
    width: 120vw;
    margin-left: -10vw;
}
.yamaguchi .cont6 a picture::before {
    background-color: rgba(0,0,0,0.6);
}
.yamaguchi .cont6 a h4 {
    width: 2.4rem;
    font-size: 0.18rem;
    padding-top: 0.2rem;
    margin: -0.6rem 0 0 -1.2rem;
}
.yamaguchi .cont6 a h4 span {
    font-size: 0.13rem;
    margin-bottom: 0.1rem;
}
.yamaguchi .cont6 a .btn {
    width: 1rem;
    height: 1rem;
    bottom: -0.8rem;
    margin-left: -0.5rem;
}
.yamaguchi .cont6 a .btn span {
    font-size: 0.14rem;
    letter-spacing: 0.02em;
}
}


/* environment/life.html
------------------------------------------------- */
/* mainimg */
.life .mainimg {
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 2;
}
.life .mainimg h1 {
    bottom: -0.75rem;
}
@media screen and (max-width:750px){
.life .mainimg {
    margin-bottom: 0.6rem;
}
.life .mainimg h1 img {
    width: 90%;
}
}

/* bg */
.life .bg {
    position: relative;
    z-index: 1;
}
.life .bg::after {
    content: '';
    width: 77.74vw;
    height: 170vw;
    background: url("../img/environment/life/bg.jpg") left top no-repeat;
    background-size: cover;
    border-radius: 0.2rem 0 0 0.2rem;
    position: absolute;
    right: 0;
    top: 1.63rem;
}
@media screen and (max-width:750px){
.life .bg::after {
    width: 90vw;
    height: 210vw;
    top: 1.45rem;
}
}

/* cont1 */
.life .cont1 {
    margin-bottom: 1.4rem;
    position: relative;
    z-index: 2;
}
.life .cont1 h2 {
    font-size: 0.3rem;
    font-weight: 700;
    line-height: 1.66;
    padding: 0 0 1.55rem 1.4rem;
}
.life .cont1 picture {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 0.05rem;
    overflow: hidden;
}
.life .cont1 .profile {
    width: 2rem;
}
.life .cont1 .profile h3 {
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0.55rem;
    position: relative;
}
.life .cont1 .profile h3::after {
    content: '';
    width: 80%;
    height: 0.01rem;
    background: linear-gradient(90deg, #6E5DC1, #F25500);
    position: absolute;
    right: 0;
    top: 50%;
}
.life .cont1 .profile .group {
    line-height: 1;
    padding: 0.1rem 0 0.075rem;
}
.life .cont1 .profile .group span {
    display: inline-block;
    background: linear-gradient(270deg, #F25500, #6E5DC1);
    border-radius: 0.22rem;
    font-size: 0.12rem;
    font-weight: 500;
    line-height: 0.22rem;
    color: #fff;
    padding: 0 0.13rem;
}
.life .cont1 .profile .detail {
    font-size: 0.12rem;
    line-height: 1.85;
    letter-spacing: 0.05em;
}
.life .cont1 .job {
    width: 5.95rem;
}
.life .cont1 .job h4 {
    font-weight: 700;
    line-height: 1.5;
    position: relative;
}
.life .cont1 .job h4::after {
    content: '';
    width: 80%;
    height: 0.01rem;
    background: linear-gradient(90deg, #6E5DC1, #F25500);
    position: absolute;
    right: 0;
    top: 50%;
}
.life .cont1 .job p {
    font-size: 0.14rem;
    padding-top: 0.1rem;
}
@media screen and (max-width:750px){
.life .cont1 {
    margin-bottom: 1rem;
}
.life .cont1 h2 {
    font-size: 0.24rem;
    line-height: 1.45;
    padding: 0 0 1rem;
}
.life .cont1 picture {
    width: 70%;
    height: auto;
    margin: 0 auto 0.2rem;
}
.life .cont1 .profile {
    width: 70%;
    margin: 0 auto;
}
.life .cont1 .profile h3 {
    margin-bottom: 0.05rem;
}
.life .cont1 .profile h3::after {
    width: 82%;
}
.life .cont1 .profile .detail {
    font-size: 0.12rem;
    line-height: 1.85;
    letter-spacing: 0.05em;
}
.life .cont1 .job {
    width: 85%;
    margin: 0.2rem 0 0 15%;
}
.life .cont1 .job h4::after {
    width: 62%;
}
.life .cont1 .job p {
    line-height: 1.85;
}
}

/* cont2 */
.life .cont2 {
    margin-bottom: 1.95rem;
    position: relative;
    z-index: 2;
}
.life .cont2 .con {
    width: 5.55rem;
    background-color: #ffff;
    box-shadow: 0 0 0.03rem rgba(0,0,0,0.16);
    padding: 0.4rem 0.56rem 0.3rem 0.57rem;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0.27rem;
    z-index: 3;
}
.life .cont2 .con::before {
    content: '';
    width: 0.02rem;
    height: 100%;
    background: linear-gradient(180deg, #6E5DC1, #F25500);
    position: absolute;
    left: 0;
    top: 0;
}
.life .cont2 .con h3 {
    font-size: 0.24rem;
    font-weight: 500;
    line-height: 1.66;
    letter-spacing: 0.02em;
    padding-bottom: 0.18rem;
}
.life .cont2 .con p {
    font-size: 0.14rem;
}
.life .cont2 picture {
    width: 51.97vw;
    border-radius: 0.05rem 0 0 0.05rem;
    margin-right: calc(5.53rem - 50cqw);
    overflow: hidden;
}
.life .cont2 .space {
    width: 47.55%;
}
@media screen and (max-width:750px){
.life .cont2 {
    margin-bottom: 0.7rem;
}
.life .cont2 .con {
    width: 100%;
    padding: 0.35rem 0.25rem 0.3rem 0.25rem;
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: -0.4rem;
}
.life .cont2 .con h3 {
    font-size: 0.2rem;
    line-height: 1.45;
    letter-spacing: normal;
    padding-bottom: 0.2rem;
}
.life .cont2 .con p {
    line-height: 1.85;
}
.life .cont2 picture {
    width: 90vw;
    margin: 0 0 0 5vw;
}
.life .cont2 .space {
    width: 0;
}
}

/* cont3 */
.life .cont3 {
    margin-bottom: 1.95rem;
    position: relative;
    z-index: 2;
}
.life .cont3 .con {
    width: 5.55rem;
    background-color: #ffff;
    box-shadow: 0 0 0.03rem rgba(0,0,0,0.16);
    padding: 0.4rem 0.56rem 0.45rem 0.57rem;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: -0.45rem;
    z-index: 3;
}
.life .cont3 .con::before {
    content: '';
    width: 0.02rem;
    height: 100%;
    background: linear-gradient(180deg, #6E5DC1, #F25500);
    position: absolute;
    left: 0;
    top: 0;
}
.life .cont3 .con h3 {
    font-size: 0.24rem;
    font-weight: 500;
    line-height: 1.66;
    letter-spacing: 0.02em;
    padding-bottom: 0.18rem;
}
.life .cont3 .con p {
    font-size: 0.14rem;
}
.life .cont3 picture {
    width: 52.196vw;
    margin-left: calc(5.53rem - 50cqw);
    overflow: hidden;
}
.life .cont3 .space {
    width: 47%;
}
@media screen and (max-width:750px){
.life .cont3 {
    margin-bottom: 0.7rem;
}
.life .cont3 .con {
    width: 100%;
    padding: 0.35rem 0.25rem 0.3rem 0.25rem;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    margin-top: -0.4rem;
}
.life .cont3 .con h3 {
    font-size: 0.2rem;
    line-height: 1.45;
    letter-spacing: normal;
    padding-bottom: 0.2rem;
}
.life .cont3 .con p {
    line-height: 1.85;
}
.life .cont3 picture {
    width: 90vw;
    border-radius: 0 0.05rem 0.05rem 0;
    margin-left: -5vw;
}
.life .cont3 .space {
    width: 47%;
}
}

/* cont4 */
.life .cont4 {
    margin-bottom: 1.35rem;
    position: relative;
    z-index: 3;
}
.life .cont4 .con {
    bottom: -2rem;
}
@media screen and (max-width:750px){
.life .cont4 {
    margin-bottom: 0.5rem;
}
.life .cont4 .con {
    bottom: auto;
}
}

/* cont5 */
.life .cont5 .photo {
    width: 77.81vw;
    margin-right: calc(5.53rem - 50cqw);
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.life .cont5 .photo .box {
    width: 6.4rem;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
}
.life .cont5 .photo .box h3 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.04em;
    text-align: center;
    margin-bottom: 0.3rem;
}
.life .cont5 .photo .box h3 span {
    display: block;
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.08em;
    margin-bottom: 0.1rem;
}
.life .cont5 .photo .box p {
    font-size: 0.14rem;
}
.life .cont5 .photo picture {
    position: relative;
    z-index: 1;
}
.life .cont5 .photo picture::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.71);
    position: absolute;
    left: 0;
    top: 0;
}
.life .cont5 .space {
    width: 15.37%;
}
@media screen and (max-width:750px){
.life .cont5 .photo {
    width: 160vw;
    margin: 0 0 0 -35vw;
}
.life .cont5 .photo .box {
    width: 90vw;
    top: 48%;
}
.life .cont5 .photo .box h3 {
    font-size: 0.18rem;
    letter-spacing: 0.02em;
    margin-bottom: 0.2rem;
}
.life .cont5 .photo .box h3 span {
    font-size: 0.12rem;
    margin-bottom: 0.05rem;
}
.life .cont5 .photo .box p {
    font-size: 0.12rem;
    line-height: 1.8;
}
.life .cont5 .space {
    width: 0;
}
}

/* cont6 */
.life .cont6 {
    margin: -0.8rem 0 2rem;
    position: relative;
    z-index: 3;
}
.life .cont6 .inner {
    max-width: 11.2rem;
}
.life .cont6 .box {
    background-color: #fff;
    border: 0.1rem solid #D8D8D8;
    padding: 0.7rem 0.7rem 0.55rem;
}
.life .cont6 .box h4 {
    font-size: 0.24rem;
    font-weight: 500;
    line-height: 1.66;
    letter-spacing: 0.02em;
    padding-bottom: 0.2rem;
}
.life .cont6 .box .con {
    width: 5.95rem;
}
.life .cont6 .box .con p {
    font-size: 0.14rem;
}
.life .cont6 .box picture {
    width: 2.96rem;
}
.life .cont6 .box picture span {
    display: block;
    font-weight: 700;
    text-align: right;
    padding-top: 0.1rem;
}
@media screen and (max-width:750px){
.life .cont6 {
    margin: -0.4rem 0 1rem;
}
.life .cont6 .box {
    border: 0.08rem solid #D8D8D8;
    padding: 0.25rem 0.2rem;
}
.life .cont6 .box h4 {
    font-size: 0.2rem;
    line-height: 1.45;
    padding-bottom: 0.25rem;
}
.life .cont6 .box .con {
    width: 100%;
}
.life .cont6 .box .con p {
    line-height: 1.85;
}
.life .cont6 .box picture {
    width: 80%;
    margin: 0 auto 0.2rem;
}
.life .cont6 .box picture span {
    font-size: 0.14rem;
    padding-top: 0.1rem;
}
}


/* information/
------------------------------------------------- */
/* mainimg */
.information .mainimg {
    margin-bottom: 0.7rem;
}
.information .mainimg .inner {
    height: 1.8rem;
}
@media screen and (max-width:750px){
.information .mainimg {
    margin-bottom: 0.6rem;
}
.information .mainimg .inner {
    height: auto;
}
}

/* cont1 */
.information .cont1 {
    padding-bottom: 1.4rem;
}
.information .cont1 .sec {
    padding-left: 1.4rem;
}
.information .cont1 h2 {
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.02em;
    margin-bottom: 0.2rem;
    position: relative;
}
.information .cont1 h2::before {
    content: '';
    width: 100vw;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 102%;
    top: 50%;
    margin-top: -0.15rem;
}
.information .cont1 h2 span {
    display: block;
    font-size: 0.2rem;
    font-weight: 700;
    margin-bottom: 0.05rem;
}
.information .cont1 .box {
    width: 8.25rem;
}
.information .cont1 .box table {
    width: 100%;
}
.information .cont1 .box table th,
.information .cont1 .box table td {
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 1.785;
    text-align: left;
    vertical-align: middle;
    border: 0.01rem solid #ADADAD;
    padding: 0.2rem 0.25rem;
    box-sizing: border-box;
}
.information .cont1 .box table th {
    width: 22.5%;
    background-color: #017AB0;
    font-weight: 700;
    color: #fff;
    text-align: center;
    border: 0.01rem solid #FFFFFF;
    padding: 0.2rem 0.15rem;
}
.information .cont1 .box table td a {
    text-decoration: underline;
}
@media screen and (min-width:751px){
.information .cont1 .box table td a:hover {
    text-decoration: none;
}
}
@media screen and (max-width:750px){
.information .cont1 {
    padding-bottom: 0.7rem;
}
.information .cont1 .sec {
    padding-left: 0.2rem;
}
.information .cont1 .box {
    width: 100%;
}
.information .cont1 .box table th,
.information .cont1 .box table td {
    font-size: 0.12rem;
    line-height: 1.75;
    padding: 0.15rem 0.1rem;
}
.information .cont1 .box table th {
    width: 32%;
    font-size: 0.13rem;
    padding: 0.1rem;
}
}

/* cont2 */
.information .cont2 {
    padding-bottom: 2.4rem;
}
.information .cont2 .box {
    width: 100%;
    padding-right: 1.25%;
    box-sizing: border-box;
}
.information .cont2 .flow {
    margin-bottom: 0.55rem;
}
.information .cont2 .flow ul li {
    width: 1.5rem;
    height: 1.5rem;
    border: 0.01rem solid #017AB0;
    border-radius: 50%;
    font-size: 0.14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 0.2rem;
    box-sizing: border-box;
    position: relative;
}
.information .cont2 .flow ul li::after {
    content: '';
    width: 0.1rem;
    height: 0.15rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.995%22%20height%3D%2214.602%22%20viewBox%3D%220%200%209.995%2014.602%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_711%22%20data-name%3D%22%E3%83%91%E3%82%B9%20711%22%20d%3D%22M0%2C0%2C4.557%2C5.546%2C5.991%2C7.292l.034.041L4.609%2C9.057.052%2C14.6H4L8.019%2C9.716%2C9.995%2C7.311l-1.976-2.4L8%2C4.928l-.034-.042L3.952%2C0Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23017ab0%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    right: -0.16rem;
    top: 50%;
    margin-top: -0.075rem;
}
.information .cont2 .flow ul li:last-child::after {
    display: none;
}
.information .cont2 .table {
    margin-bottom: 0.75rem;
    position: relative;
}
.information .cont2 .table h3 {
    font-weight: 0.2rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0.2rem;
}
.information .cont2 .table table th {
    width: 25%;
    padding: 0.25rem 0;
    border-bottom: none;
}
.information .cont2 .table table th {
    border-left: 0.01rem solid #017AB0;
}
.information .cont2 .table table th:last-child {
    border-right: 0.01rem solid #017AB0;
}
.information .cont2 .table table td {
    text-align: center;
    padding: 0.1rem 0;
}
.information .cont2 .table table td span {
    font-size: 0.16rem;
    font-weight: 500;
}
.information .cont2 .table .note {
    padding-top: 0.2rem;
}
.information .cont2 .table .note li {
    font-size: 0.12rem;
    line-height: 1.65;
    letter-spacing: 0.02em;
    padding-left: 1em;
    text-indent: -1em;
}
.information .cont2 .table .note li::before {
    content: '※';
}
.information .cont2 .table .date {
    font-size: 0.12rem;
    line-height: 1.65;
    letter-spacing: 0.02em;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0.2rem;
}
.information .cont2 .btnarea ul li {
    width: 4.6rem;
    height: 1.92rem;
    box-sizing: border-box;
}
.information .cont2 .btnarea ul li h4 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 0.05rem;
}
.information .cont2 .btnarea ul li p,
.information .cont2 .btnarea ul li address {
    font-size: 0.14rem;
    line-height: 1.785;
}
.information .cont2 .btnarea ul li:first-child {
    border: 0.07rem solid #D8D8D8;
    padding: 0.25rem 0.35rem;
}
.information .cont2 .btnarea ul li:last-child a {
    width: 100%;
    height: 100%;
    border: 0.07rem solid #D8D8D8;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
.information .cont2 .btnarea ul li:last-child a::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #EA5504, #D34E44, #6356A3);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: 0.4s;
    opacity: 0;
}
.information .cont2 .btnarea ul li:last-child a span {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.494%22%20height%3D%2211.841%22%20viewBox%3D%220%200%2016.494%2011.841%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_633%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20633%22%20transform%3D%22translate(-1154%20-2146.159)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_646%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20646%22%20transform%3D%22translate(1154%202149)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%229%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2213%22%20height%3D%228%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_715%22%20data-name%3D%22%E3%83%91%E3%82%B9%20715%22%20d%3D%22M17327%2C7224.659h11.992v6.467%22%20transform%3D%22translate(-16169%20-5078)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.16rem auto;
    font-size: 0.2rem;
    font-weight: 700;
    padding-right: 0.25rem;
    position: relative;
    z-index: 2;
}
@media screen and (min-width:751px){
.information .cont2 .btnarea ul li p a:hover {
    text-decoration: underline;
}
.information .cont2 .btnarea ul li:last-child a:hover::after {
    opacity: 1;
}
.information .cont2 .btnarea ul li:last-child a:hover span {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.494%22%20height%3D%2211.841%22%20viewBox%3D%220%200%2016.494%2011.841%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_633%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20633%22%20transform%3D%22translate(-1154%20-2146.159)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_646%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20646%22%20transform%3D%22translate(1154%202149)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%229%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2213%22%20height%3D%228%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_715%22%20data-name%3D%22%E3%83%91%E3%82%B9%20715%22%20d%3D%22M17327%2C7224.659h11.992v6.467%22%20transform%3D%22translate(-16169%20-5078)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    color: #fff;
}
}
@media screen and (max-width:750px){
.information .cont2 {
    padding-bottom: 1rem;
}
.information .cont2 .box {
    padding-right: 0;
}
.information .cont2 .flow {
    margin-bottom: 0.35rem;
}
.information .cont2 .flow ul {
    display: flex;
    flex-wrap: wrap;
}
.information .cont2 .flow ul li {
    width: 0.9rem;
    height: 0.9rem;
    line-height: 1.35;
    margin: 0 0 0.05rem 0.2rem;
}
.information .cont2 .flow ul li:first-child {
    margin-left: 0;
}
.information .cont2 .flow ul li:nth-child(4) {
    margin-left: 0.55rem;
}
.information .cont2 .flow ul li::after {
    content: '';
    width: 0.1rem;
    height: 0.15rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.995%22%20height%3D%2214.602%22%20viewBox%3D%220%200%209.995%2014.602%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_711%22%20data-name%3D%22%E3%83%91%E3%82%B9%20711%22%20d%3D%22M0%2C0%2C4.557%2C5.546%2C5.991%2C7.292l.034.041L4.609%2C9.057.052%2C14.6H4L8.019%2C9.716%2C9.995%2C7.311l-1.976-2.4L8%2C4.928l-.034-.042L3.952%2C0Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23017ab0%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    left: -0.16rem;
    right: auto;
    top: 50%;
    margin-top: -0.075rem;
}
.information .cont2 .flow ul li:last-child::after {
    display: block;
}
.information .cont2 .flow ul li:first-child::after {
    display: none;
}
.information .cont2 .table {
    margin-bottom: 0.35rem;
}
.information .cont2 .table h3 {
    font-weight: 0.18rem;
    line-height: 1.5;
    margin-bottom: 0.1rem;
}
.information .cont2 .table table th {
    width: 21%;
    padding: 0.2rem 0;
    border-bottom: none;
}
.information .cont2 .table table th:first-child {
    width: 37%;
}
.information .cont2 .table table td {
    font-size: 0.13rem;
    line-height: 1.35;
    padding: 0.1rem 0.05rem;
}
.information .cont2 .table .note {
    padding: 0.1rem 0;
}
.information .cont2 .table .note li {
    font-size: 0.11rem;
    line-height: 1.5;
    letter-spacing: normal;
}
.information .cont2 .table .date {
    font-size: 0.11rem;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    position: static;
}
.information .cont2 .btnarea ul li {
    width: 100%;
    height: 1.7rem;
    margin-bottom: 0.25rem;
}
.information .cont2 .btnarea ul li h4 {
    font-size: 0.16rem;
}
.information .cont2 .btnarea ul li p,
.information .cont2 .btnarea ul li address {
    font-size: 0.13rem;
    line-height: 1.75;
}
.information .cont2 .btnarea ul li:first-child {
    border: 0.05rem solid #D8D8D8;
    padding: 0.2rem;
}
.information .cont2 .btnarea ul li:last-child {
    height: 1rem;
    margin-bottom: 0;
}
.information .cont2 .btnarea ul li:last-child a {
    border: 0.05rem solid #D8D8D8;
}
.information .cont2 .btnarea ul li:last-child a span {
    font-size: 0.16rem;
}
}


/* information/faq.html
------------------------------------------------- */
/* mainimg */
.faq .mainimg {
    margin-bottom: 1.45rem;
}
.faq .mainimg h1 {
    bottom: -0.72rem;
}
.faq .mainimg h1 span {
    padding-top: 0;
}
@media screen and (max-width:750px){
.faq .mainimg {
    margin-bottom: 0.6rem;
}
.faq .mainimg h1 span {
    padding-top: 0.1rem;
}
.faq .mainimg h1 img {
    display: block;
    width: 29%;
}
}

/* cont1 */
.faq .cont1 {
    padding-bottom: 0.7rem;
}
.faq .cont1 .sec {
    padding-left: 1.4rem;
}
.faq .cont1 h2 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 0.35rem;
    position: relative;
}
.faq .cont1 h2::before {
    content: '';
    width: 100vw;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 102%;
    top: 50%;
}
.faq .cont1 .box {
    padding-bottom: 0.45rem;
}
.faq .cont1 .box h3 {
    min-height: 0.76rem;
    font-size: 0.2rem;
    font-weight: 400;
    line-height: 1.45;
    padding: 0.125rem 0.75rem 0 0;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
}
.faq .cont1 .box h3::before {
    content: '';
    width: 100%;
    height: 0.01rem;
    background: linear-gradient(90deg, #F25500, #6E5DC1);
    position: absolute;
    left: 0;
    top: 0;
}
.faq .cont1 .box h3 span {
    display: block;
    width: 0.65rem;
    height: 0.65rem;
    background: linear-gradient(180deg, #6E5DC1, #F25500);
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0.1rem;
    transition: 0.4s;
}
.faq .cont1 .box h3 span::before {
    content: '';
    width: 0.27rem;
    height: 0.135rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226.982%22%20height%3D%2213.492%22%20viewBox%3D%220%200%2026.982%2013.492%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_337%22%20data-name%3D%22%E3%83%91%E3%82%B9%20337%22%20d%3D%22M7.545%2C13.49%2C0%2C26.982%2C13.492%2C13.49%2C0%2C0Z%22%20transform%3D%22translate(26.982)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.0675rem 0 0 -0.135rem;
    transition: 0.4s;
}
.faq .cont1 .box h3.open span::before {
    transform: rotate(540deg);
}
.faq .cont1 .box .con {
    display: none;
    width: 8.26rem;
    padding-bottom: 0.5rem;
}
.faq .cont1 .box .con p {
    font-size: 0.14rem;
}
.faq .cont1 .box .con p span {
    font-weight: 700;
}
@media screen and (min-width:751px){
.faq .cont1 .box h3:hover span {
    opacity: 0.7;
}
.faq .cont1 .box h3.open:hover span {
    opacity: 1;
}
}
@media screen and (max-width:750px){
.faq .cont1 {
    padding-bottom: 0.4rem;
}
.faq .cont1 .sec {
    padding-left: 0.2rem;
}
.faq .cont1 h2 {
    margin-bottom: 0.25rem;
}
.faq .cont1 .box {
    padding-bottom: 0.25rem;
}
.faq .cont1 .box h3 {
    min-height: 0.7rem;
    font-size: 0.16rem;
    padding: 0.125rem 0.5rem 0 0;
}
.faq .cont1 .box h3 span {
    width: 0.45rem;
    height: 0.45rem;
    top: 0.15rem;
}
.faq .cont1 .box h3 span::before {
    width: 0.2rem;
    height: 0.1rem;
    margin: -0.05rem 0 0 -0.1rem;
}
.faq .cont1 .box .con {
    display: none;
    width: 100%;
    padding: 0.1rem 0 0.2rem;
}
.faq .cont1 .box .con p {
    font-size: 0.14rem;
    line-height: 1.85;
}
}

/* cont2 */
.faq .cont2 {
    padding-bottom: 1.4rem;
}
@media screen and (max-width:750px){
.faq .cont2 {
    padding-bottom: 0.6rem;
}
}