.section_body {
    padding-top: 80px;
}

.shzr_banner {
    width: 100%;
    height: 400px;
    background: url(../imgs/shzr_banner.jpg) no-repeat center #e4ebf3;
    background-size: auto 400px;
}

.top_banner .top_banner_infor {
    padding-top: 100px;
}

.jm_tabs {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    border-bottom: 1px solid #F4F4F4;
}

.jm_tabs.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    border-bottom: 1px solid #eee;
}

.jm_tabs li {
    position: relative;
    float: left;
    margin-right: 40px;
}

.jm_tabs li.on a {
    color: #2D323D;
    font-weight: 500;
}

.jm_tabs li.on:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #1F70F0;
}

.jm_tabs li a {
    display: block;
    font-size: 16px;
    color: #5C636D;
}

.jm_tabs li:hover a {
    color: #2D323D;
}

.n_section {
    width: 100%;
    padding-bottom: 100px;
}

.n_section.c_fb {
    background: #FBFBFB;
}

/* 浼佷笟绀句細璐ｄ换 */
.zeren_tit {
    width: 100%;
    line-height: 56px;
    padding: 100px 0 60px 0;
}

.zeren_tit h2 {
    float: left;
    font-size: 40px;
    font-weight: 500;
    color: #1A2233;

}

.zeren_tit .btn {
    float: right;
    color: #1A2233;
    font-size: 18px;
    transition: all .3s;
}

.zeren_tit .btn:hover {
    color: #1F70F0;
}

.hlwdj_section li {
    float: left;
    width: 384px;
    margin-right: 24px;
    box-shadow: 0px 12px 36px -16px rgb(1 18 35 / 10%);
    border-radius: 4px;
    overflow: hidden;
}

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

.hlwdj_section li .tu {
    width: 100%;
    height: 256px;
    overflow: hidden;
}

.hlwdj_section li .tu img {
    width: 100%;
    height: 256px;
    transition: all .5s;
}

.hlwdj_section li .infor {
    padding: 24px;
}

.hlwdj_section li .h2 {
    width: 100%;
    height: 60px;
    font-size: 20px;
    color: #1A2233;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .3s;
}

.hlwdj_section li .txt {
    width: 100%;
    height: 52px;
    font-size: 16px;
    color: #5F6464;
    line-height: 26px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hlwdj_section li .time {
    font-size: 16px;
    color: #919797;
    line-height: 22px;
}

.hlwdj_section li:hover .h2 {
    color: #1F70F0;
}

.hlwdj_section li:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.bisai_swiper {
    width: 588px;
    height: 392px;
}

.bisai_swiper img {
    width: 100%;
    transition: all .5s;
}

.bisai_swiper .swiper-pagination {
    bottom: 18px;
    left: auto;
    width: auto;
    right: 24px;
}

.bisai_swiper .swiper-pagination-bullet {
    opacity: 1 !important;
    background: rgba(255, 255, 255, .4);
}

.bisai_swiper .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: rgba(255, 255, 255, 1) !important;
}

.dshd_wrap .dshd_item {
    position: relative;
    width: 588px;
    height: 392px;
    border-radius: 4px;
    overflow: hidden;
}




.dshd_wrap .dshd_item .infor_mb {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 588px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    padding: 58px 24px 20px 24px;
}

.dshd_wrap .dshd_item h2 {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
}

.dshd_wrap .dshd_item p {
    font-size: 16px;
    color: rgba(255, 255, 255, .7);
    line-height: 22px;
    margin-top: 10px;
}

.dshd_lis {
    width: calc(100% - 588px);
    padding-left: 48px;
    padding-top: 12px;
}

.dshd_lis li {
    margin-bottom: 40px;
}

.dshd_lis li:last-of-type {
    margin-bottom: 0;
}

.dshd_lis li p {
    width: 100%;
    font-size: 20px;
    color: #2A2E2E;
    line-height: 30px;
    transition: all .3s;
}

.dshd_lis li span {
    display: block;
    font-size: 16px;
    color: #919797;
    line-height: 22px;
    margin-top: 10px;
    transition: all .3s;
}

.dshd_lis li:hover p,
.dshd_lis li:hover span {
    color: #1F70F0;
}

.gyhd_item {
    border-radius: 4px;
    overflow: hidden;
    background: #FBFBFB;
    margin-bottom: 24px;
}

.gyhd_item .tu {
    float: left;
    width: 765px;
    height: 400px;
    overflow: hidden;
}

.gyhd_item .tu img {
    width: 100%;
    transition: all .5s;
}

.gyhd_item .tu:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.gyhd_item .infor {
    float: left;
    width: 435px;
    height: 400px;
    padding: 30px;
    background: #fff;
}

.gyhd_item .infor span {
    display: block;
    font-size: 16px;
    color: #919797;
    line-height: 22px;
    margin-bottom: 10px;
}

.gyhd_item .infor .h2 {
    font-size: 22px;
    font-weight: 600;
    color: #1A2233;
    line-height: 34px;
    transition: all .3s;
}

.gyhd_item .infor .xian {
    width: 40px;
    height: 4px;
    background: #1F70F0;
    margin: 24px 0;
}

.gyhd_item .infor p {
    font-size: 16px;
    color: #5F6464;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.gyhd_item .infor .btn {
    display: inline-block;
    color: #1F70F0;
    font-size: 14px;
    transition: all .3s;
    margin-top: 40px;
}

.gyhd_item .infor .btn:hover {
    text-decoration: underline;
}

.gyhd_item .infor:hover .h2 {
    color: #1F70F0;
}

.gyhd_wrap li {
    float: left;
    width: 384px;
    height: 400px;
    background: #fff;
    border-radius: 4px;
    margin-right: 24px;
    overflow: hidden;
}

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


.gyhd_wrap li .infor {
    padding: 24px 24px 20px 24px;
}

.gyhd_wrap li .infor .h2 {
    height: 60px;
    font-size: 18px;
    color: #2A2E2E;
    line-height: 30px;
    margin-bottom: 18px;
    font-weight: 600;
}

.gyhd_wrap li .infor .time {
    font-size: 16px;
    color: #919797;
    line-height: 22px;
}

.gyhd_wrap li .tu {
    width: 384px;
    height: 256px;
    overflow: hidden;
}

.gyhd_wrap li .tu img {
    width: 100%;
    transition: all .5s;
}

.gyhd_wrap li:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.gyhd_wrap li:hover .h2 {
    color: #1F70F0;
}

/* 浼佷笟绀句細璐ｄ换end */

/* 瑙ｅ喅鏂规 */
.qy_banner {
    width: 100%;
    height: 400px;
    background: url(../imgs/qy_banner.jpg) no-repeat center #e6e9f1;
    background-size: auto 400px;
}

