@charset "utf-8";


html {
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
}

#c-header3 .react-menu .headerUl>li:nth-of-type(1)>a::before,#c-header3 .react-menu .headerUl>li:nth-of-type(2)>a::before,#c-header3 .react-menu .headerUl>li:nth-of-type(6)>a::before{
    display: none;
}
body {
    min-height: 100%;
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
    font-size: 16px;
    line-height: 1.5;
    color: #303E48;
    background: #fff;
}
li {
    list-style: none;
}
#c-header3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s;
    /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */
}
#c-header3.on {
    top: -1rem;
}
#c-header3 .react-menu {
    align-items: center;
    justify-content: space-between;
    /* height: 1rem; */
}

#c-header3 .react-menu .c-logo {
    display: block;
    height: 0.46rem;
}
#c-header3 .react-menu .c-logo img {
    height: 100%;
}

#c-header3 .react-menu .headerUl  > li {
    margin-left: 0.6rem;
    pointer-events: auto;
}

#c-header3 .react-menu .headerUl  > li:hover > a::before {
    opacity: 1;
}
#c-header3 .react-menu .headerUl  > li > a {
    position: relative;
    display: flex;
}
#c-header3 .react-menu .headerUl  > li > a::before {
    opacity: 0;
    content: "";
    position: absolute;
    bottom: -34px;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 8px solid #fef4e5;
    transition: all 0.3s;
}
#c-header3 .react-menu .headerUl  > li > a {
    /* color: #303E48; */
    transition: all 0.3s;
    width: max-content;
}
#c-header3 .react-menu .headerUl  ul > li a:hover {
    color: #c2b2a5!important;font-family: OPPOSans-B!important;
}
#c-header3 .react-menu .headerUl  > li .c-list2 {
    display: none;
    position: absolute;
    left: 50%;
    padding: 0.15rem 0;
    width: max-content;
    background: none;
    transform: translateX(-50%);
    text-align: center;
    height: 52px;
    line-height: 52px;
    top: 48px;
}
#c-header3 .react-menu .headerUl  > li .c-list2 li {
    display: inline-block;
    vertical-align: top;
    margin-right: 0.7rem;
    line-height: 100%;
    display: flex;
    align-items: center;
}
#c-header3 .react-menu .headerUl  > li .c-list2 li:last-child {
    margin: 0;
}
#c-header3 .react-menu .c-box {
    display: flex;
    align-items: center;
}
#c-header3 .react-menu .c-ico-box {
    display: flex;
    align-items: center;
}
#c-header3 .react-menu .c-ico-box .c-ico {
    display: flex;
    align-items: center;
    margin-left: 0.6rem;
    cursor: pointer;
    color: #303E48;
    transition: all 0.3s;
}
#c-header3 .react-menu .c-ico-box .c-ico svg,
#c-header3 .react-menu .c-ico-box .c-ico img {
    margin-right: 0.1rem;
    width: 20px;
    height: 20px;
}
#c-header3 .react-menu .c-ico-box .c-ico svg path,
#c-header3 .react-menu .c-ico-box .c-ico img path {
    fill: #303E48;
    transition: all 0.3s;
}
#c-header3 .c-list2 a{
    font-family: OPPOSans-R!important;
    font-size: 16px!important;
    font-weight: normal!important;
    letter-spacing: 0px!important;
    color: #585757!important;
    display: block;
    height: 100%;
    line-height: 52px!important;
    display: block;
    cursor: pointer;
}
.c-list2>li{
    margin-right: 56px!important;
}.c-list2>li:last-child{
     margin-right: 0px!important;
 }
@charset "utf-8";

body {
    min-height: 100%;
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
    font-size: 16px;
    line-height: 1.5;
    color: #303E48;
    background: #fff;
}

img {
    border: 0;
    vertical-align: top;
}
li {
    list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: normal;
}
a,
a:hover,
a:focus {
    text-decoration: none;
}
input,
button {
    -webkit-appearance: none;
    border-radius: 0;
}
button {
    cursor: pointer;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
textarea {
    resize: none;
    overflow: auto;
}
input,
button,
textarea,
select {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: normal;
    color: inherit;
    background: transparent;
}
select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
table {
    border-collapse: collapse;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clear {
    zoom: 1;
}
.clear:after {
    content: '';
    display: block;
    clear: both;
}
.container {
    margin: 0 auto;
    width: 87.5%;
    max-width: 1600px;
}

.bg-color1 {
    background-color: #fff;
}
.ptb160 {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.pt160 {
    padding-top: 1.6rem;
}

.pb160 {
    padding-bottom: 1.6rem;
}

.font14 {
    font-size: 14px;
}
.font16 {
    font-size: 16px;
}
.font18 {
    font-size: 18px;
}
.font20 {
    font-size: 20px;
}
.font24 {
    font-size: 24px;
}
.font30 {
    font-size: 30px;
}
.font36 {
    font-size: 0.36rem;
}
.font42 {
    font-size: 0.42rem;
}
.font48 {
    font-size: 0.48rem;
}
.font60 {
    font-size: 0.6rem;
}
.font80 {
    font-size: 0.8rem;
}

@keyframes huxi {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(1.2);
    }
    0% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes huxi2 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    0% {
        transform: scale(1);
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes goBottom {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(100%);
    }
}
.public-img {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.public-img::before {
    content: "";
    display: block;
    position: relative;
    z-index: 0;
    padding-top: 100%;
}
.public-img > img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}
.public-btn1::after,
.public-btn2::after,
.public-btn3::after,
.public-btn4::after,
.public-btn5::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-shadow: inset 0 0 0 0.47rem #37474f;
    transition: box-shadow 0.3s, transform 0.3s;
}
.public-btn1 img,
.public-btn2 img,
.public-btn3 img,
.public-btn4 img,
.public-btn5 img,
.public-btn1 svg,
.public-btn2 svg,
.public-btn3 svg,
.public-btn4 svg,
.public-btn5 svg {
    position: relative;
    z-index: 5;
    width: 24px;
    height: 24px;
}
.public-btn1 img path,
.public-btn2 img path,
.public-btn3 img path,
.public-btn4 img path,
.public-btn5 img path,
.public-btn1 svg path,
.public-btn2 svg path,
.public-btn3 svg path,
.public-btn4 svg path,
.public-btn5 svg path {
    fill: #fff;
}
.public-btn1:hover:after,
.public-btn2:hover:after,
.public-btn3:hover:after,
.public-btn4:hover:after,
.public-btn5:hover:after {
    box-shadow: inset 0 0 0 2px #37474f;
    transform: scale(1.1);
}
.public-btn1:hover svg path,
.public-btn2:hover svg path,
.public-btn3:hover svg path,
.public-btn4:hover svg path,
.public-btn5:hover svg path {
    fill: #303E48;
}
.public-btn2::after {
    box-shadow: inset 0 0 0 0.47rem #c2b2a5;
}
.public-btn2:hover:after {
    box-shadow: inset 0 0 0 2px #c2b2a5;
    transform: scale(1.1);
}
.public-btn2:hover svg path {
    fill: #c2b2a5;
}
.public-btn3::after {
    box-shadow: inset 0 0 0 0.47rem #f16777;
}
.public-btn3:hover:after {
    box-shadow: inset 0 0 0 2px #f16777;
    transform: scale(1.1);
}
.public-btn3:hover svg path {
    fill: #f16777;
}
.public-btn4::after {
    box-shadow: inset 0 0 0 0.47rem #349f7e;
}
.public-btn4:hover:after {
    box-shadow: inset 0 0 0 2px #349f7e;
    transform: scale(1.1);
}
.public-btn4:hover svg path {
    fill: #349f7e;
}
.public-btn5::after {
    box-shadow: inset 0 0 0 0.47rem #f2d413;
}
.public-btn5:hover:after {
    box-shadow: inset 0 0 0 2px #f2d413;
    transform: scale(1.1);
}
.public-btn5:hover svg path {
    fill: #f2d413;
}
.public-btn6,
.public-btn7 {
    display: inline-flex;
    align-items: center;
    transition: all 0.3s;
    color: #303E48;
}
.public-btn6 .c-ico,
.public-btn7 .c-ico {
    margin-left: 0.1rem;
    width: 24px;
    height: 24px;
    transition: all 0.3s;
}
.public-btn6 .c-ico path,
.public-btn7 .c-ico path {
    fill: #303E48;
    transition: all 0.3s;
}
.public-btn6:hover,
.public-btn7:hover {
    color: #C2B2A5;
}
.public-btn6:hover .c-ico,
.public-btn7:hover .c-ico {
    margin-left: 0.2rem;
}
.public-btn6:hover .c-ico path,
.public-btn7:hover .c-ico path {
    fill: #C2B2A5;
}
.public-btn7 {
    color: #f16777;
}
.public-btn7 .c-ico path {
    fill: #f16777;
}
.public-btn7:hover {
    color: #f16777;
}
.public-btn7:hover .c-ico {
    margin-left: 0.2rem;
}
.public-btn7:hover .c-ico path {
    fill: #f16777;
}
.public-btn8 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.45rem;
    height: 0.6rem;
    border: 2px solid #f16777;
    border-radius: 0.3rem;
    color: #f16777;
    transition: all 0.3s;
}
.public-btn8:hover {
    color: #fff;
    background-color: #f16777;
}
.public-btn9 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.45rem;
    height: 0.6rem;
    border: 2px solid #303E48;
    border-radius: 0.3rem;
    color: #303E48;
    transition: all 0.3s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.public-btn9 img,
.public-btn9 svg {
    margin-right: 0.1rem;
    width: 20px;
    height: 20px;
}

.public-btn9 img path,
.public-btn9 svg path {
    fill: #303E48;
    transition: all 0.3s;
}
.public-btn9:hover {
    color: #fff;
    background-color: #303E48;
}
.public-btn9:hover svg path {
    fill: #fff;
}
.public-title {
    margin-bottom: 1rem;
    text-align: center;
}
.public-title.c-dt {
    margin-bottom: 0.6rem;
}

.public-title .c-text0 {
    margin-bottom: 0.1rem;
}
.public-title .c-title {
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}
.public-title .c-text {
    max-width: 720px;
    margin: 0.2rem auto 0;
}
.public-box1 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    pointer-events: none;
}
.public-box1 .public-btn2,
.public-box1 .public-btn3 {
    pointer-events: auto;
}
.public-box1 .c-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: huxi2 20s linear infinite;
}
.public-box1 .c-cm {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 20;
    height: 24%;
    object-fit: cover;
    transform: translate(-50%, 100%);
}
.public-box1 .container {
    position: relative;
    z-index: 5;
}
.public-box1 .c-ico {
    margin: 0 auto;
    width: 28px;
    height: 60px;
}

.public-box1 .c-ico img,
.public-box1 .c-ico svg {
    width: 100%;
    height: 100%;
}
.public-box1 .c-ico img path,
.public-box1 .c-ico svg path {
    fill: #fff;
}
.public-box1 .c-title {
    margin: 0.4rem 0 0.6rem;
    font-weight: bold;
}
.public-box1 .c-text {
    margin-bottom: 0.6rem;
    font-weight: bold;
    line-height: 1.4;
}

.public-box1.c-dt2 {
    position: absolute;
    top: 120%;
    left: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
}

.public-box1.c-dt2 .c-ico svg path {
    fill: #f16777;
    transition: 0.5s;
}
.public-box1.c-dt2 .c-title {
    color: #f16777;
    transition: 0.5s;
}
.public-box1.c-dt2 .c-img {
    opacity: 0;
    transition: 0s;
}
.public-box1.c-dt2 .c-text,
.public-box1.c-dt2 .public-btn3 {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.5s 0.3s;
}
.public-box1.c-dt2 .public-btn3 {
    transition: all 0.5s 0.5s;
}
.public-box1.c-dt2.on .c-ico svg path {
    fill: #fff;
}
.public-box1.c-dt2.on .c-title {
    color: #fff;
}
.public-box1.c-dt2.on .c-img {
    opacity: 1;
    transition: all 0.5s;
}
.public-box1.c-dt2.on .c-text,
.public-box1.c-dt2.on .public-btn3 {
    opacity: 1;
    transform: translateY(0);
}
.public-box2.c-dt1 {
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
    top: 0;
    height: 100vh;
    margin-bottom: 20vh;
}

.public-box2.c-dt1 .c-top {
    display: flex;
    align-items: center;
    height: 50vh;
}

.public-box2.c-dt1 .c-bottom > .public-img::before {
    padding-top: 50vh;
}

.public-box2 .c-top {
    background-color: #f7f7ed;
}
.public-box2 .c-top .c-wrap {
    padding-left: 0.7rem;
}
.public-box2 .c-top .c-wrap .c-box1 {
    position: relative;
}
.public-box2 .c-top .c-wrap .c-box1 .c-ico {
    position: absolute;
    top: 0;
    left: -0.7rem;
    width: 28px;
    height: 60px;
}

.public-box2 .c-top .c-wrap .c-box1 .c-ico img,
.public-box2 .c-top .c-wrap .c-box1 .c-ico svg {
    width: 100%;
    height: 100%;
}
.public-box2 .c-top .c-wrap .c-box1 .c-ico img path,
.public-box2 .c-top .c-wrap .c-box1 .c-ico svg path {
    fill: #349f7e;
}
.public-box2 .c-top .c-wrap .c-box1 .c-title {
    margin-bottom: 0.6rem;
    font-weight: bold;
    line-height: 1;
    color: #349f7e;
}
.public-box2 .c-top .c-wrap .c-box2 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.public-box2 .c-top .c-wrap .c-box2 .c-text {
    width: 7.8rem;
    font-weight: bold;
    line-height: 1.4;
}

.public-box2 .c-top .c-wrap .c-box2 .c-btn-box {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    width: 6.8rem;
}
.public-box2 .c-top .c-wrap .c-box2 .c-btn-box .c-line {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 100%;
    border-top: 2px solid #349f7e;
}
.public-box2 .c-top .c-wrap .c-box2 .c-btn-box .c-btn-wrap {
    position: relative;
    z-index: 5;
    margin-right: 1.8rem;
    padding: 0 0.1rem;
    background-color: #f7f7ed;
}
.public-box2 .c-bottom > .public-img::before {
    padding-top: 24.48%;
}

.public-box2 .c-bottom > .public-img .c-play {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin: -0.375rem 0 0 -0.375rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    transition: ease-out 0.1s;
    cursor: pointer;
}

.public-box2 .c-bottom > .public-img .c-play img,
.public-box2 .c-bottom > .public-img .c-play svg {
    position: relative;
    z-index: 5;
    left: 0.04rem;
    width: 20px;
    height: 20px;
    pointer-events: none;
}

.public-box2 .c-bottom > .public-img .c-play img path,
.public-box2 .c-bottom > .public-img .c-play svg path {
    fill: #303E48;
    transition: all 0.3s;
}
.public-box2 .c-bottom > .public-img .c-play:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.public-box2 .c-bottom > .public-img .c-play::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-shadow: inset 0 0 0 0.47rem #fff;
    transition: box-shadow 0.3s, transform 0.3s;
}
.public-box2 .c-bottom > .public-img .c-play:hover::before {
    box-shadow: inset 0 0 0 2px #fff;
    transform: scale(1.1);
}
.public-box2 .c-bottom > .public-img .c-play:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}
.public-box2 .c-bottom > .public-img .c-play:hover svg path {
    fill: #fff;
}
.public-box2.c-dt {
    position: relative;
    z-index: 10;
}
.public-box2.c-dt .c-top {
    background-color: #fff;
}
.public-box2.c-dt .c-top .c-wrap .c-ico svg path {
    fill: #f2d413;
}
.public-box2.c-dt .c-top .c-wrap .c-title {
    color: #f2d413;
}
.public-box2.c-dt .c-top .c-wrap .c-box2 .c-btn-box .c-line {
    border-top: 2px solid #f2d413;
}
.public-box2.c-dt .c-top .c-wrap .c-box2 .c-btn-box .c-btn-wrap {
    background-color: #fff;
}
.public-box2.c-dt .c-bottom {
    background-color: #f7f7ed;
}
.public-box2.c-dt .c-bottom .c-list {
    position: relative;
    height: 6rem;
}

.public-box2.c-dt .c-bottom .c-list .public-img:hover img {
    transform: scale(1.1);
}
.public-box2.c-dt .c-bottom .c-list > li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    opacity: 0;
    transition: all 1s;
}
.public-box2.c-dt .c-bottom .c-list > li.on {
    z-index: 5;
    opacity: 1;
}
.public-box2.c-dt .c-bottom .c-list > li.on .c-list1 li:nth-child(2)::before {
    left: -0.2rem;
    width: 0.4rem;
    transition: all 0.3s 0.5s;
}

.public-box2.c-dt .c-bottom .c-list > li.on .c-list1 li:nth-child(2)::after {
    right: -0.2rem;
    width: 0.4rem;
    transition: all 0.5s 0.5s;
}

.public-box2.c-dt .c-bottom .c-list > li.on .c-list1 li:nth-child(3) {
    z-index: 10;
}
.public-box2.c-dt .c-bottom .c-list > li.on .c-list1 li:nth-child(3)::before {
    bottom: -0.2rem;
    height: 0.4rem;
    transition: all 0.5s 0.5s;
}

.public-box2.c-dt .c-bottom .c-list > li.on .c-list1 li:nth-child(3)::after {
    right: -0.2rem;
    width: 0.4rem;
    transition: all 0.5s 0.5s;
}

.public-box2.c-dt .c-bottom .c-list > li.on .c-list2 li:nth-child(4)::before {
    left: -0.2rem;
    width: 0.4rem;
    transition: all 0.5s 0.5s;
}

.public-box2.c-dt .c-bottom .c-list > li.on .c-list2 li:nth-child(4)::after {
    right: -0.2rem;
    width: 0.4rem;
    transition: all 0.5s 0.5s;
}

.public-box2.c-dt .c-bottom .c-list > li.on .c-list2 li:nth-child(1) {
    z-index: 10;
}
.public-box2.c-dt .c-bottom .c-list > li.on .c-list2 li:nth-child(1)::before {
    bottom: -0.2rem;
    height: 0.4rem;
    transition: all 0.5s 0.5s;
}

.public-box2.c-dt .c-bottom .c-list > li.on .c-list2 li:nth-child(1)::after {
    right: -0.2rem;
    width: 0.4rem;
    transition: all 0.5s 0.5s;
}

.public-box2.c-dt .c-bottom .c-list > li.on .c-list3 li:nth-child(2)::before {
    left: -0.2rem;
    width: 0.4rem;
    transition: all 0.5s 0.5s;
}

.public-box2.c-dt .c-bottom .c-list > li.on .c-list3 li:nth-child(2)::after {
    right: -0.2rem;
    width: 0.4rem;
    transition: all 0.5s 0.5s;
}

.public-box2.c-dt .c-bottom .c-list > li.on .c-list3 li:nth-child(3) {
    z-index: 10;
}
.public-box2.c-dt .c-bottom .c-list > li.on .c-list3 li:nth-child(3)::before {
    bottom: -0.2rem;
    height: 0.4rem;
    transition: all 0.5s 0.5s;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list1,
.public-box2.c-dt .c-bottom .c-list > li .c-list2,
.public-box2.c-dt .c-bottom .c-list > li .c-list3 {
    overflow: hidden;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list1 li,
.public-box2.c-dt .c-bottom .c-list > li .c-list2 li,
.public-box2.c-dt .c-bottom .c-list > li .c-list3 li {
    float: left;
    width: 25%;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list1 li {
    position: relative;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list1 li .public-img::before {
    padding-top: 71.5%;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list1 li:nth-child(1) .public-img::before,
.public-box2.c-dt .c-bottom .c-list > li .c-list1 li:nth-child(2) .public-img::before {
    padding-top: 143%;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list1 li:nth-child(2) {
    z-index: 20;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list1 li:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 0;
    height: 100%;
    background-color: #f7f7ed;
    transition: all 0.5s;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list1 li:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 0;
    height: 100%;
    background-color: #f7f7ed;
    transition: all 0.5s;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list1 li:nth-child(3) {
    z-index: 10;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list1 li:nth-child(3)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 200%;
    height: 0;
    background-color: #f7f7ed;
    transition: all 0.5s;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list1 li:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 0;
    height: 200%;
    background-color: #f7f7ed;
    transition: all 0.5s;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list2 li {
    position: relative;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list2 li .public-img::before {
    padding-top: 71.5%;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list2 li:nth-child(3),
.public-box2.c-dt .c-bottom .c-list > li .c-list2 li:nth-child(4) {
    float: right;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list2 li:nth-child(3) .public-img::before,
.public-box2.c-dt .c-bottom .c-list > li .c-list2 li:nth-child(4) .public-img::before {
    padding-top: 143%;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list2 li:nth-child(4) {
    z-index: 20;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list2 li:nth-child(4)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 0;
    height: 100%;
    background-color: #f7f7ed;
    transition: all 0.5s;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list2 li:nth-child(4)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 0;
    height: 100%;
    background-color: #f7f7ed;
    transition: all 0.5s;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list2 li:nth-child(1) {
    z-index: 10;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list2 li:nth-child(1)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 200%;
    height: 0;
    background-color: #f7f7ed;
    transition: all 0.5s;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list2 li:nth-child(1)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 0;
    height: 200%;
    background-color: #f7f7ed;
    transition: all 0.5s;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list3 li {
    position: relative;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list3 li .public-img::before {
    padding-top: 71.5%;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list3 li:nth-child(1) {
    width: 50%;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list3 li:nth-child(1) .public-img::before {
    padding-top: 71.5%;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list3 li:nth-child(2) .public-img::before {
    padding-top: 143%;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list3 li:nth-child(2) {
    z-index: 20;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list3 li:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 0;
    height: 100%;
    background-color: #f7f7ed;
    transition: all 0.5s;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list3 li:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 0;
    height: 100%;
    background-color: #f7f7ed;
    transition: all 0.5s;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list3 li:nth-child(3) {
    z-index: 10;
}
.public-box2.c-dt .c-bottom .c-list > li .c-list3 li:nth-child(3)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 200%;
    height: 0;
    background-color: #f7f7ed;
    transition: all 0.5s;
}
.public-box3 {
    position: relative;
}

.public-box3 .public-img {
    background-color: #111416;
}
.public-box3 .public-img img {
    opacity: 0.7;
}
.public-box3 .public-img::before {
    padding-top: calc(100vh - 1rem);
}

.public-box3 .c-text-box {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    width: 100%;
    color: #fff;
    transform: translateY(-50%);
}
.public-box3 .c-text-box .container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.public-box3 .c-text-box .container .c-left {
    max-width: 660px;
}
.public-box3 .c-text-box .container .c-left .c-title {
    font-weight: bold;
    line-height: 1.2;
}
.public-box3 .c-text-box .container .c-left .c-text {
    display: none;
    padding-top: 0.3rem;
}

.public-box3 .c-text-box .container .c-left .c-text2 {
    margin: 0.3rem 0 0.7rem;
}

.public-box3 .c-text-box .container .c-left .public-btn7 {
    margin-top: 0.5rem;
}
.public-box3 .c-text-box .container .c-right {
    flex-shrink: 0;
}

.public-box3 .c-text-box .container .c-right .public-btn3 {
    margin-left: 0.6rem;
    transform: translateY(0.94rem);
}

.public-box3 .c-text-box .container .c-right .public-btn3 svg {
    transform: rotate(90deg);
}

.public-box3.c-dt .public-btn7 {
    margin-top: 0;
}
.public-box4 {
    position: relative;
}

.public-box4 .public-img {
    background-color: #111416;
}
.public-box4 .public-img img {
    opacity: 0.7;
}
.public-box4 .public-img::before {
    padding-top: calc(100vh - 1rem);
}

.public-box4 .public-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: rgba(48, 62, 72, 0.2);
}
.public-box4 .c-text-box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-bottom: 1.6rem;
    width: 100%;
    color: #fff;
}

.public-box4 .c-text-box .container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.public-box4 .c-text-box .container .c-left {
    max-width: 660px;
}

.public-box4 .c-text-box .container .c-left .c-title {
    font-weight: bold;
    line-height: 1.2;
}
.public-box4 .c-text-box .container .c-left .c-text0 {
    margin-bottom: 0.3rem;
}
.public-box4 .c-text-box .container .c-left .c-text {
    padding: 0.7rem 0 0.4rem;
}

.public-box4 .c-text-box .container .c-right {
    flex-shrink: 0;
}

.public-box4 .c-text-box .container .c-right .public-btn2,
.public-box4 .c-text-box .container .c-right .public-btn3,
.public-box4 .c-text-box .container .c-right .public-btn4,
.public-box4 .c-text-box .container .c-right .public-btn5 {
    margin-left: 0.6rem;
}

.public-box4 .c-text-box .container .c-right .public-btn2 svg,
.public-box4 .c-text-box .container .c-right .public-btn3 svg,
.public-box4 .c-text-box .container .c-right .public-btn4 svg,
.public-box4 .c-text-box .container .c-right .public-btn5 svg {
    transform: rotate(90deg);
}
#hi-upgrade {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}
#hi-upgrade .hi-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -177px 0 0 -450px;
    width: 900px;
}
#hi-upgrade .hi-wrap .hi-title {
    font-size: 30px;
    line-height: 40px;
    color: #333;
}
#hi-upgrade .hi-wrap .hi-close {
    margin: 10px 0;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #f16777;
}
#hi-upgrade .hi-wrap .hi-close:hover {
    text-decoration: underline;
}
#hi-upgrade .hi-wrap .hi-text1 {
    color: #666;
}
#hi-upgrade .hi-wrap .hi-text1 span {
    color: #f16777;
}
#hi-upgrade .hi-wrap .hi-text2 {
    position: relative;
    margin: 60px 0;
    color: #333;
}
#hi-upgrade .hi-wrap .hi-text2::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 100%;
    border-top: 1px solid #ddd;
}
#hi-upgrade .hi-wrap .hi-text2 span {
    position: relative;
    z-index: 5;
    padding: 0 30px;
    background: #fff;
}
#hi-upgrade .hi-wrap .hi-list {
    overflow: hidden;
}
#hi-upgrade .hi-wrap .hi-list li {
    display: inline-block;
    width: 16%;
}
#hi-upgrade .hi-wrap .hi-list li div {
    margin: 0 auto 5px;
    width: 50px;
    height: 50px;
}
#hi-upgrade .hi-wrap .hi-list li a {
    color: #666;
}
#hi-upgrade .hi-wrap .hi-list li a:hover {
    color: #f16777;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {
    background: url(../images/hi-llq-1.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {
    background: url(../images/hi-llq-2.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico3 {
    background: url(../images/hi-llq-3.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico4 {
    background: url(../images/hi-llq-4.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {
    background: url(../images/hi-llq-5.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {
    background: url(../images/hi-llq-6.jpg) no-repeat center / 100%;
}
/* 占位标签，设置导航样式 */
#c-placeholder {
    height: 90px;
    background-color: #c49976;
}
/*顶部*/
#c-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    padding-top: 0.4rem;
    width: 100%;
    text-align: center;
    color: #303E48;
    transition: 0.3s;
    pointer-events: none;
}

#c-header a {
    color: #fff;
    transition: 0.3s;
}
#c-header .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    padding: 0 0.6rem;
}

#c-header .c-right-box {
    display: flex;
    align-items: center;
}
/*顶部logo*/
#c-header .c-logo {
    display: flex;
    align-items: center;
    pointer-events: auto;
}
#c-header .c-logo .c-img-box {
    display: flex;
    align-items: center;
}
#c-header .c-logo .c-img-box img {
    height: 1.56rem;
}

#c-header .c-logo .c-img-box img:nth-child(2) {
    display: none;
}
#c-header .c-logo span {
    display: inline-block;
    margin-left: 0.2rem;
    padding-left: 0.2rem;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

#c-header.c-style2 .c-logo .c-img-box img {
    display: none;
}
/*顶部pc导航*/
#c-header .c-nav {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    transition: 0s 1s;
}

#c-header .c-nav .c-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
}

#c-header .c-nav .c-list a:hover {
    text-decoration: underline;
}
#c-header .c-nav .c-list > li {
    position: relative;
    top: -100%;
    padding: 1.8rem 0.6rem 0.9rem;
    width: 20%;
    height: 100%;
    text-align: left;
}

