body {
width: 100%;
max-width: 1920px;
margin: 0 auto;
overflow-x: hidden;
}

.w1760 {
width: 100%;
max-width: 1760px;
margin: 0 auto;
position: relative;
}

.w1600 {
width: 100%;
max-width: 1600px;
margin: 0 auto;
position: relative;
}

.w1400 {
width: 100%;
max-width: 1400px;
margin: 0 auto;
}

.w1200 {
width: 100%;
max-width: 1200px;
margin: 0 auto;
position: relative;
}

td,
th {
word-wrap: break-word;
word-break: break-all;
}

.swiper-wrapper,
.swiper-slide {
height: auto !important;
}

.swiper-pagination-progress {
background-color: rgba(51, 51, 51, 0.2);
}

.swiper-pagination-progress .swiper-pagination-progressbar {
background-color: #003686;
}

.swiper-container-horizontal > .swiper-scrollbar {
height: 2px;
bottom: 0px;
left: 0px;
background-color: rgba(51, 51, 51, 0.2);
}

.swiper-scrollbar {
opacity: 1 !important;
}

.swiper-scrollbar-drag {
background-color: #003686;
}

.swiper-pagination-bullet {
background-color: rgba(51, 51, 51, 0.2);
opacity: 1;
}

.swiper-scrollbar {
opacity: 1 !important;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 0px;
}

.swiper-button-next,
.swiper-button-prev {
background: url(../images/in-prev.png) no-repeat center center;
}

.swiper-button-prev {
left: 0px;
}

.swiper-button-next {
right: 0px;
background: url(../images/in-next.png)no-repeat center center;
}

.swiper-button-prev:hover {
background: url(../images/in-hprev.png) no-repeat center center;
}

.swiper-button-next:hover {
background: url(../images/in-hnext.png) no-repeat center center;
}

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

.banner .swiper-button-prev {
left: 3.7%;
}

.banner .swiper-button-next {
right: 3.7%;
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
display: none;
}

.videobox::before {
content: "";
position: absolute;
width: 74px;
height: 74px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 2;
background: url(../images/iin-bficon.png) no-repeat center center;
border-radius: 50%;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.videobox:hover::before {
width: 65px;
height: 65px;
}

.popvideo iframe {
width: 100%;
}

.popvideo video {
width: 100%;
object-fit: fill;
}

.popvideobg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
z-index: 999;
background: rgba(0, 0, 0, 0.7);
display: none;
}

.popvideobox {
position: absolute;
top: 50%;
width: 100%;
/* height: 600px; */
left: 50%;
transform: translate(-50%, -50%);
}

.popvideo {
max-width: 1100px;
margin: 0px auto;
padding: 0px 20px;
position: relative;
}

.close-video-btn {
display: block;
width: 30px;
height: 30px;
position: absolute;
top: 4%;
right: 3.5%;
cursor: pointer;
z-index: 9;
}

.close-video-btn::after {
content: '';
position: absolute;
top: 10px;
width: 30px;
height: 2px;
background-color: #004098;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.close-video-btn::before {
content: '';
position: absolute;
top: 10px;
width: 30px;
height: 2px;
background-color: #004098;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.videobox-font {
width: 240px;
padding: 16px 6px;
border: solid 1px rgba(255, 255, 255, 0.3);
font-size: 18px;
color: #ffffff;
background: url(../images/ab-bgm9.jpg) no-repeat center center;
background-size: cover;
margin: 0 auto;
margin-top: 25px;
}

.videobox-font span,
.videobox-font em {
display: inline-block;
vertical-align: middle;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.videobox-font span {
margin-right: 30px;
}

.videobox-font:hover span {
margin-right: 15px;
}

.headfixed.top {
/* top: -100px; */
}

.btn-phone {
width: 26px;
display: none;
}

.headfixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
background-color: #ffffff;
/* box-shadow: 0 1px 4px 1px #f1f1f1; */
transition: all 0.5s;
}

.headfixed1 {
border-bottom: 1px solid rgba(34,34,34, 0.07);
}

.headfixed.headerbgm {
background: rgba(255, 255, 255, 1);
box-shadow: 0 3px 14px 0 rgb(226, 226, 226, 0.5);
}

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

.headfixed .logo {
width: 250px;
position: relative;
}

.headfixed .logo img {
margin: 0px;
}

.headfixed .menu-list {
width: calc(100% - 250px);
align-items: center;
border-left: 1px solid rgba(51, 51, 51, 0.07);
}

.headfixed .menu-list > ul {
width: calc(100% - 200px);
padding-left: 5%;
padding-right: 30%;
}

.headfixed .mobile-nav-box > ul > li > a {
font-size: 14px;
text-align: center;
letter-spacing: 2px;
color: #282828;
}

.headfixed .mobile-nav-box ul li {
width: 100%;
padding: 12px 0px;
border-bottom: 1px solid rgb(221, 221, 221);
}

.headfixed .mobile-nav-box > ul li a {
color: #716b61;
line-height: 30px;
text-align: left;
}

.headfixed .mobile-nav-box > ul > li > h3.cur > i::before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.headfixed .btn-list {
width: 200px;
}

.headfixed .btn-list .btn-right {
width: 100%;
align-items: center;
text-align: center;
}

.headfixed .btn-menu {
margin: 0 auto;
display: none;
}

.headfixed .btn-menu .mobile-nav {
color: #ffffff;
font-size: 13px;
display: block;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
}

input::-webkit-input-placeholder {
font-size: 12px;
}

.headfixed .toggle-btn {
width: 100%;
height: 30px;
position: relative;
display: block;
}

.headfixed .toggle-btn span {
width: 26px;
height: 2px;
background: #222222;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}

.headfixed .toggle-btn span:first-child {
top: 8px;
}

.headfixed .toggle-btn span:nth-child(2) {
top: 50%;
width: 20px;
}

.headfixed .toggle-btn span:last-child {
bottom: 6px;
}

.headfixed .toggle-btn.cur span:first-child {
-webkit-transform: translate(-50%, 7px) rotate(45deg);
-ms-transform: translate(-50%, 7px) rotate(45deg);
-o-transform: translate(-50%, 7px) rotate(45deg);
transform: translate(-50%, 7px) rotate(45deg);
}

.headfixed .toggle-btn.cur span:nth-child(2) {
opacity: 0;
}

.headfixed .toggle-btn.cur span:last-child {
-webkit-transform: translate(-50%, -3px) rotate(-45deg);
-ms-transform: translate(-50%, -3px) rotate(-45deg);
-o-transform: translate(-50%, -3px) rotate(-45deg);
transform: translate(-50%, -3px) rotate(-45deg);
bottom: 10px;
}

.mobile-nav-box {
position: fixed;
top: 70px;
z-index: 99;
left: 0;
width: 100%;
height: 100%;
overflow-y: auto;
background: rgba(255, 255, 255, 1);
padding: 0 0 60px 0;
border-top: 1px solid rgb(221, 221, 221);
display: none;
}

.headfixed .mobile-nav-box > ul > li > h3 {
position: relative;
padding: 0 2.5%;
}

.headfixed .mobile-nav-box .head-subnav {
width: 100%;
display: none;
padding: 20px 3.5%;
background: #f5f5f5;
}

.headfixed .mobile-nav-box .head-subnav .link-tit {
text-align: left;
position: relative;
}

.headfixed .mobile-nav-box .head-subnav .link-tit a {
width: 100%;
line-height: 45px;
text-align: left;
font-size: 16px;
color: #222222;
display: inline-block;
}

.headfixed .mobile-nav-box > ul > li > h3 > a {
font-size: 18px;
text-align: center;
letter-spacing: 2px;
padding: 5px 0;
color: #222222;
display: block;
text-align: left;
}

.headfixed .mobile-nav-box .head-suba {
display: none;
}

.headfixed .mobile-nav-box .head-suba > a,
.headfixed .mobile-nav-box .head-subnav > a {
font-size: 16px;
display: block;
text-align: center;
letter-spacing: 2px;
color: #333;
text-align: left;
padding: 0 15px;
padding-left: 15px;
}

.headfixed .mobile-nav-box > ul > li > h3 > i,
.headfixed .mobile-nav-box .link-tit > i {
position: absolute;
top: 15px;
right: 2.5%;
height: 100%;
width: 150px;
display: block;
}

.headfixed .mobile-nav-box .link-tit > i {
right: -10px;
}

.headfixed .mobile-nav-box > ul > li > h3 > i::before,
.headfixed .mobile-nav-box .link-tit > i::before {
content: "";
position: absolute;
top: 10px;
right: 0px;
width: 10px;
height: 10px;
border-bottom: solid 1px #222222;
border-left: solid 1px #222222;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.headfixed .head-subnav .head-subli {
padding-right: 5%;
}

.headfixed .head-subnav .head-subli:nth-child(3) {
padding-left: 0.8%;
}

.headfixed .head-subnav .head-subli:nth-child(4) {
padding-left: 10.3%;
}

.language {
width: 85px;
position: relative;
text-align: center;
align-items: center;
}

.language-text {
font-size: 18px;
color: #111111;
font-family: "HarmonyOS_Sans_SC_Light";
text-align: center;
cursor: pointer;
}

.language-text img {
animation: rotaterotate 5s infinite linear;
}

@keyframes rotaterotate {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}

@keyframes rotaterotate1 {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(-360deg);
}
}

.language-text span {
display: inline-block;
margin: 0 4px;
}

.language-text .icon-down {
display: inline-block;
vertical-align: -1px;
font-size: 16px;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}

.language-list {
position: absolute;
width: 100%;
top: 100%;
right: 0;
z-index: 10;
visibility: hidden;
opacity: 0;
background: #ffffff;
-webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}

.language-list a {
display: block;
padding: 10px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-size: 18px;
}

.language-list a:hover {
color: #004098;
}

.language:hover .language-text .icon-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

.language:hover .language-list {
opacity: 1;
visibility: visible;
}

.app-lanu {
text-align: center;
padding: 20px 0;
display: none;
}

.app-lanu a {
display: inline-block;
padding: 2px 20px;
line-height: 24px;
color: #333;
}

.app-lanu a.active {
color: white;
background: #004098;
border-radius: 30px;
}

.btn-search {
width: 20px;
}

.header-button,
.headfixed .header-button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0;
outline: none;
background: url(../images/in-ssicon.png) no-repeat center center;
border: none;
cursor: pointer;
}

.headfixed.headerbgm .menu-list h3 a {
line-height: 80px;
}

.headfixed.headerbgm .btn-line {
height: 80px;
}

#toggle-search.open:after {
top: 40px;
color: #ffffff;
}

#search-form {
-moz-transition: max-height, 0.5s;
-o-transition: max-height, 0.5s;
-webkit-transition: max-height, 0.5s;
transition: max-height, 0.5s;
position: absolute;
top: 98%;
right: 0%;
width: 400px;
max-height: 0;
overflow: hidden;
background: #ffffff;
}

#search-form.open {
max-height: 50px;
border: 1px solid #f1f1f1;
}

#search-form fieldset {
position: relative;
margin: 0 60px 0 0;
padding: 0;
border: none;
z-index: 9;
width: 85%;
}

#search-form input {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: 50px;
}

#search-form .search {
width: 100%;
padding: 0 5px 0 22px;
background: #ffffff;
border: none;
color: #003686;
font-size: 16px;
z-index: 9;
}

#search-form .header-btn {
position: absolute;
bottom: 0;
right: 0;
width: 15%;
margin: 0;
padding: 0;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
background: url(../images/in-hssicon.png) no-repeat center #004098;
border: none;
cursor: pointer;
z-index: 11;
}

.btn-line {
width: 1px;
height: 100px;
margin: 0 18%;
background: rgba(51, 51, 51, 0.07);
position: relative;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.btn-line::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 16px;
background-color: #999999;
}
/* nav */
.menu-list h3 {
padding: 0 10px;
position: relative;
}

.menu-list h3 .icon-down {
color: #0787d8;
font-family: "Arial-BoldMT";
font-size: 14px;
position: absolute;
top: 53%;
right: -20px;
transform: translateY(-53%);
opacity: 0;
}

.menu-list > ul > li:hover h3 .icon-down,
.headfixed.headerbgm .menu-list > ul > li:hover h3 .icon-down {
opacity: 1;
}

.headfixed .menu-list > ul > li.cur h3 a,
.headfixed .menu-list > ul > li:hover h3 a {
color: #00339c;
}

.menu-list h3::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0px;
margin: auto;
height: 3px;
width: 0;
background-color: #00339c;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
}

.menu-list > ul > li.cur h3::after,
.menu-list > ul > li:hover h3::after {
width: 75%;
}

.menu-list h3 a {
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
color: #111111;
font-size: 18px;
display: block;
line-height: 100px;
/* padding: 42px 0; */
}

.menu-list > ul > li .head-subnav {
position: absolute;
width: 100%;
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, 10px);
-ms-transform: translate(-50%, 10px);
-o-transform: translate(-50%, 10px);
transform: translate(-50%, 10px);
width: 100%;
overflow: hidden;
text-align: center;
background: rgba(255, 255, 255, 1);
box-shadow: 0 3px 14px 0 rgb(226, 226, 226, 0.5);
border-top: 1px solid rgba(85, 85, 85, 0.1);
pointer-events: none;
opacity: 0;
}