.tg_section {
    position: relative;
    width: 100%;
    min-width: 1230px;
    background: linear-gradient(180deg, #F3F9FF 0%, #EFF7FF 100%);
    overflow: hidden;
}

.tg_section::after {
    position: absolute;
    right: 80px;
    top: 130px;
    content: '';
    width: 361px;
    height: 325px;
    background: url(../imgs/sec_jjfa1.png) no-repeat center;
    background-size: cover;
    transform-origin: center;
    -webkit-animation-name: up-and-down-o;
    animation-name: up-and-down-o;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    z-index: 1;
}

.tg_section::before {
    position: absolute;
    left: 80px;
    bottom: 70px;
    content: '';
    width: 295px;
    height: 297px;
    background: url(../imgs/sec_jjfa2.png) no-repeat center;
    background-size: cover;

    transform-origin: center;
    -webkit-animation-name: up-and-down-o;
    animation-name: up-and-down-o;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    z-index: 1;
}

.tg_nav {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: -30px;
    border-bottom: 1px solid rgba(31, 112, 240, .1);
}

.tg_nav li {
    position: relative;
    float: left;
    font-size: 20px;
    color: #2A2E2E;
    height: 84px;
    line-height: 84px;
    text-align: center;
    cursor: pointer;
    margin-right: 80px;
}

.tg_nav li:last-child {
    margin-right: 0;
}

.tg_nav li.on {
    color: #1F70F0;
}

.tg_nav li.on:after {
    position: absolute;
    content: '';
    width: 80px;
    height: 3px;
    background: #1F70F0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.tgpage_swiper {
    height: 513px;
}

.tg_wrap {
    display: none;
    position: relative;
    z-index: 2;
    padding-top: 40px;
}

.tg_wrap .tg_right {
    width: 588px;
    height: 373px;
}

.tg_wrap .tg_right img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.tg_wrap .tg_left {
    width: 612px;
    padding: 20px 44px 0 0;
}

.tg_wrap .tg_left h3 {
    font-size: 24px;
    font-weight: 600;
    color: #2A2E2E;
    line-height: 33px;
    margin-bottom: 20px;
}

.tg_wrap .tg_left p {
    font-size: 18px;
    color: #5F6464;
    line-height: 30px;
    margin-bottom: 40px;
    text-align: justify;
    word-wrap: break-word;
    text-justify: distribute;
}

.tg_wrap .tg_left ul {
    margin-top: 30px;
}

.tg_wrap .tg_left li {
    float: left;
    line-height: 22px;
    background: url(../imgs/xgcp_icon.png) no-repeat left;
    background-size: 24px 24px;
    margin-right: 40px;
    margin-bottom: 20px;
    padding-left: 32px;
    transition: all .2s;
}

.tg_wrap .tg_left li:hover {
    transform: translateY(-2px);
}

.tg_wrap .tg_left li a {
    font-size: 18px;
    color: #1F70F0;

}



.hypt_section {
    position: relative;
    width: 100%;
    min-width: 1230px;
}

.hypt_section .w12 {
    position: relative;
    z-index: 2;
}


.hypt_right {
    position: relative;
    width: 800px;
}

.hypt_right .hypt_item {
    float: left;
    width: 200px;
    height: 198px;
    background: #fff;
    text-align: center;
    transition: all .2s;
    padding-top: 16px;
    border-radius: 4px;
}

.hypt_right .hypt_item:hover {
    background: #F5F8FB;
    transform: translateY(-4px);
}

.hypt_right .hypt_item:nth-child(4n) {
    margin-right: 0;
}

.hypt_right .hypt_item img {
    width: 90px;
    height: 90px;
    display: inline-block;
}

.hypt_right .hypt_item h2 {
    font-size: 20px;
    color: #2A2E2E;
    line-height: 28px;
    margin: 8px 0;
}

.hypt_right .hypt_item p {
    font-size: 14px;
    color: #51586F;
    line-height: 20px;
}

.hypt_right .hypt_item.on {
    background: #F5F8FB;
}





















.hypt_left {
    width: 400px;
    padding: 20px 50px 0 0;
}

.hypt_left h3 {
    position: relative;
    height: auto;
    font-size: 24px;
    font-weight: 500;
    color: #2A2E2E;
    line-height: 35px;
}

.hypt_left h3:after {
    position: absolute;
    left: 0;
    bottom: -32px;
    content: "";
    width: 30px;
    height: 2px;
    background: #1F70F0;
}

.hypt_left p {
    height: 150px;
    font-size: 16px;
    color: #5F6464;
    line-height: 30px;
    margin-top: 62px;
    text-align: justify;
}

.hypt_left .pt_logo li {
    float: left;
    width: 96px;
    height: 96px;
    border: 2px solid transparent;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 24px 24px 0;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
    background: #fff;
}

.hypt_left .pt_logo li:nth-child(4n) {
    margin-right: 0;
}

.hypt_left .pt_logo li img {
    width: 100%;
}

.hypt_left .pt_logo li.on {
    box-shadow: 0px 12px 36px -16px rgba(0, 51, 133, 0.3);
    border: 2px solid #1F70F0;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.hypt_left .pt_logo li:hover {
    box-shadow: 0px 12px 36px -16px rgba(0, 51, 133, 0.3);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.hz_section {
    padding-bottom: 60px;
}

.anli_Swiper {
    width: 1047px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.anli_Swiper .swiper-slide {
    width: 894px;
    height: 332px;
    border-radius: 4px;
    background: url(../imgs/khal_bg.jpg) no-repeat center;
    background-size: cover;
    margin-right: 24px;
    padding: 70px 70px 0 70px;
}

.anli_Swiper .swiper-pagination-bullet {
    width: 30px;
    height: 4px;
    background: rgba(31, 112, 240, .2);
    border-radius: 3px;
    display: inline-block;
    border-radius: 0;
    opacity: 1;
    margin: 0 10px !important;
    background-clip: content-box !important;
    box-sizing: content-box;
    padding: 10px 0;
}

.anli_Swiper .swiper-pagination-bullet-active {
    background: #1F70F0;
}

.anli_Swiper p {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 36px;
    text-align: justify;
    word-wrap: break-word;
    text-justify: distribute;
}

.anli_Swiper span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 28px;
    margin-top: 45px;
}




.ym_banner {
    width: 100%;
    height: 400px;
    background: url(../imgs/ym_banner.jpg) no-repeat center #e6e9f1;
    background-size: auto 400px;
}





.zc_banner {
    width: 100%;
    height: 400px;
    background: url(../imgs/zc_banner.jpg) no-repeat center #e6e9f1;
    background-size: auto 400px;
}




/* 鏂伴椈鍒楄〃 */
.bread {
    padding: 15px 0;
    background: #FBFBFB;
    color: #5F6464;
}

.bread a {
    font-size: 14px;
    color: #5F6464;
    line-height: 20px;
}

.bread a:hover {
    color: #0052D9;
}

.bread img {
    width: 20px;
    height: 20px;
    vertical-align: -5px;
}

.my_result li {
    width: 384px;
    height: 464px;
    background: #FBFBFB;
    border-radius: 4px;
    margin: 0 24px 24px 0;
    transition: all .3s;
    float: left;
    overflow: hidden;
}

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

.my_result li .tu {
    width: 100%;
    height: 256px;

    overflow: hidden;
}

.my_result li .tu img {
    width: 100%;
    height: 256px;
    transition: all .5s;
}

.my_result li .infor {
    padding: 24px;
}

.my_result li .h2 {
    width: 100%;
    height: 60px;
    font-size: 20px;
    color: #1A2233;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .3s;
}

.my_result li .txt {
    width: 100%;
    height: 52px;
    font-size: 16px;
    color: #5F6464;
    line-height: 26px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.my_result li .time {
    font-size: 16px;
    color: #919797;
    line-height: 22px;
}

.my_result li:hover .h2 {
    color: #1F70F0;
}

.my_result li:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.number-box {
    width: 100%;
    margin: 0 auto;
    padding: 36px 0 100px 0;
    text-align: center;
}

.number-box .page {
    display: inline-block;
}

.page span {
    font-size: 14px;
    margin-left: 20px;
    letter-spacing: 1px;

}


.page ul li {
    float: left;
    margin-right: 14px;
    /* display: inline-block; */
    /* border: solid 1px #eee;
    border-left: 0; */
}

.page ul li:first-child {
    margin-right: 20px;
}

.page ul li:last-of-type {
    margin-left: 6px;
}

.page a.currentLi {
    background-color: #1F70F0;
    color: #fff;
}

.page ul li a:hover {
    background: #1F70F0;
    color: #fff;
}

.page a {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;

    background: #FBFBFB;
    border-radius: 4px;
    text-align: center;
    color: #5F6464;
    font-size: 14px;
}

.page .paging-next a {
    width: 60px !important;
}

.page .pageRemark {
    line-height: 50px;
    color: #5F6464;
}

.page .pageRemark b {
    font-weight: 600;
}

.zx_banner {
    width: 100%;
    height: 400px;
    background: url(../imgs/zx_banner.jpg) no-repeat center #e4ebf3;
    background-size: auto 400px;
}

/* 璇︽儏椤 */
.news_main {
    padding-bottom: 100px;
}

.news_left {
    width: 740px;
}

.news_r {
    width: 410px;
}

.news_top {
    padding: 40px 0 30px 0;
    border-bottom: 1px solid #F4F4F4;
}

.news_top h1 {
    font-size: 30px;
    color: #1A2233;
    line-height: 42px;
}

.news_top p {
    font-size: 14px;
    color: #919797;
    line-height: 20px;
    margin-top: 10px;
}

.news_box {
    padding: 30px 0 40px 0;
}

.news_box p {
    font-size: 16px;
    color: #5F6464;
    line-height: 28px;
    text-align: justify;
    word-wrap: break-word;
    text-justify: distribute;
}

.news_box img {
    display: block;
    margin: 20px auto;
    width: 640px !important;
    height: auto !important;
    border-radius: 4px !important;
}

.news_bot {
    padding: 40px 0 30px 0;
    border-top: 1px solid #F4F4F4;
}

.news_bot p {
    width: 100%;
    font-size: 16px;
    color: #2A2E2E;
    line-height: 28px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news_bot p a {
    font-size: 16px;
    color: #2A2E2E;
}

.news_bot p:hover a {
    color: #1F70F0;
}

.news_bot p.on {
    color: #919797;
}

.news_bot p.on a {
    color: #919797;
    cursor: text;
}

.news_right {
    width: 410px;
}

.hot_list .hot_tit {
    /* line-height: 62px; */
    padding: 14px 0;
}

.hot_list .hot_tit h4 {
    position: relative;
    padding-left: 13px;
    float: left;
    font-size: 20px;
    color: #2A2E2E;
    line-height: 34px;
}

.hot_list .hot_tit h4:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 20px;
    background: #1F70F0;
    left: 0;
    top: 8px;
}

.hot_list .hot_tit a {
    float: right;
    font-size: 14px;
    color: #919797;
    line-height: 34px;
}

.hot_list .hot_tit a:hover {
    color: #1F70F0;
}

.hot_ul {
    margin-top: 6px;
}

.hot_ul li {
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid #F4F4F4;
    overflow: hidden;
}

.hot_ul li:last-of-type {
    border-bottom: 1px solid transparent;
}

.hot_ul .tu {
    width: 120px;
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
}

.hot_ul .tu img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.hot_ul li:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.hot_ul .infor {
    width: calc(100% - 120px);
    padding: 8px 0 8px 14px;
}

.hot_ul .infor h4 {
    font-size: 16px;
    color: #2A2E2E;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s;

}

.hot_ul .infor p {
    font-size: 14px;
    color: #919797;
    line-height: 26px;
    margin-top: 12px;

}

.hot_ul li:hover h4 {
    color: #1F70F0;
}

/* 鍔犲叆鎴戜滑 */
.join_banner {
    width: 100%;
    height: 400px;
    background: url(../imgs/join_banner.jpg) no-repeat center #1f2f49;
    background-size: auto 400px;
}


.fuli_section .w12 {
    position: relative;
    z-index: 2;
}

.fuli_section .w12::before {
    position: absolute;
    top: 100px;
    left: -205px;
    content: '';
    width: 300px;
    height: 300px;
    background: url(../imgs/fuli_quan.png) no-repeat center;
    background-size: cover;

    transform-origin: center;
    -webkit-animation-name: up-and-down-o;
    animation-name: up-and-down-o;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    z-index: -1;
}

.fuli_section .fl_icon {
    position: absolute;
    width: 411px;
    top: 100px;
    left: -205px;
    z-index: -1;
}

.join_tit {
    position: relative;
    font-size: 40px;
    font-weight: 600;
    color: #000000;
    line-height: 56px;
}

.join_tit:after {
    position: absolute;
    bottom: -40px;
    left: 0;
    content: '';
    width: 40px;
    height: 4px;
    background: #1F70F0;
}

.fuli_section ul {
    padding-top: 100px;
    margin-bottom: -24px;
}

.fuli_section li {
    position: relative;
    float: left;
    width: 384px;
    height: 240px;
    margin: 0 24px 24px 0;
    padding-top: 68px;
    border-radius: 4px;
    overflow: hidden;
}

.fuli_section li.first {
    padding-top: 0;
}

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

.fuli_section li img {
    position: absolute;
    width: 384px;
    height: 240px;
    left: 0;
    top: 0;
    z-index: -1;
}

.fuli_section li i {
    display: block;
    width: 48px;
    height: 48px;
    background: url(../imgs/fuli_icon.png);
    background-size: 240px 48px;
    margin: 0 auto;
}

.fuli_section li i.icon1 {
    background-position: -48px 0;
}

.fuli_section li i.icon2 {
    background-position: -144px 0;
}

.fuli_section li i.icon3 {
    background-position: 0 0;
}

.fuli_section li i.icon4 {
    background-position: -96px 0;
}

.fuli_section li i.icon5 {
    background-position: -192px 0;
}

.fuli_section li span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 36px;
    margin-top: 20px;
    text-align: center;
}

.fuli_section .mb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1F70F0;
    opacity: 0;
    transition: all ease-in-out 0.3s;
    padding: 30px;
}

.fuli_section .mb h4 {
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 36px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.fuli_section .mb p {
    width: 224px;
    margin-top: 20px;
    font-size: 16px;
    color: rgba(255, 255, 255, .7);
    line-height: 26px;
    text-align: justify;
    word-wrap: break-word;
    text-justify: distribute;
}

.fuli_section .mb i {
    position: absolute;
    right: 30px;
    bottom: 30px;
    opacity: .7;
}

.fuli_section li:hover .mb {
    opacity: 1;
}

.rc_section {
    padding-top: 100px;
}

.rc_section .infor {
    width: 535px;
    padding-right: 100px;
}

.rc_section .infor p {
    font-size: 16px;
    color: #5F6464;
    line-height: 30px;
    margin-top: 84px;
}

.rc_section .infor p em {
    color: #1F70F0;
}

.rc_section .infor .btn {
    display: block;
    width: 132px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    background: #1F70F0;
    font-size: 14px;
    margin-top: 60px;
    transition: all .3s;
}

.rc_section .infor .btn:hover {
    opacity: .8;
}

.rc_section .join_tu {
    float: right;
    width: 665px;
    height: 540px;
    border-radius: 4px;
}

.hj_Swiper {
    width: 100%;
    height: 720px;
    margin-bottom: -100px;
}

.hj_Swiper .swiper-slide img {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1280px;
    z-index: 1;
    height: 720px;

}

.hj_Swiper .swiper-pagination-bullet {
    width: 30px;
    height: 4px;
    background: rgba(31, 112, 240, .2);
    border-radius: 3px;
    display: inline-block;
    border-radius: 0;
    opacity: 1;
    margin: 0 10px !important;
    background-clip: content-box !important;
    box-sizing: content-box;
    padding: 10px 0;
}

.hj_Swiper .swiper-pagination-bullet-active {
    background: #1F70F0;
}

.hj_Swiper .w12 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9;
}

.hj_Swiper .infor {
    width: 435px;
    height: 359px;
    background: url(../imgs/hj_item.png) no-repeat center;
    background-size: cover;
    padding: 50px;
}

.hj_Swiper .infor p {
    font-size: 18px;
    color: #919797;
    line-height: 60px;
    margin-top: 74px;
}

.join_bot {
    width: 100%;
    height: 310px;
    background: url(../imgs/join_bot.jpg) no-repeat center #1F70F0;
    background-size: auto 310px;
    text-align: center;
    padding-top: 82px;
}

.join_bot h4 {
    font-size: 40px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 60px;
}



.join_bot .btn {
    display: inline-block;
    margin-top: 40px;
    width: 160px;
    height: 44px;
    border-radius: 4px;
    line-height: 42px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    transition: all .3s;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #1F70F0;
}


.join_bot .btn:hover {
    opacity: .8;
}

.hd_section {
    width: 100%;
    padding-top: 100px;
}

.jmhdSwiper .join_tit {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.jmhdSwiper .icon1 {
    position: absolute;
    bottom: 19px;
    left: 136px;
    width: 87px;
    height: 86px;
    background: url(../imgs/hd_icon1.png) no-repeat center;
    background-size: cover;
    z-index: 99;
}

.jmhdSwiper .icon2 {
    position: absolute;
    bottom: 283px;
    left: 402px;
    width: 55px;
    height: 55px;
    background: url(../imgs/hd_icon2.png) no-repeat center;
    background-size: cover;
    z-index: 99;
}

.jmhdSwiper .icon3 {
    position: absolute;
    bottom: 141px;
    right: 30px;
    width: 148px;
    height: 148px;
    background: url(../imgs/hd_icon3.png) no-repeat center;
    background-size: cover;
    z-index: 99;
}

.jmhdSwiper .swiper-wrapper {
    transition-timing-function: linear;
    padding-top: 50px;
}

.jmhdSwiper .swiper-slide {
    height: 620px;
    background: #fff;
}

.jmhdSwiper .swiper-slide img {
    transition: all .3s;
    cursor: pointer;
}

.jmhdSwiper .tu1 {
    position: absolute;
    width: 275px;
    left: 0;
    top: 187px;
    -webkit-animation: zhuan 2s ease-in-out 0s infinite alternate;
    animation: zhuan 2s ease-in-out 0s infinite alternate;
}

.jmhdSwiper .tu2 {
    position: absolute;
    width: 170px;
    left: 286px;
    bottom: 0;
    -webkit-animation: zhuan 2.3s ease-in-out 0s infinite alternate;
    animation: zhuan 2.3s ease-in-out 0s infinite alternate;
}

.jmhdSwiper .tu3 {
    position: absolute;
    width: 326px;
    right: 356px;
    top: 136px;
    -webkit-animation: zhuan 3s ease-in-out 0s infinite alternate;
    animation: zhuan 3s ease-in-out 0s infinite alternate;
}

.jmhdSwiper .tu4 {
    position: absolute;
    width: 170px;
    right: 165px;
    bottom: 0;
    -webkit-animation: zhuan 2s ease-in-out 0s infinite alternate;
    animation: zhuan 2s ease-in-out 0s infinite alternate;
}

.jmhdSwiper .tu5 {
    position: absolute;
    width: 253px;
    right: 0;
    top: 0;
    -webkit-animation: zhuan 2.5s ease-in-out 0s infinite alternate;
    animation: zhuan 2.5s ease-in-out 0s infinite alternate;
}

/* .jmhdSwiper .swiper-slide img {
    position: absolute;
    width: 100%;
    z-index: 1;
}
.jmhdSwiper .item1 {
    width: 275px;
    margin-right: 30px;
    padding-top: 187px;
}

.jmhdSwiper .item2 {
    width: 160px;
    margin-right: 60px;
}

.jmhdSwiper .item3 {
    width: 326px;
    margin-right: 30px;
}

.jmhdSwiper .item4 {
    width: 160px;
    margin-right: -40px;
}

.jmhdSwiper .item5 {
    width: 253px;
}


.jmhdSwiper .item1 img{
    top: 187px;
    -webkit-animation: zhuan 2s ease-in-out 0s infinite alternate;
    animation: zhuan 2s ease-in-out 0s infinite alternate;
}
.jmhdSwiper .item2 img{
    bottom: 0;
    -webkit-animation: zhuan 2.3s ease-in-out 0s infinite alternate;
    animation: zhuan 2.3s ease-in-out 0s infinite alternate;
}
.jmhdSwiper .item3 img{
    top: 136px;
    -webkit-animation: zhuan 3s ease-in-out 0s infinite alternate;
    animation: zhuan 3s ease-in-out 0s infinite alternate;
 }
 .jmhdSwiper .item4 img{
    bottom: 0;
    -webkit-animation: zhuan 2s ease-in-out 0s infinite alternate;
    animation: zhuan 2s ease-in-out 0s infinite alternate;
}
.jmhdSwiper .item5 img{
    top: 0;
    -webkit-animation: zhuan 2.5s ease-in-out 0s infinite alternate;
    animation: zhuan 2.5s ease-in-out 0s infinite alternate;
} */







/* 鍏充簬鎴戜滑 */
.about_banner {
    width: 100%;
    height: 400px;
    background: url(../imgs/about_banner.jpg) no-repeat center #e4ebf3;
    background-size: auto 400px;
}

.gsjj_section {
    padding-top: 100px;
}

.gsjj_section .w12 {
    position: relative;
    z-index: 2;
}

.gsjj_section .w12::before {
    position: absolute;
    top: 200px;
    left: -180px;
    content: '';
    width: 300px;
    height: 300px;
    background: url(../imgs/fuli_quan.png) no-repeat center;
    background-size: cover;

    transform-origin: center;
    -webkit-animation-name: up-and-down-o;
    animation-name: up-and-down-o;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    z-index: 1;
}

.gsjj_infor {
    width: 918px;
}

.gsjj_infor h4 {
    color: #2D323D;
    font-size: 24px;
    font-weight: 600;
}

.gsjj_infor p {
    font-size: 16px;
    color: #5C636D;
    line-height: 30px;
    margin-top: 30px;
    text-align: justify;
    word-wrap: break-word;
    text-justify: distribute;
}

.gsjj_infor ul {
    padding: 40px 0 50px 0;
}

.gsjj_infor li {
    float: left;
    width: 178px;
    text-align: center;
}

.gsjj_infor li span {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: #1F70F0;
    height: 30px;
    line-height: 30px;
}

.gsjj_infor li b {
    display: inline-block;
    font-size: 40px;
    color: #1F70F0;
    height: 30px;
    line-height: 30px;
    font-family: DINProM;
}

.gsjj_infor li em {
    display: block;
    font-size: 14px;
    color: #919797;
    line-height: 30px;
    margin-top: 10px;
}

.gsjj_infor img {
    display: block;
    width: 100%;
    height: 300px;
    border-radius: 4px;
}

.boss_section {
    padding-top: 104px;
}

.boss_section .w12 {
    position: relative;
    z-index: 1;
}

.boss_section .w12::before {
    position: absolute;
    top: 0;
    left: -200px;
    content: '';
    width: 300px;
    height: 300px;
    background: url(../imgs/fuli_quan.png) no-repeat center;
    background-size: cover;

    transform-origin: center;
    -webkit-animation-name: up-and-down-o;
    animation-name: up-and-down-o;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    z-index: -1;
}

.boss_infor {
    width: 665px;
    padding-right: 24px;
    padding-top: 90px;
}

.boss_infor .boss_tit h2 {
    position: relative;
    font-size: 40px;
    font-weight: 600;
    color: #1A2233;
    line-height: 56px;
}

.boss_infor .boss_tit p {
    font-size: 24px;
    font-weight: 600;
    color: #2A2E2E;
    line-height: 30px;
    margin-top: 10px;
}

.boss_infor .boss_tit h2:after {
    position: absolute;
    bottom: -70px;
    left: 0;
    content: '';
    width: 40px;
    height: 4px;
    background: #1F70F0;
}

.boss_txt {
    position: relative;
    margin-top: 74px;
    padding-top: 70px;
    padding-bottom: 40px;
}

.boss_txt:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 40px;
    background: url(../imgs/douhao1.png) no-repeat center;
    background-size: cover;
}

.boss_txt:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 40px;
    right: -25px;
    bottom: 0;
    background: url(../imgs/douhao2.png) no-repeat center;
    background-size: cover;
}

