/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15 /* 1 */;
    -webkit-text-size-adjust: 100% /* 2 */;
}

body {
    margin: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    -webkit-box-sizing: content-box /* 1 */;
    box-sizing: content-box /* 1 */;
    height: 0 /* 1 */;
    overflow: visible /* 2 */;
}

pre {
    font-family: monospace, monospace /* 1 */;
    font-size: 1em /* 2 */;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none /* 1 */;
    -webkit-text-decoration: underline /* 2 */;
    text-decoration: underline /* 2 */;
    -webkit-text-decoration: underline dotted /* 2 */;
    text-decoration: underline dotted /* 2 */;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace /* 1 */;
    font-size: 1em /* 2 */;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit /* 1 */;
    font-size: 100% /* 1 */;
    line-height: 1.15 /* 1 */;
    margin: 0 /* 2 */;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"] -moz-focusring,
[type="reset"] -moz-focusring,
[type="submit"] -moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    -webkit-box-sizing: border-box /* 1 */;
    box-sizing: border-box /* 1 */;
    color: inherit /* 2 */;
    display: table /* 1 */;
    max-width: 100% /* 1 */;
    padding: 0 /* 3 */;
    white-space: normal /* 1 */;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box /* 1 */;
    box-sizing: border-box /* 1 */;
    padding: 0 /* 2 */;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield /* 1 */;
    outline-offset: -2px /* 2 */;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button /* 1 */;
    font: inherit /* 2 */;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

div,
p,
ul,
ol,
li {
    margin: 0;
    padding: 0;
}

html,
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
input,
textarea,
p,
hr,
thead,
tbody,
tfoot,
th,
td {
    margin: 0;
    padding: 0;
}

html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

body {
    line-height: 1.7;
    background-color: #fff;
}

ul,
ol {
    list-style: none;
}

body,
button,
input,
select,
textarea {
    font-family: Tahoma, Arial, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", Sans-serif;
}

b,
strong {
    font-weight: bold;
}

i,
em {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    height: 100%;
    vertical-align: middle;
    border: 0 none;
}

button,
input,
select,
textarea {
    margin: 0;
    font-family: inherit;
    vertical-align: baseline;
    font-size: 100%;
    outline: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input:focus {
    outline: none;
}

input::-webkit-input-speech-button {
    display: none;
}

select[size],
select[multiple],
select[size][multiple] {
    padding: 0;
    border: 1px solid #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video,
progress {
    display: inline-block;
}

button,
input,
textarea {
    -webkit-tap-highlight-color: #fff;
}

body {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFEQTI2NUY3QzFERDExRUJBNzdGOUY1NzVGNjQwRUQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFEQTI2NUY4QzFERDExRUJBNzdGOUY1NzVGNjQwRUQxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MURBMjY1RjVDMUREMTFFQkE3N0Y5RjU3NUY2NDBFRDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MURBMjY1RjZDMUREMTFFQkE3N0Y5RjU3NUY2NDBFRDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4wdUwKAAABVElEQVR42jyS2xJDQBBEGRtxq6KS//9B5YVCiFvO6rAPa8xM9/ZcwrZtj+PYtu35fO77Pk1TURTzPIdhaGbLsth1vt8vmRYEQXgeDP7Xdf18PlEUyUkeN0SESCDqwDnnREYe9Hj363hKMzwYRB+Ph/G5uckADCW2nEgVJriOB+AiVYZgGHEcAxYAYuz/g0qVUJIkNEkSUin9/X6naToMg+c2+wM4/ABT0uv1wgMFnnEcu64ry5KQuEzPqXG8AEff9ypDFHJi4KT1JlbQMhAjm5jawmtN05CdZRlgc+dRQQhQ6fSaDKQTIqmqKpx1XXsP//AxYAzB/HROCm6GSNRdB9kOxXeJEp3nOZ573uqYVoGXDd2CKgN63tXUgdFT9VCz8ttC1+SChvveCFg0bG5Kh5fbb9e9dtQgVr8w51jAaPCSJJ1OugnIq83RnksqeC22hvMTYAAK3XxGsBHfLwAAAABJRU5ErkJggg==) repeat;
}

.body-box,
.header-box,
.mainer-box,
.footer-box {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.shadow {
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

a {
    cursor: pointer;
    color: #e3c46a;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover {
    color: #e3c46a;
}

img {
    vertical-align: middle;
}

.swiper-button-prev {
    background-image: none !important;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 45px;
    outline: 0 none;
}

.swiper-button-prev i {
    font-size: 50px;
    color: rgba(255, 255, 255, 0.8);
}

.swiper-button-next {
    background-image: none !important;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 45px;
    outline: 0 none;
}

.swiper-button-next i {
    font-size: 50px;
    color: rgba(255, 255, 255, 0.8);
}

.public-header-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100px;
    background: #fff;
}

.public-header-box .am-sticky-placeholder {
    width: 100%;
}

.public-header-box .header-meun {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100px;
    background: #fff;
}

.public-header-box .header-meun .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1400px;
    height: 100%;
}

.public-header-box .header-meun .list .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-right: 20px;
}

.public-header-box .header-meun .list .logo img {
    width: 270px;
    -o-object-fit: cover;
    object-fit: cover;
}

.public-header-box .header-meun .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.public-header-box .header-meun .list .item::last-child {
    border-bottom: none;
}

.public-header-box .header-meun .list .item:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.public-header-box .header-meun .list .item span.cn {
    letter-spacing: 3px;
    font-size: 14px;
    color: #000;
}

.public-header-box .header-meun .list .item span.en {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 12px;
    color: #000;
}

.header-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100vh;
    background: #fff;
}

.header-box .am-sticky-placeholder {
    width: 100%;
}

.header-box .header-meun {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100px;
    background: #fff;
}

.header-box .header-meun .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1400px;
    height: 100%;
}

