﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
    list-style: none;
}

.block12494 {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    background: rgb(255, 255, 255);
    z-index: 50;
    transition: all 0.25s ease 0s;
    border-bottom: 1px solid #f3f3f3;
}

.block12494.sq_header_1_screen {
    position: fixed;
    transition: all 0.25s ease 0s;
}

.backstage-componet .imgBox {
    display: none;
}

/* .block12494.sq_header_1_screen .navTile {
    padding: 20px 0 25px;
} */

.block12494.sq_header_1_screen .button-next,
.block12494.sq_header_1_screen .button-prev {
    line-height: 94px;
}

.block12494.sq_header_1_screen .hover {
    bottom: 14px;
}

.block12494.block12494.sq_header_1_screen .text1 {
    padding: 200px 40px 200px;
}

.block12494 .nav01 {
    z-index: 50;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    /* display: flex;
    flex-direction: column-reverse; */
}

.block12494 .sq_header_1Hover {
    position: absolute;
    left: 0;
    top: 91px;
    width: 100%;
    height: 0;
    transition: all .5s ease;
}

.block12494 .sq_header_2Hover {
    height: 90px;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
}

.block12494 .sq_header_3Hover {
    position: absolute;
    left: 0;
    top: 182px;
    width: 100%;
    height: 0;
    transition: all .5s ease;
}

.block12494 .sq_header_4Hover {
    height: 90px;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
}

.block12494 .navWrapper {
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    justify-content: space-between;
    height: 90px;
    width: 100%;
}

.block12494 .wra {
    width: calc(100% - 305px);
    /* width: 80%; */
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.block12494 .navCenter2 {
    height: 100%;
    margin-right: 30px;
    width: calc(80% - 30px);
}

.block12494 .wra .contact .backstage-componet-bd {
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */
    border-left: 1px solid #f3f3f3;
    transition: .4s cubic-bezier(.23, 1, .32, 1);
    /* color: #005d9a; */
    font-size: 12px;
    width: 70px;
    height: 90px;
    cursor: pointer;
}

.block12494 .wra .contact .backstage-componet-bd:hover {
    background-color: #f3f3f3;
}

.block12494 .wra .contact .backstage-componet-bd i {
    font-size: 18px;
    margin-bottom: 5px;
}

.block12494 .wra .contact .backstage-componet-bd a {
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.block12494 .wra_main .contact {
    z-index: 80;
    position: relative;
    width: 25%;
}

.block12494 .wra_main .contact .backstage-blocksEditor-wrap {
    width: 100%;
}

.block12494 .wra .contact .backstage-componet-bd {
    width: calc(100% - 1px);
}

.block12494 .wra_main .follow {
    width: 25%;
}



/*   图片css  */
.block12494 .iconLeft {
    width: 285px;
    height: 85px;
    transition: .3s;
    margin-left: 20px;
    max-width: 285px;
}

.block12494 .iconBox,
.block12494 .backstage-componet,
.block12494 .backstage-componet-bd {
    width: 100%;
    height: 100%;
}

.block12494 .iconLeft .blocks-image {
    width: 100%;
    height: 100%;
    display: block;
}

.block12494 .iconLeft img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.block12494 .follow .follow_bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #f3f3f3;
    transition: .4s cubic-bezier(.23, 1, .32, 1);
    color: #fff;
    font-size: 12px;
    padding: 0 5px;
    min-width: 60px;
    height: 90px;
    cursor: pointer;
    background: #0099d2;
}

.block12494 .follow .follow_top .followWrap .follow-a {
    display: none;
}

.block12494 .follow .follow_top .followWrap .codeWrap {
    display: none;
}

.block12494 .follow .follow_bottom i {
    font-size: 16px;
    margin-bottom: 5px;
}

/* .block12494 .follow .follow_top .codeWrap {
    display: none;
} */

/*   导航css  */
.block12494 .navCenter {
    height: 100%;
    width: calc(100% - 40px);
    /* position: relative; */
    padding: 0 20px;
    display: block;
}

/*   按钮css  */
.block12494 .button-prev {
    z-index: 200;
    position: absolute;
    left: 325px;
    top: 0;
    display: none;
    color: #2D2D2D;
    width: 16px;
    text-align: left;
    height: 100%;
    line-height: 94px;
    transition: .25s;
    cursor: pointer;
}


.block12494 .button-next {
    z-index: 200;
    position: absolute;
    /* right: 330px; */
    /* right: 303px; */
    top: 0;
    display: none;
    color: #2D2D2D;
    width: 16px;
    text-align: right;
    height: 100%;
    line-height: 94px;
    transition: .25s;
    cursor: pointer;
}

.block12494 .button-next>.font-icon {
    font-size: 23px;
    font-weight: 100;
}

.block12494 .button-prev>.font-icon {
    font-size: 23px;
    font-weight: 100;
}

.block12494 .navStyle {
    z-index: 100;
    width: 100%;
    /* width: calc(100% - 40px); */
    height: 100%;
    overflow: hidden;
    position: relative;
    /* display: flex;
    justify-content: flex-start;
    align-items: flex-start; */
    /* position: absolute; */
    transition: .2s;
}

.block12494 .navBox {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    transition: transform .6s ease;
    height: 100%;
}

.block12494 .navTile {
    white-space: nowrap;
    display: flex;
    align-items: center;
    /* position: relative; */
    transition: all 0.25s ease 0s;
    font-size: 15px;
    color: #002d5a;
    letter-spacing: 0;
    line-height: 90px;
}

.block12494 .navTile:hover {
    color: #0099d2;
}

/*   一级导航css  */
.block12494 .navTile>a {
    color: inherit;
    padding: 0 20px;
}

.block12494 .hover {
    transition: .3s cubic-bezier(.165, .84, .44, 1);
    content: '';
    position: absolute;
    left: 0;
    bottom: 20px;
    right: 0;
    border-bottom: 3px solid transparent;
    transform: translateY(0) scaleX(.8);
    display: none;
}

.block12494 .navTile:hover .hover {
    border-color: #0099d2;
    transform: translateY(0) scaleX(1);
    display: none;
}

.block12494 .search-input-two {
    display: none;
}

.block12494 .line-left,
.block12494 .line-right {
    display: inline-block;
    width: calc(50% - 4px);
    height: 1px;
    background: #DDDEDE;
    transform: scale(0);
    transition: all 0.3s ease 0s;
}

.block12494 .line-left {
    transform-origin: right;
}

.block12494 .line-right {
    transform-origin: left;
}

.block12494 .circle-center {
    width: 4px;
    height: 4px;
    background: #00B1DD;
    border-radius: 50%;
    display: inline-block;
    margin: 0 2px;
    opacity: 0;
}

/* .block12494 .navTile:hover {
    color: #00B1DD;
} */

.block12494 .navTile:hover .circle-center {
    opacity: 1;
}

.block12494 .navTile:hover .line-right,
.block12494 .navTile:hover .line-left {
    transform: scale(1)
}

/* .block12494 .navTile:hover .Aactive {
    color: #fff !important;
} */

/* .block12494 .active1 {
    color: #00B1DD; 
    background: unset !important;
} */

/* .block12494 .active1 .circle-center {
    opacity: 1;
}

.block12494 .active1 .line-right,
.block12494 .active1 .line-left {
    transform: scale(1)
} */

/*   二级导航css  */

.block12494 .subWra {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    visibility: hidden;
    opacity: 0;
    transition: .2s;
    /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    background: #FFFFFF; */
    transform: translateY(0);
}

.block12494 .subWra .ulSub {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.block12494 .on {
    height: 400px;
}

.block12494 .subWraActive {
    visibility: visible;
    opacity: 1;
    transform: translateY(90px);
}

.block12494 .liSub {
    /* border-right: 1px solid #d1d1d1; */
    /* position: relative; */
    box-sizing: border-box;
    /* background: #fff; */
}

.block12494 .liSub:last-child {
    border: 0;
    margin-top: 0;
}

.block12494 .nav02-line {
    position: absolute;
    content: '';
    top: 80%;
    left: 50%;
    /* transform: translateX(-50%); */
    height: 2px;
    background: #00B1DD;
    visibility: hidden;
    opacity: 0;
    display: none;
}

.block12494 .liSub:hover .nav02-line {
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease-in-out;
    display: none;
}

.block12494 .textBox {
    padding: 0px 30px;
    height: 90px;
}

.block12494 .textBox>a {
    font-size: 15px;
    color: #002626;
    letter-spacing: 0;
    transition: all 0.25s ease 0s;
    opacity: 0.8;
}

.block12494 .textBox>a:hover {
    color: #0099d2;
}


/*   三级导航css  */
.block12494 .nav03-ulSub {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* background: #fff; */
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
    transition: .2s;
    /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08); */
    display: flex;
    justify-content: center;
}

.block12494 .nav03-ulSub-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(89px);
}

