@charset "utf-8";
@font-face {  
    font-family: "Alibaba-PuHuiTi-Regular"; font-weight: normal; font-style: normal;
    src: url('../fonts/Alibaba-PuHuiTi-Regular.ttf');
}
/*初始化样式*/
* {
    -webkit-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*html5设置*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

html,
body,
div,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
ol,
ul,
li {
    margin: 0;
    padding: 0;
}

body {
    background-color: #ffffff;
    color: #333;
    font: normal 20px/1.75em 'Alibaba-PuHuiTi-Regular', 'Sans-serif';
    overflow-x: hidden;
    word-wrap: break-word;
}

a {
    text-decoration: none;
    outline: none;
    color: #333;
}

a:focus {
    outline: none;
    -moz-outline: none;
}

a:hover {
    color: #e94830;
}

a img {
    border: none;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

li {
    list-style: none;
}

select,
input,
textarea,
button {
    border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    outline: none;
    font-family: 'Arial', 'Sans-serif';
    font-size: 1em;
}

input:focus {
    outline: none;
}

textarea {
    resize: none;
}

input[type='text']::-moz-placeholder {
    opacity: 0.75;
    color: inherit;
}

input[type='text']:-moz-placeholder {
    opacity: 0.75;
    color: inherit;
}

input[type='text']::-webkit-input-placeholder {
    opacity: 0.75;
    color: inherit;
}

input[type='text']:-ms-input-placeholder {
    opacity: 0.75;
    color: inherit;
}

table {
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    border-top: solid 1px #e4e4e4;
    border-left: solid 1px #e4e4e4;
    box-sizing: border-box;
}

table th {
    background-color: #f9f9f9;
    text-align: center;
    box-sizing: border-box;
}

table td,
table th {
    padding: 5px;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
}

/*全局样式*/
.inner {
    width: 93.75%;
    max-width: 1520px;
    margin: 0 auto;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
    width: 100%;
}

.figure {
    overflow: hidden;
    position: relative;
}

.figure a {
    display: block;
}

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

.figure .img {
    background: no-repeat center center;
    background-size: cover;
    display: block;
    transition: all .3s;
}

.rows {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wot {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.submit {
    cursor: pointer;
}

.fz36 {
    font-size: 1.8em;
    line-height: 1.35em;
}

.fz32 {
    font-size: 1.6em;
    line-height: 1.35em;
}

.fz30 {
    font-size: 1.5em;
    line-height: 1.35em;
}

.fz28 {
    font-size: 1.4em;
    line-height: 1.35em;
}

.fz22 {
    font-size: 1.1em;
    line-height: 1.35em;
}

/* Slider */
.slick-load {
    display: none;
}

.slick-load .item {
    vertical-align: middle;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow {
    overflow: hidden;
    text-indent: -99999em;
    background: no-repeat 0 0;
    background-size: 100% auto;
    cursor: pointer;
}

.slick-dots {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.75em;
}

.slick-dots li {
    padding: 0 0.9em;
}

.slick-dots button {
    display: block;
    border: none;
    cursor: pointer;
    width: 0.8em;
    height: 0.8em;
    border-radius: 50%;
    text-indent: -99999em;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.2;
    transition: all 0.3s;
}

.slick-dots .slick-active button {
    opacity: 1;
}

/*flexbox*/
.flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
}

.tablebox {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.shadow {
    box-shadow: -0.3em 0.3em 0.3em rgba(51, 51, 51, 0.3);
}

/*entry*/
.entry img {
    max-width: 100%;
    height: auto !important;
}

.entry p {
    margin-bottom: 1em;
}

.entry ul,
.entry ol {
    margin-left: 2em;
    margin-bottom: 1em;
}

.entry ul li {
    list-style: outside disc none;
}

.entry ol li {
    list-style: outside decimal none;
}

.entry h1 {
    font-size: 1.5em;
    margin-bottom: 0.66666667em;
}

.entry h2 {
    font-size: 1.35em;
    margin-bottom: 0.74074074em;
}

.entry h3 {
    font-size: 1.25em;
    margin-bottom: 0.8em;
}

.entry h4 {
    font-size: 1.125em;
    margin-bottom: 0.88888889em;
}

.entry h5 {
    font-size: 1em;
    margin-bottom: 1em;
}

.entry h6 {
    font-size: 0.875em;
    margin-bottom: 1.14285714em;
}

.entry blockquote {
    margin: 0 2em;
    font-style: italic;
    opacity: 0.95;
    padding: 1em;
    border: 1px solid #e8e8e8;
    background-color: #f9f9f9;
    margin-bottom: 1em;
}

.entry hr {
    border: none;
    clear: both;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 1em;
}

/*header*/
#header {
    background-color: #fff;
}

#header .inner {
    position: relative;
}

/*logo*/
#logo {
    width: 13.6em;
    font-size: 1em;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    padding: 1.25em 0 0.95em;
}

#logo a {
    display: block;
    overflow: hidden;
    padding-bottom: 18.75%;
    position: relative;
    background: no-repeat left center;
    background-size: contain;
}

#logo i {
    position: absolute;
    width: 100%;
    height: 100%;
    text-indent: -99999em;
    display: block;
    overflow: hidden;
}

/*button*/
#button {
    float: right;
    width: 9.15em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0.4em 0;
    align-items:center;
}

#button span {
    display: block;
    position: relative;
}
#button .lng {font-size:0.8em; line-height:1.25em;}
#button .go {
    display: block;
    width: 1em;
    height: 1em;
    background: no-repeat center center;
    background-size: contain;
    position: relative;
}

#button .go:after {
    width: 100%;
    height: 2px;
    background-color: #e94830;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -0.4em;
    opacity: 0;
}

#button .addr {
    width: 0.85em;
}

#button .addr .go {
    background-image: url(../images/button_addr.svg);
}

#button .addr.current .go {
    background-image: url(../images/button_addr_cur.svg);
}

#button .find .go {
    background-image: url(../images/button_find.svg);
}

#button .find.current .go {
    background-image: url(../images/button_find_cur.svg);
}

#button .call .go {
    background-image: url(../images/button_call.svg);
}

#button .call.current .go {
    background-image: url(../images/button_call_cur.svg);
}
#button .lng .go {
    background:url(../images/button_lng.svg) no-repeat left center;
    background-size:auto 1.25em;
    padding-left:1.5em;
    width:auto;
    height:auto;
}
#button .call i {
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 300%;
    background-color: #fff;
    z-index: 5;
    font-style: normal;
    font-size: 1.1em;
    color: #4c4844;
    padding: 0 0.68181818em;
    line-height: 2.18181818em;
    border-radius: 0.45454545em;
    display: none;
}

#button .call i:before {
    border-bottom: 0.31818182em solid #fff;
    border-left: 0.27272727em solid transparent;
    border-right: 0.27272727em solid transparent;
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

#button .nbtn {
    display: none;
}

#button .current .go:after {
    opacity: 1;
}

/*search*/
#search {
    position: absolute;
    background-color: #fff;
    box-shadow: -0.375em 0.375em 0.375em rgba(51, 51, 51, 0.3);
    border-radius: 0.5em;
    right: 0;
    top: 100%;
    z-index: 8;
    width: 300px;
    font-size: 16px;
    display: none;
}

#search .text {
    display: block;
    width: 100%;
    height: 2.75em;
    line-height: 1.5em;
    padding: 0.625em 2.75em 0.625em 1em;
}

#search .go {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2.75em;
    cursor: pointer;
    background: url(../images/button_find.svg) no-repeat center center;
    background-size: 1em auto;
}

/*navi*/
#navi {
    margin-right: 11em;
}

#navi .box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 0.9em;
    line-height: 2em;
}

#navi .parent {
    position: relative;
    padding-bottom: 1em;
}

