@charset "utf-8";

@font-face {
    font-family: 'HarmonyOS_Sans_SC_Medium';
    font-style: normal;
    src: url(./HarmonyOS_Sans_SC_Medium.ttf);
    /* font-weight: 500; */
}

@font-face {
    font-family: 'HarmonyOS_Sans_SC_Regular';
    font-style: normal;
    src: url(./HarmonyOS_Sans_SC_Regular.ttf);
    /* font-weight: 400; */
}

.ft_b {
    font-family: 'HarmonyOS_Sans_SC_Medium';
}

.ft_r {
    font-family: 'HarmonyOS_Sans_SC_Regular';
}

/* CSS Document */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0px;
    border: 0;
    outline: none;
}

header,
nav,
footer,
menu {
    display: block;
}

dt {
    font-weight: 300;
}

img {
    border: none;
    max-width: 100%;
}

li {
    list-style-type: none;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    color: #111111;
}

html {
    scroll-behavior: smooth;
}

.block {
    display: block;
}

body {
    /* font-family: "microsoft yahei", "Noto Sans SC", "Source Han Sans CN", "PingFangSC", "noto sans", Helvetica, Arial, sans-serif; */
    font-family: 'HarmonyOS_Sans_SC_Regular';
    font-size: 0.938vw;
    color: #111111;
    position: relative;
    overflow-x: hidden;
    font-weight: 400;
    background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 600;
}

.clear {
    clear: both;
}

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

.textBeyondHidden2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.textBeyondHidden3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.textBeyondHidden4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.textBeyondHidden5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.display-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: distribute;
    justify-content: space-between;
    flex-flow: row wrap;
}

.display-flex-center {
    -webkit-justify-content: center;
    -ms-flex-pack: distribute;
    justify-content: center;
}

.display-flex-top {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.display-flex-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: distribute;
    justify-content: flex-start;
}

.flex-flow-row {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.swiper-container .swiper-pagination {
    font-size: 0;
    bottom: 0;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 0.521vw;
    height: 0.521vw;
    margin: 0 0.365vw;
    background-color: #fff;
    position: relative;
    opacity: .3;
    transition: width 400ms;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}


/*******头部********/
header {
    /* position: relative; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}


.header_column {
    display: flex;
    align-items: center;
    /* padding: 1.74rem 0; */
    /* padding-right: 1.875rem; */
    /* background-color: #f5f5f5; */
    /* padding-left: 1.875rem; */
}










header .header-main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: all 550ms cubic-bezier(0, 0.55, 0.45, 1);
    background-color: transparent;
    /* border-bottom: 1px solid rgba(25, 49, 99, 0.15); */
    transition: all 400ms;
}

header .display-flex {
    position: relative;
}

header .logo {
    position: relative;
}

header .logo a {
    display: block;
}

header .logo a .img {
    width: 8.229vw;
    height: 2.813vw;
    background-image: url(../images/logo.svg);
    background-size: 100% 100%
}

header .header-nav>ul>li {
    margin-left: 5.208vw;
    position: relative;
}

header .header-nav>ul>li:first-child {
    margin-left: 0vw;
}

header .header-nav>ul>li .link {
    display: block;
    position: relative;
    font-size: 0.938vw;
    line-height: 1.458vw;
    color: #FFFFFF;
    padding-top: 1.563vw;
    padding-bottom: 1.563vw;
    /* line-height: 1.771vw; */
}

header .header-nav>ul>li .link span {
    position: relative;
    display: inline-block;
    /* padding-top: 0.375rem; */
    /* padding-bottom: 0.375rem; */
    transition: all 400ms;
}

/* header .header-nav>ul>li.active .link span::after,
header .header-nav>ul>li:hover .link span::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.104vw;
  background-color: #fff;
  transition: all 400ms;

} */




header .header-nav>ul>li:hover .link {
    color: #00248B !important;
}

header .header_languagebox {
    position: relative;
    /* padding-left: 0.9375rem; */
    /* margin-right: 0.9375rem; */
    display: flex;
    align-items: center;

}



header .header_languagebox .search {

    display: inline-block;
    width: 1.146vw;
    height: 1.146vw;
    background-image: url(../images/search.svg);
    background-size: 100% 100%;

    transition: all 400ms;
}

/* header .header_languagebox::after {
  content: '';
  width: 1px;
  height: 1.4375rem;
  position: absolute;
  top: 50%;
  left: 0;
  background: #D1D6E0;
  transform: translateY(-50%);

} */
header .header_languagebox .language {
      margin-left: 16px;
    padding-left: 16px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
}
header .header_languagebox .language .f{
       margin-right: 0.3vw;
    color: #fff;
    line-height: normal;
    font-size: 0.8vw;
}
header .header_languagebox .language .img {
    display: flex;
    width: 1.146vw;
    height: 1.146vw;
    background-image: url(../images/icon05_w.svg);
    background-size: 100% 100%;

}




/*搜索栏*/
.searchField {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    overflow: hidden;
    display: none;
    background: #fff;
    /* border-bottom: 0.052vw solid #e5e5e5; */
    /* border-top: 0.104vw solid #e5e5e5; */
    padding: 1.667vw 0;
    box-shadow: 0px 0px 1.302vw 0px rgba(0, 0, 0, 0.08);
}

.searchField_form {
    position: relative;
    max-width: 66%;
    margin: 0 auto;
    overflow: hidden;
}

.searchField_form .form-control {
    font-size: 0.933vw;
    border-radius: 0.313vw;
    height: 2.604vw;
    box-shadow: none;
    border: 0;
    color: #333333;
    padding: 0 3.833vw 0 0.833vw;
    font-weight: 300;
    background-color: #f5f5f7;
}

.searchField_form .form-control:placeholder {
    font-size: 0.933vw;
}

.searchField_form .btn {
    position: absolute;
    padding-right: 1.917vw;
    padding-left: 1.917vw;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1.12rem;
    box-shadow: none;
    color: #ffffff;
    z-index: 9;
    transition: all .5s;
    overflow: hidden;
    text-indent: -999px;
}

.searchField_form .btn:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0.517vw;
    bottom: 0;
    z-index: 8;
    width: 3.833vw;
    background-image: url(../images/search02.svg);
    background-size: 1.35vw auto;
    background-position: center;
    background-repeat: no-repeat;
    transition: right 400ms;
}

.searchField_form .btn:hover:before {
    right: 0;
}


/*下拉*/
/* header .header-nav ul li.link_item:hover .headerDropDown {
  opacity: 1;
  visibility: visible;

} */

/* header .header-nav ul li.link_item:hover .link::after {
  width: 0;
} */

/* .headerDropDown.active {
  opacity: 1;
  visibility: visible;
} */

.headerDropDown {
    display: none;
    position: absolute;
    top: 100%;
    /* left: 50%; */
    left: -1.979vw;
    z-index: 10;
    width: 12.031vw;
    /* height: 13.333vw; */
    /* transform: translateX(-50%); */
    /* transition: all 300ms; */
}



/* .headerDropDown:before {
  content: '';
  position: absolute;
  top: -0.467vw;
  left: 50%;
  margin-left: -0.467vw;
  border-left: 0.467vw solid transparent;
  border-right: 0.467vw solid transparent;
  border-bottom: 0.467vw solid #ffffff;
} */

.headerDropDown .headerDropDownList {
    background-color: #ffffff;
    padding-top: 0.938vw;
    padding-bottom: 0.938vw;
    /* overflow: hidden; */
    box-shadow: 0 0 1.042vw rgba(0, 0, 0, 0.1);
    /* display: flex;
  flex-wrap: wrap; */
    /* height: 13.333vw; */
    position: relative;
}






.headerDropDown .headerDropDownList .link_item_on {
    position: relative;
    padding-left: 2.083vw;
    padding-right: 0.781vw;
    margin-bottom: 0.417vw;

}



.headerDropDown .headerDropDownList .link_item_on:last-child {
    margin-bottom: 0vw;
}


.headerDropDown .headerDropDownList ._link {
    color: #111;
    font-size: 0.833vw;
    transition: all 400ms;
    /* width: 8.333vw; */
    display: inline-block;
    /* height: 2.083vw; */
    line-height: 1.875vw;
    /* padding-left: 1.042vw; */
    position: relative;

}