.header-box .header-meun .list .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-right: 20px;
}

.header-box .header-meun .list .logo img {
    width: 270px;
    -o-object-fit: cover;
    object-fit: cover;
}

.header-box .header-meun .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-box .header-meun .list .item::last-child {
    border-bottom: none;
}

.header-box .header-meun .list .item:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.header-box .header-meun .list .item span.cn {
    letter-spacing: 3px;
    font-size: 14px;
    color: #000;
}

.header-box .header-meun .list .item span.en {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 12px;
    color: #000;
}

.header-box .header-swiper {
    width: 100%;
    height: calc(100% - 200px);
    background: #fff;
}

.header-box .header-swiper .toproll {
    width: 100%;
    height: 100%;
}

.header-box .header-swiper .toproll .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.header-box .header-swiper .toproll .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
}

.header-box .header-swiper .toproll .swiper-wrapper .swiper-slide a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.header-box .header-swiper .toproll .swiper-wrapper .swiper-slide a img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.header-box .header-tel {
    background: #fff;
    width: 100%;
    height: 100px;
    z-index: 1000;
}

.header-box .header-tel .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.header-box .header-tel .box .item {
    width: 400px;
}

.header-box .header-tel .box .logo {
    width: 300px;
    height: 100%;
}

.header-box .header-tel .box .logo img {
    width: 270px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.header-box .header-tel .box .tel {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 400px;
    height: 100%;
}

.header-box .header-tel .box .tel .yuan {
    position: absolute;
    top: -15px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 100%;
    border: 5px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-box .header-tel .box .tel .yuan i {
    margin-top: 10px;
    font-size: 40px;
    color: #000;
}

.header-box .header-tel .box .tel span.cn {
    font-size: 14px;
    color: #666;
}

.header-box .header-tel .box .tel span.num {
    margin-top: 8px;
    font-size: 30px;
    color: #000;
}

.header-box .header-tel .box .button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 400px;
    height: 100%;
}

.header-box .header-tel .box .button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 33.333333333333336%;
    height: 100%;
}

.header-box .header-tel .box .button a img {
    width: 90px;
    height: 90px;
    -o-object-fit: cover;
    object-fit: cover;
}

.header-box .header-tel .box .button a i {
    font-size: 40px;
    color: #666;
}

.header-box .header-tel .box .button a span {
    margin-top: 0px;
    font-size: 14px;
    color: #666;
}

.mainer-box {
    width: 100%;
}

.mainer-box .bg-wrap-box {
    position: relative;
    width: 100%;
    background: #000;
}

.mainer-box .bg-wrap-box .bg-wrap {
    width: 100%;
    height: 880px;
}

.mainer-box .bg-wrap-box .bg-wrap .swiper-container {
    width: 100%;
    height: 100%;
}

.mainer-box .bg-wrap-box .bg-wrap .swiper-container .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.mainer-box .bg-wrap-box .bg-wrap .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
}

.mainer-box .bg-wrap-box .bg-wrap .swiper-container .swiper-wrapper .swiper-slide .item {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    overflow: hidden;
}