.block12494 .nav03-liSub {
    padding: 0 23px;
    height: 90px;
    border-top: 1px solid #d1d1d1;
    transition: .3s ease-in-out;
    color: #002626;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}

.block12494 .nav03-liSub:hover {
    color: #00B1DD;
}

.block12494 .nav03-liSub:hover .circleBox {
    background: #00B1DD;
}

.block12494 .nav03-liSub:first-child {
    border: 0;
}

.block12494 .circleBox {
    width: 4px;
    height: 4px;
    background: #002626;
    border-radius: 50%;
    margin-right: 10px;
    transition: .3s ease-in-out;
    opacity: 0.7;
}

.block12494 .nav03-liSub a {
    font-size: 15px;
    color: inherit;
    letter-spacing: 0;
    line-height: 1.4;
}


/*   搜索框css  */
.block12494 .searchRight {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    z-index: 70;
    width: 25%;
}

.block12494 .searchRight .serach {
    width: 100%;
}

.block12494 .search-wrap {
    width: 100%;
}

.block12494 .search-input {
    display: none;
    position: absolute;
    left: 0;
    z-index: 300;
    top: 90px;
    width: 100%;
    background: linear-gradient(90deg, #002d5a, #005d9a);
    padding: 60px 0;
}

.block12494 .searchInput {
    width: calc(100% - 204px);
    background: transparent;
    border-color: transparent;
    padding: 0px 100px 0;
    height: 45px;
    color: #fff;
    font-size: 30px;
}

.block12494 #inputSearch::-webkit-input-placeholder {
    font-size: 26px;
    opacity: 0.6;
    padding: 10px 0;
}

.block12494 .search-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .4s cubic-bezier(.23, 1, .32, 1);
    color: #fff;
    font-size: 12px;
    /* width: 70px; */
    height: 90px;
    cursor: pointer;
    background: #005d9a;
}

.block12494 .search-wrap .search-wrap_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.block12494 .search-wrap .search-wrap_wrap i {
    margin-bottom: 5px;
}

.block12494 .search-wrap:hover {
    background-color: #002d5a;
}

.block12494 .search-wrap>i {
    font-size: 16px;
    margin-bottom: 5px;

}

.block12494 .searchButton {
    position: absolute;
    left: 50px;
    border: unset;
    background: unset;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    font-family: normal !important;
}