.boss_txt .p1 {
    font-size: 16px;
    font-weight: 600;
    color: #2A2E2E;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: justify;
    word-wrap: break-word;
    text-justify: distribute;
}

.boss_txt .p2 {
    font-size: 16px;
    color: #5C636D;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: justify;
    word-wrap: break-word;
    text-justify: distribute;
}

.boss_section .boss_img {
    display: block;
    width: 535px;
    height: 699px;
}

.sm_wrap li {
    position: relative;
    float: left;
    width: 580px;
    height: 350px;
    background: #FFFFFF;
    box-shadow: 0px 12px 36px -16px rgba(1, 18, 35, 0.1);
    border-radius: 4px;
    margin-right: 36px;
    padding: 0 50px;
    transition: all .3s;
}

.sm_wrap li:hover {
    transform: translateY(-8px);
}

.sm_wrap li:nth-child(2n) {
    margin-right: 0;
}

.sm_wrap .icon {
    position: absolute;
    top: 20px;
    left: 0;
    width: 200px;
    height: 104px;
}

.sm_wrap .tu {
    position: absolute;
    right: 40px;
    bottom: 37px;
    width: 110px;
    height: 110px;
}

.sm_wrap .infor {
    margin-top: 164px;
    border-top: 1px solid #D5DBE8;
    padding-top: 50px;
}