.headerDropDown .headerDropDownList ._link::before {
    position: absolute;
    content: '';
    width: 0.417vw;
    height: 0.781vw;
    /* background-image: url(../images/jsRight2.svg); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: 50%;
    right: -0.833vw;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 400ms;
}

.headerDropDown .headerDropDownList .link_item_on:hover ._link::before {
    opacity: 1;
}

.headerDropDown .headerDropDownList .link_item_on:hover ._link {
    color: #00248B;
}

/* 回顶部 */
.retuntop {
    position: fixed;
    z-index: 9;
    width: 3.073vw;
    height: 3.073vw;
    background: RGBA(0, 36, 139, 1);
    top: 90%;
    border-radius: 50%;
    right: 1.563vw;
    cursor: pointer;
}

.retuntop::before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    background-image: url(../images/jttop.png);
    transform: translate(-50%, -50%);
    width: 1.302vw;
    height: 1.302vw;
    background-size: 100% 100%;
}




.back-to-top__circle-progress {
    display: none;
    stroke: #fff;
    stroke-width: 0.078vw;
}

/**/
.menu_botton {
    position: absolute;
    right: 75px;
    top: 73px;
    display: block;
    cursor: pointer;
    z-index: 9999;
}

.menu_botton strong {
    display: inline-block;
    float: left;
    color: #2f318b;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    margin-right: 12px;
}

#menu_toggle1 {
    display: none;
}

.menu_botton span {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 2px;
    background-color: #fff;
    vertical-align: middle;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
    margin-top: -2px;
}

.menu_botton span:after,
.menu_botton span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 21px;
    height: 2px;
    left: 0;
    background-color: #fff;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
}

.menu_botton span:before {
    top: -6px;
    -webkit-transition-property: top, transform;
    -moz-transition-property: top, transform;
    -ms-transition-property: top, transform;
    -o-transition-property: top, transform;
    transition-property: top, transform;
}

.menu_botton span:after {
    bottom: -6px;
    -webkit-transition-property: bottom, transform;
    -moz-transition-property: bottom, transform;
    -ms-transition-property: bottom, transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
}