#c-header .c-nav .c-list > li:nth-child(1) {
    background-color: #c2b2a5;
    transition: all 0.5s cubic-bezier(0.17, 0.84, 0.44, 1);
}
#c-header .c-nav .c-list > li:nth-child(2) {
    background-color: #f16777;
    transition: all 0.5s 0.1s cubic-bezier(0.17, 0.84, 0.44, 1);
}
#c-header .c-nav .c-list > li:nth-child(3) {
    background-color: #349f7e;
    transition: all 0.5s 0.2s cubic-bezier(0.17, 0.84, 0.44, 1);
}
#c-header .c-nav .c-list > li:nth-child(4) {
    background-color: #f2d413;
    transition: all 0.5s 0.3s cubic-bezier(0.17, 0.84, 0.44, 1);
}
#c-header .c-nav .c-list > li:nth-child(5) {
    background-color: #303e48;
    transition: all 0.5s 0.4s cubic-bezier(0.17, 0.84, 0.44, 1);
}
#c-header .c-nav .c-list > li .c-title {
    display: inline-block;
    font-weight: bold;
    line-height: 1;
}
#c-header .c-nav .c-list > li .c-list2 {
    padding-top: 0.8rem;
}

#c-header .c-nav .c-list > li .c-list2 li {
    margin-bottom: 0.2rem;
    font-size: 0.24rem;
}
#c-header .c-nav .c-list > li .c-list2 li:last-child {
    margin-bottom: 0;
}
#c-header .c-nav .c-list > li .c-ico {
    position: absolute;
    right: 0.6rem;
    bottom: 0.8rem;
    width: 1.28rem;
    height: 1.28rem;
}

#c-header .c-nav .c-list > li .c-list3 {
    line-height: 1;
    text-align: right;
}
#c-header .c-nav .c-list > li .c-list3 li {
    padding: 0.5rem 0;
    border-bottom: 2px solid #3e4f5a;
}
#c-header .c-nav .c-list > li .c-list3 li:first-child {
    padding-top: 0;
}
#c-header .c-nav .c-list > li .c-ico-link {
    display: flex;
    align-items: flex-start;
    position: absolute;
    bottom: 1.2rem;
    right: 0.6rem;
}
@media (max-width: 767px) {
    #c-header .c-nav .c-list > li .c-ico-link {
        bottom: 1rem;
    }
}
#c-header .c-nav .c-list > li .c-ico-link a {
    margin-left: 0.3rem;
    width: 30px;
    height: 30px;
}
@media (max-width: 767px) {
    #c-header .c-nav .c-list > li .c-ico-link a {
        width: 0.4rem;
        height: 0.4rem;
    }
}
#c-header .c-nav .c-list > li .c-ico-link a img,
#c-header .c-nav .c-list > li .c-ico-link a svg {
    width: 100%;
    height: 100%;
}
#c-header .c-nav .c-list > li .c-ico-link a img path,
#c-header .c-nav .c-list > li .c-ico-link a svg path {
    fill: #989fa4;
    transition: all 0.3s;
}
#c-header .c-nav .c-list > li .c-ico-link a:hover svg path {
    fill: #c2b2a5;
}
.c-open #c-header .c-nav {
    top: 0;
    transition: 0s 0s;
}
.c-open #c-header .c-nav .c-list > li {
    top: 0;
}
/*顶部移动端导航*/
#c-header .c-nav2,
#c-header4 .c-nav2 {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100vh;
    line-height: 1.6rem;
    color: #303E48;
    background: #f8f7ee;
    overflow-y: auto;
    transition: 0.3s;
    text-align: left;
    pointer-events: auto;
}
#c-header .c-nav2 > li:last-child,
#c-header4 .c-nav2 > li:last-child {
    border-bottom: 1px solid #f1f1f1;
}
#c-header .c-nav2 > li:first-child,
#c-header4 .c-nav2 > li:first-child {
    border-bottom: 0;
}
#c-header .c-nav2 li,
#c-header4 .c-nav2 li {
    padding: 0 0.5rem;
    border-top: 1px solid #f1f1f1;
}
@media (max-width: 767px) {
    #c-header .c-nav2 li,
    #c-header4 .c-nav2 li {
        padding: 0 0.4rem;
    }
}
#c-header .c-nav2 li .c-title-box,
#c-header4 .c-nav2 li .c-title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#c-header .c-nav2 li .c-title-box img,
#c-header4 .c-nav2 li .c-title-box img,
#c-header .c-nav2 li .c-title-box svg,
#c-header4 .c-nav2 li .c-title-box svg {
    width: 0.3rem;
    height: 0.3rem;
}
#c-header .c-nav2 li .c-title-box img path,
#c-header4 .c-nav2 li .c-title-box img path,
#c-header .c-nav2 li .c-title-box svg path,
#c-header4 .c-nav2 li .c-title-box svg path {
    fill: #303E48;
}
#c-header .c-nav2 li a,
#c-header4 .c-nav2 li a {
    color: #303E48;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#c-header .c-nav2 li a:hover,
#c-header4 .c-nav2 li a:hover,
#c-header .c-nav2 li.on > a,
#c-header4 .c-nav2 li.on > a {
    color: #c2b2a5;
}
#c-header .c-nav2 li ul,
#c-header4 .c-nav2 li ul {
    display: none;
}
@media (max-width: 991px) {
    .c-open #c-header .c-nav2,
    .c-open #c-header4 .c-nav2 {
        left: 0;
    }
}
/*顶部导航开关*/
#c-header .c-switch,
#c-header4 .c-switch {
    position: relative;
    width: 22px;
    height: 14px;
    cursor: pointer;
}
@media (max-width: 767px) {
    #c-header .c-switch,
    #c-header4 .c-switch {
        width: 0.4rem;
        height: 0.3rem;
    }
}
#c-header .c-switch i,
#c-header4 .c-switch i {
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    background: #303E48;
    transition: all 0.3s;
}
#c-header .c-switch i:nth-child(1),
#c-header4 .c-switch i:nth-child(1) {
    top: 0;
}
#c-header .c-switch i:nth-child(3),
#c-header4 .c-switch i:nth-child(3) {
    bottom: 0;
}
#c-header .c-switch i:nth-child(2),
#c-header4 .c-switch i:nth-child(2) {
    top: 50%;
    margin-top: -1px;
}
body.c-open #c-header .c-switch i:nth-child(2),
body.c-open #c-header4 .c-switch i:nth-child(2) {
    opacity: 0;
}
body.c-open #c-header .c-switch i:nth-child(1),
body.c-open #c-header4 .c-switch i:nth-child(1) {
    top: 50%;
    margin-top: -1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
body.c-open #c-header .c-switch i:nth-child(3),
body.c-open #c-header4 .c-switch i:nth-child(3) {
    bottom: 50%;
    margin-bottom: -1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/* 顶部功能区 */