.block12494 .searchButton>i {
    font-size: 32px;
    color: #DADADA;
    display: inline-block;
}

.block12494 .closeBox {
    position: absolute;
    right: 50px;
    display: inline-block;
    top: 52%;
    transform: translateY(-50%);
    font-family: normal !important;
}

/*详情css*/
.block12494 .threeLine,
.block12494 .threeLine-two {
    width: 55px;
    cursor: pointer;
    /* height: 22px; */
}

.block12494 .threeLine-two {
    display: none;
}

.block12494 .line-all,
.block12494 .line-all-two {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 100;
    width: 20px;
    margin-left: auto;
}

.block12494 .line-top,
.block12494 .line-bottom {
    width: 20px;
    height: 0px;
    border-top: solid 1px #00B1DD;
    transition: all .3s ease;
    transform-origin: left;
}

.block12494 .line-top-active {
    transform: rotate(45deg);
}

.block12494 .line-bottom-active {
    transform: rotate(-45deg);
}

.block12494 .line-all .line-center-active,
.block12494 .line-all-two .line-center-active {
    opacity: 0;
    transition: all .3s ease;
}

.block12494 .line-center {
    width: 10px;
    height: 0px;
    border-top: solid 1px #00B1DD;
    margin: 6px auto;
    transition: transform .3s ease;
    opacity: 1;
}

.block12494 .threeLine:hover .line-center {
    transform: scaleX(0.5);
}

.block12494 .threeLine-two:hover .line-center {
    transform: scaleX(0.5);
}

.block12494 .textWra {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    right: -40px;
    width: 280px;
    /* background: #fff; */
    z-index: 99;
    /* box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); */
    overflow: hidden;
}

.block12494 .active {
    visibility: visible;
    opacity: 1;
}

.block12494 .textBefore {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
    transform: translateY(-100%) translateY(349px) skewY(45deg);
    transform-origin: 100% 50%;
    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.block12494 .textWra .beforeActive {
    transform: none;
}

.block12494 .text1 {
    padding: 200px 40px 200px;
}

.block12494 .textWra .text,
.block12494 .text2 .text {
    transform: translateX(100%);
    opacity: 0;
    font-size: 16px;
    line-height: 1.875;
    letter-spacing: .025em;
    color: #151515;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1) .2s;
}

.block12494 .text2 .text {
    transform: none;
    opacity: 1;
}

.block12494 .text2 {
    margin: 20px 15px;
    display: none;
}

.block12494 .text2 .textTwo {
    margin-top: 20px;
}

.block12494 .textWra .textTwo {
    margin-top: 60px;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1) .3s;
}

.block12494 .textWra .textWra-active {
    transform: translateX(0);
    opacity: 1;
}

.block12494 .wra .wra_main {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 20%;
}



/*   语言css  */
.block12494 .language {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 80;
    justify-content: center;
    width: 25%;
}

.block12494 .language .langBar {
    width: 100%;
}

.block12494 .lang-show-word .sq_language_span {
    width: calc(100% - 1px);
}

.block12494 .lang-show-word {
    display: flex;
    justify-content: center;
}

.block12494 .language .lang-show-word .sq_language_span {
    display: flex;
}

.block12494 .language .lang-show-word .sq_language_span1 {
    display: none;
}

.block12494 .lang-show-word .sq_language_span1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #f3f3f3;
    transition: .4s cubic-bezier(.23, 1, .32, 1);
    color: #005d9a;
    font-size: 12px;
    padding: 0 5px;
    min-width: 60px;
    height: 90px;
    cursor: pointer;
}

.block12494 .lang-show-word .sq_language_span1 i {
    font-size: 18px;
    margin-bottom: 5px;
}

.block12494 .lang-show-word .sq_language_span1:hover {
    background-color: #f3f3f3;
}

.block12494 .lang-show-word .sq_language_span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #f3f3f3;
    transition: .4s cubic-bezier(.23, 1, .32, 1);
    color: #005d9a;
    font-size: 12px;
    padding: 0 5px;
    min-width: 60px;
    height: 90px;
    cursor: pointer;
}

.block12494 .lang-show-word .sq_language_span i {
    font-size: 18px;
    margin-bottom: 5px;
}

.block12494 .lang-show-word .sq_language_span:hover {
    background-color: #f3f3f3;
}

.block12494 .imgStyle01 {
    font-size: 16px;
    color: #005d9a;
    cursor: pointer;
    margin-bottom: 5px;
}

.block12494 .imgStyle02 {
    display: none;
}

.block12494 .langWra {
    position: absolute;
    top: 150%;
    right: 0;
    font-size: 14px;
    padding: 0 20px;
    z-index: 400;
    display: none;
    background: #fff;
}

.block12494 .langBox {
    height: 26px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    width: 26px;
    transition: all .3s;
    position: relative;
}

.block12494 .langBox::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #e5e5e5;
    transform: scale(1.5);
    opacity: 0;
    transition: all .3s;
}

.block12494 .langBox:hover::before {
    opacity: 1;
}

.block12494 .langBox:last-child {
    border: none;
}

.block12494 .langNa {
    white-space: nowrap;
}

.block12494 .langBox .langImgBox .langImg {
    /* width: 14px;
    height: 14px;
    transform: scale(1.7);
    border-radius: 50%; */
    transition: all .3s;
    position: relative;
    display: block;
}




.block12494 .langBox .langImgBox {
    /* color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-wrap: nowrap;
    width: calc(100% - 10px);
    margin-left: 5px; */
    color: inherit;
    display: block;
}

.block12494 .navMenu {
    display: none;
}

.block12494 .arrow {
    display: none;
}