.mainer-box .bg-wrap-box .bg-wrap .swiper-container .swiper-wrapper .swiper-slide .item:hover img {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.mainer-box .bg-wrap-box .bg-wrap .swiper-container .swiper-wrapper .swiper-slide .item:hover .center .text-long h3 {
    border-radius: 7px;
    border-color: rgba(230, 25, 84, 0.9);
    background-color: #000;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6);
    color: #fbd580;
}

.mainer-box .bg-wrap-box .bg-wrap .swiper-container .swiper-wrapper .swiper-slide .item img {
    overflow: hidden;
    width: 100%;
    height: 880px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.mainer-box .bg-wrap-box .bg-wrap .swiper-container .swiper-wrapper .swiper-slide .item .center {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainer-box .bg-wrap-box .bg-wrap .swiper-container .swiper-wrapper .swiper-slide .item .center .text-long {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 40px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.8);
}

.mainer-box .bg-wrap-box .bg-wrap .swiper-container .swiper-wrapper .swiper-slide .item .center .text-long h3 {
    padding: 10px 40px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    font-weight: normal;
}

.mainer-box .bg-wrap-box .bg-wrap .swiper-container .swiper-wrapper .swiper-slide .item .center .text-long .text-en {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    color: #000;
}

.mainer-box .bg-wrap-box .bg-wrap .swiper-container .swiper-wrapper .swiper-slide .item .center .text-long .text-cn {
    letter-spacing: 3px;
    font-size: 14px;
    color: #000;
}

.mainer-box .mode-title-box {
    margin: 0 auto;
}

.mainer-box .mode-title-box .title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1200px;
    padding-top: 40px;
    margin: 0 auto;
}

.mainer-box .mode-title-box .title-box .mode-top {
    text-transform: uppercase;
    font-size: 14px;
    color: #c6c6c6;
}

.mainer-box .mode-title-box .title-box .line-top {
    width: 25px;
    height: 4px;
    background: #c6c6c6;
    margin-top: 20px;
    margin-bottom: 15px;
}

.mainer-box .mode-title-box .title-box .mode-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainer-box .mode-title-box .title-box .mode-title .mode-title-cn {
    text-align: center;
    letter-spacing: 3px;
    text-indent: 1em;
    font-size: 42px;
    color: #000;
}

.mainer-box .mode-title-box .title-box .mode-title .mode-title-en {
    text-align: center;
    text-transform: uppercase;
    font-size: 42px;
    color: #c6c6c6;
}

.mainer-box .mode-title-box .title-box .mode-p-en {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    font-size: 12px;
    color: #c6c6c6;
    text-transform: uppercase;
}

.mainer-box .mode-title-box .title-box .line-bottom {
    width: 25px;
    height: 4px;
    background: #c6c6c6;
    margin-top: 12px;
    margin-bottom: 20px;
}

.mainer-box .photo-show-box {
    margin: 0 auto;
    padding: 40px 0 0 0;
}

.mainer-box .photo-show-box .photo-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1455px;
    margin: 0 auto;
}

.mainer-box .photo-show-box .photo-show .photo-item {
    width: 350px;
    height: 525px;
    margin-bottom: 20px;
    overflow: hidden;
}

.mainer-box .photo-show-box .photo-show .photo-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 525px;
}

