.iconfont {
    font-size: 20px;
}

[v-cloak] {
    display: none;
}

/** 清除内外边距 **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
    /* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
    /* list elements 列表元素 */
pre,
    /* text formatting elements 文本格式元素 */
form,
fieldset,
legend,
button,
input,
textarea,
    /* form elements 表单元素 */
th,
td

    /* table elements 表格元素 */
{
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
body,
button,
input,
select,
textarea

    /* for ie */
{
    /* font: 14px/1.0 "FZS3JW", "Arial", "Microsoft YaHei", "黑体", "宋体", "KaiTi", sans-serif; */
    font: 14px/1.0 "Arial", "Source Han Sans CN", "Microsoft YaHei", "KaiTi", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

address,
cite,
dfn,
em,
var,
i {
    font-style: normal;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp {
    font-family: courier new, courier, monospace;
}

/* 统一等宽字体 */
small {
    font-size: 12px;
}

/* 小于 12px 的中文很难阅读, 让 small 正常化 */

/** 重置列表元素 **/
ul,
ol, li {
    list-style: none;
}


/** 重置文本格式元素 **/
a {
    color: #333;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

sup {
    vertical-align: text-top;
}

/* 重置, 减少对行高的影响 */
sub {
    vertical-align: text-bottom;
}

/** 重置表单元素 **/
legend {
    color: #000;
}

/* for ie6 */
fieldset,
img {
    border: 0;
}

/* img 搭车：让链接里的 img 无边框 */
button,
input,
select,
textarea {
    font-size: 100%;
    outline: none;
}

/* 使得表单元素在 ie 下能继承字体大小 */
button,
input[type="button"] {
    cursor: pointer;
    -webkit-appearance: none;
}

input::-ms-clear {
    display: none;
}

/*隐藏文本框叉子*/
input::-ms-reveal {
    display: none;
}

/*隐藏密码框小眼睛*/
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 HTML5 元素 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    display: block;
    margin: 0;
    padding: 0;
}

sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -.5rem;
    left: -.2rem;
}

* {
    font-size: 18px;
    --colorR: #1144b8;
    --colorW: #fff;
}

/**滚动条的宽度*/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/*滚动条的滑块*/
::-webkit-scrollbar-thumb {
    background-color: rgb(185, 221, 255);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(24,144,255,.8);
}

@font-face {
    font-family: 'wbzt1';
    src: url('../../common/css/wbzt1.otf');
}


.colorR {
    color: var(--colorR);
}

.colorW {
    color: #fff;
}

.flex-row {
    display: flex;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.padding {
    padding: 6.5vw 10vw;
    box-sizing: border-box;
}

.padding2 {
    padding: 8% 0;
    box-sizing: border-box;
}

.out {
    width: 100%;
}

.head {

    transition: .5s;
}

.head-active {
    color: #333;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    background: #fff;
}

.head-active a span {
    color: #333;
}

.head-active .on .OneNav span {
    color: #1144b8;
}

.head-active nav li .OneNav span::after {
    background-color: var(--blue);
}


.head.head-active .icon1 {
    display: block;
}

.head.head-active .icon2 {
    display: none;
}


.head .logo {
    display: flex;
    /* width: 9%;
  height: 100%;
  background-image: url('../img/logo.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; */
    /*width: 8%;*/
    align-items: center;
}

.head .logo img {
    width: 100%;
}

.input-box {
    width: 8%;
}

.input-box form {
    width: 100%;
    position: relative;
}

.input-border {
    border: none;
    width: 100%;
    height: 30px;
    border-radius: 15px;
    padding: 0 35px;
    box-sizing: border-box;
    font-size: .62rem;
}

.input-box form .submit {
    position: absolute;
    left: 10px;
    top: 50%;
    background-image: url('../img/search.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(0, -50%);
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: none;
}

.head ul {
    display: flex;
    width: 65%;
    justify-content: flex-end;
}

.head ul li {
    display: flex;
    align-items: center;
}

.head ul a {
    font-size: .62rem;
    color: #fff;
    margin: 0 20px;
}

.nav-btn {
    width: 30px;
    height: 16px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.nav-btn span {
    height: 2px;
    width: 100%;
    background-color: #fff;
    display: flex;
    position: absolute;
    transition: .5s;
}

.nav-btn span:nth-child(1) {
    top: 0;
    left: 0;
}

.nav-btn span:nth-child(2) {
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.nav-btn span:nth-child(3) {
    bottom: 0;
    left: 0;
}

.nav-btn-active span:nth-child(1) {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.nav-btn-active span:nth-child(2) {
    opacity: 0;
}

.nav-btn-active span:nth-child(3) {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.head-right {
    display: flex;
    justify-content: space-between;
    width: 10%;
    position: relative;
    align-items: center;
}

.head-right::after {
    content: "";
    position: absolute;
    height: 80%;
    width: 1px;
    background-color: #fff;
    left: 52%;
    top: 10%;
}

.head .en {
    text-transform: capitalize;
    color: #fff;
    font-size: .62rem;
}

.head a {
    transition: .5s;
}


.bg_h {
    background: #F2F2F2;
}
.bg_w {
    background: #FFF;
}


/* .head a:hover {
  color: var(--colorR);
} */

/* .head-active ul a {
  color: #333;
}

.head-active .nav-btn span {
  background-color: #333;
}

.head-active .input-border {
  border: 1px solid rgba(0, 0, 0, .1);
}

.head-active .en {
  color: #333;
}

.head-active .head-right::after {
  background-color: #333;
} */

.pageSwier {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.pageSwier-inner {
    position: relative;
    height: 100vh !important;
}

.bannerSwiper {
    height: 100vh !important;
}

.bannerSwiper img {
    width: 100%;
}

.bannerSwiper .swiper-slide {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile-text {
    display: none;
}

.bannerSwiper .swiper-slide span {
    font-size: 24px;
    color: #fff;
    letter-spacing: 80px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    padding-left: 80px;
    white-space: nowrap;
}

.mobile-jt {
    display: none;
}

.page-title {
    font-size: 32px;
    letter-spacing: 2px;
    color: #333;
}

.page-title p {
    font-size: 14px;
    margin-bottom: 10vh;
    margin-top: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.page2-info {
    position: absolute;
    width: 90%;
    left: 0;
    /* background-color: #F6F6F6; */
    padding: 100px 16.5vw;
    padding-left: 0;
    height: auto !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page2-info span {
    font-size: .65rem;
    line-height: 1.2rem;
}

.page2-info-inner {
    overflow: hidden;
    padding-left: 10vw;
    box-sizing: border-box;
    position: relative;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #E01837;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #B5B5B5;
}

.mCSB_scrollTools {
    position: absolute;
    left: -8.25vw;
    top: 0;
}

.mCustomScrollBox {
    overflow: visible;
}

.page2-info p {
    width: 56%;
    font-size: 17px;
    line-height: 32px;
    margin-bottom: 30px;
    color: #4d4d4d;
    text-align: justify;
    text-indent: 2rem;

}

.page2-info p:nth-last-child(1) {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;

}

.page2-ul {
    position: absolute;
    bottom: 6%;
    display: flex;
    transform: translate(0, -50%);
    width: 70%;
    justify-content: space-between;
}

.page2-ul h2 {
    font-size: 3.5rem;
    color: var(--colorR);
    font-weight: 500;
    font-family: 'wbzt1';
    text-align: center;
    display: flex;
    align-items: flex-end;
    line-height: 2.5rem;
    justify-content: center;
}

.page2-ul h2 p {
    font-size: 4.5rem;
    color: var(--colorR);
    font-weight: 500;
    font-family: 'wbzt1';
    text-align: center;
    margin: 0;
    margin-right: 5px;
    line-height: 3.5rem;
}

.page2-ul sup {
    top: -2.4rem;
}

.page2-ul span {
    margin-left: -.2rem;
}

.page2-ul li span {
    margin-left: -.5rem;
}

.page2-ul p {
    font-size: 17px;
    margin-top: 25px;
    color: #333;
    text-align: center;
}

.page2-ul span {
    font-size: 17px;
    line-height: 1rem;
}

.page2-info-img {
    position: absolute;
    top: 7.5vw;
    right: 15vw;
    width: 15vw;
    z-index: 2;
    display: none;
}

.page2::after {
    content: "";
    width: 10vw;
    height: 15vw;
    position: absolute;
    right: calc(15vw - 18px);
    top: calc(7.5vw - 16px);
    background-color: var(--colorR);
    display: none;
}

.page3 {
    width: 100%;
    height: 100%;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page3-inner {
    position: absolute;
    width: 100%;
    left: 0;
}

.page3-swpier .swiper-slide {
    padding-bottom: 28%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    filter: blur(5px);
}

.page3-swpier .swiper-slide-active {
    filter: blur(0);
}

.swiper-inner {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 4% 7% 0;
    opacity: 0;
    color: #fff;
    transition: .5s;
}

.swiper-inner h1 {
    font-size: 9rem;
    font-family: 'wbzt1';
    margin-bottom: 0.4rem;
    margin-left: -0.4rem;
    opacity: 0.8;
    letter-spacing: -0.1rem;
}

.swiper-inner p {
    font-size: 0.8rem;
    line-height: 1.6;
}

.page3-inner .page3-swpier-pagination,
.page5 .page5-swpier-pagination {
    width: 100%;
    margin-top: 50px;
}

.page3-swpier-pagination .swiper-pagination-bullet,
.page5-swpier-pagination .swiper-pagination-bullet {
    width: 80px;
    background-color: #fff;
    height: 3px;
    margin: 0 3px;
    border-radius: 0;
    opacity: 1;
}

.page3-swpier-pagination .swiper-pagination-bullet-active,
.page5-swpier-pagination .swiper-pagination-bullet-active {
    background-color: var(--colorR) !important;
    height: 3px;
}

.page3-swpier .swiper-slide-active .swiper-inner {
    opacity: 1;
}

/* .page3-swpier .swiper-slide .swiper-inner::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 9px;
  background-image: url('../img2/a-jt.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 20px;
  right: 20px;
  transition: .5s;
} */

.page3-swpier .swiper-slide .swiper-inner:hover::after {
    right: 10px;
}

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

.background-item2 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

.background-item3 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.page6 {
    background-image: url('../img/p5.jpg');
}

.logo-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.logo-item {
    display: flex;
    /* width: 24.5%;
  margin-right: 0.66%; */
    width: calc(33% - 8px);
    margin-right: 10px;
    padding-bottom: 16%;
    /* background-color: rgba(255, 255, 255, .5); */
    border-radius: 15px;
    margin-top: 20px;
    /* filter: grayscale(); */
    box-shadow: 11px 16px 32px rgba(0, 0, 0, .1);
    opacity: 1;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    align-items: flex-start;
    transition: .5s;
}

.logo-item:hover img:nth-child(1) {
    opacity: 0;
}

.logo-item:hover img:nth-child(2) {
    opacity: 1;
}

.logo-item img {
    width: 75%;
    display: inline-block;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    transition: .5s;
}

.logo-item img:nth-child(2) {
    opacity: 0;
}

.logo-item:nth-child(3n) {
    margin-right: 0;
}

.page5 {
}

.page5-swpier {
    width: 100%;
    overflow: visible;
}

.page5-inner {
    overflow: hidden;
    /* width: 75%; */
    width: 70%;
    position: absolute;
    /* left: 12.5%; */
    left: 15%;
    padding: 50px 0;
    margin-top: -50px;
    transition: .5s;
}

.page5-swpier .swiper-slide {
    padding-bottom: 35%;
    position: relative;
    transition: transform .5s;
}

.page5-swpier .swiper-slide h2 {
    position: absolute;
    font-size: .65rem;
    left: 30px;
    top: 30px;
}

.page5-swpier-pagination {
    position: absolute;
    bottom: 5vw;
    width: 100% !important;
    left: 0;
}

.page5-swpier .swiper-slide:hover {
    /* border: 10px solid #fff; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    z-index: 5;
    /* transition: .5s; */
    transform: translate(-5%, 0) scale(1.1);
}

.page5-swpier .swiper-slide-active:hover {
    transform: translate(10%, 0) scale(1.1) !important;
}

.page5-inner:hover {
    /* padding-right: 5px; */
    box-sizing: unset;
}

.page5 .page-title {
    color: #333;
}

.page5-swpier-pagination span {
    /* background-color: #333 !important; */
}

.page6-tab {
    position: absolute;
    left: 46.5vw;
    top: 6.5vw;
    transform: translate(0, 50%);
    display: flex;
}

.page6-tab span {
    cursor: pointer;
    font-size: .65rem;
    padding: 10px 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    margin: 0 5px;
}

.page6-tab .active {
    background-color: var(--colorR);
    color: #fff;
}

.page6-tab span:hover {
    background-color: var(--colorR);
    color: #fff;
}

.page6-box {

    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 55vh;
    left: 0;
    overflow: hidden;
}

.page6-left {
    width: 48%;
    background-color: #F6F6F6;
    /* height: 100%; */
    padding: 30px;
    box-sizing: border-box;
    overflow: hidden;
}

.page6-left .mCustomScrollBox {
    padding-left: calc(16.5vw - 30px);
    overflow: hidden;
}

.page6-left .mCSB_scrollTools {
    left: 8.25vw;
    display: none !important;
}

.page6-left-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.page6-left-inner img {
    width: 100%;
}

.page6-left h2 {
    text-align: right;
    font-size: .8rem;
    color: #989898;
}

.page6-left h1 {
    font-size: 18px;
    line-height: 1.2rem;
}

.page6-left p {
    font-size: .6rem;
    color: #989898;
    line-height: 1.2rem;
    margin-bottom: 15px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.page6-left p:nth-child(-n + 3) {
    margin-top: 15px;
}

.page6-left .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colorR)
}

.page6-right {
    width: 48%;
    height: 100%;
}

.page6-right a {
    display: flex;
    width: 100%;
    height: 33.3%;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
    padding: 38px 20px;
    position: relative;
    transition: .5s;
}

.page6-right a:nth-child(1) {
    border-top: 1px solid #ccc;
}

.page6-right a h1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 18px;
    position: relative;
}

.page6-right a h1 span {
    color: #989898;
    font-size: .8rem;
}

.page6-right a p {
    font-size: .65rem;
    color: #989898;
    line-height: 1.2rem;
    width: 80%;
}

.page6-right a h1::before {
    content: "";
    left: -10px;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #000;
}

.page6-right a::after {
    width: 56px;
    height: 13px;
    content: "";
    position: absolute;
    bottom: 30px;
    right: 20px;
    background-image: url('../img/jt-p6.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    opacity: 0;
    transition: .5s;
}

.page6-right a:hover::after {
    opacity: 1;
}

.page6-box {
    left: -100%;
    opacity: 0;
    transition: .8s;
}

.page6-left .mCustomScrollBox {
    position: relative;
}

.page6-left .mCustomScrollBox::after {
    position: absolute;
    content: '';
    left: calc(8.25vw - 30px);
    top: 0;
    width: 3px;
    height: 100%;
    background-position: center;
    background-image: url('../img/zsx.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.page6-box-active {
    left: 0;
    opacity: 1;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    height: 100%;
}

.page6-left-inner {
    justify-content: space-between;
}

.foot-out {
    height: auto !important;
}


.foot {
    height: auto;
    background-color: #898989;
    padding: 4.5vh 16.5vw;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.foot-left {
    width: 70%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.foot-left ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #fff;
}

.foot-left ul li {
    display: flex;
    flex-direction: column;
}

.foot-left ul a {
    font-size: .6rem;
    margin-bottom: 13px;
    color: #cccccc;
    transition: .5s;
}

.foot-left ul a:nth-last-child(1) {
    margin-bottom: 0;
}

.foot-left ul a:hover {
    color: #fff;
}

.foot-left ul li a:nth-child(1) {
    margin-bottom: 25px;
    color: #fff;
    font-weight: 500;
}

.foot-left-bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.foot-left-bottom-left h1 {
    font-size: .62rem;
    color: #fff;
    margin-bottom: 25px;
}

.foot-left-bottom-left p {
    font-size: .6rem;
    color: #ccc;
    margin-bottom: 15px;
}

.foot-left-bottom-left p:nth-last-child(1) {
    margin-bottom: 0;
}

.foot-h6 {
    display: none;
    line-height: 20px;
    font-size: 12px;
    color: #bfbfbf;
    margin-top: 20px;
}

.foot-h6 a {
    display: block;
    line-height: 20px;
    font-size: 12px;
    color: #bfbfbf;
}

.share {
    display: flex;
    align-items: flex-end;
}

.share a {
    width: 30px !important;
    height: 30px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    margin-bottom: 0 !important;
    margin-right: 30px;
}

.foot-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ewm {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ewm p {
    font-size: .62rem;
    color: #fff;
    margin-top: 20px;
}

.foot-right input {
    border: none;
    height: 35px;
    border-radius: 17.5px;
    padding: 0 30px;
    box-sizing: border-box;
    font-size: .62rem;
    width: 200px;
    line-height: 35px;
}

.search {
    position: relative;
    width: 200px;
}

.search p {
    border: none;
    height: 35px;
    border-radius: 17.5px;
    padding: 0 30px;
    box-sizing: border-box;
    font-size: 15px;
    width: 100%;
    line-height: 35px;
    background-color: #fff;
    color: #666;
    display: flex;
    position: relative;
    cursor: pointer;
    transition: .5s;
}

.search-active {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.search p::after {
    position: absolute;
    content: '';
    right: 15px;
    background-image: url('../img/xl-yl.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    width: 15px;
    top: 50%;
    transform: translate(0, -50%);
}

.yqlj-more {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    transform: translate(0, 100%);
    border-radius: 17.5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: none;
}

.yqlj-more a {
    font-size: 15px;
    height: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 0 30px;
    color: #666;
    box-sizing: border-box;
}

/* .search::after {
  position: absolute;
  content: '';
  right: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  background-image: url('../img/search.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translate(0, -50%);
} */

.foot-more {
    height: 30px !important;
    background-color: var(--colorR);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #fff;
}

.head-mc {
    width: 100%;
    height: 100vh;
    position: fixed;
    background-color: #282828;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 0 10vw;
    padding-top: 20vh;
    box-sizing: border-box;
    display: none;
}

.head-mc ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.head-mc ul li {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.head-mc ul .checkout_l {
    display: none;
}

.head-mc ul li a {
    font-size: .65rem;
    color: #ccc;
    margin-bottom: 25px;
    display: flex;
}

.head-mc ul li a:nth-child(1) {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 35px;
}

.head-mc ul li a:nth-last-child(1) {
    margin-bottom: 0;
}

.head-mc ul li {
    margin-top: 80px;
}

.head-mc ul li:nth-child(-n+5) {
    margin-top: 0;
}

.head-mc ul li span {
    font-size: .65rem;
    color: #ccc;
    margin-top: 20px;
}

.page3-mobile-swiper {
    display: none;
}

.mobile-title-page5 {
    display: none;
}

.page5-mobile-swiper {
    display: none;
}

.page6-mobile {
    display: none;
}

.mobile-p {
    display: none;
}

.mobile-video-mc {
    display: none;
}

.mobile-page {
    display: none;
}

.box-page {
    min-height: 60vh;
    width: 100%;
    margin-top: 8vh;
    box-sizing: border-box;
}

.title-page {
    font-size: 1.2rem;
    color: #333;
    position: relative;
    margin-bottom: 80px;
}

.title-page::after {
    position: absolute;
    content: '';
    right: 0;
    width: 80%;
    height: 1px;
    background-color: rgba(125, 125, 125, 1);
    top: 50%;
    transform: translate(0, -50%);
}

.cp-box {
    display: flex;
    justify-content: space-between;
    width: 1285px;
    height: 556px;
    zoom: .99;
}

.ceter-cp {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    align-content: space-between;
}

.cp-box a {
    display: flex;
}

.left-cp {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cp-box a {
    position: relative;
    transition: .5s;
}

.ceter-cp a {
    margin-right: 1.2%;
    display: flex;
}

.ceter-cp a:nth-child(2n) {
    margin-right: 0;
}

.cp-box span {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    color: #fff;
    letter-spacing: 1px;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: .5s;
}

.cp-box a:hover span {
    opacity: 1;
}

.mobile-box-cp {
    display: none;
}

.cplb-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.cplb-left {
    width: 23%;
    background-color: #fff;
    padding: 0 15px;
    box-sizing: border-box;
}

.cplb-right {
    width: 75%;
}

.cplb-left a {
    height: 80px;
    display: flex;
    width: 100%;
    font-size: .65rem;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    box-sizing: border-box;
    position: relative;
}

.cplb-left li:nth-last-child(1) a {
    border: none;
}

.box-page2 {
    background-color: #FAFAFA;
}

.cplb-left a::after {
    position: absolute;
    content: '';
    right: 0;
    height: 16px;
    width: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    opacity: 0;
    transition: .5s;
}

.cplb-left a:hover,
.cplb-left .active {
    color: #E01737;
}

.cplb-left a:hover::after,
.cplb-left .active::after {
    opacity: 1;
}

.cplb-right video {
    width: 100%;
    margin-bottom: 30px;
}

.cplb-item-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.cplb-item {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 30px;
    padding-bottom: 34%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.cplb-item:nth-child(3n) {
    margin-right: 0;
}

.cplb-item span {
    position: absolute;
    bottom: 5%;
    font-size: .65rem;
    text-align: center;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    transition: .5s;
}

.pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.pagination a {
    height: 35px !important;
    width: 35px !important;
    background-color: #CCCCCC;
    color: #fff;
    font-size: .6rem;
    line-height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    transition: .5s;
}

.pagination .prev,
.pagination .next {
    /* width: 90px; */
    height: 35px !important;
    border-radius: 50% !important;
    display: none;
}

.pagination .next {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
}

.pagination .prev {
    transform: rotate(180deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
}

.pagination .next:hover,
.pagination .prev:hover {
}

/* .pagination .last,
.pagination .first {
  width: 60px;
  height: 35px;
  border-radius: 5px;
} */

.pagination a:hover {
    background-color: #E01837;
}

.pagination .active {
    background-color: #E01837;
}

.cplb-item-list a:hover span {
    color: #E01737;
}

.title-page-box {
    display: flex;
    justify-content: space-between;
}

.title-page-box .title-page {
    width: 80%;
}

.title-page-box .title-page::after {
    width: 85%;
}

.tab-box {
    display: flex;
}

.tab-box span {
    font-size: .6rem;
    height: 30px;
    border-radius: 17.5px;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-right: 20px;
    cursor: pointer;
    transition: .5s;
}

.tab-box span:nth-last-child(1) {
    margin-right: 0;
}

.tab-box span:hover,
.tab-box .active {
    background-color: var(--colorR);
    color: #fff;
    border: 1px solid var(--colorR);
}

.video-box {
    display: none;
    flex-wrap: wrap;
}

.active-v-box {
    display: flex;
}

.video-item {
    width: 32%;
    margin-right: 2%;
    margin-top: 35px;
}

.video-item:nth-child(3n) {
    margin-right: 0;
}

.video-item:nth-child(-n + 3) {
    margin-top: 0;
}

.video-item p {
    padding-bottom: 56%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 15px;
    position: relative;
}

.video-item span {
    font-size: .6rem;
    color: #333;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.video-item p::after {
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.video-mc {
    width: 50%;
    padding: 35px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    z-index: 5;
    display: none;
}

.video-mc video {
    width: 100%;
}

.video-mc img {
    right: 10px;
    top: 5px;
    position: absolute;
    cursor: pointer;
}

.page-box {
    width: 100%;
    margin-top: 30px;
}

.page-box a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .5);
    color: #808080;
    background-color: transparent;
    box-sizing: border-box;
}

.page-box .prev,
.page-box .next {
    border-radius: 5px;
}

.page-box .active {
    color: #fff;
    border: none;
}

.page-box a:hover {
    color: #fff;
    border: 1px solid transparent;
}

.title-page2::after {
    width: 85%;
}

.news-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.news-item {
    display: flex;
    flex-direction: column;
    width: 32.5%;
    margin-right: 1.25%;
    box-shadow: 7px 0px 20px rgba(15, 5, 10, .08);
    margin-top: 30px;
    box-sizing: border-box;
    position: relative;
}

.news-item:nth-child(3n) {
    margin-right: 0;
}

.news-item:nth-child(-n + 3) {
    margin-top: 0;
}

.news-img {
    padding-bottom: 61%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.news-info {
    padding: 42.5px 20px;
    box-sizing: border-box;
}

.news-info p {
    font-size: .6rem;
    color: #808080;
    margin-bottom: 20px;
}

.news-info h1 {
    font-size: .75rem;
    line-height: 1.2rem;
    margin-bottom: 20px;
    font-weight: 500;
}

.news-info span {
    text-align: right;
    font-size: .6rem;
    color: var(--colorR);
    display: flex;
    width: 100%;
    justify-content: flex-end;
    position: absolute;
    bottom: 30px;
    right: 20px;
}

.mobile-news-box {
    display: none;
}


/* 动画 */
.mo-bottom {
    transform: translate(0, 5vh);
    opacity: 0;
}

.mo-opt::after {
    opacity: 0;
    transform: translate(0, 5vh);
}

.bannerSwiper .swiper-slide span {
    transition: 1.5s;
}

.page-title {
    transition: .5s .5s;
}

.page2-info-img {
    transition: .5s .5s;
}

.page2::after {
    transition: .5s .5s;
}

.page2-info-img {
    transition: .5s .8s;
}

.page2::after {
    transition: .5s .8s;
}

.page2-info {
    transition: .5s 1.2s;
}

.page2-ul {
    transition: .5s 1.5s;
}

.page3-inner {
    transition: .5s 1s;
}

.logo-list {
    transition: .5s 1s;
}

.page5-swpier {
    transition: .5s 1s;
}

.page5-swpier-pagination {
    transition: .5s 1.5s;
}

.page6-tab {
    transition: .5s 1s;
}

.page6-left,
.page6-right {
    transition: .5s 1.5s;
}

.title-page {
    transition: .5s;
}

.cp-box {
    transition: .5s .5s;
}

.video-box {
    transition: .5s .5s;
}

.title-page-box {
    transition: .5s;
}

.news-box {
    transition: .5s .5s;
}

.page-box {
    transition: .5s 1s;
}

.foot-left-bottom-left .pc-p {
    margin-bottom: 0;
}

.tab-box a {
    margin-right: 20px;
}

.tab-box a:nth-last-child(1) {
    margin-right: 0;
}

.foot-more p {
    font-size: 11px;
}

.foot-more p span {
    font-size: 11px;
}

.foot-more p a {
    color: #fff;
    font-size: 11px;
}

.foot-more p a img {
    width: 14px;
    vertical-align: middle;
}

.mobile-fz-swiper-out {
    display: none;
}

.ewm p {
    font-size: 13px;
}

.page2-info-inner::after {
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    width: 3px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    left: 8.25vw;
    display: none;
}

.mCSB_scrollTools {
    display: none !important;
}

.bdshare-button-style0-16 a,
.bdshare-button-style0-16 .bds_more {
    padding: 0 !important;
    margin: 0 10px !important;
}

.banner-video {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    object-fit: fill;
}

.bannerSwiper .swiper-slide span {
    z-index: 6;
}

.v-mobile {
    display: none;
}


/* 20201130 */
/* 增加产业板块页面 */
.auto {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

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

.cybk-item {
    width: 29%;
    margin-right: 6.5%;
}

.cybk-item:nth-child(3n) {
    margin-right: 0;
}

.cybk-item-img {
    padding-bottom: 69%;
}

.cybk-item-logo {
    padding-bottom: 35%;
    background-size: 50%;
}

.cybk-item-info {
    font-size: 16px;
    line-height: 30px;
    color: #333;
}

/* 20210226 */
/* .page2{
  padding: 9.5vw 16.5vw;
} */
.page-title {
    margin: 30px 0 50px 0;
}

.page-title p {
    margin-bottom: 0;
}

.page2-info {
    margin-top: 0;
    padding: 0px 16.5vw 30px 16.5vw;
    padding-left: 0;
}

.page4 .page-title {
    margin-bottom: 76px;
}

.page4 {
    /* background-repeat: repeat;
  background-size: 70%; */
}

.logo-item {
    margin-top: 9px;
}

.logo-item:nth-child(-n + 3) {
    margin-top: 0;
}

.page5-inner {
    margin-top: -27px;
}

.page5-swpier .swiper-slide h2 {
    top: 40px;
}

.page6-box {
    top: 31%;
}

.page6-tab {
    top: 7.8vw;
}

.page6-tab span {
    margin: 0 20px;
    position: relative;
}

.page6-left {
    padding: 60px 30px;
}

.page6-box {
    height: 60vh;
}

.page6-left h2 {
    margin-bottom: 20px;
}

.page6-right a {
    padding: 45px 20px;
}

.page6-left .mCustomScrollBox::after {
    height: calc(100% - 56px);
    top: unset;
    bottom: 0;
}

.foot {
    padding: 6vh 16.5vw;
}

.foot-left ul {
    padding-bottom: 35px;
    margin-bottom: 35px;
}

.foot-more {
    height: 30px !important;
    /* height: 50px !important; */
}

.bannerSwiper .swiper-slide span {
    letter-spacing: 90px;
    font-size: 26px;
    padding-left: 90px;
}

.head-active {
}

.page3-swpier-pagination .swiper-pagination-bullet,
.page5-swpier-pagination .swiper-pagination-bullet {
    margin: 0 6px;
    transition: .5s;
}


.page3-swpier-pagination .swiper-pagination-bullet:hover,
.page5-swpier-pagination .swiper-pagination-bullet:hover {
    height: 6px;
}

.page3-swpier-pagination .swiper-pagination-bullet-active,
.page5-swpier-pagination .swiper-pagination-bullet-active {
    height: 6px;
}

.page3-swpier .swiper-slide::before {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

/* .page3-swpier .swiper-slide-active::before {
  display: none;
} */

.page6-tab span:nth-child(1) {
    margin-left: 0;
}

.page6-right a::after {
    opacity: 1;
}

.page6-right a:hover::after {
    background-image: url('../img/jt-p6s.png');
}


.colorW {
    color: #fff;
}

.page2 {
    background: url(../img/i_bg9.jpg) center bottom no-repeat #f7f7f7;
    background-position: center 0;
}

.page5-swpier .swiper-slide {
    position: relative;
}

.page5-swpier .swiper-slide::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0, 0, 0, 0);
    transition: .5s;
}

.page5-swpier .swiper-slide:hover::after {
    opacity: 0;
}


/*    ni   */


.fl {
    float: left;
}

.fr {
    float: right;
}

.clear10 {
    height: 10px;
    overflow: hidden;
    clear: both;
}

.clear20 {
    height: 20px;
    overflow: hidden;
    clear: both;
}

.clear30 {
    height: 30px;
    overflow: hidden;
    clear: both;
}

.clear40 {
    height: 40px;
    overflow: hidden;
    clear: both;
}

.clear150 {
    height: 150px;
    overflow: hidden;
    clear: both;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    line-height: 0;
    font-size: 0;
}

:root {
    --black: #1a1a1a;
    --red: #a9002c;
    --orange: #ffa400;
    --blue: #1144b8;
    --gray: #8F8E94;
}

.jumpUrl {
    cursor: pointer;
}

/* input çš„ placeholder*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999;
}

@-webkit-keyframes animate-cloud {
    from {
        background-position: 1920px 100%;
    }
    to {
        background-position: 0 100%;
    }
}

@keyframes animate-cloud {
    from {
        background-position: 1920px 100%;
    }
    to {
        background-position: 0 100%;
    }
}

/* padding */
.pt-10 {
    padding-top: 10px;
}

.pl-10 {
    padding-left: 10px;
}

.pr-10 {
    padding-right: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.p10 {
    padding: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.pr-15 {
    padding-right: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.p15 {
    padding: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.pr-20 {
    padding-right: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.p20 {
    padding: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pl-25 {
    padding-left: 25px;
}

.pr-25 {
    padding-right: 25px;
}

.pb-25 {
    padding-bottom: 25px;
}

.p25 {
    padding: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.p30 {
    padding: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pl-40 {
    padding-left: 40px;
}

.pr-40 {
    padding-right: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.p40 {
    padding: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pl-50 {
    padding-left: 50px;
}

.pr-50 {
    padding-right: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.p50 {
    padding: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pl-60 {
    padding-left: 60px;
}

.pr-60 {
    padding-right: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.p60 {
    padding: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pl-70 {
    padding-left: 70px;
}

.pr-70 {
    padding-right: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}

.p70 {
    padding: 70px;
}

/* margin */
.mt-10 {
    margin-top: 10px;
}

.ml-10 {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.m10 {
    margin: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.ml-15 {
    margin-left: 15px;
}

.mr-15 {
    margin-right: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.m15 {
    margin: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.ml-20 {
    margin-left: 20px;
}

.mr-20 {
    margin-right: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.m20 {
    margin: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.ml-25 {
    margin-left: 25px;
}

.mr-25 {
    margin-right: 25px;
}

.mb-25 {
    margin-bottom: 25px;
}

.m25 {
    margin: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.ml-30 {
    margin-left: 30px;
}

.mr-30 {
    margin-right: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.m30 {
    margin: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.ml-40 {
    margin-left: 40px;
}

.mr-40 {
    margin-right: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.m40 {
    margin: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.ml-50 {
    margin-left: 50px;
}

.mr-50 {
    margin-right: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.m50 {
    margin: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.ml-60 {
    margin-left: 60px;
}

.mr-60 {
    margin-right: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.m60 {
    margin: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.ml-70 {
    margin-left: 70px;
}

.mr-70 {
    margin-right: 70px;
}

.mb-70 {
    margin-bottom: 70px;
}

.m70 {
    margin: 70px;
}

.mlr {
    margin-left: auto;
    margin-right: auto;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f15 {
    font-size: 15px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f22 {
    font-size: 22px;
}

.f24 {
    font-size: 24px;
}

.f26 {
    font-size: 26px;
}

.f28 {
    font-size: 28px;
}

.f30 {
    font-size: 30px;
}

.f34 {
    font-size: 34px;
}

.f40 {
    font-size: 40px;
}

.f44 {
    font-size: 44px;
}

.f48 {
    font-size: 48px;
}

.f50 {
    font-size: 50px;
}

.f52 {
    font-size: 52px;
}

.f54 {
    font-size: 54px;
}

.f60 {
    font-size: 60px;
}

.f64 {
    font-size: 64px;
}

.f70 {
    font-size: 70px;
}

.f80 {
    font-size: 80px;
}

.hidden {
    overflow: hidden;
}

.color-blue {
    color: #1144b8;
}

.color-red {
    color: red;
}

.color-white {
    color: white;
}

.color-white4 {
    color: rgba(255, 255, 255, 0.4);
}

.color-white6 {
    color: rgba(255, 255, 255, 0.6);
}

.color-black {
    color: #1a1a1a;
}

.color-666 {
    color: #666;
}

.color-888 {
    color: #888;
}

.color-555 {
    color: #555;
}

.color-999 {
    color: #999;
}

.color-aaa {
    color: #aaa;
}

.bg-00 {
    background-color: #000;
}

.bg-33 {
    background-color: #333;
}

.bg-fa {
    background-color: #fafafa;
}

.bg-f7 {
    background-color: #f7f8f9;
}

.bg-f5 {
    background-color: #f5f5f5;
}

.bg-f0 {
    background-color: #f0f0f0;
}

.bg-f9 {
    background-color: #f9f9f9;
}

.bg-blue {
    background-color: #1144b8;
}

.bg-red {
    background-color: red;
}

.bg-white {
    background-color: white;
}

.bg-22 {
    background-color: #222222;
}

.bg-black {
    background-color: #1a1a1a;
}

.bg-666 {
    background-color: #666;
}

.bg-888 {
    background-color: #888;
}

.bg-555 {
    background-color: #555;
}

.bg-aaa {
    background-color: #aaa;
}

.object {
    object-fit: cover;
}

.flex-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-between-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-center {
    display: flex;
    align-items: center;
}

.flex-between {
    display: flex;
    justify-content: space-between
}

.flex-between-start {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flex-between-end {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-end {
    display: flex;
    align-items: flex-end;
}

.flex-content-end {
    display: flex;
    justify-content: flex-end;
}

.flex-start {
    display: flex;
    align-items: flex-start;
}

.iflex {
    display: inline-flex
}

.block {
    display: block;
}

.justify-center {
    justify-content: center;
}

.justify-end {
    justify-content: flex-end;
}

.justify-start {
    justify-content: flex-start;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-center {
    align-items: center;
}

.light {
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skewx(-25deg);
    z-index: 2;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}

.light-tri:hover .light {
    left: 100%;
    transition: 1s;
}

.light-tri:hover {
    box-shadow: 0 0 10px rgba(43, 23, 110, .5);
}


.posi {
    position: relative;
}

.posi-a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.hmax {
    height: 100%;
}

.wmax {
    width: 100%;
}

.w50 {
    width: 50%;
}

.w55 {
    width: 55%;
}

.w49-5 {
    width: 49.5%;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30%;
}

.w32 {
    width: 32%;
}

.w33 {
    width: 33%;
}

.w35 {
    width: 35%;
}

.w40 {
    width: 40%;
}

.w45 {
    width: 45%;
}

.w60 {
    width: 60%;
}

.w70 {
    width: 70%;
}

.w48 {
    width: 48%;
}

.w49 {
    width: 49%;
}

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

.transition {
    transition: all .36s;
}

.transition1 {
    transition: all 1s;
}

.line-height {
    line-height: 2;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-underline {
    text-decoration: underline;
}

.text-nowrap {
    white-space: nowrap;
}

.text-line {
    text-decoration: line-through
}

.text-miao {
    text-stroke: 1px #ddd;
    -webkit-text-stroke: 1px #ddd;
    color: #fff;
}

.z5 {
    position: relative;
    z-index: 5;
}

.cursor {
    cursor: pointer;
}

.cursor-shou {
}

.font-weight {
    font-weight: bold;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    -webkit-animation: 300ms ease-in-out 0s normal none fadeInDown;
    animation: 300ms ease-in-out 0s normal none fadeInDown;
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

/*  white-space: nowrap;   overflow: hidden;text-overflow:ellipsis; */
.line-clamp {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp2 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp3 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp6 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp5 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-height2-4 {
    line-height: 2.4;
}

.line-height2-8 {
    line-height: 2.8;
}

.line-height1 {
    line-height: 1;
}

.line-height1-6 {
    line-height: 1.6;
}

.line-height3 {
    line-height: 3;
}

.opacity8 {
    opacity: 0.8;
}

.opacity6 {
    opacity: 0.6;
}

.opacity2 {
    opacity: 0.2;
}

/* 栏目页banner手机端与pc端切换显示 */
.pc-show {
    display: block;
}

.wap-show {
    display: none;
}

.border {
    border: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-left {
    border-left: 1px solid #e5e5e5;
}

.border-right {
    border-right: 1px solid #e5e5e5;
}

.shadow-dark {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.radius5 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.radius8 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.radius10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.radius15 {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.radius20 {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.radius40 {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.radius50 {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/*底部
.page-aside { position: fixed; right: -6px; bottom: 180px; transform: translateX(100%); z-index: 25; opacity: 0; transition: transform .3s, opacity .3s; -webkit-transition: transform .3s, opacity .3s; -moz-transition: transform .3s, opacity .3s; -ms-transition: transform .3s, opacity .3s; -o-transition: transform .3s, opacity .3s; }
.page-aside.show {transform: translateX(0);opacity: 1}
.page-aside .img {max-width: 100%}
.page-aside-item {width: 54px;text-align: center;height: 50px;position: relative;z-index: 1;cursor: pointer;display: block;background-color:var(--blue);margin: 4px 0;border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;padding-right: 6px;transition: transform .3s;display: flex;align-items: center;justify-content: center}
.page-aside-item .icon {width: 24px}*/
#toolbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 150;
    display: none;
}

#toolbar a {
    width: 25%;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#toolbar img {
    height: 20px;
    margin-bottom: 5px;
}

.pig {
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    opacity: 0;
    position: absolute;
    left: 100%;
    top: 100%;
    z-index: 10;
    margin-left: -30px;
    margin-top: -30px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.4s linear, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.4s linear, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.4s linear, transform 0.5s ease-in-out;
    transition: opacity 0.4s linear, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.pig.show {
    opacity: 1;
}

.pig:active,
.pig.active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.pig s {
    width: 6px;
    height: 12px;
    cursor: pointer;
    position: absolute;
    margin-top: -6px;
    top: 50%;
    z-index: 2;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.pig s.i1 {
    left: 20px;
}

.pig s.i2 {
    right: 20px;
}

.pig:active s.i1,
.pig.active s.i1 {
    left: 14px;
}

.pig:active s.i2,
.pig.active s.i2 {
    right: 14px;
}

@media screen and (max-width: 750px) {
    .pc-show {
        display: none;
    }

    .wap-show {
        display: block;
    }

    .wapFlex {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .wapFlexF {
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .line-height2-4, .line-height3, .line-height2-8 {
        line-height: 2;
    }

    .w50, .w48, .w49-5, .w33, .w32, .w30, .w35, .w40, .w55, .w60, .w49, .w45, .w25, .w70 {
        width: 100%;
    }

    .infoImg img {
        height: auto !important;
    }

    #toolbar {
        display: flex;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    }

    body::after {
        display: block;
        content: '';
        width: 0;
        height: 0;
        background-color: #1e1d1d;
    }

    .partner_content .partner_content_list {
        width: 50% !important;
        text-align: center;
        overflow: hidden;
        transition: all 0.5s ease 0s;
        -webkit-transform: all 0.5s ease 0s;
        border-right: 0px;
        margin-bottom: -1px;
        cursor: pointer;
        padding: 10px 10px !important;
        box-sizing: border-box;
    }

    .content_top_share {
        display: none;
    }

    .content_top_left {
        display: none;
    }

    .footer .footer_content .footer_content_top .content_top_right {
        width: 100% !important;
    }

    .footer .footer_content .footer_content_top {
        padding: 60px 10vw 30px 10vw !important;
    }

    .footer_content_copyright a {
        display: none !important;
    }

    .indexBody::after {
        display: none;
    }

    .pglist a {
        display: none;
    }

    .pglist .hover {
        display: none !important;
    }

    .pglist .page {
        display: inline-block;
    }
}

/* 图片放大 */

.cursor-dot {
    position: fixed;
    top: 50%;
    left: 50%;
    pointer-events: none;
    border-radius: 50%;
    opacity: 0;
    width: 8px;
    height: 8px;
    background-color: rgba(24, 90, 178, 0.3);
    z-index: 999;
    transform: translate(-50%, -50%);
    transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out, width 0.5s, height 0.5s, background-color 0.5s ease;
}

/*分页样式*/

.pglist {
    width: 100%;
    text-align: center;
    clear: both;
    color: #333;
}

.pglist a {
    padding: 0 15px;
    margin: 0 6px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    color: #333;
}

.pglist a.close {
    background: #f2f2f2 !important;
}

.pglist * {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    padding-bottom: 1px;
}

.pglist a:hover, .pglist .hover {
    display: inline-block;
    color: #fff;
    background: #1144b8;
    border-color: #1144b8;
}

.position-relative {
    position: relative;
}

.pglist input {
    border: 1px solid #e5e5e5;
    background-color: #fff;
    margin: 0 6px;
    width: 55px;
    padding: 0 8px;
    text-align: center;
    color: #333;
}

.pglist button {
    color: #1144b8;
    border: 1px solid #1144b8;
    padding: 0 22px;
    margin: 0 6px;
}

.pglist button:hover {
    color: #fff;
    background: #1144b8;
}





.DIN {
    font-family: 'DIN';
}

.ENG {
    font-family: 'ENG';
}


div.video-play {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10001;
    display: none
}

div.video-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1001;
    background: #0b0b0b;
    opacity: .8
}

div.video-wrap {
    z-index: 1002;
    position: fixed;
    top: 52%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -52%, 0);
    transform: translate3d(-50%, -52%, 0);
    width: 1000px;
    height: 570px;
}

div.video-wrap video {
    width: 100%;
    height: auto
}

div.close-btn {
    cursor: pointer;
    transition: all .36s;
    text-align: center;
    line-height: 40px;
    z-index: 9999;
    position: absolute;
    background: #000;
    border: 2px solid #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    opacity: 0.5;
    right: -20px;
    top: -25px;
}

div.close-btn:hover {
    transform: rotate(180deg);
    opacity: 1;
}


@media screen and (max-width: 1600px) {
    /* padding */
    .pt-10 {
        padding-top: 8px;
    }

    .pl-10 {
        padding-left: 8px;
    }

    .pr-10 {
        padding-right: 8px;
    }

    .pb-10 {
        padding-bottom: 8px;
    }

    .p10 {
        padding: 8px;
    }

    .pt-15 {
        padding-top: 13px;
    }

    .pl-15 {
        padding-left: 13px;
    }

    .pr-15 {
        padding-right: 13px;
    }

    .pb-15 {
        padding-bottom: 13px;
    }

    .p15 {
        padding: 13px;
    }

    .pt-20 {
        padding-top: 16px;
    }

    .pl-20 {
        padding-left: 16px;
    }

    .pr-20 {
        padding-right: 16px;
    }

    .pb-20 {
        padding-bottom: 16px;
    }

    .p20 {
        padding: 16px;
    }

    .pt-25 {
        padding-top: 20px;
    }

    .pl-25 {
        padding-left: 20px;
    }

    .pr-25 {
        padding-right: 20px;
    }

    .pb-25 {
        padding-bottom: 20px;
    }

    .p25 {
        padding: 20px;
    }

    .pt-30 {
        padding-top: 26px;
    }

    .pl-30 {
        padding-left: 26px;
    }

    .pr-30 {
        padding-right: 26px;
    }

    .pb-30 {
        padding-bottom: 26px;
    }

    .p30 {
        padding: 26px;
    }

    .pt-40 {
        padding-top: 36px;
    }

    .pl-40 {
        padding-left: 36px;
    }

    .pr-40 {
        padding-right: 36px;
    }

    .pb-40 {
        padding-bottom: 36px;
    }

    .p40 {
        padding: 36px;
    }

    .pt-50 {
        padding-top: 45px;
    }

    .pl-50 {
        padding-left: 45px;
    }

    .pr-50 {
        padding-right: 45px;
    }

    .pb-50 {
        padding-bottom: 45px;
    }

    .p50 {
        padding: 45px;
    }

    .pt-60 {
        padding-top: 55px;
    }

    .pl-60 {
        padding-left: 55px;
    }

    .pr-60 {
        padding-right: 55px;
    }

    .pb-60 {
        padding-bottom: 55px;
    }

    .p60 {
        padding: 55px;
    }

    .pt-70 {
        padding-top: 66px;
    }

    .pl-70 {
        padding-left: 66px;
    }

    .pr-70 {
        padding-right: 66px;
    }

    .pb-70 {
        padding-bottom: 66px;
    }

    .p70 {
        padding: 66px;
    }

    /* margin */
    .mt-10 {
        margin-top: 8px;
    }

    .ml-10 {
        margin-left: 8px;
    }

    .mr-10 {
        margin-right: 8px;
    }

    .mb-10 {
        margin-bottom: 8px;
    }

    .m10 {
        margin: 8px;
    }

    .mt-15 {
        margin-top: 13px;
    }

    .ml-15 {
        margin-left: 13px;
    }

    .mr-15 {
        margin-right: 13px;
    }

    .mb-15 {
        margin-bottom: 13px;
    }

    .m15 {
        margin: 13px;
    }

    .mt-20 {
        margin-top: 16px;
    }

    .ml-20 {
        margin-left: 16px;
    }

    .mr-20 {
        margin-right: 16px;
    }

    .mb-20 {
        margin-bottom: 16px;
    }

    .m20 {
        margin: 16px;
    }

    .mt-25 {
        margin-top: 20px;
    }

    .ml-25 {
        margin-left: 20px;
    }

    .mr-25 {
        margin-right: 20px;
    }

    .mb-25 {
        margin-bottom: 20px;
    }

    .m25 {
        margin: 20px;
    }

    .mt-30 {
        margin-top: 26px;
    }

    .ml-30 {
        margin-left: 26px;
    }

    .mr-30 {
        margin-right: 26px;
    }

    .mb-30 {
        margin-bottom: 26px;
    }

    .m30 {
        margin: 26px;
    }

    .mt-40 {
        margin-top: 36px;
    }

    .ml-40 {
        margin-left: 36px;
    }

    .mr-40 {
        margin-right: 36px;
    }

    .mb-40 {
        margin-bottom: 36px;
    }

    .m40 {
        margin: 36px;
    }

    .mt-50 {
        margin-top: 45px;
    }

    .ml-50 {
        margin-left: 45px;
    }

    .mr-50 {
        margin-right: 45px;
    }

    .mb-50 {
        margin-bottom: 45px;
    }

    .m50 {
        margin: 45px;
    }

    .mt-60 {
        margin-top: 55px;
    }

    .ml-60 {
        margin-left: 55px;
    }

    .mr-60 {
        margin-right: 55px;
    }

    .mb-60 {
        margin-bottom: 55px;
    }

    .m60 {
        margin: 55px;
    }

    .mt-70 {
        margin-top: 66px;
    }

    .ml-70 {
        margin-left: 66px;
    }

    .mr-70 {
        margin-right: 66px;
    }

    .mb-70 {
        margin-bottom: 66px;
    }

    .m70 {
        margin: 66px;
    }


}

@media screen and (max-width: 1440px) {
    /* padding */
    .pt-10 {
        padding-top: 6px;
    }

    .pl-10 {
        padding-left: 6px;
    }

    .pr-10 {
        padding-right: 6px;
    }

    .pb-10 {
        padding-bottom: 6px;
    }

    .p10 {
        padding: 6px;
    }

    .pt-15 {
        padding-top: 10px;
    }

    .pl-15 {
        padding-left: 10px;
    }

    .pr-15 {
        padding-right: 10px;
    }

    .pb-15 {
        padding-bottom: 10px;
    }

    .p15 {
        padding: 10px;
    }

    .pt-20 {
        padding-top: 15px;
    }

    .pl-20 {
        padding-left: 15px;
    }

    .pr-20 {
        padding-right: 15px;
    }

    .pb-20 {
        padding-bottom: 15px;
    }

    .p20 {
        padding: 15px;
    }

    .pt-25 {
        padding-top: 18px;
    }

    .pl-25 {
        padding-left: 18px;
    }

    .pr-25 {
        padding-right: 18px;
    }

    .pb-25 {
        padding-bottom: 18px;
    }

    .p25 {
        padding: 18px;
    }

    .pt-30 {
        padding-top: 24px;
    }

    .pl-30 {
        padding-left: 24px;
    }

    .pr-30 {
        padding-right: 24px;
    }

    .pb-30 {
        padding-bottom: 24px;
    }

    .p30 {
        padding: 24px;
    }

    .pt-40 {
        padding-top: 34px;
    }

    .pl-40 {
        padding-left: 34px;
    }

    .pr-40 {
        padding-right: 34px;
    }

    .pb-40 {
        padding-bottom: 34px;
    }

    .p40 {
        padding: 34px;
    }

    .pt-50 {
        padding-top: 42px;
    }

    .pl-50 {
        padding-left: 42px;
    }

    .pr-50 {
        padding-right: 42px;
    }

    .pb-50 {
        padding-bottom: 42px;
    }

    .p50 {
        padding: 42px;
    }

    .pt-60 {
        padding-top: 50px;
    }

    .pl-60 {
        padding-left: 50px;
    }

    .pr-60 {
        padding-right: 50px;
    }

    .pb-60 {
        padding-bottom: 50px;
    }

    .p60 {
        padding: 50px;
    }

    .pt-70 {
        padding-top: 50px;
    }

    .pl-70 {
        padding-left: 50px;
    }

    .pr-70 {
        padding-right: 50px;
    }

    .pb-70 {
        padding-bottom: 50px;
    }

    .p70 {
        padding: 50px;
    }

    /* margin */
    .mt-10 {
        margin-top: 6px;
    }

    .ml-10 {
        margin-left: 6px;
    }

    .mr-10 {
        margin-right: 6px;
    }

    .mb-10 {
        margin-bottom: 6px;
    }

    .m10 {
        margin: 6px;
    }

    .mt-15 {
        margin-top: 10px;
    }

    .ml-15 {
        margin-left: 10px;
    }

    .mr-15 {
        margin-right: 10px;
    }

    .mb-15 {
        margin-bottom: 10px;
    }

    .m15 {
        margin: 10px;
    }

    .mt-20 {
        margin-top: 15px;
    }

    .ml-20 {
        margin-left: 15px;
    }

    .mr-20 {
        margin-right: 15px;
    }

    .mb-20 {
        margin-bottom: 15px;
    }

    .m20 {
        margin: 15px;
    }

    .mt-25 {
        margin-top: 18px;
    }

    .ml-25 {
        margin-left: 18px;
    }

    .mr-25 {
        margin-right: 18px;
    }

    .mb-25 {
        margin-bottom: 18px;
    }

    .m25 {
        margin: 18px;
    }

    .mt-30 {
        margin-top: 24px;
    }

    .ml-30 {
        margin-left: 24px;
    }

    .mr-30 {
        margin-right: 24px;
    }

    .mb-30 {
        margin-bottom: 24px;
    }

    .m30 {
        margin: 24px;
    }

    .mt-40 {
        margin-top: 34px;
    }

    .ml-40 {
        margin-left: 34px;
    }

    .mr-40 {
        margin-right: 34px;
    }

    .mb-40 {
        margin-bottom: 34px;
    }

    .m40 {
        margin: 34px;
    }

    .mt-50 {
        margin-top: 42px;
    }

    .ml-50 {
        margin-left: 42px;
    }

    .mr-50 {
        margin-right: 42px;
    }

    .mb-50 {
        margin-bottom: 42px;
    }

    .m50 {
        margin: 42px;
    }

    .mt-60 {
        margin-top: 50px;
    }

    .ml-60 {
        margin-left: 50px;
    }

    .mr-60 {
        margin-right: 50px;
    }

    .mb-60 {
        margin-bottom: 50px;
    }

    .m60 {
        margin: 50px;
    }

    .mt-70 {
        margin-top: 50px;
    }

    .ml-70 {
        margin-left: 50px;
    }

    .mr-70 {
        margin-right: 50px;
    }

    .mb-70 {
        margin-bottom: 50px;
    }

    .m70 {
        margin: 50px;
    }


    .f14 {
        font-size: 14px;
    }

    .f15 {
        font-size: 15px;
    }

    .f16 {
        font-size: 16px;
    }

    .f18 {
        font-size: 16px;
    }

    .f20 {
        font-size: 18px;
    }

    .f22 {
        font-size: 18px;
    }

    .f24 {
        font-size: 20px;
    }

    .f26 {
        font-size: 22px;
    }

    .f28 {
        font-size: 24px;
    }

    .f30 {
        font-size: 26px;
    }

    .f34 {
        font-size: 28px;
    }

    .f40 {
        font-size: 34px;
    }

    .f44 {
        font-size: 36px;
    }

    .f48 {
        font-size: 40px;
    }

    .f50 {
        font-size: 40px;
    }

    .f52, .f54 {
        font-size: 45px;
    }

    .f64 {
        font-size: 54px;
    }

    .f60 {
        font-size: 50px;
    }

    .f80 {
        font-size: 60px;
    }

    .f70 {
        font-size: 55px;
    }


}

@media screen and (max-width: 1280px) {
    /* padding */
    .pt-10 {
        padding-top: 5px;
    }

    .pl-10 {
        padding-left: 5px;
    }

    .pr-10 {
        padding-right: 5px;
    }

    .pb-10 {
        padding-bottom: 5px;
    }

    .p10 {
        padding: 5px;
    }

    .pt-15 {
        padding-top: 8px;
    }

    .pl-15 {
        padding-left: 8px;
    }

    .pr-15 {
        padding-right: 8px;
    }

    .pb-15 {
        padding-bottom: 8px;
    }

    .p15 {
        padding: 8px;
    }

    .pt-20 {
        padding-top: 12px;
    }

    .pl-20 {
        padding-left: 12px;
    }

    .pr-20 {
        padding-right: 12px;
    }

    .pb-20 {
        padding-bottom: 12px;
    }

    .p20 {
        padding: 12px;
    }

    .pt-25 {
        padding-top: 16px;
    }

    .pl-25 {
        padding-left: 16px;
    }

    .pr-25 {
        padding-right: 16px;
    }

    .pb-25 {
        padding-bottom: 16px;
    }

    .p25 {
        padding: 16px;
    }

    .pt-30 {
        padding-top: 22px;
    }

    .pl-30 {
        padding-left: 22px;
    }

    .pr-30 {
        padding-right: 22px;
    }

    .pb-30 {
        padding-bottom: 22px;
    }

    .p30 {
        padding: 22px;
    }

    .pt-40 {
        padding-top: 32px;
    }

    .pl-40 {
        padding-left: 32px;
    }

    .pr-40 {
        padding-right: 32px;
    }

    .pb-40 {
        padding-bottom: 32px;
    }

    .p40 {
        padding: 32px;
    }

    .pt-50 {
        padding-top: 40px;
    }

    .pl-50 {
        padding-left: 40px;
    }

    .pr-50 {
        padding-right: 40px;
    }

    .pb-50 {
        padding-bottom: 40px;
    }

    .pt-60 {
        padding-top: 50px;
    }

    .pl-60 {
        padding-left: 50px;
    }

    .pr-60 {
        padding-right: 50px;
    }

    .pb-60 {
        padding-bottom: 50px;
    }

    .p60 {
        padding: 50px;
    }

    .p50 {
        padding: 40px;
    }

    .pt-70 {
        padding-top: 60px;
    }

    .pl-70 {
        padding-left: 60px;
    }

    .pr-70 {
        padding-right: 60px;
    }

    .pb-70 {
        padding-bottom: 60px;
    }

    .p70 {
        padding: 60px;
    }

    /* margin */
    .mt-10 {
        margin-top: 5px;
    }

    .ml-10 {
        margin-left: 5px;
    }

    .mr-10 {
        margin-right: 5px;
    }

    .mb-10 {
        margin-bottom: 5px;
    }

    .m10 {
        margin: 5px;
    }

    .mt-15 {
        margin-top: 8px;
    }

    .ml-15 {
        margin-left: 8px;
    }

    .mr-15 {
        margin-right: 8px;
    }

    .mb-15 {
        margin-bottom: 8px;
    }

    .m15 {
        margin: 8px;
    }

    .mt-20 {
        margin-top: 12px;
    }

    .ml-20 {
        margin-left: 12px;
    }

    .mr-20 {
        margin-right: 12px;
    }

    .mb-20 {
        margin-bottom: 12px;
    }

    .m20 {
        margin: 12px;
    }

    .mt-25 {
        margin-top: 16px;
    }

    .ml-25 {
        margin-left: 16px;
    }

    .mr-25 {
        margin-right: 16px;
    }

    .mb-25 {
        margin-bottom: 16px;
    }

    .m25 {
        margin: 16px;
    }

    .mt-30 {
        margin-top: 22px;
    }

    .ml-30 {
        margin-left: 22px;
    }

    .mr-30 {
        margin-right: 22px;
    }

    .mb-30 {
        margin-bottom: 22px;
    }

    .m30 {
        margin: 22px;
    }

    .mt-40 {
        margin-top: 32px;
    }

    .ml-40 {
        margin-left: 32px;
    }

    .mr-40 {
        margin-right: 32px;
    }

    .mb-40 {
        margin-bottom: 32px;
    }

    .m40 {
        margin: 32px;
    }

    .mt-50 {
        margin-top: 40px;
    }

    .ml-50 {
        margin-left: 40px;
    }

    .mr-50 {
        margin-right: 40px;
    }

    .mb-50 {
        margin-bottom: 40px;
    }

    .m50 {
        margin: 40px;
    }

    .mt-60 {
        margin-top: 50px;
    }

    .ml-60 {
        margin-left: 50px;
    }

    .mr-60 {
        margin-right: 50px;
    }

    .mb-60 {
        margin-bottom: 50px;
    }

    .m60 {
        margin: 50px;
    }

    .mt-70 {
        margin-top: 60px;
    }

    .ml-70 {
        margin-left: 60px;
    }

    .mr-70 {
        margin-right: 60px;
    }

    .mb-70 {
        margin-bottom: 60px;
    }

    .m70 {
        margin: 60px;
    }

    .f14 {
        font-size: 12px;
    }

    .f15 {
        font-size: 14px;
    }

    .f16 {
        font-size: 14px;
    }

    .f18 {
        font-size: 14px;
    }

    .f20 {
        font-size: 16px;
    }

    .f22 {
        font-size: 16px;
    }

    .f24 {
        font-size: 16px;
    }

    .f26 {
        font-size: 16px;
    }

    .f28 {
        font-size: 16px;
    }

    .f30 {
        font-size: 18px;
    }

    .f34 {
        font-size: 22px;
    }

    .f40 {
        font-size: 28px;
    }

    .f44 {
        font-size: 28px;
    }

    .f48 {
        font-size: 30px;
    }

    .f50 {
        font-size: 30px;
    }

    .f52, .f54 {
        font-size: 34px;
    }

    .f60 {
        font-size: 40px;
    }

    .f64 {
        font-size: 46px;
    }

    .f70 {
        font-size: 46px;
    }

    .f80 {
        font-size: 48px;
    }

}

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

    .pt-10 {
        padding-top: 5px;
    }

    .pl-10 {
        padding-left: 5px;
    }

    .pr-10 {
        padding-right: 5px;
    }

    .pb-10 {
        padding-bottom: 5px;
    }

    .p10 {
        padding: 5px;
    }

    .pt-15 {
        padding-top: 8px;
    }

    .pl-15 {
        padding-left: 8px;
    }

    .pr-15 {
        padding-right: 8px;
    }

    .pb-15 {
        padding-bottom: 8px;
    }

    .p15 {
        padding: 8px;
    }

    .pt-20 {
        padding-top: 15px;
    }

    .pl-20 {
        padding-left: 15px;
    }

    .pr-20 {
        padding-right: 15px;
    }

    .pb-20 {
        padding-bottom: 15px;
    }

    .p20 {
        padding: 15px;
    }

    .pt-25 {
        padding-top: 15px;
    }

    .pl-25 {
        padding-left: 15px;
    }

    .pr-25 {
        padding-right: 15px;
    }

    .pb-25 {
        padding-bottom: 15px;
    }

    .p25 {
        padding: 15px;
    }

    .pt-30 {
        padding-top: 18px;
    }

    .pl-30 {
        padding-left: 18px;
    }

    .pr-30 {
        padding-right: 18px;
    }

    .pb-30 {
        padding-bottom: 18px;
    }

    .p30 {
        padding: 18px;
    }

    .pt-40 {
        padding-top: 28px;
    }

    .pl-40 {
        padding-left: 28px;
    }

    .pr-40 {
        padding-right: 28px;
    }

    .pb-40 {
        padding-bottom: 28px;
    }

    .p40 {
        padding: 28px;
    }

    .pt-50 {
        padding-top: 35px;
    }

    .pl-50 {
        padding-left: 35px;
    }

    .pr-50 {
        padding-right: 35px;
    }

    .pb-50 {
        padding-bottom: 35px;
    }

    .p50 {
        padding: 35px;
    }

    .pt-60 {
        padding-top: 42px;
    }

    .pl-60 {
        padding-left: 42px;
    }

    .pr-60 {
        padding-right: 42px;
    }

    .pb-60 {
        padding-bottom: 42px;
    }

    .p60 {
        padding: 42px;
    }

    .pt-70 {
        padding-top: 55px;
    }

    .pl-70 {
        padding-left: 55px;
    }

    .pr-70 {
        padding-right: 55px;
    }

    .pb-70 {
        padding-bottom: 55px;
    }

    .p70 {
        padding: 55px;
    }

    /* margin */
    .mt-10 {
        margin-top: 5px;
    }

    .ml-10 {
        margin-left: 5px;
    }

    .mr-10 {
        margin-right: 5px;
    }

    .mb-10 {
        margin-bottom: 5px;
    }

    .m10 {
        margin: 5px;
    }

    .mt-15 {
        margin-top: 8px;
    }

    .ml-15 {
        margin-left: 8px;
    }

    .mr-15 {
        margin-right: 8px;
    }

    .mb-15 {
        margin-bottom: 8px;
    }

    .m15 {
        margin: 8px;
    }

    .mt-20 {
        margin-top: 15px;
    }

    .ml-20 {
        margin-left: 15px;
    }

    .mr-20 {
        margin-right: 15px;
    }

    .mb-20 {
        margin-bottom: 15px;
    }

    .m20 {
        margin: 15px;
    }

    .mt-25 {
        margin-top: 15px;
    }

    .ml-25 {
        margin-left: 15px;
    }

    .mr-25 {
        margin-right: 15px;
    }

    .mb-25 {
        margin-bottom: 15px;
    }

    .m25 {
        margin: 15px;
    }

    .mt-30 {
        margin-top: 18px;
    }

    .ml-30 {
        margin-left: 18px;
    }

    .mr-30 {
        margin-right: 18px;
    }

    .mb-30 {
        margin-bottom: 18px;
    }

    .m30 {
        margin: 18px;
    }

    .mt-40 {
        margin-top: 28px;
    }

    .ml-40 {
        margin-left: 28px;
    }

    .mr-40 {
        margin-right: 28px;
    }

    .mb-40 {
        margin-bottom: 28px;
    }

    .m40 {
        margin: 28px;
    }

    .mt-50 {
        margin-top: 35px;
    }

    .ml-50 {
        margin-left: 35px;
    }

    .mr-50 {
        margin-right: 35px;
    }

    .mb-50 {
        margin-bottom: 35px;
    }

    .m50 {
        margin: 35px;
    }

    .mt-60 {
        margin-top: 42px;
    }

    .ml-60 {
        margin-left: 42px;
    }

    .mr-60 {
        margin-right: 42px;
    }

    .mb-60 {
        margin-bottom: 42px;
    }

    .m60 {
        margin: 42px;
    }

    .mt-70 {
        margin-top: 55px;
    }

    .ml-70 {
        margin-left: 55px;
    }

    .mr-70 {
        margin-right: 55px;
    }

    .mb-70 {
        margin-bottom: 55px;
    }

    .m70 {
        margin: 55px;
    }



}

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

    .pt-40 {
        padding-top: 20px;
    }

    .pl-40 {
        padding-left: 20px;
    }

    .pr-40 {
        padding-right: 20px;
    }

    .pb-40 {
        padding-bottom: 20px;
    }

    .p40 {
        padding: 20px;
    }

    .pt-50 {
        padding-top: 20px;
    }

    .pl-50 {
        padding-left: 20px;
    }

    .pr-50 {
        padding-right: 20px;
    }

    .pb-50 {
        padding-bottom: 20px;
    }

    .p50 {
        padding: 20px;
    }

    .pt-60 {
        padding-top: 20px;
    }

    .pl-60 {
        padding-left: 20px;
    }

    .pr-60 {
        padding-right: 20px;
    }

    .pb-60 {
        padding-bottom: 20px;
    }

    .p60 {
        padding: 20px;
    }

    .pt-70 {
        padding-top: 20px;
    }

    .pl-70 {
        padding-left: 20px;
    }

    .pr-70 {
        padding-right: 20px;
    }

    .pb-70 {
        padding-bottom: 20px;
    }

    .p70 {
        padding: 20px;
    }

    /* margin */
    .mt-40 {
        margin-top: 20px;
    }

    .ml-40 {
        margin-left: 20px;
    }

    .mr-40 {
        margin-right: 20px;
    }

    .mb-40 {
        margin-bottom: 20px;
    }

    .m40 {
        margin: 20px;
    }

    .mt-50 {
        margin-top: 20px;
    }

    .ml-50 {
        margin-left: 20px;
    }

    .mr-50 {
        margin-right: 20px;
    }

    .mb-50 {
        margin-bottom: 20px;
    }

    .m50 {
        margin: 20px;
    }

    .mt-60 {
        margin-top: 20px;
    }

    .ml-60 {
        margin-left: 20px;
    }

    .mr-60 {
        margin-right: 20px;
    }

    .mb-60 {
        margin-bottom: 20px;
    }

    .m60 {
        margin: 20px;
    }

    .mt-70 {
        margin-top: 20px;
    }

    .ml-70 {
        margin-left: 20px;
    }

    .mr-70 {
        margin-right: 20px;
    }

    .mb-70 {
        margin-bottom: 20px;
    }

    .m70 {
        margin: 20px;
    }

    .f15 {
        font-size: 12px;
    }

    .f16 {
        font-size: 13px;
    }

    .f18 {
        font-size: 13px;
    }

    .f20 {
        font-size: 14px;
    }

    .f22 {
        font-size: 14px;
    }

    .f24 {
        font-size: 14px;
    }

    .f26 {
        font-size: 14px;
    }

    .f28 {
        font-size: 14px;
    }

    .f30 {
        font-size: 16px;
    }

    .f34 {
        font-size: 16px;
    }

    .f40 {
        font-size: 16px;
    }

    .f44 {
        font-size: 18px;
    }

    .f48 {
        font-size: 22px;
    }

    .f50 {
        font-size: 20px;
    }

    .f52, .f54 {
        font-size: 20px;
    }

    .f60 {
        font-size: 30px;
    }

    .f64 {
        font-size: 24px;
    }

    .f70 {
        font-size: 30px;
    }

    .f80 {
        font-size: 34px;
    }

}


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

}


.side_bar {

    background-color: rgb(255 255 255/ 0.95);
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    position: fixed;
    right: 10px;
    top: 50%;
    width: 70px;
    z-index: 100

}

.side_bar > ul > li {
    height: 70px;
    border-bottom: 1px solid #e5e5e5;
}

.side_bar > ul > li a span {
    font-size: 12px;
    line-height: 2
}

.messageJump {
    animation: messageJump .5s linear infinite;
    -webkit-animation: messageJump .5s linear infinite;
}


.side_bar > ul > li.side_bar_phone {
    position: relative
}


.side_bar > ul > li.side_bar_phone .box {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    left: 0;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(-100%, -50%);

    -ms-transform: translate(-100%, -50%);

    transform: translate(-100%, -50%);

    -webkit-transition: all .5s;

    transition: all .5s;

    visibility: hidden;

    z-index: 20

}


@media (max-width: 1180px) {

    .side_bar > ul > li.side_bar_phone .box {

        display: none !important

    }

}


.side_bar > ul > li.side_bar_phone .box:after {

    border: 10px dashed transparent;

    border-left: 10px solid #fff;

    border-right: none;

    content: "";

    cursor: pointer;

    font-size: 0;

    height: 0;

    line-height: 0;

    overflow: hidden;

    -webkit-transform: translateX(-1px);

    -ms-transform: translateX(-1px);

    transform: translateX(-1px);

    width: 0

}


.side_bar > ul > li.side_bar_phone .box_inner {

    background-color: rgb(255 255 255/ 1);

    border-radius: 5px;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);

    font-family: Manrope;

    font-weight: 700;

    padding: 15px

}


.side_bar > ul > li.side_bar_phone .box_inner,
.side_bar > ul > li.side_bar_phone .box_inner .icon {

    -webkit-box-align: center;

    -ms-flex-align: center;

    --tw-bg-opacity: 1;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}


.side_bar > ul > li.side_bar_phone .box_inner .icon {

    -ms-flex-negative: 0;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    background-color: rgb(243 245 247/ 1);

    border-radius: 9999px;

    -webkit-flex-shrink: 0;

    flex-shrink: 0;

    height: 42px;

    -webkit-justify-content: center;

    justify-content: center;

    margin-right: 10px;

    width: 42px

}


.side_bar > ul > li.side_bar_phone .box_inner .icon svg {


    color: rgb(170 169 175/ 1);

    height: 40%;

    width: 40%

}


.side_bar > ul > li.side_bar_phone .box_inner p {

    white-space: nowrap

}


.side_bar > ul > li.side_bar_phone .box_inner p span {


    color: rgb(255 0 0/ 1);

    display: block;


}


.side_bar > ul > li.side_bar_phone .box_inner p em {


    color: rgb(148 148 148/ 1);

    font-size: 14px;

    font-style: normal

}


.side_bar > ul > li.side_bar_phone:hover .box {

    opacity: 1;

    pointer-events: auto;

    visibility: visible

}


.side_bar > ul > li.side_bar_wechat {

    position: relative

}


.side_bar > ul > li.side_bar_wechat .box {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    left: 0;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(-100%, -50%);

    -ms-transform: translate(-100%, -50%);

    transform: translate(-100%, -50%);

    -webkit-transition: all .5s;

    transition: all .5s;

    visibility: hidden;

    width: 120px;

    z-index: 20

}


@media (max-width: 1180px) {

    .side_bar > ul > li.side_bar_wechat .box {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        bottom: 54px;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-justify-content: center;

        justify-content: center;

        left: 50%;

        top: auto;

        -webkit-transform: translate(-50%);

        -ms-transform: translate(-50%);

        transform: translate(-50%)

    }

}


.side_bar > ul > li.side_bar_wechat .box:after {

    content: ""

}


@media (max-width: 1180px) {

    .side_bar > ul > li.side_bar_wechat .box:after {

        border: 10px dashed transparent;

        border-bottom: none;

        border-top: 10px solid #fff;

        cursor: pointer;

        font-size: 0;

        height: 0;

        line-height: 0;

        overflow: hidden;

        -webkit-transform: translateY(-1px);

        -ms-transform: translateY(-1px);

        transform: translateY(-1px);

        width: 0

    }

}


@media (min-width: 1180px) {

    .side_bar > ul > li.side_bar_wechat .box:after {

        border: 10px dashed transparent;

        border-left: 10px solid #fff;

        border-right: none;

        cursor: pointer;

        font-size: 0;

        height: 0;

        line-height: 0;

        overflow: hidden;

        -webkit-transform: translateX(-1px);

        -ms-transform: translateX(-1px);

        transform: translateX(-1px);

        width: 0

    }

}


.side_bar > ul > li.side_bar_wechat .box p {

    background-color: #fff;

    border-radius: 5px;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);

    padding: 5px

}


.side_bar > ul > li.side_bar_wechat .box p span {

    display: block;

    font-size: 12px;

    text-align: center;

    white-space: nowrap

}


.side_bar > ul > li.side_bar_wechat:hover .box {

    opacity: 1;

    pointer-events: auto;

    visibility: visible

}


@media (min-width: 968px) {

    .side_bar > ul > li.side_bar_backtotop {

        display: none

    }

}


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

    .side_bar {
        width: 60px;
        right: 0;
    }

    .side_bar > ul > li {
        height: 60px;
    }

    .side_bar > ul > li a {
        height: 60px;
    }

}


@keyframes messageJump {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }


    25% {

        -webkit-transform: translateY(-5px);

        transform: translateY(-5px)

    }


    50% {

        -webkit-transform: translateY(5px) scale(1.1, .9);

        transform: translateY(5px) scale(1.1, .9)

    }


    75% {

        ransform: translateY(-5px)

    }


    to {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}

.w90 {
    width: 90%;
    margin: 0 auto;
}

header .icon1 {
    display: none;
}

header {
    color: #fff;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

header .icon1 {
    display: none;
}

nav {
}

nav li {
    position: relative;
}

nav li span {
    position: relative;
    display: inline-block;
}

nav li .OneNav span::after {
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -1px;
    transition: all .3s;
    transform: scale(0, 1);
    left: 0;
    display: block;
    content: '';
    display: block;
    content: '';
    background-color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
}

.OneNav {
    line-height: 80px;
    font-size: 18px;
    padding: 0 30px;
    color: #fff;
}

nav li:hover .OneNav span::after, nav li.on .OneNav span::after {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
}

.headerSearch, .language {
    padding: 0 20px;
}


.h_nav {
    height: 60px;
    width: 60px;
    padding: 18px 8px;
    display: flex;
    box-sizing: border-box;
}

.h_nav .burger {
    width: 100%;
    height: 1px;
    background: #fff;
    transition: .8s;
    display: inline-block;
}

.h_nav .burger:first-child {
    animation: long 2s linear infinite;
    -webkit-animation: long 2s linear infinite;
}

.h_nav .burger:nth-of-type(2) {
    width: 50%;
}

.h_nav .burger:nth-of-type(3) {
    animation: long 3s linear infinite;
    -webkit-animation: long 3s linear infinite;
}

.h_nav.close .burger:first-child {
    display: none;
}

.h_nav.close .burger:nth-of-type(3) {
    display: none;
}

.h_nav.close .burger:nth-of-type(2) {
    position: relative;
    z-index: 1;
    width: 80%;
}

.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    z-index: 1;
}

.h_nav.close .burger:nth-of-type(2) {
    background: transparent;
    transform: rotate(-180deg);
}

.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {
    opacity: 1;
    transition: all .3s;
}

.h_nav.close .burger:nth-of-type(2):before {
    transform: rotate(45deg);
}

.h_nav .burger:nth-of-type(2):after {
    transform: rotate(-45deg);
}

header::before {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    display: block;
    content: '';
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

header.bg::before {
    height: 100%;
}

header.bg {
    color: #1144b8;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

header.bg .icon1 {
    display: block;
}

header.bg .icon2 {
    display: none;
}

header.bg nav li.on .OneNav, header.bg nav li:hover .OneNav {
    color: var(--blue);
}

header.bg nav li .OneNav span::after {
    background-color: var(--blue);
}

header.bg .h_nav .burger {
    background-color: #333;
}

.navClose {
    position: absolute;
    right: 120px;
    top: 125px;
    z-index: 10;
}

.navClose:hover {
    letter-spacing: 5px;
}

.navs__pop {
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;

    background: var(--blue);

    overflow: hidden;
    height: 0;
    transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.navs__pop.show {
    height: 100%;
}

.navs__menu-wrap {
    position: relative;
    height: 100vh;

}

.Circles {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none !important;
    z-index: 0;
}

.Circles-circle {
    display: block;
    position: absolute;
    will-change: transform;
    transition: 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.Circles-circle:nth-child(1) {
    width: 21.87vw;
    height: 21.87vw;
    top: -7.26vw;
    left: -7.26vw;
}

.Circles-circle:nth-child(1) .Circles-dot {
    opacity: 0.05;
}

.Circles-circle:nth-child(2) {
    width: 35vw;
    height: 35vw;
    top: -11.7vw;
    left: -11.7vw;
    transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.Circles-circle:nth-child(2) .Circles-dot {
    opacity: 0.04;
}

.Circles-circle:nth-child(3) {
    width: 48vw;
    height: 48vw;
    top: -16vw;
    left: -16vw;
    transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.Circles-circle:nth-child(3) .Circles-dot {
    opacity: 0.03;
}

.Circles-circle:nth-child(4) {
    width: 63.4vw;
    height: 63.4vw;
    top: -21.1vw;
    left: -21.1vw;
    transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.Circles-circle:nth-child(4) .Circles-dot {
    opacity: 0.02;
}

.Circles-circle:nth-child(5) {
    width: 92vw;
    height: 92vw;
    top: -30.7vw;
    left: -30.7vw;
    transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.Circles-circle:nth-child(5) .Circles-dot {
    opacity: 0.02;
}

.Circles-dot {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.Circles-dot:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f2f2f2;
    border-radius: 50%;
    transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
    will-change: transform;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
    -moz-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
    -ms-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
    -o-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
}

.navs__menus {
    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;
}

.navs__logos {
    text-align: center;
}

.navs__logos img {
    display: block;
    /* width: 233px; */
    margin: auto;
}

.navs__li {
    margin-top: 90px;


}

.navs__li .left .navs__item {
    white-space: nowrap;
}

.navs__li .left dt {
    margin-bottom: 5px;
}

.navs__li .left dt a {
    color: #fff;
}

.navs__li .left dd {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    margin-bottom: 10px;
}

.navs__li .left dd a:hover {
    color: #fff;
}

.popSearch {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 200;
    left: 0;
    top: 0;
    display: none;
}

.popSearch .bg {
    background: rgb(32 80 188 / 80%);
    height: 120px;
    margin-top: 81px;
}

.popSearch .con {
    z-index: 10;
    position: absolute;
    width: 50vw;
    left: 25vw;
    top: 140px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.popSearch .con input {
    height: 50px;
    line-height: 50px;
    border-width: 0px;
    box-sizing: border-box;
}

.headerSearch, .language {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.language dl {
    width: 160px;
    position: absolute;
    text-align: center;
    left: 50%;
    transition: all .36s;
    transform: translateX(-50%) translateY(15px);
    top: 80px;
    color: #333;
    line-height: 2;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    -webkit-transition: all .36s;
    -moz-transition: all .36s;
    -ms-transition: all .36s;
    -o-transition: all .36s;
}

.language:hover dl {
    opacity: 1;
    transform: translateX(-50%) translateY(0%);
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(0%);
    -moz-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    -o-transform: translateX(-50%) translateY(0%);
}

.language dl dd a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-bottom: 1px solid #eee;
}

.language dl dd a:hover {
    background-color: var(--blue);
    color: #fff;
}

.language dl dd a:hover a{
    color: #fff;
}

.langtext img {
    width: 26px;
    margin-right: 6px;
}


.head-active .h_nav .burger {
    background-color: #333;
}

.navs__item a {
    outline: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}


.ipart1 {
    position: relative;
}

.ipart1 .rect-242 {
    padding-bottom: 242.857%;
}

.ipart1 .rect-59 {
    padding-bottom: 59.328%;
}

.ipart1 .wrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.ipart1 .item {
    position: relative;
    float: left;
    width: 12%;
    height: 100%;
    margin-left: 0.66%;
    transition: all .6s ease;
    overflow: hidden;
}

.ipart1 .item:first-child {
    margin-left: 0;
}

.ipart1 .item .img_box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ipart1 .item .img_cover {
    position: relative;
    opacity: 1;
    max-width: none;
    width: 100%;
    transition: opacity 0.2s ease 0.4s;
    z-index: 2;
}

.ipart1 .item .img_full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    max-width: none;
    height: 100%;
    transition: opacity 0.1s ease 0.1s;
    z-index: 1;
}

.ipart1 .item .txt_box {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.ipart1 .item .txt_cover {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.ipart1 .item .txt_cover .tit {
    color: #fff;
    font-size: 22px;
}

.ipart1 .item .txt_cover .con {
    color: #fff;
    margin-top: 0.08rem;
}

.ipart1 .item .txt_full {
    position: absolute;
    bottom: 0.12rem;
    left: 2.6rem;
    right: 0.36rem;
    width: 9.24rem;
    opacity: 0;
}

.ipart1 .item .txt_full .tit {
    margin-top: 0.24rem;
    font-size: 0.32rem;
    color: #fff;
}

.ipart1 .item .txt_full .con {
    margin-top: 28px;
    color: #fff;
    font-size: 17px;
    line-height: 22px;
}

.ipart1 .item .txt_full .txt {
    margin-top: 0.04rem;
    color: #fff;
}

.ipart1 .item.on {
    width: 36%;
    transition: all .6s ease;
}

.ipart1 .item.on .img_cover {
    opacity: 0;
    transition: opacity 0s ease;
}

.ipart1 .item.on .img_full {
    opacity: 1;
}

.ipart1 .item.on .txt_cover {
    display: none;
}

.ipart1 .item.on .txt_full {
    opacity: 1;
    bottom: 60px;
    transition: all .8s ease;
}

.footer {
    height: auto;
    overflow: initial;
}

.footer {
    position: relative;
    /*background: url('../img/img17.jpg') no-repeat 0 0 / 100% 100%;*/
    background: #111111;
}

.footer #mydiv {
    position: absolute;
    z-index: 4;
    opacity: .2;
}

.footer .footer_content {
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
    z-index: 6;
}

.footer .footer_content .footer_content_top {
    padding: 90px 0px 60px 0;
}

.footer .footer_content .footer_content_top .content_top_left {
    width: 53%;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list {
    width: 25%;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dd {
    margin-bottom: 20px;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dd a {
    font-size: 20px;
    color: #fff;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dt a {
    font-size: 17px;
    color: #999999;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dt a:hover {
    color: #fff;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dt a:last-child {
    margin-bottom: 0px;
}

.footer .footer_content .footer_content_top .content_top_right {
    width: 26%;
}

.footer .footer_content .footer_content_top .content_top_right .top_right_title {
    font-size: 19px;
    color: #fff;
    margin-bottom: 20px;
}

.footer .footer_content .footer_content_top .content_top_right .top_right_content .right_content_list dd {
    position: relative;
    line-height: 30px;
    margin-right: 15px;
}

.footer .footer_content .footer_content_top .content_top_share {
    width: 21%;
}

.footer .footer_content .footer_content_top .content_top_share .top_share_content {
    margin-top: 40px;
}

.footer .footer_content .footer_content_top .content_top_share .top_share_content dd {
    color: #777777;
    font-size: 14px;
    margin-bottom: 10px;
}

.footer .footer_content .footer_content_top .content_top_share .top_share_content dt a {
    width: 50px !important;
    height: 50px !important;
    margin: 0px 0px !important;
    padding-left: 0px !important;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    border: 1px solid #363636;
    margin-right: -1px !important;
}

.footer .footer_content .footer_content_top .content_top_right .top_right_content .right_content_list {
    color: #999999;
    font-size: 14px;
    margin-bottom: 15px;
}

.footer .footer_content .footer_content_top .content_top_right .top_right_content .right_content_list dt {
    width: 80%;
    font-size: 17px;
    line-height: 30px;
}

.bds_tsina {
    background: #2a2a2a !important;
}

.bds_sqq {
    background: #2a2a2a !important;
}

.bds_weixin {
    background: #2a2a2a !important;
}

.footer .footer_content .footer_content_top .content_top_share .top_share_content dt a:hover {
    background: #252525 !important;
    opacity: 1 !important;
    color: #fb6a19;
}

.footer .footer_content .footer_content_bottom {
    margin-bottom: 20px;
}

.footer .footer_content .footer_content_bottom .content_bottom_left {
    font-size: 14px;
    color: #555555;
    width: 5%
}

.footer .footer_content .footer_content_bottom .content_bottom_right {
    width: 95%;
}

.footer .footer_content .footer_content_bottom .content_bottom_right a {
    font-size: 12px;
    color: #555555;
    display: inline-block;
    width: 7%;
    margin-left: 2%;
    margin-bottom: .8%;
}

.footer .footer_content .footer_content_bottom .content_bottom_right a:hover {
    color: #fff;
}

.footer_content_copyright {
    padding: 24px 0px;
    text-align: center;
    border-top: 1px solid #2b2b2b;
    z-index: 521;
    position: relative;
    color: #999999;
    font-size: 17px;
}

.footer_content_copyright a {
    color: #999999;
    font-size: 16px;
}

.clear:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ipart1 .item .txt_full .tit a {
    color: #fff;
    font-size: 22px;
}

.idxCoopreImg {
    z-index: 5;
}

.idxCoopreImg img {
    max-width: 250px;
    max-height: 120px;
    position: absolute;
    opacity: 0;
    animation: ani2_img 12s linear infinite 0s;
    -webkit-animation: ani2_img 12s linear infinite 0s;
}

/* */
.idxCoopreImg img:nth-child(1) {
    left: 10%;
    top: 30%;
    animation-delay: 0s;
}

.idxCoopreImg img:nth-child(2) {
    left: 23%;
    top: 30%;
    animation-delay: 1s;
}

.idxCoopreImg img:nth-child(3) {
    left: 37%;
    top: 30%;
    animation-delay: 0s;
}

.idxCoopreImg img:nth-child(4) {
    left: 51%;
    top: 30%;
    animation-delay: 1s;
}

.idxCoopreImg img:nth-child(5) {
    left: 65%;
    top: 30%;
    animation-delay: 0s;
}

.idxCoopreImg img:nth-child(6) {
    left: 80%;
    top: 30%;
    animation-delay: 1s;
}

.idxCoopreImg img:nth-child(7) {
    left: 10%;
    top: 50%;
    animation-delay: 3s;
}

.idxCoopreImg img:nth-child(8) {
    left: 23%;
    top: 50%;
    animation-delay: 2s;
}

.idxCoopreImg img:nth-child(9) {
    left: 37%;
    top: 50%;
    animation-delay: 3s;
    display: none;
}

.idxCoopreImg img:nth-child(10) {
    left: 51%;
    top: 50%;
    animation-delay: 2s;
}

.idxCoopreImg img:nth-child(11) {
    left: 65%;
    top: 50%;
    animation-delay: 3s;
}

.idxCoopreImg img:nth-child(12) {
    left: 80%;
    top: 50%;
    animation-delay: 2s;
    display: none;
}

.idxCoopreImg img:nth-child(13) {
    left: 10%;
    top: 70%;
    animation-delay: 4s;
}

.idxCoopreImg img:nth-child(14) {
    left: 23%;
    top: 70%;
    animation-delay: 5s;
}

.idxCoopreImg img:nth-child(15) {
    left: 37%;
    top: 70%;
    animation-delay: 4s;
}

.idxCoopreImg img:nth-child(16) {
    left: 51%;
    top: 70%;
    animation-delay: 5s;
}

.idxCoopreImg img:nth-child(17) {
    left: 65%;
    top: 70%;
    animation-delay: 4s;
}

.idxCoopreImg img:nth-child(18) {
    left: 80%;
    top: 70%;
    animation-delay: 5s;
}

.idxCoopreImg img:nth-child(19) {
    left: 10%;
    top: 30%;
    animation-delay: 7s;
}

.idxCoopreImg img:nth-child(20) {
    left: 23%;
    top: 30%;
    animation-delay: 6s;
}

.idxCoopreImg img:nth-child(21) {
    left: 37%;
    top: 30%;
    animation-delay: 7s;
}

.idxCoopreImg img:nth-child(22) {
    left: 51%;
    top: 30%;
    animation-delay: 6s;
}

.idxCoopreImg img:nth-child(23) {
    left: 65%;
    top: 30%;
    animation-delay: 7s;
}

.idxCoopreImg img:nth-child(24) {
    left: 80%;
    top: 30%;
    animation-delay: 6s;
}

.idxCoopreImg img:nth-child(25) {
    left: 10%;
    top: 50%;
    animation-delay: 8s;
}

.idxCoopreImg img:nth-child(26) {
    left: 23%;
    top: 50%;
    animation-delay: 9s;
}

.idxCoopreImg img:nth-child(27) {
    left: 37%;
    top: 50%;
    animation-delay: 8s;
}

.idxCoopreImg img:nth-child(28) {
    left: 51%;
    top: 50%;
    animation-delay: 9s;
}

.idxCoopreImg img:nth-child(29) {
    left: 65%;
    top: 50%;
    animation-delay: 8s;
}

.idxCoopreImg img:nth-child(30) {
    left: 80%;
    top: 50%;
    animation-delay: 9s;
}

.idxCoopreImg img:nth-child(31) {
    left: 10%;
    top: 70%;
    animation-delay: 11s;
}

.idxCoopreImg img:nth-child(32) {
    left: 23%;
    top: 70%;
    animation-delay: 10s;
}

.idxCoopreImg img:nth-child(33) {
    left: 37%;
    top: 70%;
    animation-delay: 11s;
}

.idxCoopreImg img:nth-child(34) {
    left: 51%;
    top: 70%;
    animation-delay: 10s;
}

.idxCoopreImg img:nth-child(35) {
    left: 65%;
    top: 70%;
    animation-delay: 11s;
}

.idxCoopreImg img:nth-child(36) {
    left: 80%;
    top: 70%;
    animation-delay: 10s;
}


.idxCoopreImg img:nth-child(n + 37) {
    display: none;
}

@keyframes ani2_img {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    33% {
        transform: scale(0.8);
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}


.IndexService_content .IndexService_content_title dd {
    line-height: 50px;
}

.IndexNews_title a {
    width: 120px;
    line-height: 50px;
    display: inline-block;
    background: #eeeeee;
    font-size: 16px;
    color: #333333;
    margin-right: 13px;
}

.IndexNews_title a:hover {
    color: #fff;
    background: #1144b8;
}

.IndexNews_title a.on {
    color: #fff;
    background: #1144b8;
}

.IndexNews_title a:last-child {
    margin-right: 0px;
}

.IndexNews_content .IndexNews_content_video {
    width: 38%;
}

.IndexNews_content .IndexNews_content_video .content_video_title {
    cursor: pointer;
    position: relative;
}

.IndexNews_content .IndexNews_content_video .content_video_title img {
    width: 100%;
    height: 370px;
    object-fit: cover;
}

.IndexNews_content .IndexNews_content_video .content_video_body {
    border: 1px solid #e5e5e5;
    border-top: 0px;
    padding: 20px 25px;
}

.IndexNews_content .IndexNews_content_video .content_video_body dd {
    font-size: 21px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 12px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.IndexNews_content .IndexNews_content_video .content_video_body dd span {
    font-size: 30px;
    position: relative;
    top: 3px;
    margin-right: 12px;
}

.IndexNews_content .IndexNews_content_video .content_video_body dt {
    color: #666666;
    font-size: 17px;
    line-height: 30px;
    display: -webkit-box;
    height: 52px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.IndexNews_content .IndexNews_content_video:hover .content_video_body a dt {
    color: #333;
}

.IndexNews_content .IndexNews_content_right {
    width: 57%;
}

.IndexNews_content .IndexNews_content_right .content_right_list {
    display: inline-block;
    width: 100%;
    margin-bottom: 31px;
}

.IndexNews_content .IndexNews_content_right .content_right_list:last-child {
    margin-bottom: 20px;
}

.IndexNews_content .IndexNews_content_right .content_right_list .right_list_img a {
    display: inline-block;
}

.IndexNews_content .IndexNews_content_right .content_right_list .right_list_img {
    width: 25%;
    overflow: hidden;
}

.IndexNews_content .IndexNews_content_right .content_right_list:hover .tra {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    /*filter: scale(1.15);*/
    /*filter: transform;*/
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    cursor: pointer;
}

.IndexNews_content .IndexNews_content_right .content_right_list:hover .right_list_content .list_content_title a {
    color: #4461C5;
}

.IndexNews_content .IndexNews_content_right .content_right_list:hover .right_list_content a p {
    color: #333;
}


.IndexNews_content .IndexNews_content_video:hover .tra {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    /*filter: scale(1.15);*/
    /*filter: transform;*/
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    cursor: pointer;
}


.IndexNews_content .IndexNews_content_right .content_right_list:hover .right_list_content .list_content_title dd {
    color: #4461C5;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.IndexNews_content .IndexNews_content_right .content_right_list .right_list_img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    margin: 0 0 35px 0;
}

.IndexNews_content .IndexNews_content_right .content_right_list .right_list_content {
    width: 72%;
}

.IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    line-height: 30px;
}

.IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dd {
    width: 65%;
}

.IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dd a {
    font-size: 20px;
    color: #333333;
    width: 100%;
    transition: all 0.5s ease 0s;
    display: inline-block;
    -webkit-transform: all 0.5s ease 0s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;

}


.IndexNews_content .IndexNews_content_video:hover .content_video_body a dd {
    color: #4461C5 !important;
}


.IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dt {
    font-size: 16px;
    color: #999999;
}

.IndexNews_content .IndexNews_content_right .content_right_list .right_list_content p {
    color: #666666;
    line-height: 30px;
    font-size: 16px;
    display: -webkit-box;
    height: 65px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;


}


.partner_content {
    padding: 25px 10vw;
}


.partner_content .partner_content_list {
    width: 16.666666%;
    text-align: center;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    border-right: 0px;
    margin-bottom: -1px;
    /*cursor: pointer;*/
    padding: 10px 20px;
    box-sizing: border-box;
}

.partner_content .partner_content_list:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    /*-ms-filter: grayscale(0%);*/
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    /*filter: gray;*/
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;

}



.partner_content .partner_content_list img {
    max-width: 100%;
}

.partner_content .partner_content_list:hover {
    background: #a6c5ef;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.ewmImg {
    width: 150px;
}
.mt-20 .ewmImg {
    width: 119px;
}
.newssty {
    height: 100%;
    overflow: hidden;
}

.pcbg {
    background: #cfe1f9;
}

.mouse_icon{
    width: 150px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    bottom: 5%;
    color: rgba(255, 255, 255, .5);
    text-align: center;
    z-index: 5;
}
.mouse_icon p{
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}
.mouse_icon .mouse{
    width: 25px;
    height: auto;
    margin: 0px auto;
    position: relative;
}

.mouse_icon .mouse img{
    -webkit-animation: upAnimate 2s ease infinite;
    width: 100%;
}

/*2025.03.04  首页走近力创模块*/

.i_one_t .h2 {
    font-weight: bold;
    background-size: auto 100%;
    height: 85px;
    line-height: 85px;
    overflow: hidden;
}


.i_two {
    overflow: hidden;
    padding-top: 6%;
    padding-bottom: 4%;
}

.i_two .i_two_more {
    text-align: center;
    overflow: hidden;
    margin-top: 2%;
    clear: both;
}

.i_two .i_two_more .imore {
    margin-bottom: 0%;
}

.i_two .i_two_l {
    float: right;
    overflow: hidden;
    width: 49%;
    max-width: 675px;
    margin-top: 2%;
}

.i_two .i_two_l .txts {
    overflow: hidden;
    font-size: 16px;
}

.i_one_t {
    position: relative;
    overflow: hidden;
    padding-bottom: 36px;
}



.i_two .i_one_t {
    padding-bottom: 16px;
}

.i_two .i_one_t .h2 {
    /*margin-bottom:0; */
    padding-left: 35px;
    background-image: url(../img/i_bg4.png);
}

.i_two .i_one_t:after {
    width: 35px;
}

.i_two .i_two_l .txts .desc {
    overflow: hidden;
    line-height: 32px;
    margin-top: 5%;
}

.i_two .i_two_l .txts .i_about_ul {
    clear: both;
    margin-top: 10%;
    margin-bottom: 2%;
    overflow: hidden;
}

.i_two .i_two_l .txts .i_about_ul li {
    float: left;
    display: inline-block;
    width: 30%;
    transition: all 0.3s;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.i_two .i_two_l .txts .i_about_ul li:first-child {
    text-align: left;
}

.i_two .i_two_l .txts .i_about_ul li:last-child {
    width: 40%;
}

.i_two .i_two_l .txts .i_about_ul li .h2 {
    overflow: hidden;
    font-weight: normal;
    margin-bottom: 2%;
    color: #1144b8;
    font-family: Arial;
}

.i_two .i_two_l .txts .i_about_ul li .h2 span {
    font-weight: bold;
    line-height: 1;
}

.i_two .i_two_l .txts .i_about_ul li .h2 label {
    vertical-align: top;
}

.i_two .i_two_l .txts .i_about_ul li .p {
    overflow: hidden;
    line-height: 30px;
}

.i_two .i_two_r {
    float: left;
    overflow: hidden;
    width: 48%;
    max-width: 695px;
}

.i_two .i_two_r img {
    border-radius: 8px;
    display: block;
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.i_two .i_two_r:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.imore {
    display: inline-block;
    width: 205px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-indent: 59px;
    background: url(../img/i_bg3.png) 132px center no-repeat;
    border: 1px solid #999999;
    margin-top: 36px;
    margin-bottom: 70px;
    transition: all 0.3s;
    text-align: left;
    color: #666666;
    font-size: 16px;
}

.imore:hover {
    text-indent: 62px;
    background-image: url(../img/i_bg3_on.png);
    color: #fff;
    background-color: #1144b8;
    border: 1px solid #1144b8;
    background-position: 135px center;
}

.imore#i_more {
    display: none;
}

.f45 {
    font-size: 45px;
}


.i_one_t:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background: #d4d4d4;
}

.gsjsnew{
    background-position: bottom !important;
    padding-bottom: 0 !important;
}

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

    .i_one_t .h2{
        height:70px;
        line-height:70px;
    }

    .i_two .i_two_l .txts {
        font-size: 15px;
    }

    .i_two .i_two_l .txts .desc {
        line-height: 30px;
    }

    .i_two .i_two_l .txts .i_about_ul {
        margin-top: 7%;
        margin-bottom: 0;
    }

}

@media screen and (max-width:1100px) {
    .f45 {
        font-size: 32px;
    }

    .i_one_t .h2{
        height:60px;
        line-height:60px;
    }

    .i_two .i_one_t {
        padding-top: 50px;
    }


    .i_two .i_two_l {
        margin-top: 0;
    }

    .i_two .i_one_t .h2 {
        margin-bottom: 0;
    }

    .i_two .i_two_l .txts .desc {
        line-height: 26px;
    }

    .i_two .i_two_l .txts .i_about_ul {
        margin-top: 5%;
    }

    .i_two .i_two_l .txts .i_about_ul li .p {
        line-height: 26px;
    }

}

@media screen and (max-width: 960px) {
    .f45 {
        font-size: 28px;
    }

    .i_one_t .h2{
        height:50px;
        line-height:50px;
    }

    .i_two .i_two_l .txts {
        font-size: 14px;
    }

    .i_two .i_two_l .txts .desc {
        line-height: 24px;
    }

    .i_two .i_two_l .txts .i_about_ul li .p {
        line-height: 22px;
    }

}

@media screen and (max-width: 830px) {
    .f45 {
        font-size: 25px;
    }

    .i_two .i_two_l .txts .desc {
        margin-top: 2%;
    }

    .i_two .i_two_l .txts .i_about_ul {
        margin-top: 2%;
    }

    .i_two .i_two_l .txts .imore {
        margin-top: 20px;
    }

}

@media screen and (max-width: 789px) {
    .f45 {
        font-size: 22px;
    }

    .i_one_t .h2{
        background-position:center center;
        margin-bottom:2%;
    }

    .i_two .i_one_t {
        padding-top: 50px;
    }


    .i_two .i_two_l {
        float: none;
        width: 100%;
        max-width: none;
    }

    .i_two .i_two_l .txts .i_about_ul {
        max-width: 500px;
        margin: 0 auto;
        margin-top: 4%;
        margin-bottom: 4%;
    }

    .i_two .i_two_l .txts .i_about_ul li:first-child {
        text-align: center;
    }

    .i_two .i_one_t .h2 {
        padding-left: 0;
    }

    .i_two .i_two_r {
        float: none;
        width: 100%;
        max-width: none;
        margin-bottom: 3%;
    }

    .i_two .i_two_more {
        margin-top: 0;
        margin-bottom: 3%;
    }

    i_one_t:after {
        left: 50%;
        margin-left: -25px;
    }

}






@-webkit-keyframes upAnimate{
    0%,100%{
        -webkit-transform: translateY(-4px);
    }
    50%{
        -webkit-transform: translateY(4px);
    }
}

.mouse_icon .icon{
    width: 12px;
    margin: 0px auto;
}

.mouse_icon .icon img{
    -webkit-animation: upAnimate2 2s ease infinite;
    width: 100%;
}

@-webkit-keyframes upAnimate2{
    0%,100%{
        -webkit-transform: translateY(-1px);
    }
    50%{
        -webkit-transform: translateY(3px);
    }
}


.details_banner {
    height: 500px;
}

@media screen and (max-width: 1000px) {
    .IndexNews_content .IndexNews_content_right .content_right_list:last-child {
        display: none;
    }

    .IndexNews_content .IndexNews_content_video {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .IndexNews_content .IndexNews_content_right {
        width: 100%;
    }
}

.el-icon {
    --color: inherit;
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em;
    fill: currentColor;
    color: var(--color);
    font-size: inherit
}

.el-icon.is-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.el-icon svg {
    height: 1em;
    width: 1em
}

/* 头部 */
@media screen and (max-width: 1000px) {
    .head-active {
        display: flex;
        background-color: transparent;
        box-shadow: none;
    }
}

.fl-img img {
    cursor: default
}

/* 数字动画样式增强 */
.num {
    position: relative;
    display: inline-block;
    transition: all 0.3s ease;
}

.num.animated {
    color: #1144b8;
}

.i_about_ul li {
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.8s ease;
}

.i_about_ul.animated li {
    transform: translateY(0);
    opacity: 1;
}

.i_about_ul li:nth-child(1) {
    transition-delay: 0.1s;
}

.i_about_ul li:nth-child(2) {
    transition-delay: 0.3s;
}

.i_about_ul li:nth-child(3) {
    transition-delay: 0.5s;
}

#owl-flashxxy .disabled {
    display: none;
}

.cust {
}

.tp {
    width: 15.5%;
    margin-right: 1.1%;
    float: left;
    margin-top: 0.9%;
}

.tp img {
    width: 100%;
}

@media screen and (max-width: 1000px) {
    .tp {
        width: 49%;
        margin-right: 1%;
        float: left;
        margin-top: 0.1%;
    }

    .cust :nth-child(n+15) {
        display: none;
    }

}