.block12494 .nav02Arrow {
    display: none;
}

.block12494 .nav03Arrow {
    display: none;
}

.block12494 .closeBox>i {
    color: #DADADA;
    font-size: 32px;
    display: inline-block;
}

/* .block12494 input::placeholder {
    color: #DDDEDE;
    font-weight: 100;
    font-size: 13px;
} */

.block12494 input::-webkit-input-placeholder {
    color: #DDDEDE;
    font-weight: 100;
    font-size: 13px;
    line-height: 25px;
}

.block12494 input::-moz-placeholder {
    color: #DDDEDE;
    font-weight: 100;
    font-size: 13px;
    line-height: 25px;
}

.block12494 input::-moz-placeholder {
    color: #DDDEDE;
    font-weight: 100;
    font-size: 13px;
    line-height: 25px;
}

.block12494 input::-ms-input-placeholder {
    color: #DDDEDE;
    font-weight: 100;
    font-size: 13px;
    line-height: 25px;
}




/* .block12494 .buttonActive {
    color: #F5A623;
} */

.block12494 .searchInput:focus {
    outline: 0;
}

.block12494 .searchButton:focus {
    outline: 0;
}

.block12494 .tip {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
}

.block12494 .text2 {
    display: none;
}


/* nav_top样式 */
.block12494 .nav_top .nav_top_language {
    display: none;
    background: #f1f1f1;
    color: #505050;
    padding: 30px 0 55px;
    font-size: 28px;
}

.block12494 .nav_top .close {
    text-align: right;
    font-size: 14px;
    color: #505050;
    width: calc(100% - 20px);
    max-width: 1200px;
    margin: auto;
    margin-bottom: 30px;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 20px;
}

.block12494 .nav_top .close span:nth-child(1) {
    margin-right: 5px;
}

.block12494 .nav_top .nav_top_language .nav_top_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;
}

.block12494 .nav_top .nav_top_language .nav_top_main .nav_top_language_right {
    display: flex;
    align-items: flex-end;
}

.block12494 .nav_top .nav_top_language .nav_top_main .nav_top_language_right .nav_top_language_right_left {
    position: relative;
    padding-right: 20px;
}

.block12494 .nav_top .nav_top_language .nav_top_main .nav_top_language_right .nav_top_language_right_left::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0px;
    background: #000;
    width: 1px;
    height: 60px;
}

.block12494 .nav_top .nav_top_language .nav_top_main .nav_top_language_right .nav_top_language_right_right {
    padding-left: 15px;
}

.block12494 .nav_top .nav_top_language .nav_top_main .nav_top_language_right .nav_top_language_right_right_ul .langNa {
    display: none;
}

.block12494 .nav_top .nav_top_follow {
    display: none;
    background: #f1f1f1;
    color: #505050;
    padding: 60px 0 55px;
    font-size: 28px;
}

.block12494 .nav_top .nav_top_follow .nav_top_follow_main {
    display: flex;
    justify-content: space-around;
}

.block12494 .nav_top .nav_top_follow .nav_top_follow_main .follow-a .codeWrap {
    top: 35px;
    left: 50%;
    margin-left: -133px;
    display: none;
    padding: 12px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    position: absolute !important;
    background: #fff;
    z-index: 1000;
    filter: drop-shadow(0 0 2px #b6b6b6);
    width: unset;
    height: unset;
}

.block12494 .nav_top .nav_top_follow .nav_top_follow_main .follow-a .codeWrap .triangle {
    display: block;
    position: absolute;
    width: 20px;
    height: 10px;
    left: 50%;
    margin-left: -10px;
    top: -9px;
    vertical-align: unset;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAETSURBVHjarNI/S4VgFAbw56WhQUIQUVB6EXG4H8AzNLS0RGt9g6jPcRvrG7REW3MtQQ3tcfaLiTjIXSQMQxDMV96mG1yovP151sP5DQ+P0FrjPyPGQGYWAE4BvBDR2Z9AZl4DcG4YxpFSSnddd0xEF78CmXkdwJVpmvtRFKHve8xms0EpdUBENz8CmXkDwLVlWTthGEIIAQBo2xZJkrwNw7BHRA8rgcxsA7h1HIeklB/YIk3TIE3TV631bhzHj9+CzLwJ4N7zvInv+1/2VNc1six71lpvE9HTpyAzTwDcSSml67qj86iqCnmezwFsEdF8CWTmEyHENAgC2La98ubKskRRFABwSUSHC3Bs2WLkvvT/PgAltYPssspMtAAAAABJRU5ErkJggg==) no-repeat center;
    border-bottom: 2px solid #fff;
}

.block12494 .nav_top .nav_top_follow .nav_top_follow_main .follow-a .codeWrap img {
    width: 240px;
    height: 240px;
    object-fit: contain;
}

/* .block12494 .nav_top .nav_top_follow .nav_top_follow_main .follow-a.hasCode:hover .codeWrap {
    display: block;
} */

.block12494 .nav_top .nav_top_follow .nav_top_follow_main .follow-a {
    margin: 0 5px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}

.block12494 .nav_top .nav_top_follow .nav_top_follow_main .follow-a span {
    position: relative;
}

.block12494 .nav_top .nav_top_follow .nav_top_follow_main .follow-a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background: #e5e5e5;
    transform: scale(1.3);
    border-radius: 50%;
    transition: all .3s;
    opacity: 0;
    display: none !important;
}

/* .block12494 .nav_top .nav_top_follow .nav_top_follow_main .follow-a:hover::before {
    opacity: 1;
} */

.block12494 .threeLine-two {
    display: none;
}