.mainer-box .photo-show-box .photo-show .photo-item a img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.mainer-box .photo-show-box .photo-show .photo-item a .item-make {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    opacity: 0;
    top: 0;
    left: 595px;
    width: 350px;
    height: 525px;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.mainer-box .photo-show-box .photo-show .photo-item a .item-make img {
    width: 100%;
    height: 525px;
    height: auto;
}

.mainer-box .photo-show-box .photo-show .photo-item a .item-make p {
    font-size: 18px;
    color: #1f2025;
}

.mainer-box .more-button-box {
    margin: 40px auto;
}

.mainer-box .more-button-box .more-button {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainer-box .more-button-box .more-button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 225px;
    height: 33px;
    border: 1px solid #000;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.mainer-box .more-button-box .more-button a:hover {
    background: #000;
    border: 1px solid #000;
}

.mainer-box .more-button-box .more-button a:hover span {
    color: #fbd580;
}

.mainer-box .more-button-box .more-button a span {
    letter-spacing: 5px;
    font-size: 14px;
    color: #000;
}

.mainer-box .youshi-box {
    margin: 0 auto;
    background: #000;
}

.mainer-box .youshi-box .youshi {
    margin: 0 auto;
    padding: 60px 0 80px 0;
    width: 1455px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainer-box .youshi-box .youshi .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.mainer-box .youshi-box .youshi .top i {
    margin-top: 10px;
    margin-left: 20px;
    font-size: 40px;
    color: #fff;
}

.mainer-box .youshi-box .youshi .top span {
    letter-spacing: 5px;
    font-size: 40px;
    color: #fff;
}

.mainer-box .youshi-box .youshi .list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 80px;
}

.mainer-box .youshi-box .youshi .list .item {
    width: 25%;
}

.mainer-box .youshi-box .youshi .list .item .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.mainer-box .youshi-box .youshi .list .item .num:after {
    margin: 5px 0;
    content: ' ';
    width: 30px;
    height: 2px;
    background: #fbd580;
}

.mainer-box .youshi-box .youshi .list .item .num span {
    font-size: 18px;
    color: #fff;
}

.mainer-box .youshi-box .youshi .list .item .en {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 15px 0;
}

.mainer-box .youshi-box .youshi .list .item .en span {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mainer-box .youshi-box .youshi .list .item .cn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 5px 0;
}

.mainer-box .youshi-box .youshi .list .item .cn span {
    padding-bottom: 5px;
    font-size: 16px;
    color: #fff;
}

.mainer-box .sale-box {
    margin: 0 auto;
}

.mainer-box .sale-box .sale {
    padding-top: 40px;
    width: 1400px;
    margin: 0 auto;
}

.mainer-box .sale-box .sale a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
}

.mainer-box .sale-box .sale a img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.mainer-box .sale-box .sale .text-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #000;
    height: 60px;
}

.mainer-box .sale-box .sale .text-title .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainer-box .sale-box .sale .text-title .left span {
    letter-spacing: 3px;
    font-size: 18px;
    color: #fbd580;
}

.mainer-box .sale-box .sale .text-title .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 50px;
}

.mainer-box .sale-box .sale .text-title .right span {
    font-size: 18px;
    color: #fff;
    padding: 0 4px;
}

.mainer-box .sale-box .sale .text-title .right span:nth-child(2) {
    color: #fbd580;
}

.mainer-box .movie-box {
    margin-top: 40px;
    height: 500px;
}

.mainer-box .msg-box {
    margin: 0 auto;
}

.mainer-box .msg-box .msg {
    height: 460px;
}

.mainer-box .msg-box .msg .swiper-container .swiper-wrapper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 80px 0;
}

.mainer-box .msg-box .msg .swiper-container .swiper-wrapper .swiper-slide .item {
    position: relative;
    width: 400px;
}

.mainer-box .msg-box .msg .swiper-container .swiper-wrapper .swiper-slide .item .text {
    padding: 90px 20px;
    height: 300px;
    background: #f8f8f8;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.mainer-box .msg-box .msg .swiper-container .swiper-wrapper .swiper-slide .item .text:hover {
    background: #000;
}

.mainer-box .msg-box .msg .swiper-container .swiper-wrapper .swiper-slide .item .text:hover span {
    color: #fff;
}

.mainer-box .msg-box .msg .swiper-container .swiper-wrapper .swiper-slide .item .text:hover .time {
    color: #fbd580;
}

.mainer-box .msg-box .msg .swiper-container .swiper-wrapper .swiper-slide .item .text:hover p {
    color: #fff;
}

.mainer-box .msg-box .msg .swiper-container .swiper-wrapper .swiper-slide .item .text .name {
    margin-top: 30px;
    color: #000;
    font-size: 16px;
}

.mainer-box .msg-box .msg .swiper-container .swiper-wrapper .swiper-slide .item .text .time {
    color: #ccc;
    font-size: 14px;
}

.mainer-box .msg-box .msg .swiper-container .swiper-wrapper .swiper-slide .item .text p {
    margin-top: 10px;
    color: #000;
}

.mainer-box .msg-box .msg .swiper-container .swiper-wrapper .swiper-slide .item .icon-top {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    border-radius: 100%;
    z-index: 50;
}

.mainer-box .msg-box .msg .swiper-container .swiper-wrapper .swiper-slide .item .icon-top img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.mainer-box .news-box {
    margin: 0 auto;
}

.mainer-box .news-box .news {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainer-box .news-box .news .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 590px;
    padding: 20px;
    background: #f8f8f8;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    margin-bottom: 10px;
}

.mainer-box .news-box .news .item:hover {
    background: #000;
}

.mainer-box .news-box .news .item:hover .text span {
    color: #fff;
}

.mainer-box .news-box .news .item:hover .text p {
    color: #fff;
}