#navi .parent>a {
    position: relative;
}

#navi .parent>a:after {
    width: 100%;
    height: 2px;
    background-color: #e94830;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
}

#navi a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

#navi .drop {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 100%;
    border-radius: 0.4em;
    z-index: 2;
    background-color: #fff;
    font-size: 1.11111111em;
    line-height: 1.5em;
    padding: 1em 0;
    min-width: 100%;
    display: none;
}

#navi .drop a {
    padding: 0.75em 1.1em;
}

#navi .current>a,
#navi .on>a {
    color: #e94830;
}

#navi .current>a:after,
#navi .on>a:after {
    opacity: 1;
}

/*videobox*/
.videobox {
    position: relative;
    padding-bottom: 41.66666667%;
}

.videobox .cover,
.videobox video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 140%;
}

.videobox video {
    display: block;
    object-fit: cover;
}

.videobox .cover {
    background: no-repeat center center;
    background-size: cover;
}

.videobox .play {
    width: 5.45em;
    padding-bottom: 5.45em;
    background: url(../images/video_play.svg) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.725em;
    margin-left: -2.725em;
    transition: all 0.3s;
}

.videobox .play:hover {
    transform: scale(0.9);
}

/*footer*/
#footer {
    background-color: #fff;
    color: #000;
    padding: 1.6em 0 1.15em;
}

#footer a {
    color: #000;
}

#footer a:hover {
    color: #e94830;
}

/*copyright*/
#copyright {
    text-align: center;
    font-size: 0.8em;
    line-height: 1.875em;
    clear: both;
    padding: 1.51315789% 0;
}

#copyright a {
    display: inline-block;
}

/*social*/
#social {
    float: right;
    width: 11em;
    padding: 1.51315789% 0;
}

#social ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

#social li {
    position: relative;
}

#social a {
    display: block;
    overflow: hidden;
    height: 1.3em;
    width: 1.6em;
    background: no-repeat center center;
    background-size: contain;
}

#social .wx a {
    background-image: url(../images/social_wx.png);
}

#social .wb a {
    width: 1.45em;
    background-image: url(../images/social_wb.png);
}
#social .xhs a {
    background-image: url(../images/social_xhs.png);
}

#social .dy a {
    width: 1.45em;
    background-image: url(../images/social_dy.png);
}
#social .qr {
    width: 4em;
    background-color: #fff;
    padding: 0.3em;
    border-radius: 0.5em;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 150%;
    display: none;
    box-shadow: 0 0.3em 0.3em rgba(51, 51, 51, 0.3);
    z-index: 3;
}

#social .qr:after {
    border-top: 6px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
}

#social img {
    display: block;
    width: 100%;
}

/*menu*/
#menu {
    margin-right: 12em;
    position: relative;
    padding: 1.51315789% 0;
}

#menu li {
    padding:0 1.5em;
    position: relative;
    font-size: 0.9em;
    text-align: center;
    line-height: 1.33333333em;
    border-left: 1px solid #898989;
}

#menu li:last-child {
    border-right: 1px solid #898989;
}

/*boxname*/
.boxname {
    margin-bottom: 2.63157895%;
    overflow: hidden;
}

.boxname span {
    display: inline-block;
    position: relative;
    padding-right: 4.60526316%;
}

.boxname span:after {
    width: 100vw;
    height: 1px;
    background-color: #ccc;
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}

/*introTab*/
.introTab .dots {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 1.1em;
    line-height: 1.5em;
    margin-bottom: 3.28947368%;
}

.introTab .dots span {
    padding: 0 2.63157895%;
    margin: 0 1.31578947%;
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
}

.introTab .dots span:before {
    background: url(../images/dot_01.svg) no-repeat center center;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.45454545em;
    height: 0.45454545em;
    opacity: 0;
    transition: all 0.2s;
}

.introTab .dots .cur {
    color: #e94830;
}

.introTab .dots .cur:before {
    opacity: 1;
}

.introTab .list {
    background-color: #fff;
    padding: 4.84375% 3.125% 3.38541667%;
}

.introTab .title {
    font-size: 1.1em;
    line-height: 1.5em;
    margin-bottom: 1.8245614%;
}

.introTab .item {
    display: none;
}

/*homeIntro*/
#homeIntro {
    padding: 21.84375% 0 4.16666667%;
}

/*homeAbout*/
#homeAbout {
    padding: 5.20833333% 0;
}

#homeAbout .inner {
    position: relative;
    display: table;
    table-layout: fixed;
}

#homeAbout .pic {
    display: table-cell;
    vertical-align: middle;
}

#homeAbout .figure {
    width: 116.07142857%;
}

#homeAbout .img {
    padding-bottom: 53.84615385%;
    border-radius: 0.75em;
}

#homeAbout .text {
    width: 20em;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}

#homeAbout .box {
    background-color: #fff;
    box-shadow: 0px 0.4em 1.45em #b5b5b5;
    border-radius: 0.75em;
    padding: 15% 13.75% 9.5%;
}

#homeAbout .title {
    color: #000;
    font-weight: normal;
    margin-bottom: 0.93333333em;
}

#homeAbout .title:after {
    height: 0.1em;
    width: 1.66666667em;
    background-color: #e94830;
    display: block;
    content: '';
    margin-top: 0.66666667em;
}

#homeAbout .intro {
    font-size: 0.8em;
}

#homeAbout .more {
    font-size: 0.9em;
    line-height: 1.5em;
    margin-top: 2.22222222em;
}

#homeAbout .more a {
    color: #999;
    display: inline-block;
}

#homeAbout .more a:hover {
    color: #e94830;
}

/*prolist*/
.prolist .item {
    position: relative;
}

.prolist .img {
    padding-bottom: 46.875%;
    display: none;
}

.prolist .img:first-child {
    display: block;
}

.prolist .text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    color: #fff;
}

.prolist .box {
    padding: 0 6.90789474%;
}

.prolist .title {
    margin-bottom: 1.43333333em;
}

.prolist .title:after {
    height: 0.1em;
    width: 3.33333333em;
    background-color: #e94830;
    display: block;
    content: '';
    margin-top: 0.56666667em;
}
.prolist .slick-slide:not(.slick-current) .title,
.prolist .slick-slide:not(.slick-current) .text ul{opacity: 0; -webkit-transform: translate(0,100px);   -ms-transform: translate(0,100px);   transform: translate(0,100px);}
.prolist .text li {
    line-height: 2em;
    font-weight: lighter;
    padding-left: 1.3em;
    position: relative;
}

.prolist .text li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background: url(../images/arrow_right_01.svg) no-repeat center center;
    background-size: contain;
    width: 0.4em;
    height: 0.6em;
    top: 0.7em;
    opacity: 0;
}
/* 20230907 */
.prolist .text li span {
    cursor: pointer;
    display: inline-block;
    color: #fff;
}
/* 20230907end */
.prolist .text .cur {
    font-weight: normal;
}

.prolist .text .cur:before {
    opacity: 1;
}

.prolist .gray {
    color: #333;
}

.prolist .gray li:before {
    background-image: url(../images/arrow_right_01_gray.svg);
}

/*homePro*/
#homePro {
    padding: 4.42708333% 0 5.20833333%;
    background-color: #fff;
}

#homePro .boxname {
    margin-bottom: 5.13157895%;
}

/*propage*/
#propage .item {
    margin-bottom: 2.08333333%;
}

/*searchpage*/
#searchpage {
    padding: 2.60416667% 0 6.77083333%;
}

#searchpage .inner {
    max-width: 1200px;
    background-color: #fff;
    min-height: 50vh;
}

/*searchform*/
#searchform {
    margin: 0 3.33333333%;
    position: relative;
    overflow: hidden;
    padding: 0.83333333% 0;
}