.sm_wrap .infor h4 {
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    line-height: 30px;
}

.sm_wrap .infor p {
    font-size: 24px;
    color: #51586F;
    line-height: 24px;
    margin-top: 24px;
}




.jzg_section {
    width: 100%;
    height: 456px;
    background: #181C29;
    margin-bottom: -100px;
}


.jzg_section li {
    position: relative;
    float: left;
    width: 200px;
    height: 456px;
    overflow: hidden;
    transition: all ease-in-out 0.2s;
}

.jzg_section li .item {
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 160px;
}

.jzg_section li .item .tu {
    position: absolute;
    width: 400px;
    left: 0;
    top: 0;
    z-index: 0;
}

.jzg_section li span {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 34px;
    display: inline-block;
}

.jzg_section li .icon {
    position: relative;
    display: block;
    width: 40px;
    margin: 0 auto 20px;
}



.jzg_section .mb {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../imgs/jzg_icon.png) no-repeat right bottom #1F70F0;
    background-size: 249px 185px;
    z-index: 1;
    padding: 40px;
    width: 100%;
    height: 456px;
    opacity: 0;
    transition: all ease-in-out 0.2s;
}

.jzg_section li .mb p {
    font-size: 16px;
    color: rgba(255, 255, 255, .7);
    line-height: 26px;
    text-align: justify;
    word-wrap: break-word;
    text-justify: distribute;
    margin-top: 20px;
}