#c-header .c-gn,
#c-header4 .c-gn {
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    pointer-events: auto;
}
#c-header .c-gn .c-menu,
#c-header4 .c-gn .c-menu,
#c-header .c-gn .c-time,
#c-header4 .c-gn .c-time {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.3rem;
    height: 0.6rem;
    border-radius: 0.3rem;
    background: rgba(204, 204, 204, 0.4);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media (max-width: 767px) {
    #c-header .c-gn .c-menu,
    #c-header4 .c-gn .c-menu,
    #c-header .c-gn .c-time,
    #c-header4 .c-gn .c-time {
        height: 0.8rem;
        border-radius: 0.4rem;
    }
}
#c-header .c-gn .c-menu p,
#c-header4 .c-gn .c-menu p,
#c-header .c-gn .c-time p,
#c-header4 .c-gn .c-time p {
    margin-right: 0.1rem;
}
#c-header .c-gn .c-menu img,
#c-header4 .c-gn .c-menu img,
#c-header .c-gn .c-time img,
#c-header4 .c-gn .c-time img,
#c-header .c-gn .c-menu svg,
#c-header4 .c-gn .c-menu svg,
#c-header .c-gn .c-time svg,
#c-header4 .c-gn .c-time svg {
    width: 22px;
    height: 22px;
}
@media (max-width: 767px) {
    #c-header .c-gn .c-menu img,
    #c-header4 .c-gn .c-menu img,
    #c-header .c-gn .c-time img,
    #c-header4 .c-gn .c-time img,
    #c-header .c-gn .c-menu svg,
    #c-header4 .c-gn .c-menu svg,
    #c-header .c-gn .c-time svg,
    #c-header4 .c-gn .c-time svg {
        width: 0.4rem;
        height: 0.4rem;
    }
}
#c-header .c-gn .c-menu img path,
#c-header4 .c-gn .c-menu img path,
#c-header .c-gn .c-time img path,
#c-header4 .c-gn .c-time img path,
#c-header .c-gn .c-menu svg path,
#c-header4 .c-gn .c-menu svg path,
#c-header .c-gn .c-time svg path,
#c-header4 .c-gn .c-time svg path {
    fill: #303E48;
}
#c-header .c-gn .c-time,
#c-header4 .c-gn .c-time {
    margin-left: 0.1rem;
    width: 0.6rem;
    padding: 0;
    border-radius: 50%;
}
@media (max-width: 767px) {
    #c-header .c-gn .c-time,
    #c-header4 .c-gn .c-time {
        width: 0.8rem;
    }
}
#c-header .c-gn .c-time img,
#c-header4 .c-gn .c-time img,
#c-header .c-gn .c-time svg,
#c-header4 .c-gn .c-time svg {
    width: 18px;
    height: 18px;
}
@media (max-width: 767px) {
    #c-header .c-gn .c-time img,
    #c-header4 .c-gn .c-time img,
    #c-header .c-gn .c-time svg,
    #c-header4 .c-gn .c-time svg {
        width: 0.36rem;
        height: 0.36rem;
    }
}
#c-header2 {
    background-color: #f7f7ed;
}
#c-header2 .c-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.3rem 0;
}
@media (max-width: 991px) {
    #c-header2 .c-top {
        display: none;
    }
}
#c-header2 .c-top .c-logo {
    display: block;
    width: 0.8rem;
}
#c-header2 .c-top .c-logo img {
    width: 100%;
    vertical-align: top;
}
#c-header2 .c-top .c-list {
    width: 222px;
    line-height: 40px;
}
@media (max-width: 1900px) {
    #c-header2 .c-top .c-list {
        width: 210px;
    }
}
@media (max-width: 1580px) {
    #c-header2 .c-top .c-list {
        width: 184px;
    }
}
#c-header2 .c-top .c-list a {
    position: relative;
    display: inline-block;
    padding-right: 24px;
    font-weight: bold;
    color: #666;
    overflow: hidden;
}
#c-header2 .c-top .c-list a::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 100%;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: url(../images/ico-arrow4.png) no-repeat right bottom / auto 10px;
    transition: all 0.3s;
}
#c-header2 .c-top .c-list li.on a {
    font-size: 24px;
    color: #303E48;
}
#c-header2 .c-top .c-list li.on a::before {
    right: 0;
}
#c-header2 .c-bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.15rem 0;
}
@media (max-width: 991px) {
    #c-header2 .c-bottom {
        padding: 0.25rem 0;
    }
}
#c-header2 .c-bottom .c-site {
    line-height: 30px;
    color: #949b9a;
}
#c-header2 .c-bottom .c-site a {
    color: #949b9a;
    transition: all 0.3s;
}
#c-header2 .c-bottom .c-site a:first-child {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
    width: 20px;
    height: 20px;
}
@media (max-width: 767px) {
    #c-header2 .c-bottom .c-site a:first-child {
        margin: 0.04rem 0;
        width: 0.4rem;
        height: 0.4rem;
    }
}
#c-header2 .c-bottom .c-site a:first-child img,
#c-header2 .c-bottom .c-site a:first-child svg {
    width: 100%;
    height: 100%;
}
#c-header2 .c-bottom .c-site a:first-child img path,
#c-header2 .c-bottom .c-site a:first-child svg path {
    fill: #303E48;
    transition: all 0.3s;
}
#c-header2 .c-bottom .c-site a.on {
    color: #303E48;
}
#c-header2 .c-bottom .c-site a:hover {
    color: #c2b2a5;
}
#c-header2 .c-bottom .c-site a:hover svg path {
    fill: #c2b2a5;
}
#c-header2 .c-bottom .c-site span {
    margin: 0 0.1rem;
}
#c-header2 .c-bottom .c-site span:last-child {
    display: none;
}
#c-header2 .c-bottom .c-box {
    display: flex;
    align-items: center;
    height: 30px;
}
@media (max-width: 991px) {
    #c-header2 .c-bottom .c-box {
        display: none;
    }
}
#c-header2 .c-bottom .c-box .c-btn {
    display: inline-flex;
    align-items: center;
    margin-left: 0.5rem;
    color: #303E48;
    transition: all 0.3s;
    cursor: pointer;
}
#c-header2 .c-bottom .c-box .c-btn img,
#c-header2 .c-bottom .c-box .c-btn svg {
    margin-right: 0.1rem;
    width: 20px;
    height: 20px;
}
#c-header2 .c-bottom .c-box .c-btn img path,
#c-header2 .c-bottom .c-box .c-btn svg path {
    fill: #303E48;
    transition: all 0.3s;
}
#c-header2 .c-bottom .c-box .c-btn:hover {
    color: #C2B2A5;
}
#c-header2 .c-bottom .c-box .c-btn:hover svg path {
    fill: #c2b2a5;
}
#c-header3 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    transition: all 0.5s;
    /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */
}
@media (max-width: 991px) {
    #c-header3 {
        display: none;
    }
}
@media (max-width: 767px) {
    #c-header3 {
        top: -2.6rem;
    }
}
#c-header3.on {
    top: -90px;
}
#c-header3 .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* height: 1rem; */
}
@media (max-width: 991px) {
    #c-header3 .container {
        height: 1.2rem;
    }
}
#c-header3 .container .c-logo {
    display: block;
    height: 0.46rem;
}
#c-header3 .container .c-logo img {
    height: 100%;
}
#c-header3 .container .c-list {
    position: absolute;
    top: 0;
    left: 50%;
    display: flex;
    align-items: center;
    line-height: 1rem;
    transform: translateX(-50%);
}
@media (max-width: 991px) {
    #c-header3 .container .c-list {
        line-height: 1.2rem;
    }
}
#c-header3 .container .c-list > li {
    margin-left: 0.6rem;
    pointer-events: auto;
}
@media (max-width: 991px) {
    #c-header3 .container .c-list > li {
        margin-left: 0.3rem;
    }
}
#c-header3 .container .c-list > li:hover > a::before {
    opacity: 1;
}
#c-header3 .container .c-list > li > a {
    position: relative;
    display: flex;
}
#c-header3 .container .c-list > li > a::before {
    opacity: 0;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff;
    transition: all 0.3s;
}
#c-header3 .container .c-list > li a {
    color: #303E48;
    transition: all 0.3s;
}
#c-header3 .container .c-list > li a:hover {
    color: #c2b2a5;
}
#c-header3 .container .c-list > li .c-list2 {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    padding: 0.15rem 0;
    width: 100vw;
    line-height: 1.5;
    background-color: #fff;
    transform: translateX(-50%);
    text-align: center;
}
#c-header3 .container .c-list > li .c-list2 li {
    display: inline-block;
    vertical-align: top;
    margin-right: 0.7rem;
}
@media (max-width: 991px) {
    #c-header3 .container .c-list > li .c-list2 li {
        margin-right: 0.3rem;
    }
}
#c-header3 .container .c-list > li .c-list2 li:last-child {
    margin: 0;
}
#c-header3 .container .c-box {
    display: flex;
    align-items: center;
}
#c-header3 .container .c-ico-box {
    display: flex;
    align-items: center;
}
#c-header3 .container .c-ico-box .c-ico {
    display: flex;
    align-items: center;
    margin-left: 0.6rem;
    cursor: pointer;
    color: #303E48;
    transition: all 0.3s;
}
#c-header3 .container .c-ico-box .c-ico svg,
#c-header3 .container .c-ico-box .c-ico img {
    margin-right: 0.1rem;
    width: 20px;
    height: 20px;
}
#c-header3 .container .c-ico-box .c-ico svg path,
#c-header3 .container .c-ico-box .c-ico img path {
    fill: #303E48;
    transition: all 0.3s;
}
#c-header3 .container .c-ico-box .c-ico:hover {
    color: #c2b2a5;
}
#c-header3 .container .c-ico-box .c-ico:hover svg path {
    fill: #c2b2a5;
}
#c-header4 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    background-color: #f7f7ed;
    transition: all 0.5s;
}
@media (max-width: 991px) {
    #c-header4 {
        display: block;
    }
}
#c-header4 .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.2rem;
}
#c-header4 .container .c-logo {
    display: inline-block;
}
#c-header4 .container .c-logo img {
    height: 0.5rem;
}
#c-header4.on {
    top: -1.3rem;
}
#c-header5 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    padding-top: 0.4rem;
    width: 100%;
}
#c-header5 .c-logo {
    display: block;
    width: 0.8rem;
}
#c-header5 .c-logo img {
    width: 100%;
}
.c-404 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.c-404 .c-bj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.05;
}
.c-404 .container {
    position: relative;
    z-index: 10;
}
.c-404 .c-svg {
    margin-bottom: 0.35rem;
    width: 5.4rem;
    height: 2.2rem;
}
.c-404 .c-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 1.3rem 0 0.15rem;
    padding: 0 0.3rem;
    height: 0.6rem;
    min-width: 1.8rem;
    background-color: #303E48;
    border-radius: 0.3rem;
    color: #fff;
}
.c-404 .c-text {
    color: #999;
}
#c-code-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 910;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
#c-code-pop .c-img-box {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 20px;
    width: 200px;
    border-radius: 5px;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#c-code-pop .c-img-box .c-close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    bottom: -60px;
    left: 50%;
    margin-left: -20px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    transition: all 0.5s;
}
#c-code-pop .c-img-box .c-close img,
#c-code-pop .c-img-box .c-close svg {
    margin: 4px;
    width: 18px;
    height: 18px;
}
#c-code-pop .c-img-box .c-close img path,
#c-code-pop .c-img-box .c-close svg path {
    fill: #333;
    transition: all 0.5s;
}
#c-code-pop .c-img-box .c-close:hover {
    background-color: #c2b2a5;
}
#c-code-pop .c-img-box .c-close:hover svg path {
    fill: #fff;
}
#c-code-pop .c-img-box > img {
    width: 100%;
}
#c-code-pop .c-img-box .c-text {
    padding-top: 10px;
    line-height: 1;
    text-align: center;
    color: #333;
}
/* 底部 */
#c-footer {
    position: relative;
    z-index: 50;
    color: #fff;
    background-color: #303e48;
}
#c-footer a {
    color: #fff;
    transition: 0.3s;
}
#c-footer a:hover {
    color: #c2b2a5;
}
#c-footer .c-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
#c-footer .c-main .c-left {
    width: 78%;
}
@media (max-width: 1580px) {
    #c-footer .c-main .c-left {
        width: 80%;
    }
}
@media (max-width: 767px) {
    #c-footer .c-main .c-left {
        width: 100%;
    }
}
#c-footer .c-main .c-right {
    padding-top: 0.8rem;
    text-align: right;
}
@media (max-width: 767px) {
    #c-footer .c-main .c-right {
        display: none;
    }
}
#c-footer .c-main .c-right .c-logo {
    display: inline-block;
    width: 60px;
}
#c-footer .c-main .c-right .c-logo img {
    width: 100%;
}
#c-footer .c-main .c-right .c-text {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: bold;
    opacity: 0.3;
    color: #fff;
}
#c-footer .c-main .c-right .c-text .c-ico {
    margin-right: 0.1rem;
    width: 20px;
    height: 20px;
}
#c-footer .c-main .c-right .c-text .c-ico path {
    fill: #fff;
}
#c-footer .c-main .c-right .c-phone {
    margin-top: 0.1rem;
    color: #c2b2a5;
    line-height: 1;
}
@media (max-width: 1580px) {
    #c-footer .c-main .c-right .c-phone {
        font-size: 24px;
    }
}
@media (max-width: 1260px) {
    #c-footer .c-main .c-right .c-phone {
        font-size: 18px;
    }
}
#c-footer .c-main .c-right .c-text2 {
    margin-top: 0.1rem;
    opacity: 0.5;
}
#c-footer .c-ico-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0.6rem 0 0.8rem;
}
@media (max-width: 1580px) {
    #c-footer .c-ico-link {
        margin: 0.6rem 0 0.9rem;
    }
}
#c-footer .c-ico-link a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.15rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    color: #fff;
    transition: 0.3s;
}
@media (max-width: 767px) {
    #c-footer .c-ico-link a {
        width: 0.6rem;
        height: 0.6rem;
    }
}
#c-footer .c-ico-link a img,
#c-footer .c-ico-link a svg {
    position: relative;
    z-index: 5;
    width: 0.3rem;
    height: 0.3rem;
}
@media (max-width: 767px) {
    #c-footer .c-ico-link a img,
    #c-footer .c-ico-link a svg {
        width: 0.3rem;
        height: 0.3rem;
    }
}
#c-footer .c-ico-link a img path,
#c-footer .c-ico-link a svg path {
    fill: #303E48;
    transition: all 0.3s;
}
#c-footer .c-ico-link a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-shadow: inset 0 0 0 0.47rem #c2b2a5;
    transition: box-shadow 0.3s, transform 0.3s;
}
#c-footer .c-ico-link a:hover:after {
    box-shadow: inset 0 0 0 2px #c2b2a5;
    transform: scale(1.1);
}
#c-footer .c-ico-link a:hover svg path {
    fill: #c2b2a5;
}
#c-footer .c-top-box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.8rem 0;
    margin: 0 -0.2rem;
}
@media (max-width: 767px) {
    #c-footer .c-top-box {
        padding: 1rem 0 0.6rem;
    }
}
#c-footer .c-top-box .c-title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.2rem;
    border-bottom: 2px solid #4f5a62;
    line-height: 1;
}
@media (max-width: 767px) {
    #c-footer .c-top-box .c-title-box {
        padding: 0.3rem 0;
    }
}
#c-footer .c-top-box .c-title-box.c-dt {
    padding-top: 0.3rem;
}
#c-footer .c-top-box .c-title-box .c-title {
    color: #c2b2a5;
}
#c-footer .c-top-box .c-title-box a {
    color: #fff;
}
#c-footer .c-top-box .c-title-box a:hover {
    color: #c2b2a5;
}
#c-footer .c-top-box .c-title-box img,
#c-footer .c-top-box .c-title-box svg {
    display: none;
    transition: 0.3s;
    width: 0.3rem;
    height: 0.3rem;
}
#c-footer .c-top-box .c-title-box img path,
#c-footer .c-top-box .c-title-box svg path {
    fill: #fff;
}
@media (max-width: 767px) {
    #c-footer .c-top-box .c-title-box img,
    #c-footer .c-top-box .c-title-box svg {
        display: inline-block;
    }
}
#c-footer .c-top-box .c-list-box {
    padding: 0 0.2rem;
    width: 20%;
}
@media (max-width: 767px) {
    #c-footer .c-top-box .c-list-box {
        width: 100%;
    }
}
#c-footer .c-top-box .c-list-box .c-list {
    line-height: 1.7;
}
@media (max-width: 767px) {
    #c-footer .c-top-box .c-list-box .c-list {
        display: none;
        line-height: 2.5;
        font-size: 0.3rem;
    }
}
#c-footer .c-top-box .c-list-box .c-list li:first-child {
    padding-top: 0.2rem;
}
#c-footer .c-top-box .c-list-box.on .c-title-box img,
#c-footer .c-top-box .c-list-box.on .c-title-box svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media (max-width: 767px) {
    #c-footer .c-top-box .c-list-box.on .c-title-box img,
    #c-footer .c-top-box .c-list-box.on .c-title-box svg {
        display: inline-block;
    }
}
@media (max-width: 767px) {
    #c-footer .c-top-box .c-text-box {
        padding-top: 0.2rem;
    }
}
#c-footer .c-top-box .c-text-box p {
    padding-bottom: 0.1rem;
}
@media (max-width: 767px) {
    #c-footer .c-top-box .c-text-box p {
        padding-bottom: 0.2rem;
    }
}
#c-footer .c-bottom-box .c-box {
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
    #c-footer .c-bottom-box .c-box {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0.4rem;
        text-align: center;
    }
}
#c-footer .c-bottom-box .c-box .c-map {
    flex-shrink: 0;
    margin-right: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 138px;
    height: 42px;
    border-radius: 21px;
    border: 2px solid #45525b;
    color: #c2b2a5;
    transition: all 0.3s;
}
@media (max-width: 767px) {
    #c-footer .c-bottom-box .c-box .c-map {
        margin-bottom: 0.4rem;
    }
}
#c-footer .c-bottom-box .c-box .c-map .c-ico {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
#c-footer .c-bottom-box .c-box .c-map .c-ico path {
    fill: #c2b2a5;
    transition: all 0.3s;
}
#c-footer .c-bottom-box .c-box .c-map:hover {
    color: #fff;
    border-color: #c2b2a5;
    background-color: #c2b2a5;
}
#c-footer .c-bottom-box .c-box .c-map:hover .c-ico path {
    fill: #fff;
}
#c-footer .c-bottom-box .c-box > p {
    opacity: 0.5;
}
@media (max-width: 767px) {
    #c-footer .c-bottom-box .c-box > p {
        width: 100%;
    }
}
#c-footer .c-bottom-box .c-copyright-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.25rem 0 0.5rem;
    border-top: 2px solid #404c55;
    color: #6b7175;
}
@media (max-width: 767px) {
    #c-footer .c-bottom-box .c-copyright-box {
        width: 100%;
        font-size: 0.24rem;
        padding: 0.6rem 0;
        text-align: center;
    }
    #c-footer .c-bottom-box .c-copyright-box p,
    #c-footer .c-bottom-box .c-copyright-box .c-copyright {
        width: 100%;
    }
}
#c-footer .c-bottom-box .c-copyright-box a {
    color: #6b7175;
}
#c-footer .c-bottom-box .c-copyright-box a:hover {
    color: #c2b2a5;
}
#c-footer .c-bottom-box .c-copyright-box .c-copyright {
    word-wrap: break-word;
    word-break: break-all;
}
.c-home1 {
    height: 350vh;
}
@media (max-width: 767px) {
    .c-home1 {
        height: auto;
    }
}
.c-home1 .c-main {
    position: relative;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    display: flex;
    align-items: flex-start;
    height: 100vh;
    background-color: #f8f7ee;
    overflow: hidden;
}
.c-home1 .c-main .c-left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .c-home1 .c-main .c-left {
        display: none;
    }
}
.c-home1 .c-main .c-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.c-home1 .c-main .c-right {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45%;
    height: 100%;
}
@media (max-width: 767px) {
    .c-home1 .c-main .c-right {
        width: 100%;
        height: 100%;
    }
}
.c-home1 .c-main .c-right .c-wrap {
    position: relative;
    width: 18.229166vw;
    height: 23.958333vw;
}
@media (max-width: 767px) {
    .c-home1 .c-main .c-right .c-wrap {
        width: 100%;
        height: 100%;
    }
}
.c-home1 .c-main .c-right .c-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.c-home1 .c-main .c-right .c-wrap video {
    position: relative;
    z-index: 6;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 767px) {
    .c-home1 .c-main .c-right .c-wrap .c-v1 {
        display: none;
    }
}
.c-home1 .c-main .c-right .c-wrap .c-v2 {
    display: none;
}
@media (max-width: 767px) {
    .c-home1 .c-main .c-right .c-wrap .c-v2 {
        display: block;
    }
}
.c-home1 .c-main .c-text-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}
.c-home1 .c-main .c-text-box .c-wrap {
    transform: scale(1.2);
    transition: all 1s;
}
.c-home1 .c-main .c-text-box .c-wrap.on {
    transform: scale(1);
}
.c-home1 .c-main .c-text-box .c-wrap.on .c-title,
.c-home1 .c-main .c-text-box .c-wrap.on .c-text,
.c-home1 .c-main .c-text-box .c-wrap.on .c-text span {
    opacity: 1 !important;
}
@media (max-width: 767px) {
    .c-home1 .c-main .c-text-box .c-wrap {
        transform: scale(1);
    }
    .c-home1 .c-main .c-text-box .c-wrap .c-title,
    .c-home1 .c-main .c-text-box .c-wrap .c-text,
    .c-home1 .c-main .c-text-box .c-wrap .c-text span {
        opacity: 1 !important;
    }
}
.c-home1 .c-main .c-text-box .c-wrap .c-title {
    line-height: 1;
    opacity: 0;
    transition: all 0.5s;
}
.c-home1 .c-main .c-text-box .c-wrap .c-text {
    line-height: 1;
    margin-top: 0.4rem;
    opacity: 0;
    transition: all 0.5s;
}
.c-home1 .c-main .c-text-box .c-wrap .c-text span:nth-child(2n) {
    opacity: 0;
    transition: all 1s;
}
.c-home2 {
    position: relative;
    text-align: center;
    overflow: hidden;
}
.c-home2 > img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: huxi 3s linear infinite;
}
.c-home2 .container {
    position: relative;
    z-index: 5;
}
.c-home2 .c-title {
    opacity: 0;
    margin-bottom: 0.55rem;
    color: #6d655f;
    transition: all 1s;
    transform: scale(1.2);
}
.c-home2 .c-text {
    margin: 0 auto;
    font-weight: bold;
    line-height: 1.4;
    max-width: 8.7rem;
    opacity: 0;
    transition: all 1s;
    transform: scale(1.2);
}
.c-home2 .c-text span:nth-child(2n) {
    opacity: 0;
    transition: all 1s;
}
.c-home2 .c-line {
    opacity: 0;
    margin: 0.2rem auto 0.4rem;
    width: 2px;
    height: 0.46rem;
    background-color: #eaebec;
    transition: all 1s 0.3s;
    overflow: hidden;
}
.c-home2 .c-line:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #c2b2a5;
    animation: goBottom 1s linear infinite;
}
.c-home2 .c-btn-box {
    opacity: 0;
    transition: all 1s 0.3s;
}
.c-home2 .c-text2 {
    opacity: 0;
    margin-top: 0.15rem;
    transition: all 1s 0.3s;
}
.c-home2.on .c-title,
.c-home2.on .c-text,
.c-home2.on .c-text span {
    transform: scale(1);
    opacity: 1 !important;
}
.c-home2.on .c-line,
.c-home2.on .c-text2,
.c-home2.on .c-btn-box {
    opacity: 1;
}
.c-home3 {
    height: 300vh;
}
.c-home3 .c-main {
    position: relative;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    height: 100vh;
}
.c-home4 .c-list {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -0.2rem -0.4rem;
}
@media (max-width: 767px) {
    .c-home4 .c-list {
        display: block;
        overflow: hidden;
    }
}
.c-home4 .c-list li {
    padding: 0 0.2rem 0.4rem;
    width: 20%;
}
@media (max-width: 767px) {
    .c-home4 .c-list li {
        float: left;
        width: 50%;
    }
}
.c-home4 .c-list li .c-wrap {
    display: block;
    position: relative;
    overflow: hidden;
}
.c-home4 .c-list li .c-wrap::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 0.5rem;
    background-color: #fff;
    transition: all 0.3s;
}
@media (max-width: 767px) {
    .c-home4 .c-list li .c-wrap::before {
        height: 0.6rem;
    }
}
.c-home4 .c-list li .c-wrap img {
    width: 100%;
    transition: all 0.5s;
    filter: grayscale(100);
}
.c-home4 .c-list li .c-wrap .c-title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    padding: 0 0.2rem;
    width: 100%;
    font-weight: bold;
    color: #303E48;
    transition: all 0.3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.c-home4 .c-list li .c-wrap:hover::before {
    transform: translateY(100%);
}
.c-home4 .c-list li .c-wrap:hover .c-title {
    color: #fff;
    bottom: 0.2rem;
}
.c-home4 .c-list li .c-wrap:hover img {
    transform: scale(1.1);
    filter: grayscale(0);
}
.c-home7 .c-main {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -0.2rem -0.4rem;
}
@media (max-width: 767px) {
    .c-home7 .c-main {
        margin: 0;
    }
}
.c-home7 .c-main .c-left {
    padding: 0 0.2rem 0 0.4rem;
    width: 25%;
}
@media (max-width: 767px) {
    .c-home7 .c-main .c-left {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 0 0.6rem 0;
        width: 100%;
    }
}
.c-home7 .c-main .c-left .c-title {
    margin-bottom: 0.8rem;
    line-height: 1;
}
@media (max-width: 767px) {
    .c-home7 .c-main .c-left .c-title {
        margin-bottom: 0;
    }
}
.c-home7 .c-main .c-right {
    width: 75%;
}
@media (max-width: 767px) {
    .c-home7 .c-main .c-right {
        width: auto;
    }
}
.c-home7 .c-main .c-right .c-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .c-home7 .c-main .c-right .c-list {
        margin: 0 -0.2rem -0.4rem;
    }
}
.c-home7 .c-main .c-right .c-list li {
    padding: 0 0.2rem 0.4rem;
    width: 33.333333%;
}
@media (max-width: 767px) {
    .c-home7 .c-main .c-right .c-list li {
        width: 50%;
    }
    .c-home7 .c-main .c-right .c-list li:last-child {
        display: none;
    }
}
.c-home7 .c-main .c-right .c-list li .c-wrap {
    display: block;
    color: #303E48;
}
.c-home7 .c-main .c-right .c-list li .c-wrap .public-img::before {
    padding-top: 128%;
}
.c-home7 .c-main .c-right .c-list li .c-wrap .c-text-box .c-title {
    margin: 0.3rem 0 0.05rem;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.3s;
}
@media (max-width: 767px) {
    .c-home7 .c-main .c-right .c-list li .c-wrap .c-text-box .c-title {
        margin: 0.2rem 0 0;
    }
}
.c-home7 .c-main .c-right .c-list li .c-wrap .c-text-box .c-text {
    margin-bottom: 0.2rem;
    color: #999;
    height: 52px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
    .c-home7 .c-main .c-right .c-list li .c-wrap .c-text-box .c-text {
        margin-bottom: 0.1rem;
        height: 0.8rem;
        line-height: 0.4rem;
    }
}
.c-home7 .c-main .c-right .c-list li .c-wrap .c-text-box .c-time-box {
    display: flex;
    align-items: center;
}
.c-home7 .c-main .c-right .c-list li .c-wrap .c-text-box .c-time-box .c-time {
    flex-shrink: 0;
    color: #7A92A0;
}
.c-home7 .c-main .c-right .c-list li .c-wrap .c-text-box .c-time-box .c-line {
    position: relative;
    margin-left: 0.4rem;
    width: 100%;
    height: 1px;
    background-color: #eaebec;
}
.c-home7 .c-main .c-right .c-list li .c-wrap .c-text-box .c-time-box .c-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #c2b2a5;
    transition: all 0.3s;
}
.c-home7 .c-main .c-right .c-list li .c-wrap:hover .public-img img {
    transform: scale(1.1);
}
.c-home7 .c-main .c-right .c-list li .c-wrap:hover .c-text-box .c-title {
    color: #c2b2a5;
}
.c-home7 .c-main .c-right .c-list li .c-wrap:hover .c-text-box .c-time-box .c-line::before {
    width: 100%;
}
.c-story2 {
    margin-bottom: 0.4rem;
    text-align: center;
}
.c-story2 .c-top .c-ico {
    margin: 0 auto;
    width: 28px;
    height: 60px;
}
@media (max-width: 991px) {
    .c-story2 .c-top .c-ico {
        width: 0.5rem;
        height: 0.8rem;
    }
}
.c-story2 .c-top .c-ico path {
    fill: #c2b2a5;
}
.c-story2 .c-top .c-title {
    margin: 0.5rem auto 0.6rem;
    color: #6d655f;
}
.c-story2 .c-top .c-text1 {
    margin: 0 auto;
    font-weight: bold;
    line-height: 1.3;
}
.c-story2 .c-top .c-text2 {
    margin: 0.5rem auto 0;
    max-width: 820px;
}
.c-story2 .c-bottom {
    width: 100%;
    height: 100%;
    position: relative;
}
.c-story2 .c-bottom .public-img {
    height: 100%;
    background-color: #111416;
}
.c-story2 .c-bottom .public-img img {
    opacity: 0.6;
    animation: huxi2 20s linear infinite;
}
.c-story2 .c-bottom .public-img::before {
    padding-top: 50%;
}
.c-story2 .c-bottom .c-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 75%;
    transform: translate(-50%, -50%);
    color: #fff;
}
@media (max-width: 767px) {
    .c-story2 .c-bottom .c-list {
        width: 90%;
    }
}
.c-story2 .c-bottom .c-list li {
    opacity: 0;
    padding: 0 0.2rem;
}
.c-story2 .c-bottom .c-list li:nth-child(1) {
    transition: all 0.3s 0.7s;
}
.c-story2 .c-bottom .c-list li:nth-child(2) {
    transition: all 0.3s 0.8s;
}
.c-story2 .c-bottom .c-list li:nth-child(3) {
    transition: all 0.3s 0.9s;
}
.c-story2 .c-bottom .c-list::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s 0.4s;
}
.c-story2 .c-bottom .c-list .c-dot {
    margin: 0.05rem auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
}
.c-story2 .c-bottom .c-btn-box {
    position: absolute;
    bottom: 1rem;
    left: 0;
    z-index: 10;
    width: 100%;
    opacity: 0;
    transition: all 0.3s 1s;
}
.c-story2 .c-bottom .c-btn-box .c-text {
    margin-top: 0.05rem;
    color: #c2b2a5;
}
.c-story2.c-dt {
    position: relative;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1;
    height: 100vh;
}
.c-story2.c-dt::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    border-width: 0.9rem 1.6rem;
    border-style: solid;
    border-color: #fff;
    transition: 0.3s;
    pointer-events: none;
}
@media (max-width: 767px) {
    .c-story2.c-dt::before {
        border-width: 0.9rem;
    }
}
.c-story-wrap.on .c-story2.c-dt::before {
    border-width: 0;
}
.c-story-wrap.on .c-story2.c-dt .c-bottom .c-list::before {
    width: 100%;
}
.c-story-wrap.on .c-story2.c-dt .c-bottom .c-list li {
    opacity: 1;
}
.c-story-wrap.on .c-story2.c-dt .c-bottom .c-btn-box {
    opacity: 1;
}
.c-story3 {
    margin-top: 100vh;
    position: relative;
    z-index: 10;
    overflow: hidden;
    background-color: #fff;
}
.c-story3 .c-story3-banner {
    padding-bottom: 0.6rem;
    margin: 0 -0.2rem;
    overflow: visible;
}
.c-story3 .c-story3-banner .swiper-slide {
    padding: 0 0.2rem;
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 0.6rem 0.6rem 0;
    background-color: #F8F8F8;
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-top {
    width: 100%;
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-top .c-ico {
    margin-bottom: -0.5rem;
    width: 1.2rem;
    height: 1.2rem;
    display: none;
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-top .c-title {
    font-weight: bold;
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-top .c-text {
    margin: 0.25rem 0 0.6rem;
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-bottom {
    width: 100%;
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-bottom .c-play {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.2rem;
    cursor: pointer;
    color: #c2b2a5;
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-bottom .c-play img,
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-bottom .c-play svg {
    margin-right: 0.1rem;
    width: 16px;
    height: 16px;
    transition: all 0.3s;
}
@media (max-width: 767px) {
    .c-story3 .c-story3-banner .swiper-slide .c-wrap .c-bottom .c-play img,
    .c-story3 .c-story3-banner .swiper-slide .c-wrap .c-bottom .c-play svg {
        width: 0.4rem;
        height: 0.4rem;
    }
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-bottom .c-play img path,
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-bottom .c-play svg path {
    fill: #c2b2a5;
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-bottom .c-play:hover svg {
    margin-right: 0.2rem;
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-bottom .c-user {
    display: flex;
    align-items: center;
    padding: 0.3rem 0;
    border-top: 1px solid #ddd;
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-bottom .c-user .public-img {
    margin-right: 0.18rem;
    width: 1rem;
    height: 1rem;
    border: 2px solid #fff;
    border-radius: 50%;
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-bottom .c-user .c-name {
    font-weight: bold;
}
.c-story3 .c-story3-banner .swiper-slide .c-wrap .c-bottom .c-user .c-text {
    color: #999;
}
.c-story3 .c-story3-banner .swiper-pagination {
    bottom: 0;
}
.c-story3 .c-story3-banner .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 0.6rem;
    height: 4px;
    border-radius: 2px;
    background-color: #ddd;
    opacity: 1;
}
@media (max-width: 767px) {
    .c-story3 .c-story3-banner .swiper-pagination .swiper-pagination-bullet {
        width: 0.4rem;
    }
}
.c-story3 .c-story3-banner .swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    display: block;
    height: 100%;
    width: 0;
    border-radius: 2px;
    background-color: #303E48;
    transition: all 0s linear;
}
.c-story3 .c-story3-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 100%;
    transition: all 4.5s linear;
}
.c-story4 {
    position: relative;
    text-align: center;
}
.c-story4 .c-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.c-story4 .c-list li {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s;
}
.c-story4 .c-list li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.c-story4 .c-list li.on {
    opacity: 1;
    animation: huxi2 20s linear infinite;
}
.c-story4 .c-main {
    position: relative;
    z-index: 2;
    color: #fff;
}
.c-story4 .c-main .container {
    position: absolute;
    top: 1.6rem;
    left: 50%;
    z-index: 50;
    pointer-events: none;
    transform: translateX(-50%);
}
@media (max-width: 767px) {
    .c-story4 .c-main .container {
        top: 1.2rem;
    }
}
.c-story4 .c-main .container .public-title {
    margin-bottom: 0;
}
.c-story4 .c-main .c-story4-banner .swiper-slide {
    opacity: 0.4;
    display: flex;
    align-items: center;
    min-height: 100vh;
    transition: all 0.3s;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 991px) {
    .c-story4 .c-main .c-story4-banner .swiper-slide {
        min-height: 70vh;
    }
}
@media (max-width: 767px) {
    .c-story4 .c-main .c-story4-banner .swiper-slide {
        padding: 2rem 0 3rem;
    }
}
.c-story4 .c-main .c-story4-banner .swiper-slide > div {
    padding: 0 0.7rem;
}
.c-story4 .c-main .c-story4-banner .swiper-slide .c-title {
    font-weight: bold;
    line-height: 1.2;
}
.c-story4 .c-main .c-story4-banner .swiper-slide .c-time {
    margin: 0.1rem 0 0.3rem;
    color: #c2b2a5;
}
.c-story4 .c-main .c-story4-banner .swiper-slide .c-text {
    max-height: 30px;
    line-height: 26px;
    color: #ddd;
    transition: all 0.3s linear;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 10;
}
.c-story4 .c-main .c-story4-banner .swiper-slide.swiper-slide-active {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.3);
}
.c-story4 .c-main .c-story4-banner .swiper-slide.swiper-slide-active .c-text {
    max-height: 208px;
}
.c-story4 .c-main .c-btn-box {
    position: absolute;
    bottom: 0.8rem;
    left: 0;
    z-index: 50;
    width: 100%;
    pointer-events: none;
}
.c-story4 .c-main .c-btn-box .public-btn2 {
    pointer-events: auto;
}
.c-story4 .c-main .c-btn-box .c-text {
    margin-top: 0.05rem;
    color: #c2b2a5;
}
.c-story5 .c-list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

.c-story5 .c-list li {
    padding: 0 0.35rem;
}
.c-story5 .c-list li:nth-child(2) {
    margin-bottom: 1.1rem;
}

.c-story5 .c-list li .c-wrap {
    position: relative;
    display: block;
    width: 6rem;
}

.c-story5 .c-list li .c-wrap .public-img::before {
    padding-top: 116.666666%;
}
.c-story5 .c-list li .c-wrap .c-text-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    padding: 1.35rem 0.6rem;
    width: 100%;
    height: 100%;
    color: #fff;
}

.c-story5 .c-list li .c-wrap .c-text-box .c-title {
    font-weight: bold;
    line-height: 1.2;
}
.c-story5 .c-list li .c-wrap .c-text-box .c-text {
    margin: 0.2rem 0 0.5rem;
    line-height: 30px;
}

.c-story5 .c-list li .c-wrap .c-text-box .c-more {
    display: flex;
    align-items: center;
    color: #c2b2a5;
}
.c-story5 .c-list li .c-wrap .c-text-box .c-more img,
.c-story5 .c-list li .c-wrap .c-text-box .c-more svg {
    margin-left: 0.1rem;
    width: 24px;
    height: 24px;
    transition: all 0.3s;
}

.c-story5 .c-list li .c-wrap .c-text-box .c-more img path,
.c-story5 .c-list li .c-wrap .c-text-box .c-more svg path {
    fill: #c2b2a5;
}
.c-story5 .c-list li .c-wrap .c-text-box .c-more:hover svg {
    margin-left: 0.2rem;
}
.c-story5 .c-list li .c-wrap:hover .public-img img {
    transform: scale(1.1);
}
.c-story6 .c-story6-banner .swiper-slide-active .c-wrap .public-img {
    animation: huxi2 20s linear infinite;
}
.c-story6 .c-story6-banner .c-wrap {
    position: relative;
    text-align: center;
}
.c-story6 .c-story6-banner .c-wrap .public-img::before {
    padding-top: 50%;
}

.c-story6 .c-story6-banner .c-wrap .c-box-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    color: #fff;
}
.c-story6 .c-story6-banner .c-wrap .c-box-wrap .container {
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
}
.c-story6 .c-story6-banner .c-wrap .c-box-wrap .public-title {
    width: 100%;
}
.c-story6 .c-story6-banner .c-wrap .c-box-wrap .c-btn-box {
    width: 100%;
}
.c-story6 .c-story6-banner .c-wrap .c-box-wrap .c-btn-box .c-text {
    margin-top: 0.05rem;
    color: #c2b2a5;
}
.c-story6 .c-story6-banner .swiper-pagination {
    bottom: 0.6rem;
}
.c-story6 .c-story6-banner .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 0.6rem;
    height: 4px;
    border-radius: 2px;
    background-color: rgba(221, 221, 221, 0.2);
    opacity: 1;
    overflow: hidden;
}

.c-story6 .c-story6-banner .swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    display: block;
    height: 100%;
    width: 0;
    border-radius: 2px;
    background-color: #c2b2a5;
    transition: all 0s linear;
}
.c-story6 .c-story6-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 100%;
    transition: all 4.5s linear;
}
.c-statement .c-wrap {
    margin: 0 auto;
    max-width: 980px;
}
.c-statement .c-wrap .c-title {
    margin-bottom: 0.5rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}
.c-statement .c-wrap .c-text {
    line-height: 1.8;
    color: #666;
}
.c-statement .c-wrap .c-text img {
    max-width: 100%;
    height: auto !important;
}
.c-sitemap .c-wrap {
    margin: 0 auto;
    max-width: 1200px;
}
.c-sitemap .c-wrap .c-list > li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.45rem 0;
    border-bottom: 1px solid #eee;
    line-height: 30px;
}

.c-sitemap .c-wrap .c-list > li:first-child {
    padding-top: 0;
}
.c-sitemap .c-wrap .c-list > li > a {
    font-weight: bold;
    color: #333;
    transition: all 0.5s;
}
.c-sitemap .c-wrap .c-list > li > a:hover {
    color: #c2b2a5;
}
.c-sitemap .c-wrap .c-list > li ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 85%;
    margin: -0.1rem -0.2rem;
}

.c-sitemap .c-wrap .c-list > li ul li {
    padding: 0.1rem 0.2rem;
    width: 20%;
}

.c-sitemap .c-wrap .c-list > li ul li a {
    color: #303E48;
    transition: all 0.5s;
}
.c-sitemap .c-wrap .c-list > li ul li a:hover {
    color: #c2b2a5;
}
.c-exhibition1 {
    padding-top: 0.8rem;
}
.c-exhibition1 .c-menu {
    position: relative;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 100;
    padding: 0.2rem 0;
    background-color: #fff;
}
.c-exhibition1 .c-menu .c-list-box {
    position: relative;
    overflow-x: auto;
    text-align: left;
    transition: all 0.3s;
}
.c-exhibition1 .c-menu .c-list-box .c-list1 {
    display: inline-flex;
}
.c-exhibition1 .c-menu .c-list-box .c-list1 li {
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding-bottom: 0.2rem;
    margin-right: 0.3rem;
    cursor: pointer;
    line-height: 1;
    color: #999;
    transition: all 0.3s;
}
.c-exhibition1 .c-menu .c-list-box .c-list1 li:last-child {
    margin-right: 0;
}

.c-exhibition1 .c-menu .c-list-box .c-list1 li::before,
.c-exhibition1 .c-menu .c-list-box .c-list1 li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    border-top: 2px solid #ddd;
    transition: all 0.3s;
}
.c-exhibition1 .c-menu .c-list-box .c-list1 li::before {
    z-index: 4;
    border-color: #c2b2a5;
    width: 0;
}
.c-exhibition1 .c-menu .c-list-box .c-list1 li .c-ico {
    margin-left: 0.6rem;
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
}