.mainer-box .news-box .news .item .img {
    width: 120px;
    height: 120px;
}

.mainer-box .news-box .news .item .img img {
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
}

.mainer-box .news-box .news .item .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 20px;
}

.mainer-box .news-box .news .item .text span {
    font-size: 18px;
    color: #000;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    margin-bottom: 10px;
}

.mainer-box .news-box .news .item .text p {
    font-size: 12px;
    color: #000;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.footer-box {
    margin: 0 auto 100px;
    background: #fff;
}

.footer-box .footer {
    width: 1455px;
    margin: 0 auto;
}

.footer-box .footer .bottom-meun {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0 0;
}

.footer-box .footer .bottom-meun .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    padding: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-box .footer .bottom-meun .item::last-child {
    border-bottom: none;
}

.footer-box .footer .bottom-meun .item:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.footer-box .footer .bottom-meun .item:hover span.cn {
    color: #000;
}

.footer-box .footer .bottom-meun .item span.cn {
    letter-spacing: 5px;
    font-size: 16px;
    color: #000;
}

.footer-box .footer .bottom-meun .item span.en {
    letter-spacing: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: #000;
}

.footer-box .footer .erweima {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 700px;
    margin: 0 auto;
}

.footer-box .footer .erweima .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px;
    margin-top: 30px;
}

.footer-box .footer .erweima .item span {
    padding-top: 5px;
    font-size: 12px;
    color: #000;
}

.footer-box .footer .erweima .item .cn {
    color: #c6c6c6;
}

.footer-box .footer .erweima .item .sao {
    color: #c6c6c6;
}

.footer-box .footer .erweima .item img {
    width: 135px;
    height: 135px;
    margin-bottom: 15px;
    -o-object-fit: cover;
    object-fit: cover;
}

.footer-box .footer .service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0 0;
}

.footer-box .footer .service span.cn {
    background: #282828;
    color: #fff;
    padding: 15px 40px;
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 5px;
}

.footer-box .footer .service span.en {
    background: #c6c6c6;
    color: #fff;
    padding: 15px 40px;
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.footer-box .footer .copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0;
}

.footer-box .footer .copyright span {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
}

.footer-box .footer .copyright .icp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-box .footer .copyright .icp a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    font-size: 14px;
    color: #c6c6c6;
    margin-right: 20px;
}

.footer-box .footer .copyright .icp a img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    -o-object-fit: cover;
    object-fit: cover;
}

.fixed-box {
    position: fixed;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    height: 100px;
    background: #000;
    z-index: 99;
}

.fixed-box .fixed {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.fixed-box .fixed .back_top .yuan {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 100%;
    border: 3px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fixed-box .fixed .back_top .yuan i {
    margin-top: 10px;
    font-size: 38px;
    color: #000;
}

.fixed-box .fixed .logo {
    width: 300px;
    height: 100%;
}

.fixed-box .fixed .logo img {
    width: 270px;
    -o-object-fit: cover;
    object-fit: cover;
}

.fixed-box .fixed .tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.fixed-box .fixed .tel .text-cn {
    font-size: 16px;
    color: #fff;
}

.fixed-box .fixed .tel .text-num {
    margin-left: 8px;
    font-size: 30px;
    color: #fff;
}

.fixed-box .fixed .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 50px;
    height: 100%;
}

.fixed-box .fixed .form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.fixed-box .fixed .form form .input-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 50px;
}