/* .jzg_section li:hover{
    width: 400px;
}
.jzg_section li:hover .mb{
    opacity: 1;
} */
.jzg_section li.on {
    width: 400px;
}

.jzg_section li.on .mb {
    opacity: 1;
}

.jzg_section .join_tit {
    padding: 100px 0 0 0;
}

.ryzz_section {
    width: 100%;
    height: 672px;
    background: url(../imgs/ryzz_banner.jpg) no-repeat center #1F70F0;
    background-size: auto 672px;
    padding-bottom: 0 !important;
}

.ryzz_section .w12 {
    position: relative;
    height: 100%;
}

.imgSwiper {
    width: 572px;
    height: 330px;
}

.imgSwiper .swiper-slide img {
    display: block;
    width: auto;
    height: 330px;
    margin: 0 auto;
}

.dot_swiper_wrap {
    width: 580px;
    height: 672px;
    padding: 50px 0 50px 0;
}

.dotSwiper {
    /* position: absolute;
    right: 0;
    top: 0; */
    width: 100%;
    height: 100%;
    padding-left: 50px;
}

.dotSwiper .swiper-line {
    position: absolute;
    left: 10px;
    top: 0;
    width: 1px;
    height: 672px;
    background: #FFFFFF;
}

.dotSwiper .item {
    position: relative;
    height: 64px;
}

.dotSwiper .item:after {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    background: #287CFF;
    border: 1px solid #fff;
    border-radius: 50%;
    left: -45px;
    top: 28px;
}

.dotSwiper p {

    width: 532px;
    line-height: 64px;
    color: rgba(255, 255, 255, .7);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s;
    cursor: pointer;
}

.dotSwiper p:hover {
    color: #fff;
}

.dotSwiper .swiper-slide-active p {
    color: #fff;
    font-size: 18px;
    font-weight: 600;

}

.dotSwiper .swiper-slide-active:after {
    background: #fff;
    width: 11px;
    height: 11px;
    left: -46px;
}

.time_section {
    width: 100%;
    height: 519px;
    background: url(../imgs/time_bg.jpg) no-repeat center #1F70F0;
    background-size: auto 519px;
    padding-bottom: 0 !important;
}


.time_wrap {
    position: relative;
}

.time_line {
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, .2);
}

.timeSwiper {
    width: 100%;
}

.timeSwiper .item {
    width: 100px;
    text-align: center;
    cursor: pointer;
}

.timeSwiper .item span {
    font-size: 30px;
    font-weight: bold;
    color: rgba(255, 255, 255, .5);
    line-height: 35px;
    font-family: DINProM;
}

.timeSwiper .item .yuan {
    position: relative;
    width: 20px;
    height: 20px;
    background: #428BFF;
    border-radius: 50%;
    margin: 20px auto 0;
}

.timeSwiper .item .yuan i {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    background: #8FB7F7;
    border-radius: 50%;
}

.timeSwiper .swiper-slide-active span {
    color: #fff;
}

.timeSwiper .swiper-slide-active .yuan i {
    background: #FFFFFF;
}

.txtSwiper {
    width: 1000px;
    height: 220px;
    box-shadow: 0px 12px 36px -16px rgba(1, 18, 35, 0.1);
    border-radius: 4px;
    margin-top: 45px;
}