.block12494 .nav_top_language_right_right_ul {
    display: flex;
    flex-wrap: wrap;
}

.block12494 .nav02Arrow i {
    cursor: pointer;
}

.block12494 .follow .follow_bottom div[data-blocksEditor-type*="phoenix_blocks"] {
    min-height: 0;
}

.block12494 .langWra {
    display: none;
}

/* 大屏二级导航css */
/* 大屏二级导航css */

.block12494 .nav02 {
    width: 100%;
    position: absolute;
    top: 1px;
    left: 0;
    overflow: visible;
}

.block12494 .navBoxA {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}

/* .block12494 .navTileA {
    white-space: nowrap;
} */

.block12494 .navTileA>a {
    display: none;
}

.block12494 .subWraA {
    position: absolute;
    top: 90px;
    left: 0;
    transform: scale3d(1, 0, 1);
    width: 100%;
    visibility: visible;
    opacity: 1;
    z-index: 500;
    transition: transform 200ms linear;
    box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    transform-origin: top;
}

.block12494 .subActive {
    visibility: visible;
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.block12494 .nav03subActive {
    visibility: visible !important;
    opacity: 1 !important;
}

.block12494 .ulSubA {
    padding: 20px 0;
    max-width: 1120px;
    margin: 0 345px;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    /* justify-content: space-around; */
    /* background: #fff;
    box-shadow: 0px 0px 8px 0 rgba(0,0,0,0.1); */
}

.block12494 .liSubA {
    /* max-width: 16.666667%; */
    width: calc(100%/4);
    /* padding: 10px 0 20px; */
    padding: 10px 0;
    transition: .25s;
    /* text-align: center; */
}

.block12494 .liSubA .text02 a {
    transition: all .25s ease 0s;
}

.block12494 .arrow03 i {
    font-size: 14px;
}

/* .block12494 .nav03-ulSubA {
    padding: 20px 0 30px 0;
} */

.block12494 .nav03-liSubA {
    padding: 10px 0 0;
    position: relative;
    color: #000;
    transition: .25s;
    display: flex;
    align-items: center;
    opacity: 0.8;
    /* justify-content: center;
    text-align: center; */
}

.block12494 .nav03-liSubA:nth-child(1) {
    margin-top: 10px;
}

.block12494 .arrow03 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -6px;
    color: #c10000;
    display: none;
}

.block12494 .circle {
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    transition: .25s;
}

.block12494 .nav03-liSubA a {
    /* padding-left: 15px; */
    color: inherit;
    transition: all .25s ease 0s;
    font-size: 14px;
    opacity: 0.7;
    white-space: unset;
    word-break: break-word;
}


.block12494 .imgBoxA {
    display: none;

}

.block12494 .imgBoxA>img {
    width: 100%;
    height: 100%;

}

.block12494 .textBoxA {
    max-width: calc(100% - 34px);
    position: relative;
    display: inline-block;
}

.block12494 .textBoxA>a {
    font-size: 15px;
    color: #000;
    letter-spacing: 0;
    transition: all 0.25s ease 0s;
    opacity: 0.8;
    white-space: unset;
    word-break: break-word;
}

.block12494 .textBoxA>a.active{
    color: #2895d7;
}




@media screen and (max-width: 1366px) {
    .block12494 .navCenter2 {
        width: calc(75% - 30px);
    }

    .block12494 .wra .wra_main {
        width: 25%;
    }
}

@media screen and (max-width:900px) {
    .block12494 .threeLine-two {
        display: block;
    }
}

@media screen and (max-width:1500px) {
    .block12494 .iconLeft {
        width: 240px;
    }

    .block12494 .wra {
        width: calc(100% - 250px);
    }

    .block12494 .button-prev {
        left: 270px;
    }

    .block12494 .ulSubA {
        margin: 0 300px;
    }
}

@media screen and (max-width:1600px) {
    .block12494 .navCenter2 {
        width: calc(75% - 30px);
    }

    .block12494 .wra .wra_main {
        width: 25%;
    }
}


/* 各屏navCenter（导航）的宽度*/
@media screen and (min-width:1600px) {
    .block12494 .textWra {
        width: 300px;
    }

    .block12494 .textWra .text1 {
        padding: 200px 55px 200px;
    }

    .block12494 .textBefore {
        transform: translateY(-100%) translateY(409px) skewY(45deg);
    }
}

@media screen and (max-width: 1200px) {
    .block12494 .navCenter2 {
        width: calc(70% - 30px);
    }

    .block12494 .wra .wra_main {
        width: 30%;
    }
}

@media screen and (min-width:1007px) and (max-width:1180px) {
    /* .block12494 .nav01 {
        padding: 0 10px;
    } */

    .block12494 .navCenter2 {
        margin-right: 0;
    }

    .block12494 .line-all {
        width: 100%;
    }

    .block12494 .nav03-ulSub {
        min-width: 120px;
    }

    /* .block12494 .nav03-liSub {
        padding: 20px;
        max-width: 160px;
    } */

    .block12494 .nav03-liSub a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .block12494 .subWra {
        min-width: 150px;
    }

    /* .block12494 .ulSub {
        width: 1007px;
    } */

    .block12494 .ulSubA {
        /* width: calc(100% - 80px); */
        margin: 0 0 0 200px;
    }


    .block12494 .nav02Icon {
        left: 196px;
    }

    .block12494 .threeLine {
        width: 50px;

    }

    .block12494 .textWra {
        right: -10px;
    }

    /* .block12494 .button-next {
        right: 270px;
    } */

    .block12494 .button-prev {
        left: 170px;
    }

    .block12494 .wra {
        width: calc(100% - 160px);
    }

    .block12494 .iconLeft {
        margin-left: 10px;
        width: 150px;
    }

    .block12494 .lang-show-word .sq_language_span {
        padding: 0;
        /* width: 60px; */
    }
}



