/* 解决页面左右溢出 */
/*html,*/
/*body {*/
/*  max-width: 100%;*/
/*}*/
@font-face {
    font-family: "BOLD";
    src: url("../fonts/PLUSJAKARTASANS-BOLD.TTF");
}

@font-face {
    font-family: "MEDIUM";
    src: url("../fonts/PLUSJAKARTASANS-MEDIUM.TTF");
}

@font-face {
    font-family: "SEMIBOLD";
    src: url("../fonts/PLUSJAKARTASANS-SEMIBOLD.TTF");
}

.mySwipernewcptuijian{
    overflow: hidden;
    position: relative;
}
.newcpleftjiantou{
    opacity: 1;
    background-color: #ffffff00;
    top: 36px;
}
.newcprightjiantou{
    opacity: 1;
    background-color: #ffffff00;
    top: 36px;
    left: 69%;
}
.header .inner nav ul li>a {
    font-family: Medium;
}

.newcpcontboxtitle {
    font-family: SEMIBOLD;
}

.cpabioqianbox span {
    font-family: SEMIBOLD;
}

.cpabioqianbox2 span {
    font-family: Medium;
}

.header .inner .language .inner_lang>a {
    font-family: Medium;
}

.newindexanmai {
    display: block;
    width: 73px;
    height: 73px;
    background: #444C5C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newcpcontbox {
    width: 1600px;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 0px;
    left: 50% !important;
    transform: translate(-50%, 15px);
}

