@import url(/css/font.css);

.unit1 {
    width: 4001rem;
    height: 1890rem;
    position: relative;
}

.unit1 .img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.unit1 .bg {
    position: absolute;
    font-size: 395.83rem;
    color: #efefef;
    top: 655rem;
    opacity: 0.2;
}

.unit1 .mouse {
    position: absolute;
    bottom: 70rem;
    left: 50%;
    transform: translateX(-50%);
    width: 60rem;
}

@media (max-width: 750px) {
    .unit1 .mouse {
        display: none;
    }
}

.unit1 .content {
    position: absolute;
    /*width: 100%;*/
    height: 100%;
    padding-top: 100rem;
    padding-left: 342rem;
}

.unit1 .content h1 {
    font-size: 177.59rem;
    color: #ffffff;
}

.unit1 .content p {
    font-size: 58.33rem;
    color: #ffffff;
    margin-top: 45rem;
}

.Crumbs {
    font-size: 37.15rem;
    display: flex;
    color: #808080;
    padding-top: 90rem;
    margin-left: 340rem;
    padding-bottom: 40rem;
    margin-right: 336rem;
    border-bottom: 1rem solid #808080;
}

/* @media (max-width: 750px) {
    .Crumbs {
        display: none;
    }
} */

.Crumbs a {
    color: #808080;
}

.Crumbs a:nth-last-of-type(1) {
    color: #1b4a8e;
}

.page1 .unit2 {
    background-color: #f8f8f8;
    height: 1860rem;
}

.page1 .unit2 .content {
    margin: 180rem auto 0;
    height: 1170rem;
    display: flex;
    background-image: url(/image/03.png);
    background-size: 100% 100%;
    width: 3000rem;
    justify-content: space-between;
}

.page1 .unit2 .content .left {
    margin-top: 200rem;
}

.page1 .unit2 .content .text {
    font-size: 42rem;
    line-height: 70rem;
    width: 1450rem;
    font-weight: bold;
    border-bottom: 1px solid #366ec9;
    padding-bottom: 50rem;
    margin-bottom: 180rem;
}

.page1 .unit2 .content .item {
    padding-left: 50rem;
}

.page1 .unit2 .content .item .name {
    font-size: 48rem;
    font-weight: bold;
    color: #366ec9;
    position: relative;
}

.page1 .unit2 .content .item .name::after {
    content: "";
    width: 35rem;
    height: 10rem;
    background-color: #366ec9;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -50rem;
}

.page1 .unit2 .content .item .name span {
    font-size: 42rem;
}

.page1 .unit2 .content .item .val {
    font-size: 41.67rem;
    margin-top: 10rem;
    margin-bottom: 85rem;
    font-weight: 300;
    /* color: ; */
}

.page1 .unit2 .swiper1 {
    width: 890rem;
}

.page1 .unit2 .swiper1 .swiper-slide {
    width: 890rem;
    height: 1180rem;
}

@media (max-width: 750px) {
    .page1 .unit2 {
        height: auto;
    }

    .page1 .unit2 .content {
        margin-top: 0;
        align-items: center;
        width: 100%;
        height: auto;
        flex-direction: column;
        padding-bottom: 200rem;
    }

    .page1 .unit2 .content .left {
        width: max-content;
    }
}

.page1 .unit3 {
    padding-top: 415rem;
}

.page1 .unit3 .title {
    font-size: 83.33rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: #ffffff;
    width: 1700rem;
    background-color: #1b4a8e;
    height: 130rem;
    border-radius: 9999px;
}