/* 手机竖屏css */
@media screen and (max-width:1000px) {

    .block12494 .wra {
        width: 80%;
    }

    .block12494 .langBox::before {
        display: none;
    }

    .block12494 .iconLeft {
        margin-left: 0;
        width: 180px;
        height: 50px;
    }

    .block12494 .line-all-two {
        width: 100%;
    }

    .block12494 {
        position: relative !important;
    }

    .block12494.sq_header_1_screen {
        box-shadow: unset;
    }

    /* .block12494 .active1{
    color: #fff !important;
    
} */
    /* .block12494 .active1>a {
        color: #fff;
    } */

    /* .block12494 .active1 .arrow {
        color: #fff;
    } */

    .block12494 .button-prev,
    .block12494 .button-next {
        display: none !important;
    }

    .block12494 .threeLine-two {
        display: block;
        width: unset;
        margin-left: 18px;
    }

    .block12494 .threeLine {
        display: none;
    }

    .block12494 .search-wrap {
        position: unset;
    }

    .block12494 .textWra {
        display: none;
    }

    .block12494 .text2 {
        display: block;
    }

    .block12494 .nav01 {
        padding: 0 10px;
    }

    .block12494 .beforeActive {
        display: none;
    }

    .block12494 .hover {
        display: none;
    }

    /* .block12494 .navTile:hover>a {
        background: #00B1DD;
        color: #fff;
    } */

    /* .block12494 .navTile:hover .arrow {
        color: #fff !important;
    } */

    .block12494 .navWrapper {
        position: unset;
    }

    .block12494 .navCenter {
        display: none;
        position: absolute;
        top: 98%;
        height: unset;
        margin-top: 1px;
        width: 100%;
        z-index: 100;
        left: 0;
        padding: 0 !important;
        background: #fff;
        box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.1);
    }

    .block12494 .navStyle {
        width: 100%;
        margin-left: unset;
        height: unset;
        position: unset;
    }

    .block12494 .navBox {
        width: 100%;
        display: block;
        margin-right: 0;
    }

    .block12494 .navTile {
        width: calc(100% - 20px);
        margin: 0 10px;
        min-height: 40px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        /* border-bottom: solid 1px rgb(0, 0, 0, 0.1); */
        position: relative;
        padding: 0 !important;
    }

    .block12494 .navActive {
        color: #0099d2;
    }

    /* .block12494 .arrow .navActive.font-icon {
        color: #0099d2;
    } */

    /* .block12494 .navActive.navTile::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 40px;
        width: 5px;
        background: #0099d2;
    } */

    .block12494 .navTile>a {
        font-size: 16px;
        display: flex;
        height: 40px;
        line-height: 40px;
        width: 100%;
        padding: 0;
        align-items: center;
        font-weight: unset;
        border-right: none;
        transition: background 0.25s ease 0s;
        color: #333 !important;
    }

    /*  手机竖屏搜索框css*/
    .block12494 .searchRight {
        display: none;
    }

    /* .block12494 .search-wrap>i {
        font-size: 16px;
    } */

    .block12494 .search-input {
        display: none;
        height: 62px;
        position: absolute;
        top: 99%;
        right: 0;
        border-top: solid 1px #DDDEDE;
        border-bottom: solid 1px #DDDEDE;
        /* border-bottom: solid 1px #CCCBCB; */
        margin-top: 1px;
        background: #fff;
        border-radius: unset;
    }

    .block12494 .searchBox {
        border-bottom: solid 1px #fff;
        width: 100%;
    }

    .block12494 .searchInput {
        border-radius: unset;
        height: 31px;
        border: unset;
        padding-left: 15px;
        padding-right: 15px;
        width: calc(100% - 30px);
        padding-top: 15px;
        border-bottom: solid 1px rgb(0, 0, 0, 0.1) !important;
        margin-bottom: 20px;
        box-sizing: unset;
        color: #747474;
        font-size: 22px;
    }

    .block12494 .searchButton {
        right: 16px;
        top: 24px;
        left: unset;
        transform: unset;
    }

    .block12494 .closeBox {
        display: none;
    }

    .block12494 .searchButton>i {
        font-size: 16px;
        /* color: #00B1DD; */
    }

    .block12494 .search-input-two {
        display: block;
    }

    /*  小屏语言栏*/
    .block12494 .language {
        position: unset;
        /* display: none; */
        /* width: 50px; */
    }

    /* .block12494 .imgStyle01 {
        font-size: 16px;
    } */
    /* 
    .block12494 .spanStyle {
        display: none;
    } */

    .block12494 .langWra {
        /* transform: translateX(56px); */
        top: 100%;
        padding: unset;
        background: #fff;
        width: 100%;
    }

    .block12494 .langBox {
        height: 45px;
        text-align: left;
        margin-left: 10px;
        width: calc(100% - 20px);
        margin-top: unset;
        margin-bottom: unset;
        border-bottom: solid 1px rgb(0, 0, 0, 0.1);
    }


    .block12494 .langBox .langImgBox .langImg {
        margin-left: 15px;
        margin-right: 15px;
    }

    .block12494 .navStrart {
        font-size: 14px;
    }

    .block12494 .navMenu {
        display: block;
        margin: 0 20px;
        /* position: absolute;
        right: 15px;
        top: 28%; */
        /* color: #FFFFFF; */
    }

    .block12494 .navClose {
        display: none;
        font-size: 23px;
    }

    .block12494 .arrow {
        display: block;
        position: absolute;
        right: 5px;
        z-index: 200;
        top: 50%;
        transform: translateY(-50%);
        color: #333;
        cursor: pointer;
        height: 100%;
        line-height: 45px;
    }

    .block12494 .arrow .font-icon {
        font-size: 16px;
        color: inherit;
        font-weight: bold;
    }

    .block12494 .arrow .nav01Down {
        display: none;
    }

    .block12494 .arrow .nav01Up {
        display: none;
    }

    .block12494 .imgBox {
        display: none;
    }

    .block12494 .circleBox {
        display: none;
    }

    .block12494 .nav03-imgBox {
        display: none;
    }

    /* 手机竖屏二级菜单*/
    .block12494 .subWra {
        display: none;
        position: unset;
        width: 100%;
        visibility: unset;
        opacity: unset;
        transition: unset;
        box-shadow: unset;
        background-color: unset !important;
        transform: none;
    }

    .block12494 .liSub {
        width: 100%;
        min-height: 40px;
        border-right: unset;
        box-shadow: unset;
        position: relative;
        padding: unset;
        padding-left: 30px;
        margin-bottom: 0;
        border: none;
        background: #fff;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

    .block12494 .liSub:last-child {
        border-bottom: none;
    }

    .block12494 .textBox {
        width: 100%;
        height: 40px;
        margin-top: 0;
        margin-left: 0;
        display: flex;
        align-items: center;
        max-height: unset;
        padding: 0;
    }

    .block12494 .textBox>a {
        -webkit-line-clamp: 1;
        white-space: nowrap;
        text-indent: 0;
        color: #333 !important;
        line-height: 1.4;
        /* font-size: 16px; */
    }

    .block12494 .nav02-line {
        display: none;
    }

    /* 手机竖屏三级菜单*/
    .block12494 .nav03-ulSub {
        /* width: calc(100% - 50px);
        margin-left: 35px; */
        position: unset;
        visibility: visible;
        opacity: 1;
        transform: none;
        box-shadow: none;
        width: calc(100% - 20px);
        /* margin-left: -30px;
        padding-left: 50px; */
        background: #fff;
        display: none;
        transition: unset;
    }

    .block12494 .nav03-liSub {
        height: 40px;
        padding: 0;
        border: none;
        flex-direction: unset !important;
        justify-content: left;
        padding-left: 20px;
        color: #333 !important;
        /* background: #f1f1f1; */
    }

    .block12494 .nav02Arrow {
        display: none;
        position: absolute;
        right: 5px;
        top: 46%;
        transform: translateY(-50%);
        height: 100%;
        line-height: 51px;
        color: #333;
    }

    .block12494 .nav03Arrow {
        display: none;
        margin-right: 10px;
    }

    .block12494 .nav03Arrow i {
        color: initial;
    }

    .block12494 .subWra .ulSub {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .block12494 .nav_top .nav_top_follow {
        display: none !important;
    }


    .block12494 .nav_top {
        display: none !important;
    }

}

@media screen and (max-width:900px) {
    /* .block12494 .navTile{
        display: unset;
    } */
    .block12494 .langBox {
        justify-content: unset;
    }

    .block12494 .wra_main .follow {
        display: none;
    }

    .block12494 .language .lang-show-word .sq_language_span {
        display: none;
    }

    .block12494 .language .lang-show-word .sq_language_span1 {
        display: flex;
    }

    .block12494 .langBox .langImgBox {
        display: flex;
        align-items: center;
    }

    .block12494 .navWrapper {
        height: 50px;
    }

    .block12494 .lang-show-word .sq_language_span1 i {
        margin-bottom: 0;
    }

    .block12494 .language .lang-show-word .sq_language_span1 .spanStyle {
        display: none;
    }

    .block12494 .language .lang-show-word .sq_language_span1 {
        height: 50px;
        min-width: 0;
        border-left: 0;
    }

    .block12494 .wra .contact .backstage-componet-bd a span {
        display: none;
    }

    .block12494 .wra .contact .backstage-componet-bd i {
        margin-bottom: 0;
    }

    .block12494 .wra .contact .backstage-componet-bd {
        height: 50px;
        width: 100%;
        border-left: 0;
    }

    .block12494 .threeLine-two {
        margin-left: 0;
        width: 25%;
    }

    .block12494 .follow .follow_bottom {
        display: none;
    }

    .block12494 .lang-show-word .sq_language_span1:hover {
        background-color: unset;
    }

    .block12494 .wra .contact .backstage-componet-bd:hover {
        background-color: unset;
    }

    .block12494 #inputSearch::-webkit-input-placeholder {
        font-size: 16px;
    }
}