.newcpcontboxtitle {
    font-size: 22px;
    font-weight: 600;
    color: #191919;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}

.cpabioqianbox {
    width: 200px;
    height: 175px;
    border: 1px solid #BDC0C6;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.cpabioqianbox2 {
    width: 350px;
    height: 115px;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.cpabioqianboxgeshi {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    padding: 0px 35px;
}

.cpabioqianbox .img2 {
    display: none;
}

.cpnewheaderboxgs{
    margin-bottom: 25px;
    width: 25%;
    padding: 0px 20px;
    border-right: 1px solid #0000001c;
}

.cpnewheaderboxgs_title{
    font-size: 20px !important;
    font-weight: 600;
    color: #191919 !important;
    display: block;
    margin-bottom: 15px;
}

.cpnewheaderboxgs_title:hover{
    text-decoration: underline;
    color: #2c247d !important;
}

.cpnewheaderboxgs_type1_title{
    font-size: 18px !important;
    font-weight: 600;
    color: #191919 !important;
    padding-left: 30px;
    margin: 10px 0px;
    display: block;
}

.cpnewheaderboxgs_type1_title:hover{
    text-decoration: underline;
    color: #2c247d !important;
}

.cpnewheaderboxgs_type2{
    padding-left: 60px;
    display: flex;
    flex-direction: column;
}

.cpnewheaderboxgs_type2_title{
    font-size: 16px !important;
    font-weight: 600;
    color: #191919 !important;
    padding-left: 10px;
    line-height: 1.5;
}

.cpnewheaderboxgs_type2_title:hover{
    text-decoration: underline;
    color: #2c247d !important;
}
/*.cpabioqianbox:hover .img2 {*/
/*    display: block;*/
/*}*/

/*.cpabioqianbox:hover .img1 {*/
/*    display: none;*/
/*}*/

.cpabioqianbox:hover {
    background: #f3f2ff;
    border: 1px solid #f3f2ff;
    border-radius: 10px;
}

.cpabioqianbox:hover span {
    color: #2c247d !important;
}

.cpabioqianbox2 .img2 {
    display: none;
}

.cpabioqianbox2:hover .img2 {
    display: block;
}

.cpabioqianbox2:hover .img1 {
    display: none;
}

.cpabioqianbox2:hover {
    background: #f3f2ff;
    border: 1px solid #f3f2ff;
    border-radius: 10px;
}

.cpabioqianbox2:hover span {
    color: #2c247d !important;
}

.footerboxbgimg {
    width: 100%;
    height: 528px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.footerboxbottom {
    width: 100%;
    background: #000000;
}

.footerboxbottomcont {
    width: 1410px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.footerfontbottom {
    font-size: 16px;
    font-family: Medium;
    font-weight: 500;
    color: #969DA1;
}


/* for all social containers*/
.socialContainer {
    width: 33px;
    height: 33px;
    background: #2c247d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition-duration: .3s;
    margin-left: 13px;
}

/* instagram*/
.containerOne:hover {
    background-color:  white;
    transition-duration: .3s;
}

/* twitter*/
.containerTwo:hover {
    background-color: #00acee;
    transition-duration: .3s;
}

/* linkdin*/
.containerThree:hover {
    background-color: #0072b1;
    transition-duration: .3s;
}

/* Whatsapp*/
.containerFour:hover {
    background-color: #128C7E;
    transition-duration: .3s;
}

.socialContainer:active {
    transform: scale(0.9);
    transition-duration: .3s;
}

.socialSvg {
    width: 17px;
}

.socialSvg path {
    fill: rgb(255, 255, 255);
}

.socialContainer:hover .socialSvg {
    animation: slide-in-top 0.3s both;
}

@keyframes slide-in-top {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.huanchangnew{
    width: 100%;
    height: 1px;
    background-color: #ffffff1f;
}

.socialContainer .img1 {
    display: block;
}

.socialContainer .img2 {
    display: none;
}

.socialContainer:hover .img1 {
    display: none;
}

.socialContainer:hover .img2 {
    display: block;
}

.footerfontbottom:hover {
    color: #2c247d;
}

.footerboxcontact {
    width: 100%;
    height: 160px;
    background: #2c247d;
    display: flex;
}

.footerboxcontactbox {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footerboxconttitle {
    font-size: 46px;
    font-family: SEMIBOLD;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 60px;
    margin-right: 225px;
}

.footerboxcontbtn {
    display: block;
    width: 218px;
    height: 45px;
    background: #FFFFFF;
    font-size: 16px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #42474C;
    line-height: 45px;
    text-align: center;
    transition: all 0.5s;
}

.footerboxcontbtn:hover {
    background-color: #444C5C;
    color: white;
    border-radius: 15px;
}

.geshiof1410px {
    width: 1410px;
    margin: 0 auto;
}

.footerteyougeshi {
    display: flex;
    justify-content: space-between;
    margin-top: 86px;
}

.footershupaigeshi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.compantfooter {
    font-size: 23px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #FEFEFE;
    margin-top: 38px;
    margin-bottom: 18px;
}

.contentfooter {
    width: 345px;
    height: 129px;
    font-size: 16px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
}

.footerfenleititle {
    font-size: 23px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #FEFEFE;
    margin-bottom: 9px;
}

.footertitlecp {
    font-size: 16px;
    font-family: MEDIUM;
    color: white;
    margin-bottom: 10px;
    line-height: 30px;
}

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


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

.chumobianhuan2 .img1 {
    display: block;
    margin-right: 10px;
    margin-top: 6px;
}

.chumobianhuan2 .img2 {
    display: none;
    margin-right: 10px;
    margin-top: 6px;
}

.chumobianhuan2:hover .img1 {
    display: none;
}

.chumobianhuan2:hover .img2 {
    display: block;
}

.indexmokuai1 {
    width: 100%;
    height: 755px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.tongyongtitlegeshi {
    font-size: 46px;
    font-family: BOLD;
    font-weight: bold;
    color: #42474C;
    line-height: 60px;
    text-align: center;
    margin-top: 106px;
    margin-bottom: 18px;
}

.mokuai1boxgeshi {
    margin-top: 10px;
    width: 330px;
    height: 54px;
    background: #2c247d;
    line-height: 54px;
    font-size: 20px;
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    transition: all 0.5s;
}

.mySwiperofmokuai1 {
    overflow: hidden;
    margin-top: 35px;
}

.mokuai1biankuanggeshi {
    width: 330px;
    height: 330px;
    overflow: hidden;
}

.mokuai1imgbig {
    transition: all 0.5s;
}

.mokuai1bianhuan:hover .mokuai1imgbig {
    transform: scale(1.2);
}

.mokuai1bianhuan:hover .mokuai1boxgeshi {
    background: #444C5C;
}

.indexmokuai2 {
    display: flex;
    width: 100%;
}

.indexmokuai2leftimg {
    width: 50%;
    height: 422px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.indexmokuai2rightimg {
    width: 50%;
    height: 422px;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    background-position: center;
}

.mokuai2jieshaobox {
    width: 310px;
    height: 115px;
    border: 1px solid #FFFFFF;
    margin-left: 34px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    transition: all 0.5s;
}

.mokuai2geshibox {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-right: 49px;
}

.mokuai2shuxian {
    width: 1px;
    height: 50px;
    background: #899296;
}

.mokuai2cptitle {
    font-size: 20px;
    font-family: SEMIBOLD;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.mokuai2cpctitle {
    font-size: 15px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #FFFFFF;
}

.mokuai2jieshaobox:hover {
    border: 1px solid #2c247d;
    transform: translateY(10px);
    background: #2c247d;
}

.mokuai2jieshaobox:hover .mokuai2shuxian {
    background: white;
}

.indexmokuai3boxgeshi {
    position: relative;
}

.indexmokuai3 {
    width: 100%;
    height: 648px;
    background: #f3f2ff;
    position: relative;
    margin-top: 215px;
}

.mokuai3leftimg {
    z-index: 99;
    transition: all 0.5s;
}

.mokuai3leftimggeshi {
    position: absolute;
    top: -107px;
    width: 647px;
    height: 645px;
    overflow: hidden;
}

.mokuai3leftimg:hover {
    transform: scale(1.2);
}

.mokuai3rightgeshi {
    width: 674px;
    position: absolute;
    right: 0;
}

.mokuai3righttitle {
    margin-top: 63px;
    font-size: 46px;
    font-family: BOLD;
    font-weight: bold;
    color: #42474C;
}

.mokuai3rightctitle {
    font-size: 20px;
    font-family: SEMIBOLD;
    font-weight: 600;
    color: #2c247d;
    margin-top: 26px;
    margin-bottom: 23px;
}

.mokuai3rightcontent {
    font-size: 16px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #676E7C;
    margin-bottom: 45px;
    line-height: 28px;
}

.mokuai3xianding {
    background-color: #2c247d;
    color: white;
}

.indexmokuai4 {
    width: 100%;
    height: 427px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.mokuai4geshi {
    height: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

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

.mokuai4boxtitle {
    font-size: 55px;
    font-family: BOLD;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 40px;
    margin-bottom: 20px;
}

.mokuai4boxctitle {
    font-size: 16px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #FFFFFF;
}

.mokuai5geshi {
    display: flex;
    justify-content: space-between;
    margin-top: 106px;
    margin-bottom: 106px;
}

.mokuai5leftbox {
    width: 625px;
    height: 648px;
    overflow: hidden;
}

.mokuai5leftboximg {
    transition: all 0.5s;
}

.mokuai5leftbox:hover .mokuai5leftboximg {
    transform: scale(1.2);
}

.mokuai5rightbox {
    width: 650px;
}

.mokuai5rightboxtitle {
    font-size: 46px;
    font-family: BOLD;
    font-weight: bold;
    color: #42474C;
}

.mokuai5rightboxctitle {
    margin-top: 25px;
    font-size: 16px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #676E7C;
}

.mokuai5rightboxcontent {
    font-size: 16px;
    font-family: SEMIBOLD;
    font-weight: 500;
    color: #2c247d;
    margin-bottom: 40px;
    margin-top: 40px;
}

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

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

.mokuai5titlebottom {
    font-size: 15px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #676E7C;
    margin-top: 14px;
}

.mokuai5xianding {
    margin-top: 55px;
}

.indexmokuai6 {
    height: 1112px;
    background: #f3f2ff;
    width: 100%;
    overflow: hidden;
}

.mokuai6geshibox {
    height: 46px;
    background: #2c247d;
    line-height: 46px;
    font-size: 18px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    width: max-content;
    padding-left: 36px;
    padding-right: 36px;
    margin-left: 7px;
    margin-right: 7px;
    cursor: pointer;
}

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

.mokuai6contentbox {
    margin-top: 105px;
    width: 100%;
    height: 601px;
    background-repeat: no-repeat;
    background-size: revert;
    background-position: center;
    overflow: hidden;
}

.mokuai6contentboxgeshi {
    display: none;
    justify-content: space-between;
}

.mokuai6leftbox {
    width: 647px;
    height: 601px;
    overflow: hidden;
}

.mokuai6rightbox {
    width: 684px;
    margin-top: 37px;
}

.mokuai6leftboximg {
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mokuai6leftbox:hover .mokuai6leftboximg {
    transform: scale(1.2);
}

.mokuai6boxtitle {
    font-size: 46px;
    font-family: BOLD;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 76px;
    margin-bottom: 25px;
}

.mokuai6boxctitle {
    font-size: 20px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.5;
}

.mokuai6boxtitle2 {
    font-size: 20px;
    font-family: SEMIBOLD;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 25px;
}

.mokuai6boxcontentgeshititle {
    font-size: 15px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #FEFEFE;
    margin-left: 10px;
}

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

.activeofmokuai6 {
    background: #444C5C;
}

.activeofmokuai6content {
    display: flex;
}

.mySwiperofmokuai7 {
    overflow: hidden;
    margin-top: 47px;
}

.mokuai7biankuanggeshi {
    width: 330px;
    overflow: hidden;
    position: relative;
}

.mokuai7imgbig {
    transition: all 0.5s;
    width: 330px;
    height: auto;
    object-fit: cover;
}

.mokuai7bianhuan:hover .mokuai7imgbig {
    transform: scale(1.2);
}

.mokuai7boxgeshi {
    width: 184px;
    font-size: 16px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #444C5C;
    text-align: center;
    margin: 0 auto;
    margin-top: 17px;
}

.mokuai8box {
    display: flex;
    justify-content: space-between;
    margin-top: 75px;
    margin-bottom: 108px;
}

.mokuai8gesibox {
    width: 665px;
    display: flex;
    justify-content: space-between;
}

.mokuai8geshirightbox {
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mokuai8geshileftbox {
    width: 330px;
    height: 402px;
    overflow: hidden;
}

.mokuai8geshileftimg {
    transition: all 0.5s;
}

.mokuai8geshileftbox:hover .mokuai8geshileftimg {
    transform: scale(1.2);
}

.mokuai8geshirighttitle {
    font-size: 20px;
    font-family: MEDIUM;
    font-weight: normal;
    color: #444C5C;
}

.mokuai8geshirightcontent {
    font-size: 16px;
    font-family: MEDIUM;
    font-weight: normal;
    color: #676E7C;
}

.mokuai8xianding {
    background-color: #2c247d;
    color: white;
    margin-top: 43px;
}

.indexmokuai9 {
    width: 100%;
    height: 500px;
    background: #F5F7F8;
    overflow: hidden;
}

.indexmokuai9geshibox {
    margin-top: 46px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.otherpageclass{
    position: relative;
    background-color: white;
}


.pageheader{
    width: 100%;
    height: 60px;
    background: #2c247d;
}

.leftboxtitle{
    font-size: 20px;
    font-family: SEMIBOLD;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 60px;
}


.rightboxtitle{
    font-size: 20px;
    font-family: SEMIBOLD;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 60px;
    display: flex;
    align-items: center;
}
.pageheaderboxgeshi{
    display: flex;
    justify-content: space-between;
}
.newinputgeshi{
    width: 206px;
    height: 45px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    font-size: 15px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #676E7C;
    padding-left: 15px;
}
.newbuttongeshi{
    width: 80px;
    height: 45px;
    background: #2c247d;
    border: 0px;
    cursor: pointer;
}
.newcpleftgeshibox{
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    margin-top: 29px;
    margin-bottom: 29px;
    padding: 22px 29px;
}
.newcplefttitle{
    display: block;
    font-size: 20px;
    font-family: SEMIBOLD;
    font-weight: 600;
    color: #444C5C;
    margin-bottom: 22px;
}
.newcpleftcontentgeshi{
    display: flex;
    flex-direction: column;
}
.newcpleftcontentgeshi a{
    font-size: 16px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #676E7C;
    margin-top: 7px;
    line-height: 30px;
}
.newcpleftcontentgeshi a:hover{
    color: #2c247d;
}
.mySwiperofnewcpleftbox{
    width: 230px;
    overflow: hidden;
    position: relative;
}
.newlefttijiancpbox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 17px;
}
.newlefttijiancpboxright{
    width: 150px;
    height: 51px;
    font-size: 13px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #777777;
}
.newcprightbox{
    width: 100%;
    height: 345px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 .newcprightboxgeshi{
    width: 612px;
    height: 345px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.newcprightboxgeshi2{
    width: 430px;
}
.newcptoptitle{
    font-size: 60px;
    font-family: SEMIBOLD;
    font-weight: 600;
    color: #444C5C;
}
.newcptopcontent{
    font-size: 14px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #676E7C;
    margin-top: 29px;
    margin-bottom: 48px;
}
.newcpimg1{
    display: block;
}
.newcpimg2{
    display: none;
}
.newcprightboxgeshi img{
    transition: all 0.5s;
}
.newcprightboxgeshi:hover img{
    transform: scale(1.2); 
}
.morethanbagsbox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
}
.morethanbagsboxleft{
    width: 682px;
    height: 512px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutusboxright{
    width: 704px;
    height: 473px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.morethanbagsboxright{
    width: 602px;
}

.morethanbagsboxrightitle{
    font-size: 25px;
    font-family: SEMIBOLD;
    font-weight: 600;
    color: #444C5C;
}

.morethanbagsboxrightcontent{
    font-size: 14px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #676E7C;
    margin-top: 24px;
    line-height: 25px;
}

.contentusonebox{
    margin-top: 31px;
    padding: 15px;
    height: 451px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
}

.contentusoneboxtitle{
    font-size: 46px;
    font-family: BOLD;
    font-weight: bold;
    color: #42474C;
    text-align: center;
    margin-top: 105px;
    margin-bottom: 26px;
}

.contentusoneboxcontent{
    text-align: center;
    font-size: 20px;
    font-family: SEMIBOLD;
    font-weight: 600;
    color: #2c247d;
    margin-bottom: 46px;
}

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

.contentustwobox{
    width: 31%;
    height: 254px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.contentustwoboxtitle{
    font-size: 22px;
    font-family: SEMIBOLD;
    font-weight: 600;
    color: #2c247d;
}

.contentustwoboxcontent{
    font-size: 18px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #676E7C;
    text-align: center;
}

.aboutusboxcontentgeshi{
    font-size: 16px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #676E7C;
    text-align: center;
    margin-bottom: 42px;
}

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

.aboutbottomtwoboxgeshilefttitle{
    height: 113px;
    width: 100%;
    text-align: center;
    line-height: 113px;
    font-size: 25px;
    font-family: BOLD;
    font-weight: bold;
    color: #42474C;
}

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

.hiwboxgeshionebox{
    width: 310px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.hiwboxgeshioneboxtitle{
    margin-top: 33px;
    margin-bottom: 18px;
    font-size: 15px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #191919;
}

.hiwboxgeshioneboxcont{
    height: 184px;
    text-align: justify;
    font-size: 15px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #777777;
}

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

.hiwcontentgeshibox{
    display: flex;
    flex-direction: column;
    width: 682px;
    margin-bottom: 35px;
}

.hiwcontentgeshiboxgs{
    width: 682px;
    height: 345px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hiwcontentgeshiboxgstitle{
    font-size: 25px;
    font-family: SEMIBOLD;
    font-weight: 600;
    color: #444C5C;
    margin-top: 32px;
    margin-bottom: 28px;
}

.hiwcontentgeshiboxgscontent{
    width: 660px;
    height: 88px;
    font-size: 14px;
    font-family: MEDIUM;
    font-weight: 500;
    color: #676E7C;
}

.indexmokuai9geshibox img{
    width: 12.5%;
    object-fit: contain;
    height: 100px;
    padding: 10px;
    transition: all 0.5s;
}

.indexmokuai9geshibox img:hover{
    transform: scale(1.2);
}
@media (max-width: 1550px) {
    body{
        zoom: 0.9;
    }
}
@media (max-width: 1400px) {
    body{
        zoom: 0.8;
    }
}
@media (max-width: 1250px) {
    body{
        zoom: 0.65;
    }
    .header .inner .index-search{
        display: none;
    }
}

@media (max-width: 960px) {
    .indexmokuai1 .geshiof1410px .list a{
        margin-bottom: 35px !important;
    }
    .indexmokuai1{
        height: fit-content;
        padding-bottom: 50px;
    }
    .indexmokuai1 .geshiof1410px .list{
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .header .inner .logo img{
        width: 100px;
        max-height: 50px;
        object-fit: contain;
    }
    .geshiof1410px{
        width: 100%;
    }
    .mySwiperofmokuai1 .swiper-slide{
        display: flex;
        justify-content: center;
    }
    .indexmokuai2{
        flex-direction: column;
    }
    .indexmokuai2leftimg{
        width: 100%;
    }
    .indexmokuai2rightimg{
        display: none;
        width: 130%;
    }
    .mokuai2jieshaobox{
        width: 250px;
    }
    .mokuai3leftimggeshi{
        width: 100%;
    }
    .mokuai3rightgeshi{
        width: 100%;
        padding: 15px;
    }
    .mokuai4boxtitle{
        font-size: 25px;
    }
    .shuzi1{
        width: 50px !important;
    }
    .shuzi2{
        width: 50px !important;
    }
    .shuzi3{
        width: 50px !important;
    }
    .shuzi4{
        width: 50px !important;
    }
    .mokuai4boxgeshi{
        width: 110px;
    }
    .mokuai4boxctitle{
        text-align: center;
    }
    .indexmokuai4{
        background-size: cover;
        background-position: center;
    }
    .mokuai5geshi{
        flex-direction: column;
    }
    .mokuai5leftbox{
        width: 100%;
    }
    .mokuai5rightbox{
        width: 100%;
        padding: 25px;
    }
    .mokuai5bottomguochenggeshi img{
        width: 70px;
    }
    .mokuai5bottomguocheng{
        justify-content: space-around;
    }
    .mokuai6clickbox{
        flex-wrap: wrap;
    }
    .mokuai6geshibox{
        margin-top: 5px;
    }
    .activeofmokuai6content{
        flex-direction: column;
    }
    .mokuai6leftbox{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .mokuai6rightbox{
        position: absolute;
        padding: 15px;
        width: 100%;
    }
    .mokuai6boxtitle{
        margin-top: 0px;
    }
    .mokuai6leftboximg{
        opacity: 0.6;
    }
    .mokuai6leftbox{
        background: #000;
    }
    .mokuai6contentbox {
        margin-top: 50px;
        height: fit-content;
        background-size: 100% 100%;
    }
    .mySwiperofmokuai7 .swiper-slide{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .mokuai8gesibox{
        width: 100%;
        margin-top: 25px;
    }
    .mokuai8geshileftbox{
        width: 50%;
        height: auto;
    }
    .mokuai8geshileftimg{
        width: 100%;
    }
    .mokuai8box{
        flex-direction: column;
    }
    .mokuai8geshirightbox{
        width: 45%;
        margin-right: 15px;
    }
    .indexmokuai9geshibox{
        flex-wrap: wrap;
        padding: 15px;
    }
    .indexmokuai9geshibox img{
        margin-left: 12px;
        margin-bottom: 12px;
        margin-right: 12px;
    }
    .indexmokuai9{
        height: auto;
    }
    .indexmokuai9geshibox{
        justify-content: center;
    }
    .footerboxcontact{
        height: auto;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .footerboxcontactbox{
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
    .footerboxconttitle{
        margin-top: 15px;
        margin-right: 0px;
    }
    .footerboxcontbtn{
        margin-top: 15px;    
    }
    .footerteyougeshi{
        flex-direction: column;
    }
    .footerboxbgimg{
        background-repeat: repeat;
        height: auto;
    }
    .footershupaigeshi{
        margin: 15px;
    }
    .footerteyougeshi {
        margin-top: 10px;
    }
    .footerboxbottomcont{
        padding-top: 15px;
        padding-bottom: 15px;
        width: 100%;
        height: auto;
        line-height: 70px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    .pageheaderboxgeshi{
        padding-left: 15px;
        padding-right: 15px;
    }
    .content-wrap.form iframe{
        height: 565px !important;
    }
    .morethanbagsbox{
        flex-direction: column !important;
    }
    .morethanbagsboxleft{
        width: 100%;
        height: auto;
    }
    .morethanbagsboxright{
        width: 100%;
        padding: 15px;
    }
    .contentustwoboxgeshi{
        flex-direction: column;
        align-items: center;
    }
    .contentustwobox{
        width: 80%;
        margin-bottom: 25px;
    }
    .geshiof1410px iframe{
        height: 565px !important;
    }
    .hiwcontentgeshiboxgs{
        width: 100%;
    }
    .hiwcontentgeshibox{
        width: 100%;
    }
    .hiwcontentgeshiboxgstitle{
        padding-left: 15px;
    }
    .hiwcontentgeshiboxgscontent{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .hiwboxgeshione{
        flex-direction: column; 
    }
    .hiwboxgeshioneboxcont{
        height: max-content;
    }
    .hiwboxgeshione img{
        margin-top: 35px !important;
        margin-bottom: 15px !important;
    }
    .aboutusboxright{
        width: 100%;
    }
    .aboutbottomtwoboxgeshi{
        flex-direction: column !important;
    }
    .mySwiperofmokuai1 .swiper-slide{
        width: 100% !important;
        
    }
    .mokuai2geshibox{
        width: 100%;
        margin: 0px;
        justify-content: center;
    }
    .mokuai2jieshaobox{
        margin: 15px !important;
    }
    .mokuai2shuxian{
        width: 1px !important;
    }
    .yidongxiugaigs{
        width: 100%;
    }
    .mokuai2jieshaobox{
        width: 100%;
    }
    .mokuai3leftimggeshi{
        padding: 35px;
        position: initial;
    }
    .indexmokuai3{
        margin-top: 0px;
        height: fit-content;
        padding-bottom: 35px;
    }
    .mokuai3rightgeshi{
        position: initial;
    }
    .mokuai5bottomguochenggeshi{
        zoom: 0.7;
    }
    .indexmokuai6{
        height: fit-content;
    }
    .rightboxtitle {
        font-size: 12px;
    }
    .contentusonebox{
        height: fit-content;
    }
    .el-pager li{
        zoom: 0.7;
    }
    .el-pagination button{
        zoom: 0.7;
    }
    .el-pagination__total{
        zoom: 0.8;
    }
    .swiper-container-fade .swiper-slide{
        width: 100% !important;
    }
    .leftboxtitle{
        font-size: 13px;
    }
}