#searchform .submit {
    width: 1em;
    height: 1em;
    background: url(../images/button_find.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

#searchform .input {
    padding: 0 5.35714286%;
    overflow: hidden;
}

#searchform .text {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
    height: 1.5em;
    line-height: 1em;
    padding: 0.25em 0;
}

/*searchlist*/
#searchlist {
    padding: 2.5% 8.33333333% 8.33333333%;
}

#searchlist li {
    line-height: 1.5em;
    padding: 0.75em 0;
}

#searchlist li a {
    color: #999;
}

#searchlist li a:hover {
    color: #e94830;
}

/*bar*/
#bar .inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 2.39583333% 0;
    align-items: center;
}

/*breadcrumb*/
#breadcrumb a,
#breadcrumb i,
#breadcrumb span {
    display: inline-block;
    vertical-align: middle;
}

#breadcrumb i {
    font-style: normal;
    margin: 0 1.3em;
}

#breadcrumb span {
    color: #e94830;
}

/*layout*/
#layout {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    width: 4em;
}

#layout span {
    width: 1.5em;
    height: 1.5em;
    background: no-repeat center center;
    background-size: contain;
    display: block;
    cursor: pointer;
}

#layout .list {
    background-image: url(../images/layout_list.svg);
}

#layout .list.active {
    background-image: url(../images/layout_list_active.svg);
}

#layout .box {
    background-image: url(../images/layout_box.svg);
}

#layout .box.active {
    background-image: url(../images/layout_box_active.svg);
}

/*newslist*/
#newslist {
    padding-bottom: 2.30263158%;
    overflow: hidden;
}

#newslist .wrap {
    overflow: hidden;
}

#newslist .item a {
    padding: 1.5em;
    display: block;
    overflow: hidden;
    background-color: #fff;
}

#newslist .img {
    padding-bottom: 66.66666667%;
    transition: none;
}

#newslist .title {
    margin-bottom: 2.22222222%;
}

#newslist .excerpt {
    font-size: 0.9em;
    color: #9fa0a0;
    line-height: 1.75em;
    height: 3.5em;
    -webkit-line-clamp: 2;
    margin-bottom: 2.77777778%;
}

#newslist .date {
    font-size: 0.9em;
    color: #9fa0a0;
    line-height: 1.33333333em;
    font-weight: lighter;
}

#newslist .list {
    margin-bottom: 0.98684211%;
}

#newslist .list .item {
    margin-bottom: 1.31578947%;
}

#newslist .list .item a {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#newslist .list .figure {
    width: 15em;
    display: table-cell;
    vertical-align: middle;
}

#newslist .list .text {
    display: table-cell;
    vertical-align: middle;
    align-items: center;
    padding-left: 5.47945205%;
}

#newslist .box {
    width: 100.65789474%;
    margin-bottom: 3.75%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
}

#newslist .box .item {
    width: 33.333%;
    padding-right: 0.65359477%;
    padding-bottom: 0.65359477%;
}

#newslist .box .item a {
    padding: 1.3em 1.3em 1.9em;
}

#newslist .box .figure {
    margin-bottom: 3.79464286%;
}

#newslist .box .img {
    padding-bottom: 60.26785714%;
}

#newslist .box .title {
    margin-bottom: 5.13392857%;
}

#newslist .box .excerpt {
    margin-bottom: 6.02678571%;
}

#newslist .box+#pagenavi {
    margin-bottom: 1.31578947%;
}

/*pagenavi*/
#pagenavi {
    justify-content: center;
    font-size: 1.1em;
    align-items: center;
    color: #666;width:100%;
}

#pagenavi a {
    display: block;
    color: #666;
    line-height: 1.81818182em;
    margin: 0 1.51315789%;
}

#pagenavi a:hover {
    color: #e94830;
}

#pagenavi span {
    display: block;
    margin: 0 0.65789474%;
}

#pagenavi .text {
    font-size: 1em;
    background-color: #fff;
    display: inline-block;
    height: 1.81818182em;
    line-height: 1.81818182em;
    width: 1.81818182em;
    text-align: center;
    margin: 0 0.36363636em;
    color: #666;
}

/*wrapper*/
#wrapper {
    margin-bottom: 5.72916667%;
}

#wrapper .inner {
    overflow: hidden;
}

/*main*/
#main {
    float: left;
    width: 65.78947368%;
    background-color: #fff;
}

/*post*/
#post {
    padding: 5% 5% 9%;
}

#post .title {
    line-height: 1.5em;
    margin-bottom: 3.33333333%;
}

#post .meta {
    font-size: 1.2em;
    color: #999;
    margin-bottom: 5.55555556%;
    line-height: 1.35em;
}

#post .meta span {
    display: inline-block;
    vertical-align: middle;
}

#post .entry {
    font-size: 0.9em;
    font-weight: lighter;
}

/*sidebar*/
#sidebar {
    width: 32.89473684%;
    float: right;
}

/*widget*/
.widget {
    margin-bottom: 10%;
}

.widget ul {
    overflow: hidden;
}

.widget .name {
    font-weight: lighter;
    margin-bottom: 4.6%;
}

.recommend li {
    margin-bottom: 4%;
}

.recommend li:last-child {
    margin-bottom: 0;
}

.recommend .info {
    display: block;
    overflow: hidden;
    position: relative;
    color: #fff;
}

.recommend .info:hover .img {
    transform: scale(1.1);
}

.recommend .img {
    padding-bottom: 50%;
}

.recommend .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(51, 51, 51, 0.3);
    line-height: 1.85em;
    font-weight: 500;
    font-size: 1em;
}

/*hotpro*/
.hotpro li {
    margin-bottom: 15%;
}

.hotpro li:last-child {
    margin-bottom: 0;
}

.hotpro .figure {
    margin-bottom: 3.2%;
}

.hotpro .img {
    padding-bottom: 100%;
}

.hotpro .text {
    position: relative;
}

.hotpro .more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}

.hotpro .title {
    margin-right: 5em;
    font-weight: normal;
    color: #333;
}

.hotpro .info {
    display: block;
    overflow: hidden;
}

.hotpro .info:hover .more {
    color: #e94830;
}

/*store*/
#store {
    overflow: hidden;
    padding-top: 3.64583333%;
    padding-bottom: 5.72916667%;
}

/*storelist*/
#storelist {
    width: 105.59210526%;
    overflow: hidden;
    margin-bottom: 1.31578947%;
}

#storelist .item {
    width: 33.333%;
    padding-right: 5.29595016%;
    padding-bottom: 2.49221184%;
}

#storelist .info {
    position: relative;
    height: 100%;
    padding: 10.66666667% 8.88888889% 8.88888889%;
    background-color: #fff;
}

#storelist h3 {
    font-size: 1em;
    padding: 0 1.8em;
    line-height: 1.75em;
    background: url(../images/icon_addr.svg) no-repeat left 0.275em;
    background-size: 1em auto;
    margin-bottom: 18.91891892%;
}

#storelist ul {
    padding: 0 1.8em;
}

#storelist li {
    font-weight: lighter;
}

#storelist li span {
    display: inline-block;
}

/*storefilter*/
#storefilter {
    align-items: center;
    margin-bottom: 2.76315789%;
}

#storefilter .select {
    font-size: 1.1em;
    color: #666;
    width: 10.90909091em;
    position: relative;
    margin-right: 1em;
    padding: 0.25em 1.54545455em 0.25em 0;
    font-weight: lighter;
}

#storefilter select {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 1em;
    color: #666;
    height: 1.81818182em;
    font-weight: lighter;
}

#storefilter label {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

#storefilter .btn {
    margin-left: 0.90909091em;
    width: 10em;
}

#storefilter .submit {
    font-size: 1em;
    width: 100%;
    height: 1.81818182em;
    background-color: #f63;
    color: #fff;
    font-weight: 500s;
}