.menu-list > ul > li:hover .head-subnav {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
pointer-events: auto;
opacity: 1
}

.menu-list > ul > li .head-subnav1 {
min-width: 100%;
text-align: left;
padding: 60px 0;
}

.headfixed .menu-list > ul > li {
vertical-align: top;
}

.menu-list .head-subnav a:hover {
color: #004098;
}

.menu-list h3 a::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: 2px;
width: 0;
background-color: #333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: none;
}

.menu-list > ul > li.cur h3 a::after,
.menu-list > ul > li:hover h3 a::after {
/* width: 130%; */
width: 55px;
}

.headfixed .head-subBox-left {
width: 27%;
position: relative;
padding-right: 0px;
padding-bottom: 4%;
background: rgba(245, 246, 249, 0.98);
}

.headfixed .head-subBox-ul a {
text-align: left;
position: relative;
font-size: 18px;
color: #333;
padding: 8% 0;
}

.headfixed .head-subBox-right {
width: 73%;
padding: 3% 8%;
padding-left: 0px;
position: relative;
}

.headfixed .head-subBox-ul li {
padding-left: 29.5%;
padding-right: 15%;
background-color: transparent;
}

.headfixed .head-subBox-ul li.active,
.headfixed .head-subBox-ul li:hover {
background-color: rgba(255, 255, 255, 0.7);
}

.headfixed .head-subBox-ul li:hover a {
color: #333333;
}

.headfixed .head-subBox-ul li.active a,
.menu-list .head-subnav a.more:hover,
.headfixed .head-subBox-ul li:hover a {
color: #043988;
}

.headfixed .head-subBox-ul li.active a em,
.headfixed .head-subBox-ul li:hover a em {
opacity: 1;
}

.headfixed .head-subBox-rtfont {
width: 61%;
padding-left: 6.3%;
padding-right: 14%;
text-align: left;
}

.headfixed .head-subBox-rtBimg {
width: 39%;
position: relative;
}

.headfixed .head-subBox-tabLeft {
width: 31.25%;
padding: 0 5%;
position: relative;
border-right: 1px solid #F3F3F3;
height: 275px;
overflow-x: hidden;
overflow-y: auto;
}

.headfixed .head-subBox-rttab {
position: relative;
padding: 15px 30px;
padding-right: 0px;
}

.headfixed .head-subBox-rttab::before {
content: "";
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 8px;
background-color: #d1d1d1;
border-radius: 50%;
}

.headfixed .head-subBox-rttab {
font-size: 16px;
color: #666;
text-align: left;
}

.headfixed .head-subBox-rttab span {
width: calc(100% - 20px);
position: relative;
}

.headfixed .head-subBox-rttab em {
width: 20px;
font-size: 20px;
color: rgba(153, 153, 153, 0.5);
display: block;
transform: rotate(-45deg);
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.headfixed .head-subBox-tabRight {
width: 68.75%;
}

.headfixed .head-subBox-tabsBox {
width: 55%;
position: relative;
padding: 0 7%;
flex-wrap: wrap;
}

.headfixed .head-subBox-rtstab {
width: 50%;
font-size: 16px;
color: #777777;
position: relative;
text-align: left;
margin-bottom: 25px;
align-items: flex-start;
}

.headfixed .head-subBox-rtstab em {
display: inline-block;
margin-top: 3px;
font-size: 12px;
}

.headfixed .head-subBox-rtstab span {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
border-bottom: 1px solid transparent;
}

.headfixed .head-subBox-tabct {
align-items: flex-start;
}

.headfixed .head-subBox-tabImgBox {
width: 45%;
position: relative;
border-left: 1px solid #F3F3F3;
padding-left: 5%;
}

.headfixed .head-subBox-tabimg {
width: 100%;
height: 245px;
background-color: #f2f3f5;
position: relative;
}

.headfixed .head-subBox-tabimg img {
padding: 25px;
}

.headfixed .head-subBox-tabtit {
font-size: 20px;
color: #333333;
position: relative;
line-height: 1.1;
text-align: left;
padding: 0px 15px;
margin: 20px auto;
border-left: 3px solid #003686;
}

.headfixed .head-subBox-rttab.active::before,
.headfixed .head-subBox-rtstab:hover:before {
background: #003686;
}

.headfixed .head-subBox-rttab.active,
.headfixed .head-subBox-rtstab.active,
.headfixed .head-subBox-rtstab:hover {
color: #003686 !important;
}

.headfixed .head-subBox-rttab.active em {
transform: rotate(0deg);
color: #003686;
}

.headfixed .head-subBox-Bli,
.headfixed .head-subBox-tabLi,
.headfixed .head-subBox-tabImgLi,
.head-subBox-rtfont .drop-tit::after {
display: none;
}

.headfixed .head-subBox-Bli.active,
.headfixed .head-subBox-tabLi.active,
.headfixed .head-subBox-tabImgLi.active {
display: block;
}

.head-subBox-rtfont .drop-tit {
font-size: 40rem;
line-height: 1.2;
color: #333333;
position: relative;
padding: 0px;
padding-bottom: 20px;
margin-bottom: 15px;
}

.head-subBox-rtfont .drop-tit::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 50px;
height: 2px;
background-color: #003686;
}

.head-subBox-rtfont .drop-dec {
font-size: 16px;
line-height: 1.875;
color: #666666;
margin-bottom: 75px;
}

.headfixed .head-subBox-rtfont .more {
text-align: left;
margin: 0px;
}

.headfixed .head-subBox-rtfont .more em {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
/* banner */
.mainer {
margin-top: 100px;
}

.mainer .banner .banner-img,
.product1 .product1_tpct,
.contact2 .contact2_ul li button span,
.contact2 .contact2_ul li button em,
.about3 .about3_tswiper,
.about3 .about3_bswiper {
position: relative;
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
bottom: 35px;
}

.mainer .banner .banner-img img {
width: 100%;
margin: 0 auto;
}

.mainer .banner .banner-img::before, .pub-banner::before,
.mainer .banner::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 3;
animation: bg 1.3s 0.2s both;
}

.banner .pub-pbanner img,
.banner .pub-mbanner img {
width: 100%;
margin: 0 auto;
animation: bgPosition 1.3s 0.2s both;
}

@keyframes bg {
0% {
width: 100%;
}

100% {
width: 0;
}
}

@keyframes bgPosition {
0% {
transform: translateX(25%);
/* background-position:-250% 50% */
}

100% {
transform: translateX(0);
}
}

.banner .swiper-fontlist {
width: 100%;
z-index: 3;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}

.banner .pub-mbanner {
display: none;
}

.banner .pub-banner-font .tit_en {
animation: fadeInDown 1.2s 0.8s both;
}

.banner .pub-banner-font .tit {
animation: fadeInDown 1.4s 1.0s both;
}

.banner .swiper-font {
text-align: left;
position: relative;
z-index: 2;
}

.banner .swiper-font .swiper-h2 {
margin-bottom: 15px;
margin-top: 20px;
position: relative
}

.banner .swiper-font .swiper-h2 h2 {
font-size: 60rem;
font-weight: bold;
color: #ffffff;
line-height: 1.267;
}

.banner .swiper-font .swiper-h3 h3 {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 20px;
color: #ffffff;
}

.banner .swiper-font .swiper-en {
font-size: 20px;
font-weight: bold;
color: #ffffff;
}

.mainer .banner .swiper-slide-active .swiper-en {
-webkit-animation: fadeInUp 3s;
animation: fadeInUp 3s;
}

.mainer .banner .swiper-slide-active .swiper-h2 {
-webkit-animation: fadeInDown 2s;
animation: fadeInDown 2s;
}

.mainer .banner .swiper-slide-active .swiper-h3 {
-webkit-animation: fadeInUp 2s;
animation: fadeInUp 2s;
}

.mainer .banner .swiper-slide-active .more {
-webkit-animation: fadeInUp 5s;
animation: fadeInUp 5s;
}

.more {
font-family: "HarmonyOS_Sans_SC_Light";
width: 145px;
padding: 11px 15px;
padding-right: 10px;
font-size: 16px;
color: #ffffff;
background-color: #004098;
position: relative;
overflow: hidden;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.more1 {
display: block;
text-align: center;
background-color: #01349D;
margin: 0 auto;
}

.more2 {
display: block;
text-align: center;
background-color: #ffffff;
margin: 0 auto;
color: #003686;
}

.more::before,
.proinfo1_more1::before,
.contact2 .contact2_ul li button.sub::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 0%;
height: 100%;
background: #01349D;
-webkit-transition: 1.0s;
-ms-transition: 1.0s;
-moz-transition: 1.0s;
-o-transition: 1.0s;
transition: 1.0s;
}

.more1::before {
background: #ffffff;
}

.more1:hover {
color: #003686;
}

.more2:hover {
color: #ffffff;
}

.more:hover::before,
.proinfo1_more1:hover::before,
.contact2 .contact2_ul li button.sub:hover::before {
width: 100%;
}

.more span,
.more em {
display: inline-block;
position: relative;
z-index: 3;
-webkit-transition: 1.0s;
-ms-transition: 1.0s;
-moz-transition: 1.0s;
-o-transition: 1.0s;
transition: 1.0s;
}

.more em {
font-size: 12px;
}

.more:hover em {
transform: translateX(-10px);
}

.banner .more {
margin-top: 65px;
}

.mainer .banner .banner-img .more img,
.more img {
display: inline-block;
vertical-align: middle;
width: 38px;
height: 38px;
border-radius: 50%;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
-webkit-transition: 1.5s;
-ms-transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
transition: 1.5s;
}

.mainer .banner .banner-img .more:hover img,
.more:hover img {
transform: translate(-10px, -50%);
}

.more:hover::before {
width: 100%;
}

.banner .swiper-pagination {
text-align: left;
width: 74%;
left: 50%;
transform: translateX(-50%);
margin: 0 auto;
}

.swiper-pagination-bullet {
width: 22px;
height: 4px;
border-radius: 0px;
background-color: rgba(51, 51, 51, 0.2);
}

.swiper-pagination-bullet-active {
width: 37px;
height: 6px;
background-color: #003686;
}

.banner .swiper-pagination-bullet {
background-color: #ffffff;
}

@keyframes spin-right {
0% {
transform: rotate(180deg);
}

50% {
transform: rotate(360deg);
}

100% {
transform: rotate(360deg);
}
}

@keyframes spin-left {
0% {
transform: rotate(180deg);
}

50% {
transform: rotate(180deg);
}

100% {
transform: rotate(360deg);
}
}

.in-tit,
.inner-tit {
position: relative;
z-index: 3;
text-align: center;
}

.in-tit .tit,
.inner-tit .tit {
font-size: 44rem;
color: #111111;
font-weight: bold;
position: relative;
}

.inner-tit .tit {
color: #222222;
}

.in-tit .tit span {
font-size: 64rem;
line-height: 1;
color: #ce132e;
vertical-align: -5px;
margin-right: 10px;
}

.in-tit .tit em {
color: #ce132e;
}

.in-tit .line {
width: 64px;
height: 4px;
background-color: #004098;
margin: 8px auto 15px auto;
}

.in-tit .dec,
.inner-tit .dec {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 20px;
line-height: 1.6;
color: #555555;
}

.inner-tit .dec {
font-size: 18px;
margin-top: 10px;
}

.in-tit .dec a {
color: #04a4e5;
position: relative;
display: inline-block;
}

.in-tit .dec a b {
border-bottom: 2px solid #04a4e5;
}

.in-tit .dec a em {
font-size: 28px;
margin-left: 6px;
display: inline-block;
vertical-align: -6px;
}

.d2 {
animation-delay: 400ms;
-webkit-animation-delay: 400ms;
}

.section1 {
background-color: #f5f6f8;
}

.section1 > .w1400 {
position: relative;
}

.section1 .in-tit,
.section3 .section3-tleft {
width: calc(100% - 145px);
text-align: left;
padding-right: 15%;
}

.section1 .section1-tpswiper {
padding: 3% 0 3.5% 0;
}

.section1 .in-tit .line,
.section3 .in-tit .line {
margin: 8px 0px 15px 0px;
}

.section1 .section1-tpswiper .swiper-slide {
text-align: center;
cursor: pointer;
border-right: 1px solid #E5E6E8;
}

.section1 .section1-tpswiper .swiper-slide:last-child {
border-right: 0px;
}

.section1 .section1-icon {
width: 40px;
height: 40px;
position: relative;
margin: 0 auto;
}

.section1 .section1-icon .himg,
.section1 .section1-icon .aimg,
.section1 .section1-tpswiper .swiper-slide.active .section1-icon .img {
opacity: 0;
}

.section1 .section1-tit {
font-size: 20px;
line-height: 24px;
color: #777777;
margin-top: 15px;
}

.section1 .section1-left,
.section1 .section1-right {
width: 50%;
position: relative;
}

.section1 .section1-right {
padding: 4% 5.5% 2% 4%;
}

.section1 .section1-right .tit {
font-size: 32rem;
font-weight: bold;
color: #222222;
}

.section1 .section1-right .dec {
font-size: 18px;
line-height: 2;
color: #555555;
margin-top: 20px;
}

.section1 .section1-right .line {
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.07);
position: relative;
margin-top: 18%;
margin-bottom: 6%;
}