.page1 .unit3 .content {
    width: 2932rem;
    height: 1310rem;
    margin: 106rem auto 0;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.page1 .unit3 .content .center {
    width: 1345rem;
    position: absolute;
    top: 60rem;
    left: 50%;
    transform: translateX(-50%);
}

.page1 .unit3 .content dl {
    width: 855rem;
}

.page1 .unit3 .content dl dt h2 {
    font-size: 77.58rem;
    border-bottom: 1px solid;
    font-weight: bold;
    line-height: 130rem;
}

.page1 .unit3 .content dl dt h2 strong {
    font-size: 94.82rem;
    color: #1b4a8e;
}

.page1 .unit3 .content dl dt p {
    font-size: 65rem;
    line-height: 106rem;
}

.page1 .unit3 .content dl dd {
    margin-top: 80rem;
    padding-left: 34rem;
    padding-top: 45rem;
    width: 775rem;
    height: 270rem;
    border-radius: 40rem;
    box-shadow: #e2e2e2 10rem 10rem 50rem 0;
}

.page1 .unit3 .content dl dd:nth-of-type(1) {
    margin-top: 90rem;
}

.page1 .unit3 .content dl dd h3 {
    height: 50rem;
}

.page1 .unit3 .content dl dd h3>* {
    float: left;
}

.page1 .unit3 .content dl dd h3 img {
    width: 30rem;
    display: block;
    margin-top: 10rem;
    margin-right: 15rem;
}

.page1 .unit3 .content dl dd h3 div {
    font-size: 45rem;
    font-family: "MiSans";
    color: #1b4a8e;
    line-height: 50rem;
}

.page1 .unit3 .content dl dd p {
    font-size: 35.85rem;
    padding-left: 45rem;
    padding-right: 20rem;
    font-family: "MiSans";
    color: black;
    line-height: 1.2;
    text-align: justifyLeft;
    margin-top: 40rem;
}

@media (max-width: 750px) {
    .page1 .unit3 .content {
        flex-direction: column;
        height: auto;
        align-items: center;
        width: 100%;
    }

    .page1 .unit3 .content .center {
        position: initial;
        transform: none;
    }

    .page1 .unit3 .content dl {
        align-items: center;
        display: flex;
        flex-direction: column;
        transform: scale(1.5);
        margin: 300rem 0 400rem;
    }

    .page1 .unit3 .content dl:nth-of-type(2) {
        margin-top: 400rem;
    }

    .page1 .unit3 .content dl .fr {
        float: none;
    }
}

.page1 .unit4 {
    margin-top: 360rem;
}

.page1 .unit4 .tab {
    display: flex;
    justify-content: center;
    gap: 260rem;
}

.page1 .unit4 .tab .item {
    transition: 0.3s;
    height: 100rem;
    width: 960rem;
    box-shadow: #d7d7d766 0 10rem 10rem 0;
    background-color: #e3e3e3;
    border-radius: 9999px;
    font-size: 66.66rem;
    font-family: "MiSans";
    color: #b0b0b0;
    line-height: 100rem;
    text-align: center;
}

.page1 .unit4 .tab .item.active {
    color: #fff;
    background-color: #1b4a8e;
}

.page1 .unit4 .swiper {
    width: 3330rem;
    height: 1815rem;
    margin-top: 60rem;
}

.page1 .unit4 .line {
    height: 15rem;
    background-color: #e3e3e3;
    border-radius: 9999px;
    width: 2044rem;
    margin: 86rem auto 0;
    position: relative;
}

.page1 .unit4 .line img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 50%;
}

@media (max-width: 750px) {
    .page1 .unit4 .swiper {
        width: 1850rem;
        height: 1000rem;
    }

    .page1 .unit4 .tab {
        gap: 40rem;
    }

    .page1 .unit4 .tab .item {
        width: 40%;
    }

    .page1 .unit4 .line {
        width: 1850rem;
    }
}

.page1 .unit5 {
    margin-top: 200rem;
    padding-bottom: 220rem;
}

.page1 .unit5 .title {
    font-size: 69.09rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 50px;
    justify-content: center;
    color: #1b4a8e;
}

.page1 .unit5 .title::after,
.page1 .unit5 .title::before {
    content: "";
    width: 522rem;
    height: 2rem;
    display: block;
    background-color: #1b4a8e;
}

.page1 .unit5 .list {
    display: flex;
    justify-content: center;
    margin-top: 90rem;
}

.page1 .unit5 .list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 400rem;
}