.fixed-box .fixed .form form .input-item input {
    width: 265px;
    padding: 8px 15px;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.fixed-box .fixed .form form .input-item .button {
    width: 100px;
    padding: 10px 15px;
    color: #000;
    background: #fff;
    border: none;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.photo-nav-box {
    margin: 0 auto;
}

.photo-nav-box .photo-nav {
    width: 1400px;
    margin: 40px auto 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.photo-nav-box .photo-nav .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 35px;
    border: 1px solid #c6c6c6;
    border-radius: 16px;
    margin-bottom: 10px;
    margin-right: 20px;
    color: #c6c6c6;
}

.photo-nav-box .photo-nav .item:hover {
    background: #000;
    border: 1px solid #000;
}

.photo-nav-box .photo-nav .item:hover span {
    color: #fff;
}

.photo-nav-box .photo-nav .item span {
    color: #999;
    letter-spacing: 1px;
}

.photo-nav-box .photo-nav .active {
    background: #000;
    border: 1px solid #000;
}

.photo-nav-box .photo-nav .active span {
    color: #fff;
}

.photo-nav-box .photo-nav .active:hover {
    background: #000;
    border: 1px solid #000;
}

.photo-nav-box .photo-nav .active:hover span {
    color: #fff;
}

.photo-list-box {
    margin: 0 auto;
    padding: 40px 0 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.photo-list-box .photo-show {
    width: 1455px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
}

.photo-list-box .photo-show .photo-item {
    width: 350px;
    height: 525px;
    margin-bottom: 20px;
    overflow: hidden;
}

.photo-list-box .photo-show .photo-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 525px;
}

.photo-list-box .photo-show .photo-item a img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.photo-list-box .photo-show .photo-item a .item-make {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    opacity: 0;
    top: 0;
    left: 595px;
    width: 350px;
    height: 525px;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.photo-list-box .photo-show .photo-item a .item-make img {
    width: 100%;
    height: 525px;
    height: auto;
}

.photo-list-box .photo-show .photo-item a .item-make p {
    font-size: 18px;
    color: #1f2025;
}

.common-pages-box {
    margin: 0 auto 20px auto;
}

.common-pages-box .common-pages {
    width: 1400px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-pages-box .common-pages ul.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-pages-box .common-pages ul.pagination li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 20px;
    margin: 0 5px;
    border: 1px #000 solid;
    width: 40px;
    height: 40px;
    font-size: 12px;
    color: #000;
}

.common-pages-box .common-pages ul.pagination li a:hover {
    font-size: 18px;
}

.common-pages-box .common-pages ul.pagination .disabled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 20px;
    margin: 0 5px;
    border: 1px #000 solid;
    width: 40px;
    height: 40px;
    border: 1px #c6c6c6 solid;
    cursor: default;
    font-size: 12px;
    color: #c6c6c6;
}

.common-pages-box .common-pages ul.pagination .disabled:hover {
    font-size: 12px;
}

.common-pages-box .common-pages ul.pagination .active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 20px;
    margin: 0 5px;
    border: 1px #000 solid;
    width: 40px;
    height: 40px;
    background: #000;
    font-size: 12px;
    color: #fff;
}

.common-pages-box .common-pages ul.pagination .active:hover {
    font-size: 12px;
}

.common-details-box {
    margin: 0 auto;
    background: #fff;
}

.common-details-box .line-bottom {
    margin: 0 auto;
    width: 1400px;
    height: 100px;
}

.common-details-box .line-bottom .scroll-top {
    padding: 20px 0;
    border-bottom: 1px solid #c6c6c6;
}

.common-details-box .line-bottom .scroll-top a {
    width: 84px;
    height: 30px;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAAAdCAYAAAD4ibPLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOEE2RENBMDIxQzdDQTZEQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNjVGOUQ5MjNBMjAxMUU0QjUyNEEzRjE5NjVEMTkzQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNjVGOUQ5MTNBMjAxMUU0QjUyNEEzRjE5NjVEMTkzQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkyNUYzRkUyMTgyMDY4MTE4OEM2RUREMEY3QTYzNjZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4QTZEQ0EwMjFDN0NBNkRDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+kJcopgAAA1BJREFUeNrsW8tt4zAQlYQ0oBa8JWhLkEvw3nNRSrBKkEuwLrlHSAXSac9xCXELKoFLxo/wLEHKvwQQofeAgT+ih8MZvRlylKRKqYQglo6MLiCISIjw/v7OshUh/qaZIhG+mQQkQ5wkiIUMWQwkYGWIuxLEQIYsFhKQDHFvh+ZOhiwmEpAMcZ8J5kyGLDYSkAxxH4znSoaUzxEIgs8RCIJEIAgSgSBIBIIgEQiCRCAIEoEgAniauvj6+prrl62WQkurpXOGrLRUuD5qOWDciOvmWi7GDxgjUWrZQNeIMa0zxtiw8/zO6vRh6/lO6qigw9h3xNoGZ20b8dnY1j0/P4+zj2qaMm5O3BKlxkcqwh6KzWSNY6Qx6EMY2sGxn3hNhKMSGN47Rhodb1iQ1bGBXhmIxmNbIeaZQhNYVwUH7hDkPcS9WRKxlj6SBMe43Ri3ySfLuiKYhdWYuMDCRzDSOGLtyRTWiBYG7ARjN7i+Fjp+iUzkBnKNz8bINJA5dhfW6P52i7nXzjgb8A46S4xd6yrwnz/052HmFeEUN6UG/X6xcRNjzv64syIMYGYOx8nSWXucaR3ZBvStPDp8JasG8VY/cJsYJ714vh8xbzWxTVwF7J0bTnEzWySlFh033LsX4zZJBJ35rNM+nHK2QZa5Bg0Y+wFjd2KvGNJh963f7dBC7C1DN9DKGd9rEvTYOrTaJ4fZ00Cpc9xOFWGRcYN8xQ0J4f6ukQ78C5zQCzLckhU7OK9DOT3coeO7cOucdg9s5DcSQxxQinFD3JAYkoeIIMrmTuzvhisPPAkc+IJs5HYiiolSXAZK+CM4QsrA9cqZ86sbYs4EWo5JbFBq0XGDXBW3bOKgXGrZO8pzcdBpAobtPfu1FoY2Tkts6xmb4zBW/1D2qaG/8JTfBtfjRZqWWhi3G/E0sSUaNBEaLbZNVonDinHOHxgme8wVxtaBhfTJubd8xMn+Db/rknMPuPV0FXpHl52vFDZd44xOdBqs7QX01Em4vx1LFTCdInNQZtxuyR+X/jFHE8E+XOk8ZSZ3Sqf74EW27uz4wmO07Fv75ik9ZTt3DkhjoCSXASdJ20fMO3q6DQfbPo2sMiw+biI5PE4EglgC+LdGBEEiEMQJ/wQYALtiwvX4DqILAAAAAElFTkSuQmCC) no-repeat left top;
    margin: 0 auto;
}

