html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

html,body {
  -webkit-text-size-adjust: none;
}

@font-face {
    font-family: "Medium";
    src: url("../fonts/Saira-Medium.ttf");
}

@font-face {
    font-family: "SemiBold";
    src: url("../fonts/Saira-SemiBold.ttf");
}

@font-face {
    font-family: "Light";
    src: url("../fonts/Saira-Light.ttf");
}

@font-face {
    font-family: "Bold";
    src: url("../fonts/Saira-Bold.ttf");
}

@font-face {
    font-family: "Regular";
    src: url("../fonts/Saira-Regular.ttf");
}

.layout1800px {
    width: 1800px;
    margin: 0 auto;
}


.layout1500px {
    width: 1500px;
    margin: 0 auto;
}

.layout1300px {
    width: 1300px;
    margin: 0 auto;
}

.layout1100px {
    width: 1100px;
    margin: 0 auto;
}

.header {
    top: 0px;
}

.header .inner nav ul li>a {
    font-weight: 500;
    font-size: 20px !important;
    color: #092957;
    line-height: 115px;
}

.header .inner .index-search>a {
    color: #092957;
}

.header .inner .flex {
    height: 115px;
    line-height: 115px;
}

.header.active .inner .flex,
.header.cur .inner .flex {
    height: 115px;
    line-height: 115px;
}

.header .inner nav ul li {
    margin-right: 57px;
}

.headersharebox {
    display: flex;
    align-items: center;
    padding-right: 35px;
    border-right: 1px solid #092957;
    margin-right: 38px;
}

.headersharebox a {
    display: block;
    margin-left: 7px;
    margin-right: 7px;
}

.headersharebox a .img1 {
    display: block;
}

.headersharebox a .img2 {
    display: none;
}

.headersharebox a:hover .img1 {
    display: none;
}

.headersharebox a:hover .img2 {
    display: block;
}

.header .inner nav ul li>a:hover,
.header.active .inner nav ul li.active>a,
.header .inner nav ul li .child a:hover {
    color: #0028AA !important;
}

.header .inner .language {
    margin-left: 21px;
}

.header .inner .language .inner_lang>a {
    border-radius: 19px;
    border: 1px solid #09295750;
}

.header .inner .language .inner_lang>a {
    margin-top: 2px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 15px;
    color: #092957;
    display: flex;
    align-items: center;
    height: 37px;
    line-height: 37px;
}

.header .inner .index-search .content .fa-search {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.header .inner nav ul li .child {
    position: fixed;
    top: 115px;
    left: 0px;
    width: 100%;
    padding: 44px 0px;
    border-top: 1px solid #E0E0E0;
}

.header .inner nav ul li .otherchildcontent {
    display: flex;
    justify-content: center;
}

.header .inner nav ul li .otherchildcontent a {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px 15px;
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 20px;
    color: #092957;
    line-height: 55px;
}

.header .inner nav ul li .productchildcontent {
    display: flex;
    justify-content: space-between;
}

.header .inner nav ul li .productchildcontent .leftbox {
    width: 415px;
}

.header .inner nav ul li .productchildcontent .rightbox {
    width: calc(100% - 435px);
}

.header .inner nav ul li .productchildcontent .title {
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 40px;
    color: #092957;
    line-height: 48px;
}

.header .inner nav ul li .productchildcontent .pcctagsbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.header .inner nav ul li .productchildcontent .pcctagsbox a {
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 20px;
    line-height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #092957;
}

.header .inner nav ul li .productchildcontent .pcctagsbox a img {
    display: none;
}

.header .inner nav ul li .productchildcontent .pcctagsbox a:hover img {
    display: block;
}

.header .inner nav ul li .productchildcontent .headerbtn {
    padding: 18px 30px;
    background: linear-gradient(90deg, #0028AA 1%, #0B57E3 99%);
    border-radius: 5px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF !important;
    transition: all 0.5s;
    margin-top: 71px;
    display: block;
    width: fit-content;
    line-height: 16px;
}

.header .inner nav ul li .productchildcontent .headerbtn:hover {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
    color: white !important;
}

.header .inner nav ul li .productchildcontent .rightbox .pcctagsboxcontent {
    display: none;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.header .inner nav ul li .productchildcontent .rightbox .pcctagsboxcontent a {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px 9px;
    min-width: 23%;
    max-width: 250px;
    margin-bottom: 15px;
}

.header .inner nav ul li .productchildcontent .rightbox .pcctagsboxcontent a span {
    width: 100%;
    text-align: center;
    display: block;
    white-space: break-spaces;
    word-break: break-word;
    line-height: 1.5;
    margin-top: 10px;
}

.header .inner nav ul li .productchildcontent .rightbox .pcctagsboxcontent.active {
    display: flex;
}

#col-index-banner {
    position: relative;
}

#col-index-banner .bannercontent {
    position: absolute;
    left: 50%;
    top: 36.5%;
    height: 100%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#col-index-banner .bannercontent .title {
    max-width: 810px;
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 63px;
    color: #092957;
    line-height: 69px;
    text-transform: uppercase;
}

#col-index-banner .bannercontent .ctitle {
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 20px;
    color: #092957;
    margin-top: 25px;
}

#col-index-banner .bannerbtn {
    padding: 13px 31px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    background: linear-gradient(90deg, #120F98 0%, #0B57E3 99%);
    border-radius: 5px;
    width: fit-content;
    margin-top: 75px;
}

#col-index-banner .bannerbtn:hover {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
}

#col-index-banner .swiper-pagination {
    bottom: -35px;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -46px);
}


#col-index-banner .swiper-pagination .swiper-pagination-bullet {
    width: 54px;
    height: 5px;
    background: white;
    border-radius: 0px;
    margin: 0px 3px;
    opacity: 1;
}


#col-index-banner .swiper-pagination .swiper-pagination-bullet-active {
    background: #0028AA;
}

.jg-contactfrombox {
    width: 100%;
    height: auto;
    padding: 120px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.jg-contactfrombox .layout1500px {
    display: flex;
    align-items: center;
}

.jg-contactfrombox .layout1500px .leftbox {
    width: 50%;
}

.jg-contactfrombox .layout1500px .leftbox .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 70px;
    color: #FFFFFF;
    line-height: 78px;
}

.jg-contactfrombox .layout1500px .leftbox .content {
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 31px;
    margin-top: 41px;
}

.jg-contactfrombox .layout1500px .rightbox {
    width: 50%;
}

.header.active .inner nav ul li>a,
.header.cur .inner nav ul li>a,
.header.active .inner .language .inner_lang>a,
.header.cur .inner .language .inner_lang>a,
.header.active .inner .index-search>a,
.header.cur .inner .index-search>a {
    color: #092957;
}

.newfooterbox {
    width: 100%;
    height: fit-content;
    background: #F1F4FB;
    padding: 73px 0px;
}

.newfooterbox .topboxgs {
    padding-bottom: 40px;
    border-bottom: 1px solid #E0E0E0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newfooterbox .topboxgs .rightbox {
    display: flex;
    align-items: center;
}

.newfooterbox .topboxgs .rightbox span {
    margin-right: 31px;
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 21px;
    color: #092957;
}

.newfooterbox .topboxgs .rightbox a {
    margin: 0px 7.5px;
}

.newfooterbox .centerboxgs {
    display: flex;
    justify-content: space-between;
    margin-top: 75px;
    padding-bottom: 97px;
    border-bottom: 1px solid #E0E0E0;
}

.newfooterbox .centerboxgs .centerbox .title {
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 21px;
    color: #092957;
    margin-bottom: 27px;
}

.newfooterbox .centerboxgs .centerbox .content {
    display: flex;
    flex-direction: column;
}

.newfooterbox .centerboxgs .centerbox .content a {
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #092957;
    line-height: 36px;
    transition: all 0.5s;
}

.newfooterbox .centerboxgs .centerbox .content a:hover {
    text-decoration-line: underline;
    color: #120F98;
}

.newfooterbox .centerboxgs .centerbox .footercontactbox {
    display: flex;
    align-items: center;
    margin-bottom: 19px;
}

.newfooterbox .centerboxgs .centerbox .footercontactbox div {
    max-width: 236px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #092957;
    line-height: 24px;
    margin-left: 10px;
    cursor: pointer;
}

.newfooterbox .centerboxgs .centerbox .footercontactbox div:hover {
    text-decoration-line: underline;
    color: #120F98;
}

.newfooterbox .centerboxgs .centerbox .footercontactbox a {
    max-width: 236px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #092957;
    line-height: 24px;
    margin-left: 10px;
}

.newfooterbox .centerboxgs .centerbox .footercontactbox a:hover {
    text-decoration-line: underline;
    color: #120F98;
}

.newfooterbox .bottomboxgs {
    display: flex;
    margin-top: 29px;
    justify-content: space-between;
}

.newfooterbox .bottomboxgs .leftbox {
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 14px;
    color: #092957;
}

.newfooterbox .bottomboxgs .rightbox {
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 14px;
    color: #092957;
}

.newfooterbox .bottomboxgs .rightbox a {
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 14px;
    color: #092957;
}

.newfooterbox .bottomboxgs .rightbox a:hover {
    color: #120F98;
    text-decoration: underline;
}

.newfooterbox .tagsboxgs {
    display: flex;
    flex-wrap: wrap;
}