.mm-opened .menu_botton span {
    background-color: transparent;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -ms-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

.mm-opened .menu_botton span:after,
.mm-opened .menu_botton span:before {
    -webkit-transition-delay: 0s, .3s;
    -moz-transition-delay: 0s, .3s;
    -ms-transition-delay: 0s, .3s;
    -o-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s;
}

.mm-opened .menu_botton span:before {
    top: 0;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-opened .menu_botton span:after {
    bottom: 0;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*********尾部************/

footer {
    background-color: #111111;
}



footer .footer_main {
    position: relative;

    padding-top: 3.125vw;
    padding-bottom: 3.125vw;

}



footer .footer_nav {
    display: flex;
    justify-content: space-between;


}

footer .footer_nav li a {
    display: inline-block;
    font-size: 0.833vw;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.875vw;

}



footer .footer_nav li p.title {
    font-size: 0.938vw;
    color: #FFFFFF;
    line-height: 1.458vw;
    font-family: 'HarmonyOS_Sans_SC_Medium';
}

footer .footer_nav li p a:hover {
    text-decoration: underline;
}

/* footer .footer_navbox .box {
  display: flex;
  flex-wrap: wrap;
} */




footer .footer_nav li a:hover {
    /* color: #173192; */
    /* text-decoration: underline; */
}





footer .footer_copyright {


    border-top: 0.052vw solid rgba(255, 255, 255, 0.2);

    padding-top: 1.51vw;
    padding-bottom: 1.51vw;
}

footer .footer_copyright .box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .footer_copyright .fCopyright {
    font-size: 0.729vw;
    color: rgba(255, 255, 255, .7);
    line-height: 1.146vw;
}

footer .footer_copyright .fCopyright a {
    color: #4D4D4D;

}

.footer_share {
    position: relative;
    display: flex;
    align-items: center;

}

.footer_share .fshare_items {
    margin-left: 0.521vw;
    position: relative;
}

.footer_share .fshare_items a {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #fff; */
    /* padding: 0.5rem; */
    width: 1.458vw;
    height: 1.458vw;
    /* border: 1px solid #4D4D4D; */
    border-radius: 100%;
}

.footer_share .fshare_items:first-child a {
    width: 2.057vw;
    height: 1.438vw;
}

.footer_share .fshare_items:nth-child(2) a {
    width: 1.755vw;
    height: 1.76vw;
}

.footer_share .fshare_items a img {

    display: block;
    /* width: 1.5rem; */
    width: 100% 100%
}



.fshare_model:hover .fshare_modelBox {
    opacity: 1;
    visibility: visible;
}

.fshare_modelBox {
    position: absolute;
    z-index: 9999;
    bottom: calc(100% + 1rem);
    left: 50%;
    /* margin-left: -3.85vw; */
    transform: translateX(-50%);
    background-color: #ffffff;
    border-radius: 0.313vw;
    /* width: 9.25rem; */
    /* padding: 0.62rem; */
    opacity: 0;
    visibility: hidden;
    transition: all 350ms ease-in-out;
    box-shadow: 0 0 3.12rem rgba(0, 0, 0, 0.1);
}

.fshare_modelBox::after {
    content: '';
    position: absolute;
    bottom: -0.417vw;
    left: 50%;
    margin-left: -0.313vw;
    border-left: 0.313vw solid transparent;
    border-right: 0.313vw solid transparent;
    border-top: 0.417vw solid #ffffff;
}

.fshare_modelBox .img {
    width: 6.667vw;
    text-align: center;
}


.fshare_model_flex {
    white-space: nowrap;
}




.footermore {
    display: flex;
    justify-content: center;
}

.footermore a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.5rem;
    height: 2.625rem;
    background-color: #45b8a0;
    color: #fff;
    font-size: 1rem;
    border-radius: 1.3125rem;
    transition: all 400ms;
}

.footermore a:hover {
    background-color: #1f8771;
}

/* 鼠标经过导航 */

header.activea .header-main {
    background: #FFFFFF;
    box-shadow: 0px 0px 1.302vw 0px rgba(0, 0, 0, 0.08);
}

header.activea .header-nav>ul>li .link {
    color: #333333;
}

header.activea .header_languagebox a {
    color: #333333;
}

header.activea .header_languagebox .search {

    background-image: url(../images/search1.svg);

}

header.activea .logo a .img {

    background-image: url(../images/logo1.svg);

}

header.activea .header_languagebox .language .img {

    background-image: url(../images/icon05.svg);

}

header.activea .header_languagebox .language .f {

color: #111111;

}
.headerScollfox header .header_languagebox .language .f,
.headerScollfox1 header .header_languagebox .language .f,
.innerPage header .header_languagebox .language .f {
color: #111111;
  

}
header.activea .header_languagebox .language {

    border-left-color: rgba(17, 17, 17, .2);

}

/* 滚动导航改变 */
.headerScollfox header .header-main,
.headerScollfox1 header .header-main,
.innerPage header .header-main {
    background: #FFFFFF;
    box-shadow: 0px 0px 1.302vw 0px rgba(0, 0, 0, 0.08);
}

.headerScollfox header .header-nav>ul>li .link,
.headerScollfox1 header .header-nav>ul>li .link,
.innerPage header .header-nav>ul>li .link {
    color: #111111;
}

.headerScollfox header .header_languagebox a,
.headerScollfox1 header .header_languagebox a,
.innerPage header .header_languagebox a {
    color: #111111;
}

.headerScollfox header .header_languagebox .search,
.headerScollfox1 header .header_languagebox .search,
.innerPage header .header_languagebox .search {

    background-image: url(../images/search1.svg);

}

.headerScollfox header .header_languagebox .language,
.headerScollfox1 header .header_languagebox .language,
.innerPage header .header_languagebox .language {

    border-left-color: rgba(17, 17, 17, .2);

}

.headerScollfox header .header_languagebox .language .img,
.headerScollfox1 header .header_languagebox .language .img,
.innerPage header .header_languagebox .language .img {

    background-image: url(../images/icon05.svg);


}

.headerScollfox header .logo a .img,
.headerScollfox1 header .logo a .img,
.innerPage header .logo a .img {

    background-image: url(../images/logo1.svg);

}

/*****主体开始*******/

.home_banner {
    width: 100%;
    /* height: 100vh; */
    height: 100vh;


}



.home_banner .box {
    position: absolute;
    top: 50%;
    left: 10.938vw;
    transform: translateY(-50%);

}

.home_banner video{
    width: 100%;
    height: 100%;
     object-fit: cover;
}

.home_banner .box .title {

    font-size: 3.646vw;
    color: #FFFFFF;
    line-height: 3.854vw;
    font-family: 'HarmonyOS_Sans_SC_Medium';
    margin-bottom: 2.083vw;
}

.home_banner .box .text {

    font-size: 1.302vw;
    color: #FFFFFF;
    line-height: 1.563vw;
    opacity: 0.8;
    margin-bottom: 2.083vw;
}

.home_banner .swiper-pagination {
    bottom: 2.083vw;
}

.home_banner.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    width: 1.25vw;
    border-radius: 0.26vw;
}


/*公共字体大小边距颜色*/

.mg_t5 {
    margin-top: 0.26vw;
}

.mg_b5 {
    margin-bottom: 0.26vw;
}

.mg_t10 {
    margin-top: 0.521vw;
}

.mg_b10 {
    margin-bottom: 0.521vw;
}

.mg_t15 {
    margin-top: 0.781vw;
}

.mg_b15 {
    margin-bottom: 0.781vw;
}

.mg_t20 {
    margin-top: 1.042vw;
}

.mg_b25 {
    margin-bottom: 1.302vw;
}

.mg_t25 {
    margin-top: 1.302vw;
}

.mg_b20 {
    margin-bottom: 1.042vw;
}

.mg_t30 {
    margin-top: 1.563vw;
}

.mg_b30 {
    margin-bottom: 1.563vw;
}

.mg_t33 {
    margin-top: 1.719vw;
}

.mg_b33 {
    margin-bottom: 1.719vw;
}

.mg_t40 {
    margin-top: 2.083vw;
}

.mg_b40 {
    margin-bottom: 2.083vw;
}

.mg_t45 {
    margin-top: 2.344vw;
}

.mg_b45 {
    margin-bottom: 2.344vw;
}



.mg_t50 {
    margin-top: 2.604vw;
}

.mg_b50 {
    margin-bottom: 2.604vw;
}

.mg_t60 {
    margin-top: 3.125vw;
}

.mg_b60 {
    margin-bottom: 3.125vw;
}

.pb_16 {
    padding-bottom: 0.833vw !important;
}

.pb_20 {
    padding-bottom: 1.042vw !important;
}

.pt_20 {
    padding-top: 1.042vw !important;
}

.pb_26 {
    padding-bottom: 1.35vw !important;
}

.pt_26 {
    padding-top: 1.35vw !important;
}

.pb_36 {
    padding-bottom: 1.875vw !important;
}

.pt_36 {
    padding-top: 1.875vw !important;
}

.pb_46 {
    padding-bottom: 2.4vw !important;
}

.pb_56 {
    padding-bottom: 2.917vw !important;
}

.pt_56 {
    padding-top: 2.917vw !important;
}

.pb_66 {
    padding-bottom: 3.433vw !important;
}

.pt_80 {
    padding-top: 4.167vw;
}

.pb_80 {
    padding-bottom: 4.167vw;
}

.pt_90 {
    padding-top: 4.688vw;
}

.pb_90 {
    padding-bottom: 4.688vw;
}

.pt_100 {
    padding-top: 5.208vw;
}

.pb_100 {
    padding-bottom: 5.208vw;
}

.pl_100 {
    padding-left: 5.208vw;
}

.pr_100 {
    padding-right: 5.208vw;
}

.pb_120 {
    padding-bottom: 6.25vw;
}

.pt_120 {
    padding-top: 6.25vw;
}

.pb_130 {
    padding-bottom: 6.771vw;
}

.pt_130 {
    padding-top: 6.771vw;
}

.pb_140 {
    padding-bottom: 7.292vw;
}

.pt_140 {
    padding-top: 7.292vw;
}


.pb_150 {
    padding-bottom: 7.813vw;
}

.pt_150 {
    padding-top: 7.813vw;
}

.ft_bb {
    font-weight: bold;
}

.ft_12 {
    font-size: 0.625vw;
}

.ft_14 {
    font-size: 0.729vw;
}


.ft_16 {
    font-size: 0.833vw;
}

.ft_18 {
    font-size: 0.938vw;
}

.ft_19 {
    font-size: 0.99vw;
}

.ft_20 {
    font-size: 1.042vw;
}

.ft_22 {
    font-size: 1.146vw;
}

.ft_24 {
    font-size: 1.25vw;
}

.ft_25 {
    font-size: 1.302vw;
}

.ft_26 {
    font-size: 1.354vw;
}

.ft_27 {
    font-size: 1.406vw;
}

.ft_28 {
    font-size: 1.458vw;
}

.ft_29 {
    font-size: 1.51vw;
}

.ft_30 {
    font-size: 1.563vw;
}

.ft_31 {
    font-size: 1.615vw;
}

.ft_32 {
    font-size: 1.667vw;
}

.ft_34 {
    font-size: 1.771vw;
}

.ft_35 {
    font-size: 1.823vw;
}

.ft_36 {
    font-size: 1.875vw;
}

.ft_37 {
    font-size: 1.927vw;
}

.ft_38 {
    font-size: 1.979vw;
}

.ft_40 {
    font-size: 2.083vw;
}

.ft_44 {
    font-size: 2.292vw;
}

.ft_45 {
    font-size: 2.344vw;
}

.ft_46 {
    font-size: 2.396vw;
}

.ft_50 {
    font-size: 2.604vw;
}

.ft_52 {
    font-size: 2.708vw;
}

.ft_54 {
    font-size: 2.813vw;
}

.ft_56 {
    font-size: 2.917vw;
}

.ft_64 {
    font-size: 3.333vw;
}

.ft_70 {
    font-size: 3.646vw;
}

.lh_84 {
    line-height: 4.375vw;
}

.lh_76 {
    line-height: 3.958vw;
}

.lh_74 {
    line-height: 3.854vw;
}

.lh_72 {
    line-height: 3.75vw;
}

.lh_70 {
    line-height: 3.646vw;
}

.lh_65 {
    line-height: 3.385vw;
}

.lh_64 {
    line-height: 3.333vw;
}

.lh_60 {
    line-height: 3.125vw;
}

.lh_59 {
    line-height: 3.073vw;
}

.lh_54 {
    line-height: 2.813vw;
}

.lh_50 {
    line-height: 2.604vw;
}

.lh_44 {
    line-height: 2.292vw;
}

.lh_42 {
    line-height: 2.188vw;
}

.lh_40 {
    line-height: 2.083vw;
}

.lh_39 {
    line-height: 2.031vw;
}

.lh_38 {
    line-height: 1.979vw;
}

.lh_36 {
    line-height: 1.875vw;
}

.lh_35 {
    line-height: 1.823vw;
}

.lh_34 {
    line-height: 1.771vw;
}

.lh_33 {
    line-height: 1.719vw;
}

.lh_30 {
    line-height: 1.563vw;
}

.lh_31 {
    line-height: 1.615vw;
}

.lh_28 {
    line-height: 1.458vw;
}

.lh_23 {
    line-height: 1.198vw;
}

.lh_16 {
    line-height: 0.833vw;
}

.lh_1 {
    line-height: 1;
}

.ft_000 {
    color: #000000;
}

.ft_fff {
    color: #ffffff;
}

.ft_333 {
    color: #333333;
}

.ft_555 {
    color: #555;
}


.bg_fff {
    background-color: #fff;
}

.bg_F7F {
    background-color: #F7F7F7;
}

.bg_F6F {
    background-color: #F6F6F6;
}

.bg_ebeff2 {
    background-color: #ebeff2;
}



.hMore {
    position: relative;
    z-index: 1;
}

.hMore a,
.hMore span {
    width: 8.854vw;
    height: 2.604vw;
    background-image: url(../images/hMore.png);
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.938vw;
    color: #FFFFFF;
    line-height: 1.563vw;
    position: relative;

    cursor: pointer;
    transition: all 400ms;
}

.hMore a:hover,
.hMore span:hover {
    background-image: url(../images/hMore1.png);
}


.container-fluid {
    padding-left: 2.083vw;
    padding-right: 2.083vw;
}


/**/

.hCro {
    position: relative;
    height: 52.083vw;
    width: 100%;
}

.hCro .img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.hCro .mask {

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-image: url(../images/hCromask.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;

}

.hCro .hcmap {

    position: absolute;
    left: 50%;
    top: 7.292vw;
    transform: translateX(-50%);
    width: 41.823vw;
    height: 41.823vw;
    background-image: url(../images/hcmap.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}

.hCro .box {
    position: absolute;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    top: 31.823vw;
    z-index: 3;
    /* border-right: 1px solid rgba(0, 0, 0, .1); */
}

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


.hData .box {
    /*padding-left: 5.208vw;*/
    /*padding-right: 5.208vw;*/
    text-align: center;
}

/**/
.hproduct {
    width: 100%;
    height: 51.042vw;
    position: relative;

}

.hproduct .box_img {
    width: 100%;
    height: 100%;
    position: relative;
}

.hproduct .box_img .img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 400ms;
}

.hproduct .box_img .img.active {
    opacity: 1;
    visibility: visible;
}

.hproduct .box_img .img .box_sm {
    position: absolute;
    top: 17.031vw;
}

.hproduct .box_img .img .ft_b {
    font-size: 3.229vw;

    line-height: 4.844vw;
    color: #000000;
}

.hproduct .box_b {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 3.385vw;
    left: 50%;
    transform: translateX(-50%);
    width: 41.667vw;
}

.hproductjs {

    position: unset;
}

.hproduct .box_b .box_sm {
    width: 13.542vw;
    height: 2.188vw;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0.26vw;
    font-size: 0.833vw;
    text-align: center;
    line-height: 1.563vw;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-right: 0.521vw; */
    cursor: pointer;
    transition: all 400ms;
    border-radius: 5.208vw;
}

.hproduct .box_b .active .box_sm {
    background: #00248B;
    color: #fff;
}

.hproduct .box_b .box_sm span {
    position: relative;
}

.hproduct .box_b .active .box_sm span::after {
    opacity: 1;
    visibility: visible;
}

.hproduct .box_b .box_sm span::after {
    position: absolute;
    content: '';
    width: 1.042vw;
    height: 0.625vw;
    background-image: url(../images/jt.png);
    background-size: 100% 100%;
    right: -1.781vw;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all 400ms;
}

/**/

.hNews {
    background-color: #F8F8F9;
}

.hNewsjs .swiper-wrapper {
    /* padding-left: 10.938vw; */
}

.hNewsjs {
    overflow: visible;
}

.hNewsjs .swiper-slide {
    width: 24.219vw;
    background-color: #fff;
}

.hNewsjs .swiper-slide:hover .img .bg_cover {
    transform: scale(1.1);
}

.hNewsjs .swiper-slide .ft_28 {
    transition: all 400ms;
}

.hNewsjs .swiper-slide:hover .ft_28 {
    color: #00248B;
}

.hNewsjs .swiper-slide .img {
    width: 100%;
    height: 14.583vw;
    overflow: hidden;
}

.hNewsjs .swiper-slide .img .bg_cover {
    width: 100%;
    height: 100%;
    transition: all 400ms;
}

.hNewsjs .swiper-slide .box {
    padding: 2.552vw 2.083vw 2.448vw 2.083vw;
}

.hNewsjs .swiper-slide .ft_28 {
    height: 5.104vw;
}





.hNewsjs .swiper-button-prev,
.hNewsjs .swiper-button-next {

    width: 2.604vw;
    height: 2.604vw;
    background-color: #fff;
    border-radius: 100%;

    transition: all 400ms;
}

.hNewsjs .swiper-button-prev:hover,
.hNewsjs .swiper-button-next:hover {
    background-color: #00248B;
}



.hNewsjs .swiper-button-next {
    right: -4.167vw;
}

.hNewsjs .swiper-button-prev {
    left: -4.167vw;
}

.hNewsjs .swiper-button-prev::after {
    content: '';
    position: absolute;
    width: 1.042vw;
    height: 1.042vw;
    background-image: url(../images/jtl.svg);
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 400ms;
}

.hNewsjs .swiper-button-next::after {
    content: '';
    position: absolute;
    width: 1.042vw;
    height: 1.042vw;
    background-image: url(../images/jtr.svg);
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 400ms;
}

.hNewsjs .swiper-button-prev:hover::after {
    background-image: url(../images/jtl1.svg);
}

.hNewsjs .swiper-button-next:hover::after {
    background-image: url(../images/jtr1.svg);
}










/*二级导航*/
#sideNav {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 98;
    opacity: 1;
    visibility: visible;
    transition: all 450ms linear;
}

#sideNav.sideNavts {
    height: 5rem;
}