/*storemeta*/
#storemeta {
    font-weight: lighter;
    font-size: 1.1em;
    line-height: 1.75em;
    margin-bottom: 2.63157895%;
}

#storemeta .addr {
    color: #e94830;
    margin-right: 5%;
}

#storemeta .addr span {
    background: url(../images/icon_addr.svg) no-repeat left 0.33em;
    background-size: auto 1.09090909em;
    display: block;
    padding-left: 1.72727273em;
}

#storemeta .data i {
    font-style: normal;
    color: #e94830;
    display: inline-block;
    margin: 0 1.36363636em;
}

/*storemap*/
#storemap {
    padding-bottom: 52.63157895%;
    position: relative;
    margin-bottom: 3.28947368%;
}

#storemap .map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

/*banner*/
#banner .img {
    padding-bottom: 45.83333333%;
}

/*columnmeta*/
.columnmeta {
    text-align: center;
    margin-bottom: 3.81578947%;
}

.columnmeta .name {
    font-weight: lighter;
}

.columnmeta .intro {
    font-size: 0.9em;
    line-height: 1.75em;
    font-weight: lighter;
    margin-top: 1.31578947%;
}
.columnmeta .intro *{background:none !important;}

/*star*/
#star {
    padding: 3.48684211% 0 4.60526316%;
}
#star .list {display:flex; flex-wrap:wrap;}
#star .list .item {width:20%;}
#star .list .img {padding-bottom:145.455%;}
#star .list .title {position:absolute; font-weight:normal; text-align:center; width:100%; bottom:0; left:0;
 padding:0.5em 1.5em; z-index:2;}
#star .list a {display:block; margin:0.5px; position:relative; color:#fff;}
#star .list a:before {position:absolute; left:0; bottom:0;width:100%; height:30%; content:''; display:block; background-image:linear-gradient(0deg, #000, transparent); opacity:.85; z-index:1;}
/*scroll*/
.scroll {
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 2.30263158%;
}

.scroll .mCSB_container {
    font-size: 0;
}

.scroll .item {
    width: 220px;
    margin-right: 40px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.scroll .item:last-child {
    margin-right: 0;
}

.scroll .item a {
    display: block;
    overflow: hidden;
}

.scroll .img {
    padding-bottom: 145.45454545%;
}

.scroll .title {
    font-weight: lighter;
    font-size: 20px;
    line-height: 1.35em;
    margin-top: 5.90909091%;
}

.scroll .mCSB_scrollTools {
    opacity: 1;
}

.scroll .mCSB_scrollTools_horizontal .mCSB_draggerContainer {
    width: 52.63157895%;
    margin: 0 auto;
    height: 0.4em;
    background-color: #e8e8e8;
    border-radius: 0.2em;
}

.scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 0.2em;
}

.scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 100%;
    margin: 0;
    display: none;
}

.scroll .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 3.94736842%;
}

/*terminal*/
#terminal .intro {
    padding: 4.89583333% 0 2.34375%;
}

#terminal .boxname {
    margin-bottom: 3.61842105%;
}

#terminal .entry {
    font-size: 0.9em;
    line-height: 1.75em;
    font-weight: lighter;
}

#terminal .manual {
    padding: 2.60416667% 5.20833333%;
    background-color: #fff;
}

#terminal .manual .item {
    width: 400px;
}

#terminal .manual .img {
    padding-bottom: 75%;
}

/*culture*/
#culture {
    padding: 3.90625% 0 2.60416667%;
}

#culture .inner {
    justify-content: space-evenly;
}

#culture .item {
    width: 40.13157895%;
}

#culture .name {
    color: #e94830;
    margin-bottom: 5.90163934%;
}

#culture .entry {
    font-size: 0.9em;
    line-height: 1.75em;
    font-weight: lighter;
}

#culture .entry strong {
    font-weight: bold;
}

/*product*/
#product {
    padding: 2.60416667% 0 5.98958333%;
}

#product .box {
    background-color: #fff;
    margin-bottom: 2.96052632%;
    padding: 1.84210526% 3.28947368% 3.28947368%;
}

/*proinfo*/
#proinfo {
    margin-top: 5.91549296%;
}

#proinfo .text {
    display: table-cell;
    vertical-align: top;
    padding-left: 7.74647887%;
    border-left: 1px solid #ccc;
}

#proinfo .info {
    max-width: 19em;
    position: relative;
}

#proinfo .hgroup {
    margin-bottom: 17.10526316%;
}

#proinfo .name {
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    line-height: 1.5em;
    padding-bottom: 0.43333333em;
}

#proinfo .alias {
    font-size: 0.9em;
    font-weight: lighter;
    margin-top: 0.77777778em;
}

#proinfo .title {
    font-weight: lighter;
    margin-bottom: 1.4em;
}

#proinfo .intro {
    line-height: 2.4em;
    font-weight: lighter;
    margin-bottom: 4em;
}

#proinfo .warning {
    font-size: 0.8em;
    line-height: 1.35em;
    font-weight: lighter;
}

#proinfo .gallery {
    width: 50%;
    display: table-cell;
    vertical-align: top;
    overflow: hidden;
}

#proinfo .img {
    padding-bottom: 100%;
}

#proinfo .small {
    width: 14.08450704%;
    padding-bottom: 76.05633803%;
    float: left;
    position: relative;
}

#proinfo .small .slick-load {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#proinfo .small .item {
    cursor: pointer;
}

#proinfo .small .figure {
    margin-bottom: 10%;
}

#proinfo .small .figure:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    opacity: 0;
}

#proinfo .small .slick-current .figure:after {
    opacity: 1;
}

#proinfo .large {
    width: 85.91549296%;
    float: right;
}

/*related*/
#related {
    max-width: 1250px;
    margin: 0 auto;
}

#related .name {
    text-align: center;
    margin-bottom: 3.6%;
}

#related .list {
    width: 102%;
}

#related .item {
    width: 33.333%;
    padding-right: 1.96078431%;
    padding-bottom: 1.96078431%;
}

#related .img {
    padding-bottom: 100%;
}

#related .title {
    font-weight: 500;
    margin-top: 6.25%;
    color: #333;
}

#related .more {
    color: #595757;
    display: block;
    font-style: italic;
    font-weight: lighter;
    margin-top: 1.25%;
}

#related .info:hover .more {
    color: #e94830;
}

/*container*/
#container {
    /*overflow: hidden;*/
	
}

#container .inner {
   

    display: table;
    table-layout: fixed;
}

@media screen and (min-width: 768px){
.wopa .inner{
    display: flex !important;
    align-items: flex-start;
    flex-wrap: wrap;
}
}
/*sidemenu*/
.sidemenu {
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #ccc;
    text-align: right;
    width: 13em;
    padding: 6.57894737% 0;
}

.sidemenu.npd {
    padding-top: 0;
}

.sidemenu .ul {
    padding: 1em 0;
	position:sticky;
	top:4.725em;
}

.sidemenu .ul li {
    padding-top: 1.95454545em;
    padding-bottom: 1.95454545em;
}
/* 20230907 */
.sidemenu li {
    font-size: 0.9em;
    font-weight: lighter;
    line-height: 1.5em;
    padding: 1.36363636em 2.04545455em 1.36363636em 0;
    margin-bottom: 1.13636364em 0;
    position: relative;
    transition: all .3s;
}
/* 20230907end */
.sidemenu li:after {
    width: 0.72727273em;
    height: 0.72727273em;
    background: url(../images/dot_02.svg) no-repeat center center;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -0.36363636em;
    opacity: 0;
}

.sidemenu .cur {
    font-weight: normal;
}

.sidemenu .cur:after {
    opacity: 1;
}

.sidemenu .cur a {
    color: #e94830;
}

.sidemenu.fixed ul {
    position: fixed;
    top: 100.5px;
    width: inherit;
}