.newfooterbox .tagsboxgs a {
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 14px;
    color: #092957;
    line-height: 25px;
}

.newfooterbox .tagsboxgs a:hover {
    color: #120F98;
    text-decoration: underline;
}

.jg-indexmk1 {
    margin-bottom: 110px;
}

.jg-indexmk1 .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 70px;
    color: #092957;
    margin-top: 100px;
    margin-bottom: 53px;
    text-align: center;
}

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

.jg-indexmk1 .content .indexmk1-contentbox {
    max-width: 490px;
    max-height: 400px;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    width: 32%;
}

.jg-indexmk1 .content .indexmk1-contentbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
    aspect-ratio: 49 / 40;
}


.jg-indexmk1 .content .indexmk1-contentbox:hover img {
    transform: scale(1.2);
}

.jg-indexmk1 .content .indexmk1-contentbox .contentbox {
    position: absolute;
    bottom: 41px;
    left: 30px;
}

.jg-indexmk1 .content .indexmk1-contentbox .contentbox .c_title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    margin-bottom: 24px;
    transition: all 0.5s;
}

.jg-indexmk1 .content .indexmk1-contentbox .contentbox .c_btn {
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    transition: all 0.5s;
}

.jg-indexmk1 .content .indexmk1-contentbox:hover .c_title {
    color: #F1F4FB;
}

.jg-indexmk1 .content .indexmk1-contentbox:hover .c_btn {
    color: #F1F4FB;
    text-decoration: underline;
}

.jg-indexmk7 {
    width: 100%;
    height: fit-content;
    padding: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mySwiperpartners {
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
}

.mySwiperpartners .swiper-pagination {
    bottom: 0px;
}

.mySwiperpartners .swiper-pagination-bullet {
    background: #0028AA50;
}

.mySwiperpartners .swiper-pagination-bullet-active {
    background: #0028AA;
}

.jg-indexmk7 .indextitlebox .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 70px;
    color: #092957;
    text-align: center;
    margin-bottom: 57px;
}

.jg-indexmk6 .indextitlebox .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 70px;
    color: #092957;
    text-align: center;
    margin-bottom: 57px;
    margin-top: 100px;
}

.jg-indexmk6 .mySwiperindexnews {
    position: relative;
    margin-bottom: 58px;
}

.jg-indexmk6 .mySwiperindexnews img {
    width: 100%;
    height: auto;
    max-height: 265px;
    object-fit: contain;
}

.jg-indexmk6 .mySwiperindexnews .content {
    padding: 21px 20px;
}

.jg-indexmk6 .mySwiperindexnews .swiper-slide:hover .content {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px rgba(116, 120, 124, 0.1);
    border-radius: 10px;
}

.jg-indexmk6 .mySwiperindexnews .content .time {
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 18px;
    color: #092957;
}