#sideNav.isActive {
    opacity: 1;
    visibility: visible;
}

#sideNav.isActive .sideNavBox {
    position: fixed;
    border-top: 0.052vw solid #dddddd;
    box-shadow: 0 0 0.521vw rgba(0, 0, 0, 0.1);
}

#sideNav .sideNavBox {

    left: 0;
    width: 100%;
    background-color: #fff;
    transition: all 450ms linear;
}

#sideNav .sideNavBox .scroll_nav {
    position: relative;
}

#sideNav .sideNavBox ul {
    display: flex;
    align-items: center;
    /* padding-left: 10.5rem; */
    justify-content: center;
}

#sideNav .sideNavBox li {
    position: relative;
    /* width: 8%; */
}

#sideNav .sideNavBox li a {
    display: block;
    position: relative;
    text-align: center;
    padding: 1.25rem 1.875rem;
    color: #111111;
    font-size: 1.25rem;
    font-weight: 400;
    cursor: pointer;
    transition: all 400ms linear;
}

#sideNav.sideNavts .sideNavBox li {
    border-right: 0.052vw solid #e6e6e6;
    border-bottom: 0.052vw solid #e6e6e6;
}



#sideNav .sideNavBox li a span {
    position: relative;
    z-index: 1;
}


#sideNav .sideNavBox li a::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0.052vw;
    height: 0.833vw;
    background: rgba(0, 0, 0, 0.1);

}

#sideNav .sideNavBox li:last-child a::before {
    width: 0;
}

#sideNav .sideNavBox li.active a {
    color: #f3981e;

}

#sideNav .sideNavBox li.active a:after {
    width: 100%;
}



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

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

.img_scale {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}

/*分页一*/
.pagination {
    padding: 0.208vw;
    display: flex;
    border-radius: 5.208vw;
    /* box-shadow: 0 0 1.75rem rgba(0, 0, 0, 0.1); */
}

/* 
.pagination .page-link {
  margin: 0 0 0 0.62rem;
  font-size: 1rem;
  color: #222222;
  font-weight: 500;
  padding: 0;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  border-radius: 100px;
  border: none;
  display: block;
  font-weight: 600;
  font-family: 'Manrope';
}

.pagination .page-item.active .page-link {
  color: #ffffff;
  background: transparent;

}

.pagination .page-item {
  position: relative;
}

.pagination .page-item.active::before {
  content: '';
  background: #6fb2ce;
  position: absolute;
  top: 0;
  left: 0.375rem;
  width: 100%;
  height: 100%;
  transform: skewX(-22deg);

}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  text-indent: -999px;
  border-radius: 100px;
}

.pagination .page-item:first-child .page-link:before,
.pagination .page-item:last-child .page-link:before {
  content: '';
  position: absolute;
  top: 50%;
  height: 0.6rem;
  width: 0.6rem;
  margin-top: -0.3rem;
  border-left: 2px solid #222222;
  border-top: 2px solid #222222;
  -webkit-transition: all .20s ease;
  -moz-transition: all .20s ease;
  -ms-transition: all .20s ease;
  -o-transition: all .20s ease;
  transition: all .20s ease;
}

.pagination .page-item:first-child .page-link:before {
  right: 50%;
  margin-right: -0.4rem;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.pagination .page-item:last-child .page-link:before {
  left: 50%;
  margin-left: -0.4rem;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
} */

/* 分页二 */

.pagination {
    padding: 0.208vw;
    display: flex;
    border-radius: 5.208vw;
    /* box-shadow: 0 0 1.75rem rgba(0, 0, 0, 0.1); */
}

.pagination a,
.pagination span {

    margin: 0 0 0 0.521vw;
    font-size: 0.938vw;
    color: #111111;
    padding: 0;
    overflow: hidden;
    position: relative;
    background: #ffffff;
    width: 2.604vw;
    height: 2.604vw;
    line-height: 2.604vw;
    text-align: center;
    border-radius: 0px;
    border: none;
    display: block;
    border-radius: 50%;
    transition: all 400ms;
}

.pagination li.active span {
    color: #ffffff;
    background: #00248B;

}

.pagination li:hover a {
    color: #ffffff;
    background: #00248B;
}

.pagination li {
    position: relative;
}



.pagination li:first-child a,
.pagination li:first-child span,
.pagination li:last-child a,
.pagination li:last-child span {
    text-indent: -999px;
    background-color: #ffffff;

}