@media screen and (max-width: 510px) {
    .block12494 .textBox {
        overflow: hidden;
        width: calc(100% - 30px);
    }

    .block12494 .wra .wra_main {
        width: 60%;
    }

    .block12494 .navCenter2 {
        width: 0;
    }
}

/* 语言栏国旗css*/
.lang-sprites-slide {
    vertical-align: middle;
}

.sprites {
    display: inline-block;
    width: 21px;
    height: 14px;
    background: url("../image/sprites.png");
    background-repeat: no-repeat
}

.sprites-0 {
    background-position: -252px -116px
}

.sprites-1 {
    background-position: -294px 0
}

.sprites-2 {
    background-position: -42px -261px
}

.sprites-3 {
    background-position: -294px -32px
}

.sprites-4 {
    background-position: -294px -48px
}

.sprites-5 {
    background-position: -294px -64px
}

.sprites-6 {
    background-position: -294px -80px
}

.sprites-7 {
    background-position: -294px -96px
}

.sprites-8 {
    background-position: -294px -112px
}

.sprites-9 {
    background-position: -294px -128px
}

.sprites-10 {
    background-position: -317px 0
}

.sprites-11 {
    background-position: -317px -16px
}

.sprites-12 {
    background-position: -317px -32px
}

.sprites-13 {
    background-position: -317px -48px
}