.jg-indexmk6 .mySwiperindexnews .content .title {
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 20px;
    color: #092957;
    line-height: 28px;
    margin-top: 23px;
    display: block;
    transition: all 0.5s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.jg-indexmk6 .mySwiperindexnews .swiper-slide:hover .content .title {
    text-decoration: underline;
    color: #0028AA;
}

.jg-indexmk6 .mySwiperindexnews .swiper-button-next,
.jg-indexmk6 .mySwiperindexnews .swiper-button-prev {
    opacity: 1;
    width: 56px;
    height: 56px;
    background: #F8F8F8;
    border-radius: 50%;
    transition: all 0.5s;
}

.jg-indexmk6 .mySwiperindexnews .swiper-button-next:hover,
.jg-indexmk6 .mySwiperindexnews .swiper-button-prev:hover {
    background: #0028AA;
}

.jg-indexmk6 .mySwiperindexnews .swiper-button-next:hover svg path,
.jg-indexmk6 .mySwiperindexnews .swiper-button-prev:hover svg path {
    fill: white;
}

.jg-indexmk6 .mySwiperindexnews .swiper-button-next:before,
.jg-indexmk6 .mySwiperindexnews .swiper-button-prev:before {
    display: none;
}

.jg-indexmk6 .jg-indexmk6-btn {
    background: linear-gradient(90deg, #0028AA 0%, #0B57E3 99%);
    border-radius: 5px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    padding: 13px 31px;
    display: block;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 100px;
}

.jg-indexmk6 .jg-indexmk6-btn:hover {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
}

.jg-indexmk4 {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 100px;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 650px;
}

.jg-index-mk4 .centerplay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

.bofang {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px;
    background: #0028AA;
    border-radius: 50%;
    cursor: pointer;
}

.sanjiao {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.5) rotate(90deg);
    border-left: 23px solid transparent;
    border-right: 23px solid transparent;
    border-bottom: 40px solid white;
    width: 0px;
    height: 0px;
    cursor: pointer;
    margin-left: 3px;
    z-index: 2;
    pointer-events: none;
}

@keyframes opac {
    from {
        opacity: 1;
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
    }

    to {
        opacity: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
}

.animate-wave * {
    border: 1px solid white;
    position: absolute;
    border-radius: 50%;
    background-color: white;
    animation: opac 4s infinite;
}

.animate-wave .w2 {
    animation-delay: 1s;
}

.animate-wave .w3 {
    animation-delay: 2s;
}

.animate-wave .w4 {
    animation-delay: 3s;
}

.animate-wave {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    cursor: pointer;
}

/*弹窗*/
.window {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    background-color: rgb(0 0 0 / 72%);
    z-index: 999;
    /*背景层*/
    text-align: center;
}

.window:target {
    display: block;
}

.windows:target .window {
    display: none;
}

.window_content {
    width: 661px;
    height: 375px;
    margin: 15% auto;
    z-index: 30;
    /*置顶窗口层*/
    background-color: white;
    border-radius: 10px;
    position: relative;
    border: 1px solid white;
    padding-left: 56px;
    padding-right: 56px;
}

.window_content a {
    color: black;
    position: absolute;
    right: 0;
}

@media screen and (max-width: 992px) {
    .window_content {
        width: 95%;
    }
}

.jg-indexmk3 {
    width: 100%;
    height: auto;
    padding: 100px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.jg-indexmk3 .layout1500px {
    display: flex;
    align-items: center;
}

.jg-indexmk3 .layout1500px .leftbox {
    width: 50%;
    padding-right: 2.5px;
}

.jg-indexmk3 .layout1500px .leftbox .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 70px;
    color: #092957;
}

.jg-indexmk3 .layout1500px .leftbox .c_title {
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 33px;
    color: #092957;
}

.jg-indexmk3 .layout1500px .leftbox .content {
    font-family: 'Light' !important;
    font-weight: 300;
    font-size: 15px;
    color: #092957;
    margin-bottom: 40px;
}

.jg-indexmk3 .layout1500px .leftbox .contentbox {
    display: flex;
    margin-bottom: 35px;
}

.jg-indexmk3 .layout1500px .leftbox .contentbox .content-boxgs {
    margin-left: 9px;
}

.jg-indexmk3 .layout1500px .leftbox .contentbox .content-boxgs .content-title {
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 18px;
    color: #092957;
}

.jg-indexmk3 .layout1500px .leftbox .contentbox .content-boxgs .content-content {
    font-family: 'Light' !important;
    font-weight: 300;
    font-size: 16px;
    color: #092957;
    max-width: 660px;
    margin-top: 5px;
}

.jg-indexmk3 .layout1500px .leftbox .btnboxgs {
    display: flex;
    margin-top: 100px;
}

.jg-indexmk3 .layout1500px .leftbox .btnboxgs .btn-left {
    background: linear-gradient(90deg, #0028AA 0%, #0B57E3 99%);
    border-radius: 5px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    padding: 13px 31px;
}

.jg-indexmk3 .layout1500px .leftbox .btnboxgs .btn-left:hover {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
}

.jg-indexmk3 .layout1500px .leftbox .btnboxgs .btn-right {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
    border-radius: 5px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    padding: 13px 31px;
    margin-left: 20px;
}

.jg-indexmk3 .layout1500px .leftbox .btnboxgs .btn-right:hover {
    background: linear-gradient(90deg, #0028AA 0%, #0B57E3 99%);
}

.jg-indexmk3 .layout1500px .rightbox {
    width: 50%;
    padding-left: 2.5px;
    position: relative;
}

.jg-indexmk3 .layout1500px .rightbox .img1 {
    margin-left: 120px;
    margin-bottom: 52px;
}

.jg-indexmk3 .layout1500px .rightbox .rightcontent {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 9;
}

.jg-indexmk3 .layout1500px .rightbox .rightcontent .title {
    width: 450px;
    height: 70px;
    background: #0028AA;
    font-family: 'Regular' !important;
    font-weight: 600;
    font-size: 20px;
    color: #FEFEFE;
    line-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 9px;
}

.jg-indexmk3 .layout1500px .rightbox .rightcontent .num {
    font-size: 51px;
    margin-top: -9px;
    margin-right: 10px;
}

.jg-indexmk3 .numbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;
    flex-wrap: wrap;
}

.jg-indexmk3-numbox {
    display: flex;
    align-items: center;
}

.jg-indexmk3-numbox .imgbox {
    width: 76px;
    height: 76px;
    background: #0028AA;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 33px;
}

.jg-indexmk3-numbox:hover .imgbox {
    background: #F44321;
}

.jg-indexmk3-numbox .numboxgs .numboxgs-numbox {
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 50px;
    color: #092957;
}

.jg-indexmk3-numbox .numboxgs .content {
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #092957;
}

.jg-indexmk5 .indextitlebox .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 70px;
    color: #092957;
    text-align: center;
    margin-bottom: 57px;
}

.jg-indexmk5 .layout1500px {
    display: flex;
    justify-content: center;
}

/*模块5切换模块*/
.jg-indexmk5 .layout1500px .tgaboxqh1 {
    width: 48%;
    margin-right: 1%;
    background: #FFFFFF;
    border: 1px solid #F1F4FB;
    padding: 10px;
    display: flex;
    flex-direction: column;
    height: fit-content;
    position: relative;
}

.jg-indexmk5 .layout1500px .tgaboxqh1 a {
    width: 100%;
    height: auto;
    padding: 11px 47px;
    background: #F1F4FB;
    border: 1px solid #F1F4FB;
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 16px;
    color: #092957;
    display: none;
    align-items: center;
    border-bottom: 1px solid #33333317;
    justify-content: space-between;
}

.jg-indexmk5 .layout1500px .tgaboxqh1 a.active {
    display: flex;
}

.jg-indexmk5 .layout1500px .tgaboxqh1 a svg {
    display: none;
}

.jg-indexmk5 .layout1500px .tgaboxqh1 a.active svg {
    display: block;
}

.jg-indexmk5 .layout1500px .tgaboxqh1 a .img1 {
    display: none;
    margin-right: 17px;
}

.jg-indexmk5 .layout1500px .tgaboxqh1 a .img2 {
    display: block;
    margin-right: 17px;
}

.jg-indexmk5 .layout1500px .tgaboxqh1 a:hover {
    background: #0028AA;
    color: white;
}

.jg-indexmk5 .layout1500px .tgaboxqh1 a:hover .img1 {
    display: block;
}

.jg-indexmk5 .layout1500px .tgaboxqh1 a:hover .img2 {
    display: none;
}

/*左侧格式和右侧格式交界*/
.jg-indexmk5 .layout1500px .tgaboxqh2 {
    width: 48%;
    margin-left: 1%;
    background: #FFFFFF;
    border: 1px solid #F1F4FB;
    padding: 10px;
    height: fit-content;
    position: relative;
}

.jg-indexmk5 .layout1500px .tgaboxqh2 .tgaboxqh1-contentbox {
    display: none;
}

.jg-indexmk5 .layout1500px .tgaboxqh2 .tgaboxqh1-contentbox.active {
    display: block;
}

.jg-indexmk5 .layout1500px .tgaboxqh2 a {
    width: 100%;
    height: auto;
    padding: 11px 47px;
    background: #F1F4FB;
    border: 1px solid #F1F4FB;
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 16px;
    color: #092957;
    display: none;
    align-items: center;
    border-bottom: 1px solid #33333317;
    justify-content: space-between;
}

.jg-indexmk5 .layout1500px .tgaboxqh2 a.active {
    display: flex;
}

.jg-indexmk5 .layout1500px .tgaboxqh2 a svg {
    display: none;
}

.jg-indexmk5 .layout1500px .tgaboxqh2 a.active svg {
    display: block;
}

.jg-indexmk5 .layout1500px .tgaboxqh2 a .img1 {
    display: none;
    margin-right: 17px;
}

.jg-indexmk5 .layout1500px .tgaboxqh2 a .img2 {
    display: block;
    margin-right: 17px;
}

.jg-indexmk5 .layout1500px .tgaboxqh2 a:hover {
    background: #0028AA;
    color: white;
}

.jg-indexmk5 .layout1500px .tgaboxqh2 a:hover .img1 {
    display: block;
}

.jg-indexmk5 .layout1500px .tgaboxqh2 a:hover .img2 {
    display: none;
}

/*切换下面的模块*/
.jg-indexmk5 .tgaboxqh2-gsbox {
    display: none;
    align-items: center;
    justify-content: center;
    margin-top: 158px;
    background: #F1F4FB;
}

.jg-indexmk5 .tgaboxqh2-gsbox.active {
    display: flex;
}

.jg-indexmk5 .tgaboxqh2-gsbox .leftbox {
    width: 50%;
    background: #F1F4FB;
    border-radius: 10px 0px 0px 0px;
    padding: 0px 80px;
}

.jg-indexmk5 .tgaboxqh2-gsbox .leftbox .tgaboxqh2-gsbox-title {
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 33px;
    color: #092957;
    line-height: 36px;
}

.jg-indexmk5 .tgaboxqh2-gsbox .leftbox .tgaboxqh2-gsbox-content {
    font-family: 'Regular' !important;
    font-weight: 300;
    font-size: 16px;
    color: #092957;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 43px;
}

.jg-indexmk5 .tgaboxqh2-gsbox .leftbox .tgaboxqh2-gsbox-btn {
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    padding: 13px 31px;
    background: linear-gradient(90deg, #120F98 0%, #0B57E3 99%);
    border-radius: 5px;
}

.jg-indexmk5 .tgaboxqh2-gsbox .leftbox .tgaboxqh2-gsbox-btn:hover {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
}

.jg-indexmk5 .tgaboxqh2-gsbox .rightbox {
    width: 50%;
}

.jg-indexmk5 .tgaboxqh2-gsbox .rightbox .mySwipertgasswiper {
    width: 100%;
    position: relative;
}

.mySwipertgasswiper .swiper-button-next,
.mySwipertgasswiper .swiper-button-prev {
    opacity: 1;
    width: 56px;
    height: 56px;
    background: #F8F8F8;
    border-radius: 50%;
    transition: all 0.5s;
}

.mySwipertgasswiper .swiper-button-next:hover,
.mySwipertgasswiper .swiper-button-prev:hover {
    background: #0028AA;
}

.mySwipertgasswiper .swiper-button-next:hover svg path,
.mySwipertgasswiper .swiper-button-prev:hover svg path {
    fill: white;
}

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

.mySwipertgasswiper .swiper-pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    background: #FFFFFF50;
    border-radius: 50%;
    margin: 0px 3px;
}

.mySwipertgasswiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #0028AA;
}

.jg-indexmk2 {
    margin-bottom: 110px;
}

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

.jg-indexmk2 .layout1500px .leftbox {
    width: 30%;
    background: #FFFFFF;
    border: 1px solid #F1F4FB;
    padding: 10px;
    display: flex;
}

.jg-indexmk2 .layout1500px .tgaboxqh1 {
    width: 100%;
}

.jg-indexmk2 .layout1500px .tgaboxqh1 a {
    width: 100%;
    height: auto;
    padding: 11px 47px;
    background: #F1F4FB;
    border: 1px solid #F1F4FB;
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 16px;
    color: #092957;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}

.jg-indexmk2 .layout1500px .tgaboxqh1 a.active {
    background: #0028AA;
    color: white;
}

.jg-indexmk2 .layout1500px .tgaboxqh1 a .img1 {
    display: none;
    margin-right: 17px;
}

.jg-indexmk2 .layout1500px .tgaboxqh1 a .img2 {
    display: block;
    margin-right: 17px;
}

.jg-indexmk2 .layout1500px .tgaboxqh1 a:hover {
    background: #0028AA;
    color: white;
}

.jg-indexmk2 .layout1500px .tgaboxqh1 a:hover .img1 {
    display: block;
}

.jg-indexmk2 .layout1500px .tgaboxqh1 a:hover .img2 {
    display: none;
}

.jg-indexmk2 .layout1500px .tgaboxqh1 a.active .img1 {
    display: block;
}

.jg-indexmk2 .layout1500px .tgaboxqh1 a.active .img2 {
    display: none;
}

.jg-indexmk2 .layout1500px .rightbox {
    width: calc(100% - 35%);
}

.jg-indexmk2 .layout1500px .rightbox .tagrightcontentbox {
    display: none;
}

.jg-indexmk2 .layout1500px .rightbox .tagrightcontentbox .title {
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 30px;
    color: #092957;
    margin-bottom: 22px;
}

.jg-indexmk2 .layout1500px .rightbox .tagrightcontentbox .content {
    font-family: 'Regular' !important;
    font-weight: 300;
    font-size: 16px;
    color: #092957;
    line-height: 24px;
}

.jg-indexmk2 .layout1500px .rightbox .tagrightcontentbox .content * {
    font-family: 'Regular' !important;
    font-weight: 300;
    font-size: 16px;
    color: #092957;
    line-height: 24px;
}

.jg-indexmk2 .layout1500px .rightbox .tagrightcontentbox.active {
    display: block;
}

.jg-indexmk2 .mk2contenttags {
    flex-direction: column;
    display: none;
}

.jg-indexmk2 .mk2contenttags.active {
    display: flex;
}

.jg-indexmk2 .mySwiperindexmk2tags {
    width: 100%;
    display: flex;
    margin-top: 50px;
}

.jg-indexmk2 .mySwiperindexmk2tags .title {
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 18px;
    color: #092957;
    line-height: 24px;
    text-align: center;
    width: fit-content;
    text-transform: capitalize;
}

.jg-indexmk2 .mySwiperindexmk2tags .swiper-wrapper {
    justify-content: center;
    border-bottom: 1px solid #F1F4FB;
}

.jg-indexmk2 .mySwiperindexmk2tags .swiper-slide {
    width: fit-content !important;
    margin: 0px 26px;
    cursor: pointer;
}

.jg-indexmk2 .mySwiperindexmk2tags .swiper-slide.swiper-slide-thumb-active {
    color: #0028AA;
    padding-bottom: 5px;
    border-bottom: 3px solid #0028AA;
}

.jg-indexmk2 .mySwiperindexmk2 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.jg-indexmk2 .mySwiperindexmk2 .swiper-slide {
    padding-top: 70px;
}

.jg-indexmk2 .mySwiperindexmk2 .swiper-slide img {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0px);
    /*width: 100%;*/
}

.jg-indexmk2 .mySwiperindexmk2 .swiper-slide .bgtitle {
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 90px;
    color: #F1F4FB;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 100%;
    text-align: center;
}

.jg-indexmk2 .mySwiperindexmk2 .swiper-button-next,
.jg-indexmk2 .mySwiperindexmk2 .swiper-button-prev {
    opacity: 1;
    width: 56px;
    height: 56px;
    background: #F8F8F8;
    border-radius: 50%;
    transition: all 0.5s;
}

.jg-indexmk2 .mySwiperindexmk2 .swiper-button-next:hover,
.jg-indexmk2 .mySwiperindexmk2 .swiper-button-prev:hover {
    background: #0028AA;
}

.jg-indexmk2 .mySwiperindexmk2 .swiper-button-next:hover svg path,
.jg-indexmk2 .mySwiperindexmk2 .swiper-button-prev:hover svg path {
    fill: white;
}

.jg-indexmk2 .mySwiperindexmk2 .swiper-button-next:before,
.jg-indexmk2 .mySwiperindexmk2 .swiper-button-prev:before {
    display: none;
}

.jg-indexmk2 .mySwiperindexmk2 .smtitle {
    text-align: center;
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 30px;
    color: #092957;
    margin-top: 40px;
    text-transform: capitalize;
}

.jg-indexmk2 .mySwiperindexmk2 .smcs {
    text-align: center;
    font-family: 'Light' !important;
    font-weight: 300;
    font-size: 18px;
    color: #092957;
    margin-bottom: 42px;
}

.jg-indexmk2 .mySwiperindexmk2 .btnboxgs {
    display: flex;
    justify-content: center;
}

.jg-indexmk2 .mySwiperindexmk2 .btnboxgs .btn-left {
    background: linear-gradient(90deg, #0028AA 0%, #0B57E3 99%);
    border-radius: 5px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    padding: 13px 31px;
}

.jg-indexmk2 .mySwiperindexmk2 .btnboxgs .btn-left:hover {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
}

.jg-indexmk2 .mySwiperindexmk2 .btnboxgs .btn-right {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
    border-radius: 5px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    padding: 13px 31px;
    margin-left: 20px;
}

.jg-indexmk2 .mySwiperindexmk2 .btnboxgs .btn-right:hover {
    background: linear-gradient(90deg, #0028AA 0%, #0B57E3 99%);
}



.jg-indexmk2 .mySwiperindexmk2tags1 {
    width: 100%;
    display: flex;
    margin-top: 50px;
}

.jg-indexmk2 .mySwiperindexmk2tags1 .title {
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 18px;
    color: #092957;
    line-height: 24px;
    text-align: center;
    width: fit-content;
}

.jg-indexmk2 .mySwiperindexmk2tags1 .swiper-wrapper {
    justify-content: center;
    border-bottom: 1px solid #F1F4FB;
}

.jg-indexmk2 .mySwiperindexmk2tags1 .swiper-slide {
    width: fit-content !important;
    margin: 0px 26px;
    cursor: pointer;
}

.jg-indexmk2 .mySwiperindexmk2tags1 .swiper-slide.swiper-slide-thumb-active {
    color: #0028AA;
    padding-bottom: 5px;
    border-bottom: 3px solid #0028AA;
}

.jg-indexmk2 .mySwiperindexmk21 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.jg-indexmk2 .mySwiperindexmk21 .swiper-slide {
    padding-top: 70px;
}

.jg-indexmk2 .mySwiperindexmk21 .swiper-slide img {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0px);
}

.jg-indexmk2 .mySwiperindexmk21 .swiper-slide .bgtitle {
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 90px;
    color: #F1F4FB;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 100%;
    text-align: center;
}

.jg-indexmk2 .mySwiperindexmk21 .swiper-button-next,
.jg-indexmk2 .mySwiperindexmk21 .swiper-button-prev {
    opacity: 1;
    width: 56px;
    height: 56px;
    background: #F8F8F8;
    border-radius: 50%;
    transition: all 0.5s;
}

.jg-indexmk2 .mySwiperindexmk21 .swiper-button-next:hover,
.jg-indexmk2 .mySwiperindexmk21 .swiper-button-prev:hover {
    background: #0028AA;
}

.jg-indexmk2 .mySwiperindexmk21 .swiper-button-next:hover svg path,
.jg-indexmk2 .mySwiperindexmk21 .swiper-button-prev:hover svg path {
    fill: white;
}

.jg-indexmk2 .mySwiperindexmk21 .swiper-button-next:before,
.jg-indexmk2 .mySwiperindexmk21 .swiper-button-prev:before {
    display: none;
}

.jg-indexmk2 .mySwiperindexmk21 .smtitle {
    text-align: center;
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 30px;
    color: #092957;
    margin-top: 50px;
}

.jg-indexmk2 .mySwiperindexmk21 .smcs {
    text-align: center;
    font-family: 'Light' !important;
    font-weight: 300;
    font-size: 18px;
    color: #092957;
    margin-bottom: 42px;
}

.jg-indexmk2 .mySwiperindexmk21 .btnboxgs {
    display: flex;
    justify-content: center;
}

.jg-indexmk2 .mySwiperindexmk21 .btnboxgs .btn-left {
    background: linear-gradient(90deg, #0028AA 0%, #0B57E3 99%);
    border-radius: 5px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    padding: 13px 31px;
}

.jg-indexmk2 .mySwiperindexmk21 .btnboxgs .btn-left:hover {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
}

.jg-indexmk2 .mySwiperindexmk21 .btnboxgs .btn-right {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
    border-radius: 5px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    padding: 13px 31px;
    margin-left: 20px;
}

.jg-indexmk2 .mySwiperindexmk21 .btnboxgs .btn-right:hover {
    background: linear-gradient(90deg, #0028AA 0%, #0B57E3 99%);
}




.jg-indexmk2 .mySwiperindexmk2tags2 {
    width: 100%;
    display: flex;
    margin-top: 50px;
}

.jg-indexmk2 .mySwiperindexmk2tags2 .title {
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 18px;
    color: #092957;
    line-height: 24px;
    text-align: center;
    width: fit-content;
}

.jg-indexmk2 .mySwiperindexmk2tags2 .swiper-wrapper {
    justify-content: center;
    border-bottom: 1px solid #F1F4FB;
}

.jg-indexmk2 .mySwiperindexmk2tags2 .swiper-slide {
    width: fit-content !important;
    margin: 0px 26px;
    cursor: pointer;
}

.jg-indexmk2 .mySwiperindexmk2tags2 .swiper-slide.swiper-slide-thumb-active {
    color: #0028AA;
    padding-bottom: 5px;
    border-bottom: 3px solid #0028AA;
}

.jg-indexmk2 .mySwiperindexmk22 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.jg-indexmk2 .mySwiperindexmk22 .swiper-slide {
    padding-top: 70px;
}

.jg-indexmk2 .mySwiperindexmk22 .swiper-slide img {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0px);
}

.jg-indexmk2 .mySwiperindexmk22 .swiper-slide .bgtitle {
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 90px;
    color: #F1F4FB;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 100%;
    text-align: center;
}

.jg-indexmk2 .mySwiperindexmk22 .swiper-button-next,
.jg-indexmk2 .mySwiperindexmk22 .swiper-button-prev {
    opacity: 1;
    width: 56px;
    height: 56px;
    background: #F8F8F8;
    border-radius: 50%;
    transition: all 0.5s;
}

.jg-indexmk2 .mySwiperindexmk22 .swiper-button-next:hover,
.jg-indexmk2 .mySwiperindexmk22 .swiper-button-prev:hover {
    background: #0028AA;
}

.jg-indexmk2 .mySwiperindexmk22 .swiper-button-next:hover svg path,
.jg-indexmk2 .mySwiperindexmk22 .swiper-button-prev:hover svg path {
    fill: white;
}

.jg-indexmk2 .mySwiperindexmk22 .swiper-button-next:before,
.jg-indexmk2 .mySwiperindexmk22 .swiper-button-prev:before {
    display: none;
}

.jg-indexmk2 .mySwiperindexmk22 .smtitle {
    text-align: center;
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 30px;
    color: #092957;
    margin-top: 50px;
}

.jg-indexmk2 .mySwiperindexmk22 .smcs {
    text-align: center;
    font-family: 'Light' !important;
    font-weight: 300;
    font-size: 18px;
    color: #092957;
    margin-bottom: 42px;
}

.jg-indexmk2 .mySwiperindexmk22 .btnboxgs {
    display: flex;
    justify-content: center;
}

.jg-indexmk2 .mySwiperindexmk22 .btnboxgs .btn-left {
    background: linear-gradient(90deg, #0028AA 0%, #0B57E3 99%);
    border-radius: 5px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    padding: 13px 31px;
}

.jg-indexmk2 .mySwiperindexmk22 .btnboxgs .btn-left:hover {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
}

.jg-indexmk2 .mySwiperindexmk22 .btnboxgs .btn-right {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
    border-radius: 5px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    padding: 13px 31px;
    margin-left: 20px;
}

.jg-indexmk2 .mySwiperindexmk22 .btnboxgs .btn-right:hover {
    background: linear-gradient(90deg, #0028AA 0%, #0B57E3 99%);
}

.nybannerbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 115px;
}

.nybannerbox img {
    width: 100%;
    height: auto;
    aspect-ratio: 96 / 25;
}

.nybannerbox .nypagebox {
    width: 1500px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nypagebox .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 50px;
    color: #FFFFFF;
    margin-bottom: 32px;
}

.nypagebox .ymtzbox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.nypagebox a {
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    text-transform: uppercase;
    transition: all 0.5s;
    margin: 0px 5px;
}

.nypagebox a:hover {
    text-decoration: underline;
}

.nypagebox {
    color: white;
}

.solutionmk1 {
    margin-top: 120px;
}

.solutionmk1 .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 60px;
    color: #092957;
    line-height: 72px;
    text-align: center;
    text-transform: uppercase;
}

.solutionmk1 .content {
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 20px;
    color: #092957;
    line-height: 30px;
    text-align: center;
    margin-top: 39px;
}

.solutionmk2 {
    margin-top: 70px;
}

.solutionmk2 .mk2_imgbox {
    position: relative;
    transition: all 0.5s;
    width: 24%;
    margin: 0.5%;
    margin-top: 0px;
    margin-bottom: 25px;
}

.solutionmk2 .mk2_imgbox img {
    width: 100%;
    height: auto;
}

.solutionmk2 .mk2_imgbox:hover {
    transform: translateY(-10px);
}


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

.solutionmk2 .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.solutionmk3 {
    margin-top: 70px;
    width: 100%;
    position: relative;
}

.solutionmk3 img {
    width: 100%;
    height: auto;
}

.mk3_titlebox .centerplay {}

@keyframes opac {
    from {
        opacity: 1;
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
    }

    to {
        opacity: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
}

.mk3_titlebox .animate-wave * {
    border: 1px solid #F44321;
    position: absolute;
    border-radius: 50%;
    background-color: #F44321;
    animation: opac 4s infinite;
}

.mk3_titlebox .animate-wave .w2 {
    animation-delay: 1s;
}

.mk3_titlebox .animate-wave .w3 {
    animation-delay: 2s;
}

.mk3_titlebox .animate-wave .w4 {
    animation-delay: 3s;
}

.mk3_titlebox .animate-wave {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    position: inherit;
    transform: translate(0px, 0px);
}

.solutionmk3 .mk3_titlebox {
    display: flex;
    align-items: center;
    position: absolute;
}

.solutionmk3 .mk3_titlebox.titlebox0 {
    top: 9%;
    left: 56%;
}

.solutionmk3 .mk3_titlebox.titlebox1 {
    top: 18%;
    left: 33%;
}

.solutionmk3 .mk3_titlebox.titlebox2 {
    top: 38%;
    left: 20%;
}

.solutionmk3 .mk3_titlebox.titlebox3 {
    top: 33%;
    left: 78%;
}

.solutionmk3 .mk3_titlebox.titlebox4 {
    top: 61%;
    left: 54%;
}

.solutionmk3 .mk3_titlebox.titlebox5 {
    top: 71%;
    left: 66%;
}

.solutionmk3 .mk3_titlebox .titlebox {
    width: fit-content;
    height: fit-content;
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
    border-radius: 30px;
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    padding: 5px 20px;
}

.solutionmk4 {
    background: #F1F4FB;
    overflow: hidden;
    padding-bottom: 60px;
}

.solutionmk4 .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 60px;
    color: #092957;
    text-align: center;
    margin-top: 120px;
    margin-bottom: 81px;
    text-transform: uppercase;
}

.solutionmk4 .content {
    display: flex;
    flex-wrap: wrap;
}

.solutionmk4 .content .imgbox {
    width: 24%;
    height: 200px;
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
    margin: 0.5%;
    margin-bottom: 20px;
}

.solutionmk4 .content .imgbox:hover {
    box-shadow: 0px 13px 21px 0px rgba(136, 146, 162, 0.3);
}

.solutionmk4 .content .imgbox .imgbox_title {
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 20px;
    color: #092957;
    margin-top: 30px;
}

.solutionmk5 .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 60px;
    color: #092957;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 51px;
}

.solutionmk5 .content .topcontent {
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
    flex-wrap: wrap;
}

.solutionmk5 .content .topcontent .tabboxtitle {
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 18px;
    color: #092957;
    line-height: 24px;
    margin: 0px 42.5px;
    cursor: pointer;
    text-transform: capitalize;
    transition: all 0.5s;
}

.solutionmk5 .content .topcontent .tabboxtitle:hover {
    color: #0028AA;
}

.solutionmk5 .content .topcontent .tabboxtitle.active {
    color: #0028AA;
    border-bottom: 2px solid #0028AA;
}

.solutionmk5 .tabboxcontent {
    display: none;
}

.solutionmk5 .tabboxcontent.active {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.solutionmk5 .tabboxcontent .leftbox {
    width: 24%;
    position: relative;
}

.solutionmk5 .tabboxcontent .leftbox img {
    width: 100%;
    height: auto;
}

.solutionmk5 .tabboxcontent .rightbox {
    width: 74%;
    position: relative;
}

.solutionmk5 .tabboxcontent .rightbox img {
    width: 100%;
    height: auto;
}

.solutionmk5 .tabboxcontent .leftbox .leftbox_content {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 46px 38px;
}

.solutionmk5 .tabboxcontent .leftbox .leftbox_content .leftbox_content_title {
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 25px;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.solutionmk5 .tabboxcontent .leftbox .leftbox_content .leftbox_content_content {
    font-family: 'Light' !important;
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
}


.solutionmk5 .tabboxcontent .rightbox .rightbox_content {
    position: absolute;
    left: 31px;
    bottom: 43px;
    width: 83%;
}

.solutionmk5 .tabboxcontent .rightbox .rightbox_content .rightbox_content_title {
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 18px;
    color: #092957;
}

.solutionmk5 .tabboxcontent .rightbox .rightbox_content .rightbox_content_content {
    font-family: 'Light' !important;
    font-weight: 300;
    font-size: 14px;
    color: #092957;
    margin-top: 15px;
}

.solutionmk5 .tabboxcontent .rightbox:hover .rightbox_content_title {
    text-decoration: underline;
}

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

.solutionmk6 .solubtn {
    display: block;
    padding: 13px 31px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    background: linear-gradient(90deg, #120F98 0%, #0B57E3 99%);
    border-radius: 5px;
    width: fit-content;
    margin-bottom: 60px;
}

.solutionmk6 .solubtn:hover {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
}

.solutionmk5 .threeboxlist .rightbox {
    width: 24%;
}

.solutionmk5 .threeboxlist .rightbox img {
    width: 100%;
    height: auto;
}

.solutionmk5 .threeboxlist .rightbox .rightbox_content {
    left: 30px;
    bottom: 15px;
}

.solutionmk1 .layout1100px,
.solutionmk1 .layout1500px {
    margin-top: 72px;
}

.solutionmk1 .layout1100px img,
.solutionmk1 .layout1500px img {
    width: 100%;
    height: auto;
}

.solutionmk1 .layout1100px iframe,
.solutionmk1 .layout1500px iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.productlistmk2 {
    width: 100%;
    height: fit-content;
    overflow: hidden;
    padding-bottom: 115px;
}

.productlistmk2 .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 60px;
    color: #092957;
    text-align: center;
    margin-top: 120px;
    text-transform: uppercase;
}

.halfbgcolor {
    background: linear-gradient(to bottom, white 0%, white 50%, #F1F4FB 50%, #F1F4FB 100%);
}

.productlistmk2 .content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 70px;
}

.productlistmk2 .content .mk2_appbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px 35px;
    max-width: 180px;
    min-width: 180px;
    margin-bottom: 15px;
}

.productlistmk2 .content .mk2_appbox span {
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 20px;
    color: #092957;
    display: block;
    margin-top: 13px;
    text-align: center;
}

.productlistmk3 {
    width: 100%;
    height: fit-content;
    background: #2C2C2E;
    overflow: hidden;
    padding-bottom: 120px;
}

.productlistmk3 .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 60px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 120px;
    text-transform: uppercase;
}

.productlistmk3 .mk3_featbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 75px;
}

.productlistmk3 .mk3_featbox .content {
    width: 49.5%;
    background: #FFFFFF10;
    border-radius: 10px;
    padding: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.productlistmk3 .mk3_featbox .content img {
    margin-right: 30px;
}

.productlistmk3 .mk3_featbox .content .content_title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
}

.productlistmk3 .mk3_featbox .content .content_content {
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 18px;
    color: #A5A5A5;
    line-height: 24px;
    margin-top: 9px;
}


.productlistmk3 .mk3_advanbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 75px;
}