.section1 .section1-right .line::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 48px;
height: 1px;
background-color: #002e8c;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.section1 .section1-right .btn,
.section2 .section2-font .btn {
font-size: 16px;
line-height: 24px;
color: #004098;
display: inline-block;
}

.section1 .section1-right .btn em,
.section2 .section2-font .btn em {
font-size: 12px;
font-weight: bold;
display: inline-block;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.section1 .section1-btswiper .swiper-slide {
flex-wrap: wrap;
background: #ffffff;
}

.section1 .section1-btswiper .swiper-slide:hover .section1-right .line::before {
width: 160px;
}

.section1 .section1-btswiper .swiper-slide:hover .section1-right .btn em,
.section2 .section2-font .btn:hover em {
margin-left: 5px;
}

.section1 .swiper-pagination {
width: 100px;
text-align: right;
font-size: 18px;
color: #999999;
left: auto;
right: 5.5%;
bottom: 30px;
}

.section1 .swiper-pagination .section1-current {
color: #111111;
}

.section1 .section1-tpswiper .swiper-slide.active .section1-icon .himg {
opacity: 1;
}

.section1 .swiper-button-next {
right: -40px;
}

.section1 .swiper-button-prev {
left: -40px;
}

.section1 .swiper-button-next,
.section1 .swiper-button-prev {
top: 30%;
}

.section1 .section1-tpswiper .swiper-slide.active .section1-icon .aimg {
animation: warn 3s ease-out 0s infinite;
}

@keyframes warn {
0% {
transform: scale(0.5);
opacity: 1;
}

30% {
opacity: 1;
}

100% {
transform: scale(1.2);
opacity: 0;
}
}

.section2 .section2-ul {
flex-wrap: wrap;
position: relative;
}

.section2 .section2-ul li {
width: 49%;
overflow: hidden;
position: relative;
margin-right: 2%;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.section2 .section2-ul li:last-child {
margin-right: 0px;
}

.section2 .section2-font {
padding: 6% 7%;
padding-right: 36% !important;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.section2 .section2-font .tit {
font-size: 26px;
color: #222222;
}

.section2 .section2-font .dec {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 18px;
line-height: 1.677;
color: #555555;
margin-top: 15px;
margin-bottom: 20%;
}

.section3 {
position: relative;
overflow: hidden;
background-color: #f5f6f8;
}

.section3 .section3-top {
align-items: flex-end;
padding: 0 6.3%;
flex-wrap: wrap;
position: relative;
}

.section3 .in-tit {
text-align: left;
}

.section3 .section3-tab {
flex-wrap: wrap;
padding-top: 20px !important;
}

.section3 .section3-tab li {
padding-right: 3%;
border-bottom: 1px solid rgba(17,17,17, 0.1);
}

.section3 .section3-tab li:last-child {
padding-right: 0px;
}

.section3 .section3-tab a {
font-size: 20px;
line-height: 24px;
color: #111111;
display: inline-block;
padding-bottom: 10px;
position: relative;
}

.section3 .section3-tab a::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 0%;
height: 2px;
background-color: #004098;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.section3 .section3-tab li.active a {
color: #004098;
}

.section3 .section3-tab li.active a::before {
width: 100%;
}

.section3 .section3-swpLi {
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
pointer-events: none;
}

.section3 .section3-swpLi.active {
position: relative;
opacity: 1;
filter: alpha(opacity=100);
pointer-events: auto;
}

.section3 .swiper-slide {
background-color: #ffffff;
}

.section3 .section3-tit {
font-size: 18px;
text-align: center;
line-height: 1.5;
padding: 20px 5px;
color: #111111;
border-top: 1px solid rgba(17,17,17, 0.07);
position: relative;
}

.section3 .section3-tit::before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 0%;
height: 2px;
background-color: #004098;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.section3 .swiper-slide:hover .section3-tit::before {
width: 100%;
}

.section3 .section3-img {
max-height: 300px;
max-width: 100%;
margin: 20px;
}

.section3 .swiper-container {
width: 100%;
padding: 0 6%;
overflow: hidden;
}

.section3 .swiper-button-prev,
.section3 .swiper-button-next {
width: 50px;
height: 50px;
background-color: #ffffff;
box-shadow: 0 1px 10px 1px #f1f1f1;
}

.section3 .swiper-button-next:hover {
background: url(../images/in-wnext.png) #004098 no-repeat center center;
}

.section3 .swiper-button-prev:hover {
background: url(../images/in-wprev.png) #004098 no-repeat center center;
}

.section4,
.section3,
.section2,
.section1 {
overflow: hidden;
}

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

.section4 .section4-titBox {
width: calc(100% - 75px);
position: relative;
}

.section4 .section4-tit {
width: calc(100% - 30px);
font-size: 27px;
padding-left: 10px;
color: #111111;
}

.section4 .section4-icon {
position: relative;
width: 30px;
height: 30px;
}

.section4-more {
display: block;
width: 75px;
position: relative;
background-color: rgba(0,64,152, 0.1);
font-size: 16px;
padding: 2px 0px;
text-align: center;
line-height: 24px;
color: #004098;
}

.section4-more::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 0%;
height: 100%;
background-color: #004098;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.section4-more span {
position: relative;
z-index: 1;
}

.section4-more:hover::before {
width: 100%;
}

.section4-more:hover {
color: #ffffff;
}

.section4 .section4-top {
margin-top: 15px;
padding-bottom: 32px;
flex-wrap: wrap;
}

.section4 .section4-li {
position: relative;
width: 33.333%;
padding: 0 2.3%;
padding-top: 65px !important;
/* border-left: 1px solid #EDF2F8; */
}

.section4 .section4-li::before,
.section4 .section4-li:last-child::after {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 1px;
height: 90%;
background: #EDF2F8;
}

.section4 .section4-li:last-child::after {
left: auto !important;
right: 0px !important;
}

.section4 .section4-li:nth-child(2) {
background: rgb(0,63,152, 0.02);
}

.section4 .section4-video {
position: relative;
width: 100%;
}

.section4 .section4-ft {
display: block;
padding: 10px 0;
border-bottom: 1px dashed rgba(34,34,34, 0.2);
}

.section4 .section4-ft .line {
width: 3px;
height: 0px;
background-color: #004098;
position: absolute;
left: 0px;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.section4 .section4-ft:hover .line {
height: 20px;
}

.section4 .section4-ft .tit {
font-size: 18px;
line-height: 24px;
color: #222222;
position: relative;
}

.section4 .section4-ft .tit span {
width: 20px;
line-height: 20px;
font-size: 13px;
background-color: #004098;
display: inline-block;
vertical-align: 2px;
margin-right: 5px;
text-align: center;
border-radius: 50%;
color: #ffffff;
}

.section4 .section4-ft .time {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 16px;
line-height: 24px;
color: #b2b2b2;
}

.section4 .section4-ft .dec {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 16px;
line-height: 24px;
color: #555555;
}

.section4 .section4-ftBox {
width: 100%;
padding-bottom: 60px;
padding-top: 15px;
}

.footer {
position: relative;
z-index: 3;
/* background: url(../images/in-bgm1.png) no-repeat center center; */
background-size: cover;
overflow: hidden;
background-color: black;
}

.footer .foot-left {
width: 33%;
}

.footer .foot-lftop {
position: relative;
flex-wrap: wrap;
margin-top: 15%;
}

.footer .ftlogo {
display: block;
position: relative;
width: 230px;
padding-right: 10%;
}

.footer .ftlogo img,
.footer .foot-tel .tit img {
display: inline-block;
}

.footer .foot-tel .tit img {
margin-right: 10px;
}

.footer .foot-tel .tit {
font-size: 18px;
color: #ffffff;
}

.footer .foot-line {
width: 100%;
position: relative;
height: 1px;
margin: 20px auto;
background: rgba(255, 255, 255, 0.07);
}

.footer .foot-line::before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 30px;
height: 1px;
background-color: #ffffff;
}

.footer .foot-tel .dec {
font-size: 36rem;
line-height: 1.2;
color: #ffffff;
}

.footer .foot-addr,
.footer .foot-addr a {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 16px;
line-height: 2;
color: #ffffff;
}

.footer .ftlogo-ewm {
width: 100px;
height: 100px;
position: relative;
}

.ftlogo-share {
width: calc(100% - 230px);
}

.ftlogo-share a {
display: inline-block;
position: relative;
margin-right: 20px;
margin-top: 8px;
}

.ftlogo-share .bshare-icon {
width: 36px;
height: 36px;
color: #ffffff;
font-size: 22px;
text-align: center;
line-height: 36px;
background: rgba(255, 255, 255, 0.15);
display: inline-block;
position: relative;
border-radius: 50%;
}

.ftlogo-share a:last-child {
margin-right: 0px;
}

.ftlogo-share a:hover .bshare-icon {
background: rgba(255, 255, 255, 1);
}

.ftlogo-share a:hover .himg,
.ftlogo-share a .img {
opacity: 1;
}

.ftlogo-share a:hover .img,
.ftlogo-share a .himg {
opacity: 0;
}

.ftlogo-share .bshare-ewm {
position: absolute;
bottom: 100%;
left: 50%;
z-index: 10;
width: 110px;
border-radius: 8px;
padding-bottom: 5px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
margin-bottom: 20px;
visibility: hidden;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
opacity: 0;
}

.ftlogo-share .bshare-ewm img {
max-width: 110px;
max-height: 110px;
overflow: hidden;
}

.ftlogo-share .bshare-ewm::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
border-top: 5px solid #fff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}

.ftlogo-share a:hover .bshare-ewm {
margin-bottom: 0px;
visibility: inherit;
opacity: 1;
}

.footer .footerphone-menu h3 a {
font-size: 18px;
color: #ffffff;
position: relative;
font-weight: lighter;
display: block;
margin-bottom: 15px;
}

.footer .foot-menu {
flex: 1;
padding-left: 19%;
}

.footer .footerphone-menu li,
.footer .footerphone-menu h3 {
position: relative;
}

.footer .footer-subnav a {
font-family: "HarmonyOS_Sans_SC_Light";
line-height: 1.5;
padding: 5px 0;
font-size: 16px;
color: rgba(255, 255, 255, 0.7);
width: 100%;
display: block;
}