.c-exhibition1 .c-menu .c-list-box .c-list1 li .c-ico path {
    fill: #999;
    transition: all 0.3s;
}
.c-exhibition1 .c-menu .c-list-box .c-list1 li.on {
    color: #c2b2a5;
}
.c-exhibition1 .c-menu .c-list-box .c-list1 li.on::before {
    width: 100%;
}
.c-exhibition1 .c-menu .c-list-box .c-list1 li.on .c-ico path {
    fill: #c2b2a5;
}
.c-exhibition1 .c-list2 {
    margin-top: 0.8rem;
    position: relative;
    z-index: 1;
}
.c-exhibition1 .c-list2 > li {
    position: relative;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    overflow: hidden;
}

.c-exhibition1 .c-list2 > li:nth-child(2n) .c-wrap .container {
    justify-content: flex-end;
}
.c-exhibition1 .c-list2 > li .public-img::before {
    padding-top: 100vh;
}

.c-exhibition1 .c-list2 > li .c-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    width: 100%;
    transform: translateY(-50%);
}

.c-exhibition1 .c-list2 > li .c-wrap .container {
    display: flex;
    align-items: flex-start;
}
.c-exhibition1 .c-list2 > li .c-wrap .c-box {
    width: 5rem;
    padding: 2.3rem 0.6rem 0.6rem;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 2.5rem 2.5rem 0 0;
}


.c-exhibition1 .c-list2 > li .c-wrap .c-box .c-text-box .c-title {
    font-weight: bold;
    line-height: 1.2;
}
.c-exhibition1 .c-list2 > li .c-wrap .c-box .c-text-box .c-text {
    margin: 0.2rem 0 0.55rem;
    color: #666;
}

.c-exhibition1 .c-list2 > li .c-wrap .c-box .c-list3 {
    padding-top: 0.3rem;
    border-top: 1px solid #ddd;
}
.c-exhibition1 .c-list2 > li .c-wrap .c-box .c-list3 li {
    padding: 0 0 0.3rem 30px;
}

.c-exhibition1 .c-list2 > li .c-wrap .c-box .c-list3 li .c-title-box {
    position: relative;
    line-height: 1.8;
    color: #c2b2a5;
}
.c-exhibition1 .c-list2 > li .c-wrap .c-box .c-list3 li .c-title-box .c-ico {
    position: absolute;
    top: 50%;
    left: -30px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
}

.c-exhibition1 .c-list2 > li .c-wrap .c-box .c-list3 li .c-title-box .c-ico path {
    fill: #c2b2a5;
}
.c-exhibition1 .c-list2 > li .c-wrap .c-box .c-list3 li .c-text {
    line-height: 1.8;
}
.c-news-banner {
    position: relative;
}
.c-news-banner.on::after {
    opacity: 0;
}
.c-news-banner::before {
    content: "";
    display: block;
    padding-top: calc(100vh - 1rem);
}

.c-news-banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
}
.c-news-banner > img,
.c-news-banner video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c-news-banner > img.c-mb,
.c-news-banner video.c-mb {
    display: none;
}

.c-news-banner video {
    z-index: 5;
}
.c-news-banner .c-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
}
.c-news-banner .c-wrap .c-title {
    font-weight: bold;
    line-height: 1;
}
.c-news-banner .c-play {
    position: absolute;
    bottom: 0.4rem;
    left: 0.4rem;
    z-index: 20;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    transition: ease-out 0.1s;
    cursor: pointer;
}

.c-news-banner .c-play img,
.c-news-banner .c-play svg {
    position: relative;
    z-index: 5;
    left: 0;
    width: 20px;
    height: 20px;
    pointer-events: none;
}

.c-news-banner .c-play img path,
.c-news-banner .c-play svg path {
    fill: #303E48;
    transition: all 0.3s;
}
.c-news-banner .c-play .c-ico2 {
    display: none;
}
.c-news-banner .c-play.on .c-ico1 {
    display: none;
}
.c-news-banner .c-play.on .c-ico2 {
    display: inline-block;
}
.c-news-banner .c-play:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.c-news-banner .c-play::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-shadow: inset 0 0 0 0.47rem #fff;
    transition: box-shadow 0.3s, transform 0.3s;
}
.c-news-banner .c-play:hover::before {
    box-shadow: inset 0 0 0 2px #fff;
    transform: scale(1.1);
}
.c-news-banner .c-play:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}
.c-news-banner .c-play:hover svg path {
    fill: #fff;
}
.c-news-list .c-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0.3rem;
}
.c-news-list .c-top .c-list {
    display: inline-flex;
}

.c-news-list .c-top .c-list li {
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding-bottom: 0.2rem;
    margin-right: 0.3rem;
    cursor: pointer;
    line-height: 1;
    color: #999;
    transition: all 0.3s;
}
.c-news-list .c-top .c-list li:last-child {
    margin-right: 0;
}

.c-news-list .c-top .c-list li::before,
.c-news-list .c-top .c-list li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    border-top: 2px solid #ddd;
    transition: all 0.3s;
}
.c-news-list .c-top .c-list li::before {
    z-index: 4;
    border-color: #c2b2a5;
    width: 0;
}
.c-news-list .c-top .c-list li .c-ico {
    margin-left: 0.6rem;
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
}

.c-news-list .c-top .c-list li .c-ico path {
    fill: #999;
    transition: all 0.3s;
}
.c-news-list .c-top .c-list li.on {
    color: #c2b2a5;
}
.c-news-list .c-top .c-list li.on::before {
    width: 100%;
}
.c-news-list .c-top .c-list li.on .c-ico path {
    fill: #c2b2a5;
}
.c-news-list .c-top .c-form {
    display: flex;
    align-items: flex-start;
    width: 33.75%;
    height: 0.6rem;
    border: 1px solid #dddddd;
    border-radius: 0.3rem;
}

.c-news-list .c-top .c-form input {
    padding: 0 0.2rem;
    width: 100%;
    height: 100%;
    line-height: 0.6rem;
}
.c-news-list .c-top .c-form button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-shrink: 0;
    width: 1rem;
    transition: all 0.3s;
    border-radius: 0.3rem;
}
.c-news-list .c-top .c-form button img,
.c-news-list .c-top .c-form button svg {
    width: 20px;
    height: 20px;
    pointer-events: none;
}

.c-news-list .c-top .c-form button img path,
.c-news-list .c-top .c-form button svg path {
    fill: #303E48;
    transition: all 0.3s;
}
.c-news-list .c-top .c-form button:hover {
    width: 1.4rem;
    background-color: #303E48;
}
.c-news-list .c-top .c-form button:hover svg path {
    fill: #fff;
}
.c-news-list .c-bottom .c-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -0.2rem -0.4rem;
}
.c-news-list .c-bottom .c-list.on li {
    width: 50%;
}
.c-news-list .c-bottom .c-list.on li .c-wrap {
    display: block;
    color: #303E48;
}
.c-news-list .c-bottom .c-list.on li .c-wrap .public-img::before {
    padding-top: 60%;
}
.c-news-list .c-bottom .c-list li {
    padding: 0 0.2rem 0.4rem;
    width: 25%;
}

.c-news-list .c-bottom .c-list li .c-wrap {
    display: block;
    color: #303E48;
}
.c-news-list .c-bottom .c-list li .c-wrap .public-img::before {
    padding-top: 128%;
}
.c-news-list .c-bottom .c-list li .c-wrap .c-text-box .c-title {
    margin: 0.3rem 0 0.05rem;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.3s;
}

.c-news-list .c-bottom .c-list li .c-wrap .c-text-box .c-text {
    margin-bottom: 0.2rem;
    color: #999;
    height: 52px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.c-news-list .c-bottom .c-list li .c-wrap .c-text-box .c-time-box {
    display: flex;
    align-items: center;
}
.c-news-list .c-bottom .c-list li .c-wrap .c-text-box .c-time-box .c-time {
    flex-shrink: 0;
    color: #7A92A0;
}
.c-news-list .c-bottom .c-list li .c-wrap .c-text-box .c-time-box .c-line {
    position: relative;
    margin-left: 0.4rem;
    width: 100%;
    height: 1px;
    background-color: #eaebec;
}
.c-news-list .c-bottom .c-list li .c-wrap .c-text-box .c-time-box .c-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #c2b2a5;
    transition: all 0.3s;
}
.c-news-list .c-bottom .c-list li .c-wrap:hover .public-img img {
    transform: scale(1.1);
}
.c-news-list .c-bottom .c-list li .c-wrap:hover .c-text-box .c-title {
    color: #c2b2a5;
}
.c-news-list .c-bottom .c-list li .c-wrap:hover .c-text-box .c-time-box .c-line::before {
    width: 100%;
}
.c-news-info1 {
    padding-top: 1rem;
    overflow: hidden;
}
.c-news-info1 .c-main {
    margin: 0 auto;
    max-width: 980px;
}
.c-news-info1 .c-top {
    border-bottom: 1px solid #ddd;
}
.c-news-info1 .c-top .c-title {
    font-weight: bold;
    line-height: 1.2;
}
.c-news-info1 .c-top .c-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.3rem 0 0.25rem;
}
.c-news-info1 .c-top .c-box .c-left {
    color: #999;
}
.c-news-info1 .c-top .c-box .c-left span {
    margin-right: 10px;
    color: #303E48;
}
.c-news-info1 .c-center {
    padding: 0.35rem 0 1rem;
}
.c-news-info1 .c-center .c-text-box img {
    max-width: 100%;
    height: auto !important;
}
.c-news-info1 .c-bottom {
    padding-top: 0.4rem;
    border-top: 1px solid #ddd;
}
.c-news-info1 .c-bottom .c-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.c-news-info1 .c-bottom .c-list li a {
    display: inline-flex;
    align-items: center;
    color: #666;
    transition: all 0.3s;
}
.c-news-info1 .c-bottom .c-list li a img,
.c-news-info1 .c-bottom .c-list li a svg {
    margin-right: 0.1rem;
    width: 16px;
    height: 16px;
}
.c-news-info1 .c-bottom .c-list li a img path,
.c-news-info1 .c-bottom .c-list li a svg path {
    fill: #666;
    transition: all 0.3s;
}
.c-news-info1 .c-bottom .c-list li a:hover {
    color: #f16777;
}
.c-news-info1 .c-bottom .c-list li a:hover svg path {
    fill: #f16777;
}
.c-news-info1 .c-bottom .c-list li:first-child a img,
.c-news-info1 .c-bottom .c-list li:first-child a svg {
    transform: rotate(180deg);
}
.c-news-info1 .c-bottom .c-list li:last-child a img,
.c-news-info1 .c-bottom .c-list li:last-child a svg {
    margin: 0 0 0 0.1rem;
}
.c-news-info2 {
    background-color: #F8F8F8;
    overflow: hidden;
}
.c-news-info2 .public-title {
    margin-bottom: 0.6rem;
}
.c-news-info2 .c-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -0.15rem -0.3rem;
}
.c-news-info2 .c-list li {
    width: 25%;
    padding: 0 0.15rem 0.3rem;
}

.c-news-info2 .c-list li .c-wrap {
    position: relative;
    display: block;
    color: #999;
    border-top: 1px solid #ddd;
}
.c-news-info2 .c-list li .c-wrap::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    border-top: 1px solid #f16777;
    width: 0;
    transition: all 0.3s;
}
.c-news-info2 .c-list li .c-wrap .c-title {
    padding-top: 0.35rem;
    font-weight: bold;
    color: #303E48;
    transition: all 0.3s;
}
.c-news-info2 .c-list li .c-wrap .c-text {
    margin: 0.2rem 0 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}
.c-news-info2 .c-list li .c-wrap:hover .c-title {
    color: #f16777;
}
.c-news-info2 .c-list li .c-wrap:hover::before {
    width: 100%;
}
div.bsLogoLink,
#bsBox .bsTop,
#bsBox #bsMorePanel {
    width: 100% !important;
}
.bFind-wrapper-top {
    height: 26px !important;
}
#bsBox #bsMorePanel {
    height: 373px !important;
}
.bsPlatDiv {
    height: 312px !important;
}
.bFind {
    width: 204px !important;
}
#bsBox {
    height: 408px !important;
    width: 276px !important;
    margin-left: -138px !important;
}
.bsTop {
    width: 208px !important;
}
.bsFrameDiv div {
    width: 208px !important;
    height: 208px !important;
}
.bsFrameDiv img {
    width: 166px !important;
    height: 166px !important;
}
.bshare-custom > a {
    display: inline-block;
    margin: 0 0 0 0.2rem !important;
    width: 20px !important;
    height: 20px !important;
    padding-left: 0 !important;
    background: transparent !important;
}

.bshare-custom > a.bshare-linkedin {
    padding: 2px 0 !important;
}

.bshare-custom > a img,
.bshare-custom > a svg {
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.bshare-custom > a img path,
.bshare-custom > a svg path {
    fill: #999;
    transition: all 0.3s;
}
.bshare-custom > a:hover {
    opacity: 1;
}
.bshare-custom > a:hover svg path {
    fill: #c2b2a5;
}
.c-yav-list {
    padding-top: 1rem;
}
.c-yav-list .c-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -0.1rem -0.2rem;
}
.c-yav-list .c-list li {
    padding: 0 0.1rem 0.2rem;
    width: 50%;
}

.c-yav-list .c-list li .c-wrap {
    position: relative;
    display: block;
    overflow: hidden;
}
.c-yav-list .c-list li .c-wrap .public-img::before {
    padding-top: 70.886075%;
}
.c-yav-list .c-list li .c-wrap .c-text-box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 6;
    padding: 0.35rem 0.4rem;
    width: 100%;
    color: #303E48;
    transition: all 0.3s;
}

.c-yav-list .c-list li .c-wrap .c-text-box .c-title {
    margin-bottom: 0;
    font-weight: bold;
    color: #fff;
    transition: all 0.3s;
}
.c-yav-list .c-list li .c-wrap .c-text-box .c-text {
    height: 0;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    color: #666;
    transition: all 0.3s;
}

.c-yav-list .c-list li .c-wrap:hover .public-img img {
    transform: scale(1.1);
}
.c-yav-list .c-list li .c-wrap:hover .c-text-box {
    background-color: #f8f8f8;
}
.c-yav-list .c-list li .c-wrap:hover .c-text-box .c-title {
    color: #303E48;
    margin-bottom: 0.15rem;
}
.c-yav-list .c-list li .c-wrap:hover .c-text-box .c-text {
    height: 60px;
}

.c-activity-list {
    padding-top: 1rem;
}
.c-activity-list .c-list1 {
    display: flex;
    align-items: flex-start;
    overflow-x: auto;
    margin-bottom: 0.55rem;
}
.c-activity-list .c-list1 li {
    flex-shrink: 0;
    margin-right: 0.9rem;
}

.c-activity-list .c-list1 li:last-child {
    margin: 0;
}
.c-activity-list .c-list1 li a {
    color: #999;
    transition: all 0.3s;
}
.c-activity-list .c-list1 li.on a,
.c-activity-list .c-list1 li a:hover {
    color: #f16777;
}
.c-activity-list .c-list2 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -0.1rem -0.8rem;
}
.c-activity-list .c-list2 li {
    padding: 0 0.1rem 0.8rem;
    width: 25%;
}

.c-activity-list .c-list2 li .c-wrap {
    position: relative;
    display: block;
    padding-bottom: 150px;
    border-bottom: 2px solid #ddd;
}

.c-activity-list .c-list2 li .c-wrap::before {
    content: "";
    position: absolute;
    z-index: 10;
    bottom: -2px;
    left: 0;
    width: 0;
    border-top: 2px solid #f16777;
    transition: all 0.3s;
}
.c-activity-list .c-list2 li .c-wrap .public-img::before {
    padding-top: 129.8701%;
}
.c-activity-list .c-list2 li .c-wrap .c-text-box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    padding: 0.25rem 0 0.15rem;
    width: 100%;
    background-color: #fff;
}
.c-activity-list .c-list2 li .c-wrap .c-text-box .c-text1 {
    color: #f16777;
}
.c-activity-list .c-list2 li .c-wrap .c-text-box .c-title {
    margin-top: 0.1rem;
    font-weight: bold;
    color: #303E48;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.c-activity-list .c-list2 li .c-wrap .c-text-box .c-text {
    height: 0;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    color: #999;
    transition: all 0.3s;
}

.c-activity-list .c-list2 li .c-wrap .c-text-box .c-time {
    margin-top: 0.3rem;
    color: #999;
}
.c-activity-list .c-list2 li .c-wrap:hover::before {
    width: 100%;
}
.c-activity-list .c-list2 li .c-wrap:hover .public-img img {
    transform: scale(1.1);
}
.c-activity-list .c-list2 li .c-wrap:hover .c-text-box .c-text {
    margin-top: 0.2rem;
    height: 90px;
}

.c-life-list .c-list > li {
    position: relative;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    overflow: hidden;
}

.c-life-list .c-list > li .public-img::before {
    padding-top: 100vh;
}

.c-life-list .c-list > li .public-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(48, 62, 72, 0.8);
}

.c-life-list .c-list > li .public-img .c-mb {
    display: none;
}
.c-life-list .c-list > li .c-text-box {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    width: 100%;
    transform: translateY(-50%);
}
.c-life-list .c-list > li .c-text-box .c-wrap {
    position: relative;
    max-width: 680px;
    padding-left: 0.7rem;
    color: #fff;
}
.c-life-list .c-list > li .c-text-box .c-wrap .c-title {
    font-weight: bold;
    line-height: 1.2;
}
.c-life-list .c-list > li .c-text-box .c-wrap .c-text {
    margin: 0.3rem 0 1.1rem;
}

.c-life-list .c-list > li .c-text-box .c-wrap > .c-ico {
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 60px;
}
.c-life-list .c-list > li .c-text-box .c-wrap > .c-ico svg,
.c-life-list .c-list > li .c-text-box .c-wrap > .c-ico img {
    width: 100%;
    height: 100%;
}
.c-life-list .c-list > li .c-text-box .c-wrap > .c-ico svg path,
.c-life-list .c-list > li .c-text-box .c-wrap > .c-ico img path {
    fill: #349f7e;
}
.c-work1 {
    padding-top: 0.8rem;
}
.c-work1 .c-menu {
    position: relative;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 100;
    margin-bottom: -0.6rem;
    padding: 0.2rem 0;
    background-color: #fff;
}
.c-work1 .c-menu .c-list-box {
    position: relative;
    overflow-x: auto;
    text-align: left;
    transition: all 0.3s;
}
.c-work1 .c-menu .c-list-box .c-list1 {
    display: inline-flex;
}
.c-work1 .c-menu .c-list-box .c-list1 li {
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding-bottom: 0.1rem;
    margin-right: 0.3rem;
    cursor: pointer;
    line-height: 1;
    color: #999;
    transition: all 0.3s;
}
.c-work1 .c-menu .c-list-box .c-list1 li:last-child {
    margin-right: 0;
}
.c-work1 .c-menu .c-list-box .c-list1 li::before,
.c-work1 .c-menu .c-list-box .c-list1 li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    border-top: 2px solid #ddd;
    transition: all 0.3s;
}
.c-work1 .c-menu .c-list-box .c-list1 li::before {
    z-index: 4;
    border-color: #349f7e;
    width: 0;
}
.c-work1 .c-menu .c-list-box .c-list1 li .c-ico {
    margin-left: 0.6rem;
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
}
.c-work1 .c-menu .c-list-box .c-list1 li .c-ico path {
    fill: #999;
    transition: all 0.3s;
}
.c-work1 .c-menu .c-list-box .c-list1 li.on {
    color: #349f7e;
}
.c-work1 .c-menu .c-list-box .c-list1 li.on::before {
    width: 100%;
}
.c-work1 .c-menu .c-list-box .c-list1 li.on .c-ico path {
    fill: #349f7e;
}
.c-work1 .c-list2 {
    position: relative;
    z-index: 1;
}
.c-work1 .c-list2 > li:nth-child(2n) {
    background-color: #f7f7ed;
}
.c-work1 .c-list2 > li:nth-child(2n) .c-top {
    flex-direction: row-reverse;
}
.c-work1 .c-list2 > li:nth-child(2n) .c-top .c-left {
    padding: 0 0 0 280px;
}

.c-work1 .c-list2 > li:nth-child(2n) .c-top .c-right .c-work1-banner2 {
    left: 100%;
}
.c-work1 .c-list2 > li .c-top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.c-work1 .c-list2 > li .c-top .c-left {
    padding-right: 100px;
    width: 50%;
}

.c-work1 .c-list2 > li .c-top .c-left .c-title {
    line-height: 1.2;
}
.c-work1 .c-list2 > li .c-top .c-left .c-text {
    margin: 0.2rem 0 0.5rem;
    max-width: 400px;
}
.c-work1 .c-list2 > li .c-top .c-left .public-btn6 {
    color: #349f7e !important;
}
.c-work1 .c-list2 > li .c-top .c-left .public-btn6 svg path {
    fill: #349f7e !important;
}
.c-work1 .c-list2 > li .c-top .c-right {
    position: relative;
    width: 50%;
}