.sprites-14 {
    background-position: -317px -64px
}

.sprites-15 {
    background-position: -317px -80px
}

.sprites-16 {
    background-position: -317px -96px
}

.sprites-17 {
    background-position: -317px -112px
}

.sprites-18 {
    background-position: -317px -128px
}

.sprites-19 {
    background-position: -340px 0
}

.sprites-20 {
    background-position: -340px -16px
}

.sprites-21 {
    background-position: -340px -32px
}

.sprites-22 {
    background-position: -340px -48px
}

.sprites-23 {
    background-position: -340px -64px
}

.sprites-24 {
    background-position: -340px -80px
}

.sprites-25 {
    background-position: -340px -96px
}

.sprites-26 {
    background-position: -340px -112px
}

.sprites-27 {
    background-position: -340px -128px
}

.sprites-28 {
    background-position: -363px 0
}

.sprites-29 {
    background-position: -363px -16px
}

.sprites-30 {
    background-position: -363px -32px
}

.sprites-31 {
    background-position: -363px -48px
}

.sprites-32 {
    background-position: -363px -64px
}

.sprites-33 {
    background-position: -363px -80px
}
 .sprites-54 {
    background-position: -290px -245px;
}
/* 社交关注css */
.followWrap .social-icon-facebook {
    background: url(../image/follow-ser.png) no-repeat -224px 0;
}

.followWrap .social-icon-googleplus {
    background: url(../image/follow-ser.png) no-repeat -224px -64px;
}

.followWrap .social-icon-linkedin {
    background: url(../image/follow-ser.png) no-repeat -224px -128px;
}

.followWrap .social-icon-sinaweibo {
    background: url(../image/follow-ser.png) no-repeat -224px -192px;
}

.followWrap .social-icon-twitter {
    background: url(../image/follow-ser.png) no-repeat -224px -256px;
}

.followWrap .social-icon-youtube {
    background: url(../image/follow-ser.png) no-repeat -224px -320px;
}

.followWrap .social-icon-qzone {
    background: url(../image/follow-ser.png) no-repeat -224px -704px;
}

.followWrap .social-icon-renren {
    background: url(../image/follow-ser.png) no-repeat -224px -768px;
}

.followWrap .social-icon-douban {
    background: url(../image/follow-ser.png) no-repeat -224px -832px;
}

.followWrap .social-icon-tweibo {
    background: url(../image/follow-ser.png) no-repeat -224px -896px;
}

.followWrap .social-icon-instagram {
    background: url(../image/follow-ser.png) no-repeat -224px -960px;
}

.followWrap .social-icon-wechat {
    background: url(../image/follow-ser.png) no-repeat -224px -1024px;
}

.followWrap .social-icon-pinterest {
    background: url(../image/follow-ser.png) no-repeat -224px -1088px;
}

.followWrap .social-icon-youku {
    background: url(../image/follow-ser.png) no-repeat -225px -1152px;
}

.followWrap .social-icon-facebook:hover {
    background: url(../image/follow-ser.png) no-repeat -624px 0;
}

.followWrap .social-icon-googleplus:hover {
    background: url(../image/follow-ser.png) no-repeat -624px -64px;
}

.followWrap .social-icon-linkedin:hover {
    background: url(../image/follow-ser.png) no-repeat -624px -128px;
}

/* .followWrap .social-icon-sinaweibo:hover {
    background: url(../image/follow-ser.png) no-repeat -624px -192px;
} */

.followWrap .social-icon-twitter:hover {
    background: url(../image/follow-ser.png) no-repeat -624px -256px;
}

.followWrap .social-icon-youtube:hover {
    background: url(../image/follow-ser.png) no-repeat -624px -320px;
}

.followWrap .social-icon-qzone:hover {
    background: url(../image/follow-ser.png) no-repeat -624px -704px;
}

.followWrap .social-icon-renren:hover {
    background: url(../image/follow-ser.png) no-repeat -624px -768px;
}

.followWrap .social-icon-douban:hover {
    background: url(../image/follow-ser.png) no-repeat -624px -832px;
}

.followWrap .social-icon-tweibo:hover {
    background: url(../image/follow-ser.png) no-repeat -624px -896px;
}

.followWrap .social-icon-instagram:hover {
    background: url(../image/follow-ser.png) no-repeat -624px -960px;
}

/* .followWrap .social-icon-wechat:hover {
    background: url(../image/follow-ser.png) no-repeat -624px -1024px;
} */

.followWrap .social-icon-pinterest:hover {
    background: url(../image/follow-ser.png) no-repeat -624px -1088px;
}

.followWrap .social-icon-youku:hover {
    background: url(../image/follow-ser.png) no-repeat -624px -1152px;
}

.followWrap .follow-a span {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}
.block12494 .followWrap span svg {
    fill: currentColor;
    color: #9ea3a7;
    width: 19px;
    height: 19px;
    margin-bottom: 4px;
} 
.block12494 .followWrap .social-icon-tiktok svg:hover {
    color: #000;
}
.block12494 .followWrap .social-icon-vk svg:hover {
    color: #ff3b3b;
}
.block12494 .followWrap .social-icon-tumblr svg:hover {
    color: #ff3b3b;
}
.block12494 .followWrap .social-icon-blogger svg:hover {
    color: #f4933f;
}