.sidemenu.fixed li {
    padding-top: 1em;
    padding-bottom: 1em;
}

/*content*/
.content {
    padding: 6.57894737% 0 6.57894737% 2.25em;
    display: table-cell;
    vertical-align: top;
}

.content.npd {
    padding-top: 0;
}

.content .box {
    background-color: #fff;
    padding: 2.45587107% 5.75594781% 4.9884881%;
    overflow: hidden;
}

.content .tab {
    display: none;
}

/*condition*/
.condition .entry {
    font-weight: lighter;
}

.condition .entry h3 {
    font-size: 1.1em;
    font-weight: 500;
}

.condition .entry ul {
    margin-left: 0;
}

.condition .entry ul li {
    list-style-type: none;
    position: relative;
    padding-left: 0.6em;
}

.condition .entry ul li:before {
    content: '·';
    font-size: 1em;
    display: block;
    position: absolute;
    left: 0;
    color: #333;
}

/*joinNow*/
.joinNow .form {
    max-width: 23em;
    margin: 0 auto;
    padding: 3.9028621% 0 0.86730269%;
}

.joinNow .item {
    overflow: hidden;
    margin-bottom: 3.4em;
}

.joinNow .label {
    font-weight: lighter;
    float: left;
}

.joinNow .input {
    margin-left: 5em;
    overflow: hidden;
}

.joinNow .text {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    height: 1.75em;
    line-height: 1.75em;
}

.joinNow .submit {
    background-color: #e94830;
    color: #fff;
    font-size: 1.1em;
    width: 13.63636364em;
    height: 2.27272727em;
    display: block;
    margin: 0 auto;
}

/*process*/
.process ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
}

.process li {
    width: 33.333%;
    padding-left: 3.83729854%;
    margin-bottom: 3.06983883%;
    position: relative;
}

.process li:after {
    width: 4.83517799%;
    padding-bottom: 11.51232855%;
    background: url(../images/arrow_right_02.svg) no-repeat center center;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5.75616428%;
    right: -8.05862999%;
}

.process li:last-child:after {
    background-image: url(../images/arrow_down_01.svg);
    width: 11.51232855%;
    padding-bottom: 4.83517799%;
    top: 100%;
    margin-top: 2.30246571%;
    right: 50%;
    margin-right: -5.75616428%;
}

.process .text {
    position: relative;
    height: 100%;
    min-height: 10em;
    background-color: #fff;
    padding: 7.8125% 10.41666667%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
}

.process h3 {
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0.22727273em;
    width: 100%;
}

.process .intro {
    font-weight: lighter;
    width: 100%;
}

.process ul:nth-child(2n) {
    flex-direction: row-reverse;
}

.process ul:nth-child(2n) li:not(:last-child):after {
    transform: rotate(180deg);
    right: auto;
    left: 3.45369857%;
}

.process ul:last-child li:last-child:after {
    display: none;
}

/*contact*/
.contact.box {
    padding: 6.13967767%;
}

.contact .info {
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.contact .figure {
    width: 61.24234471%;
}

.contact .text {
    width: 34.99562555%;
    font-size: 1.2em;
    line-height: 2.41666667em;
    text-align: center;
    color: #4c4844;
    font-weight: lighter;
}

.contact .text hr {
    height: 1px;
    background-color: #d5d5d5;
    border: none;
}

.contact .text .num {
    font-size: 1.5em;
    font-weight: 500;
}

/*aftersale*/
.aftersale .title {
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.99479618%;
    color: #e94830;
    padding-top: 0.86730269%;
}

.aftersale .tips {
    color: #999;
    text-align: center;
    margin-bottom: 4.50997398%;
}

.aftersale .entry {
    font-weight: lighter;
}

.aftersale .entry p {
    margin-bottom: 1.5em;
}

/*promenu*/
#promenu {
    border-right: 1px solid #ccc;
    text-align: right;
    width: 15%;
    max-height: 600px;
    overflow-y: auto;
    margin: 0;
    padding-right: 20px;
}

#promenu .category {
    margin-bottom: 2.75em;
}

#promenu h3 {
    font-weight: 500;
    padding-right: 1.42857143em;
    margin-bottom: 1.17857143em;
    font-size:1.35em;
}

#promenu .parent {
    font-size: 0.875em;
    font-weight: bold;
    line-height: 1.5em;
    position: relative;
    padding-right: 1.81818182em;
    margin-bottom:1em;
}

#promenu .parent:after {
    width: 0.72727273em;
    height: 0.72727273em;
    background: url(../images/dot_02.svg) no-repeat center center;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    top: 0.4em;
    right: 0;
    opacity: 0;
}


/* 20230907 */
#promenu::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 7px;
    height: 1px;
    }
    #promenu::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #535353;
    }
    #promenu::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : #ededed;
    }
/* 20230907end */
#promenu .parent li {
    font-size: 0.9em;
    line-height: 1.5em;
    font-weight: lighter;
    margin-bottom:1em;
}
#promenu .parent li:last-child {margin-bottom:0;}
#promenu .parent ul {
    padding: 1em 0;
    display: none;
}

#promenu .cur {
    font-weight: normal;
}

#promenu .cur:after {
    opacity: 1;
}

#promenu .cur>a {
    color: #e94830;
}

#promenu .column {
    padding-right: 2em;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
    font-size: 0.90909091em;
    line-height: 2.5em;
    font-weight: lighter;
}

#promenu .column li {
    width: 100%;
}

/*promain*/
#promain {
    display: table-cell;
    vertical-align: top;
    padding-left: 5%;
    width: 85%;
}

/*probox*/
.probox {
    margin-bottom: 2.4%;
}

.probox .banner {
    margin-bottom: 3.2%;
}

.probox .banner .img {
    padding-bottom: 48%;
}

.probox .list {
    width: 102%;
    margin-bottom: 1.2%;
}

.probox .item {
    width: 33.333%;
    padding-right: 1.96078431%;
    padding-bottom: 1.56862745%;
    
}

.probox .item .img {
    padding-bottom: 100%;
}

.probox .name {
    font-size: 1.1em;
    font-weight: 500;
}

.probox .more {
    font-weight: lighter;
    margin-top: 1%;
}

.probox .text {
    padding: 5% 0;
    text-align:center;
}

.probox .info {
    display: block;
    position: relative;
    color: #333;
}

.probox .info:before {
    width: 105.5%;
    height: 101.76%;
    content: '';
    display: block;
    position: absolute;
    left: -2.75%;
    top: 0;
    margin-top: -2.75%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    opacity: 0;
    transition: all 0.3s;
}

.probox .info:hover:before {
    opacity: 1;
}

/*loadmore*/
.loadmore {
    background-color: #fff;
    text-align: center;
    font-weight: lighter;
    line-height: 2.5em;
        justify-content: center;
}

.loadmore a {
    display: block;
    overflow: hidden;
    color: #595757;
}

.loadmore i {
    font-style: normal;
    font-weight: normal;
    margin: 0 0.8em;
}

/*thought*/
#thought {
    background-color: #fff;
    padding: 2.76041667% 0 2.60416667%;
}

#thought .tree img {
    display: block;
    margin: 0 auto;
}

/*history*/
#history {
    padding-top: 2.76041667%;padding-bottom: 2.76041667%;
}
#history .year .slick-list {
    height: auto !important;
    max-height: 250px;
    overflow-y: auto;
}

#history .year .slick-list::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

#history .year .slick-list::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #b5b5b5;
}

#history .year .slick-list::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #ededed;
}


#history .boxname {
    margin-bottom: 3.48684211%;
}

#history .box {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#history .year {
    font-size: 1.1em;
    width: 4.45454545em;
    /* border-right: 1px solid #ccc; */
    font-weight: lighter;
    line-height: 1.75em;
    display: table-cell;
    vertical-align: top;
}