.common-details-box .details {
    margin: 0 auto;
    width: 100%;
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.common-details-box .details .news-content {
    width: 1200px;
    padding: 40px;
    overflow: hidden;
}

.common-details-box .details .news-content .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
}

.common-details-box .details .news-content .title .text-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
}

.common-details-box .details .news-content .title .text-time i {
    font-size: 16px;
    color: #c6c6c6;
    padding: 0 10px;
}

.common-details-box .details .news-content .title .text-time span {
    font-size: 16px;
    color: #c6c6c6;
}

.common-details-box .details .news-content .title .text-cn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-details-box .details .news-content .title .text-cn span {
    letter-spacing: 2px;
    font-size: 22px;
    color: #000;
}

.common-details-box .details .news-content p {
    text-align: justify;
    font-size: 16px;
}

.common-details-box .details .news-content figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-details-box .details .news-content figure img {
    max-width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.common-details-box .details .sale-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1200px;
}

.common-details-box .details .sale-list .item {
    width: 1200px;
}

.common-details-box .details .sale-list .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.common-details-box .details .sale-list .item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #000;
}

.common-details-box .details .sale-list .item .title .left span {
    letter-spacing: 3px;
    font-size: 18px;
    color: #fbd580;
}

.common-details-box .details .sale-list .item .title .right {
    margin-left: 50px;
}

.common-details-box .details .sale-list .item .title .right span {
    font-size: 18px;
    color: #fff;
    padding: 0 4px;
}

.common-details-box .details .sale-list .item .title .right span:nth-child(2) {
    color: #fbd580;
}

.common-details-box .details .photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.common-details-box .details .photo img {
    width: 1200px;
    -o-object-fit: cover;
    object-fit: cover;
}

.common-details-box .details .more {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    padding: 0 40px;
    overflow: hidden;
}

.common-details-box .details .more .right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-details-box .details .more .right .weixin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-details-box .details .more .right .weixin span {
    color: #c6c6c6;
}

.common-details-box .details .more .right .weixin img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.common-details-box .details .more .right .title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
}

.common-details-box .details .more .right .title .text-cn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-details-box .details .more .right .title .text-cn span {
    letter-spacing: 2px;
    font-size: 18px;
    color: #000;
}

.common-details-box .details .more .right .title .text-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-details-box .details .more .right .title .text-time i {
    font-size: 16px;
    padding: 0 10px;
    color: #c6c6c6;
}

.common-details-box .details .more .right .title .text-time span {
    font-size: 16px;
    color: #c6c6c6;
}

.common-details-box .details .more .right .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60%;
    margin: 20px 0;
    padding: 10px 20px;
    border: 1px solid #c6c6c6;
}

.common-details-box .details .more .right .bottom span {
    color: #747474;
    font-size: 14px;
}