.productlistmk3 .mk3_advanbox .content {
    width: 49.5%;
    border-radius: 10px;
    padding: 13px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.productlistmk3 .mk3_advanbox .content img {
    margin-right: 30px;
    margin-top: 6px;
}

.productlistmk3 .mk3_advanbox .content .content_title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
}

.productlistmk3 .mk3_advanbox .content .content_content {
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 18px;
    color: #A5A5A5;
    line-height: 24px;
    margin-top: 9px;
}

.listbox {
    margin-top: 120px;
}

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

.listbox .listrightbox {
    width: calc(100% - 280px);
}

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

.listbox .titlebox .title {
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 30px;
    color: #092957;
}

.listbox .titlebox .searchbox {
    width: 400px;
    height: 40px;
    background: #F4F4F4;
    border-radius: 20px;
    border: 1px solid #E0E0E0;
}

.searchbox .head_keyword {
    background: none;
    border: none;
    width: calc(100% - 50px);
    height: 40px;
    margin-left: 15px;
}

.searchbox .head_keyword:focus {
    outline: none;
}

.listbox .contentbox {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}

.listbox .contentbox .listcontentbox {
    width: 32%;
    height: fit-content;
    transition: all 0.5s;
    margin: 0.6%;
    margin-bottom: 30px;
}