#history .year .slick-arrow {
    display: block;
    width: 48px;
    height: 48px;
    margin-left: auto;
    margin-right: -12px;
    background-image: url('../images/jt.png');
    display: none !important;
}

#history .year .slick-prev {
    margin-top: -12px;
    margin-right: -24px;
}

#history .year .slick-next {
    margin-right: -24px;
    transform: rotate(180deg);
}

#history .slick-slide {
    padding: 1.81818182em 0;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
}

#history .slick-slide:after {
    width: 0.72727273em;
    height: 0.72727273em;
    background: url(../images/dot_02.svg) no-repeat center center;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    opacity: 0;
}

#history .cur {
    color: #e94830;
    font-weight: normal;
}

#history .cur:after {
    opacity: 1;
}

#history .list {
    display: table-cell;
    vertical-align: top;
    padding-left: 3.42105263%;
}

#history .tab {
    display: none;
}

#history .item {
    background-color: #fff;
    margin-bottom: 0.75em;
    padding: 2.55474453% 6.56934307% 2.91970803%;
}

#history .title {
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.75em;
}

#history .intro {
    font-size: 1.1em;
    font-weight: lighter;
    line-height: 1.75em;
}

/*truth*/
#truth .top {
    padding: 2.76041667% 0 1.92708333%;
    overflow: hidden;
    background-color: #fff;
}
#truth .top .item {display:none;}
#truth .top .item:first-child {display:block;}
#truth .top .boxname {
    margin-bottom: 1.97368421%;
}

#truth .top .alias {
    font-size: 1.1em;
    line-height: 1.75em;
    font-weight: lighter;
}

#truth .slick-load .img,
#truth .load {
    padding-bottom: 45.83333333%;
    cursor:pointer;
}

/*submenu*/
.submenu {
    border-bottom: 1px solid #ccc;
    background-color: #ffffff;
	position:sticky;
	top:0;
	z-index:5;
}

.submenu.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
}

.submenu ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 1.55em 0;
}
/* 20230907 */
.submenu li {
    font-size: 0.9em;
    font-weight: lighter;
    line-height: 1.75em;
    margin-right: 1em;
}
/* 20230907end */
.submenu li:last-child {
    margin-right: 0;
}

.submenu a {
    display: block;
    white-space: nowrap;
    position: relative;
}

.submenu a:after {
    height: 2px;
    width: 100%;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    background-color: #e94830;
    left: 0;
    opacity: 0;
}

.submenu .cur a {
    color: #e94830;
}

.submenu .cur a:after {
    opacity: 1;
}

.truthbox {
    margin-top: 4.75825019%;
}
strong{font-weight: bold;}
.truthbox *{font-family: sans-serif !important;}
.truthbox h3 {
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1.5em;
    padding: 0 2.83960092%;
    margin-bottom: 2.14888718%;
}

.truthbox h3:after {
    display: inline-block;
    content: '';
    width: 2.30769231em;
    height: 0.07692308em;
    background-color: #333;
    vertical-align: middle;
    margin-left: 0.38461538em;
}

.truthbox .ask {
    background-color: #fff;
    color: #e94830;
    text-indent: 2em;
    padding: 2.22563315% 4.9884881% 2.22563315% 2.83960092%;
}

.truthbox .entry {
    text-indent: 2em;
    padding: 3.06983883% 4.9884881% 3.83729854% 2.83960092%;
    font-weight: lighter;
}

.truthbox .entry strong {
    font-weight: bold;
}

@media only screen and (max-width:1621px) {

    /*1621px*/
    body {
        font-size: 1.23380629vw;
    }

    /*1621px*/
    .videobox .play {
        width: 6.72424429%;
        padding-bottom: 6.72424429%;
        margin-top: -3.36212215%;
        margin-left: -3.36212215%;
    }

    /*1621px*/
    #footer {
        padding: 1.97409007% 0 1.41887724%;
    }

    /*1621px*/
    #breadcrumb i {
        margin: 0 1.60394818vw;
    }

    /*1621px*/
    .scroll .item {
        width: 12.33806292vw;
        margin-right: 2.46761258vw;
    }

    .scroll .title {
        font-size: 1.23380629vw;
    }

    /*1621px*/
    #terminal .manual .item {
        width: 24.67612585vw;
    }
}

@media only screen and (max-width:1366px) {

    /*1366px*/
    .fz22 {
        font-size: 18px;
    }

    /*1366px*/
    #homeAbout .intro {
        font-size: 14px;
    }

    /*1366px*/
    .scroll .item {
        width: 16.98389458vw;
        margin-right: 2.19619327vw;
    }

    /*1366px*/
    #terminal .manual .item {
        width: 28.37481698vw;
    }
}

@media only screen and (max-width:1280px) {

    /*1280px*/
    body {
        font-size: 14px;
    }

    /*1280px*/
    #search {
        font-size: 1em;
    }

    /*1280px*/
    .scroll .title {
        font-size: 14px;
    }
}

@media only screen and (max-width:1024px) {

    /*1024px*/
    #logo {
        width: 19.79166667%;
    }

    /*1024px*/
    #homeAbout .inner {
        display: block;
    }

    #homeAbout .pic {
        width: auto;
        display: block;
    }

    #homeAbout .figure {
        width: auto;
    }

    #homeAbout .text {
        margin: -3em 5% 0;
        display: block;
        width: auto;
    }

    #homeAbout .box {
        padding: 2em;
    }

    /*1024px*/
    #main {
        float: none;
        width: auto;
        margin-bottom: 3.5%;
    }

    /*1024px*/
    #sidebar {
        float: none;
        width: auto;
    }

    /*1024px*/
    .widget {
        margin-bottom: 3.5%;
    }

    .widget .name {
        margin-bottom: 2.6%;
    }

    /*1024px*/
    .recommend ul,
    .hotpro ul {
        width: 101.04166667%;
    }

    .recommend li,
    .hotpro li {
        width: 33.333%;
        padding-right: 1.03092784%;
        padding-bottom: 1.03092784%;
        margin-bottom: 0;
        float: left;
    }

    /*1024px*/
    .hotpro li {
        width: 50%;
        padding-bottom: 2.06185567%;
    }

    /*1024px*/
    #storelist {
        width: 102.63157895%;
    }

    #storelist .item {
        padding-right: 2.49221184%;
    }

    /*1024px*/
    .scroll .item {
        width: 21.60644531vw;
        margin-right: 2.44140625vw;
    }

    /*1024px*/
    #proinfo {
        display: block;
    }

    #proinfo .gallery {
        display: block;
        width: auto;
        margin-bottom: 3.5%;
    }

    #proinfo .text {
        display: block;
        padding-left: 0;
        border-left: none;
    }

    #proinfo .info {
        max-width: none;
    }

    #proinfo .hgroup {
        margin-bottom: 3.5%;
    }

    #proinfo .title {
        margin-bottom: 2.5%;
    }

    #proinfo .intro {
        margin-bottom: 5%;
    }

    /*1024px*/
    .process li {
        width: 50%;
        padding-left: 6%;
        margin-bottom: 4.5%;
    }

    /*1024px*/
    .probox .item {
        width: 50%;
    }
	/*1024px*/
	#star .list .item {width:25%;}
}

