.main {
    width: 100%;
    height: auto;
    background: #f8fbfd;
}

.main .w {
    padding: 49px 69px 0 69px;
}

.m-t p,
.m-t span,
.m-t h3 {
    display: inline-block;
}

.m-t {
    width: 100%;
    height: 42px;
}

.m-t .m-t-top {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.m-t .m-t-h {
    width: 80px;
    height: 1px;
    margin-bottom: 7px;
    background-color: #ccc;
}

.m-t .m-t-d {
    width: 5px;
    height: 5px;
    background: #ccc;
    margin-bottom: 5px;
    border-radius: 50%;
}

.m-t h3 {
    font-size: 28px;
    color: #333;
    margin: 0 10px;
}

.m-t h3 span {
    color: #008df2;
}

.m-t h3 .d {
    width: 5px;
    height: 5px;
    margin: 8px;
    background: #333;
    border-radius: 50%;
}

.m-l {
    margin-top: 28px;
    margin-bottom: 43px;
}

.m-l li {
    position: relative;
    width: 258px;
    height: 121px;
    margin-bottom: 38px;
    margin-right: 144px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.m-l ul li .box {
    display: inline-block;
    padding: 10px 8px 0 8px;
    width: 100%;
    height: 100%;
}

.m-l .li1 {
    box-shadow: 0 2px 15px rgba(255, 0, 0, 0.22);
    background: url(./xjd_03.png) no-repeat center center;
    background-size: 100% 100%;
}

.m-l .li2 {
    box-shadow: 0 2px 15px rgba(2, 0, 255, 0.22);
    background: url(./ycjc_03.png) no-repeat center center;
    background-size: 100% 100%;
}

.m-l .li3 {
    box-shadow: 0 2px 15px rgba(96, 166, 255, 0.22);
    background: url(./hyhd_03.png) no-repeat center center;
    background-size: 100% 100%;
}

.m-l .li4 {
    box-shadow: 0 2px 15px rgba(255, 67, 0, 0.22);
    background: url(./rxyc_03.png) no-repeat center center;
    background-size: 100% 100%;
    vertical-align: top;
    overflow: hidden;
}

.m-l .li5 {
    box-shadow: 0 2px 15px rgba(96, 166, 255, 0.22);
    background: url(./cyc_03.png) no-repeat center center;
    background-size: 100% 100%;
}

.m-l .li6 {
    box-shadow: 0 2px 15px rgba(255, 138, 0, 0.22);
    background: url(./myqy_03.png) no-repeat center center;
    background-size: 100% 100%;
}

.m-l .li7 {
    box-shadow: 0 2px 15px rgba(255, 0, 0, 0.22);
    background: url(./yqxm_03.png) no-repeat center center;
    background-size: 100% 100%;
}

.m-l .li1:hover {
    box-shadow: 0 2px 15px rgba(255, 0, 0, 0.5);
}

.m-l .li2:hover {
    box-shadow: 0 2px 15px rgba(2, 0, 255, 0.5);
}

.m-l .li3:hover {
    box-shadow: 0 2px 15px rgba(96, 166, 255, 0.5);
}

.m-l .li4:hover {
    box-shadow: 0 2px 15px rgba(255, 67, 0, 0.5);
}

.m-l .li5:hover {
    box-shadow: 0 2px 15px rgba(96, 166, 255, 0.5);
}

.m-l .li6:hover {
    box-shadow: 0 2px 15px rgba(255, 138, 0, 0.5);
}

.m-l .li7:hover {
    box-shadow: 0 2px 15px rgba(255, 0, 0, 0.5);
}

.m-l .li8:hover {
    box-shadow: 0 2px 15px rgba(2, 0, 255, 0.5);
}

.m-l .li9:hover {
    box-shadow: 0 2px 15px rgba(96, 166, 255, 0.5);
}

.m-l .li10:hover {
    box-shadow: 0 2px 15px rgba(255, 67, 0, 0.5);
}

.m-l li:nth-child(3n) {
    margin-right: 0;
}

.m-l li p {
    display: inline-block;
    width: 150px;
    height: 53px;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
}

.m-l li .ys2 {
    font-size: 14px !important;
}

.m-l li .m-l-r {
    position: absolute;
    right: 20px;
    top: 21px;
    display: inline-block;
    width: 27px;
    height: 27px;
    display: none !important;
}

.m-l .li1 .m-l-r,
.m-l .li7 .m-l-r {
    background: url(./m_ljt1_03.png) no-repeat;
}

.m-l .li2 .m-l-r {
    background: url(./m_ljt2_03.png) no-repeat;
}

.m-l .li3 .m-l-r,
.m-l .li5 .m-l-r {
    background: url(./m_ljt3_03.png) no-repeat;
}

.m-l .li4 .m-l-r {
    background: url(./m_ljt4_03.png) no-repeat;
}

.m-l .li6 .m-l-r {
    background: url(./m_ljt3_03.png) no-repeat;
}

.m-l .li6 .m-l-r {
    background: url(./myqy_jt_03.png) no-repeat;
}

.m-l li .m-l-ck {
    width: 71px;
    height: 27px;
    background: #fff;
    border-radius: 15px;
    margin-top: 5px;
    line-height: 23px;
    text-align: center;
    position: absolute;
    right: 5%;
    bottom: 15px;
}

.m-l li .m-l-ck a {
    display: inline-block;
    font-size: 14px;
}

.m-l .li1 .m-l-ck a,
.m-l .li7 .m-l-ck a {
    color: #f5787e;
}

.m-l .li2 .m-l-ck a,
.m-l .li8 .m-l-ck a {
    color: #7e7dfc;
}

.m-l .li3 .m-l-ck a,
.m-l .li5 .m-l-ck a,
.m-l .li9 .m-l-ck a {
    color: #60a6ff;
}

.m-l .li4 .m-l-ck a,
.m-l .li10 .m-l-ck a {
    color: #ff9772;
}

.m-l .li6 .m-l-ck a {
    color: #feb240;
}

.m-l2 .li8 .m-l-ck a {
    color: #7e7dfc;
}

.item {
    width: 100vw;
    height: auto;
    background: #FFFFFF;
    padding: 4.2667vw;
}

.item-top {
    display: flex;
    align-items: center;
}

.item-top .item-top-xz {
    width: .6667vw;
    height: 3.3333vw;
    background: linear-gradient(0deg, #0080FF, #00AAFF);
    border-radius: .4vw;
}

.item-top p {
    font-size: 4.2667vw;
    font-weight: bold;
    color: #333333;
    margin-left: 1.4667vw;
}

.item-bottom {
    margin-top: 3.4667vw;
}

.item-bottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.item-bottom ul li {
    width: 20vw;
    height: 23vw;
    background: #F6F9FE;
    border-radius: .5333vw;
    padding: 2vw;
    margin-bottom: 4.2667vw;
}

.item-bottom ul li a {
    width: 100%;
    height: 100%;
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.item-bottom ul li a h2 {
    font-size: 2.9333vw;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}

.item-bottom ul li a p {
    font-size: 2.4vw;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.item-bottom ul li a .a-right {
    width: 25vw;
}

.item-bottom ul li a .a-right h2 {
    font-size: 2.5333vw;
    font-family: Microsoft YaHei;
    font-weight: bold;
}

.item-bottom ul li a .a-right p {
    font-size: 2.1333vw;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.item-bottom ul li:nth-child(9) {
    width: 48%;
    margin-bottom: 0;
}

.item-bottom ul li:nth-child(10) {
    width: 48%;
    margin-bottom: 0;
}

.item-bottom ul li:nth-child(9) a,
.item-bottom ul li:nth-child(10) a {
    flex-direction: row;
}

.item-bottom ul li:nth-child(1) a .icon {
    width: 7.7333vw;
    height: 6.6667vw;
    background: url(./icon1.png) no-repeat center center;
    background-size: 100%;
}

.item-bottom ul li:nth-child(2) a .icon {
    width: 6.8vw;
    height: 6.6667vw;
    background: url(./icon2.png) no-repeat center center;
    background-size: 100%;
}

.item-bottom ul li:nth-child(3) a .icon {
    width: 6.9333vw;
    height: 6.5333vw;
    background: url(./icon3.png) no-repeat center center;
    background-size: 100%;
}

.item-bottom ul li:nth-child(4) a .icon {
    width: 6.2667vw;
    height: 6.2667vw;
    background: url(./icon4.png) no-repeat center center;
    background-size: 100%;
}

.item-bottom ul li:nth-child(5) a .icon {
    width: 6.5333vw;
    height: 6.5333vw;
    background: url(./icon5.png) no-repeat center center;
    background-size: 100%;
}

.item-bottom ul li:nth-child(6) a .icon {
    width: 6.1333vw;
    height: 6.1333vw;
    background: url(./icon6.png) no-repeat center center;
    background-size: 100%;
}

.item-bottom ul li:nth-child(7) a .icon {
    width: 6.9333vw;
    height: 5.8667vw;
    background: url(./icon7.png) no-repeat center center;
    background-size: 100%;
}

.item-bottom ul li:nth-child(8) a .icon {
    width: 7.6vw;
    height: 7.6vw;
    background: url(./icon8.png) no-repeat center center;
    background-size: 100%;
}

.item-bottom ul li:nth-child(9) .icon {
    width: 8.8vw;
    height: 8.8vw;
    background: url(./icon9.png) no-repeat center center;
    background-size: 100% 100%;
}

.item-bottom ul li:nth-child(10) .icon {
    width: 8.8vw;
    height: 8.8vw;
    background: url(./icon10.png) no-repeat center center;
    background-size: 100% 100%;
}

.gxbys {
    width: 90.2vw;
    height: 22.2667vw;
    background: url(./sjmiddle.png) no-repeat center center;
    background-size: 100% 100%;
    margin: 4.2667vw auto;
    display: flex;
    align-items: center;
    padding: 3.7333vw;
}

.gxbys p {
    font-size: 4.5333vw;
    font-family: AlimamaShuHeiTi;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 4.8vw;
    text-shadow: 0vw .4vw 1.6vw rgba(0, 70, 191, 0.25);
    background: linear-gradient(0deg, #E0EDFF 0%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.msjx ul li {
    width: 100%;
    height: 16vw;
    border-radius: 4px;
    margin-bottom: 3.3333vw;
    padding: 3.7333vw;
}

.msjx ul li a {
    width: 100%;
    height: 100%;
    display: block;
}

.msjx ul li a p {
    font-size: 3.2vw;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.msjx ul li:nth-child(1) {
    background: url(./msjx1.png) no-repeat center center;
    background-size: 100%;
}

.msjx ul li:nth-child(2) {
    background: url(./msjx2.png) no-repeat center center;
    background-size: 100%;
}

.msjx ul li:nth-child(3) {
    background: url(./msjx3.png) no-repeat center center;
    background-size: 100%;
}

.msjx ul li:nth-child(4) {
    background: url(./msjx4.png) no-repeat center center;
    background-size: 100%;
}

.msjx ul li:nth-child(5) {
    background: url(./msjx5.png) no-repeat center center;
    background-size: 100%;
}

.msjx ul li:nth-child(6) {
    background: url(./msjx6.png) no-repeat center center;
    background-size: 100%;
}

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

.ydjx-left {
    width: 44.1333vw;
    height: auto;
}

.ydjx-left-top {
    width: 100%;
    height: 35.2vw;
    border-radius: 1.0667vw;
    background: url(./ydjx1.png) no-repeat center center;
    background-size: 100% 100%;
    margin-bottom: 3.2vw;
    padding: 4.1333vw 2.2667vw;
}

.ydjx-left-top a {
    width: 100%;
    height: 100%;
}

.ydjx-left-top a p {
    font-size: 3.2vw;
    font-family: PingFang;
    font-weight: 500;
    color: #333333;
}

.ydjx-left-bottom {
    width: 100%;
    height: 16vw;
    border-radius: 1.0667vw;
    background: url(./ydjx2.png) no-repeat center center;
    background-size: 100% 100%;
    padding: 3.4667vw;
}

.ydjx-left-bottom a {
    width: 100%;
    height: 100%;
    display: block;
}

.ydjx-left-bottom a p {
    font-size: 2.9333vw;
    font-family: PingFang;
    font-weight: 500;
    color: #333333;
}

.jdjx-right-item a {
    width: 100%;
    height: 100%;
    display: block;
}

.jdjx-right-item a p {
    font-size: 2.9333vw;
    font-family: PingFang;
    font-weight: 500;
    color: #333333;
}

.ydjx-right {
    width: 44.1333vw;
    height: auto;
}

.jdjx-right-item {
    width: 100%;
    height: 16vw;
    border-radius: 1.0667vw;
    margin-bottom: 3.2vw;
    padding: 3.7333vw;
}

.ydjx-right .jdjx-right-item:nth-child(1) {
    background: url(./ydjx3.png) no-repeat center center;
    background-size: 100% 100%;
}

.ydjx-right .jdjx-right-item:nth-child(2) {
    background: url(./ydjx4.png) no-repeat center center;
    background-size: 100% 100%;
}

.ydjx-right .jdjx-right-item:nth-child(3) {
    background: url(./ydjx5.png) no-repeat center center;
    background-size: 100% 100%;
    margin-bottom: 0;
}

.pdjx {
    width: 100%;
    height: 17.3333vw;
    border-radius: 1.0667vw;
    background: url(./pdjx.png) no-repeat center center;
    background-size: 100% 100%;
    padding: 5.8667vw;
}

.pdjx a {
    width: 100%;
    height: 100%;
    display: block;
}

.pdjx a p {
    font-size: 5.0667vw;
    font-family: 35;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 4.8vw;
    text-shadow: 0vw 4.4vw 1.6vw rgba(192, 90, 0, 0.25);
}

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

.rcrdyzj ul li {
    width: 28.3333vw;
    height: 24vw;
    background: #F6F9FE;
    border-radius: .5333vw;
}

.rcrdyzj ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.rcrdyzj ul li:nth-child(1) a .icon {
    width: 8.5333vw;
    height: 8.9333vw;
    background: url(./rcrd.png) no-repeat center center;
    background-size: 100%;
}

.rcrdyzj ul li:nth-child(2) a .icon {
    width: 7.2vw;
    height: 8.8vw;
    background: url(./dxsmrd.png) no-repeat center center;
    background-size: 100%;
}

.rcrdyzj ul li:nth-child(3) a .icon {
    width: 7.6vw;
    height: 8.1333vw;
    background: url(./zwrczj.png) no-repeat center center;
    background-size: 100%;
}

.rcrdyzj ul li a p {
    font-size: 2.9333vw;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
}