.txtSwiper .item {
    background: #FFFFFF;
    box-shadow: 0px 12px 36px -16px rgba(1, 18, 35, 0.1);
    border-radius: 4px;
    padding: 0 0 0 36px;
}

.txtSwiper .item .t {
    float: left;
    font-size: 90px;
    font-family: DINProM;
    color: rgba(31, 112, 240, .2);
    line-height: 90px;
    padding: 65px 0;
}

.txtSwiper .item .infor {
    float: left;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    padding-left: 36px;
}

.txtSwiper .item .infor p {
    line-height: 36px;
}

.txtSwiper .item .infor p a {
    color: #1F70F0;
}

.txtSwiper .item .infor span {
    float: left;
    width: 660px;
    font-size: 18px;
    color: #2A2E2E;
    line-height: 36px !important;
    margin-left: 5px;
}

.txtSwiper .item .infor p b {
    float: left;
    color: #2A2E2E;
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
}

#allmap {
    position: relative;
    width: 1200px;
    height: 493px;
}

.map_section .map_wrap {
    position: relative;
    height: 493px;
    margin-top: 20px;
}

.map_infor {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 435px;
    height: 360px;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 0;
    padding: 30px 20px 20px 40px;

}

.map_infor h4 {
    position: relative;
    font-size: 24px;
    color: #000000;
    line-height: 38px;
    margin-bottom: 64px;
}

.map_infor h4:after {
    position: absolute;
    bottom: -30px;
    left: 0;
    content: '';
    width: 40px;
    height: 4px;
    background: #1F70F0;
}

.map_infor p {
    font-size: 18px;
    color: #5F6464;
    line-height: 38px;
    margin-bottom: 10px;
}

.map_infor p span {
    font-size: 16px;
}

.map_infor img {
    position: absolute;
    width: 68px;
    bottom: 20px;
    right: 20px;

}


/* 娲诲姩鍥剧墖棰勮 */
.group_class {
    background: transparent !important;
    box-shadow: none !important;
}

.group_swiper .tu {
    width: 820px;
    height: 460px;
    border-radius: 6px;
    overflow: hidden;
    padding: 4px;
    background: #fff;
}

.group_swiper .tu img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.group_swiper .swiper-slide span {
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 18px;
    margin-top: 20px;
}

.group_swiper .swiper-slide {
    width: 820px;
    text-align: center;
}

.group_swiper .swiper-button-next {
    position: absolute;
    /* left: 56px;
    top: 450px; */
    width: 36px;
    height: 36px;
    background: url(../imgs/r_icon.png) no-repeat center;
    background-size: cover;
    transition: all .3s;
    cursor: pointer;
    opacity: 1;
}

.group_swiper .swiper-button-next:hover {
    background: url(../imgs/r_icon2.png) no-repeat center;
    background-size: cover;
}

.group_swiper .swiper-button-prev {
    position: absolute;
    /* left: 0;
    top: 450px; */
    width: 36px;
    height: 36px;
    background: url(../imgs/l_icon.png) no-repeat center;
    background-size: cover;
    transition: all .3s;
    cursor: pointer;
    opacity: 1;
}

.group_swiper .swiper-button-prev:hover {
    background: url(../imgs/l_icon2.png) no-repeat center;
    background-size: cover;
}

/* 鏁欒偛鎶曡祫 */
.jiaoyu_banner {
    width: 100%;
    height: 400px;
    background: url(../imgs/jy_banner.jpg) no-repeat center #e6e9f1;
    background-size: auto 400px;
}

.touzi_banner {
    width: 100%;
    height: 400px;
    background: url(../imgs/touzi_banner.jpg) no-repeat center #e6e9f1;
    background-size: auto 400px;
}



.touzi_al {
    margin-bottom: -24px;
}

.touzi_al li {
    float: left;
    width: 282px;
    height: 100px;
    margin: 0 24px 24px 0;
    transition: all .3s;
}

.touzi_al li img {
    width: 100%;
}

.touzi_al li:nth-child(4n) {
    margin-right: 0;
}

.touzi_al li:hover {
    transform: translateY(-8px);
    background: #FFFFFF;
    box-shadow: 0px 12px 36px -16px rgba(1, 18, 35, 0.1);
}

.tzjd_section {
    position: relative;
    width: 100%;
    height: 652px;
    padding-bottom: 0;
    background: linear-gradient(180deg, #F3F9FF 0%, #EFF7FF 100%);
}

.tzjd_section::after {
    position: absolute;
    right: 50px;
    top: 0px;
    content: '';
    width: 361px;
    height: 325px;
    background: url(../imgs/sec_jjfa1.png) no-repeat center;
    background-size: cover;
    transform-origin: center;
    -webkit-animation-name: up-and-down-o;
    animation-name: up-and-down-o;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    z-index: 1;
}

.tzjd_section::before {
    position: absolute;
    left: 50px;
    bottom: 60px;
    content: '';
    width: 295px;
    height: 297px;
    background: url(../imgs/sec_jjfa2.png) no-repeat center;
    background-size: cover;

    transform-origin: center;
    -webkit-animation-name: up-and-down-o;
    animation-name: up-and-down-o;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    z-index: 1;
}

.tzjd_box {
    position: relative;
    height: 396px;
    z-index: 2;
    margin-top: -60px;
}

.tzjd_item {
    position: absolute;
    width: 184px;
    height: 184px;
    background: url(../imgs/tzjd_item.png) no-repeat center;
    background-size: cover;
    text-align: center;
}

.tzjd_item1 {
    bottom: 0;
    left: 0;
}

.tzjd_item2 {
    top: 106px;
    left: 508px;
}

.tzjd_item3 {
    top: 0;
    right: 0px;
}

.tzjd_item img {
    display: block;
    width: 44px;
    margin: 51px auto 0;
}

.tzjd_item span {
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 28px;
    margin-top: 10px;
}

.tzjd_xian {
    position: absolute;
    width: 0;
    height: 106px;
    transition: all .6s;
    overflow: hidden;
}

.tzjd_xian.w260 {
    width: 260px !important;
}

.tzjd_xian img {
    width: 260px;
    height: 106px;
}

.tzjd_xian1 {
    bottom: 82px;
    left: 216px;
}

.tzjd_xian2 {
    top: 102px;
    left: 724px;
}

.caidai_section {
    padding-bottom: 250px;
}

.caidai_box {
    width: 100%;
    height: 443px;
    background: url(../imgs/caidai.png) no-repeat center;
    background-size: 1920px 443px;
    margin-top: 108px;
}

.gp_item img {
    display: block;
    width: 32px;
    height: 78px;
}

.caidai_box .gp_item1 img,
.caidai_box .gp_item3 img,
.caidai_box .gp_item5 img {
    margin-bottom: 20px;
}

.caidai_box .gp_item2 img,
.caidai_box .gp_item4 img {
    margin-top: 20px;
}

.gp_item img.top {
    margin-top: 20px;
}

.gp_item h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
}

.gp_item h4.c1 {
    color: #FF2121;
}

.gp_item h4.c2 {
    color: #1F70F0;
}

.gp_item h4.c3 {
    color: #8FA4D1;
}

.gp_item h4.c4 {
    color: #865D41;
}

.gp_item h4.c5 {
    color: #181C29;
}