@media only screen and (max-width:768px) {
    #history .year .slick-prev {
        margin-right: -11px;
        width: 24px;
        height: 24px;
    }

    #history .year .slick-next {
        margin-right: -13px;
        width: 24px;
        height: 24px;
    }

    /*768px*/
    .fz28 {
        font-size: 20px;
    }

    /*768px*/
    .fz22 {
        font-size: 16px;
    }

    /*768px*/
    .slick-dots {
        bottom: 1em;
    }

    /*768px*/
    #header {
        position: relative;
    }

    #header .inner {
        padding: 1em 0;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
        align-items: center;
        position: static;
    }

    /*768px*/
    #logo {
        width: 143px;
        margin: 0;
        padding: 0;
    }

    /*768px*/
    #button {
        font-size: 16px;
        padding: 0;
    }

    #button .nbtn {
        display: block;
    }

    /*768px*/
    #search {
        width: 100%;
        border-radius: 0;
    }

    #search .text {
        padding-left: 3.125%;
    }

    /*768px*/
    .nbtn {
        position: relative;
        cursor: pointer;
        width: 1em;
        height: 1em;
        transition: all 0.3s;
        z-index: 10;
    }

    .nbtn:before,
    .nbtn:after,
    .nbtn i {
        width: 100%;
        height: 2px;
        background-color: #6a6a6a;
        display: block;
        position: absolute;
        left: 0;
        transition: all 0.3s;
        content: '';
    }

    .nbtn:before {
        top: 0.05em;
    }

    .nbtn:after {
        bottom: 0.05em;
    }

    .nbtn i {
        top: 50%;
        transform: translateY(-50%);
    }

    .nbtn.active:before {
        transform: rotate(45deg);
        top: 49%;
    }

    .nbtn.active:after {
        transform: rotate(-45deg);
        bottom: auto;
        top: 49%;
    }

    .nbtn.active i {
        opacity: 0;
    }

    /*768px*/
    #navi {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(240, 242, 247, 0.9);
        z-index: 9;
        left: 0;
        top: 0;
        display: none;
    }

    #navi .box {
        position: fixed;
        right: 0;
        top: 54.8px;
        width: 80%;
        max-width: 300px;
        background-color: #fff;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: calc(100% - 54.8px);
        display: block;
        padding: 3.5vh;
        transform: translateX(100%);
        transition: transform 0.2s;
        box-shadow: 0px 0.05em 1.05em rgba(0, 0, 0, 0.1);
        border-top-left-radius: 5px;
    }

    #navi.active .box {
        transform: translateX(0);
    }

    #navi .parent {
        padding-bottom: 0;
    }

    #navi .parent>a {
        padding: 0.5em 0;
    }

    #navi .parent>a:after {
        display: none;
    }

    #navi em {
        display: block;
        position: absolute;
        right: -3.5vh;
        width: 3em;
        height: 3em;
        z-index: 2;
        top: 0;
        cursor: pointer;
    }

    #navi em:after {
        width: 0.40909091em;
        height: 0.40909091em;
        border-right: 0.09090909em solid #333;
        border-bottom: 0.09090909em solid #333;
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: rotate(-45deg);
        background-color: transparent;
        margin: -4px 0 0 -5px;
        transition: all 0.3s;
    }

    #navi .on em:after {
        border-right-color: #e94830;
        border-bottom-color: #e94830;
        transform: rotate(45deg);
    }

    #navi .drop {
        position: static;
        transform: none;
        box-shadow: none;
        background-color: transparent;
        padding: 0;
        line-height: 2.2em;
        min-width: 0;
        text-align: left;
        margin-left: 2em;
    }

    #navi .drop a {
        padding: 0.25em 0;
    }

    /*768px*/
    #footer {
        padding: 2.5% 0 2%;
    }

    /*768px*/
    #social {
        float: none;
        margin: 0 auto;
    }

    #social .qr {
        width: 5em;
        padding: 0.5em;
    }

    /*768px*/
    #menu {
        margin-right: 0;
    }

    /*768px*/
    .boxname {
        margin-bottom: 3.5%;
    }

    /*768px*/
    .introTab .dots {
        margin-bottom: 5%;
    }

    .introTab .dots span {
        margin: 0;
        padding-left: 1em;
    }

    /*768px*/
    #homeIntro {
        padding: 23% 0 6.5%;
    }

    /*768px*/
    #homeAbout {
        padding: 7% 0;
    }

    /*768px*/
    .prolist .img {
        padding-bottom: 75%;
    }

    .prolist .text {
        transform: translateY(-60%);
    }

    .prolist .title {
        margin-bottom: 5%;
    }

    /*768px*/
    #homePro {
        padding: 6% 0 7%;
    }

    /*768px*/
    #searchpage .inner {
        min-height: 74vh;
    }

    /*768px*/
    #searchform {
        padding: 1em 0;
        margin: 0 5%;
    }

    #searchform .input {
        padding-left: 8%;
    }

    #searchform .text {
        height: 2.5em;
        line-height: 1.5em;
        padding: 0.5em 0;
    }

    /*768px*/
    #searchlist {
        padding-left: 12.333%;
        padding-right: 9.333%;
    }

    /*768px*/
    #bar .inner {
        padding: 3.5% 0;
    }

    /*768px*/
    #newslist .item a {
        padding: 1em;
    }

    #newslist .list {
        margin-bottom: 2%;
    }

    #newslist .list .figure {
        width: 30.34682081%;
    }

    #newslist .box .item {
        width: 50%;
    }

    /*768px*/
    .recommend ul,
    .hotpro ul {
        width: auto;
    }

    .recommend li,
    .hotpro li {
        width: auto;
        float: none;
        padding-right: 0;
        padding-bottom: 2.5%;
    }

    /*768px*/
    .hotpro li {
        padding-bottom: 5%;
    }

    /*768px*/
    #storelist .item {
        width: 50%;
    }

    #storelist h3 {
        margin-bottom: 10%;
    }

    /*768px*/
    #storefilter {
        margin-bottom: 3.5%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    #storefilter .select {
        width: 48%;
        margin-right: 0;
    }

    #storefilter .btn {
        width: 48%;
        margin-left: 0;
    }

    /*768px*/
    #storemeta .data i {
        margin: 0 0.5em;
    }

    /*768px*/
    #storemap {
        padding-bottom: 75%;
    }

    /*768px*/
    .columnmeta {
        margin-bottom: 5%;
    }

    .columnmeta .intro {
        margin-top: 2%;
    }

    /*768px*/
    #star {
        padding: 7% 0 8%;
    }

    /*768px*/
    .scroll .item {
        width: 28.64583333vw;
        margin-right: 3.90625vw;
    }

    .scroll .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 7%;
    }

    /*768px*/
    #terminal .manual {
        padding: 5.2% 3.125%;
    }

    #terminal .manual .item {
        width: 44.921875vw;
    }

    /*768px*/
    #culture {
        padding: 5% 0;
    }

    #culture .inner {
        display: block;
    }

    #culture .item {
        width: auto;
        padding: 2.5% 0;
    }

    #culture .name {
        margin-bottom: 3.5%;
    }

    /*768px*/
    #related {
        padding: 0 6.94444444%;
    }

    #related .name {
        margin-bottom: 5%;
    }

    #related .list {
        display: block;
    }

    #related .item {
        padding-right: 0;
        width: auto;
        padding-bottom: 5%;
    }

    #related .title {
        margin-top: 3.5%;
    }

    /*768px*/
    #product .box {
        margin-bottom: 5%;
    }

    /*768px*/
    #proinfo .gallery {
        margin-bottom: 5%;
    }

    #proinfo .small,
    #proinfo .large {
        width: auto;
        float: none;
    }

    #proinfo .small {
        padding-bottom: 0;
    }

    #proinfo .small .slick-load {
        position: relative;
    }

    #proinfo .small .figure {
        margin-bottom: 0;
    }

    /*768px*/
    #container .inner {
        display: block;
    }

    /*768px*/
    .sidemenu {
        display: block;
        width: 100%;
        border-right: none;
        text-align: left;
        padding: 0;
		position:sticky;
		top:3.643em;
    }

    .sidemenu ul {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
		position:static;
		top:auto;
    }

    .sidemenu li {
        margin-right: 3.5%;
        padding: 3.5% 0;
    }

    .sidemenu li:after {
        right: 50%;
        transform: translateX(50%);
        top: auto;
        bottom: -0.36363636em;
    }

    .sidemenu li:last-child {
        margin-right: 0;
    }

    .sidemenu .ul {
        padding: 0;
        border-bottom: 1px solid #ccc;
        background-color: #f8f8f8;
    }

    .sidemenu .ul li {
        padding: 3.5% 0;
    }

    /*768px*/
    .content {
        display: block;
        padding-left: 0;
    }

    .content.npd {
        padding: 5% 0;
    }

    .content .box {
        padding-top: 5%;
        min-height: 60vh;
    }

    /*768px*/
    .joinNow .form {
        padding: 5% 0;
    }

    .joinNow .item {
        margin-bottom: 2.5em;
    }

    /*768px*/
    .process {
        margin-left: -6%;
    }

    /*768px*/
    .contact .info {
        display: block;
    }

    .contact .figure {
        width: auto;
    }

    .contact .text {
        width: auto;
        line-height: 1.75em;
    }

    /*768px*/
    #promenu {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: auto;
        border-right: none;
        text-align: left;
        padding: 0;
        position: relative;
        max-height: inherit;
        overflow-y: inherit;
    }

    #promenu .category {
        padding-bottom: 3.5%;
        margin-bottom: 0;
 
    }

    #promenu .category>ul {
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        background-color: #fff;
        z-index: 2;
        padding: 3.5% 5% 5%;
        display: none;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
    }

    #promenu .category .show {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

    #promenu h3 {
        margin-bottom: 0;
        padding-right: 0;
        cursor: pointer;
    }

    #promenu .parent {
        width: 25%;
        padding-right: 0;
    }

    #promenu .parent:after {
        display: none;
    }

    #promenu .parent ul {
        display: block;
        
    }

    #promenu .column {
        padding-right: 0;
    }

    #promenu .column li {
        width: 33.333%;
    }

    /*768px*/
    #promain {
        display: block;
        padding-left: 0;
        width: 100%;
    }

    /*768px*/
    .probox,
    .probox .banner {
        margin-bottom: 5%;
    }

    /*768px*/
    #thought {
        padding: 6.5% 0 7%;
    }

    /*768px*/
    #history {
        padding-top: 6%;
    }

    #history .boxname {
        margin-bottom: 5%;
    }

    #history .year {
        width: 3.5em;
    }

    #history .item {
        padding-top: 4.5%;
        padding-bottom: 5%;
    }

    /*768px*/
    #truth .top {
        padding: 5% 0 4%;
    }

    /*768px*/
    .submenu ul {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        padding: 1em 0;
    }

    /*768px*/
    .truthbox {
        margin-top: 0;
    }
	/*768px*/
	#star .list .item {width:50%;}
}