.pagination li:first-child a:before,
.pagination li:first-child span:before,
.pagination li:last-child a:before,
.pagination li:last-child span:before {
    content: '';
    position: absolute;
    top: 50%;
    height: 0.542vw;
    width: 0.542vw;
    margin-top: -0.25vw;
    border-left: 0.052vw solid #111111;
    border-top: 0.052vw solid #111111;
    -webkit-transition: all .20s ease;
    -moz-transition: all .20s ease;
    -ms-transition: all .20s ease;
    -o-transition: all .20s ease;
    transition: all .20s ease;
}

.pagination li:first-child a:hover,
.pagination li:first-child span:hover,
.pagination li:last-child a:hover,
.pagination li:last-child span:hover {

    background-color: #00248B;
}

.pagination li:first-child a:hover:before,
.pagination li:first-child span:hover:before,
.pagination li:last-child a:hover:before,
.pagination li:last-child span:hover:before {
    border-color: #fff;
}

.pagination li:first-child a:before,
.pagination li:first-child span:before {
    right: 50%;
    margin-right: -0.333vw;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pagination li:last-child a:before,
.pagination li:last-child span:before {
    left: 50%;
    margin-left: -0.333vw;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}





/*弹框*/
#teamModal .modal-dialog {
    max-width: 100%;
    margin: 0;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#teamModal {
    padding-right: 0 !important;
}

.webModal .modalClose {
    position: absolute;
  top: 1vw;
    right: 1vw;
    /*width: 2.917vw;*/
    /*height: 2.917vw;*/
    cursor: pointer;
    z-index: 10;
    /*background-color: #f0f7fa;*/
}

.webModal .modalClose img {
    display: block;
   width: 1.563vw;
    height: 1.563vw;
}

.webModal .modal-content {
    border: none;
    width: 37.25vw;
    /* height: 100%; */
    /*border-radius: 1.354vw;*/
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
     background-color: #111111;
         color: #fff;
    justify-content: center;
    overflow: hidden;
}

.webModal .modal-content .imgsm_box {
    display: flex;
    flex-wrap: wrap;
}

.webModal .modal-content .modalMain {
    /* margin: 0 auto; */
    /* width: 50%; */
    padding: 2.083vw
}





.webModal .close {
    cursor: pointer;
    position: relative;
    top: 0;
    right: 0;
    width: 2.396vw;
    height: 2.396vw;

    background-image: url(../images/close_w.svg);
    background-size: 1.25vw 1.25vw;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    background-color: #000000;
    border-radius: 100%;
    margin-top: 1.042vw;
    margin-right: 1.042vw;
}

.webModal .closebox {
    position: relative;
}

/* 
.webModal .closebox::before {
  position: absolute;
  content: '';
  width: 7.5rem;
  height: 7.5rem;
  background-color: #2f5eab;
  z-index: 0;
  transform: translate(50%, -50%);
  border-radius: 50%;
}
 */




.modal-backdrop {
    background: rgba(0, 0, 0, 0.75);
}



/*内页banner*/
#wBanner {
    height: 41.667vw;
    width: 100%;
}

#wBanner .box {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#wBanner .box .title {
    font-size: 3.125vw;
    color: #FFFFFF;
    line-height: 3.646vw;
    position: relative;
    padding-bottom: 1.042vw;
    margin-bottom: 1.042vw;
}

#wBanner .box .title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 4.74vw;
    height: 0.26vw;
    background-image: url(../images/linfff.svg);
    background-size: 100% 100%;
}

#wBanner .box .text {
    font-size: 0.938vw;
    color: #FFFFFF;
    line-height: 1.563vw;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 50%;
    border-left: 0.052vw solid rgba(255, 255, 255, 0.12);
    border-right: 0.052vw solid rgba(255, 255, 255, 0.12);
    padding-right: 2.604vw;
}

.breadcrumb {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.breadcrumb-item,
.breadcrumb-item a {
    font-size: 1.042vw;
    color: #333;
    line-height: 1.563vw;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.75rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    font-size: 1.042vw;
    color: #333;
    line-height: 1.563vw;
    content: ">";
    padding-right: 0.75rem;
}

/*关于我们*/

.title_border {
    position: relative;
    font-size: 2.344vw;
    color: #111111;
    padding-bottom: 1.094vw;
    margin-bottom: 1.302vw;
}

.title_border::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 4.74vw;
    height: 0.26vw;
    background-image: url(../images/linb.svg);
    background-size: 100% 100%;
}

.aboutusIntroduction {
    background-image: url(../images/bg.png);
    background-size: 30.729vw 23.281vw;
    background-repeat: no-repeat;
    background-position: 100% 2.083vw;
}

.aboutusIntroduction .box {
    display: flex;
    justify-content: space-between;
    margin-top: 3.125vw;
}

.aboutusIntroduction .box .box_sm {
    text-align: center;
    /*padding-left: 6.25vw;*/
    /*padding-right: 6.25vw;*/
    /*border-right: 1px solid rgba(0, 0, 0, 0.1);*/

}

.aboutusIntroduction .box .box_sm:first-child {
    /*padding-left: 1.042vw;*/
}

.aboutusIntroduction .box .box_sm:last-child {
    /*padding-right: 1.042vw;*/
    /*border-right: 0;*/
}

.aboutProductionCapacity {
    width: 100%;
    height: 52.083vw;
    background-color: #00248B;
    position: relative;
}

.hAtlas {
    width: 89.063vw;
    height: 40.052vw;
    background-image: url(../images/map.png);
    background-size: 100% 100%;

    margin-left: 6.354vw;
    position: relative;
}

.ulMap li .circle {
    width: 0.313vw;
    height: 0.313vw;
    background: #fff;
    border-radius: 50%;
    position: relative;
    z-index: 5;
    cursor: pointer;
}

.hAtlas .ulMap li.active .circle:before {
    position: absolute;
    top: -0.313vw;
    left: -0.313vw;
    bottom: -0.313vw;
    right: -0.313vw;
    background-color: transparent;
    border: 0.052vw solid #fff;
    content: '';
    border-radius: 50%;
    z-index: -2;
    -webkit-animation: pulse-ring 3s ease infinite;
    animation: pulse-ring 3s ease infinite;
}

@keyframes pulse-ring {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);

    }
}




.hAtlas .popFrame .box_t {
    display: flex;
    align-items: center;
    margin-bottom: 1.042vw;

}

.hAtlas .popFrame .box_t .img {
    width: 14.583vw;
    height: 7.813vw;
}

.hAtlas .popFrame .box_t .ft_25 {
    margin-left: 1.042vw;
    /*width: 35%;*/
    width: 40%;
}

.hAtlas .ulMap li {
    position: absolute;
}

.hAtlas .ulMap li .popFrame {
    /* display: none; */
    opacity: 0;
    visibility: hidden;
    width: 30.208vw;

    padding: 1.042vw;
    background-image: url(../images/bg1.png);
    background-size: 100% 100%;
    position: relative;

    left: calc(-100% - 7.136vw);
    z-index: 9;
    transition: all 400ms;

}

.hAtlas .ulMap li.active .popFrame {
    /* display: block; */
    opacity: 1;
    visibility: visible;
}

.hAtlas .ulMap li .popFrame .lin {
    position: absolute;
    width: 7.292vw;
    height: 7.292vw;

    top: 50%;
    right: 0vw;
}

.hAtlas .ulMap li .popFrame .lin::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #fff;
    right: -7.292vw;
}

.hAtlas .ulMap li .popFrame .lin::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #fff;
    right: -7.292vw;
}

.hAtlas .ulMap .li-1 {

    left: 45.5%;
    top: 22.5%;
}

.aboutProductionCapacity .hAtlas .ulMap li:nth-child(3) .popFrame .lin {
    top: 0%;

    transform: rotateX(180deg);
}

.aboutProductionCapacity .hAtlas .ulMap li:nth-child(3) .popFrame {
    top: 0 !important;
}

.hAtlas .ulMap .li-2 {

    left: 79.5%;
    top: 41.5%;
}

.hAtlas .ulMap .li-3 {
    left: 80%;
    top: 43.5%;
}

.hAtlas .ulMap .li-4 {
    left: 81.5%;
    top: 38.2%;
}

.hAtlas .ulMap .li-5 {
    left: 83%;
    top: 38.2%;
}

.hAtlas .ulMap .li-6 {
    left: 82.5%;
    top: 39.2%;
}

.hAtlas .ulMap .li-7 {
    left: 82%;
    top: 40.2%;
}

.hAtlas .ulMap .li-8 {
    left: 81%;
    top: 45%;
}