.gp_item p {
    width: 216px;
    font-size: 16px;
    color: #828897;
    line-height: 26px;
    text-align: justify;
    word-wrap: break-word;
    text-justify: distribute;
    margin-top: 14px;
}

.gp_item.gp_item1 p {
    width: 226px;
}

.gp_item.gp_item4 p {
    width: 226px;
}

.caidai_box .w12 {
    position: relative;
    height: 100%;
}

.caidai_box .gp_item {
    position: absolute;
    transition: all .3s;
}

.caidai_box .gp_item1 {
    top: 250px;
    left: 0px;
}

.caidai_box .gp_item2 {
    top: -28px;
    left: 240px;
}

.caidai_box .gp_item3 {
    top: 290px;
    left: 487px;
}

.caidai_box .gp_item4 {
    top: -135px;
    right: 242px;
}

.caidai_box .gp_item5 {
    top: 180px;
    right: 0px;
}

.caidai_box .gp_item1:hover,
.caidai_box .gp_item3:hover,
.caidai_box .gp_item5:hover {
    transform: translateY(10px);
}

.caidai_box .gp_item2:hover,
.caidai_box .gp_item4:hover {
    transform: translateY(-10px);
}

/*浜掕仈缃戝厷寤轰慨鏀 */
.hlwdj_item {
    margin-bottom: 40px;
}

.hlwdj_item3 {
    margin-bottom: 0 !important;
}

.fn_swiper {
    width: 600px;
    height: 400px;
    border-radius: 4px;
}

.fn_swiper img {
    width: 100%;
}

.hlwdj_item .tu {
    width: 600px;
}

.hlwdj_item .tu img {
    width: 100%;
    border-radius: 4px;
    transition: all .5s;
}

.hlwdj_item .infor {
    float: left;
    width: 600px;
    height: 400px;
    padding: 20px 0 0 40px;
}

.hlwdj_item .infor .title {
    position: relative;
    font-size: 28px;
    font-weight: 500;
    color: #1A2233;
    line-height: 36px;
    padding-bottom: 36px;
    border-bottom: 1px solid #D5DBE8;
}

.hlwdj_item .infor .title::after {
    position: absolute;
    content: '';
    width: 60px;
    height: 5px;
    background: #1F70F0;
    bottom: -3px;
    left: 0;
}

.hlwdj_item .infor .title em {
    color: #1F70F0;
    font-weight: 500;
}

.hlwdj_item .infor p {
    font-size: 16px;
    color: #51586F;
    line-height: 30px;
    margin-top: 42px;
}

.hlwdj_item2 ul {
    margin-top: 70px;
}

.hlwdj_item2 ul li {
    float: left;
    width: 33.333%;
    text-align: center;
    transition: all .3s;
}


.hlwdj_item2 ul li i {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto 20px;
    transition: all .3s;
}

.hlwdj_item2 ul li .tu1 {
    background: url(../imgs/funeng_icon2.png) no-repeat center;
    background-size: cover;
}

.hlwdj_item2 ul li.active .tu1 {
    background: url(../imgs/funeng_icon2_a.png) no-repeat center;
    background-size: cover;
}

.hlwdj_item2 ul li .tu2 {
    background: url(../imgs/funeng_icon3.png) no-repeat center;
    background-size: cover;
}

.hlwdj_item2 ul li.active .tu2 {
    background: url(../imgs/funeng_icon3_a.png) no-repeat center;
    background-size: cover;
}

.hlwdj_item2 ul li .tu3 {
    background: url(../imgs/funeng_icon1.png) no-repeat center;
    background-size: cover;
}

.hlwdj_item2 ul li.active .tu3 {
    background: url(../imgs/funeng_icon1_a.png) no-repeat center;
    background-size: cover;
}

.hlwdj_item2 ul li span {
    font-size: 16px;
    color: #51586F;
    line-height: 34px;
}

.hlwdj_item2 .infor {
    padding: 20px 40px 0 0;
}

.hlwdj_item3 ul {
    padding-top: 40px;
}

.hlwdj_item3 li {
    position: relative;
    margin-bottom: 14px;
    padding-left: 16px;
}

.hlwdj_item3 li::before {
    position: absolute;
    left: 0;
    top: 9px;
    content: '';
    width: 6px;
    height: 6px;
    background: #51586F;
    border-radius: 50%;
}

.hlwdj_item3 a {
    display: block;
    font-size: 16px;
    color: #51586F;
    line-height: 24px;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.hlwdj_item3 li:hover a {
    color: #1F70F0;
}

.hlwdj_item3 li.on a {
    color: #1F70F0;
}

.hlwdj_item3 a.more {
    padding-left: 16px;
}

.hlwdj_item3 a.more:hover {
    color: #1F70F0;
}

.cuo_swiper {
    width: 600px;
    height: 400px;
}

.cuo_swiper img {
    width: 100%;
    border-radius: 4px;
    transition: all .5s;
}

/* .bisai_swiper .swiper-pagination {
    bottom: 18px;
    left: auto;
    width: auto;
    right: 24px;
} */

.cuo_swiper .swiper-pagination-bullet {
    opacity: 1 !important;
    background: rgba(255, 255, 255, .4);
}

.cuo_swiper .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: rgba(255, 255, 255, 1) !important;
}

.chuangtou_section {
    padding: 100px 0 40px 0;
}

.chuangtou_section .tu {
    float: left;
    width: 458px;
    height: 310px;
    border-radius: 4px;
}

.chuang_infor {
    width: 742px;
    padding-left: 40px;
}

.chuang_infor .title {
    position: relative;
    font-size: 40px;
    font-weight: 500;
    color: #1A2233;
    line-height: 56px;
    padding-bottom: 40px;
    border-bottom: 1px solid #D5DBE8;
}

.chuang_infor .title::after {
    position: absolute;
    content: '';
    width: 80px;
    height: 3px;
    background: #1F70F0;
    bottom: -1px;
    left: 0;
}

.chuang_infor p {
    font-size: 18px;
    color: #51586F;
    line-height: 30px;
    text-align: justify;
    word-wrap: break-word;
    text-justify: distribute;
    margin-top: 40px;
}

.wrap404 {
    padding: 100px 96px;
}

.wrap404 img {
    float: left;
    width: 389px;
    height: 361px;
}

.wrap404 .infor {
    float: right;
    width: 614px;
    padding-top: 90px;
    text-align: center;
}

.wrap404 .infor h4 {
    font-size: 30px;
    color: #1A2233;
    line-height: 30px;
    font-weight: 600;
}

.wrap404 .infor p {
    font-size: 18px;
    color: #1A2233;
    line-height: 18px;
    margin-top: 30px;
}

.wrap404 .infor .btn {
    display: block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #1F70F0;
    border-radius: 4px;
    font-size: 18px;
    color: #FFFFFF;
    margin: 40px auto 0;
    transition: all .3s;
}

.wrap404 .infor .btn:hover {
    opacity: .8;
}

.ai_banner {
    width: 100%;
    height: 400px;
    background: url(../imgs/ai_banner.jpg) no-repeat center #e6e9f1;
    background-size: auto 400px;
}





/* 鎷惧厜瀹 */
.sgj_banner {
    width: 100%;
    height: 400px;
    background: url(../imgs/sgj_banner.jpg) no-repeat center #e6e9f1;
    background-size: auto 400px;
}



/* 绋€瀹㈠畨鍏 */
.anquan_banner {
    width: 100%;
    height: 400px;
    background: url(../imgs/anquan_banner.jpg) no-repeat center #e6e9f1;
    background-size: auto 400px;
}