@media only screen and (max-width:540px) {

    /*540px*/
    #menu li {
        padding:0 1em;
        margin: 0.25em 0;
    }

    /*540px*/
    #newslist {
        padding-bottom: 3.5%;
    }

    #newslist .item {
        margin-bottom: 2.5%;
    }

    #newslist .list .figure {
        width: 30.34682081%;
        min-width: 100px;
    }

    #newslist .list .text {
        padding-left: 3.5%;
    }

    #newslist .list .excerpt {
        display: block;
        white-space: nowrap;
        height: auto;
    }

    #newslist .box {
        width: auto;
        display: block;
    }

    #newslist .box .item {
        width: auto;
        padding-right: 0;
        padding-bottom: 0;
    }

    #newslist .box+#pagenavi {
        margin-bottom: 2.5%;
    }

    /*540px*/
    #storelist {
        display: block;
        width: auto;
    }

    #storelist .item {
        width: auto;
        padding-right: 0;
    }

    /*540px*/
    .scroll .item {
        width: 63.88888889vw;
        margin-right: 3.7037037vw;
    }

    /*540px*/
    #terminal .manual .item {
        width: 63.88888889vw;
    }

    /*540px*/
    .process {
        margin-left: 0;
    }

    .process ul {
        display: block;
    }

    .process li {
        width: auto;
        padding-left: 0;
        margin-bottom: 9.5%;
    }

    .process li:after {
        background-image: url(../images/arrow_down_01.svg);
        width: 11.51232855%;
        padding-bottom: 4.83517799%;
        top: 100%;
        margin-top: 2.30246571%;
        right: 50%;
        margin-right: -5.75616428%;
    }

    /*540px*/
    #promenu .parent {
        width: 50%;
    }
}

body{padding-top:7.25em;}
.Header{ z-index: 1000;background: #fff;transition: all 0.5s;position: fixed;width: 100%;left: 0;top: 0;}
.Header.fixed3{transform: translateY(-7.5em);}
.Header.fixed2{box-shadow: 0 10px 10px rgba(0,0,0,0.1);}

@media(max-width:768px){
    body{padding-top:55px;}
}
.fadeup{
    animation:.6s fadeup;
}
@keyframes fadeup{
    0% {
    opacity: 0;
    transform: translate3d(0,50px,0);
}
100% {
    opacity: 1;
    transform: translate3d(0,0,0);
}
}
/* 20240717 */
.pd80{padding:5.26% 0;}
.bgwhite{background:#fff;}
#banner img{width:100%;}
.citems .item{border:1px solid #404040;margin-bottom:60px;position:relative;padding:28px 28px 70px;}
.citems .item:last-child{margin-bottom:0;}
.citems .item .img img{display:block;width:100%;}
.citems .item .txt{margin-top:30px;}
.citems .item .it{font-weight:bold;line-height:1.2;margin-bottom:10px;}
.citems .item .ip{line-height:1.8;margin-bottom:20px;font-size:0.9em;}
.citems .item .icontent{display:none;padding:20px 50px 10px;}
.citems .item .ibot{position:absolute;right:0;bottom:0;padding:20px 28px;z-index:2;cursor:pointer;font-size:1.25em;white-space:nowrap;}
.citems .item .ibot .sq{display:none;}
.citems .item .ibot span{display:inline-block;vertical-align:middle;}
.citems .item .ibot .ico{padding:15px;margin-left:5px;background:url(../images/icon-down.png) no-repeat center;transition:.3s;}
.citems .item .ibot.act .sq{display:inline-block;}
.citems .item .ibot.act .zk{display:none;}
.citems .item .ibot.act .ico{transform:rotate(180deg);}
.wugan{margin-bottom:5.26%;}
.wugan .box{position:relative;z-index:10;}
.wugan .box img{display:block;width:100%;}
.wugan .box .txt{position:absolute;left:0;bottom:0;width:100%;z-index:2;font-size:0.9em;color:#fff;line-height:1.7;padding:3.5% 4%;}
.liujue .items{align-items:stretch;}
.liujue .item{flex:0 0 auto;width:28%;margin-right:8%;margin-bottom:8%;}
.liujue .item img{display:block;width:100%;}
.liujue .item:nth-child(3n){margin-right:0;}
.liujue .item .it{padding:20px 0;font-size:0.9em;text-align:center;line-height:1.4;}
@media(max-width:1024px){.pd80{padding:40px 0;}
.wugan{margin-bottom:40px;}
.citems .item{padding:10px 10px 40px;margin-bottom:20px;}
.citems .item .ibot{font-size:14px;padding:10px;}
.citems .item .ibot .ico{padding:8px;background-size:contain;}
.citems .item .txt{margin-top:20px;}
.wugan .box img{min-height:350px;object-fit:cover;}
.wugan .box .txt{padding:30px;}
.liujue .items{justify-content:space-between;}
.liujue .item{width:48%;margin-right:0;margin-bottom:2%;}
.citems .item .icontent{padding:10px 20px 20px;}
}
@media(max-width:560px){.liujue .item{width:100%;margin-bottom:20px;}
}