.footer .footerphone-menu h3 a .icon-rjiantou1 {
font-size: 12px;
font-weight: bold;
color: #ffffff;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}

.footer .foot-bot {
flex-wrap: wrap;
margin-top: 5%;
padding: 25px 0;
border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.footer .foot-copy,
.footer .foot-copy a,
.footer .foot-rtlink,
.footer .foot-rtlink a {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 14px;
color: rgba(255, 255, 255, .5);
}

.footer .foot-copy {
width: 70%;
}

.footer .foot-rtlink {
width: 30%;
text-align: right;
}

.footer .foot-copy span {
margin-right: 35px;
display: inline-block;
}

.footer .foot-rtlink a {
padding: 0 25px;
}

.footer .foot-rtlink a:first-child {
padding-left: 0px;
}

.footer .foot-rtlink a:last-child {
padding-right: 0px;
}

.footer .footer-subnav a:hover,
.footer .foot-rtlink a:hover,
.footer .foot-copy a:hover {
color: rgba(255, 255, 255, 1);
}

.footer .foot-sbt {
margin-top: 45px;
}

.footer .foot-quan {
width: 4px;
height: 4px;
background-color: #FFFFFF;
border-radius: 50%;
position: absolute;
top: 19%;
left: 35.5%;
}

.footer .foot-quan .quan {
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.footer .foot-quan .quan1 {
width: 4px;
height: 4px;
background-color: #FFFFFF;
z-index: 3;
}

.footer .foot-quan .quan2 {
width: 8px;
height: 8px;
background-color: rgba(255,255,255, 0.7);
z-index: 2;
}

.footer .foot-quan .quan3 {
width: 16px;
height: 16px;
background-color: rgba(255,255,255, 0.5);
z-index: 1;
}

.footer .foot-quan .quan2 {
-webkit-animation: icon_scale 2.0s linear infinite normal both;
animation: icon_scale 2.0s linear infinite normal both;
}

.footer .foot-quan .quan3 {
-webkit-animation: icon_scale 4.0s linear infinite normal both;
animation: icon_scale 4.0s linear infinite normal both;
}

@-webkit-keyframes icon_scale {
0% {
width: 100%;
height: 100%;
opacity: 1;
}

20% {
width: 200%;
height: 200%;
opacity: 0.6;
}

40% {
width: 300%;
height: 300%;
opacity: 0.4;
}

60% {
width: 400%;
height: 400%;
opacity: .2;
}

80% {
width: 500%;
height: 500%;
opacity: 0;
}

100% {
width: 100%;
height: 100%;
opacity: 0;
}
}

@keyframes icon_scale {
0% {
width: 100%;
height: 100%;
opacity: 1;
}

20% {
width: 200%;
height: 200%;
opacity: 0.6;
}

40% {
width: 300%;
height: 300%;
opacity: 0.4;
}

60% {
width: 400%;
height: 400%;
opacity: .2;
}

80% {
width: 500%;
height: 500%;
opacity: 0;
}

100% {
width: 100%;
height: 100%;
opacity: 0;
}
}

.pub-banner {
position: relative;
overflow: hidden;
}

.pub-pcbanner {
display: block;
width: 100%;
}

.pub-mbanner {
display: none;
width: 100%;
}

.pub-banner-font {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
z-index: 9;
}

.pub-banner-font .tit {
font-size: 54rem;
font-weight: bold;
color: #ffffff;
}

.pub-banner-font .tit_en {
font-size: 20px;
color: #ffffff;
font-weight: bold;
}

.ny-bread {
width: 100%;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 80px;
}

.ny-bread1 {
position: static;
transform: translateX(0px);
background: #f5f6f8;
padding-bottom: 15px;
}

.ny-bread2 {
bottom: 25px;
}

.ny-bread a,
.ny-bread img,
.ny-bread em {
font-family: "HarmonyOS_Sans_SC_Light";
color: #ffffff;
font-size: 16px;
display: inline-block;
vertical-align: middle;
font-weight: lighter;
}

.ny-bread1 a,
.ny-bread1 img,
.ny-bread1 em {
color: #999999;
}

.ny-bread img {
margin-right: 5px;
vertical-align: -2px;
}

.ny-bread em {
font-size: 14px;
vertical-align: -3px;
display: inline-block;
margin: 0 10px;
}

.ny-bread a:hover {
color: #004098;
}

.paging {
text-align: center;
width: 100%;
margin: 0 auto;
flex-wrap: wrap;
}

.paging a {
display: block;
margin: 0 2px;
margin-top: 5px;
font-size: 18px;
font-family: "ArialMT";
color: #1c1c1c;
transition: ease .5s;
background-color: #ffffff;
border-radius: 6px;
border: solid 1px #eeeeee;
width: 50px;
height: 50px;
line-height: 50px;
}

.paging a em {
font-size: 14px;
font-weight: bold;
}

.paging a.paging-icon:hover {
background-color: #003686;
}

.paging a.paging-icon:hover em {
color: #ffffff;
}

.paging a.active,
.paging a:hover {
color: #fff;
background-color: #004098;
}

@media(max-width:1366px) {
.paging a {
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
}
}

@media(max-width:790px) {
.paging a {
font-size: 14px;
width: 30px;
height: 30px;
line-height: 30px;
}
}

.right-flex {
width: 50px;
position: fixed;
top: 50%;
right: 0;
z-index: 99;
height: auto;
margin-top: -200px;
}

.right-flex ul {
width: 100%
}

.right-flex li {
margin-bottom: 5px;
position: relative;
width: 50px;
height: 50px;
border-radius: 8px 0px 0px 8px;
float: right;
line-height: 50px;
background: #A7AFB9;
transition: width .3s, background .3s, margin .3s
}

.right-flex li .ico {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
transition: right .3s
}

.right-flex li a {
display: block;
width: 100%;
height: 100%
}

.right-flex li p {
font-size: 15px;
color: #fff;
line-height: 50px;
padding: 0 20px;
transition: transform .3s
}

.right-flex li.one {
width: 90px;
height: 50px;
background-color: #004098;
border-radius: 4px;
}

.right-flex li.one p {
font-size: 16px;
padding: 3px 10px;
text-align: center;
line-height: 22px;
}

.right-flex li.two .ico,
.right-flex li.li-three .ico,
.right-flex li.four .ico {
left: 0
}

.right-flex li.two p,
.right-flex li.li-three p,
.right-flex li.four p {
padding: 0 20px 0 50px
}

.right-flex li.two {
width: 200px;
margin-right: -150px
}

.right-flex li.three {
width: 150px;
margin-right: -100px
}

.right-flex li .ico.ico02 {
background: url(../images/dhicon.png) no-repeat center;
}

.right-flex li .ico.ico03 {
background: url(../images/wxicon.png) no-repeat center;
}

.right-flex li .ico.ico04 {
background: url(../images/dxicon.png) no-repeat center;
}

.right-flex li .ico.ico08 {
background: url(../images/zdicon.png) no-repeat center -3px;
}

.right-flex .right-close {
width: 100%;
height: 40px;
}

.right-flex .close-icon {
display: block;
margin: 0 auto;
margin-bottom: 10px;
width: 32px;
height: 32px;
border-radius: 50%;
background: #A7AFB9 url(../images/kf-close.png) no-repeat center;
background-size: 15px;
cursor: pointer;
transform: rotate(45deg);
transition: all 0.3s;
}

.right-flex.show .close-icon {
transform: rotate(0);
}

.right-flex .to-top em {
display: block;
color: #fff;
text-align: center;
padding-top: 10px;
}

@media(min-width:1025px) {
.right-flex li:hover {
width: 50px;
background: #004098;
}

.right-flex li.one:hover {
width: 90px;
background-color: #A7AFB9;
}

.right-flex li:hover .ico,
.right-flex li.two:hover .ico,
.right-flex li.li-three:hover .ico,
.right-flex li.four:hover .ico {
right: 0;
left: auto
}

.right-flex li.two:hover {
margin-right: 0;
width: 200px
}

.right-flex li.three:hover {
margin-right: 0;
width: 140px
}

.right-flex li.four:hover {
margin-right: 0;
width: 160px;
}

.right-flex li.two:hover p,
.right-flex li.li-three:hover p {
padding: 0 20px;
}

.right-flex li.four:hover p:last-child {
padding: 0 53px 0 0;
}

.right-flex li.four:hover p:last-child img {
border: 3px solid #004098;
border-radius: 8px;
}
}

@media(max-width:1100px) {
.right-flex .two,
.right-flex .four,
.right-flex li.one,
.right-flex .right-close {
display: none !important;
}
}

@media(max-width:767px) {
.right-flex,
.right-flex li {
width: 40px;
height: 40px;
}

.right-flex li .ico {
width: 40px;
height: 20px;
}

.right-flex .to-top em {
font-size: 12px;
margin-top: 0px;
line-height: 30px;
}

.right-flex {
top: 100%;
}

.right-flex li .ico.ico08 {
background: url(../images/zdicon.png) no-repeat center center;
background-size: 60%;
}
}

.app-kfbt {
height: 48px;
display: none;
}

.app-kf {
position: fixed;
bottom: 0px;
left: 0px;
z-index: 99;
width: 100%;
height: 50px;
overflow: hidden;
}

.kufuul {
text-align: center;
padding: 2px 0;
width: 100%;
height: 50px;
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
}

.kefu li {
width: 50%;
float: left;
height: 50px;
text-align: center;
line-height: 50px;
color: #fff;
transition: all .4s;
}

.kefu li a em {
font-size: 20px;
display: inline-block;
vertical-align: -2px;
margin-right: 10px;
}

.kf-zx,
.kf-dh {
display: block;
width: 100%;
height: 100%;
color: #ffffff;
line-height: 50px;
text-align: center;
background: #A7AFB9;
}

.kf-dh {
background: #004098;
}

.nav-menu {
border-bottom: 1px solid rgba(51, 51, 51, 0.15);
position: relative;
z-index: 5;
}

.nav-menu1 {
margin-top: -60px;
border-bottom: 1px solid rgba(51, 51, 51, 0);
}

.nav-menu .nav-name {
color: #333333;
display: block;
text-align: left;
display: block;
padding: 0 5%;
position: relative;
cursor: pointer;
line-height: 65px;
font-size: 18px;
display: none;
}

.nav-menu .nav-name .iconfont {
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-50%);
}

.nav-menu .nav-menu-ul {
overflow-x: auto;
overflow-y: hidden;
}

.nav-menu .nav-menu-ul a {
padding: 18px 0;
font-size: 18px;
color: #222222;
line-height: 1.3;
display: block;
overflow: hidden;
background: rgba(255,255,255, 0.9);
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.nav-menu .nav-menu-ul li {
text-align: center;
position: relative;
margin-right: 4.5%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.nav-menu1 .nav-menu-ul li {
margin-right: 0px;
}

.nav-menu1 .nav-menu-ul li {
flex: 1;
border-right: 1px solid #DDDEE0;
}

.nav-menu1 .nav-menu-ul li:last-child {
border-right: 0px;
}

.nav-menu .nav-menu-ul li:last-child {
margin-right: 0px;
}

.nav-menu .nav-menu-ul li::before {
content: "";
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
width: 0%;
height: 2px;
background-color: #004098;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.nav-menu .nav-menu-ul li.active::before,
.nav-menu .nav-menu-ul li:hover::before {
width: 100%;
}

.nav-menu .nav-menu-ul li.active a,
.nav-menu .nav-menu-ul li:hover a {
color: #004098;
background: rgba(255,255,255, 1);
}
/* solution */
.solution1 {
background: #F5F6F8;
}

.solution1 .solution1_ul {
flex-wrap: wrap;
padding-bottom: 20px;
}

.solution1 .solution1_ul li {
width: 32.1%;
position: relative;
margin-right: 1.8%;
margin-bottom: 1.8%;
}

.solution1 .solution1_ul li:nth-child(3n) {
margin-right: 0px;
}

.solution1 .solution1_ul li a {
display: block;
width: 100%;
background: #ffffff;
}

.solution1 .solution1_font {
padding: 5.3%;
}

.solution1 .solution1_font .tag {
font-size: 16px;
line-height: 1.5;
padding: 2px 20px;
color: #222222;
border-radius: 15px;
border: 1px solid rgba(34,34,34, 0.12);
display: inline-block;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.solution1 .solution1_font .dec {
font-size: 18px;
line-height: 1.5;
color: #004098;
margin-top: 25px;
margin-bottom: 5px;
}

.solution1 .solution1_font .tit {
font-size: 20px;
line-height: 2;
color: #222222;
margin-bottom: 25px;
}

.solution1 .solution1_font .tag1 {
padding-bottom: 12%;
}

.solution1 .solution1_font .tag1 em {
display: inline-block;
width: 13px;
height: 13px;
border: solid 2px #004098;
border-radius: 50%;
}

.solution1 .solution1_font .tag1 span {
display: inline-block;
width: calc(100% - 13px);
font-size: 14px;
color: #999999;
padding-left: 7px;
}

.solution1 .solution1_ul li:hover .solution1_font .tag {
border: 1px solid #004098;
}
/* product */
.product1 .product1_menu {
flex-wrap: wrap;
margin-top: 35px;
margin-bottom: 50px;
}

.product1 .product1_menu a {
display: block;
font-size: 18px;
line-height: 30px;
color: #222222;
padding: 7px 25px;
background-color: #eeeeee;
}

.product1 .product1_menu li.active a,
.product1 .product1_menu li:hover a {
color: #ffffff;
background-color: #004098;
}

.product1 .product1_cont {
flex-wrap: wrap;
padding-bottom: 10px;
}

.product1 .product1_cont li {
width: 18%;
margin-right: 2%;
position: relative;
margin-bottom: 2.5%;
}

.product1 .product1_cont li:nth-child(5n) {
margin-right: 0px;
}

.product1 .product1_cont li a {
background-color: #f9fafc;
display: block;
width: 100%;
padding-bottom: 15px;
overflow: hidden;
}

.product1 .product1_tpct {
overflow: hidden;
}

.product1 .product1_btn {
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
transform: translateY(100%);
font-size: 16px;
padding: 12px 0;
color: #ffffff;
text-align: center;
background: rgba(0,64,152,0.9);
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.product1 .product1_font {
padding: 0 15px;
}

.product1 .product1_font .tit {
font-size: 24px;
font-weight: bold;
line-height: 1.4;
padding: 10px 0;
color: #222222;
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.product1 .product1_font .dec {
font-family: "HarmonyOS_Sans_SC_Light";
padding: 5px 0;
font-size: 16px;
line-height: 30px;
color: #666666;
}

.product1 .product1_cont li a:hover,
.proinfo5 .swiper-slide a:hover {
box-shadow: 0 6px 84px 0 rgb(9,40,81, 0.18);
background: #ffffff;
}

.proinfo5 .swiper-slide a:hover {
box-shadow: 0 10px 35px 0 rgb(0,0,0, 0.06);
}

.product1 .product1_cont li a:hover .product1_btn,
.proinfo5 .swiper-slide a:hover .product1_btn {
transform: translateY(0%);
}
/* product-info */
.proinfo1 {
background: #F5F6F8;
}

.proinfo1 .proinfo1_left {
width: 48.5%;
height: 410px;
}

.proinfo1 .proinfo1_right {
width: 51.5%;
padding-left: 5%;
position: relative;
}

.proinfo1 .proinfo1_right::before {
content: "";
position: absolute;
bottom: 10px;
left: -6.5%;
width: 24px;
height: 24px;
background: url(../images/pro-icon1.png) no-repeat center;
background-size: cover;
}

.proinfo1 .proinfo1_line {
width: 100%;
height: 1px;
margin: 25px 0px;
position: relative;
background-color: #e5e5e5;
}

.proinfo1 .proinfo1_line::before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 80px;
height: 2px;
background-color: #004098;
}

.proinfo1 .proinfo1_dec {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 16px;
line-height: 1.875;
color: #666666;
height: 170px;
margin-bottom: 15px;
overflow-x: hidden;
overflow-y: auto;
}

.proinfo1 .proinfo1_tit {
font-size: 48rem;
font-weight: bold;
line-height: 1.5;
color: #333333;
}

.proinfo1 .proinfo1_tdec {
font-size: 22px;
line-height: 1.4;
color: #333333;
}

.proinfo1_more1 {
width: 170px;
padding: 6px;
text-align: center;
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 16px;
line-height: 1.4;
display: block;
color: #ffffff;
background-color: #004098;
position: relative;
-webkit-transition: 1.0s;
-ms-transition: 1.0s;
-moz-transition: 1.0s;
-o-transition: 1.0s;
transition: 1.0s;
}

.proinfo1_more1 em,
.proinfo1_more1 span {
position: relative;
z-index: 2;
}

.proinfo1_more1 em.icon-duihua {
transform: rotateY(180deg);
display: inline-block;
vertical-align: -2px;
font-size: 24px;
margin-right: 10px;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.proinfo1_more1:hover em.icon-duihua {
margin-right: 5px;
}

.proinfo1 .proinfo1_more2 {
font-size: 18px;
line-height: 30px;
color: #222222;
margin-left: 30px;
}

.proinfo1 .proinfo1_more2 em {
color: #004098;
display: inline-block;
font-weight: bold;
}

.proinfo1 .proinfo1_more2 em.icon-dianhua {
color: #222222;
font-size: 18px;
margin-right: 3px;
font-weight: normal;
animation: tel ease-out 1.3s infinite;
}

@keyframes tel {
0% {
transform: rotateZ(0)
}

20% {
transform: rotateZ(20deg)
}

40% {
transform: rotateZ(-20deg)
}

60% {
transform: rotateZ(20deg)
}

80% {
transform: rotateZ(-20deg)
}

100% {
transform: rotateZ(0)
}
}

.proinfo1 .proinfo1-Bswiper {
width: calc(100% - 110px);
background-color: #ffffff;
height: 100%;
margin-left: 20px;
}

.proinfo1 .proinfo1-Sswiper {
width: 110px;
height: 100%;
position: relative;
}

.proinfo1 .swiper-container {
height: 94.5%;
align-items: center;
display: flex;
flex-direction: column;
margin-top: 17px;
}

.proinfo1 .proinfo1-Bimg {
display: none;
width: auto;
}

.proinfo1 .proinfo1-Bimg.active {
display: block;
}

.proinfo1-Sswiper .swiper-slide {
background: #ffffff;
border: 1px solid transparent;
}

.proinfo1-Sswiper .swiper-slide::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 5px;
height: 0%;
z-index: 3;
background-color: #046dff;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.proinfo1-Sswiper .swiper-slide.active::before {
height: 100%;
}

.proinfo1 .proinfo1-Simg {
width: 110px;
height: 80px;
margin: 0 auto;
overflow: hidden;
position: relative;
}

.proinfo1 .proinfo1-Sswiper .swiper-button-prev,
.proinfo1 .proinfo1-Sswiper .swiper-button-next {
width: 20px;
height: 11px;
margin-top: 0px;
left: 50%;
transform: translateX(-50%);
}

.proinfo1 .proinfo1-Sswiper .swiper-button-prev {
background: url(../images/in-prev1.png) no-repeat center;
background-size: cover;
top: 0px;
}

.proinfo1 .proinfo1-Sswiper .swiper-button-next {
background: url(../images/in-next1.png) no-repeat center;
background-size: cover;
bottom: 0px;
top: auto !important;
}

.proinfo1 .proinfo1-Sswiper .swiper-button-prev:hover {
background: url(../images/in-hprev1.png) no-repeat center;
background-size: cover;
}

.proinfo1 .proinfo1-Sswiper .swiper-button-next:hover {
background: url(../images/in-hnext1.png) no-repeat center;
background-size: cover;
}

.proinfo2 {
border-bottom: 1px solid rgba(51, 51, 51, 0.15);
}

.proinfo2 .nav-menu {
width: calc(100% - 170px);
padding-right: 6%;
border-bottom: 0px;
}

.proinfo2 .nav-menu .nav-menu-ul li {
margin-right: 6%;
}

.proinfo2 .nav-menu .nav-menu-ul a {
padding: 38px 0;
font-size: 22px;
}

.proinfo2 .nav-menu .nav-menu-ul li::before {
height: 4px;
}

.proinfo3 .proinfo3_table {
width: 100%;
margin-top: 30px;
overflow-x: auto;
overflow-y: auto;
}

.proinfo3 table {
width: 100%;
}

.proinfo3 table th {
width: 25%;
font-weight: normal;
font-size: 18px;
line-height: 24px;
color: #ffffff;
height: 55px;
background-color: #222222;
}

.proinfo3 table td {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 16px;
line-height: 24px;
height: 60px;
color: #555555;
text-align: center;
border-right: 1px solid rgba(34,34,34, 0.07);
}

.proinfo3 table td:last-child {
border-right: 0px;
}

.proinfo3 table tr:nth-child(even) {
background-color: #efefef;
}

.proinfo3 table tr:nth-child(odd) {
background-color: #f7f7f7;
}

.proinfo4 {
background-color: #f5f6f8;
}

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

.proinfo4 .proinfo4_ul li {
width: 48%;
margin-right: 2%;
margin-top: 2%;
overflow: hidden;
background: #ffffff;
}

.proinfo5 .proinfo5_swiper .swiper-container {
padding: 25px 0 35px 0;
position: relative;
}

.proinfo5 .swiper-slide {
border: solid 1px #ededed;
}

.proinfo5 .swiper-slide a {
display: block;
width: 100%;
}

.proinfo5 .product1_font .tit {
padding-top: 25px;
padding-bottom: 0px;
border-bottom: 0px;
border-top: 1px solid rgba(51, 51, 51, 0.07);
}

.proinfo5 .product1_font .dec {
padding-bottom: 25px;
}
/* download */
.download1 .download1_left {
width: calc(100% - 450px);
flex-wrap: wrap;
}

.download1 .download1_li {
position: relative;
width: 270px;
margin-right: 3%;
}

.download1 .download1_li input {
height: 55px;
width: 100%;
background-color: #f5f6f8;
padding: 10px 20px;
font-size: 16px;
line-height: 2;
color: #999999;
}

.download1 .download1_li em {
font-size: 16px;
line-height: 28px;
color: #00339C;
display: block;
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
}

.download1 .download1_right {
width: 450px;
position: relative;
}

.download1 .download1_item {
position: absolute;
top: 100%;
left: 0px;
width: 100%;
height: 175px;
overflow-x: hidden;
overflow-y: auto;
background: #f5f6f8;
box-sizing: border-box;
z-index: 9;
border-bottom: 1px solid #dedede;
display: none;
}

.download1 .download1_item li {
font-size: 16px;
color: #999999;
padding: 15px 20px;
border-top: 1px solid #dedede;
cursor: pointer;
}

.download1 .download1_right .input {
width: calc(100% - 90px);
height: 55px;
padding: 10px 20px;
font-size: 16px;
color: #999999;
background-color: #f5f6f8;
}

.download1 .download1_right .sub {
width: 90px;
height: 55px;
background: url(../images/in-hssicon.png) no-repeat center center #004098;
cursor: pointer;
}

.download1 .download1_bot {
margin-top: 50px;
margin-bottom: 45px;
position: relative;
overflow-y: hidden;
overflow-x: auto;
}

.download1 .download1_bot li {
padding-left: 30px;
}

.download1 .download1_bot li:nth-child(odd) {
background-color: #f5f6f8;
}

.download1 .download1_bot li:nth-child(1) {
background-color: #222222;
}

.download1 .download1_tit {
font-size: 16px;
padding: 8px 0;
padding-right: 20px !important;
color: #ffffff;
position: relative;
}

.download1 .download1_ct {
font-size: 16px;
padding: 18px 0;
padding-right: 20px !important;
color: #111111;
position: relative;
}

.download1 .download1_tit.tit1,
.download1 .download1_ct.ct1 {
width: 40%;
}

.download1 .download1_tit.tit2,
.download1 .download1_ct.ct2 {
width: 19%;
}

.download1 .download1_tit.tit3,
.download1 .download1_ct.ct3 {
width: 17%;
}

.download1 .download1_tit.tit4,
.download1 .download1_ct.ct4 {
width: 17%;
}

.download1 .download1_tit.tit5,
.download1 .download1_ct.ct5 {
width: 7%;
padding-right: 0px !important;
text-align: center;
}

.download1 .download1_ct.ct5::before {
content: "";
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 16px;
background: rgba(34,34,34, 0.1);
}

.download1 .download1_ct.ct5 a {
color: #BDBDBD;
font-size: 20px;
}
/* answer */
.answer1 .answer1_line {
width: 100%;
height: 1px;
margin: 20px auto 30px auto;
background: rgba(51, 51, 51, 0.07);
}

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

.answer1 .answer1_hot span {
font-size: 16px;
line-height: 1.4;
color: #222222;
display: inline-block;
margin-right: 2%;
margin-top: 10px;
}

.answer1 .answer1_hot span.answer1_hottit {
color: #999999;
margin-right: 2.5%;
}

.answer1 .answer1_ul {
flex-wrap: wrap;
position: relative;
z-index: 5;
align-items: flex-start;
padding-bottom: 35px;
padding-top: 45px;
}

.answer1 .answer1_ul li {
width: 100%;
position: relative;
margin-bottom: 10px;
padding: 18px 30px;
background-color: #f5f6f8;
cursor: pointer;
}

.answer1 .answer1_ul li::before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 3px;
height: 0%;
background-color: #004098;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.answer1 .answer1_ul li.active::before {
height: 100%;
}

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

.answer1 .answer1_tit .tit {
font-size: 18px;
color: #111;
width: calc(100% - 34px - 18px);
padding: 0 25px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
align-items: center;
position: relative;
}

.answer1 .answer1_decli {
align-items: flex-start;
overflow-x: hidden;
overflow-y: auto;
height: 385px;
}

.answer1 .tag {
width: 34px;
height: 34px;
font-size: 18px;
display: block;
text-align: center;
font-weight: bold;
line-height: 34px;
color: #ffffff;
background-color: #004098;
border-radius: 50%;
}

.answer1 .answer1_dec .tag {
background-color: #222222;
}

.answer1 .answer1_tit .icon {
width: 18px;
height: 18px;
position: relative;
}

.answer1 .answer1_tit .icon em {
position: absolute;
background: #666666;
width: 18px;
height: 2px;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
left: 0px;
top: 8px;
}

.answer1 .answer1_tit .icon em:nth-child(2) {
width: 2px;
height: 18px;
top: 0px;
left: 8px;
}

.answer1 .answer1_ul li.active em:nth-child(2) {
opacity: 0;
}

.answer1 .answer1_ul li.active .icon em {
background-color: #004098;
}

.answer1 .answer1_dec .cont {
width: calc(100% - 34px);
font-size: 16px;
line-height: 1.875;
color: #555555;
padding: 0 50px 0 25px;
position: relative;
z-index: 3;
}

.answer1 .answer1_dec .cont p {
margin-bottom: 35px;
}

.answer1 .answer1_dec {
width: 100%;
background: #f5f6f8;
padding: 20px 0px 55px 0px;
margin-top: 18px;
display: none;
z-index: 9;
font-size: 16px;
line-height: 1.875;
color: #666666;
border-top: 1px solid #E6E7E9;
}

.answer1 .answer1_dec .cont img {
display: inline-block;
margin-bottom: 20px;
}
/* help */
.help1 .help1_ul {
align-items: flex-start;
flex-wrap: wrap;
}

.help1 .help1_ul li {
width: 18%;
margin-right: 2.5%;
margin-top: 2.5%;
background-color: #f3f3f3;
}

.help1 .help1_ul li:nth-child(5n) {
margin-right: 0px;
}

.help1 .help1_font {
padding: 15px 20px;
}

.help1 .help1_font .tit {
font-size: 24px;
font-weight: bold;
line-height: 1.5;
color: #111111;
}

.help1 .help1_font .line {
width: 100%;
height: 1px;
margin-top: 15px;
margin-bottom: 10px;
background: rgba(0, 0, 0, .1);
}

.help1 .dec {
height: 135px;
overflow-x: hidden;
overflow-y: auto;
}

.help1 .dec a {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 18px;
line-height: 1.3;
padding: 5px 0;
color: #555555;
padding-left: 10px;
position: relative;
display: block;
}

.help1 .dec a::before {
content: "";
position: absolute;
left: 0px;
top: 15px;
width: 3px;
height: 3px;
background: #999999;
border-radius: 50%;
}

.help1 .dec a:hover::before {
background: #003686;
}
/* contact */
.contact1 {
flex-wrap: wrap;
background-color: #f5f6f8;
}

.contact1 .contact1_left {
width: 38.4%;
position: relative;
}

.contact1 .contact1_map .simg {
display: none;
}

.contact1 .contact1_right {
width: 61.6%;
padding-left: 6.3%;
padding-right: 13.2%;
}

.contact1 .contact1_ul {
flex-wrap: wrap;
margin-bottom: 40px;
}

.contact1 .contact1_ul li {
width: 50%;
padding: 25px 0;
padding-right: 4.7%;
position: relative;
border-bottom: 1px solid rgba(17,17,17, 0.1);
}

.contact1 .contact1_ul li::before {
content: "";
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 60%;
background: rgba(17,17,17, 0.07);
}

.contact1 .contact1_ul li:nth-child(2n-1)::before {
opacity: 0;
}

.contact1 .contact1_ul li:first-child {
width: 100%;
padding-left: 0px !important;
}

.contact1 .contact1_ul li:nth-child(2n-1) {
padding-left: 4.7%;
}

.contact1 .contact1_entit {
font-size: 18px;
line-height: 1.4;
color: #01349d;
font-weight: bold;
}

.contact1 .contact1_tit {
font-size: 48rem;
line-height: 1.4;
font-weight: bold;
color: #111111;
}

.contact1 .contact1_line {
width: 100%;
height: 4px;
margin-top: 20px;
border: solid 2px #000000;
}

.contact1 .contact1_icon {
width: 42px;
height: 42px;
border: solid 2px #000000;
border-radius: 50%;
position: relative;
}

.contact1 .contact1_font {
width: calc(100% - 42px);
padding-left: 20px;
font-size: 16px;
line-height: 24px;
letter-spacing: 1px;
color: #999999;
font-family: "HarmonyOS_Sans_SC_Light";
}

.contact1 .contact1_font span,
.contact1 .contact1_font a {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 16px;
line-height: 24px;
letter-spacing: 1px;
color: #111111;
}

.contact1 .contact1_ewm {
align-items: flex-start;
flex-wrap: wrap;
}

.contact1 .contact1_ewmimg {
width: 130px;
}

.contact1 .contact1_ewmimg img {
max-width: 128px;
max-height: 128px;
margin-bottom: 10px;
}

.contact1 .contact1_email {
width: calc(100% - 130px);
padding-left: 30px;
padding-top: 4px;
}

.contact1 .contact1_email,
.contact1 .contact1_email a,
.contact1 .contact1_ewmimg {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 16px;
line-height: 1.875;
color: #111111;
}

.contact2 .contact2_ul li {
margin-top: 35px;
flex-wrap: wrap;
position: relative;
}

.contact2 .contact2_li {
flex: 1;
margin-right: 2%;
}

.contact2 .contact2_li:last-child,
.contact2 .contact2_ul li button:last-child {
margin-right: 0px;
}

.contact2 .contact2_li input,
.contact2 .contact2_li textarea {
width: 100%;
font-size: 16px;
padding: 20px 25px;
line-height: 1.3;
color: #777777;
background-color: #f5f6f8;
border-radius: 4px;
border: solid 1px #f1f2f3;
}

.contact2 .contact2_li input {
height: 60px;
}

.contact2 .contact2_li textarea {
height: 170px;
}

.contact2 .contact2_ul li button {
width: 146px;
padding: 12px 5px;
font-size: 16px;
line-height: 24px;
position: relative;
margin-right: 2%;
cursor: pointer;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.contact2 .contact2_ul li button.sub {
color: #fff;
background-color: #004098;
border: 1px solid #004098;
}

.contact2 .contact2_ul li button.res {
color: #555555;
border: solid 1px rgba(34,34,34, 0.1);
}

.contact2 .contact2_ul li button.res:hover {
border: 1px solid #004098;
color: #004098;
}

.contact2 .contact2_ul li button em {
font-size: 18px;
display: inline-block;
margin-left: 20px;
-webkit-transition: 1s;
-ms-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}

.contact2 .contact2_ul li button:hover em {
margin-left: 10px;
}
/* about */
.about1 .inner-tit {
text-align: left;
}

.about1 .about1_left,
.about1 .about1_right {
width: 50%;
position: relative;
}

.about1 .about1_left {
align-items: flex-start;
padding-bottom: 5.5%;
}

.about1 .about1_bimg {
max-width: 620px;
overflow: hidden;
}

.about1 .about1_simg {
max-width: 295px;
max-height: 250px;
position: absolute;
bottom: 0px;
right: 0px;
}

.about1 .about1_right {
padding-left: 5.5%;
}

.about1 .about1_right::before {
content: "";
position: absolute;
z-index: -1;
width: 475px;
height: 475px;
top: 50%;
left: 21.5%;
transform: translateY(-50%);
background: url(../images/ab-img3.png) no-repeat center;
background-size: cover;
}

.about1 .about1_tit {
font-size: 30rem;
font-weight: bold;
color: #004098;
margin-top: 10px;
}

.about1 .about1_dec {
font-family: "HarmonyOS_Sans_SC_Light";
position: relative;
overflow-x: hidden;
overflow-y: auto;
height: 260px;
font-size: 18px;
line-height: 28px;
color: #555555;
margin-top: 30px;
}

.about1 .about1_dec p {
margin-top: 30px;
}

.about1 .about1_dec p:first-child {
margin-top: 0px;
}

.about2 {
background-color: #004098;
}

.about2 .about2_list {
flex-wrap: wrap;
padding: 5% 0;
}

.about2 .about2_list li {
width: 25%;
align-items: flex-start;
position: relative;
border-right: 1px solid rgba(255,255,255, 0.1);
}

.about2 .about2_list li::before {
content: "";
position: absolute;
right: -1px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 20px;
background-color: #ffffff;
}

.about2 .about2_list li:last-child {
border-right: 1px solid transparent;
}

.about2 .about2_list li:last-child::before {
opacity: 0;
}

.about2 .about2_icon {
width: 40px;
height: 40px;
margin-top: 2%;
position: relative;
}

.about2 .about2_font {
/* width: calc(100% - 40px); */
position: relative;
padding-left: 7.5%;
}

.about2 .about2_font .number {
font-size: 70rem;
font-weight: bold;
line-height: 1;
color: #ffffff;
display: inline-block;
}

.about2 .about2_font .num {
font-size: 20px;
line-height: 1.5;
color: #ffffff;
}

.about2 .about2_font .num sup {
vertical-align: top;
margin-top: 2%;
display: inline-block;
margin-left: 5px;
}

.about2 .about2_font .dec {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 18px;
line-height: 1.667;
color: rgba(255, 255, 255, .6);
margin-top: 5px;
}

.about2 .about2_list li:hover .dec {
color: rgba(255, 255, 255, 1);
}

.about3 {
background: url(../images/ab-bgm1.jpg) no-repeat center;
background-size: cover;
}

.about3 .about3_bswiper::before {
content: "";
position: absolute;
left: 0px;
top: 7px;
width: 100%;
height: 2px;
background: rgba(51, 51, 51, 0.1);
}

.about3 .about3_byear {
font-size: 400rem;
line-height: 1;
font-weight: bold;
color: rgba(51,51,51, 0.05);
text-align: center;
width: 100%;
}

.about3 .about3_font {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 30.5%;
padding: 25px 35px;
background: rgba(2555, 255, 255, 0.8);
}

.about3 .about3_font .tit {
font-size: 36px;
font-weight: bold;
line-height: 1.4;
color: #004098;
}

.about3 .about3_font .dec {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 20px;
line-height: 1.4;
color: #555555;
margin-top: 5px;
height: 80px;
overflow-x: hidden;
overflow-y: auto;
}

.about3 .about3_tswiper .swiper-button-prev,
.about3 .about3_tswiper .swiper-button-next {
width: 50px;
height: 50px;
background-color: #ffffff;
}

.about3 .about3_tswiper .swiper-button-prev:hover,
.about3 .about3_tswiper .swiper-button-next:hover {
background-color: #004098;
}

.about3 .about3_tswiper .swiper-button-prev:hover {
background-image: url(../images/in-wprev.png);
}

.about3 .about3_tswiper .swiper-button-next:hover {
background-image: url(../images/in-wnext.png);
}

.about3 .about3_syear {
font-size: 24px;
line-height: 1.4;
color: #666666;
position: relative;
padding-top: 60px;
text-align: center;
}

.about3 .about3_bswiper {
margin-top: 3%;
}

.about3 .about3_bswiper .swiper-slide {
cursor: pointer;
}

.about3 .about3_bswiper .swiper-slide::before,
.about3 .about3_bswiper .swiper-slide::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
}

.about3 .about3_bswiper .swiper-slide::before {
width: 16px;
height: 16px;
background-color: #b3b3b3;
top: 0px;
}

.about3 .about3_bswiper .swiper-slide::after {
width: 8px;
height: 8px;
top: 4px;
background-color: #ffffff;
}

.about3 .about3_bswiper .swiper-slide:hover::before,
.about3 .about3_bswiper .swiper-slide.active::before {
background-color: #004098;
}

.about4 {
background: #ffffff;
}

.about4 .section3-bot .swiper-container {
padding-bottom: 45px;
}

.about4 .swiper-slide {
background: #f5f6f8;
}

.about4 .swiper-button-prev, .about4 .swiper-button-next {
box-shadow: 0 1px 10px 1px transparent;
background-color: #f5f6f8;
border: 1px solid #ffffff;
}
/* new */
.new1 .new1_list {
padding-bottom: 45px;
align-items: flex-start;
}

.new1 .new1_left {
width: calc(100% - 330px);
padding-right: 10%;
}

.new1 .new1_left a {
width: 100%;
flex-wrap: wrap;
padding: 45px 0;
align-items: flex-start;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.new1 .new1_left li:first-child a {
padding-top: 0px;
}

.new1 .new1_img {
width: 265px;
overflow: hidden;
position: relative;
}

.new1 .new1_font {
width: calc(100% - 265px);
padding-left: 3.5%;
position: relative;
}

.new1 .new1_font .tit {
font-size: 22px;
font-weight: bold;
line-height: 1.3;
color: #111111;
}

.new1 .new1_font .time {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 16px;
line-height: 1.3;
color: #999999;
margin-top: 12px;
margin-bottom: 5px;
}

.new1 .new1_font .dec {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 16px;
line-height: 2;
color: #555555;
}

.new1 .new1_font .btn {
font-size: 16px;
color: #777777;
margin-top: 40px;
}

.new1 .new1_font .btn em {
font-size: 12px;
font-weight: bold;
display: inline-block;
margin-left: 10px;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.new1 .new1_right {
width: 330px;
position: sticky;
top: 100px;
}

.new1 .new1_left a:hover .new1_font .btn em {
margin-left: 5px;
}

.new1 .new1_tit {
font-size: 24px;
font-weight: bold;
color: #111111;
}

.new1 .new1_hot a {
width: 100%;
display: block;
padding: 25px;
background-color: #f5f6f8;
margin-top: 20px;
}

.new1 .new1_hot .new1_stit {
font-size: 18px;
line-height: 28px;
color: #555555;
}

.new1 .new1_hot .time {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 16px;
color: #999999;
margin-top: 25%;
}

.neinfo1 .new1_list {
padding-bottom: 0px !important;
}

.neinfo1 .neinfo1_left {
width: calc(100% - 330px);
position: relative;
padding-right: 5.5%;
}

.neinfo1 .ny-bread1 {
background: #ffffff;
padding: 20px 0;
}

.neinfo1 .neinfo1_left .tit {
font-size: 40px;
font-weight: bold;
line-height: 1.5;
color: #111111;
}

.neinfo1 .neinfo1_left .sdec {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 16px;
color: #999999;
margin-top: 15px;
}

.neinfo1 .neinfo1_left .sdec span {
display: inline-block;
margin-right: 5.5%;
}

.neinfo1 .neinfo1_left .line {
width: 100%;
height: 1px;
background: rgba(17,17,17, 0.07);
margin: 35px auto;
}

.neinfo1 .neinfo1_left .dec {
font-family: "HarmonyOS_Sans_SC_Light";
font-size: 16px;
line-height: 2;
color: #555555;
}

.neinfo1 .neinfo1_left .dec p,
.neinfo1 .neinfo1_left .dec img {
margin: 15px auto;
}

.neinfo1 .pageurl {
margin-top: 60px;
flex-wrap: wrap;
background-color: #f5f6f8;
padding: 2.5% 3.5%;
}

.neinfo1 .pageurl .return {
width: 26px;
height: 26px;
background: url(../images/ne-icon1.png) no-repeat center center;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.neinfo1 .pageurl .return:hover {
background: url(../images/ne-hicon1.png)no-repeat center center;
}

.neinfo1 .page {
width: 45%;
}

.neinfo1 .page a {
font-size: 18px;
color: #999;
font-weight: 540;
}

.neinfo1 .page.next {
text-align: right;
}

.neinfo1 .page span {
display: block;
width: calc(100% - 48px);
padding: 0 15px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.neinfo1 .page em {
font-size: 14px;
font-weight: bold;
display: inline-block;
}
/* responsive */
@media screen and (max-width: 1679px) {
.w1760 {
width: 95%;
}

.w1600 {
width: 90%;
}

.headfixed .menu-list > ul {
padding-right: 20%;
}

.banner .swiper-pagination {
width: 84.5%;
}

.footer .foot-quan {
left: 33.5%;
}

.contact1 .contact1_right {
padding-right: 8.5%;
}
}

@media screen and (max-width: 1560px) {
.headfixed .menu-list > ul {
padding-right: 15%;
}

.banner .swiper-pagination {
width: 90.5%;
}
}

@media screen and (max-width: 1459px) {
.w1400 {
width: 90%;
}

.videobox::before {
width: 60px;
height: 60px;
}

.videobox:hover::before {
width: 50px;
height: 50px;
}

.section4 .section4-tit,
.section1 .section1-right .tit,
.section2 .section2-font .tit {
font-size: 24px;
}

.in-tit .dec,
.section1 .section1-tit,
.section1 .section1-tit {
font-size: 18px;
}

.footer .foot-tel .dec {
font-size: 28px;
}

.headfixed .menu-list > ul {
padding-right: 10%;
}

.menu-list h3 a {
line-height: 80px;
}

.btn-line {
height: 80px;
}

.mainer {
margin-top: 80px;
}

.section1 .section1-tit {
margin-top: 10px;
}

.section1 .section1-icon {
width: 32px;
height: 32px;
}

.section3 .section3-tab li {
padding-right: 6%;
}

.section3 .section3-tit {
padding: 15px 5px;
}

.footer .foot-quan {
left: 29.3%;
}

.product1 .product1_font .tit,
.help1 .help1_font .tit {
font-size: 22px;
}

.product1 .product1_btn {
font-size: 14px;
}

.proinfo2 .nav-menu .nav-menu-ul a {
font-size: 20px;
}

.proinfo2 .nav-menu .nav-menu-ul li::before {
height: 3px;
}

.about1 .about1_tit {
font-size: 24px;
}

.about3 .about3_syear {
padding-top: 40px;
}

.about1 .about1_right::before {
width: 380px;
height: 380px;
}

.new1 .new1_right {
width: 280px;
}

.new1 .new1_left {
width: calc(100% - 280px);
}

.new1 .new1_hot .time {
margin-top: 30px;
}

.neinfo1 .neinfo1_left .tit {
font-size: 36px;
}

.contact1 .contact1_ul li {
padding: 15px 0;
}

.contact1 .contact1_ul {
margin-bottom: 25px;
}

.contact1 .contact1_right {
padding-right: 5%;
}
}

@media screen and (max-width: 1366px) {
.headfixed .logo img,
.footer .ftlogo img {
max-width: 140px;
}

.menu-list h3 a,
.language-text {
font-size: 16px;
}

.language-text img {
max-width: 18px;
max-height: 18px;
}

.headfixed .logo {
width: 200px;
}

.headfixed .menu-list {
width: calc(100% - 200px);
}

.menu-list h3 a,
.headfixed.headerbgm .menu-list h3 a {
line-height: 70px;
}

.btn-line,
.headfixed.headerbgm .btn-line {
height: 70px;
}

.mainer {
margin-top: 70px;
}

.banner .more {
margin-top: 40px;
}

.section1 .section1-right .line {
margin-top: 10%;
}

.section4 .section4-tit {
font-size: 22px;
}

.headfixed .menu-list > ul {
padding-right: 7%;
}

.footer .foot-left {
width: 38%;
}

.footer .foot-menu {
padding-left: 9%;
}

.headfixed .menu-list {
border-left: 0px;
}

.pub-banner-font .tit_en,
.about3 .about3_font .dec {
font-size: 18px;
}

.nav-menu .nav-menu-ul a,
.about1 .about1_dec,
.about2 .about2_font .dec {
font-size: 16px;
}

.nav-menu1 {
margin-top: -57px;
}

.download1 .download1_bot li {
padding-left: 20px;
}

.download1 .download1_ct {
padding: 15px 0;
}

.about1 .about1_simg {
max-width: 265px;
max-height: 220px;
}

.about3 .about3_byear {
font-size: 290px;
}
}

@media screen and (max-width: 1259px) {
.headfixed .menu-list > ul,
.nav-menu .nav-menu-ul li::before,
.proinfo2,
.contact1 .contact1_map .pimg {
display: none;
}

.btn-phone,
.nav-menu .nav-name,
.contact1 .contact1_map .simg {
display: block;
}

.nav-menu .nav-menu-ul li {
margin-right: 0px;
text-align: left;
padding: 0 5%;
}

.headfixed .btn-list,
.contact1 .contact1_left,
.contact1 .contact1_right {
width: 100%;
}

.headfixed .btn-list .btn-right {
width: calc(100% - 26px);
margin-right: 30px;
}

.headfixed {
background: #ffffff;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: 0 3px 14px 0 rgb(226, 226, 226, 0.5);
}

.headfixed .menu-list {
width: 50%;
justify-content: flex-end;
}

.headfixed .mobile-nav-box > ul > li > h3 {
text-align: left;
padding: 15px 2.5%;
}

.headfixed .mobile-nav-box > ul > li > h3 > a {
display: inline;
}

.headfixed .mobile-nav-box > ul > li > h3 > a:hover {
color: #004098;
}

.headfixed .mobile-nav-box ul li {
padding: 0px;
}

.headfixed .mobile-nav-box > ul > li > h3 > i,
.headfixed .mobile-nav-box .link-tit > i {
line-height: 100%;
}

.headfixed .mobile-nav-box .head-suba > a,
.headfixed .mobile-nav-box .head-subnav > a {
padding: 5px 10px;
}

.menu-list h3 a, .headfixed.headerbgm .menu-list h3 a {
line-height: 30px;
padding: 0px;
}

.btn-line {
margin: 0 30px;
}

.footer .foot-tel .dec {
font-size: 26px;
}

.proinfo1 .proinfo1_tit {
font-size: 30px;
}

.help1 .help1_font .tit {
font-size: 20px;
}

.section3 .section3-tab a {
font-size: 18px;
}

.section1 .section1-tit,
.footer .footerphone-menu h3 a,
.footer .foot-tel .tit,
.section4 .section4-ft .tit,
.help1 .dec a {
font-size: 16px;
}

.footer .footer-subnav a,
.section4 .section4-ft .dec,
.section4 .section4-ft .time,
.section4-more {
font-size: 14px;
}

.section1 .section1-right .line {
margin-top: 30px;
margin-bottom: 20px;
}

.in-tit .tit, .inner-tit .tit {
font-size: 28px;
}

.in-tit .line {
width: 45px;
height: 3px;
}

.section3 .swiper-button-prev, .section3 .swiper-button-next {
width: 40px;
height: 40px;
}

.section4 .section4-ft .tit span {
width: 18px;
line-height: 18px;
font-size: 12px;
}

.nav-menu1 {
margin-top: 0px;
border-bottom: 1px solid rgba(51, 51, 51, 0.15);
}

.nav-menu .nav-menu-ul {
width: 100%;
position: absolute;
z-index: 100;
background: #fff;
box-shadow: 0 1px 4px 1px #f1f1f1;
display: none;
}

.nav-menu1 .nav-menu-ul li,
.nav-menu .nav-menu-ul li {
flex: auto;
width: 100%;
padding: 0 5%;
text-align: left;
border-right: 0px;
border-top: 1px solid rgba(51, 51, 51, 0.15);
}

.nav-menu .w1400 {
width: 100%;
}

.ny-bread {
bottom: 20px;
}

.ny-bread a, .ny-bread img, .ny-bread em {
font-size: 14px;
}

.proinfo1 .proinfo1_right::before {
left: -9.5%;
}

.proinfo3 table {
width: 1110px;
}

.download1 .download1_ul {
width: 1120px;
}

.download1 .download1_left {
width: calc(100% - 420px);
}

.download1 .download1_right {
width: 420px;
}

.download1 .download1_li input,
.download1 .download1_right .input,
.download1 .download1_right .sub {
height: 50px;
}

.answer1 .answer1_ul li {
padding: 18px 20px;
}

.answer1 .answer1_tit .tit {
padding: 0 15px;
}

.about1 .about1_simg {
max-width: 245px;
max-height: 200px;
}

.about3 .about3_font .tit {
font-size: 32px;
}

.new1 .new1_left {
padding-right: 6%;
}

.contact1 .contact1_right {
padding: 50px 5%;
}

.contact1 .contact1_tit {
font-size: 30px;
}
}

@media screen and (max-width: 1100px) {
.new1 .new1_left,
.neinfo1 .neinfo1_left {
width: 100%;
padding-right: 0px;
}

.new1 .new1_right,
.section4 .section4-li::before, .section4 .section4-li:last-child::after {
display: none;
}

.app-kfbt {
display: block;
}

.section4 .section4-top {
margin-top: 0px;
}

.more {
width: 130px;
padding: 10px;
font-size: 14px;
}

.banner .swiper-font .swiper-en,
.banner .swiper-font .swiper-h3 h3 {
font-size: 18px;
}

.banner .swiper-font .swiper-h2 h2 {
font-size: 32px;
}

.banner .more {
margin-top: 25px;
}

.section1 .section1-right .tit,
.about3 .about3_syear {
font-size: 22px;
}

.section1 .swiper-pagination {
font-size: 16px;
}

.section1 .section1-right .btn, .section2 .section2-font .btn {
font-size: 14px;
}

.section1 .section1-right .dec {
font-size: 16px;
margin-top: 10px;
}

.section1 .swiper-button-prev {
left: -30px;
}

.section1 .swiper-button-next {
right: -30px;
}

.section1 .section1-right {
padding: 30px 35px;
}

.section1 .swiper-pagination {
right: 35px;
}

.section1 .section1-right .line {
margin-top: 20px;
}

.section4 .section4-li:first-child {
width: 100%;
padding: 0px;
}

.section4 .section4-li {
width: 50%;
}

.section4 .section4-bot {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}

.section4 .section4-video,
.section4 .section4-li:first-child .section4-ftBox {
width: 50%;
}

.section4 .section4-li:first-child .section4-ftBox {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 30px;
}

.pub-banner-font .tit_en,
.neinfo1 .page a {
font-size: 16px;
}

.pub-banner-font .tit {
font-size: 30px;
}

.product1 .product1_cont li {
width: 23.5%;
}

.product1 .product1_cont li:nth-child(5n) {
margin-right: 2%;
}

.product1 .product1_cont li:nth-child(4n) {
margin-right: 0px;
}

.proinfo1 .proinfo1_left {
height: 300px;
}

.proinfo1 .swiper-container {
height: 89.5%;
}

.proinfo1 .proinfo1_dec {
height: 120px;
}

.proinfo1 .proinfo1_right::before {
bottom: 20px;
}

.download1 .download1_left {
width: calc(100% - 380px);
}

.download1 .download1_right {
width: 380px;
}

.download1 .download1_right .input {
width: calc(100% - 70px);
}

.download1 .download1_right .sub {
width: 70px;
}

.help1 .help1_ul li {
width: 23.1%;
}

.help1 .help1_ul li:nth-child(4n) {
margin-right: 0px;
}

.about3 .about3_font {
width: 42%;
}

.about3 .about3_font .tit,
.neinfo1 .neinfo1_left .tit {
font-size: 30px;
}

.about1 .about1_right::before {
width: 300px;
height: 300px;
}

.new1 .new1_font .btn {
margin-top: 20px;
}

.new1 .new1_left a {
padding: 30px 0;
}

.neinfo1 .neinfo1_left .line {
margin: 20px auto;
}

.new1 .new1_list {
padding-top: 20px;
}
}

@media screen and (max-width: 980px) {
.footer .foot-top,
.proinfo1 .proinfo1_list,
.proinfo1 .proinfo1_left,
.download1 .download1_top,
.about1 .about1_list {
flex-wrap: wrap;
}

.section1 .section1-left,
.section1 .section1-right,
.section2 .section2-ul li,
.footer .foot-left,
.footer .foot-menu,
.footer .foot-copy,
.footer .foot-rtlink,
.proinfo1 .proinfo1_right,
.proinfo1 .proinfo1-Sswiper,
.proinfo1 .proinfo1_left,
.proinfo1 .proinfo1-Bswiper,
.download1 .download1_left,
.download1 .download1_right,
.about1 .about1_left,
.about1 .about1_right,
.neinfo1 .page,
.neinfo1 .page a,
.neinfo1 .page span {
width: 100%;
}

.proinfo1 .swiper-container {
height: 100%;
}

.footer .foot-menu,
.proinfo1 .proinfo1_right,
.about1 .about1_right {
padding-left: 0px;
}

.section2 .section2-ul li,
.download1 .download1_li:last-child {
margin-right: 0px;
}

.section2 .section2-ul li,
.proinfo1 .proinfo1_right,
.proinfo1 .proinfo1-Sswiper,
.about1 .about1_right {
margin-top: 30px;
}

.section2 .section2-ul li:first-child {
margin-top: 0px;
}

.banner .pub-pbanner,
.pub-pcbanner,
.proinfo1 .proinfo1_right::before,
.about2 .about2_list li:nth-child(2n)::before,
.neinfo1 .pageurl .return,
.neinfo1 .page em {
display: none;
}

.banner .pub-mbanner {
display: block;
}

.section1 .section1-tpswiper {
padding: 35px 0px;
}

.section1 .swiper-button-next, .section1 .swiper-button-prev {
top: 19%;
}

.section3 .section3-tab li {
padding-right: 15%;
}

.in-tit .tit, .inner-tit .tit {
font-size: 26px;
}

.section2 .section2-font .tit {
font-size: 22px;
}

.in-tit .dec p {
display: inline;
}

.section1 .in-tit, .section3 .section3-tleft {
padding-right: 10%;
}

.section4 .section4-tit,
.product1 .product1_font .tit,
.about3 .about3_syear {
font-size: 20px;
}

.section4 .section4-icon {
width: 22px;
height: 22px;
}

.section4 .section4-tit {
width: calc(100% - 22px);
}

.footer .foot-lftop {
margin: 50px auto;
}

.footer .foot-copy,
.footer .foot-rtlink {
text-align: center;
}

.footer .foot-rtlink {
margin-top: 10px;
}

.download1 .download1_right {
margin-top: 20px;
}

.inner-tit .dec,
.answer1 .answer1_tit .tit {
font-size: 16px;
}

.inner-tit .dec p {
display: inline;
}

.product1 .product1_cont li {
width: 32%;
}

.product1 .product1_cont li:nth-child(4n) {
margin-right: 2%;
}

.product1 .product1_cont li:nth-child(3n) {
margin-right: 0px;
}

.proinfo1 .proinfo1_left {
height: auto;
}

.proinfo1 .proinfo1-Sswiper .swiper-container {
width: 90%;
margin: 0 auto;
}

.proinfo1 .proinfo1-Sswiper {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.proinfo1 .proinfo1-Bswiper {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.proinfo1 .proinfo1-Bswiper {
margin: 0 auto;
}

.proinfo1 .proinfo1-Sswiper .swiper-button-next,
.proinfo1 .proinfo1-Sswiper .swiper-button-prev {
top: 50% !important;
bottom: auto;
}

.proinfo1 .proinfo1-Sswiper .swiper-button-prev {
left: 0px;
transform: rotate(-90deg);
}

.proinfo1 .proinfo1-Sswiper .swiper-button-next {
right: 0px;
left: auto !important;
transform: translateX(0px);
transform: rotate(-90deg);
}

.solution1 .solution1_ul li {
width: 49%;
}

.solution1 .solution1_ul li:nth-child(3n) {
margin-right: 1.8%;
}

.solution1 .solution1_ul li:nth-child(2n) {
margin-right: 0px;
}

.download1 .download1_li {
width: 48.5%;
}

.download1 .download1_bot {
margin-top: 30px;
margin-bottom: 20px;
}

.answer1 .download1_li {
width: 100%;
}

.answer1 .tag {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
}

.answer1 .answer1_dec .cont p {
margin-bottom: 10px;
}

.answer1 .answer1_dec {
padding: 20px 0px 30px 0px;
}

.answer1 .answer1_tit .tit {
width: calc(100% - 30px - 18px);
}

.answer1 .answer1_dec .cont {
width: calc(100% - 30px);
padding: 0 30px 0 15px;
}

.help1 .help1_ul li {
width: 31.65%;
}

.help1 .help1_ul li:nth-child(4n) {
margin-right: 2.5%;
}

.help1 .help1_ul li:nth-child(3n) {
margin-right: 0px;
}

.about2 .about2_list li {
width: 50%;
margin-top: 40px;
}

.about2 .about2_list li:nth-child(2n) {
border-right: 1px solid transparent;
}

.about2 .about2_list {
padding-top: 0px;
padding-bottom: 40px;
}

.about3 .about3_font {
width: 55%;
padding: 20px;
}

.about3 .about3_byear {
font-size: 260px;
}

.about3 .about3_syear {
padding-top: 35px;
}

.about3 .about3_font .tit {
font-size: 26px;
}

.about1 .about1_tit {
font-size: 22px;
}

.neinfo1 .page.next {
text-align: left;
}

.neinfo1 .page a {
padding: 6px 0;
justify-content: flex-start;
}

.neinfo1 .pageurl,
.contact2 .contact2_ul li {
margin-top: 20px;
}

.neinfo1 .page span {
padding: 0px;
}

.contact2 .contact2_li input {
height: 50px;
padding: 10px;
}

.contact2 .contact2_li textarea {
padding: 10px;
}
}

@media screen and (max-width: 767px) {
.w1760 {
width: 92%;
}

.section4 .section4-video, .section4 .section4-li:first-child .section4-ftBox,
.section4 .section4-li,
.section4 .section4-li:first-child,
#search-form,
.proinfo1 .proinfo1_more2,
.proinfo4 .proinfo4_ul li,
.product1 .product1_cont li,
.product1 .product1_cont li,
.solution1 .solution1_ul li,
.download1 .download1_li,
.help1 .help1_ul li,
.about2 .about2_list li,
.about3 .about3_font,
.new1 .new1_img,
.new1 .new1_font,
.contact1 .contact1_ul li,
.contact1 .contact1_email,
.contact2 .contact2_li {
width: 100%;
}

.section1 .section1-top,
.proinfo1 .proinfo1_btn,
.proinfo4 .proinfo4_ul {
flex-wrap: wrap;
position: relative;
}

.proinfo4 .proinfo4_ul li,
.product1 .product1_cont li:nth-child(2n),
.product1 .product1_cont li:nth-child(3n),
.product1 .product1_cont li,
.solution1 .solution1_ul li,
.solution1 .solution1_ul li:nth-child(3n),
.download1 .download1_li,
.help1 .help1_ul li:nth-child(2n),
.help1 .help1_ul li,
.contact2 .contact2_li {
margin-right: 0px;
}

.proinfo4 .proinfo4_ul li,
.download1 .download1_li,
.help1 .help1_ul li,
.contact2 .contact2_li,
.contact2 .contact2_ul li button {
margin-top: 20px;
}

.product1 .product1_cont li,
.solution1 .solution1_ul li {
margin-bottom: 20px;
}

.download1 .download1_li:first-child,
.contact2 .contact2_ul li {
margin-top: 0px;
}

.solution1 .solution1_ul li:last-child {
margin-bottom: 0px;
}

.section1 .in-tit, .section3 .section3-tleft {
width: 100%;
}

.section1 .in-tit, .section3 .section3-tleft,
.footer .ftlogo {
padding-right: 0px;
}

.section4 .section4-li:first-child .section4-ftBox,
.new1 .new1_font,
.contact1 .contact1_ul li:nth-child(2n-1),
.contact1 .contact1_email {
padding-left: 0px;
}

.section3 .section3-top {
padding: 0px;
}

.section4 .section4-top {
padding-bottom: 25px;
}

.language,
.btn-line,
.section1 .more:hover::before,
.section3 .more:hover::before,
.footer .foot-menu,
.about2 .about2_list li::before,
.contact1 .contact1_ul li::before {
display: none;
}

.app-lanu {
display: block;
}

.headfixed .logo img, .footer .ftlogo img {
max-width: 120px;
}

.headfixed .menu-list {
width: 80%;
}

.headfixed {
padding: 12px 0px;
}

.mainer {
margin-top: 57px;
}

.mobile-nav-box {
top: 57px;
}

.headfixed .mobile-nav-box > ul > li > h3 {
padding: 10px 4.5%;
}

.headfixed .mobile-nav-box > ul > li > h3 > i, .headfixed .mobile-nav-box .link-tit > i {
right: 4.5%;
top: 8px;
}

.headfixed .mobile-nav-box > ul > li > h3 > a,
.section2 .section2-font .dec,
.product1 .product1_menu a,
.about3 .about3_font .dec,
.in-tit .dec, .section1 .section1-tit, .section1 .section1-tit,
.contact1 .contact1_entit {
font-size: 16px;
}

.headfixed .mobile-nav-box .head-suba > a, .headfixed .mobile-nav-box .head-subnav > a {
font-size: 14px;
padding: 2px 10px;
}

.headfixed .mobile-nav-box .head-subnav {
padding: 20px 5.5%;
}

.banner .swiper-font .swiper-h2 h2,
.neinfo1 .neinfo1_left .tit,
.contact1 .contact1_tit {
font-size: 26px;
}

.banner .swiper-font .swiper-h2 {
margin-bottom: 10px;
margin-top: 10px;
}

.swiper-pagination-bullet {
width: 16px;
height: 3px;
}

.swiper-pagination-bullet-active {
width: 24px;
height: 4px;
}

.pub-banner-font .tit {
font-size: 28px;
}

.proinfo1 .proinfo1_tit {
font-size: 26px;
}

.in-tit .tit, .inner-tit .tit {
font-size: 24px;
}

.section1 .swiper-button-next, .section1 .swiper-button-prev {
top: 25%;
}

.section1 .swiper-button-next {
right: -15px;
}

.section1 .swiper-button-prev {
left: -15px;
}

.section1 .section1-right .tit,
.proinfo1 .proinfo1_tdec,
.about1 .about1_tit,
.new1 .new1_font .tit {
font-size: 20px;
}

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

.section1 .swiper-pagination {
bottom: 20px;
right: 25px;
}

.section2 .section2-font {
padding-right: 22% !important;
}

.section3 .section3-tab {
padding-top: 10px;
}

.section3 .section3-tab li {
padding-right: 10%;
}

.section3 .more,
.section1 .more {
position: absolute;
right: 0px;
top: 10%;
color: #555555;
background: transparent;
width: 80px;
padding: 0px;
font-family: "HarmonyOS_Sans_SC";
}

.section1 .section1-tpswiper {
padding: 25px 0px;
}

.section4 .section4-ftBox,
.section4 .section4-ft:first-child {
padding-top: 0px;
}

.section4 .section4-li:first-child .section4-ftBox {
padding-top: 20px;
}

.section4 .section4-li {
padding-top: 40px !important;
}

.section4 .section4-ftBox {
padding-bottom: 55px;
}

.section4 .section4-li:first-child {
padding-top: 50px !important;
}

.videobox::before,
.videobox:hover::before {
width: 45px;
height: 45px;
}

.footer .foot-copy span {
display: block;
padding-right: 0px;
padding-bottom: 8px;
}

.footer .foot-lftop {
margin: 20px auto;
}

.footer .foot-lftop {
justify-content: flex-start;
}

.footer .ftlogo {
width: 120px;
margin-right: 20%;
}

.footer .foot-copy span {
margin-right: 0px;
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
bottom: 20px;
}

.lightboxOverlay,
.lightbox {
display: none !important;
}

.ny-bread {
bottom: 10px;
}

.ny-bread a, .ny-bread img, .ny-bread em {
font-size: 12px;
}

.ny-bread em {
margin: 0px;
vertical-align: -1px;
}

.ny-bread img {
max-width: 12px;
}

.product1 .product1_menu {
margin-bottom: 40px;
margin-top: 25px;
}

.nav-menu .nav-name {
line-height: 55px;
}

.nav-menu .nav-menu-ul a {
padding: 15px 0;
}

.proinfo1 .proinfo1_line {
margin: 15px auto;
}

.proinfo1_more1 {
width: 150px;
}

.proinfo1 .proinfo1_more2 {
margin-left: 0px;
margin-top: 20px;
}

.proinfo1 .proinfo1_dec {
height: 150px;
}

.solution1 .solution1_font .dec,
.about1 .about1_dec,
.about1 .about1_dec p {
margin-top: 15px;
}

.solution1 .solution1_font .tit,
.answer1 .answer1_line,
.answer1 .answer1_ul li {
margin-bottom: 15px;
}

.solution1 .solution1_font .tag1 {
padding-bottom: 7%;
}

.answer1 .answer1_ul,
.about3 .about3_syear {
padding-top: 30px;
}

.answer1 .answer1_ul {
padding-bottom: 5px;
}

.answer1 .answer1_tit .icon {
width: 15px;
height: 15px;
}

.answer1 .answer1_tit .icon em {
width: 15px;
top: 6px;
}

.answer1 .answer1_tit .icon em:nth-child(2) {
height: 15px;
left: 6px;
}

.answer1 .answer1_ul li {
padding: 15px;
}

.answer1 .tag {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 14px;
}

.answer1 .answer1_tit .tit {
width: calc(100% - 26px - 15px);
padding: 0 10px;
}

.answer1 .answer1_dec .cont {
width: calc(100% - 26px);
padding: 0 15px;
}

.answer1 .answer1_dec .cont {
font-size: 14px;
}

.about1 .about1_simg {
max-width: 180px;
max-height: 140px;
}

.about1 .about1_right::before {
width: 250px;
height: 250px;
left: 12.5%;
}

.about2 .about2_font .number {
font-size: 32px;
}

.about2 .about2_list li {
border-right: 1px solid transparent;
}

.about2 .about2_icon {
margin-top: 0px;
}

.about2 .about2_font {
width: calc(100% - 40px);
}

.about2 .about2_list li {
margin-top: 30px;
}

.about2 .about2_list {
padding-top: 10px;
}

.about3 .about3_tswiper .swiper-button-prev, .about3 .about3_tswiper .swiper-button-next {
width: 35px;
height: 35px;
}

.about3 .about3_font {
width: 90%;
margin: 25px auto;
position: relative;
top: 0%;
left: 0%;
transform: translate(0%,0%);
}

.about3 .about3_byear {
font-size: 150px;
display: none;
}

.about3 .about3_tswiper .swiper-button-prev {
left: -10px;
}

.about3 .about3_tswiper .swiper-button-next {
right: -10px;
}

.about3 .about3_font .dec {
height: 50px;
}

.new1 .new1_font {
margin-top: 25px;
}

.new1 .new1_left a {
padding: 25px 0;
}

.new1 .new1_list {
padding-bottom: 25px;
}

.neinfo1 .pageurl {
padding: 4% 6%;
}

.contact1 .contact1_line {
height: 2px;
margin-top: 15px;
border: solid 1px #000000;
}

.contact2 .contact2_li {
flex: auto;
}

.contact2 .contact2_ul li button {
padding: 10px 5px;
font-size: 14px;
}
}

@media screen and (max-width: 320px) {
.footer .ftlogo {
margin-right: 25%;
}
}


.proinfo4 p, .proinfo4 span {
font-family: "HarmonyOS_Sans_SC","Microsoft YaHei","sans-serif" !important;
font-size: 16px !Important;
}

.proinfo4 p {
margin-top: 5px;
}