body{
    font-family: PingFangSC;
    background: #fff;
    padding:0;
    margin:0;
}

.cf-wrapper{
    width:100%;
    max-width: 1920px;
    margin: auto;
    height:auto;
}
.all-wrap {color: #666666;}
.all-wrap .banner-box {
    width: 100%;
    max-width: 1920px;
    height: 500px;
    position: relative;
    margin: 0 auto;
}
.all-wrap .banner-box .banner {
    width: auto;
    position: absolute;
    top: 0;
    z-index: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.all-wrap .banner-box .banner-content {
    width: 1200px;
    position: relative;
    margin: auto;
    z-index: 1;
    padding-top: 110px;
}
.all-wrap .banner-box .banner-content h1,
.all-wrap .banner-box .banner-content h2
 {
    color: #fff;
    margin-bottom: 12px;
    line-height: 1;
    text-align: left;
}
.all-wrap .banner-box .banner-content h1 {
    font-size: 70px;
    font-weight: bold;
    margin-bottom: 33px;
    line-height:1.3;
}
.all-wrap .banner-box .banner-content h2 {
    font-size: 32px;
    margin-bottom: 12px;
    color: #00FFFB;
}

.module2{
    width:100%;
    background-image: url("../../images/metier/bg1.jpg");
    height: 464px;
    background-size: cover; /* 确保图片覆盖整个元素 */
    background-position: center; /* 将图片居中显示 */
}

.w1200{
    width:1200px;
    height: inherit;
    margin: 0 auto;
    text-align: left;
}

.mc2{
    line-height: 30px;
    padding-top: 120px;
}

.mc2-desc{
    width: 570px;
    font-size: 18px;

    margin-bottom: 24px;
}
.all-wrap .module3 {margin-bottom: 54px}
.all-wrap .module3 h3,
.all-wrap .module4 h3,
.all-wrap .module5 h3
{
    text-align: center;
    padding-top: 80px;
    padding-bottom: 40px;
    font-size: 40px;
    color: #333333;
    font-weight: 500;
}

.all-wrap .item-list{
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    margin: 0px auto 0;
    justify-content: space-around;
}

.all-wrap .module3 .item-list .item {
    width: 588px;
    height: 168px;
    display: flex;
    margin-bottom: 26px;
    border-radius: 10px;
    background-image: linear-gradient(137deg, #E9F3FE 0%, #F1F7FE 87%);
    background-size: cover; /* 确保图片覆盖整个元素 */
    background-position: center; /* 将图片居中显示 border*/
}
.all-wrap .module3  .item-list .act {background-image: url("../../images/metier/item-act-bg.jpg"); }

.all-wrap .module3  .item-list .item .item-sub-r {width: 464px; padding: 20px 20px 0 10px; }
.all-wrap .module3  .item-list .item .item-sub-r .tit {font-size: 24px; color: #333333; font-weight: 500; line-height: 2}
.all-wrap .module3  .item-list .item .item-sub-r .desc {font-size: 16px;  line-height:1.5}
.all-wrap .module3  .item-list .act .tit, .all-wrap .module3  .item-list .act .desc {color: #FFFFFF !important;}

.all-wrap .module3  .item-list .item-1 i {width: 124px; height: 170px; background-image: url("../../images/metier/item-i-1.png")}
.all-wrap .module3  .item-list .item-1.act i {background-image: url("../../images/metier/item-i-s-1.png")}
.all-wrap .module3  .item-list .item-2 i {width: 124px; height: 170px; background-image: url("../../images/metier/item-i-2.png")}
.all-wrap .module3  .item-list .item-2.act i {background-image: url("../../images/metier/item-i-s-2.png")}
.all-wrap .module3  .item-list .item-3 i {width: 124px; height: 170px; background-image: url("../../images/metier/item-i-3.png")}
.all-wrap .module3  .item-list .item-3.act i {background-image: url("../../images/metier/item-i-s-3.png")}
.all-wrap .module3  .item-list .item-4 i {width: 124px; height: 170px; background-image: url("../../images/metier/item-i-4.png")}
.all-wrap .module3  .item-list .item-4.act i {background-image: url("../../images/metier/item-i-s-4.png")}

.all-wrap .module3  .item-list .item-l {margin-right: 24px}
.all-wrap .module4 { background-image: url("../../images/metier/bg4.png"); height: 655px; background-size: cover; /* 确保图片覆盖整个元素 */
    background-position: center; /* 将图片居中显示 */}
.mc4-tab{
    width:100%;
    height:auto;
    display: flex;
    margin-bottom: 30px;
    /* justify-content: center; */
}
.mc4-tab .tab {width: 400px; height: 88px;text-align: center; font-weight: 600; font-size: 24px; padding-top: 15px; background-color: #2b78ff14; color: #333333}
.mc4-tab .tab span {font-size: 14px;  font-weight: 400}
.module4 .mc4-tab .mc4-active  {
    background-image: url("../../images/metier/tab-act.png");
    border-radius: 10px;
    color: #FFFFFF;
}
.mc4-active, .mc4-active,.mc4-tab .mc4-active span {color:#FFFFFF;}
.all-wrap .module4 .tab-con {display: flex}
.all-wrap .module4  .tab-con-l {margin-right: 20px;}
.all-wrap .module4 .hd {display: none}
.all-wrap .module4 .tab-con .item {width: 590px; height: 281px; background-image: linear-gradient(180deg, #ffffffcc 0%, #ffffff3d 100%); border-radius: 17px; padding-left: 33px}
.all-wrap .module4 .tab-con .item .td {background-image: url("../../images/metier/jjfa.png"); display: block; margin-top: 18px; padding-left: 50px; height: 40px; background-repeat: no-repeat; background-position: left center; color: #333333; font-size: 20px; font-weight: 600; line-height:40px}
.all-wrap .module4 .tab-con .item p {line-height: 1.5; font-size: 14px}
.all-wrap .module4 .tab-con .item .line {margin-bottom: 25px; border-bottom: 1px #F7E0DE solid; height:18px; width: 514px }
.all-wrap .module4 .tab-con .tab-con-l .td {background-image: url("../../images/metier/td.png")}
.all-wrap .module4 .tab-con .item .c { background-image: url("../../images/metier/c.png"); background-repeat: no-repeat; background-position: center left; padding-left: 24px}
.all-wrap .module4 .tab-con .item .d {background-image: url("../../images/metier/d.png"); background-repeat: no-repeat; background-position: center left; padding-left: 30px}
.all-wrap .module4 .tab-con .item .d, .all-wrap .module4 .tab-con .item .c {padding: 0 30px; margin: 15px 0}
.all-wrap .module5 {margin-bottom: 80px}
.all-wrap .module5  .item-list .item {
    width: 285px;
    height: 141px;
    margin-bottom: 20px;
    margin-right: 20px
}
.all-wrap .module5 .item-list a {border-radius: 10px; line-height: 1.5; width: 285px; height: 141px; margin-bottom: 20px; margin-right: 20px; color: #101A46; font-size: 18px; font-weight: 600; padding-top: 40px; padding-left: 16px;}
.all-wrap .module5 .item-list a:hover{border: 2px solid #599CFF;}

.all-wrap .module5 .item-list a:nth-child(4n){margin-right: 0}

.all-wrap .module5 .item-list .hy-1 {background-image: url("../../images/metier/hy-1.jpg")}
.all-wrap .module5 .item-list .hy-2 {background-image: url("../../images/metier/hy-2.jpg")}
.all-wrap .module5 .item-list .hy-3 {background-image: url("../../images/metier/hy-3.jpg")}
.all-wrap .module5 .item-list .hy-4 {background-image: url("../../images/metier/hy-4.jpg")}
.all-wrap .module5 .item-list .hy-5 {background-image: url("../../images/metier/hy-5.jpg")}
.all-wrap .module5 .item-list .hy-6 {background-image: url("../../images/metier/hy-6.jpg")}
.all-wrap .module5 .item-list .hy-7 {background-image: url("../../images/metier/hy-7.jpg")}
.all-wrap .module5 .item-list .hy-8 {background-image: url("../../images/metier/hy-8.jpg")}
.all-wrap .module5 .item-list .hy-9 {background-image: url("../../images/metier/hy-9.jpg")}
.all-wrap .module5 .item-list .hy-10 {background-image: url("../../images/metier/hy-10.jpg")}
.all-wrap .module5 .item-list .hy-11 {background-image: url("../../images/metier/hy-11.jpg")}
.all-wrap .module5 .item-list .hy-12 {background-image: url("../../images/metier/hy-12.jpg")}
.all-wrap .module5 .item-list .hy-13 {background-image: url("../../images/metier/hy-13.jpg")}
.all-wrap .module5 .item-list .hy-14 {background-image: url("../../images/metier/hy-14.jpg")}
.all-wrap .module5 .item-list .hy-15 {background-image: url("../../images/metier/hy-15.jpg")}
.all-wrap .module5 .item-list .hy-16 {background-image: url("../../images/metier/hy-16.jpg")}
.all-wrap .module5 .item-list .hy-17 {background-image: url("../../images/metier/hy-17.jpg")}
.all-wrap .module5 .item-list .hy-18 {background-image: url("../../images/metier/hy-18.jpg")}
.all-wrap .module5 .item-list .hy-19 {background-image: url("../../images/metier/hy-19.jpg")}
.all-wrap .module5 .item-list .hy-20 {background-image: url("../../images/metier/hy-20.jpg")}

.m-wrap {color: #666666}

.m-wrap .mbanner {
    width: 100%;
    position: relative;
}

.m-wrap .mbanner .banner {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.m-wrap .mbanner .banner-content {
    position: relative;
    margin: auto;
    z-index: 1;
    padding: 0.84rem;

}
.m-wrap .mbanner .banner-content h2,
.m-wrap .mbanner .banner-content h3
{
    color: #fff;
    margin-bottom: 0.18rem;
    line-height: 1;
    text-align: left;
}
.m-wrap .mbanner .banner-content h2 {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.495rem;
    line-height:1.3;
}
.m-wrap .mbanner .banner-content h3 {
    font-size: 0.43rem;
    margin-bottom: 0.18rem;
    color: #00FFFB;
}
.m-wrap .mbanner img, .m-wrap .cont img{
    width: 100%;

    position: relative;
    z-index: 1;
}
.m-wrap .cont {width: 100%;}
.m-wrap .cont1 { font-size:0.37rem; line-height:1.8; padding: 1.05rem 0.65rem;  background-image: linear-gradient(174deg, #D8ECFF 0%, #ECF6FF 99%);}
.m-wrap .cont1 .p1 {padding-bottom: 0.45rem;}
.m-wrap .cont2 { padding: 0 0.45rem; margin-bottom: 1rem;}
.m-wrap .cont2 .item {background-image: linear-gradient(137deg, #E9F3FE 0%, #F1F7FE 87%); border-radius: 0.15rem; height: 4.35rem; display: flex; margin-bottom: 0.36rem}
.m-wrap .cont2 .item .item-sub-r { margin: 0.48rem 0.5rem 0 0.3rem;}
.m-wrap .cont2 .item .item-sub-r .tit {color: #333333; font-size: 0.48rem; font-weight: 500}
.m-wrap .cont2 .item .item-sub-r .desc {color: #666666; padding: 0.3rem 0; line-height: 1.5}
.m-wrap .cont2 .item i { width: 10rem;}
.m-wrap .cont2 .item-1 i {background: url("../../images/metier/item-m-i-1.png")  no-repeat center center / cover;}
.m-wrap .cont2 .item-2 i {background: url("../../images/metier/item-m-i-2.png")  no-repeat center center / cover;}
.m-wrap .cont2 .item-3 i {background: url("../../images/metier/item-m-i-3.png")  no-repeat center center / cover;}
.m-wrap .cont2 .item-4 i {background: url("../../images/metier/item-m-i-4.png")  no-repeat center center / cover;}
.m-wrap .fa-m { padding: 0 0.47rem 0.4rem 0.47rem; background-image: linear-gradient(174deg, #D8ECFF 0%, #ECF6FF 99%);}
.m-wrap .fa-m .item h4 {background: url("../../images/metier/tab-m-act.png") no-repeat center center / cover; height: 1.7rem; border-radius: 0.15rem; text-align: center; color: #FFFFFF; padding: 0.2rem; font-size: 0.5rem; font-weight: 600; margin-bottom: 0.36rem}
.m-wrap .fa-m .item h4 span {font-size: 0.3rem;}
.m-wrap .fa-m .item .item-con {background-image: linear-gradient(180deg, #ffffffcc 0%, #ffffff3d 100%); border: 0.01rem solid #FFFFFF; border-radius: 0.28rem;  margin-bottom: 0.36rem; padding: 0.27rem 0.45rem}
.m-wrap .fa-m .item .item-con i { height: 0.9rem;display: block; padding-left: 1rem; line-height: 0.9rem; font-size: 0.45rem; color: #333333; font-weight: 600; margin-bottom: 0.24rem }
.m-wrap .fa-m .item .item-con .td {background: url("../../images/metier/td-m.png") no-repeat left / contain;}
.m-wrap .fa-m .item .item-con .jjfa {background: url("../../images/metier/jjfa-m.png") no-repeat left / contain;}
.m-wrap .fa-m .item .item-con .line {background: #F7E0DE; height: 0.01rem; margin-bottom: 0.25rem}

.m-wrap .fa-m .item .item-con p {padding-left: 0.5rem; line-height:1.4; margin: 0.5rem auto }
.m-wrap .fa-m .item .item-con .c {background: url("../../images/metier/c-m.png") no-repeat left / 0.36rem;}
.m-wrap .fa-m .item .item-con .d {background: url("../../images/metier/d-m.png") no-repeat left / 0.36rem;}

.m-wrap .hy {padding: 0 0.47rem 0.4rem 0.47rem;}
.m-wrap .cont2 h3, .m-wrap .fa-m h3, .m-wrap .hy h3 {font-size: 0.66rem; color: #333333; font-weight: 500; padding: 1.05rem 0 0.75rem 0; text-align: center; line-height: 1.05rem}
.m-wrap .hy a {margin-bottom: 0.4rem; display: block; width: 100%; height: 2.1rem; padding: 0.8rem 0 0 0.55rem; font-weight: bold; color: #333333; font-size: 0.4rem;}
.m-wrap .hy .hy-1 {background: url("../../images/metier/hy-m-1.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-2 {background: url("../../images/metier/hy-m-2.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-3 {background: url("../../images/metier/hy-m-3.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-4 {background: url("../../images/metier/hy-m-4.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-5 {background: url("../../images/metier/hy-m-5.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-6 {background: url("../../images/metier/hy-m-6.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-7 {background: url("../../images/metier/hy-m-7.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-8 {background: url("../../images/metier/hy-m-8.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-9 {background: url("../../images/metier/hy-m-9.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-10 {background: url("../../images/metier/hy-m-10.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-11 {background: url("../../images/metier/hy-m-11.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-12 {background: url("../../images/metier/hy-m-12.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-13 {background: url("../../images/metier/hy-m-13.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-14 {background: url("../../images/metier/hy-m-14.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-15 {background: url("../../images/metier/hy-m-15.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-16 {background: url("../../images/metier/hy-m-16.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-17 {background: url("../../images/metier/hy-m-17.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-18 {background: url("../../images/metier/hy-m-18.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-19 {background: url("../../images/metier/hy-m-19.jpg")  no-repeat left / contain;}
.m-wrap .hy .hy-20 {background: url("../../images/metier/hy-m-20.jpg")  no-repeat left / contain;}