.hAtlas .ulMap .li-9 {
    left: 87.6%;
    top: 33.8%;
}



.aboutCourse {
    height: 62.5rem;
    width: 100%;
    background-image: url(../images/bg2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.aboutCourse .box_b {
    padding-left: 6.042vw;
    position: relative;
}

.title_borderf {
    color: #fff;
}

.title_borderf::before {

    background-image: url(../images/linfff.svg);
}

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

.aboutCoursejs .box_l {
    font-size: 4.167vw;
    opacity: 0.5;
    color: #ffffff;

}

.aboutCoursejs .box_r .ft_18 {
    width: 48%;
    margin-top: 1vw;
    position: relative;
    padding-left: 1em;

}

.aboutCoursejs .box_r .ft_18:first-child {
    margin-top: 0;
}

.aboutCoursejs .box_r .ft_18:nth-child(2) {
    margin-top: 0;
}


.aboutCoursejs .box_r .ft_18::before {
    position: absolute;
    content: '';
    width: 0.26vw;
    height: 0.26vw;
    background-color: #fff;
    border-radius: 100%;
    left: 0;
    top: 1em;
}

.aboutCoursejs .swiper-slide {
    padding-bottom: 1.042vw;
    padding-top: 1.042vw;
    border-top: 1px solid rgba(217, 217, 217, .5);
    height: auto;
    cursor: pointer;
}




.aboutCoursejs {
    height: 33.854vw;
    position: unset;
}

.aboutCoursejs .swiper-slide .box_r {
    /* display: none; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 70%;
    color: #fff;
    padding-top: 0.781vw;
    padding-bottom: 0.781vw;
    /*opacity: 0;*/
    /*visibility: hidden;*/
    transition: all 400ms;
}

.aboutCoursejs .swiper-slide.active .box_r {

    opacity: 1;
    visibility: visible;
}

.aboutCoursejs .swiper-slide.active {
    padding-top: 0;
    padding-bottom: 0;
}

.aboutCoursejs .swiper-slide .box_l {
    transition: all 400ms;
}

.aboutCoursejs .swiper-slide.active .box_l {

    font-size: 6.25vw;

}




.aboutCoursejs .swiper-button-prev,
.aboutCoursejs .swiper-button-next {

    width: 3.229vw;
    height: 3.229vw;
    background-color: #fff;
    border-radius: 100%;

    transition: all 400ms;
}

.aboutCoursejs .swiper-button-prev:hover,
.aboutCoursejs .swiper-button-next:hover {
    background-color: #00248B;
}



.aboutCoursejs .swiper-button-next {
    left: 0;
    top: calc(50% + 1.9vw);
    transform: translateY(-50%);
}

.aboutCoursejs .swiper-button-prev {
    left: 0;
    top: calc(50% - 1.9vw);
    transform: translateY(-50%);
}

.aboutCoursejs .swiper-button-prev::after {
    content: '';
    position: absolute;
    width: 1.042vw;
    height: 1.042vw;
    background-image: url(../images/jtl.svg);
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateZ(90deg);
    transition: all 400ms;
}

.aboutCoursejs .swiper-button-next::after {
    content: '';
    position: absolute;
    width: 1.042vw;
    height: 1.042vw;
    background-image: url(../images/jtr.svg);
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateZ(90deg);
    transition: all 400ms;
}

.aboutCoursejs .swiper-button-prev:hover::after {
    background-image: url(../images/jtl1.svg);
}

.aboutCoursejs .swiper-button-next:hover::after {
    background-image: url(../images/jtr1.svg);
}


.honorjs {
    padding-top: 3.125vw;
}

.honorjs .box {
    width: 100%;
    height: 100%;
    height: 20.833vw;
    background: #FFFFFF;
    border-radius: 0.521vw;
    border: 1px solid #D0D0D0;
    padding: 2.604vw 1.615vw 2.344vw 1.615vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    top: 0;
    transition: all 400ms;
}

.honorjs .box .img {
    height: 10.573vw;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.honorjs .box:hover {
    background-color: #00248B;
    background-image: url(../images/bg3.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: -1.563vw;

}

.honorjs .box .ft_25 {
    transition: all 400ms;
}

.honorjs .box:hover .ft_25 {
    color: #fff;
}


.my .swiper-button-prev,
.my .swiper-button-next {

    width: 2.604vw;
    height: 2.604vw;
    background-color: #fff;
    border-radius: 100%;

    transition: background-color 400ms;
    top: 60%;
}

.my .swiper-button-prev:hover,
.my .swiper-button-next:hover {
    background-color: #00248B;
}



.my .swiper-button-next {
    right: -4.167vw;
}

.my .swiper-button-prev {
    left: -4.167vw;
}

.my .swiper-button-prev::after {
    content: '';
    position: absolute;
    width: 1.042vw;
    height: 1.042vw;
    background-image: url(../images/jtl1.svg);
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 400ms;
}

.my .swiper-button-next::after {
    content: '';
    position: absolute;
    width: 1.042vw;
    height: 1.042vw;
    background-image: url(../images/jtr1.svg);
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 400ms;
}

.my .swiper-button-prev:hover::after {
    background-image: url(../images/jtl1.svg);
}

.my .swiper-button-next:hover::after {
    background-image: url(../images/jtr1.svg);
}

.honorjs {
    position: unset;
}

.aboutushonor {
    position: relative;
}

.honorjs .swiper-button-prev,
.honorjs .swiper-button-next {


    background-color: rgba(0, 0, 0, .1);

}



.aboutenterprise .box {
    height: 46.875vw;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.aboutusPatent {
    background-image: url(../images/bg5.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

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

.aboutusPatent .box_t .box_r {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D9D9D9;

}

.aboutusPatent .box_t .box_r div:first-child {
    padding-right: 1.042vw;
}

.aboutusPatent .box_t .box_r div:last-child {
    padding-left: 1.042vw;
}

.aboutusPatent .box_t .box_r div {
    padding-bottom: 0.885vw;
    position: relative;
    cursor: pointer;
}

.aboutusPatent .box_t .box_r div::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0%;
    height: 0.104vw;
    background-color: #00248B;
}

.aboutusPatent .box_t .box_r div.active {
    color: #00248B;
}

.aboutusPatent .box_t .box_r div.active::before {
    width: 100%;
}

.aboutusPatent .box_bb {
    position: relative;
}

.aboutusPatentjs .swiper-slide {
    width: 31.25vw;
}

.aboutusPatentjs .swiper-slide .box_img {
    width: 100%;
    height: 20.833vw;
    background-image: url(../images/bg6.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;

}

.aboutusPatentjs .swiper-slide .box_img .img {
    max-width: 53%;
    /*max-height: 80%;*/
}

.aboutusPatentjs {
    /*position: unset;*/
    /*width: 100%;*/
    overflow: visible;
}

.aboutusPatent {
    position: relative;
}

.aboutusPatent .my .swiper-button-next {
    /* right: 6.938vw; */
    top: 50%;

}

.aboutusPatent .my .swiper-button-prev {
    /* left: 6.938vw; */
    top: 50%;

}

.aboutusPatentjs .swiper-button-next,
.aboutusPatentjs .swiper-button-prev {
    background-color: #768598;
}

.aboutusPatentjs {
    display: none;
}

.aboutusPatentjs.active {
    display: block;
}

/* 产品 */
.hproductjs .swiper-button-next,
.hproductjs .swiper-button-prev {
    background-color: rgba(0, 0, 0, .1);
    /*bottom: 3.385vw;*/
    top: 45%;
}

.hproductjs .swiper-button-next::after {
    content: '';
    position: absolute;
    width: 1.042vw;
    height: 1.042vw;
    background-image: url(../images/jtr1.svg);
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 400ms;
}

/* 产品 */
.innerPage header {
    position: relative;

    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.product .swiper-button-next,
.product .swiper-button-prev {
    background-color: rgba(0, 0, 0, .1);
    top: auto;
    bottom: -0.1vw;
}

/*产品详情*/
#wBanner .box .title1 {
    color: #111111;
}

#wBanner .box .title1::after {
    background-image: url(../images/linb.svg);
}

.breadcrumb1 .breadcrumb-item,
.breadcrumb1 .breadcrumb-item a {

    color: #333333;

}

.breadcrumb1 .breadcrumb-item+.breadcrumb-item::before {
    color: #333333;

}




.productdjs .swiper-slide .box {
    padding: 3.646vw 2.083vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #F6F7F9;
    border-radius: 0.521vw;
    height: 31.563vw;
    transition: all 400ms;
}

.productdjs .swiper-slide .box .img {
    width: 20.833vw;
    height: 15.625vw;
    /*background-size: cover;*/
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.productdjs {
    position: unset;
}

.productdb {

    padding-top: 3.125vw;
}

.productd {
    position: relative;
}

.productdjs .swiper-button-prev,
.productdjs .swiper-button-next {

    background-color: rgba(0, 0, 0, .1);

    top: 13.177vw;
}

.formbox {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 1.771vw 0px rgba(0, 0, 0, 0.15);
    border-radius: 0.521vw;

    padding: 2.604vw 2.083vw;
    margin-top: 1.563vw;
}

.formbox .ft_30 {
    padding-bottom: 1.563vw;
    border-bottom: 2px solid #00248B;
}

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

.formbox .box .box_sm {
    display: flex;
    justify-content: space-between;
    width: 49%;
    padding-top: 1.042vw;
    padding-bottom: 0.521vw;
    border-bottom: 1px solid #D9D9D9;
}

.formbox .box .box_sm .ft_555 {
    width: 66%;
}

.formbox_s .formbox {
    display: none;
}

.formbox_s .formbox.active {
    display: block;
}

.productdjs .swiper-slide.active .box {
    background-color: #00248B;
    color: #fff;
}

.productdjs .swiper-slide .ft_555,
.productdjs .swiper-slide .ft_000 {
    transition: all 400ms;
}

.productdjs .swiper-slide.active .ft_000,
.productdjs .swiper-slide.active .ft_555 {
    color: #fff;
}

/*新闻*/
.news {
    background-color: #F1F1F1;
}

.news .box_t {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 2.604vw;
    padding-top: 2.604vw;
}



.selectBox {
    position: relative;
    width: 9.375vw;
    margin-left: 0.833vw;
}

.select {
    font-size: 1.042vw;
    color: #00248B;
    height: 2.604vw;
    background-color: #fff;
    padding: 0.625vw 1.042vw;
    border-radius: 0.26vw;
    overflow: hidden;
    padding-right: 2.083vw;
}

.selectBox::after {
    position: absolute;
    content: '';
    width: 1.042vw;
    height: 1.042vw;
    background-image: url(../images/jtdown1.png);
    background-size: 100% 100%;
    top: 50%;
    transform: translateY(-50%);
    right: 0.833vw;
}

.web_screen_ul {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    z-index: 10;
    background: #FFFFFF;
    box-shadow: 0px 0.208vw 0.208vw 0px rgba(0, 0, 0, 0.13);
    border-radius: 0px 0px 0.521vw 0.521vw;
    opacity: 0;

    visibility: hidden;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.selectBox:hover .web_screen_ul {
    opacity: 1;
    visibility: visible;
}

.web_screen_ul li {
    padding: 0.521vw 0.417vw 0 0.417vw;
}

.web_screen_ul li:last-child {
    padding-bottom: 0.521vw;
}

.web_screen_ul li a {
    display: block;
    height: 2.083vw;
    padding: 0 0.521vw;
    cursor: pointer;
    color: #111111;
    font-size: 1.042vw;
    line-height: 2.083vw;
    transition: all 400ms;
    border-radius: 0.26vw;
}

.web_screen_ul li a:hover,
.web_screen_ul li.active a {
    background-color: #0C519D;
    color: #fff;
}


.searchinput {
    width: 15.625vw;
    height: 2.604vw;
    background: #fff;
    border-radius: 0.26vw;
    position: relative;
    margin-left: 1.042vw;
}

.searchinput input {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    padding-left: 1.042vw;
    padding-right: 2.5vw;
    font-size: 1.042vw;
    color: #81888F;

}

.searchinput input::placeholder {
    color: #81888F;
}

.searchinput button {
    border: none;
    outline: none;
    position: absolute;
    background-color: transparent;
    right: 0.99vw;
    top: 50%;
    transform: translateY(-50%);
    width: 1.146vw;
    height: 1.146vw;
    background-image: url(../images/search.png);
    background-size: 100% 100%;
}


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

.news .box::after {

    content: '';
    flex-basis: 31%;
}

.news .box .box_sm {
    width: 31%;
    background-color: #fff;
    margin-bottom: 2.708vw;
}

.news .box .box_sm .img {
    width: 100%;
    height: 14.583vw;
    overflow: hidden;
}

.news .box .box_sm .img .bg_cover {
    width: 100%;
    height: 100%;
    transition: all 400ms;
}

.news .box .box_sm .text {
    padding: 2.552vw 2.083vw 2.448vw 2.083vw;
}

.news .box .box_sm:hover .img .bg_cover {
    transform: scale(1.1);
}

.news .box .box_sm .ft_28 {
    transition: all 400ms;
        min-height: 5.104vw;
}

.news .box .box_sm:hover .ft_28 {
    color: #00248B;
}

/*新闻详情页*/
.newsdbonner {
    padding-top: 1.823vw;
    padding-bottom: 3.385vw;
}

.newsdbonner .breadcrumb-item a {

    color: rgba(85, 85, 85, .5);

}

.newsdbonner .breadcrumb-item+.breadcrumb-item::before {

    color: rgba(85, 85, 85, .5);

}

.newsdbonner .breadcrumb-item {

    color: #00248B;

}

.newsdbox {
    width: 67%;
    margin: 0 auto;

}


.newsdfoot {
    margin-top: 2.083vw;
    padding-top: 2.083vw;
    border-top: 0.052vw solid #ebebeb;
    display: flex;
    justify-content: space-between;
}

.newsdfoot a .ft_22 {
    transition: all 400ms;
    line-height: 2.125rem;
    /* margin-top: 0.3125rem; */
    transition: all 400ms;
}

.newsdfoot a:hover .ft_22 {
    /* color: #e73c1a; */
    color: #00248B;
}

.newsdfoot .box_l {
    width: 40%;
}

.newsdfoot .textBeyondHidden2 {
    height: 4.5rem;
}

.newsdfoot .box_l .next {
    font-size: 0.833vw;

    color: rgba(17, 17, 17, .6);
    position: relative;
}


.newsdfoot .box_r {
    width: 40%;
}

.newsdfoot .textBeyondHidden2 {
    height: 3.646vw;
}

.newsdfoot .box_r .next {
    font-size: 0.833vw;
    color: rgba(17, 17, 17, .6);

    position: relative;
    text-align: end;
}



.newsdfoot .box_c {
    width: 10%;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    position: relative;
}

.newsdfoot .box_c::before {
    position: absolute;
    content: '';
    width: 1.094vw;
    height: 1.094vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../images/icon_det_ic.svg);
    background-size: 100% 100%;
}

/*联系我们*/

.contactaus .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2.604vw;
}

.contactaus .box .box_sm {
    width: 49%;
    margin-bottom: 2.083vw;
}

.contactaus .box .box_sm:last-child {
    width: 100%;
}

.contactaus .box .box_sm input {
    width: 100%;
    height: 3.125vw;
    border: 0;
    outline: none;
    background-color: #F7F7F7;
    padding: 1.042vw;
    border-radius: 0.26vw;
    font-size: 1.042vw;
}

.contactaus .box .box_sm textarea {
    width: 100%;
    min-height: 15.625vw;
    border: 0;
    outline: none;
    background-color: #F7F7F7;
    padding: 1.042vw;
    border-radius: 0.26vw;
    resize: none;
    font-size: 1.042vw;
}

.contactaus .box .box_sm textarea::placeholder {
    color: rgba(17, 17, 17, .4);
    border-radius: 0.26vw;
}

.contactausmap {
    padding-top: 10.313vw;
    padding-bottom: 1.719vw;
    background-color: #00248B;
}

/* .contactausmap .ulMap li .circle{
  cursor: revert;
} */
.contactausmap .hAtlas .ulMap li .popFrame {
    width: 23.438vw;
}

.contactausmap .hAtlas .popFrame .box_t .img {
    width: 100%;
    height: 10.417vw;
}

.contactausmapbox {
    padding-top: 0.938vw;
    margin-top: 0.781vw;
    border-top: 1px solid rgba(17, 17, 17, .1);
}

.contactausmap {
    position: relative;
}

.contactausmapjsbox {
    position: absolute;
    width: 58.854vw;
    bottom: 4.688vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.contactausmapjs .swiper-slide {
    width: 100%;
    height: 2.188vw;
    background-color: rgba(255, 255, 255, 0.50);
    border-radius: 5.208vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.833vw;
    color: #111111;
    line-height: 1.563vw;
    cursor: pointer;
    transition: all 400ms;
}

.contactausmapjs .swiper-slide.active {
    background-color: #fff;
}

.contactausmapjs {
    position: unset;
}

.contactausmapjs .swiper-button-prev,
.contactausmapjs .swiper-button-next {

    background-color: rgba(255, 255, 255, 0.50);
    top: auto;
    bottom: -0.1vw;
}

.contactausmapjs .swiper-button-prev:hover,
.contactausmapjs .swiper-button-next:hover {
    background-color: #fff;
}

.contactausmapjs.my .swiper-button-next::after {

    background-image: url(../images/jtr2.svg);

}

.contactausmapjs.my .swiper-button-next:hover:after {

    background-image: url(../images/jtr2.svg);

}

.contactausmapjs.my .swiper-button-prev::after {

    background-image: url(../images/jtl2.svg);

}


.contactausmapjs.my .swiper-button-prev:hover:after {

    background-image: url(../images/jtl2.svg);

}

/* 关于我们测导航锚点 */
.aboutbox {
    position: relative;
        width: 100%;
    overflow: hidden;
}

.aboutboxnav {
    position: absolute;
    left: 2.083vw;
    top: 0;
    height: 100%;
}

.aboutboxnav .aboutboxnavbox {
    /* border-left: 0.052vw solid #D9D9D9; */
    font-size: 0.833vw;
    line-height: 2.031vw;
    position: sticky;
    top: 9.375rem;
    z-index: 9999;
}

.aboutboxnav .aboutboxnavbox::before {
    position: absolute;
    content: '';
    width: 1px;
    height: calc(100% - 1.302vw);
    background-color: #D9D9D9;
    top: 0.625vw;
}

.aboutboxnav .aboutboxnavbox div {
    padding-left: 1.042vw;
    position: relative;
    color: rgb(17, 17, 17);
    opacity: 0.6;
    transition: all 400ms;
}

.aboutboxnav .aboutboxnavbox.active div {
    color: #fff;
}

.aboutboxnav .aboutboxnavbox div.active {
    color: #111111;
    opacity: 1;
}

.aboutboxnav .aboutboxnavbox.active div.active {
    color: #fff;
}

.aboutboxnav .aboutboxnavbox div::before {
    position: absolute;
    content: '';
    width: 1px;
    left: 0;
    top: 0.625vw;
    height: calc(100% - 0.625vw);
    background-color: transparent;
    transition: all 400ms;
}

.aboutboxnav .aboutboxnavbox div.active::before {
    /* height: 100%; */
    background-color: #00248B;
}

/* 搜索页 */
.searchPage .box_t {
    padding-bottom: 1.563vw;
    border-bottom: 0.104vw solid #000000;
}

.searchPage .bxx_c .box_s {
    display: block;
    padding-bottom: 2.604vw;
    padding-top: 2.604vw;
    border-bottom: 0.052vw solid rgba(0, 0, 0, 0.15)
}

.fshare_modelBox .eco {
    width: auto;
    padding: 0.5vw 1vw;
}

/*联系我们*/
.joinUsAccordion {
    margin-top: 4.688vw;
}

.joinUsAccordionHead {
    display: flex;
    align-items: center;
    font-size: 1.302vw;
    padding: 1.563vw 4.38rem 1.563vw 0;
    cursor: pointer;
    position: relative;
    justify-content: space-between;


}

.joinUsAccordionHead .icon {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.458vw;
    height: 1.458vw;
    margin-top: -0.99vw;
    border-radius: 100%;

}

.joinUsAccordionHead .icon:after,
.joinUsAccordionHead .icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #00248B;
    transform: translate(-50%, -50%);
    transition: all 400ms;
}

.joinUsAccordionHead .icon:after {
    width: 1.458vw;
    height: 0.052vw;
}

.joinUsAccordionHead .icon:before {
    width: 0.052vw;
    height: 1.458vw;
}




.joinUsAccordion_items._open .joinUsAccordionHead .icon:after {
    background-color: #00248B;
}

.joinUsAccordion_items._open .joinUsAccordionHead .icon:before {
    opacity: 0;
}

.joinUsAccordion_items._open .joinUsAccordionCon {
 
grid-template-rows: 1fr;

}

.joinUsAccordionCon {
   
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s ease;
    overflow: hidden;


}

.joinUsAccordionCon .joinUsAccordionConBg {
 min-height: 0;

}
.joinUsAccordionCon .joinUsAccordionConBg .box_s{
        padding: 2.6vw 2.083vw;
    background: #F6F7F9;
    border-radius: 0.521vw;
}



.joinUsAccordionCon .titlex {
    position: relative;
      font-size: 1.042vw;

}

.joinUsAccordionCon .titlex::before {
    position: absolute;
    content: '';
    width: 0.208vw;
    height: 0.885vw;
    background: #00248B;
    top: 50%;
    transform: translateY(-50%);
    left: -0.521vw;

}

.joinUsAccordion .joinUsAccordion_items:last-child {
    border-bottom: 1px solid #DDE0E8;
}

.joinUsAccordion .joinUsAccordion_items._open {
    border-top: 0.104vw solid #00248B;
}

.joinUsAccordion .joinUsAccordion_items {
    border-top: 1px solid #DDE0E8;
}

.joinUsAccordionCon .ft_20 p {
    margin-bottom: 0.677vw;
}

.joinUsAccordionCon .ft_20 p:last-child {
    margin-bottom: 0;
}
.joinUsAccordionHead .title{
    width: 80%;
}
/* 修改 */
.nesdp{
     min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}


 #cookieConsent {
  position: fixed;
  bottom: 2%;
  left: 2%;
  width: 25vw;
  border-radius: 0.521vw;
  background-color: #00248B;
  padding: 1vw;

  box-shadow: 0 -0.104vw 0.26vw rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 999;
}

#cookieConsent button {
  margin-left: 0.521vw;
}

#cookieConsent {
  color: #FFFFFF;
}

.buttoncokie {
  display: flex;
  margin-top: 0.521vw;

}

.buttoncokie .box {
  padding: 0.573vw 0.781vw;
  background-color: #A8A6A1;
  border-radius: 0.26vw;
  margin-right: 1.042vw;
  cursor: pointer;
}

.cookiebox{
    padding-top: 1.042vw;
    padding-bottom: 1.042vw;
    border-bottom: 1px solid #DDE0E8;
}

.cookiebox .box_s{
    display: flex;
    align-items: center;
justify-content: space-between;
}
.cookiebox_b .cookiebox:last-child{
    border-bottom: 0;
}


/* 开关容器 */
.switch {
  position: relative;
  display: inline-block;
     width: 2vw;
    height: 1vw;
}

/* 隐藏默认复选框 */
.switch input {
  display: none;
}

/* 滑块背景 */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f2f2f2;
  transition: .4s;
  border-radius: 1.875vw;

}

/* 滑块圆形把手 */
.slider:before {
  position: absolute;
  content: "";
height: 0.9vw;
    width: 0.9vw;
    left: 0.05vw;
    top: 0.05vw;
  background-color: white;
  transition: .4s;
  border-radius: 50%;

}

/* 文字样式 */
.slider:after {
content: 'Off';
    position: absolute;
    left: -1.563vw;
    /* top: 8px; */
    color: #fff;
    font-size: 0.729vw;
    transition: .4s;
}

/* 开启状态背景 */
input:checked + .slider {
  background-color: #a8a6a1;

}

/* 开启状态文字 */
input:checked + .slider:after {
  content: 'On';
   position: absolute;
    left: -2.563vw;
    /* top: 8px; */
    color: #fff;
    font-size: 0.729vw;
    transition: .4s;
}

/* 开启状态滑块位置 */
input:checked + .slider:before {
    transform: translateX(1vw);
}

.bc{
    padding: 0.573vw 0.781vw;
    background-color: #A8A6A1;
    border-radius: 0.26vw;

    cursor: pointer;
}



.hNewsjs .swiper-slide .box ,.news .box .box_sm .text{
    position: relative;
}
  .hNewsjs .swiper-slide .box:hover::after ,.news .box .box_sm .text:hover::after{
     content: attr(data-full-text);
    position: absolute;
    background-color: #111;
    /* border: 1px solid #ccc; */
    padding: 0.6vw;
    z-index: 10;
    /* left: 0; */
    font-size: 0.833vw;
    color: #fff;
       top: 7vw;
    border-radius: 0.521vw;
    width: 80%;
}

#dd{
    display: none;
    cursor: pointer;
}