/* 涓€璧峰惂 */
.shejiao_banner {
    width: 100%;
    height: 400px;
    background: url(../imgs/yqb_banner.jpg) no-repeat center #e6e9f1;
    background-size: auto 400px;
}



/* 瑙ｅ喅鏂规搴曢儴 */
.touzi_wrap {
    width: 100%;
    height: 308px;
    background: url(../imgs/touzi_bg.jpg) no-repeat center;
    background-size: cover;
    padding-top: 60px;
    text-align: center;
}

.touzi_wrap.bg2 {
    background: url(../imgs/touzi_bg2.jpg) no-repeat center;
    background-size: cover;
}

.touzi_wrap h2 {
    font-size: 40px;
    font-weight: 600;
    color: #2A2E2E;
    line-height: 56px;
}

.touzi_wrap.bg2 h2 {
    color: #fff;
}

.touzi_wrap p {
    font-size: 20px;
    color: #5F6464;
    line-height: 28px;
    margin-top: 12px;
}

.touzi_wrap.bg2 p {
    color: rgba(255, 255, 255, .7);
}

.touzi_wrap .btn {
    display: block;
    width: 200px;
    height: 52px;
    background: #1F70F0;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 52px;
    margin: 40px auto 0;
    text-align: center;
    transition: all .3s;
}

.touzi_wrap .btn:hover {
    opacity: .8;
}

.touzi_wrap.bg2 .btn {
    display: block;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #FFFFFF;
    line-height: 50px;
    color: #fff;
}

.touzi_wrap.bg2 .btn:hover {
    background: #fff;
    color: #1F70F0;
    opacity: 1 !important;
}

.form_box {
    position: relative;
    width: 444px;
}

.form_box .form_item {
    position: relative;
}

.form_box input {
    width: 100%;
    height: 44px;
    background: #F3F6F9;
    border-radius: 4px;
    border: 1px solid #F3F6F9;
    padding-left: 16px;
    transition: all .3s;
}

.form_box input:focus {
    border: 1px solid #1F70F0;
    background: #fff;
}

.form_box .sou {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 44px;
    height: 44px;
    background: url(../imgs/sou.png) no-repeat center;
    background-size: 24px;
    cursor: pointer;
}

.form_box .clear {
    display: none;
    position: absolute;
    top: 0px;
    right: 44px;
    width: 44px;
    height: 44px;
    cursor: pointer;
    font-size: 18px;
    color: #CBCED8;
    text-align: center;
    line-height: 44px;
    transition: all .3s;
}

.form_box .clear:hover {
    color: #1F70F0;
}

.child_wrap,
.list_wrap {
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    padding-top: 8px;
    z-index: 99;

}

.child_box {
    width: 444px;
    height: 220px;
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(51, 74, 221, 0.1);
    border-radius: 4px;
}

.child_box .his_title {
    display: block;
    color: #828897;
    font-size: 14px;
    margin-bottom: 12px;
}

.child_box .his_title i {
    color: #828897;
    font-size: 14px;
    cursor: pointer;
}

.child_box .his_title i:hover {
    color: #1F70F0;
}

.his_ul {
    display: flex;
    flex-wrap: wrap;
}

.his_ul .his_item {
    max-width: 184px;
    height: 26px;
    line-height: 26px;
    background: #EFF0F3;
    border-radius: 4px;
    font-size: 14px;
    color: #20242F;
    margin-right: 12px;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 8px;
    transition: all .3s;
}

.his_ul .his_item:hover {
    color: #1F70F0;
    cursor: pointer;
}


.list_wrap li a {
    display: block;
    height: 32px;
    font-size: 14px;
    color: #4D5260;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list_wrap li:hover a {
    color: #1F70F0;
}

.common_nothing {
    padding: 100px;
}

.common_nothing .nothing_icon {
    display: block;
    width: 200px;
    margin: auto;
}

.common_nothing img {
    display: block;
    width: 100%;
}

.common_nothing p {
    font-size: 16px;
    color: #1A2233;
    text-align: center;
    margin-top: 30px;
}

/* 浼佷笟绀句細璐ｄ换 蹇楁効闃 */
.zyteam_infor{
    position: relative;
    z-index: 8;
    float: left;
    width: 660px;
}
.zyteam_infor .txt{
    font-size: 16px;
    color: #51586F;
    line-height: 30px;
    text-align: justify;
    margin-bottom: 10px;
}
.zyteam_title{
    font-weight: bold;
    font-size: 22px;
    color: #1A2233;
    line-height: 34px;
    margin: 40px 0 30px 0;
}
.zyteam_ul {
   
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 62px;
    
}

.zyteam_item{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.zyteam_item img{
    background: #F8F8F8;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.zyteam_item span{
    font-size: 14px;
    color: #51586F;
    line-height: 22px;
    margin-top: 14px;
}
.zyteam_swiper {
    float: right;
    width: 500px;
    height: 500px;
    border-radius: 10px;
    margin: -60px auto 0;
}

.zyteam_swiper img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.zyteam_swiper .swiper-pagination-bullet {
    opacity: 1 !important;
    background: rgba(255, 255, 255, .4);
}

.zyteam_swiper .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: rgba(255, 255, 255, 1) !important;
}
.zyteam_ul .mask{
    position: absolute;
    top: -180px;
    left: -65px;
    width: 440px;
    height: 156px;
    background: rgba(0,0,0,0.7);
    border-radius: 4px;
    padding: 20px;
    backdrop-filter: blur(10px);
    z-index: 99;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}
.zyteam_item:hover .mask{
    opacity: 1;
    visibility: visible;
    transition: all .3s;
}
.zyteam_ul .mask:after{
    position: absolute;
    content:'';
    width: 10px;
    height: 10px;
    background: url(../imgs/zyteam_sjx.png) no-repeat center;
    background-size: cover;
    z-index: 1;
    bottom: -10px;
    left: 120px;
}
.zyteam_ul .mask h4{
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 20px;
}
.zyteam_ul .mask p{
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    line-height: 28px;
    text-align: justify;
    margin-top: 12px;
}

/* 浣垮懡鎰挎櫙淇敼 */

.gsjj_bottom {

    width: 918px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 56px;

}



.gsjj_bottom .item {

    width: 447px;

    height: 177px;

    border-radius: 4px;

    padding: 30px;

}



.gsjj_bottom .item1 {

    background: url(../imgs/gsjj_bottom_num1.png) no-repeat 312px 40px #F8F8F8;

    background-size: 105px 54px;

}

.gsjj_bottom .item2 {

    background: url(../imgs/gsjj_bottom_num2.png) no-repeat 312px 40px #F8F8F8;

    background-size: 121px 54px;

}

.gsjj_bottom .item h4 {

    position: relative;

    font-weight: 600;

    font-size: 24px;

    color: #2D323D;

    line-height: 35px;

}

.gsjj_bottom .item h4:after{

    position: absolute;

    content: '';

    width: 50px;

    height: 4px;

    background: #1F70F0;

    left: 0;

    bottom: -24px;

}

.gsjj_bottom .item h4 em {

    font-weight: 600;

    color: #1F70F0;

}



.gsjj_bottom .item p {

    font-size: 16px;

    color: #51586F;

    line-height: 20px;

    margin-top: 52px;

}

/* gmssh */
.gmssh_banner{
    width: 100%;
    height: 400px;
    background: url(../imgs/gmssh/gmssh_banner.jpg) no-repeat center #e4ebf3;
    background-size: auto 400px;
}