.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner1 .public-img::before {
    padding-top: 70%;
}
.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    transform: translateX(-50%);
    width: 320px;
    background-color: #349f7e;
}

.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .swiper-slide {
    padding: 0.5rem 0.5rem 1.3rem;
    font-weight: bold;
    color: #fff;
}
.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .c-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0.5rem;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 0 0.5rem;
}
.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .c-box .c-btn-box {
    display: flex;
    align-items: center;
}
.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .swiper-button-prev,
.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .swiper-button-next {
    opacity: 0.5;
    position: relative;
    background: transparent;
    left: 0;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    cursor: pointer;
    transition: all 0.3s;
}

.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .swiper-button-prev .c-ico,
.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .swiper-button-next .c-ico {
    width: 100%;
    height: 100%;
}
.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .swiper-button-prev .c-ico path,
.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .swiper-button-next .c-ico path {
    fill: #fff;
}
.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .swiper-button-prev:hover,
.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .swiper-button-next:hover {
    opacity: 1;
}
.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .swiper-button-prev {
    margin-right: 0.2rem;
}
.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .swiper-button-prev .c-ico {
    transform: rotate(180deg);
    pointer-events: none;
}
.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .swiper-pagination {
    position: relative;
    bottom: 0;
    width: auto;
    color: #fff;
    font-size: 30px;
    display: flex;
    align-items: flex-end;
    line-height: 1;
}

.c-work1 .c-list2 > li .c-top .c-right .c-work1-banner2 .swiper-pagination .swiper-pagination-total {
    font-size: 18px;
    color: #87c6b3;
}

.c-work1 .c-list2 > li .c-bottom .c-text {
    padding: 0.55rem 0 0.15rem;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid #ddd;
}
.c-work1 .c-list2 > li .c-bottom .c-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.c-work1 .c-list2 > li .c-bottom .c-list li {
    display: none;
    position: relative;
    width: 12.5%;
}

.c-work1 .c-list2 > li .c-bottom .c-list li .public-img::before {
    padding-top: 50%;
}
.c-work1 .c-list2 > li .c-bottom .c-list li .public-img img {
    object-fit: contain;
}
.c-work1 .c-list2 > li .c-bottom .c-list li:nth-child(1),
.c-work1 .c-list2 > li .c-bottom .c-list li:nth-child(2),
.c-work1 .c-list2 > li .c-bottom .c-list li:nth-child(3),
.c-work1 .c-list2 > li .c-bottom .c-list li:nth-child(4),
.c-work1 .c-list2 > li .c-bottom .c-list li:nth-child(5),
.c-work1 .c-list2 > li .c-bottom .c-list li:nth-child(6),
.c-work1 .c-list2 > li .c-bottom .c-list li:nth-child(7),
.c-work1 .c-list2 > li .c-bottom .c-list li:nth-child(8) {
    display: block;
}

.c-work1 .c-list2 > li .c-bottom .c-more {
    display: block;
    margin: 0.3rem auto 0;
    width: 100px;
    text-align: center;
    cursor: pointer;
    color: #349f7e;
}
.c-work1 .c-list2 > li .c-bottom .c-more p:nth-child(2) {
    display: none;
}
.c-work1 .c-list2 > li.on .c-bottom .c-list li {
    display: block ;
}
.c-work1 .c-list2 > li.on .c-bottom .c-more p:nth-child(1) {
    display: none;
}
.c-work1 .c-list2 > li.on .c-bottom .c-more p:nth-child(2) {
    display: block;
}
.c-project1 {
    text-align: center;
}
.c-project1 .c-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 500px;
}

.c-project1 .c-list li {
    width: 25%;
}
.c-project1 .c-list li .public-img {
    margin: 0 auto;
    width: 70%;
    transition: all 0.3s;
    border-radius: 50%;
}
.c-project1 .c-list li.on .public-img {
    width: 90%;
}

.c-project1 .c-list li.on .c-text-box .c-title {
    color: #349f7e;
}

.c-project1 .c-list li.on .c-text-box .c-text {
    opacity: 1;
}
.c-project1 .c-list li .c-text-box {
    padding: 0 0.7rem;
}

.c-project1 .c-list li .c-text-box .c-title {
    font-weight: bold;
    margin: 0.15rem 0;
    transition: all 0.3s;
}
.c-project1 .c-list li .c-text-box .c-text {
    opacity: 0;
    color: #999;
    transition: all 0.3s;
}

.c-project2 {
    background-color: #f7f7ed;
}
.c-project2 .c-list {
    display: flex;
}

.c-project2 .c-list li {
    position: relative;
    flex: 1;
    transition: all 0.3s;
    border-right: 1px solid #f7f7ed;
}

.c-project2 .c-list li.on {
    flex: 3;
}

.c-project2 .c-list li.on .c-text-box .c-text {
    margin-top: 0.1rem;
    opacity: 1;
}
.c-project2 .c-list li .public-img {
    height: 4.6rem;
}

.c-project2 .c-list li .public-img::before {
    display: none;
}
.c-project2 .c-list li .public-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-color: rgba(48, 62, 72, 0.5);
}
.c-project2 .c-list li .c-text-box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 0.3rem;
    width: 100%;
    color: #fff;
}
.c-project2 .c-list li .c-text-box .c-title {
    font-weight: bold;
}
.c-project2 .c-list li .c-text-box .c-text {
    margin-top: 0;
    opacity: 0;
    transition: all 0.3s;
}

.c-project3 {
    position: relative;
}
.c-project3 .public-title {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    color: #fff;
}
.c-project3 .public-img::before {
    padding-top: 50%;
}

.c-project3 .public-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(48, 62, 72, 0.4);
}
.c-project4 {
    text-align: center;
}
.c-project4 .c-ico {
    width: 94px;
    height: 94px;
}

.c-project4 .c-ico path {
    fill: #349f7e;
}
.c-project4 .c-text {
    margin-top: 0.35rem;
    font-weight: bold;
    color: #999;
}
.c-market1 .c-banner-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.c-market1 .c-banner-wrap .c-market1-banner1 {
    z-index: 100;
    margin-right: -5%;
    width: 37.5%;
    min-height: 4.5rem;
    background-color: #fff;
    flex-shrink: 0;
}

.c-market1 .c-banner-wrap .c-market1-banner1 .swiper-slide {
    padding: 0.8rem 0.8rem 1.6rem 0;
    opacity: 0!important;
}

.c-market1 .c-banner-wrap .c-market1-banner1 .swiper-slide:nth-child(1) {
    opacity: 1 !important;
}
.c-market1 .c-banner-wrap .c-market1-banner1 .swiper-slide .c-title {
    font-weight: bold;
    color: #f16777;
    line-height: 1.2;
}
.c-market1 .c-banner-wrap .c-market1-banner1 .swiper-slide .c-text {
    font-weight: bold;
    margin: 0.1rem 0 0.5rem;
}
.c-market1 .c-banner-wrap .c-market1-banner1 .swiper-slide .c-text2 {
    color: #666;
}
.c-market1 .c-banner-wrap .c-market1-banner1 .swiper-pagination {
    bottom: 0.6rem;
    text-align: left;
}

.c-market1 .c-banner-wrap .c-market1-banner1 .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 0.6rem;
    height: 4px;
    border-radius: 2px;
    background-color: #ddd;
    overflow: hidden;
    opacity: 1;
    margin-right: 0.2rem;
}

.c-market1 .c-banner-wrap .c-market1-banner1 .swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: all 0.5s;
    background-color: #303E48;
}
.c-market1 .c-banner-wrap .c-market1-banner1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 100%;
}
.c-market1 .c-banner-wrap .c-market1-banner2 {
    width: 67.5%;
    flex-shrink: 0;
}

.c-market1 .c-banner-wrap .c-market1-banner2 .public-img::before {
    padding-top: 60%;
}

.c-market2 .c-title-box {
    margin-bottom: 0.5rem;
}
.c-market2 .c-title-box .c-title {
    font-weight: bold;
    color: #f16777;
    line-height: 1.2;
}
.c-market2 .c-title-box .c-text {
    font-weight: bold;
    margin-top: 0.1rem;
}
.c-market2 .c-banner-wrap {
    position: relative;
}

.c-market2 .c-banner-wrap .c-market2-banner1 {
    position: absolute;
    top: -215px;
    right: 50px;
    z-index: 10;
    width: 420px;
    background: url(../images/market2-bj.png) no-repeat center / contain;
}


.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-slide {
    padding: 90px 60px 180px;
    color: #fff;
}

.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-slide .c-title {
    font-weight: bold;
}
.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-slide .c-text {
    margin-top: 0.2rem;
    opacity: 0.7;
    min-height: 100px;
}

.c-market2 .c-banner-wrap .c-market2-banner1 .c-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 90px;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 0 60px;
}

.c-market2 .c-banner-wrap .c-market2-banner1 .c-box .c-btn-box {
    display: flex;
    align-items: center;
}
.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-button-prev,
.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-button-next {
    opacity: 0.5;
    position: relative;
    background: transparent;
    left: 0;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    cursor: pointer;
    transition: all 0.3s;
}

.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-button-prev .c-ico,
.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-button-next .c-ico {
    width: 100%;
    height: 100%;
}
.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-button-prev .c-ico path,
.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-button-next .c-ico path {
    fill: #fff;
}

.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-button-prev:hover,
.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-button-next:hover {
    opacity: 1;
}
.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-button-prev {
    margin-right: 0.2rem;
}
.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-button-prev .c-ico {
    transform: rotate(180deg);
    pointer-events: none;
}
.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-pagination {
    position: relative;
    bottom: 0;
    width: auto;
    color: #fff;
    font-size: 30px;
    display: flex;
    align-items: flex-end;
    line-height: 1;
}

.c-market2 .c-banner-wrap .c-market2-banner1 .swiper-pagination .swiper-pagination-total {
    font-size: 18px;
    opacity: 0.5;
}


.c-market2 .c-banner-wrap .c-market2-banner2 .public-img::before {
    padding-top: 42.5%;
}

.c-market2 .c-banner-wrap .c-market2-banner2 .swiper-pagination {
    bottom: 0.4rem;
}

.c-market2 .c-banner-wrap .c-market2-banner2 .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 0.6rem;
    height: 4px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.3);
    overflow: hidden;
    opacity: 1;
    margin-right: 0.2rem;
}
.c-market2 .c-banner-wrap .c-market2-banner2 .swiper-pagination .swiper-pagination-bullet:last-child {
    margin: 0;
}
.c-market2 .c-banner-wrap .c-market2-banner2 .swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: all 0.5s;
    background-color: #fff;
}
.c-market2 .c-banner-wrap .c-market2-banner2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 100%;
}
.c-market3 {
    background-color: #f8f8f8;
}
.c-market3 .c-main {
    display: flex;
    align-items: flex-start;
}

.c-market3 .c-main .c-left {
    padding: 0.6rem 0.6rem 0.6rem 0;
    width: 50%;
}
.c-market3 .c-main .c-left .c-title-box {
    margin-bottom: 0.5rem;
}
.c-market3 .c-main .c-left .c-title-box .c-title {
    font-weight: bold;
    color: #f16777;
    line-height: 1.2;
}
.c-market3 .c-main .c-left .c-title-box .c-text {
    font-weight: bold;
    margin-top: 0.1rem;
}
.c-market3 .c-main .c-left .c-list li {
    color: #999;
    margin-bottom: 0.3rem;
    cursor: pointer;
    transition: all 0.3s;
}

.c-market3 .c-main .c-left .c-list li:last-child {
    margin: 0;
}
.c-market3 .c-main .c-left .c-list li.on {
    color: #f16777;
}
.c-market3 .c-main .c-right {
    width: 50%;
}

.c-market3 .c-main .c-market3-banner1 {
    background-color: #fff;
}
.c-market3 .c-main .c-market3-banner1 .public-img::before {
    padding-top: 52.5%;
}
.c-market3 .c-main .c-market3-banner1 .c-text-box {
    padding: 0.6rem;
}
.c-market3 .c-main .c-market3-banner1 .c-text-box .c-title {
    font-weight: bold;
}
.c-market3 .c-main .c-market3-banner1 .c-text-box .c-name {
    margin: 0.2rem 0 0.1rem;
}
.c-market3 .c-main .c-market3-banner1 .c-text-box .c-text {
    color: #999;
}
.c-market4 {
    overflow: hidden;
}
.c-market4 .c-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.c-market4 .c-top .c-left {
    max-width: 70%;
}

.c-market4 .c-top .c-left .c-title-box .c-title {
    font-weight: bold;
    color: #f16777;
    line-height: 1.2;
}
.c-market4 .c-top .c-left .c-title-box .c-text {
    font-weight: bold;
    margin-top: 0.1rem;
}
.c-market4 .c-top .c-right {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 44px;
}

.c-market4 .c-top .c-right div {
    margin-left: 0.2rem;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.c-market4 .c-top .c-right div .c-ico {
    width: 100%;
    height: 100%;
}
.c-market4 .c-top .c-right div .c-ico path {
    fill: #999;
    transition: all 0.3s;
}
.c-market4 .c-top .c-right div:hover .c-ico path {
    fill: #f16777;
}
.c-market4 .c-top .c-right .c-prev .c-ico {
    transform: rotate(180deg);
}
.c-market4 .c-center {
    padding: 0.5rem 0 1.4rem;
    overflow: visible;
}

.c-market4 .c-center .c-market4-banner1 {
    padding-bottom: 0.6rem;
    overflow: visible;
}

.c-market4 .c-center .c-market4-banner1 .swiper-slide {
    display: flex;
    align-content: flex-start;
    background-color: #f16777;
}

.c-market4 .c-center .c-market4-banner1 .swiper-slide .c-text-box {
    padding: 0.7rem 0.4rem;
    width: 33.333333%;
    color: #fff;
}

.c-market4 .c-center .c-market4-banner1 .swiper-slide .public-img {
    width: 66.666666%;
}

.c-market4 .c-center .c-market4-banner1 .swiper-slide .public-img::before {
    padding-top: 67.647%;
}
.c-market4 .c-center .c-market4-banner1 .swiper-pagination {
    bottom: 0;
}
.c-market4 .c-center .c-market4-banner1 .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 0.6rem;
    height: 4px;
    border-radius: 2px;
    background-color: #ddd;
    overflow: hidden;
    opacity: 1;
    margin-right: 0.2rem;
}

.c-market4 .c-center .c-market4-banner1 .swiper-pagination .swiper-pagination-bullet:last-child {
    margin: 0;
}
.c-market4 .c-center .c-market4-banner1 .swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: all 0.5s;
    background-color: #303E48;
}
.c-market4 .c-center .c-market4-banner1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 100%;
}
.c-market4 .c-bottom {
    text-align: center;
}
.c-market4 .c-bottom .c-btn {
    display: inline-flex;
    align-items: center;
    color: #666;
    transition: all 0.3s;
}
.c-market4 .c-bottom .c-btn .c-ico {
    margin-right: 0.1rem;
    width: 16px;
    height: 16px;
}

.c-market4 .c-bottom .c-btn .c-ico path {
    fill: #666;
    transition: all 0.3s;
}
.c-market4 .c-bottom .c-btn:hover {
    color: #f16777;
}
.c-market4 .c-bottom .c-btn:hover .c-ico path {
    fill: #f16777;
}
.about-pb3 .c-text-box .container .c-left {
    max-width: 700px;
}
.about-pb3 .c-text-box .container .c-right .public-btn3::after {
    box-shadow: inset 0 0 0 0.47rem #c2b2a5;
}
.about-pb3 .c-text-box .container .c-right .public-btn3:hover::after {
    box-shadow: inset 0 0 0 2px #c2b2a5;
}
.about-pb3 .c-text-box .container .c-right .public-btn3:hover svg path {
    fill: #c2b2a5;
}
.about .about-box1 {
    width: 100%;
    padding: 1.6rem 0;
}
.about .about-box1 .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}
.about .about-box1 .container .img {
    width: 54.56%;
    position: relative;
}

.about .about-box1 .container .img::before {
    content: '';
    width: 100%;
    display: block;
    padding-top: 88.89%;
}
.about .about-box1 .container .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
}
.about .about-box1 .container .tbox {
    width: 40%;
    padding-top: 0.4rem;
    margin-bottom: 0.2rem;
    background: url(../images/about-box1-bg1.png) right bottom no-repeat;
    background-size: auto 100%;
}

.about .about-box1 .container .tbox .title {
    color: #303e48;
    font-weight: bold;
    line-height: 0.6rem;
}
.about .about-box1 .container .tbox .t1 {
    color: #303e48;
    font-weight: bold;
    line-height: 32px;
    margin-top: 6px;
}
.about .about-box1 .container .tbox .t2 {
    max-width: 535px;
    line-height: 30px;
    color: #666;
    margin-top: 0.2rem;
}
.about .about-box1 .container .tbox .iboxs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.94rem;
}
.about .about-box1 .container .tbox .iboxs .item {
    width: 50%;
    padding: 0.33rem 0 0.36rem;
    border-bottom: 1px solid #ddd;
}
.about .about-box1 .container .tbox .iboxs .item:nth-last-child(2),
.about .about-box1 .container .tbox .iboxs .item:last-child {
    border-bottom: none;
}
.about .about-box1 .container .tbox .iboxs .item .nums {
    color: #c2b2a4;
    line-height: 1;
    display: flex;
    align-items: flex-start;
}
.about .about-box1 .container .tbox .iboxs .item .nums i {
    font-style: normal;
    margin-right: 0.05rem;
    display: inline-block;
}
.about .about-box1 .container .tbox .iboxs .item .nums span {
    display: inline-block;
    font-weight: initial;
    line-height: 1.7;
}
.about .about-box1 .container .tbox .iboxs .item .ts {
    color: #666;
    margin-top: 6px;
}
.about .about-box2 {
    width: 100%;
    background: #f7f7ed;
    padding: 1.53rem 0 1.4rem;
}
.about .about-box2 .container .title {
    color: #303e48;
    font-weight: bold;
    line-height: 0.64rem;
    text-align: center;
}
.about .about-box2 .container .list {
    width: 100%;
    display: flex;
    margin-top: 0.5rem;
}

.about .about-box2 .container .list .item {
    flex: 1;
    height: 5.53rem;
    position: relative;
    margin: 0 1px;
    transition: all 0.3s;
}

.about .about-box2 .container .list .item::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
}
.about .about-box2 .container .list .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about .about-box2 .container .list .item.on {
    flex: 3;
}

.about .about-box2 .container .list .item .t1 {
    position: absolute;
    color: #fff;
    font-weight: bold;
    left: 0.3rem;
    top: 0.4rem;
    z-index: 2;
    line-height: 0.64rem;
}
.about .about-box3 {
    width: 100%;
    padding: 1.57rem 0 0.56rem;
}

.about .about-box3 .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.about .about-box3 .container .tbox {
    width: 37.18%;
}

.about .about-box3 .container .tbox .title {
    color: #303e48;
    font-weight: bold;
    line-height: 0.64rem;
}
.about .about-box3 .container .tbox .t1 {
    color: #333;
    line-height: 30px;
    margin-top: 0.48rem;
}

.about .about-box3 .container .tbox .t2 {
    color: #999;
    line-height: 24px;
    margin-top: 0.22rem;
}
.about .about-box3 .container .img {
    width: 42.31%;
    position: relative;
}

.about .about-box3 .container .img::before {
    content: '';
    width: 100%;
    display: block;
    padding-top: 100%;
}
.about .about-box3 .container .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
}
.about .about-box3 .container .img .c-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 4rem;
    height: 4rem;
    border: 1px solid rgba(194, 178, 165, 0.2);
    border-radius: 50%;
}


.about .about-box3 .container .img .c-dot::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(194, 178, 165, 0.6);
}
.about .about-box3 .container .img .c-dot span {
    position: relative;
    z-index: 5;
}
.about .about-box3 .container .img .c-dot:nth-child(1) {
    z-index: 2;
    top: 5%;
    left: 50%;
    margin-left: -2rem;
}

.about .about-box3 .container .img .c-dot:nth-child(2) {
    z-index: 3;
    bottom: 5%;
    left: 2.5%;
}
.about .about-box3 .container .img .c-dot:nth-child(3) {
    z-index: 4;
    bottom: 5%;
    right: 2.5%;
}
.about .about-box4 {
    width: 100%;
    padding: 1rem 0 1.05rem;
}
.about .about-box4 .container .title {
    text-align: center;
    color: #333;
    line-height: 0.64rem;
    font-weight: bold;
}
.about .about-box4 .container .list {
    width: 100%;
    margin-top: 0.53rem;
}
.about .about-box4 .container .list ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.about .about-box4 .container .list ul li {
    width: 30.81%;
    margin-right: 3.785%;
    margin-bottom: 0.5rem;
}
.about .about-box4 .container .list ul li:nth-child(3n) {
    margin-right: 0;
}

.about .about-box4 .container .list ul li > div {
    display: block;
    text-align: center;
}
.about .about-box4 .container .list ul li > div .img {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.about .about-box4 .container .list ul li > div .img::before {
    content: '';
    width: 100%;
    display: block;
    padding-top: 67.14%;
}
.about .about-box4 .container .list ul li > div .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
}
.about .about-box4 .container .list ul li > div .tit {
    margin-top: 0.25rem;
}

.about .about-box4 .container .list ul li > div .txt {
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.about .about-box4 .container .list ul li > div:hover .img img {
    transform: scale(1.05);
}
.ywty-pb3 .c-text-box .container .c-left {
    max-width: 530px;
}
.ywty .ywty-box1 {
    width: 100%;
    background-color: #fafafa;
    padding: 1.6rem 0;
}

.ywty .ywty-box1 .swiper {
    width: 100%;
    overflow: hidden;
    padding-bottom: 0.64rem;
    position: relative;
}

.ywty .ywty-box1 .swiper .swiper-slide a {
    width: 100%;
    display: block;
    position: relative;
}
.ywty .ywty-box1 .swiper .swiper-slide a .img {
    width: 100%;
    position: relative;
}
.ywty .ywty-box1 .swiper .swiper-slide a .img::before {
    content: '';
    width: 100%;
    display: block;
    padding-top: 63.95%;
}
.ywty .ywty-box1 .swiper .swiper-slide a .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
}
.ywty .ywty-box1 .swiper .swiper-slide a .tbox {
    width: 100%;
    padding: 0 0.4rem 0.39rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
}

.ywty .ywty-box1 .swiper .swiper-slide a .tbox .t1 {
    display: inline;
    width: 100%;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 34px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 94%, #fff 0%);
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition: all 0.3s;
}


.ywty .ywty-box1 .swiper .swiper-slide a .tbox .t2 {
    max-width: 520px;
    line-height: 30px;
    color: #fff;
    display: none;
    margin-top: 0.16rem;
}

.ywty .ywty-box1 .swiper .swiper-slide a:hover .tbox .t1 {
    background-size: 100% 100%;
}
.ywty .ywty-box1 .swiper .swiper-slide.swiper-slide-active a .tbox .t1 {
    font-size: 30px;
    line-height: 40px;
}

.ywty .ywty-box1 .swiper .swiper-slide.swiper-slide-active a .tbox .t2 {
    display: none;
}
.ywty .ywty-box1 .swiper .swiper-pagination {
    bottom: 0;
    display: flex;
    justify-content: center;
}
.ywty .ywty-box1 .swiper .swiper-pagination span {
    width: 0.6rem;
    height: 4px;
    border-radius: 2px;
    margin: 0 0.1rem;
    background: #ddd;
    display: block;
    position: relative;
    opacity: 1;
}

.ywty .ywty-box1 .swiper .swiper-pagination span::after {
    content: '';
    width: 0;
    height: 100%;
    border-radius: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #303e48;
}
.ywty .ywty-box1 .swiper .swiper-pagination .swiper-pagination-bullet-active::after {
    width: 100%;
    transition: all 3s;
}
.ywty .ywty-box2 {
    width: 100%;
    padding: 0.83rem 0 1.6rem;
}
.ywty .ywty-box2 .container .box2-menu {
    width: 100%;
    display: flex;
    position: relative;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 20;
    background: #fff;
    overflow-x: auto;
    padding: 0.2rem 0;
}
.ywty .ywty-box2 .container .box2-menu a {
    color: #999;
    line-height: 26px;
    display: inline-flex;
    border-bottom: 2px solid #ddd;
    margin-right: 0.3rem;
    padding-bottom: 0.1rem;
    position: relative;
    transition: all 0.3s;
    white-space: nowrap;
}