.page1 .unit5 .list li img {
    height: 120rem;
}

.page1 .unit5 .list li p {
    font-size: 47.11rem;
    color: #1b4a8e;
    margin-top: 29rem;
}

@media (max-width: 750px) {
    .page1 .unit5 .list {
        width: 100%;
        flex-wrap: wrap;
        row-gap: 80rem;
    }

    .page1 .unit5 .list li {
        width: 33%;
    }
}

.page2,
.page3 {
    background-color: #f8f8f8;
}

.page2 .unit2 ul,
.page3 .unit2 ul {
    margin-top: 100rem;
    height: 2250rem;
    background-image: url(/image/08.png);
    background-size: cover;
    overflow: hidden;
    display: flex;
}

.page2 .unit2 ul:hover li,
.page3 .unit2 ul:hover li {
    width: 460rem !important;
}

.page2 .unit2 ul:hover li::before,
.page3 .unit2 ul:hover li::before {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.page2 .unit2 ul li,
.page3 .unit2 ul li {
    position: relative;
    width: 460rem;
    height: 100%;
    padding-top: 428rem;
    transition: 0.3s;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.page2 .unit2 ul li:nth-of-type(1),
.page3 .unit2 ul li:nth-of-type(1) {
    width: 1265rem;
    border-right: 1px solid #fff;
}

.page2 .unit2 ul li:nth-of-type(1)::before,
.page3 .unit2 ul li:nth-of-type(1)::before {
    background-color: rgba(0, 0, 0, 0);
}

.page2 .unit2 ul li:nth-of-type(1) h3,
.page3 .unit2 ul li:nth-of-type(1) h3 {
    font-size: 171.58rem;
    width: max-content;
    line-height: 270rem;
}

.page2 .unit2 ul li:hover,
.page3 .unit2 ul li:hover {
    width: 1265rem !important;
    border-right: 1px solid #fff !important;
}

.page2 .unit2 ul li:hover::before,
.page3 .unit2 ul li:hover::before {
    background-color: rgba(0, 0, 0, 0) !important;
}

.page2 .unit2 ul li:hover h3,
.page3 .unit2 ul li:hover h3 {
    font-size: 171.58rem !important;
    width: max-content !important;
    line-height: 270rem;
}

.page2 .unit2 ul li::before,
.page3 .unit2 ul li::before {
    transition: 0.3s;
    content: "";
    position: absolute;
    width: calc(100%);
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
}

.page2 .unit2 ul li h3,
.page3 .unit2 ul li h3 {
    font-weight: bold;
    color: #ffffff;
    margin-left: 90rem;
    width: 1em;
    font-size: 93.85rem;
    position: relative;
    z-index: 9;
}

.page2 .unit2 ul li div,
.page3 .unit2 ul li div {
    width: 750rem;
    height: 170rem;
    border-radius: 9999px;
    background-color: #cbcccf;
    position: absolute;
    bottom: 120rem;
    left: 460rem;
    font-size: 95.73rem;
    color: #1b4a8e;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page2 .unit3,
.page3 .unit3 {
    display: flex;
    flex-direction: column;
    gap: 110rem;
    align-items: center;
    padding: 210rem 0;
}

.page2 .unit3 li,
.page3 .unit3 li {
    width: 3380rem;
    height: 1110rem;
    background-color: #efefef;
    border-radius: 40rem;
    box-shadow: #dadada 10rem 10rem 20rem 0;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 320rem;
    padding-left: 300rem;
}

.page2 .unit3 li .left,
.page3 .unit3 li .left {
    width: 1200rem;
}

.page2 .unit3 li .left h3,
.page3 .unit3 li .left h3 {
    position: relative;
    margin-left: 108rem;
    padding-bottom: 51rem;
    border-bottom: 1px solid #366ec9;
    font-size: 78.94rem;
    font-weight: bold;
}

.page2 .unit3 li .left h3::before,
.page3 .unit3 li .left h3::before {
    content: "";
    width: 50rem;
    height: 15rem;
    display: block;
    background-color: #366ec9;
    position: absolute;
    top: 34rem;
    left: -108rem;
}

.page2 .unit3 li .left p,
.page3 .unit3 li .left p {
    padding-left: 104rem;
    margin-top: 164rem;
    font-size: 65.78rem;
    font-weight: 300;
    color: #333333;
}

.page2 .unit3 li .right,
.page3 .unit3 li .right {
    position: absolute;
    width: 1510rem;
    bottom: 214rem;
    right: 120rem;
}

@media (max-width: 750px) {

    .page2 .unit2 ul,
    .page3 .unit2 ul {
        width: 100% !important;
        overflow-x: auto;
        display: flex;
    }

    .page2 .unit2 ul:hover li,
    .page3 .unit2 ul:hover li {
        width: 80% !important;
        flex-shrink: 0;
    }

    .page2 .unit2 ul li,
    .page3 .unit2 ul li {
        width: 80% !important;
        flex-shrink: 0;
    }

    .page2 .unit2 ul li::before,
    .page3 .unit2 ul li::before {
        background-color: rgba(0, 0, 0, 0);
    }

    .page2 .unit2 ul li h3,
    .page3 .unit2 ul li h3 {
        font-size: 171.58rem;
        width: max-content;
        line-height: 270rem;
    }

    .page2 .unit3 li,
    .page3 .unit3 li {
        flex-direction: column;
        padding: 80rem;
        width: 80%;
    }

    .page2 .unit3 li .right,
    .page3 .unit3 li .right {
        width: 100%;
        height: auto;
        position: initial;
    }
}

.page4 {
    background-color: #f8f8f8;
}

.page4 .unit2 {
    padding-bottom: 115rem;
}

.page4 .unit2 ul {
    display: flex;
    width: 3330rem;
    margin: auto;
    padding-top: 150rem;
    gap: 90rem;
    flex-wrap: wrap;
}

.page4 ul li .imgBox {
    width: 1050rem;
    height: 860rem;
    background-color: #ffffff;
    box-shadow: #dcdcdc 10rem 10rem 40rem 0;
}

.page4 ul li .imgBox img {
    height: 100%;
    display: block;
    margin: auto;
}

.page4 ul li .tool {
    display: flex;
    justify-content: space-between;
    padding-top: 66rem;
    padding-bottom: 60rem;
    align-items: center;
}

.page4 ul li .tool h3 {
    margin-left: 150rem;
    position: relative;
    font-size: 54.56rem;
    color: #333333;
    height: 54.56rem;
}

.page4 ul li .tool h3::before {
    content: "";
    display: block;
    width: 50rem;
    height: 15rem;
    background-color: #366ec9;
    position: absolute;
    top: 15rem;
    left: -77rem;
}

.page4 ul li .tool a {
    background-image: url("../../images/business/icon14.png");
    width: 62rem;
    height: 60rem;
    display: block;
    background-size: cover;
    margin-top: -30rem;
}

.page4 .loadmore {
    width: 250rem;
    border-radius: 9999px;
    height: 88rem;
    color: #366ec9;
    font-size: 40.72rem;
    border: 1px solid;
    margin: 100rem auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 750px) {
    .page4 ul {
        width: 100% !important;
        justify-content: space-around !important;
        gap: 0 !important;
        row-gap: 40rem !important;
    }

    .page4 ul li {
        width: 56%;
    }

    .page4 ul li .imgBox {
        width: 100%;
    }

    .page4 .loadmore {
        transform: scale(1.5);
    }
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.new_banenr{
	height: 380px;
    margin-top: 98px;
    width: 100%;
}

@media (max-width: 500px){
   .new_banenr {
    height: 180px;
    margin-top: 50px;
    width: 100%;
}
}

@media (max-width: 1024px){
.common_footer > .content_div {
    margin: 0 1em;
    margin-left:14px;
}
}


.common_top_nav .logo img {
    vertical-align: middle;
}

.common_top_nav .logo a {
     font: initial;
}