.listbox .contentbox .listcontentbox:hover {
    box-shadow: 0px 13px 21px 0px rgba(136, 146, 162, 0.3);
}

.listbox .contentbox .listcontentbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    border: 1px solid rgba(0, 0, 0, .1);
}

.listbox .contentbox .listcontentbox .content {
    width: 100%;
    height: fit-content;
    padding: 34px;
    background: #F4F4F4;
    border-radius: 0px 0px 5px 5px;
}

.listbox .contentbox .listcontentbox .content .list_title {
    min-height: 44px;
    font-family: 'SemiBold' !important;
    font-weight: 600;
    font-size: 20px;
    color: #092957;
    line-height: 24px;
    display: -webkit-box;
    /* 将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical;
    /* 设置盒子的垂直布局 */
    -webkit-line-clamp: 2;
    /* 限制在两行内显示文本 */
    overflow: hidden;
    /* 隐藏溢出的内容 */
    text-align: center;
    margin-bottom: 35px;
}

.listbox .contentbox .listcontentbox .content .fwbtn {
    background: linear-gradient(90deg, #0028AA 0%, #0B57E3 99%);
    border-radius: 5px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    padding: 13px 31px;
    margin: 0px 7.5px;
}

.listbox .contentbox .listcontentbox .content .fwbtn:hover {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
}

.listbox .contentbox .listcontentbox .content .usbtn {
    background: linear-gradient(90deg, #F44321 0%, #FF8124 99%);
    border-radius: 5px;
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    padding: 13px 31px;
    margin: 0px 7.5px;
    text-align: center;
}

.listbox .contentbox .listcontentbox .content .usbtn:hover {
    background: linear-gradient(90deg, #0028AA 0%, #0B57E3 99%);
}

.listbox .contentbox .listcontentbox .content .btnbox {
    display: flex;
    justify-content: center;
    zoom: 0.65;
}

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

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background: #0028AA;
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 17px;
    color: #FFFFFF;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background: #F1F4FB;
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 17px;
    color: #092957;
    width: fit-content;
    height: fit-content;
    padding: 3px !important;
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 17px;
    color: #092957;
}

.productlistmk4 {
    width: 100%;
    height: fit-content;
    background: #092957;
    padding: 120px 0px;
}

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

.productlistmk4 .leftbox {
    width: 30%;
    font-family: 'Bold' !important;
    font-weight: bold;
    font-size: 60px;
    color: #FFFFFF;
}

.productlistmk4 .rightbox {
    width: 65%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.productlistmk4 .mk5_productbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 200px;
}


.productlistmk4 .mk5_productbox img {
    width: 100%;
    height: auto;
    max-height: 200px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.productlistmk4 .mk5_productbox span {
    display: block;
    text-align: center;
    font-family: 'Medium' !important;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 28px;
    margin-top: 19px;
    transition: all 0.5s;
}

.productlistmk4 .mk5_productbox:hover span {
    text-decoration: underline;
}

/*分享*/
.wd-social-icons .social-facebook {
    background-color: #365493;
}

.wd-social-icons .social-twitter {
    background-color: #3CF;
}

.wd-social-icons .social-pinterest {
    background-color: #CB2027;
}

.wd-social-icons .social-linkedin {
    background-color: #0274B3;
}

.wd-social-icons .social-whatsapp {
    background-color: #1EBEA5;
}

.wd-social-icons .wd-social-icon {
    font: normal normal normal 14px / 1 FontAwesome !important;
    color: #fff !important;
    display: inline-block;
    margin: 4px;
    vertical-align: middle;
    text-align: center;
    font-size: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.wd-social-icons .wd-icon {
    font-size: 20px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    font: normal normal normal 14px / 1 FontAwesome !important;
}

.rightcbboags {
    position: fixed;
    right: -155px;
    top: 25%;
    z-index: 99;
}

.rightcbboags .rightcbboa {
    width: 205px;
    height: 50px;
    background: #818287;
    border-radius: 5px 0px 0px 5px;
    display: flex;
    align-items: center;
    margin-bottom: 1px;
    /*transform: translateX(155px);*/
    transition: all 0.5s;
    cursor: pointer;
}

.rightcbboags .rightcbboa .imgbox {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rightcbboags .rightcbboa a {
    font-family: 'Regular' !important;
    font-weight: 400;
    font-size: 15px;
    color: #FFFFFF;
}

.rightcbboags .rightcbboa a:hover {
    text-decoration: underline;
}

@media (max-width: 1820px) {
    .layout1800px {
        width: 100%;
        padding: 0px 3.5% !important;
    }
}

@media (max-width: 1650px) {
    .header .inner nav ul li {
        margin-right: 35px;
    }
}

@media (max-width: 1520px) {
    #col-index-banner .bannercontent .ctitle{
        font-size: 18px;
        margin-top: 15px;
    }
    .jg-indexmk3 .layout1500px .leftbox{
        padding-right: 5%;
    }
    .productlistmk2 .content .mk2_appbox{
        max-width: 23%;
        min-width: 23%;
        margin: 1%;
        margin-bottom: 15px;
    }
    .solutionmk5 .tabboxcontent .leftbox .leftbox_content {
        padding: 25px;
    }

    .solutionmk5 .tabboxcontent .leftbox .leftbox_content .leftbox_content_title {
        font-size: 15px;
    }

    .solutionmk5 .tabboxcontent .leftbox .leftbox_content .leftbox_content_content {
        font-size: 14px;
    }

    .rightcbboags {
        zoom: 0.8;
    }

    .jg-indexmk3 .layout1500px .rightbox .img1 {
        margin-left: 0px;
        width: 100%;
        margin-bottom: 25px;
    }
    
    .jg-indexmk2 .mySwiperindexmk2 .swiper-slide .bgtitle{
        top: 30%;
    }

    /*.jg-indexmk3-numbox {*/
    /*    margin-bottom: 25px;*/
    /*    width: 49%;*/
    /*}*/
    
    .pcline{
        display: none;
    }

    .solutionmk3 {
        zoom: 0.75;
    }

    .layout1500px,
    .nybannerbox .nypagebox {
        width: 100%;
        padding: 0px 3.5%;
    }

    .headersharebox {
        display: none;
    }

    .header .inner nav ul li .child,
    #col-index-banner .swiper-pagination {
        zoom: 0.75;
    }
    
    #col-index-banner .bannercontent .title {
        font-size: 50px;
        line-height: 1.5;
    }

}
@media (max-width: 1400px) {
    .jg-indexmk3-numbox{
        zoom: 0.8;
    }
}
@media (max-width: 1350px) {
    .listbox .titlebox .title{
        font-size: 20px;
    }
}
@media (max-width: 1320px) {
    .layout1300px {
        width: 100%;
        padding: 0px 3.5%;
    }

    .newfooterbox .centerboxgs {
        zoom: 0.75;
    }

    .solutionmk5 .tabboxcontent .leftbox .leftbox_content {
        zoom: 0.85;
    }
}
@media (max-width: 1200px) {
    .header {
        zoom: 0.8;
    }
    #col-index-banner .bannercontent,
    #col-index-banner .swiper-pagination {
        zoom: 0.5;
    }
    .solutionmk5 .tabboxcontent .leftbox .leftbox_content .leftbox_content_content {
        font-size: 12px;
    }
    .jg-indexmk3-numbox{
        zoom: 0.7;
    }
}

@media (max-width: 1120px) {
    .layout1100px {
        width: 100%;
        padding: 0px 3.5%;
    }
}

.jg-indexmk5 .tgaboxqh2-gsbox .rightbox .mySwipertgasswiper img {
    width: 100%;
    height: auto;
}
.jg-indexmk2 .mySwiperindexmk2tags2 .swiper-wrapper{
    transform: none !important;
}

.side-widget .cate-type-list>li>a.active{
    color: #F44321;
    text-decoration: underline;
}
.side-cate li.has-child>a.active{
    color: #F44321;
    text-decoration: underline;
}
@media (max-width: 992px) {
    .header .inner .index-search .content .title{
        font-size: 15px;
    }
    
    .jg-indexmk3-numbox{
        zoom: 0.5;
        width: 49%;
        margin-bottom: 25px;
    }
    .solutionmk2 .title{
        font-size: 16px;
    }
    .productlistmk4 .mk5_productbox span{
        font-size: 14px;
    }
    .page_bar{
        zoom: 0.65;
        margin-bottom: 70px !important;
    }
    .listbox .contentbox{
        justify-content: center;
    }
    .jg-contactfrombox,.newfooterbox{
        padding: 35px 0px !important;
    }
    .jg-contactfrombox .layout1500px .leftbox .title{
        font-size: 25px !important;
        line-height: 1.5 !important;
    }
    .jg-contactfrombox .layout1500px .leftbox .content{
        font-size: 20px !important;
        line-height: 1.5 !important;
    }
    .jg-indexmk7 .indextitlebox .title{
        margin-bottom: 20px;
    }
    .jg-indexmk6 .jg-indexmk6-btn{
        margin-bottom: 50px;
    }
    .jg-indexmk2 .mySwiperindexmk2 .swiper-button-next, .jg-indexmk2 .mySwiperindexmk2 .swiper-button-prev{
        zoom: 0.65;
    }
    .jg-indexmk6 .mySwiperindexnews .content .time{
        font-size: 12px;
        
    }
    .jg-indexmk6 .mySwiperindexnews .content .title,.productlistmk3 .mk3_advanbox .content .content_content{
        font-size: 14px;
        line-height: 1.5;
        margin-top: 5px;
    }
    .jg-indexmk6 .indextitlebox .title{
        margin: 40px 0px;
    }
    .jg-indexmk5 .tgaboxqh2-gsbox .leftbox .tgaboxqh2-gsbox-title{
        font-size: 20px;
        line-height: 1.5;
    }
    .jg-indexmk5 .tgaboxqh2-gsbox .leftbox .tgaboxqh2-gsbox-content{
        font-size: 14px;
        margin: 20px 0px;
        margin-bottom: 40px;
    }
    .jg-indexmk5 .indextitlebox .title{
        margin-bottom: 25px;
    }
    .jg-indexmk3 .numbox{
        flex-direction: row !important;
        margin-top: 50px;
    }
    .jg-indexmk3 .layout1500px .leftbox .contentbox{
        margin-bottom: 15px;
    }
    .jg-indexmk3 .layout1500px .leftbox .c_title{
        font-size: 20px;
        line-height: 1.2;
    }
    .jg-indexmk3 .layout1500px .leftbox .content{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .jg-indexmk3 .layout1500px .leftbox .contentbox .content-boxgs .content-title{
        font-size: 16px;
    }
    .jg-indexmk3 .layout1500px .leftbox .contentbox .content-boxgs .content-content{
        font-size: 14px;
    }
    .jg-indexmk2 .mySwiperindexmk2 .smcs{
        font-size: 16px;
        line-height: 1.5;
    }
    .jg-indexmk2 .mySwiperindexmk2 .smtitle{
        font-size: 20px;
        line-height: 1.5;
    }
    .jg-indexmk2{
        margin-bottom: 50px;
    }
    .jg-indexmk3{
        padding: 50px 0px;
    }
    .jg-indexmk2 .layout1500px .rightbox .tagrightcontentbox .content *{
        font-size: 14px;
    }
    .contenttitle{
        font-size: 25px !important;
    }
    .contentctitle{
        font-size: 20px !important;
    }
    .blog-item .item-img{
        max-width: 100%;
        margin: 0px;
        margin-bottom: 25px;
    }
    
    .blog-item .item-wrap{
        display: flex;
        flex-direction: column;
    }
    
    .solutionmk1 .content p span{
        display: block;
        width: 100%;
        word-break: break-word;
    }
    .jg-indexmk6 .mySwiperindexnews{
        margin-bottom: 20px;
    }
    .solutionmk5 .tabboxcontent .leftbox .leftbox_content .leftbox_content_content {
        font-size: 14px;
    }
    .jg-indexmk2 .mySwiperindexmk21 .btnboxgs .btn-right{
        zoom: 0.85;
    }
    .jg-contactfrombox{
        background: #11305d !important;
    }
    .jg-contactfrombox .layout1500px .leftbox .content{
        margin-top: 20px;
    }
    .solutionmk5 .tabboxcontent .leftbox .leftbox_content {
        zoom: 1;
    }

    .solutionmk5 .tabboxcontent .leftbox {
        border-radius: 10px;
        overflow: hidden;
    }

    .solutionmk5 .tabboxcontent .leftbox .leftbox_content {
        position: static;
        padding: 25px;
    }

    .newfooterbox .topboxgs .leftbox {
        display: none;
    }

    .jg-indexmk3 .layout1500px .leftbox .btnboxgs {
        justify-content: center;
        margin-top: 25px;
    }

    .jg-indexmk2 .mySwiperindexmk21 .swiper-slide .bgtitle,
    .jg-indexmk2 .mySwiperindexmk22 .swiper-slide .bgtitle {
        font-size: 50px;
    }

    .jg-indexmk2 .mySwiperindexmk21 .swiper-slide img,
    .jg-indexmk2 .mySwiperindexmk22 .swiper-slide img {
        width: 100%;
    }

    .jg-indexmk2 .mySwiperindexmk2tags1 .swiper-wrapper,
    .jg-indexmk2 .mySwiperindexmk2tags2 .swiper-wrapper {
        flex-wrap: wrap;
        transform: none !important;
    }

    .halfbgcolor {
        background: white;
    }

    .jg-indexmk2 .mySwiperindexmk2tags1 .swiper-slide,
    .jg-indexmk2 .mySwiperindexmk2tags2 .swiper-slide {
        margin-bottom: 15px;
    }

    .productlistmk2 .title {
        font-size: 35px;
        line-height: 1.5;
    }

    .jg-indexmk6 .mySwiperindexnews img {
        max-height: 150px;
        object-fit: contain;
    }

    .jg-indexmk6 .mySwiperindexnews .swiper-button-next,
    .jg-indexmk6 .mySwiperindexnews .swiper-button-prev {
        zoom: 0.65;
        top: 40%;
    }

    .jg-indexmk2 .mySwiperindexmk2 .btnboxgs {
        zoom: 0.85;
    }

    .jg-indexmk2 .mySwiperindexmk2tags .swiper-wrapper {
        flex-wrap: wrap;
    }

    .jg-indexmk2 .mySwiperindexmk2tags .swiper-slide {
        margin-bottom: 15px;
    }

    .listbox .listrightbox {
        width: 100%;
    }

    .jg-indexmk2 .mySwiperindexmk2 .swiper-slide .bgtitle {
        font-size: 40px;
        line-height: 1.5;
    }

    .jg-indexmk2 .mySwiperindexmk2 .swiper-slide img {
        width: 100%;
    }

    .jg-indexmk1 .content {
        flex-wrap: wrap;
    }

    .jg-indexmk1 .content .indexmk1-contentbox {
        max-width: 100%;
        width: 100%;
        margin-bottom: 25px;
    }

    .jg-indexmk1 .content .indexmk1-contentbox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .jg-indexmk1 {
        margin-bottom: 25px;
    }

    .listbox {
        margin-top: 50px;
    }

    .jg-indexmk2 .layout1500px {
        flex-direction: column;
    }

    .jg-indexmk3 .layout1500px .rightbox .rightcontent {
        position: static;
    }

    .jg-indexmk3 .layout1500px .rightbox .rightcontent .title,
    .jg-indexmk2 .layout1500px .leftbox,
    .jg-indexmk2 .layout1500px .rightbox {
        width: 100%;
    }

    .jg-indexmk2 .layout1500px .rightbox {
        margin-top: 15px;
    }

    .jg-indexmk3 .layout1500px .rightbox .rightcontent img {
        width: 100%;
    }

    .jg-indexmk3 .layout1500px {
        align-items: flex-start;
        flex-direction: column;
    }

    .jg-indexmk3 .layout1500px .leftbox {
        width: 100%;
        padding-right: 0px;
    }

    .jg-indexmk3 .layout1500px .rightbox {
        width: 100%;
        margin-top: 25px;
    }

    .pcline {
        display: none;
    }

    .jg-indexmk4 {
        margin-bottom: 50px;
        min-height: 300px;
    }

    .jg-indexmk5 .tgaboxqh2-gsbox {
        margin-top: 190px;
    }

    .jg-indexmk5 .tgaboxqh2-gsbox.active {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .jg-indexmk5 .tgaboxqh2-gsbox .leftbox {
        width: 100%;
        padding: 25px;
        margin-bottom: 25px;
    }

    .jg-indexmk5 .tgaboxqh2-gsbox .rightbox {
        width: 100%;
    }

    .jg-indexmk5 .layout1500px {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .jg-indexmk5 .layout1500px .tgaboxqh1,
    .jg-indexmk5 .layout1500px .tgaboxqh2 {
        width: 100%;
        margin: 0px;
    }

    .jg-indexmk7 {
        padding: 25px;
    }

    .jg-indexmk7 .indextitlebox .title,
    .jg-indexmk6 .indextitlebox .title,
    .jg-indexmk5 .indextitlebox .title,
    .jg-indexmk3 .layout1500px .leftbox .title,
    .jg-indexmk1 .title,
    .listbox .titlebox .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.5;
    }
    .jg-indexmk2 .layout1500px .tgaboxqh1 a,.jg-indexmk5 .layout1500px .tgaboxqh1 a,.jg-indexmk5 .layout1500px .tgaboxqh2 a{
        padding: 11px 35px;
    }
    .jg-indexmk2 .layout1500px .tgaboxqh1 a span,.jg-indexmk5 .layout1500px .tgaboxqh1 a span,.jg-indexmk5 .layout1500px .tgaboxqh2 a span{
        font-size: 12px;
    }
    .jg-indexmk2 .layout1500px .rightbox .tagrightcontentbox .title{
        font-size: 20px;
        margin-bottom: 12px;
    }
    .jg-indexmk1 .title {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .jg-indexmk3 .layout1500px .leftbox .title {
        text-align: left;
    }

    .productlistmk4 .mk5_productbox {
        margin: 10px;
        width: 44%;
        max-width: 44%;
    }

    .productlistmk4 .layout1500px {
        justify-content: space-between;
        flex-direction: column;
    }

    .productlistmk4 .leftbox {
        width: 100%;
        font-size: 35px;
        line-height: 1.5;
        text-align: center;
    }

    .listbox .contentbox .listcontentbox {
        width: 100%;
    }
    
    .listbox .contentbox .listcontentbox .content{
        padding: 10px;
    }
    
    .listbox .contentbox .listcontentbox .content .list_title{
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 1.2;
        min-height: auto;
    }

    .listbox .contentbox .listcontentbox .content .btnbox {
        zoom: 0.5;
        flex-direction: column;
        text-align: center;
    }
    
    .listbox .contentbox .listcontentbox .content .btnbox a{
        margin-bottom: 15px;
    }

    .listbox .titlebox {
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
    }

    .listbox .titlebox .searchbox {
        width: 100%;
    }

    .productlistmk3 .mk3_featbox .content {
        width: 100%;
    }

    .productlistmk3 .mk3_advanbox .content {
        width: 100%;
        margin-bottom: 0px;
    }

    .productlistmk2 .content .mk2_appbox {
        width: 48%;
        margin: 0px;
        max-width: 48%;
        min-width: 48%;
        margin-bottom: 15px;
    }

    .solutionmk5 .tabboxcontent.active {
        flex-direction: column;
        align-items: center;
    }

    .solutionmk5 .tabboxcontent .leftbox {
        width: 100%;
        height: 250px;
        margin-bottom: 25px;
    }

    .solutionmk5 .tabboxcontent .leftbox img {
        height: 100%;
        object-fit: cover;
    }

    .solutionmk5 .tabboxcontent .rightbox {
        width: 100%;
    }

    .solutionmk5 .content .topcontent .tabboxtitle {
        margin-bottom: 25px;
        font-size: 16px;
        text-align: center;
        min-width: 100%;
    }

    .solutionmk4 .content .imgbox {
        width: 47%;
        margin: 1.5%;
    }

    .solutionmk4 .content .imgbox .imgbox_title {
        text-align: center;
    }

    .solutionmk3 {
        zoom: 0.5;
    }

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

    .solutionmk2 .mk2_imgbox {
        margin: 0.5%;
        width: 48%;
    }
    .solutionmk2{
        margin-top: 25px;
    }

    .newfooterbox .bottomboxgs {
        justify-content: space-between;
        flex-direction: column;
        zoom: 0.75;
    }

    .newfooterbox .tagsboxgs {
        zoom: 0.75;
    }

    .newfooterbox .centerboxgs .centerbox .footercontactbox div {
        max-width: 100%;
    }

    .newfooterbox .centerboxgs {
        flex-direction: column;
        align-items: flex-start;
        zoom: 1;
        padding-bottom: 0px;
    }

    .newfooterbox .centerboxgs .centerbox {
        margin-bottom: 35px;
    }

    .newfooterbox .topboxgs {
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }

    .newfooterbox .topboxgs .rightbox {
        margin-top: 35px;
        zoom: 0.75;
    }

    .newfooterbox .topboxgs .rightbox .sharebox {
        zoom: 0.75;
    }

    .jg-contactfrombox {
        padding: 75px 0px;
    }

    .jg-contactfrombox .layout1500px .leftbox {
        width: 100%;
        margin-bottom: 25px;
    }

    .jg-contactfrombox .layout1500px .rightbox {
        width: 100%;
    }

    .jg-contactfrombox .layout1500px {
        align-items: center;
        flex-direction: column;
    }

    .jg-contactfrombox .layout1500px .leftbox .title {
        font-size: 35px;
        text-align: center;
        line-height: 1.5;
    }

    .jg-contactfrombox .layout1500px .leftbox .content {
        text-align: center;
    }

    .nybannerbox .nypagebox {
        zoom: 0.5;
    }
    
    #col-index-banner {
        padding-top: 92px;
    }

    .nybannerbox {
        margin-top: 92px;
        height: 215px;
    }
    
    .nybannerbox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .productlistmk4 .rightbox{
        width: 100%;
    }
}

@media (max-width: 550px) {
    .blog_list{
        margin-bottom: 50px;
    }
    .fl-accordion-button-label{
        font-size: 18px !important;
        line-height: 1.2 !important;
        font-family: 'Bold' !important;
    }
    .newsboxgs .tytitlebox .title{
        font-size: 25px !important;
        line-height: 1.5;
        font-weight: 700;
    }
    .fl-node-5dc3e043959f7 .fl-heading .fl-heading-text,.fl-node-60482a42e26da .fl-heading .fl-heading-text,.fl-node-60482a9b70ee2 .fl-heading .fl-heading-text{
        font-size: 25px;
        line-height: 1.5;
        font-weight: 400;
    }
    .fl-rich-text *{
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    .inquiry-pop-bd .inquiry-pop{
        width: 95%;
    }
    .solutionmk5 .content .topcontent{
        margin-bottom: 25px;
    }
    #col-index-banner .bannerbtn {
        display: none;
    }

    .solutionmk4 .title {
        margin: 50px 0px;
    }

    .solutionmk5 .tabboxcontent .rightbox .rightbox_content {
        position: static;
        margin-top: 10px;
        margin-bottom: 25px;
        zoom: 1;
    }

    .solutionmk5 .tabboxcontent .rightbox .rightbox_content .rightbox_content_content {
        margin-top: 5px;
    }

    .solutionmk5 .tabboxcontent .leftbox {
        height: fit-content;
    }

    .solutionmk4 .content .imgbox .imgbox_title {
        font-size: 16px;
        line-height: 1.5;
        padding: 0px 5%;
    }

    .solutionmk3 {
        zoom: 0.3;
    }

    .solutionmk1 {
        margin-top: 50px;
    }

    .solutionmk1 .title,
    .solutionmk4 .title,
    .solutionmk5 .title,
    .productlistmk3 .title {
        font-size: 25px;
        line-height: 1.5;
        word-break: break-word;
    }
    
    .solutionmk1 .content{
        font-size: 14px;
        line-height: 1.5;
        margin-top: 20px;
    }
    
    .solutionmk1 .content *{
        font-size: 14px !important;
        line-height: 1.5;
        margin-top: 20px;
    }


    .nybannerbox .nypagebox {
        zoom: 0.25;
    }
    .productlistmk3 .mk3_featbox .content .content_content{
        font-size: 14px;
        line-height: 1.5;
    }
    
    .productlistmk3 .mk3_advanbox{
        margin-top: 20px;
    }
    .solutionmk1 .layout1100px, .solutionmk1 .layout1500px{
        margin-top: 50px;
    }
    .productlistmk3 .title{
        margin-top: 50px;
    }
    .productlistmk3 .mk3_featbox{
        margin-top: 50px;
    }
    
    .productlistmk2 .title{
        margin-top: 50px;
        font-size: 25px;
        line-height: 1.5;
    }
    
    .productlistmk2,.productlistmk3{
        padding-bottom: 50px;
    }
    .productlistmk4{
        padding: 50px 0px;
    }
    
    .productlistmk2 .content{
        margin-top: 30px;
    }

    #col-index-banner .bannercontent{
        zoom: 1;
    }
    #col-index-banner .bannercontent .ctitle{
        font-size: 12px;
        margin-top: 10px;
    }
    
    #col-index-banner .bannercontent .title{
        font-size: 12px;
    }
    
    #col-index-banner .bannercontent .title span{
        margin-right: 5px !important;
    }
    
    #col-index-banner .swiper-pagination {
        zoom: 0.25;
    }
    .mt-number-animate{
        height: 30px !important;
        line-height: 30px !important;
    }
    .mt-number-animate,.jg-indexmk3-numbox .numboxgs .numboxgs-numbox{
        font-size: 20px !important;
    }
    .mt-number-animate .mt-number-animate-dom{
        width: 30px !important;
    }
    
    .jg-indexmk1 .content .indexmk1-contentbox .contentbox{
        zoom: 1;
    }
    .nybannerbox .nypagebox{
        zoom: 1;
    }
    .nypagebox .title{
        font-size: 22px;
        margin-bottom: 10px;
    }
    
    .jg-indexmk1 .content .indexmk1-contentbox .contentbox{
        left: 15px;
        bottom: 15px;
    }
    
    .jg-indexmk1 .content .indexmk1-contentbox .contentbox .c_title{
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .rightcbboags {
        display: none;
    }
}
.side-cate li a{
    line-height: 35px;
    margin-right: 30px;
    color: #092957;
}