.ywty .ywty-box2 .container .box2-menu a::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    width: 0;
    transition: all 0.3s;
    background-color: #f16777;
}
.ywty .ywty-box2 .container .box2-menu a:last-child {
    margin-right: 0;
}
.ywty .ywty-box2 .container .box2-menu a span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotateZ(90deg);
    width: 16px;
    height: 12px;
    display: flex;
}
.ywty .ywty-box2 .container .box2-menu a span svg path {
    fill: #999;
    transition: all 0.3s;
}
.ywty .ywty-box2 .container .box2-menu a.on {
    color: #f16777;
}
.ywty .ywty-box2 .container .box2-menu a.on::before {
    width: 100%;
}
.ywty .ywty-box2 .container .box2-menu a.on span svg path {
    fill: #f16777;
}
.ywty .ywty-box2 .container .box2-list {
    width: 100%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 {
    width: 100%;
    padding: 0.66rem 0 0;
    position: relative;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .c-title-wrap {
    position: relative;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .title {
    line-height: 0.64rem;
    color: #303e48;
    font-weight: bold;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .txt {
    line-height: 22px;
    color: #666;
    margin-top: 0.17rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.58rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .list .item {
    width: 24.06%;
    position: relative;
    display: block;
    margin-right: 1.25%;
    transition: all 0.3s;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .list .item:nth-child(3n) {
    margin-right: 0;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .list .item .img {
    width: 100%;
    height: 5.6rem;
    position: relative;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .list .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .list .item .tbox {
    width: 100%;
    position: absolute;
    padding: 0 0.4rem 0.4rem;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .list .item .tbox .t1 {
    display: inline;
    width: 100%;
    color: #fff;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 94%, #fff 0%);
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition: all 0.3s;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .list .item .tbox .t2 {
    line-height: 22px;
    color: #999;
    margin-top: 0.2rem;
    display: none;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .list .item.on {
    width: 49.37%;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .list .item.on .tbox .t1 {
    background-size: 100% 100%;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .list .item.on .tbox .t2 {
    display: block;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .more {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #303e48;
    display: flex;
    align-items: center;
    transition: all 0.3s;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .more span {
    width: 20px;
    height: 20px;
    display: inline-flex;
    margin-left: 0.1rem;
    transition: all 0.3s;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .more span svg {
    width: 100%;
    height: 100%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .more span svg path {
    fill: #303e48;
    transition: all 0.3s;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .more:hover {
    color: #f16777;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .more:hover span {
    margin-left: 0.2rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box1 .more:hover svg path {
    fill: #f16777;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 {
    width: 100%;
    padding-top: 1.28rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .title {
    color: #303e48;
    line-height: 0.64rem;
    font-weight: bold;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box {
    width: 100%;
    position: relative;
    margin-top: 0.5rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box .img {
    position: relative;
    width: 100%;
    height: 6.2rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box .img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box .tbox {
    position: absolute;
    left: 0.6rem;
    top: 0.6rem;
    z-index: 3;
    padding: 1rem 0.7rem 1rem 0.6rem;
    width: 4.89rem;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box .tbox .bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    display: none;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box .tbox .bg img {
    width: 100%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box .tbox .t1 {
    color: #fff;
    line-height: 1;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box .tbox .t2 {
    line-height: 30px;
    color: #fff;
    margin-top: 0.25rem;
    line-height: 1;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box .tbox .more {
    display: inline-flex;
    align-items: center;
    color: #f16777;
    line-height: 24px;
    margin-top: 0.8rem;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box .tbox .more span {
    display: inline-flex;
    width: 20px;
    height: 20px;
    margin-left: 0.1rem;
    transition: all 0.3s;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box .tbox .more span svg {
    width: 100%;
    height: 100%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box .tbox .more span svg path {
    fill: #f16777;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box2 .img-box .tbox .more:hover span {
    margin-left: 0.2rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 {
    width: 100%;
    padding-top: 1.93rem;
    position: relative;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .c-title-wrap {
    position: relative;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .title {
    line-height: 0.64rem;
    color: #303e48;
    font-weight: bold;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .txt {
    color: #666;
    line-height: 22px;
    margin-top: 0.16rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .menu {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .menu a {
    color: #999;
    line-height: 1;
    margin-right: 0.5rem;
    transition: all 0.3s;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .menu a:last-child {
    margin-right: 0;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .menu a:hover,
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .menu a.on {
    color: #f16777;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list {
    width: 100%;
    margin-top: 0.56rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul {
    width: 100%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #f16777;
    display: none;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul li .img {
    width: 61.25%;
    position: relative;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul li .img::before {
    content: '';
    width: 100%;
    display: block;
    padding-top: 63.26%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul li .tbox {
    width: 32.5%;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul li .tbox .t1 {
    line-height: 1;
    color: #fff;
    font-weight: bold;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul li .tbox .t2 {
    padding-right: 0.85rem;
    line-height: 30px;
    color: #fff;
    margin-top: 0.25rem;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul li .tbox .more {
    display: inline-flex;
    align-items: center;
    color: #fff;
    line-height: 24px;
    margin-top: 0.49rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul li .tbox .more span {
    display: inline-flex;
    width: 20px;
    height: 20px;
    margin-left: 0.1rem;
    transition: all 0.3s;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul li .tbox .more span svg {
    width: 100%;
    height: 100%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul li .tbox .more span svg path {
    fill: #fff;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul li .tbox .more:hover span {
    margin-left: 0.2rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box3 .list ul li.on {
    display: flex;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 {
    width: 100%;
    padding-top: 1.32rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .c-title-wrap {
    position: relative;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .title {
    color: #303e48;
    line-height: 0.64rem;
    font-weight: bold;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .txt {
    color: #666;
    line-height: 22px;
    margin-top: 0.16rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.6rem;
    padding-bottom: 0.64rem;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner .swiper-pagination {
    bottom: 0;
    display: flex;
    justify-content: center;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner .swiper-pagination span {
    width: 0.6rem;
    height: 4px;
    border-radius: 2px;
    margin: 0 0.1rem;
    background: #ddd;
    display: block;
    position: relative;
    opacity: 1;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner .swiper-pagination span::after {
    content: '';
    width: 0;
    height: 100%;
    border-radius: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #303e48;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner .swiper-pagination .swiper-pagination-bullet-active::after {
    width: 100%;
    transition: all 3s;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner .item {
    width: 100%;
    display: block;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner .item .img {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner .item .img::before {
    content: '';
    width: 100%;
    display: block;
    padding-top: 63.29%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    transition: all 0.5s;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner .item .tbox {
    width: 100%;
    margin-top: 0.24rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner .item .tbox .t1 {
    color: #333;
    transition: all 0.3s;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner .item .tbox .t2 {
    line-height: 22px;
    color: #999;
    margin-top: 0.2rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner .item:hover .img img {
    transform: scale(1.1);
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box4 .ywty-b2-box4-banner .item:hover .tbox .t1 {
    color: #f16777;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 {
    width: 100%;
    margin-top: 1.34rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .title {
    color: #303e48;
    font-weight: bold;
    line-height: 0.64rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .txt {
    color: #666;
    line-height: 22px;
    margin-top: 0.16rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box {
    width: 100%;
    position: relative;
    margin-top: 0.56rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box .img {
    position: relative;
    width: 100%;
    height: 6.2rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box .img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box .tbox {
    position: absolute;
    right: 0.6rem;
    top: 0.6rem;
    z-index: 3;
    padding: 1rem 0.7rem 1rem 0.6rem;
    width: 4.89rem;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box .tbox .bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    display: none;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box .tbox .bg img {
    width: 100%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box .tbox .t1 {
    color: #fff;
    line-height: 1.2;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box .tbox .t2 {
    line-height: 30px;
    color: #fff;
    margin-top: 0.2rem;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box .tbox .more {
    display: inline-flex;
    align-items: center;
    color: #f16777;
    line-height: 24px;
    margin-top: 0.8rem;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box .tbox .more span {
    display: inline-flex;
    width: 20px;
    height: 20px;
    margin-left: 0.1rem;
    transition: all 0.3s;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box .tbox .more span svg {
    width: 100%;
    height: 100%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box .tbox .more span svg path {
    fill: #f16777;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box5 .img-box .tbox .more:hover span {
    margin-left: 0.2rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 {
    width: 100%;
    position: relative;
    padding-top: 1.51rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .c-title-wrap {
    position: relative;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .title {
    font-weight: bold;
    line-height: 0.64rem;
    color: #303e48;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .menu {
    width: 100%;
    display: flex;
    margin-top: 0.49rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .menu a {
    line-height: 30px;
    display: inline-flex;
    color: #999999;
    transition: all 0.3s;
    margin-right: 0.96rem;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .menu a:last-child {
    margin-right: 0;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .menu a.on {
    color: #f16777;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list {
    width: 100%;
    margin-top: 0.56rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li {
    width: 24.06%;
    margin-right: 1.25%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li:nth-child(4n) {
    margin-right: 0;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a {
    width: 100%;
    position: relative;
    display: block;
    padding-bottom: 1.95rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a .img {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a .img::before {
    content: '';
    width: 100%;
    display: block;
    padding-top: 129.87%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    transition: all 0.3s;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a .tbox {
    width: 100%;
    padding-top: 0.27rem;
    padding-bottom: 0.14rem;
    position: absolute;
    bottom: 0;
    background: #fff;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a .tbox .tp {
    color: #f16777;
    line-height: 22px;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a .tbox .t1 {
    color: #333;
    margin-top: 5px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a .tbox .t2 {
    color: #999;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 0;
    transition: all 0.3s;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a .tbox .time {
    color: #999;
    line-height: 22px;
    margin-top: 0.28rem;
    transition: all 0.3s;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a .line {
    width: 100%;
    height: 2px;
    background: #ddd;
    position: absolute;
    bottom: 0;
    left: 0;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a .line span {
    width: 0;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background: #f16777;
    transition: all 0.3s;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a:hover .img img {
    transform: scale(1.05);
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a:hover .tbox .t2 {
    height: 105px;
    padding-top: 15px;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a:hover .tbox .time {
    margin-top: 0.4rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .list ul li a:hover .line span {
    width: 100%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .more {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 1;
    color: #303e48;
    display: flex;
    align-items: center;
    transition: all 0.3s;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .more span {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 0.1rem;
    transition: all 0.3s;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .more span svg {
    width: 100%;
    height: 100%;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .more span svg path {
    fill: #303e48;
    transition: all 0.3s;
}

.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .more:hover {
    color: #f16777;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .more:hover span {
    margin-left: 0.2rem;
}
.ywty .ywty-box2 .container .box2-list .ywty-b2-box6 .more:hover span svg path {
    fill: #f16777;
}
.c-history {
    position: relative;
    z-index: 100;
}

.c-history .container {
    display: flex;
    align-items: flex-start;
}

.c-history .container .c-left {
    position: relative;
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
    z-index: 50;
    padding-right: 20px;
    width: 400px;
    flex-shrink: 0;
    background-color: #fff;
}

.c-history .container .c-left .c-list {
    margin-left: 20px;
    border-left: 1px solid #c2b2a4;
}

.c-history .container .c-left .c-list li {
    position: relative;
    margin-bottom: 0.5rem;
    padding-left: 20px;
    font-weight: bold;
    cursor: pointer;
}
.c-history .container .c-left .c-list li::before {
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    border: 1px solid #c2b2a4;
    border-radius: 50%;
    background-color: #fff;
}

.c-history .container .c-left .c-list li:last-child {
    margin-bottom: 0;
}

.c-history .container .c-left .c-list li.on {
    color: #c2b2a4;
}

.c-history .container .c-left .c-list li.on::before {
    background-color: #c2b2a4;
    transform: scale(1.5);
}
.c-history .container .c-right {
    width: 100%;
}
.c-history .container .c-right .c-item {
    padding: 0.4rem 0;
    border-top: 1px solid #ddd;
}
.c-history .container .c-right .c-item:last-child {
    padding-bottom: 0;
}
.c-history .container .c-right .c-item:last-child .c-list li:last-child {
    padding-bottom: 0;
}
.c-history .container .c-right .c-item .c-main-title {
    font-weight: bold;
    color: #c2b2a4;
    line-height: 1.2;
}
.c-history .container .c-right .c-list {
    padding: 0 2.1rem 0 0.5rem;
}

.c-history .container .c-right .c-list li {
    z-index: 1;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    position: relative;
    padding: 0.4rem 0;
    border-bottom: 1px dashed #999;
}

.c-history .container .c-right .c-list li:last-child {
    border: 0;
}
.c-history .container .c-right .c-list li .c-text1 {
    position: relative;
    width: 100%;
    flex-shrink: 0;
    font-weight: bold;
}
.c-history .container .c-right .c-list li .c-text2 {
    margin-top: 0.1rem;
    padding-right: 20px;
    width: 240px;
    flex-shrink: 0;
    font-weight: bold;
    line-height: 1.2;
}

.c-history .container .c-right .c-list li .c-text3 {
    width: calc(100% - 240px);
    color: #666;
}

.c-history .container .c-right .c-list li .c-box {
    margin-top: 0.4rem;
    width: 100%;
}
.c-history .container .c-right .c-list li .c-box img {
    max-width: 100%;
}
.c-contact .container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.c-contact .container .c-title {
    font-weight: bold;
    margin-bottom: 0.6rem;
}
.c-contact .container .c-left {
    padding-right: 0.8rem;
    width: 50%;
}

.c-contact .container .c-left .c-text p {
    margin-bottom: 0.2rem;
}
.c-contact .container .c-left .c-text p:last-child {
    margin: 0;
}
.c-contact .container .c-left .public-btn9 {
    margin: 0.35rem 0 0.65rem;
}
.c-contact .container .c-left .c-text2 {
    color: #999;
    margin-bottom: 0.25rem;
}
.c-contact .container .c-left .c-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -0.1rem -0.2rem;
    text-align: center;
}
.c-contact .container .c-left .c-list li {
    padding: 0 0.1rem 0.2rem;
}
.c-contact .container .c-left .c-list li img {
    width: 140px;
}


.c-contact .container .c-left .c-list li p {
    margin-top: 0.15rem;
    color: #666;
}
.c-contact .container .c-right {
    width: 50%;
}

.c-contact .container .c-right .c-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -0.4rem;
}
.c-contact .container .c-right .c-list li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-top: 0.4rem;
}
.c-contact .container .c-right .c-list li:nth-child(1),
.c-contact .container .c-right .c-list li:nth-child(2) {
    width: 49%;
}

.c-contact .container .c-right .c-list li:nth-child(3) {
    padding-bottom: 0.4rem;
}
.c-contact .container .c-right .c-list li:last-child {
    border: 0;
}
.c-contact .container .c-right .c-list li.on .c-text {
    transform: translateY(-50%);
}
.c-contact .container .c-right .c-list li .c-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 54px;
    display: flex;
    align-items: center;
    color: #999;
    pointer-events: none;
    transition: all 0.3s;
}

.c-contact .container .c-right .c-list li input[type=text] {
    width: 100%;
    height: 54px;
    line-height: 54px;
}

.c-contact .container .c-right .c-list li .c-list2 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0.15rem 0 -0.1rem;
}
.c-contact .container .c-right .c-list li label {
    display: inline-flex;
    align-items: center;
    margin: 0 0.38rem 0.1rem 0;
    cursor: pointer;
}

.c-contact .container .c-right .c-list li label:last-child {
    margin-right: 0;
}
.c-contact .container .c-right .c-list li input[type=radio] {
    margin-right: 0.1rem;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
}

.c-contact .container .c-right .c-list li input[type=radio]:checked {
    background: #303E48 url(../images/checcked.png) no-repeat center / 10px;
    border-color: #303E48;
}
.c-contact .container .c-right .c-list li textarea {
    padding: 14px 0;
    width: 100%;
    height: 54px;
    line-height: 26px;
    vertical-align: top;
}

.c-live1 {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.c-live1 .container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.c-live1 .container .c-left {
    padding: 1.3rem 1.3rem 1.3rem 0;
    width: 50%;
    max-width: 670px;
}

.c-live1 .container .c-left .c-title {
    font-weight: bold;
    line-height: 1.2;
}
.c-live1 .container .c-left .c-text {
    margin-top: 0.7rem;
    color: #666;
    line-height: 1.8;
}

.c-live1 .container .c-right {
    width: 50%;
}

.c-live1 .container .c-right .public-img::before {
    padding-top: 93.75%;
}
.c-live2 {
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.c-live2 .c-list {
    position: relative;
    padding-top: 50.52%;
}

.c-live2 .c-list li {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.c-live2 .c-list li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.c-live2 .c-list li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.c-live2 .c-list li.on {
    opacity: 1;
}
.c-live2 .c-text-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    color: #fff;
}

.c-live2 .c-text-box .c-wrap {
    width: 50%;
    max-width: 670px;
}

.c-live2 .c-text-box .c-title {
    font-weight: bold;
    line-height: 1.2;
}
.c-live2 .c-text-box .c-text {
    margin-top: 0.3rem;
    max-width: 550px;
    line-height: 1.8;
}
.c-live2 .c-live2-banner {
    position: absolute;
    bottom: 1rem;
    right: 0;
    z-index: 20;
    width: 30%;
}

.c-live2 .c-live2-banner .swiper-slide {
    cursor: pointer;
}
.c-live2 .c-live2-banner .swiper-slide .public-img {
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s;
}
.c-live2 .c-live2-banner .swiper-slide .public-img::before {
    padding-top: 50%;
}

.c-live2 .c-live2-banner .swiper-slide .public-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
}
.c-live2 .c-live2-banner .swiper-slide.swiper-slide-active .public-img {
    border-color: #fff;
}
.c-live2 .c-live2-banner .swiper-slide.swiper-slide-active .public-img::after {
    background: transparent;
}
.c-live3 {
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.c-live3 .c-list li .container {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.c-live3 .c-list li .container .c-live3-banner {
    width: 50%;
}

.c-live3 .c-list li .container .c-live3-banner .public-img::before {
    padding-top: 81.25%;
}
.c-live3 .c-list li .container .c-live3-banner .swiper-pagination {
    bottom: 0.3rem;
}

.c-live3 .c-list li .container .c-live3-banner .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 0.6rem;
    height: 4px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.3);
    overflow: hidden;
    opacity: 1;
    margin-right: 0.2rem;
}

.c-live3 .c-list li .container .c-live3-banner .swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: all 0s;
    background-color: #fff;
}
.c-live3 .c-list li .container .c-live3-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    transition: all 5s linear;
    width: 100%;
}
.c-live3 .c-list li .container .c-text-box {
    width: 50%;
    padding: 1.4rem 1.6rem 1.4rem 0.9rem;
}

.c-live3 .c-list li .container .c-text-box .c-title {
    font-weight: bold;
    line-height: 1.2;
}
.c-live3 .c-list li .container .c-text-box .c-text {
    margin-top: 0.3rem;
    color: #666;
    line-height: 1.8;
}
.c-live3 .c-list li .container > .public-img {
    position: absolute;
    bottom: -1.6rem;
    right: 0;
    width: 25.9375%;
}

.c-live3 .c-list li .container > .public-img::before {
    padding-top: 78.125%;
}
.c-live3 .c-list li:nth-child(2n) .container {
    flex-direction: row-reverse;
}
.c-live3 .c-list li:nth-child(2n) .container .c-text-box {
    padding: 1.4rem 2.6rem 1.4rem 0;
}

.c-live3 .c-btn-box {
    text-align: center;
}
.c-live3 .c-btn-box p {
    margin-top: 0.15rem;
    color: #349f7e;
}
.c-live4 {
    position: relative;
    z-index: 50;
    background-color: #f7f7ed;
}
.c-live4 .c-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -0.2rem -0.8rem;
}
.c-live4 .c-list li {
    padding: 0 0.2rem 0.8rem;
    width: 33.333333%;
}

.c-live4 .c-list li .c-wrap {
    position: relative;
    color: #fff;
}
.c-live4 .c-list li .c-wrap .c-text-box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 72%;
    padding: 0.4rem;
    background-color: #fff;
    transition: all 0.3s;
}

.c-live4 .c-list li .c-wrap .c-text-box .c-title {
    font-weight: bold;
    color: #303E48;
    transition: all 0.3s;
}
.c-live4 .c-list li .c-wrap .c-text-box .c-text {
    transition: all 0.3s;
    height: 0;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
}
.c-live4 .c-list li .c-wrap .c-text-box .c-btn-box {
    opacity: 0;
    margin-top: -26px;
    transition: all 0.3s;
}
.c-live4 .c-list li .c-wrap .c-text-box .public-btn6 {
    color: #fff;
    line-height: 24px;
    vertical-align: top;
}

.c-live4 .c-list li .c-wrap .c-text-box .public-btn6 svg path {
    fill: #fff;
}



#c-activity-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 950;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}
#c-activity-pop .c-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0.5rem;
    width: 90%;
    max-width: 1000px;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

#c-activity-pop .c-wrap .c-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
#c-activity-pop .c-wrap .c-close img,
#c-activity-pop .c-wrap .c-close svg {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#c-activity-pop .c-wrap .c-close img path,
#c-activity-pop .c-wrap .c-close svg path {
    fill: #303E48;
    transition: all 0.3s;
}
#c-activity-pop .c-wrap .c-close:hover svg path {
    fill: #c2b2a4;
}
#c-activity-pop .c-wrap .c-title {
    font-weight: bold;
    line-height: 1;
}
#c-activity-pop .c-wrap .c-time {
    margin: 0.2rem 0 0.3rem;
    line-height: 1;
}
#c-activity-pop .c-wrap .c-title2 {
    font-weight: bold;
    line-height: 1;
}
#c-activity-pop .c-wrap .c-list1 {
    display: flex;
    align-items: flex-start;
    margin: 0 0 0.1rem;
}

#c-activity-pop .c-wrap .c-list1 li {
    padding: 0.1rem;
    width: 20%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #999;
}
#c-activity-pop .c-wrap .c-list1 li:nth-child(3) {
    width: 40%;
}
#c-activity-pop .c-wrap .c-list2-box {
    height: 2.6rem;
}

#c-activity-pop .c-wrap .c-list2-box .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e3e3e3;
}
#c-activity-pop .c-wrap .c-list2-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #666;
}
#c-activity-pop .c-wrap .c-list2-box .mCSB_inside > .mCSB_container {
    margin-right: 0;
}
#c-activity-pop .c-wrap .c-list2-box .mCSB_scrollTools {
    width: 6px;
    background-color: #fff;
}
#c-activity-pop .c-wrap .c-list2 li {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    color: #666;
    transition: all 0.3s;
}

#c-activity-pop .c-wrap .c-list2 li .c-item {
    padding: 0.1rem;
    width: 20%;
}
#c-activity-pop .c-wrap .c-list2 li .c-item:nth-child(3) {
    width: 40%;
}

#c-activity-pop .c-wrap .c-list2 li .c-item:last-child {
    padding-right: 20px;
}
#c-activity-pop .c-wrap .c-list2 li .c-item p:nth-child(1) {
    flex-shrink: 0;
    display: none;
}

#c-activity-pop .c-wrap .c-wx {
    margin-top: 0.2rem;
}
.c-guide3 .c-menu {
    margin-bottom: 1rem;
}
.c-guide3 .c-menu .c-list-box {
    position: relative;
    overflow-x: auto;
    text-align: center;
    transition: all 0.3s;
}
.c-guide3 .c-menu .c-list-box .c-list1 {
    display: inline-flex;
}
.c-guide3 .c-menu .c-list-box .c-list1 li {
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 0.3rem;
    padding-bottom: 0.1rem;
    cursor: pointer;
    line-height: 1;
    color: #999;
    transition: all 0.3s;
}
.c-guide3 .c-menu .c-list-box .c-list1 li::before,
.c-guide3 .c-menu .c-list-box .c-list1 li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    border-top: 2px solid #ddd;
    transition: all 0.3s;
}
.c-guide3 .c-menu .c-list-box .c-list1 li::before {
    z-index: 4;
    border-color: #f2d413;
    width: 0;
}
.c-guide3 .c-menu .c-list-box .c-list1 li:last-child {
    margin-right: 0;
}
.c-guide3 .c-menu .c-list-box .c-list1 li .c-ico {
    margin-left: 0.6rem;
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
}

.c-guide3 .c-menu .c-list-box .c-list1 li .c-ico path {
    fill: #999;
    transition: all 0.3s;
}
.c-guide3 .c-menu .c-list-box .c-list1 li.on {
    color: #f2d413;
}
.c-guide3 .c-menu .c-list-box .c-list1 li.on::before {
    width: 100%;
}
.c-guide3 .c-menu .c-list-box .c-list1 li.on .c-ico path {
    fill: #349f7e;
}
.c-guide3 .c-list2 {
    position: relative;
}
.c-guide3 .c-list2 li {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -0.1rem -0.2rem;
    display: none;
}
.c-guide3 .c-list2 li.on {
    display: flex;
}
.c-guide3 .c-list2 li .c-item {
    position: relative;
    z-index: 1;
    padding: 0 0.1rem 0.2rem;
    width: 12.5%;
    transition: all 0.3s;
}

.c-guide3 .c-list2 li .public-img {
    transition: all 0.3s;
}
.c-guide3 .c-list2 li .public-img::before {
    padding-top: 55%;
}
.c-guide3 .c-list2 li .public-img img {
    object-fit: contain;
}
.c-guide2 .public-btn6:hover {
    color: #f2d413;
}
.c-guide2 .public-btn6:hover svg path {
    fill: #f2d413;
}
.c-guide2 .c-top {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.8rem;
}

.c-guide2 .c-top .c-title {
    flex-shrink: 0;
    padding-right: 2rem;
    font-weight: bold;
    line-height: 1.2;
}

.c-guide2 .c-top .c-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    line-height: 1.8;
    color: #666;
}
.c-guide2 .c-top .c-text p {
    width: 100%;
}
.c-guide2 .c-bottom .c-m-text {
    display: none;
}

.c-guide2 .c-bottom .c-top2 {
    display: flex;
    align-items: center;
    border: 2px solid #ddd;
}
.c-guide2 .c-bottom .c-top2 .c-box {
    position: relative;
    width: 65%;
    overflow: hidden;
}

.c-guide2 .c-bottom .c-top2 .c-box::before {
    content: "";
    display: block;
    padding-top: 60%;
}

.c-guide2 .c-bottom .c-top2 .c-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
}

.c-guide2 .c-bottom .c-top2 .c-box2 {
    padding: 0.4rem;
    width: 35%;
    text-align: center;
}

.c-guide2 .c-bottom .c-top2 .c-box2 .c-title {
    font-weight: bold;
}
.c-guide2 .c-bottom .c-top2 .c-box2 .c-img {
    position: relative;
    display: inline-block;
    margin: 0.1rem 0.3rem;
    width: 3rem;
}
.c-guide2 .c-bottom .c-top2 .c-box2 .c-img img {
    width: 100%;
}
.c-guide2 .c-bottom .c-top2 .c-box2 .c-img .c-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 50%;
    background-color: #f16777;
    opacity: 0.5;
    cursor: all-scroll;
}
.c-guide2 .c-bottom .c-top2 .c-box2 .c-img .c-mask::before {
    display: block;
    padding-top: 60%;
    content: "";
}

.c-guide2 .c-bottom .c-top2 .c-box2 .c-text {
    color: #999;
}
.c-guide2 .c-bottom .c-bottom2 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0.4rem;
    background-color: #f8f8f8;
    font-weight: bold;
}
.c-guide2 .c-bottom .c-bottom2 .c-left {
    padding-bottom: 0.4rem;
    width: 100%;
}

.c-guide2 .c-bottom .c-bottom2 .c-left .c-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -0.1rem -0.2rem;
}
.c-guide2 .c-bottom .c-bottom2 .c-left .c-list li {
    display: flex;
    align-items: center;
    width: 20%;
    line-height: 1.2;
    padding: 0 0.1rem 0.2rem;
}

.c-guide2 .c-bottom .c-bottom2 .c-left .c-list li img {
    margin-right: 0.2rem;
    width: 34px;
    height: 34px;
}

.c-guide2 .c-bottom .c-bottom2 .c-right {
    width: 100%;
}
.c-guide2 .c-bottom .c-bottom2 .c-right .c-text {
    margin-bottom: 0.1rem;
}
.c-guide2 .c-bottom .c-bottom2 .c-right .c-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -0.1rem -0.1rem;
}
.c-guide2 .c-bottom .c-bottom2 .c-right .c-list li {
    padding: 0 0.1rem 0.1rem;
    width: 20%;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

.c-guide2 .c-bottom .c-bottom2 .c-right .c-list li img {
    margin-right: 0.06rem;
    width: 20px;
    height: 20px;
}

.building {
    width: 100%;
    padding: 0.85rem 0 1rem;
}
.building .container .menu {
    display: flex;
}
.building .container .menu a {
    line-height: 1;
    display: inline-flex;
    color: #999;
    padding: 0.2rem 0;
    border-bottom: 2px solid #ddd;
    transition: all 0.3s;
    position: relative;
    margin-right: 0.3rem;
}

.building .container .menu a::before {
    content: "";
    position: absolute;
    bottom: -2px;
    height: 2px;
    width: 0;
    transition: all 0.3s;
    background-color: #c2b2a4;
}
.building .container .menu a span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 12px;
    display: flex;
}
.building .container .menu a span svg path {
    fill: #999;
    transition: all 0.3s;
}
.building .container .menu a:hover,
.building .container .menu a.on {
    color: #c2b2a4;
}
.building .container .menu a:hover::before,
.building .container .menu a.on::before {
    width: 100%;
}
.building .container .menu a:hover span svg path,
.building .container .menu a.on span svg path {
    fill: #c2b2a4;
}
.building .container .box1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.4rem;
    background: #f8f8f8;
}
.building .container .box1 .left {
    width: 61.25%;
}

.building .container .box1 .left .item {
    width: 100%;
    display: none;
}
.building .container .box1 .left .item.on {
    display: block;
}
.building .container .box1 .left .item .img {
    width: 100%;
    position: relative;
}
.building .container .box1 .left .item .img::before {
    content: '';
    width: 100%;
    display: block;
    padding-top: 55.1%;
}
.building .container .box1 .left .item .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
}
.building .container .box1 .left .item .tbox {
    width: 100%;
    padding: 0.43rem 0.97rem 0.45rem 0.45rem;
}

.building .container .box1 .left .item .tbox .t1 {
    color: #333;
}
.building .container .box1 .left .item .tbox .t2 {
    width: 100%;
    padding-right: 0.4rem;
    line-height: 0.3rem;
    color: #666;
    margin-top: 0.16rem;
    height: 0.9rem;
}

.building .container .box1 .left .item .tbox .t2 .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e3e3e3;
}
.building .container .box1 .left .item .tbox .t2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #666;
}
.building .container .box1 .right {
    width: 38.75%;
    position: relative;
}


.building .container .box1 .right .img {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.building .container .box1 .right .img::before {
    content: '';
    width: 100%;
    display: block;
    padding-top: 129.03%;
}
.building .container .box1 .right .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
}
.building .container .box1 .right .dbox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.building .container .box1 .right .dbox .ditem {
    position: absolute;
    width: 0;
    display: flex;
    cursor: pointer;
}
.building .container .box1 .right .dbox .ditem img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0.29rem;
    opacity: 0.5;
}
.building .container .box1 .right .dbox .ditem.on img,
.building .container .box1 .right .dbox .ditem:hover img {
    opacity: 1;
}
.building .container .box2 {
    width: 100%;
    margin-top: 0.68rem;
}
.building .container .box2 .title {
    color: #999;
    line-height: 26px;
}
.building .container .box2 .list {
    width: 100%;
    margin-top: 0.38rem;
    display: flex;
    flex-wrap: wrap;
}
.building .container .box2 .list .item {
    width: 48.75%;
    margin-right: 2.5%;
    display: flex;
    justify-content: space-between;
    padding: 0.32rem 0.4rem 0.3rem 0.3rem;
    box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 0.4rem;
    position: relative;
    transition: all 0.3s;
}
.building .container .box2 .list .item:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.1);
}
.building .container .box2 .list .item:nth-child(2n) {
    margin-right: 0;
}

.building .container .box2 .list .item .bg {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s;
    z-index: -1;
}
.building .container .box2 .list .item .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.building .container .box2 .list .item .tbox .t1 {
    line-height: 1;
    color: #999;
}
.building .container .box2 .list .item .tbox .t2 {
    line-height: 1;
    margin-top: 0.17rem;
    color: #333;
}
.building .container .box2 .list .item .tbox .a {
    display: flex;
    margin-top: 0.6rem;
}
.building .container .box2 .list .item .tbox .a p {
    display: inline-flex;
    align-items: center;
    color: #333;
    transition: all 0.3s;
    line-height: 1;
    margin-right: 0.3rem;
}
.building .container .box2 .list .item .tbox .a p img {
    width: 20px;
    margin-right: 0.1rem;
}
.building .container .box2 .list .item .tbox .a p:hover {
    color: #c2b2a4;
}
.building .container .box2 .list .item .img {
    margin-top: -0.62rem;
    width: 1.53rem;
    height: 2rem;
    box-shadow: 5px 5px 0 2px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
}

.building .container .box2 .list .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.building .container .box2 .list .item:hover .bg {
    opacity: 1;
    box-shadow: none;
}
.c-community {
    position: relative;
    z-index: 10;
    background-color: #404c55;
    min-height: 50vw;
}

.c-community .c-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    overflow: visible;
}

.c-community .c-list li {
    position: relative;
    z-index: 1;
    width: 12.5%;
    opacity: 0.5;
    transition: all 0.3s;
}

.c-community .c-list li::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.c-community .c-list li .c-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0s;
}

.c-community .c-list li .c-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.c-community .c-list li .c-wrap .c-title {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 0.25rem 0.3rem;
    width: 100%;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
    transition: 0s;
}
.c-community .c-list li.on {
    opacity: 1;
    z-index: 10;
}
.c-community .c-list li.on .c-wrap {
    width: 400%;
    height: 300%;
    transition: all 0.5s;
}

#c-go-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999999;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background-color: #C2B2A5;
    cursor: pointer;
}
#c-go-top .c-ico {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    transition: all 0.3s;
}
#c-go-top .c-ico path {
    fill: #fff;
}
#c-go-top:hover {
    background-color: #f16777;
}
.c-cloud {
    position: relative;
}
.c-cloud > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.c-cloud::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}
.c-cloud .container {
    position: relative;
    z-index: 5;
    color: #fff;
    max-width: 900px;
    text-align: center;
}
.c-cloud .container .c-title {
    font-weight: bold;
    line-height: 1.2;
}
.c-cloud .container .c-text {
    margin: 0.15rem 0 0.3rem;
}
.c-cloud .container .c-code {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
}
.c-cloud .container .c-code img {
    width: 100%;
}
@font-face {
    font-family: "OPPOSans-L";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/common/OPPOSans-L.ttf") format("truetype"), url("../fonts/common/OPPOSans-L.woff") format("woff"), url("../fonts/common/OPPOSans-L.svg") format("svg");
}
@font-face {
    font-family: "OPPOSans-M";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/common_react/OPPOSans-M.ttf") format("truetype"), url("../fonts/common_react/OPPOSans-M.woff") format("woff"), url(".../fonts/common_react/OPPOSans-M.svg") format("svg");
}
@font-face {
    font-family: "OPPOSans-H";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/common_react/OPPOSans-H.ttf") format("truetype"), url(".../fonts/common_react/OPPOSans-H.woff") format("woff"), url("../fonts/common_react/OPPOSans-H.svg") format("svg");
}
@font-face {
    font-family: "OPPOSans-B";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/com/OPPOSans-B.ttf") format("truetype"), url("./fonts/com/OPPOSans-B.woff") format("woff"), url("./fonts/com/OPPOSans-B.svg") format("svg");
}
@font-face {
    font-family: "OPPOSans-R";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/common/OPPOSans-R.ttf") format("truetype"), url("../fonts/common/OPPOSans-R.woff") format("woff"), url("../fonts/common/OPPOSans-R.svg") format("svg");
}
@font-face {
    font-family: "OPPOSans-B";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/common/OPPOSans-B.ttf") format("truetype"), url("../fonts/common/OPPOSans-B.woff") format("woff"), url("../fonts/common/OPPOSans-B.svg") format("svg");
}
@charset "utf-8";
a,
body,
dd,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
label,
li,
p,
textarea,
ul {
    padding: 0;
    margin: 0;
}
form {
    display: inline;
}
h {
    border: 0;
}
td {
    word-break: break-all;
}
dd, dl, dt, li, ul {
    list-style: none;
}
body {
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    z-index: -1;
    position: relative;
}
.headerUl li.react-active > a{
    font-family: OPPOSans-B!important;
}
.main {
    width: 100%;
    min-width: 1600px;
    position: relative;
    z-index: -1;
}
._1600 {
    width: 1600px;
    min-width: 1600px;
    margin: auto;
    display: block;
    position: relative;
}
._1668 {
    width: 1668px;
    min-width: 1668px;
    margin: auto;
    display: block;
    position: relative;
}
.pbdt:hover {
    color: #cf0f32;
}

.ulBlock {
    display: block !important;
}
.header {
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: #c49976;
}
.logo {
    display: block;
    /* margin-top: 20px; */
    float: left;
    width: 197px;
    height: 54px;
}
.headerUl {
    float: right;
    margin-top: 40px;
    height: 50px;
    margin-bottom: auto;
}
.headerUl > li {
    float: left;
    margin-right: 71px;
    text-align: center;
    width: auto;
    text-decoration: none;
    display: block;
    position: relative;
    font-family: OPPOSans-M;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0px;
    color: #3a3737;
}
.headActive .br {
    color: #cf0f32;
}
.headerUl > li:last-child {
    margin-right: 0px;
}
.headerUl li a {
    text-decoration: none;
    display: block;
    position: relative;
    font-family: OPPOSans-M;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0px;
    color: #fff;
}
.headerUl li a:hover {
    color:#fff4e5!important;
}
.headerUl li ul{ overflow: hidden;  height: 62px;  background: rgba(0,0,0,0.7);  text-align: left;  padding: 0px;  z-index: 4;
    position: absolute;  top: 51px;  left: 0;  display: none;  }
.headerUl li:nth-of-type(2) ul{ width: 606px}
.headerUl li:nth-of-type(3) ul{ width: 440px}
.headerUl li ul li{  float: left;  }
.headerUl>li>ul>li:hover a{  color: #FFF;  }
/*.headerUl li ul li a{  font-family: SourceHanSansCN-Normal;  color: #dcdcdc;  font-size: 16px;  line-height: 62px;  letter-spacing: 0;*/
/*    position: relative;  text-decoration: none;  text-align: left;  margin-left: 30px;  }*/


.logo img {
    display: block;
    width: 100%;
    height: 100%;
}


.headActive .bor {
    background: #fff !important;
    display: block !important;
}
html, body{
    width: 100%;
}
.headerUl li span.bora {
    background: #cf0f32;
    display: block;
}

#nav3 ol {
    left: 135px
}

#nav6 ol {
    left: 540px
}

.head_sea {
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 39px;
    right: 0px;
}

.head_menu {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 39px;
    right: 0px;
}

.nav_bg {
    background-color: #ffffff;
    box-shadow: 0 0 10px rgb(0 0 0 / 0.1);
    transform: translate(0px, 0px)
}
/*底部*/
.footer {
    width: 100%;
    overflow: hidden;
    height: 333px;
    background-color: #171717;
    position: relative;
    z-index: 2;
}

.foot_logo {
    width: 216px;
    height: 48px;
    display: block;
    float: left;
    margin-top: 95px;
}

.footer ul {
    float: right;
    margin-top: 98px;
}

.footer ul li {
    float: left;
    margin-right: 57px;
}

.footer ul li a {
    font-family: OPPOSans-M;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #9c9c9c;
    text-decoration: none;
}

.footer ul li.active a {
    color: #d4d4d4;
}

.footer .statement {
    font-family: OPPOSans-R;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: right;
    width: 100%;
    display: block;
    color: #808080;
    float: right;
    margin-top: 37px;
}

.footer .line {
    width: 1917px;
    height: 1px;
    border-bottom: solid 1px #848484;
    opacity: 0.2;
    display: block;
    float: right;
    margin-top: 18px;
}

.footer .copy {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: right;
    color: #848484;
    float: right;
    display: block;
    margin-top: 17px;
}
.w1600{
    width: 1600px;
    margin: auto;
    position:relative;
    height: 100%;
}
h1{
    font-weight: normal;
}
.footer{
    width: 100%;
    height: 122px;
    background-color: #b98a64;
    /* padding-top: 39px; */
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.logo2{
    float: left;
    width: 197px;
    display: block;
}
.footer_left{
    float: left;
    margin-left: 27px;
    margin-top: 7px;
}
.footer_left span:nth-of-type(1){
    font-family: OPPOSans-R;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #fff;
    display: block;
    margin-bottom: 9px;
}
.footer_left span:nth-of-type(2){
    font-family: OPPOSans-R;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #fff;
}
.footer_right{
    font-family: OPPOSans-R;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    color: #fff;
    float: right;
    margin-top: 16px;
    margin-right: 63px;
}.footer_right span{
     margin-left: 127px;
 }.footer_right span a{
      text-decoration:none;
      color:#fff;
  }
.footer .code{

    float: right;

    margin-top: -13px;
}
.footer .line{
    width: 100%;
    height: 1px;
    background: rgba(132,132,132,0.2);
}
.footer2{
    width: 100%;
    height: 154px;
    background-color: #b98a64;
    position: relative;
    z-index: 999999;
}
.footer2 p:nth-of-type(1){
    font-family: OPPOSans-R;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0px;
    color: #fff;
    text-align: center;
    padding-top: 44px;
    margin-bottom: 14px;
}
.footer2 p:nth-of-type(2){
    font-family: OPPOSans-L;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0px;
    color: #fff;
    text-align: center;
}
body{
    /*padding-top: 90px;*/
}
.headActive a{
    font-family: OPPOSans-H!important;
}
.footer2 p:nth-of-type(1){
    font-family: OPPOSans-R;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0px;
    color: #fff;
    text-align: center;
    padding-top: 44px;
    margin-bottom: 14px;
}
.footer2 p:nth-of-type(2){
    font-family: OPPOSans-L;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0px;
    color: #fff;
    text-align: center;
}
body{
    /*padding-top: 90px;*/
}
.headActive a{
    font-family: OPPOSans-H!important;
    /* color: #fff4e5 !important; */
}.footer2 p:nth-of-type(2) a{
     color: #fff;
     text-decoration: none;
 }
#c-header3 .react-menu .headerUl > li .c-list2 {
    padding-top: 3px!important;
    /* padding-bottom: 15px; */
}#c-header3 .react-menu .headerUl > li {
     margin-left: 0.095rem;
     pointer-events: auto;
     height: 100%;
 }
.par{
    position: absolute;
    width: 1920px;
    left: 50%;
    top: 90px;
    margin-left: -960px;
    height: 50px;
    background-color: #fef4e5;
    display:none;
}
#c-header3 .menu .react-active_z a{
    font-family: OPPOSans-B!important;
    color: #c49976!important;
}
#c-header3 .react-menu .headerUl ul .nav_list_z:hover a{
    font-family: OPPOSans-B!important;
    color: #c49976!important;
}
.footer .w1600>img,.footer .w1600>p{
    margin-top: 39px;
}
.footer .w1600 .code{
    margin-top: 24px!important;
}
.footer .w1600{
    height: 122px;
}
.footer2 .w1600{
    height: 154px;
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.nav,.nav2{
	list-style: none;
	font-family: OPPOSans-M;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #171717;
	cursor: pointer;
	z-index: 1;
	position: relative;
	width: 50px;
}
.con > span:nth-of-type(4) span{
	display: block;
}
@font-face {
	font-family: "swagen-Regular";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/culture/swagen-Regular.ttf") format("truetype"), url("../fonts/culture/swagen-Regular.woff") format("woff"), url("../fonts/culture/swagen-Regular.svg") format("svg");font-display: swap;
}
@font-face {
	font-family: "OPPOSans-M";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/culture/OPPOSans-M.ttf") format("truetype"), url("../fonts/culture/OPPOSans-M.woff") format("woff"), url("../fonts/culture/OPPOSans-M.svg") format("svg");font-display: swap;
}@font-face {
	font-family: "OPPOSans-R";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/culture/OPPOSans-R.ttf") format("truetype"), url("../fonts/culture/OPPOSans-R.woff") format("woff"), url("../fonts/culture/OPPOSans-R.svg") format("svg");font-display: swap;
}@font-face {
	font-family: "SourceHanSerifSC-Regular";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/culture/SourceHanSerifSC-Regular.ttf") format("truetype"), url("../fonts/culture/SourceHanSerifSC-Regular.woff") format("woff"), url("../fonts/culture/SourceHanSerifSC-Regular.svg") format("svg");font-display: swap;
}
@font-face {
	font-family: "SourceHanSansCN-Medium";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/culture/SourceHanSansCN-Medium.ttf") format("truetype"), url("../fonts/culture/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/culture/SourceHanSansCN-Medium.svg") format("svg");font-display: swap;
}
@font-face {
	font-family: "OPPOSans-R";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/cultture_react/OPPOSans-R.ttf") format("truetype"), url("../fonts/cultture_react/OPPOSans-R.woff") format("woff"), url("../fonts/cultture_react/OPPOSans-R.svg") format("svg");
	font-display: swap;
}
@font-face {
	font-family: "OPPOSans-B";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/cultture_react/OPPOSans-R.ttf") format("truetype"), url("../fonts/cultture_react/OPPOSans-R.woff") format("woff"), url("../fonts/cultture_react/OPPOSans-R.svg") format("svg");
	font-display: swap;
}
.nav{
	margin-bottom: 26px;
}
ol li{
	font-family: OPPOSans-R;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #171717;
	margin-bottom: 36px;
	cursor: pointer;
	position: relative;
}
ol:nth-of-type(1){
	margin-top: 41px;
	margin-left: -42px;
	z-index: 1;
	position: relative;
	height: 0px;
	overflow: hidden;
}
.navs{
	position: absolute;
	left: 10px;
	top: 8px;
	height: 100px;
}
.con > span:nth-of-type(1){
	font-family: swagen-Regular;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 72px;
	letter-spacing: 0px;
	color: #000000;
	margin: auto;
	display: block;
	margin-left: 258px;
}
.con{
	margin-top: 133px;
	margin-bottom: 167px;
}
.con > span:nth-of-type(2){
	font-family: SourceHanSerifSC-Regular;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 42px;
	letter-spacing: 1px;
	color: #000000;
	margin: 7px auto 0px;
	display: block;
	/* margin-left: 386px; */
	margin-left: 258px;
}
.con > span:nth-of-type(3){
	width: 0px;
	height: 1px;
	background: rgba(0,0,0,0.1);
	display: block;
	margin: auto;
	/* margin-left: 386px; */
	margin-top: 42px;
	transition: all 2s ease;
	margin-left: 258px;
}
.con > span:nth-of-type(4){
	font-family: OPPOSans-R;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #343434;
	display: block;
	width: 1216px;
	/* margin-left: 387px; */
	margin-top: 40px;
	margin-bottom: 104px;
	margin-left: 258px;
}
.con > span:nth-of-type(5){
	display: block;
	width: 100%;
	height: 1387px;
}
.con > span:nth-of-type(5) span:nth-of-type(1){
	margin-bottom: 8px;
}
.con > span:nth-of-type(5) span:nth-of-type(2){
	margin-bottom: 9px;margin-left: 9px;
}
.con > span:nth-of-type(5) span:nth-of-type(3){
	margin-bottom: 9px;margin-left: 9px;
}
.con > span:nth-of-type(5) span:nth-of-type(4){
	margin-left: 9px;
	margin-bottom: 8px;
}
.con > span:nth-of-type(5) span:nth-of-type(5){
	margin-left: 9px;
	margin-bottom: 8px;
}
.con > span:nth-of-type(5) span:nth-of-type(6){
	margin-bottom: 9px;
}
.con > span:nth-of-type(5) span:nth-of-type(7){

	margin-left: 9px;
}
.con > span:nth-of-type(5) span:nth-of-type(8){

	margin-left: 9px;
}
.con > span:nth-of-type(5) span:nth-of-type(9){
	position: absolute;
	/* top: 1436px; */
	left: 0px;
	height: 328px;
	top: 1428px;
	/* width: 551px; */
	overflow: hidden;
}
.con > span:nth-of-type(5) > span:nth-of-type(10){
	position: absolute;
	left: 605px;
	height: 330px;
	width: 551px;
	top: 1428px;
}.con > span:nth-of-type(5) span{
	 display: block;
	 float: left;
	 margin-bottom: 9px;
 }


.con > span:nth-of-type(5) > span{
	float: left;
	overflow: hidden;
}
.con2 > span:nth-of-type(1){
	font-family: swagen-Regular;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 72px;
	letter-spacing: 0px;
	color: #000000;
	margin: auto;
	display: block;
	/* margin-left: 386px; */
	margin-left: 258px;
}
.con2{
	margin-top: 133px;
	margin-bottom: 167px;
}
.con2 > span:nth-of-type(2){
	font-family: SourceHanSerifSC-Regular;
	/* font-size: 42px; */
	font-weight: normal;
	font-stretch: normal;
	line-height: 42px;
	letter-spacing: 1px;
	color: #000000;
	margin: 9px auto 0px;
	display: block;
	/* margin-left: 386px; */
	font-size: 30px;
	margin-left: 258px;
}
.con2 > span:nth-of-type(3){
	width: 963px;
	height: 1px;
	background: rgba(0,0,0,0.1);
	display: block;
	margin: auto;
	/* margin-left: 386px; */
	margin-top: 43px;
	position: relative;
	overflow: hidden;
	margin-left: 258px;
}
.con2 > span:nth-of-type(4){
	font-family: OPPOSans-R;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #343434;
	display: block;
	width: 987px;
	/* margin-left: 387px; */
	margin-top: 40px;
	margin-bottom: 132px;
	margin-left: 258px;
}.con2 > span:nth-of-type(5){
	 display: block;
	 width: 100%;
	 height: 1086px;
 }
.con2 > span:nth-of-type(5) span:nth-of-type(1){
	margin-bottom: 8px;
}
.con2 > span:nth-of-type(5) span:nth-of-type(2){
	margin-bottom: 8px;
	margin-left: 8px;
}
.con2 span:nth-of-type(5) span:nth-of-type(3){
	margin-bottom: 8px;
	margin-left: 7px;
	position: relative;
	width: 665px;
	height: 331px;
}
.con2 span:nth-of-type(5) span:nth-of-type(3) img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}
.con2 > span:nth-of-type(5) span:nth-of-type(4){
	margin-left: 7px;
}
.con2 > span:nth-of-type(5) span:nth-of-type(5){margin-right: 8px;}
.con2 >span:nth-of-type(5) span:nth-of-type(6){
	margin-bottom: 9px;
}.con2 > span:nth-of-type(5) span {
	 float: left;
	 margin-bottom: 8px;
	 overflow: hidden;
	 display: flex;
 }
.con2 > span:nth-of-type(5) span img{
	transition: all 0.88s ease;
}
.con2 > span:nth-of-type(5) span img:hover{
	transform: scale(1.08) translate3d(0, 0, 0);
}

.con4 > span:nth-of-type(1){
	font-family: swagen-Regular;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 64px;
	letter-spacing: 0px;
	color: #000000;
	margin: auto;
	display: block;
	/* margin-left: 386px; */
	margin-left: 258px;
}
.con4{
	margin-top: 133px;
	margin-bottom: 167px;
}
.con4 > span:nth-of-type(2){
	font-family: SourceHanSerifSC-Regular;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 1px;
	color: #000000;
	margin: 8px auto 0px;
	display: block;
	/* margin-left: 386px; */
	margin-left: 258px;
}
.con4 > span:nth-of-type(3){
	width: 1192px;
	height: 1px;
	background: rgba(0,0,0,0.1);
	display: block;
	margin: auto;
	/* margin-left: 386px; */
	margin-top: 39px;
	position: relative;
	overflow: hidden;
	margin-left: 258px;
}
.con4 > span:nth-of-type(4){
	font-family: OPPOSans-R;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #343434;
	display: block;
	width: 1201px;
	/* margin-left: 387px; */
	margin-top: 39px;
	margin-bottom: 160px;
	margin-left: 258px;
}.con4 > span:nth-of-type(5){
	 display: block;
	 width: 100%;
 }.con4 > span:nth-of-type(5) > span {
	  display: inline-block;
	  width: 314px;
	  height: 495px;
	  position: relative;
	  font-family: SourceHanSansCN-Medium;
	  font-size: 28px;
	  font-weight: normal;
	  font-stretch: normal;
	  letter-spacing: 0px;
	  color: #ffffff;
  }
.w1600{
	height: auto!important;
}
.con4 > span:nth-of-type(5) > span {font-family: SourceHanSansCN-Medium;font-size: 28px;font-weight: normal;font-stretch: normal;line-height: 28px;letter-spacing: 0px;color: #ffffff;overflow: hidden;margin-right: 2px;margin-bottom: 4px;}
.con4 > span:nth-of-type(5) > span span{
	position: absolute;
	left: 24px;
	bottom: 43px;
}.con4 > span:nth-of-type(5) > span:nth-of-type(5n){
	 margin-right: 0px;
 }
.con3 > span:nth-of-type(1){
	font-family: swagen-Regular;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 64px;
	letter-spacing: 0px;
	color: #000000;
	margin: auto;
	display: block;
	/* margin-left: 386px; */
	margin-left: 258px;
}
.con3{
	margin-top: 133px;
	margin-bottom: 165px;
	position: relative;
}
.con3 > span:nth-of-type(2){
	font-family: SourceHanSerifSC-Regular;
	font-size: 42px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 1px;
	color: #000000;
	margin: 7px auto 0px;
	display: block;
	/* margin-left: 386px; */
	font-size: 30px;
	margin-left: 258px;
}
.con3 > span:nth-of-type(3){
	position: relative;
	width: 963px;
	height: 1px;
	background: rgba(0,0,0,0.1);
	display: block;
	margin: auto;
	/* margin-left: 386px; */
	margin-top: 39px;
	overflow: hidden;
	margin-left: 258px;
}
.con3 > span:nth-of-type(4){
	font-family: OPPOSans-R;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #343434;
	display: block;
	width: 987px;
	/* margin-left: 387px; */
	margin-top: 38px;
	margin-bottom: 222px;
	margin-left: 258px;
}.con3 > span:nth-of-type(5){
	 display: block;
	 width: 100%;
 }
.sw1>span{
	float:left;
	margin-right: 4px;
	overflow: hidden;
}
.sw1 img{
	transition: all 0.88s ease;
}.sw1>span:nth-of-type(4){
	 margin-right: 0px;
	 margin-bottom: 3px;
 }.sw1 >span>img:nth-of-type(5){
	  margin-right: 0px;
  }
.con3 .swiper-button-next:after,.con3 .swiper-button-prev:after {
	content: 'next';
	font-size: 18px!important;
	color: #ffffff;
}
.con3 .swiper-button-next{
	width: 45px;
	height: 45px;
	background-color: #cccccc;
	border-radius: 24px;
	/* top: 322px; */
	outline: medium;
	top: 428px;
}
.con3 .swiper-button-prev{
	left: initial;
	width: 45px;
	height: 45px;
	background-color: #cccccc;
	border-radius: 24px;
	opacity: 1;
	right: 67px;
	transform: rotate(180deg);
	top: 428px;
	outline: medium;
}
.sw6 >span{
	margin-right: 7px;
	overflow: hidden;
	display: inline-block;
}.sw6 >span:last-child{margin-right: 0px!important;}
.con3 .swiper-button-prev:hover{
	background:#c49976;
}.con3 .swiper-button-next:hover{
	 background:#c49976;
 }
.sw3>span{
	float: left;
	margin-right: 6.5px!important;
	overflow: hidden;
}
.sw3>span img,.sw4>span img,.sw5>span img,.sw6>span img{
	transition: all 0.88s ease;
	width: 100%;
}
.sw3>span img:hover{
	transform: scale(1.08) translate3d(0, 0, 0);
}
.sw1>span img:hover{
	transform: scale(1.08) translate3d(0, 0, 0);
}
.sw2>span img:hover{
	transform: scale(1.08) translate3d(0, 0, 0);
}
.sw4>span img:hover{
	transform: scale(1.08) translate3d(0, 0, 0);
}
.sw5>span img:hover{
	transform: scale(1.08) translate3d(0, 0, 0);
}.sw6>span img:hover{
	 transform: scale(1.08) translate3d(0, 0, 0);
 }
.sw3>span:nth-of-type(3){
	margin-right: 0px!important;
	margin-bottom: 6px;
}.sw3>span:nth-of-type(5){
	 margin-right: 0px!important;
 }.sw3>span:nth-of-type(4){
	  margin-right:9px!important;
  }
.sw4>span{
	float: left;
	margin-right: 6px;
	overflow: hidden;
}.sw4>span:nth-of-type(4){
	 margin-right: 0px!important;
 }.sw4>span:nth-of-type(5){
	  margin-right: 0px!important;
	  margin-top: 7px;
  }

.sw5>span{
	float: left;
	margin-right: 6px;
	overflow: hidden;
}.sw5>span:nth-of-type(4){
	 margin-right: 0px!important;
 }.sw5>span:nth-of-type(5){
	  margin-right: 0px!important;
	  margin-top: 6px;
  }
.sw_ac{
	font-family: OPPOSans-B;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: -1px;
	color: #c49976;
}
.sw_ul{
	font-family: OPPOSans-R;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #555555;
	position: absolute;
	top: 414px;
	display: flex;
	align-items: center;
}.sw_ul li{
	 float: left;
	 margin-right: 54px;
	 cursor: pointer;
	 letter-spacing: 0px;
 }
/*.con3 .swiper-wrapper{*/
/*	height: auto!important;*/
/*}*/
.sw_ul li:hover{
	color: #c49976!important;
}
.con,.con2,.con3,.con4{
	display: none;
}
.con_class{
	display: block;
}
.nav2 li{
	display: none;
}
.nav span, .nav2 span{
	width: 0px;
	height: 1px;
	background:#000000;
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	transition: all 1s ease;
}
.cul_act span{
	display: block!important;
}
ol{

}
ol li span{
	width: 0px;
	height: 1px;
	background:#000000;
	position: absolute;
	bottom: -6px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
}
.con_react.con > span:nth-of-type(3) span{
	position: absolute;
	width: 100%;
	height: 1px;
	background: #c49976;
	top: 0px;
	right: 961px;
}
#culture_line2,#culture_line3,#culture_line4{
	position: absolute;
	width: 100%;
	height: 1px;
	background: #c49976;
	top: 0px;
	right: 961px;
}
.cul_act span{
	width: 100%;
}
.ol_act span{
	display: block;	transition: all 1s ease;
}
.ol_act span{
	width:100%;
}
.navs .ol_react{
	height: 153px;
	transition: height 1s ease 0s;
}
.cul_mySwiper .swiper-slide{
	cursor: grab;
}
.sw2>span{float:left}
.sw2>span>img{
	transition: all 0.88s ease;
}.sw2>img:hover{
	 transform: scale(1.08) translate3d(0, 0, 0);
 }
.con_react.con > span:nth-of-type(3){
	width: 1215px;
	position: relative;
	overflow: hidden;
}
.sw2 >span{margin-right: 8px;overflow: hidden;}
.sw2 >span:last-child{margin-right:0px!important;}
.con > span:nth-of-type(5) > span >img{
	transition: all 0.88s ease;
}.con > span:nth-of-type(5) > span >img:hover{
	 transform: scale(1.08) translate3d(0, 0, 0);
 }.con4 > span:nth-of-type(5) > span img{
	  transition: all 0.88s ease;
  }.con4 > span:nth-of-type(5) > span img:hover{
	   transform: scale(1.08) translate3d(0, 0, 0);
   }
.react16 ._1600, .react16 .part1.w1600, .react16 .w1600 {
	width: 1396px;
	min-width: 1396px;
	position: relative;
}
.react16 .con > span:nth-of-type(4) {
	width: 1135px;
}.react16 .con_react.con > span:nth-of-type(3){
	 width: 1135px;
 }
.react16 .con > span:nth-of-type(5) span:nth-of-type(1) {
	width: 363px;
	height: 586px;
}
.react16 .con > span:nth-of-type(5) span:nth-of-type(2) {
	width: 506px;
	margin-bottom: 0px;
}.react16 .con > span:nth-of-type(5) span:nth-of-type(3) {
	 width: 504px;
 }.react16 .con > span:nth-of-type(5) span:nth-of-type(4) {
	  width: 505px;
  }.react16 .con > span:nth-of-type(5) span:nth-of-type(5) {
	   margin-left: 9px;
	   margin-bottom: 8px;
	   width: 504px;
   }
.react16 .con > span:nth-of-type(5) > span >img {
	width: 100%;
}.react16 .con > span:nth-of-type(5) span:nth-of-type(6){
	 margin-bottom: 9px;
	 width: 528px;
 }
.react16 .con > span:nth-of-type(5) span:nth-of-type(7){margin-left: 9px;width: 482px;position: relative;overflow: hidden;height: 291px;}
.react16 .con > span:nth-of-type(5) span:nth-of-type(8){margin-left: 9px;width: 363px;height: 587px;}
.react16 .con > span:nth-of-type(5) span:nth-of-type(9){
	position: absolute;
	left: 0px;
	height: 288px;
	top: 1310px;
	overflow: hidden;
	width: 528px;
}
.react16 .con > span:nth-of-type(5) > span:nth-of-type(10){
	position: absolute;
	left: 537px;
	height: 288px;
	width: 551px;
	width: 483px;
	top: 1310px;
	overflow: hidden;
}.react16 .con > span:nth-of-type(5) span:nth-of-type(1) img, .react16 .con > span:nth-of-type(5) span:nth-of-type(7) img, .react16 .con > span:nth-of-type(5) span:nth-of-type(8) img, .react16 .con > span:nth-of-type(5) span:nth-of-type(9) img, .react16 .con2 > span:nth-of-type(5) span:nth-of-type(5) img, .react16 .con2 >span:nth-of-type(5) span:nth-of-type(6) img, .react16 .sw3>span:nth-of-type(1) img, .react16 .sw3>span:nth-of-type(4) img, .react16 .sw3>span:nth-of-type(5) img, .react16 .sw4>span:nth-of-type(5) img, .react16 .sw4>span:nth-of-type(4) img, .react16 .sw5>span:nth-of-type(1) img, .react16 .sw5>span:nth-of-type(2) img,  .react16 .sw5>span:nth-of-type(5) img, .react16 .sw5>span:nth-of-type(2) img, .react16 .sw5>span:nth-of-type(5) img, .react16 .sw6 >span:nth-of-type(1) img{
	 top: 0;
	 left: 0;
	 z-index: 1;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
 }.react16  .con2 > span:nth-of-type(5) span:nth-of-type(1) {
	  width: 388px;
  }.react16  .con2 > span:nth-of-type(5) span:nth-of-type(2) {
	   width: 396px;
   }.react16 .con2 span:nth-of-type(5) span:nth-of-type(3) {
		width: 597px;
	}.react16 .con2 > span:nth-of-type(5) span:nth-of-type(4) {
		 width: 597px;
	 }.react16  .con2 > span:nth-of-type(5) span:nth-of-type(5) {
		  width: 734px;
	  }.react16 .con2 >span:nth-of-type(5) span:nth-of-type(6){width: 654px;overflow: hidden;height: 360px;}
.react16  .con{
	margin-bottom: 0px;
}.react16 .con > span:nth-of-type(5) {
	 height: 1300px;
 }.react16 .con2 > span:nth-of-type(4) {
	  margin-bottom: 105px;
  }.react16 .con2 {
	   margin-bottom: 73px;
   }
.react16 .sw1>span {
	float: left;
	margin-right: 4px;
	overflow: hidden;
	width: 346px;
	height: auto;
	overflow: hidden;
}
.react16 .sw1>span:nth-of-type(4){
	margin-right:0px!important;
}.react16 .sw1>span:nth-of-type(5) {
	 margin-right:0px!important;
 }
.react16 .con4 > span:nth-of-type(4){
	margin-bottom: 104px;
}.react16 .con4 > span:nth-of-type(5) > span {
	 width: 273px;
	 height: 430px;
 }.react16 .con4 {
	  margin-top: 144px;
	  margin-bottom: 107px;
  }.react16 .sw2 >span {
	   width: 343px;
   }
.react16 .sw3>span:nth-of-type(1){width: 322px;height: 513.23px;position: relative;}
.react16 .sw3>span:nth-of-type(2){width: 322px;}
.react16 .sw3>span:nth-of-type(3){width: 735px;}
.react16 .sw3>span:nth-of-type(4){width: 300px;height: 253.53px;}
.react16 .sw3>span:nth-of-type(5){height: 253.53px;width: 428px;}
.react16 .sw4>span:nth-of-type(1){
	width: 315px;
}
.react16 .sw4>span:nth-of-type(2){
	width: 319px;
}
.react16 .sw4>span:nth-of-type(3){width: 377px;}
.react16 .sw4>span:nth-of-type(4){width: 350px;height: 251.63px;}.react16 .sw4>span:nth-of-type(5){width: 734px;height: 249px;}
.react16 .sw5>span:nth-of-type(1){width: 335px;height: 539px;position: relative;}
.react16 .sw5>span:nth-of-type(2){width: 319px;height: 539px;}
.react16 .sw5>span:nth-of-type(3){width: 390px;position: relative;/* height: 361px; */}
.react16 .sw5>span:nth-of-type(4){width: 332px;}
.react16 .sw5>span:nth-of-type(5){width: 730px;height: 292px;}
.react16 .sw5>span:nth-of-type(1) img{
	width: 100%;
}
.react16 .sw6 >span:nth-of-type(1){width: 558px;float: left;height: 541px;position: relative;}
.react16 .sw6 >span:nth-of-type(1) img,.react16 .sw6 >span:nth-of-type(2) img,.react16 .sw6 >span:nth-of-type(3) img{
	display: block;
	width: 100%;
}
.react16 .sw6 >span:nth-of-type(2){
	width: 411px;
	float: left;
}
.react16 .sw6 >span:nth-of-type(3){width: 411px;float: left;}
.react16 .con4 > span:nth-of-type(4){
	width: 1140px;
}
.react16 .con4 > span:nth-of-type(3){
	width: 1125px!important;
}.react16 .con4 > span:nth-of-type(5) > span img{
	 width: 100%;
 }.react16 .con3 {
	  margin-bottom: 95px;
  }

.react18 ._1600, .react18 .part1.w1600, .react18 .w1600 {
	width: 1396px;
	min-width: 1396px;
	position: relative;
}
.react18 .con > span:nth-of-type(4) {
	width: 1135px;
}.react18 .con_react.con > span:nth-of-type(3){
	 width: 1135px;
 }
.react18 .con > span:nth-of-type(5) span:nth-of-type(1) {
	width: 363px;
	height: 586px;
}
.react18 .con > span:nth-of-type(5) span:nth-of-type(2) {
	width: 506px;
	margin-bottom: 0px;
}.react18 .con > span:nth-of-type(5) span:nth-of-type(3) {
	 width: 504px;
 }.react18 .con > span:nth-of-type(5) span:nth-of-type(4) {
	  width: 505px;
  }.react18 .con > span:nth-of-type(5) span:nth-of-type(5) {
	   margin-left: 9px;
	   margin-bottom: 8px;
	   width: 504px;
   }
.react18 .con > span:nth-of-type(5) > span >img {
	width: 100%;
}.react1 .con > span:nth-of-type(5) span:nth-of-type(6){
	 margin-bottom: 9px;
	 width: 528px;
 }
.react18 .con > span:nth-of-type(5) span:nth-of-type(7){margin-left: 9px;width: 482px;position: relative;overflow: hidden;height: 291px;}
.react18 .con > span:nth-of-type(5) span:nth-of-type(8){margin-left: 9px;width: 363px;height: 587px;}
.react18 .con > span:nth-of-type(5) span:nth-of-type(9){
	position: absolute;
	left: 0px;
	height: 288px;
	top: 1310px;
	overflow: hidden;
	width: 528px;
}
.react18 .con > span:nth-of-type(5) > span:nth-of-type(10){
	position: absolute;
	left: 537px;
	height: 288px;
	width: 551px;
	width: 483px;
	top: 1310px;
	overflow: hidden;
}.react18 .con > span:nth-of-type(5) span:nth-of-type(1) img, .react18 .con > span:nth-of-type(5) span:nth-of-type(7) img, .react18 .con > span:nth-of-type(5) span:nth-of-type(8) img, .react18 .con > span:nth-of-type(5) span:nth-of-type(9) img, .react18 .con2 > span:nth-of-type(5) span:nth-of-type(5) img, .react18 .con2 >span:nth-of-type(5) span:nth-of-type(6) img, .react18 .sw3>span:nth-of-type(1) img, .react18 .sw3>span:nth-of-type(4) img, .react18 .sw3>span:nth-of-type(5) img, .react18 .sw4>span:nth-of-type(5) img, .react18 .sw4>span:nth-of-type(4) img, .react18 .sw5>span:nth-of-type(1) img, .react18 .sw5>span:nth-of-type(2) img,  .react18 .sw5>span:nth-of-type(5) img, .react18 .sw5>span:nth-of-type(2) img, .react18 .sw5>span:nth-of-type(5) img, .react18 .sw6 >span:nth-of-type(1) img{
	 top: 0;
	 left: 0;
	 z-index: 1;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
 }.react18  .con2 > span:nth-of-type(5) span:nth-of-type(1) {
	  width: 388px;
  }.react18  .con2 > span:nth-of-type(5) span:nth-of-type(2) {
	   width: 396px;
   }.react18 .con2 span:nth-of-type(5) span:nth-of-type(3) {
		width: 597px;
	}.react18 .con2 > span:nth-of-type(5) span:nth-of-type(4) {
		 width: 597px;
	 }.react18  .con2 > span:nth-of-type(5) span:nth-of-type(5) {
		  width: 734px;
	  }.react18 .con2 >span:nth-of-type(5) span:nth-of-type(6){width: 654px;overflow: hidden;height: 360px;}
.react18  .con{
	margin-bottom: 0px;
}.react18 .con > span:nth-of-type(5) {
	 height: 1300px;
 }.react18 .con2 > span:nth-of-type(4) {
	  margin-bottom: 105px;
  }.react18 .con2 {
	   margin-bottom: 73px;
   }
.react18 .sw1>span {
	float: left;
	margin-right: 4px;
	overflow: hidden;
	width: 346px;
	height: auto;
	overflow: hidden;
}
.react18 .sw1>span:nth-of-type(4){
	margin-right:0px!important;
}.react18 .sw1>span:nth-of-type(5) {
	 margin-right:0px!important;
 }
.react18 .con4 > span:nth-of-type(4){
	margin-bottom: 104px;
}.react18 .con4 > span:nth-of-type(5) > span {
	 width: 273px;
	 height: 430px;
 }.react18 .con4 {
	  margin-top: 144px;
	  margin-bottom: 107px;
  }.react18 .sw2 >span {
	   width: 343px;
   }
.react18 .sw3>span:nth-of-type(1){width: 322px;height: 513.23px;position: relative;}
.react18 .sw3>span:nth-of-type(2){width: 322px;}
.react18 .sw3>span:nth-of-type(3){width: 735px;}
.react18 .sw3>span:nth-of-type(4){width: 300px;height: 253.53px;}
.react18 .sw3>span:nth-of-type(5){height: 253.53px;width: 428px;}
.react18 .sw4>span:nth-of-type(1){
	width: 315px;
}
.react18 .sw4>span:nth-of-type(2){
	width: 319px;
}
.react18 .sw4>span:nth-of-type(3){width: 377px;}
.react18 .sw4>span:nth-of-type(4){width: 350px;height: 251.63px;}.react18 .sw4>span:nth-of-type(5){width: 734px;height: 249px;}
.react18 .sw5>span:nth-of-type(1){width: 335px;height: 539px;position: relative;}
.react18 .sw5>span:nth-of-type(2){width: 319px;height: 539px;}
.react18 .sw5>span:nth-of-type(3){width: 390px;position: relative;/* height: 361px; */}
.react18 .sw5>span:nth-of-type(4){width: 332px;}
.react18 .sw5>span:nth-of-type(5){width: 730px;height: 292px;}
.react18 .sw5>span:nth-of-type(1) img{
	width: 100%;
}
.react18 .sw6 >span:nth-of-type(1){width: 558px;float: left;height: 541px;position: relative;}
.react18 .sw6 >span:nth-of-type(1) img,.react18 .sw6 >span:nth-of-type(2) img,.react18 .sw6 >span:nth-of-type(3) img{
	display: block;
	width: 100%;
}
.react18 .sw6 >span:nth-of-type(2){
	width: 411px;
	float: left;
}
.react18 .sw6 >span:nth-of-type(3){width: 411px;float: left;}
.react18 .con4 > span:nth-of-type(4){
	width: 1140px;
}
.react18 .con4 > span:nth-of-type(3){
	width: 1125px!important;
}.react18 .con4 > span:nth-of-type(5) > span img{
	 width: 100%;
 }.react18 .con3 {
	  margin-bottom: 95px;
  }