.common-details-box .details .more .list {
    position: relative;
    width: 100%;
    margin: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-details-box .details .more .list .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.common-details-box .details .more .list .title i {
    font-size: 24px;
    color: #c6c6c6;
    margin-right: 5px;
}

.common-details-box .details .more .list .title span {
    letter-spacing: 2px;
    font-size: 18px;
    color: #000;
}

.common-details-box .details .more .list .item {
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.common-details-box .details .more .list .item:last-child {
    border-bottom: none;
}

.common-details-box .details .more .list .item img {
    width: 350px;
    height: 525px;
    -o-object-fit: cover;
    object-fit: cover;
}

.common-details-box .details .more .list .sale-item {
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.common-details-box .details .more .list .sale-item:last-child {
    border-bottom: none;
}

.common-details-box .details .more .list .sale-item img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.common-details-box .details .more .list .news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 20px;
    background: #f8f8f8;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    margin-bottom: 10px;
}

.common-details-box .details .more .list .news-item:hover {
    background: #000;
}

.common-details-box .details .more .list .news-item:hover .text span {
    color: #fff;
}

.common-details-box .details .more .list .news-item:hover .text p {
    color: #fff;
}

.common-details-box .details .more .list .news-item .img {
    width: 120px;
    height: 120px;
}

.common-details-box .details .more .list .news-item .img img {
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
}

.common-details-box .details .more .list .news-item .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 20px;
}

.common-details-box .details .more .list .news-item .text span {
    font-size: 18px;
    color: #000;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    margin-bottom: 10px;
}

.common-details-box .details .more .list .news-item .text p {
    font-size: 12px;
    color: #000;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.common-details-box .details2 {
    margin: 0 auto;
    width: 100%;
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.common-details-box .details2 .photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.common-details-box .details2 .photo figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-details-box .details2 .photo figure img {
    width: auto !important;
    height: 100%;
}

.common-details-box .details2 .photo img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.common-details-box .details2 .more {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    padding: 0 40px;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.common-details-box .details2 .more .right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-details-box .details2 .more .right .weixin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-details-box .details2 .more .right .weixin span {
    color: #c6c6c6;
}

.common-details-box .details2 .more .right .weixin img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.common-details-box .details2 .more .right .title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
}

.common-details-box .details2 .more .right .title .text-cn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-details-box .details2 .more .right .title .text-cn span {
    letter-spacing: 2px;
    font-size: 18px;
    color: #000;
}

.common-details-box .details2 .more .right .title .text-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-details-box .details2 .more .right .title .text-time i {
    font-size: 16px;
    padding: 0 10px;
    color: #c6c6c6;
}

.common-details-box .details2 .more .right .title .text-time span {
    font-size: 16px;
    color: #c6c6c6;
}

.common-details-box .details2 .more .right .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60%;
    margin: 20px 0;
    padding: 10px 20px;
    border: 1px solid #c6c6c6;
}

.common-details-box .details2 .more .right .bottom span {
    color: #747474;
    font-size: 14px;
}

.common-details-box .details2 .more .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
}

.common-details-box .details2 .more .list .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.common-details-box .details2 .more .list .title i {
    font-size: 24px;
    color: #c6c6c6;
    margin-right: 5px;
}

.common-details-box .details2 .more .list .title span {
    letter-spacing: 2px;
    font-size: 18px;
    color: #000;
}

.common-details-box .details2 .more .list .item {
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.common-details-box .details2 .more .list .item:last-child {
    border-bottom: none;
}

.common-details-box .details2 .more .list .item img {
    width: 350px;
    height: 525px;
    -o-object-fit: cover;
    object-fit: cover;
}

.common-details-box .details2 .more .list .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

.common-details-box .details2 .more .list .list-item .sale-item {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
    margin-right: 20px;
}

.common-details-box .details2 .more .list .list-item .sale-item:last-child {
    border-bottom: none;
}

.common-details-box .details2 .more .list .list-item .sale-item img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.common-details-box .details2 .more .list .news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 590px;
    padding: 20px;
    background: #f8f8f8;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    margin-bottom: 10px;
}

.common-details-box .details2 .more .list .news-item:hover {
    background: #000;
}

.common-details-box .details2 .more .list .news-item:hover .text span {
    color: #fff;
}

.common-details-box .details2 .more .list .news-item:hover .text p {
    color: #fff;
}

.common-details-box .details2 .more .list .news-item .img {
    width: 120px;
    height: 120px;
}

.common-details-box .details2 .more .list .news-item .img img {
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
}

.common-details-box .details2 .more .list .news-item .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 20px;
}

.common-details-box .details2 .more .list .news-item .text span {
    font-size: 18px;
    color: #000;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    margin-bottom: 10px;
}

.common-details-box .details2 .more .list .news-item .text p {
    font-size: 12px;
    color: #000;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}