@charset "utf-8";



.mc_search_xl {
    position: fixed;
    left: 0;
    top: 69px;
    width: 100%;
    height: 160px;
    border-top: 1px solid #dfdede;
    z-index: 99;
    background: #fff;
    display: none;
    transition: top 0.36s;
}

.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 690px; */
}

.mc_scm_form {
    width: 690px;
}

.mc_msc_box {
    font-size: 0;
    padding: 8px;
    border-bottom: 1px solid #dfdede;
}

.mc_msc_input {
    width: calc(100% - 30px);
    height: 26px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 3px 0;
    padding-right: 12px;
}

.mc_msc_submit {
    font-size: 26px;
    color: #666666;
    width: 30px;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.mc_msc_submit img {
    width: 100%;
}



.he_laxtwo {
    display: inline-block;
}


.he_pcnli {
    position: relative;
}

.he_downti p {
    font-weight: bold;
}

.he_downul {
    padding-top: 39px;
    margin: 0 -89px;
}

.he_downli {
    width: 33.333333%;
    padding: 0 89px;
    margin-bottom: 30px;
}

.he_downlbx {
    width: 100%;
    background: #fff;
    transition: all 0.36s;
    padding: 0 35px;
    border-radius: 6px;
    position: relative;
}

.he_downlte p {
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    overflow: hidden;
    transition: all 0.36s;
}

.he_downlig {
    width: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
}

.he_downlte {
    width: calc(100% - 20px);
}

.he_downlig .he_img1 {
    opacity: 0;
}

.he_downlig img {
    transition: all 0.36s;
}

.he_downli a {
    width: 100%;
    display: block;
}

.he_banig video {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.he_bantepo {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.he_linte {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 44px;
}

.he_linte img {
    width: 100%;
}

.he_line {
    width: 100%;
}

.he_line .he_img2 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.he_banul .slick-dots li {
    width: 18px;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.5);
    height: 2px;
}

.he_banul .slick-dots li.slick-active {
    width: 30px;
    background: #fff;
}

.he_banul .slick-dots {
    bottom: 52px;
}


.he_banul .slick-prev {
    left: 20px;
}

.he_banul .slick-next {
    right: 20px;
}

.he_banul .slick-arrow {
    /* width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #fff; */
    z-index: 10;
    transition: all 0.36s;
}

.he_banul .slick-arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 41px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.he_banul .slick-prev::after {
    background-image: url(../images/dwarle.png);
}

.he_banul .slick-next::after {
    background-image: url(../images/dwarr1.png);
}

.he_topig {
    width: 100%;
    position: absolute;
    top: -16%;
    left: 0;
    z-index: 10;
}

.he_topig img {
    /* width: 100%; */
    position: relative;
    width: auto;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: inherit;
}

.he_topbt {
    width: 100%;
    background: #283249;
    padding-top: 70px;
}

.he_conten1 {
    width: 1360px;
    margin: 0 auto;
    padding: 0 80px;
}

.he_content {
    width: 1200px;
    margin: 0 auto;
}

.he_tobyt {
    width: 100%;
}

.he_tobytle {
    width: 860px;
}

.he_ftnavli {
    width: 20%;
}

.he_ftnavti a {
    font-size: 18px;
    color: #ffffff;
    line-height: 1.75;
}

.he_ftnavbh a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.75;
    transition: all 0.36s;
}

.he_ftnavti {
    margin-bottom: 24px;
}

.he_ftnavbh {
    margin-bottom: 14px;
}

.he_tobytcd {
    width: 110px;
}

.he_tobyig {
    background: #fff;
    padding: 6px;
}

.he_tobyte p {
    font-size: 14px;
    line-height: 1.75;
    color: #ffffff;
}

.he_tobyte {
    text-align: center;
    margin-top: 10px;
}

.he_tobywl {
    width: 100%;
    text-align: right;
    margin-top: 17px;
}

.he_tobywny {
    display: inline-block;
    text-align: center;
}

.he_tobywba a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 38px;
    transition: all 0.36s;
    padding: 0 30px;
}

.he_tobywba {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 60px;
    transition: all 0.36s;
    margin-left: 20px;
}

.he_fottb {
    width: 100%;
    position: relative;
    padding-top: 38px;
    padding-bottom: 19px;
}

.he_fottble {
    width: 125px;
}

.he_fottble img {
    width: 100%;
}

.he_fottbri p {
    font-size: 14px;
    line-height: 1.75;
    color: #999;
}

.he_fottbri p a {
    color: #999;
}

.he_fottbri {
    margin-top: 5px;
}


.he_mine {
    min-height: 200px;
}
@media screen and (max-width: 1024px){
.he_mine { min-height:initial;}
}
.he_diquile {
    width: 24px;
    position: relative;
    line-height: 110px;
    transition: all 0.36s;
}

.he_diqui a {
    display: block;
    padding-left: 20px;
}

.he_diquiri {
    width: 100%;
    /* padding-right: 11px; */
}

.he_diquile .he_img1 {
    height: inherit;
    top: 44px;
    opacity: 0;
}

.he_diquile img {
    transition: all 0.36s;
}

.he_diquiri p {
    color: #fff;
    font-size: 14px;
    line-height: 69px;
    transition: all 0.36s;
}

/* .he_diqui {
    margin-left: 56px;
} */

.he_laxta a {
    font-size: 16px;
    line-height: 1.75;
    color: #666666;
    transition: all 0.36s;
}

.he_laxta {
    margin: 15px 28px;
}

.he_dixl {
    width: 6px;
    line-height: 69px;
    position: relative;
}

.he_dixl img {
    width: 100%;
    transition: all 0.36s
}

.he_dixl .he_img {
    opacity: 0;
}

.he_dixl .he_img1 {
    height: auto;
    top: 34px;
}

.yxnav_active2 a {
    color: #284a94;
}

.he_xlbx {
    width: 100%;
    padding: 0 176px;
}

.he_xlbxli {
    width: 25%;
    border-right: 1px solid rgba(214, 214, 214, 0.4);
    padding-top: 16px;
    padding-bottom: 22px;
}

.he_xlbxul {
    width: 100%;
    position: relative;
}

.he_xlbxny {
    width: 100%;
    position: relative;
    padding: 0 26%;
}

.he_xlbxlo {
    width: 109px;
}

.he_xlbxlo img {
    width: 100%;
}

.he_xlbxte p {
    font-size: 14px;
    line-height: 1.85;
    color: #999999;
    height: 50px;
    overflow: hidden;
}

.he_xlbxte {
    margin-top: 8px;
}

.he_xlbxli a {
    display: block;
}

.he_bante {
    width: 100%;
}

.he_teerl {
    font-size: 54px;
    line-height: 1.65;
    color: #ffffff;
    font-weight: bold;
}

.he_banpj1 p {
    font-weight: bold;
}

.he_banph1 {
    font-size: 66px;
    line-height: 1.5;
    color: #c91520;
    font-weight: bold;
}

.he_banpj2 {
    margin-top: 5px;
}

.he_banjk {
    width: 70%;
    position: relative;
    padding-top: 40px;
    margin-top: 64px;
}

.he_banjk::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #c91520;
}

.he_banjkle {
    width: 78px;
}

.he_banjkle img {
    width: 100%;
}

.he_banjkri {
    width: calc(100% - 78px);
    padding-left: 30%;
}

.he_banjkri p {
    font-size: 20px;
    line-height: 1.75;
    color: #ffffff;
}

.he_pcbxlole {
    width: 161px;
    line-height: 69px;
    position: relative;
}

.he_pcbxlole img {
    width: 100%;
}

.he_pcbxlori {
    width: 36px;
    line-height: 69px;
    margin-left: 36px;
    position: relative;
}

.he_pcbxlori img {
    width: 100%;
}

.he_pcbxlori::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -18px;
    transform: translateY(-50%);
    width: 1px;
    height: 21px;
    background: #fff;
    transition: all 0.36s;
    display: block;
}

.he_jianfle {
    width: calc(100% - 6px);
    padding-right: 11px;
}

.he_jianfle p {
    font-size: 14px;
    color: #fff;
    line-height: 69px;
    transition: all 0.36s;
}

.he_jianfa {
    /* border-left: 1px solid #fff;
    border-right: 1px solid #fff; */
    padding: 0px 20px;
    cursor: pointer;
    position: relative;
    transition: all 0.36s;
}

.he_jianfa::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 19px;
    background: rgba(255, 255, 255, 0.5);
}

.he_jianfa::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 19px;
    background: rgba(255, 255, 255, 0.5);
}

.he_jianfbt {
    position: absolute;
    top: 69px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    background: #fff;
    padding: 10px 12px 10px 20px;
    display: none;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08);
}

.he_jianfvcli a {
    font-size: 14px;
    line-height: 1.65;
    color: #666;
    transition: all 0.36s;
}

.he_con15 {
    width: 1500px;
    margin: 0 auto;
}

.he_jianfbt .mCSB_inside>.mCSB_container {
    margin-right: 10px;
}

.he_jianfbt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 2px;
}

.he_jianftp.on .he_dixl img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
}

.he_banlnbm {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.he_banlnul {
    margin: 0 -8px;
}

.he_banlnli {
    width: 20% !important;
    padding: 0 8px;
}

.he_banvd {
    width: 100%;
    position: relative;
}

.he_banvdig img {
    width: 100%;
}

.he_banvdig {
    width: 100%;
    display: none;
    position: absolute;
    bottom: 64px;
    left: 0;
}

.he_banvdte {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    text-align: center;
    position: relative;
    transition: all 0.86s;
}

.he_banvdnx {
    display: inline-block;
    position: relative;
    z-index: 10;
}

.he_banvdnx p {
    font-size: 18px;
    line-height: 62px;
    height: 62px;
    overflow: hidden;
    color: #fff;
}

.he_banvdnx img {
    width: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -19px;
    opacity: 0;
    transition: all 0.86s;
}

.he_banxlo {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    width: 65px;
    transition: all 0.86s;
    opacity: 0;
}

.he_banxlo img {
    width: 100%;
    /* max-width: auto;
    height: 100%; */
}

.he_banlnli a {
    display: block;
    width: 100%;
}

.he_dongh {
    /* width: 100%; */
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.he_donghig {
    width: 1902px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-size: 100% !important;
}

.he_donghsj {
    width: 768px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-size: 100% !important;
    display: none;
}


.he_dongh {
    width: 0;
    transition: all 2.4s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    overflow: hidden;
}

.he_banli.slick-current .he_dongh {
    width: 100%;
}

.he_syp1{
    width: 100%;
    position: relative; padding-top:100px;
    z-index: 15;
}
.he_syp1.paddT0{
padding-top:0;
}
.he_syp4{
    width: 100%;
    position: relative;
    z-index: 20;
}
@media screen and (max-width: 1100px) {
.he_syp1{ padding-top: 64px;}
.he_syp1.paddT0{padding-top:0;}
}
@media screen and (max-width: 1100px) {
.he_syp1{ padding-top:0;}
.he_syp1.paddT0{padding-top:0;}
}

.he_syp1bx {
    width: 100%;
    position: relative;
}

.he_syp1bri {
    width: 500px;
}

.he_syp1ble {
    padding-right: 33px;
    width: calc(100% - 500px);
    margin-top: 72px;
}

.he_syp1blev {
    width: 100%;
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    overflow: hidden;
}

.he_syp1bleig {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.he_syp1bleig img {
    border-radius: 16px;
    transition: all 1.2s;
}

.he_syp1bleig video {
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
}

.he_pult1 { float: none;
    font-size: 0.48rem;
    line-height:0.58rem;
    color: #333333;
}
@media screen and (max-width:1600px) {
.he_pult1 {
    font-size: 0.4rem;
    line-height:0.5rem;}
}
@media screen and (max-width: 1440px) {
.he_pult1 {
    font-size: 0.36rem;
    line-height:0.46rem;}
}
@media screen and (max-width: 1024px) {
.he_pult1 {
    font-size:16px;
    line-height:26px;}
}
.he_syp2 {
    width: 100%;
    position: relative;
}
.he_syp2::after {

    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #f7f9fa;
    z-index: 10;

}
.mc_bs3_videobox {
    width: 100vw;
    height: 100vh;
    position: relative; top:-100px;
    z-index: 1;
}
.mc_bs3_videobox.top0{ top:0;} 

@media screen and (max-width: 1024px) {
.mc_bs3_videobox { top:0; /* height:83vh; */}
.mc_bs3_videoph{ height:100vh;}
.mc_bs3_videobox.top0{ top:0;} 
.he_syp2::after{ display: none;}
}
.he_syp2 .mc_bs3_video {
    width: 80%;
}
.mc_bs3_videobox.act .mc_bs3_video {
    opacity: 1;
}
.mc_bs3_video {
    height: auto;
    max-width: none;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    min-height: 100vh; background: #f7f9fa;
    transition: inherit;
}
.mc_bs3_videobox.act .mc_bs3_video{ object-fit: cover;}
.mc_bs3_videoph .mc_bs3_video{ object-fit: cover;}
.mc_bs3_videowrap {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    max-width: none;
/*    overflow: hidden; */
}

.mc_b_s3 {
    height: 300vh;
    overflow: hidden;
}

.mc_bs3_svg {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%; line-height: 0;
    max-width: none;
    /* transition: all 0.36s; */
}
.mc_bs3_videobox.act .mc_bs3_svg{
 transform: translate(-50%, -45.3%);-ms-transform: translate(-50%, -45.3%);
	
}
.mc_bs3_svg::after,
.mc_bs3_svg::before{ display: block; content: ''; position: absolute; left: 0; height:100%; width:100%; background: #f7f9fa;}
.mc_bs3_svg::after{ top:99%;}
.mc_bs3_svg::before{ bottom:99%;}

/*act_kd*/
@keyframes act_kd {
	0%   { width:100%; }
	100% { width:700%;}
}
@-webkit-keyframes act_kd {
	0%   { width:100%; }
	100% { width:700%;}
}
@-moz-keyframes act_kd {
	0%   { width:100%; }
	100% { width:700%;}
}
@-o-keyframes act_kd {
	0%   { width:100%; }
	100% { width:700%;}
}
@-ms-keyframes act_kd {
	0%   { width:100%; }
	100% { width:700%;}
}
.mc_bs3_videobox .mc_bs3_svg.act_kd{
animation:act_kd 4s; -webkit-animation:act_kd 4s; -ms-animation:act_kd 4s; -moz-animation:act_kd 4s; -o-animation:act_kd 4s;	
}
.mc_bs3_videoph .mc_bs3_svg{
animation:act_kd 2s; -webkit-animation:act_kd 2s; -ms-animation:act_kd 2s; -moz-animation:act_kd 2s; -o-animation:act_kd 2s;		
}

.mc_bs3_svg {
    width: 100%;
}
.mc_bs3_videowrap {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.mc_bs3_title {
    transition: all 0.36s;
    position: absolute;
    top: 64.5%; transform: translate(0,-50%); -ms-transform: translate(0,-50%);
    left: 0;
    width: 100%;
    text-align: center;
}
@media screen and (max-width: 1024px) {
.mc_bs3_svg {width:150%;}
.mc_bs3_videowrap { width:101vw;}
.mc_bs3_title{top: 56.5%;}
}

.mc_bs3_videobox.act .mc_bs3_title {
    opacity: 0;
}
.mc_bs3_videoph .mc_bs3_title {
    opacity: 0;
}

.mc_bs3_videobox.act .mc_bs3_video {
    opacity: 1;
}

.mc_bs3_videobox.end .mc_bs3_svg {
    opacity: 0;
}

.he_syp2hd { transition: all 0.36s;
    margin-top:7.6vh;
}
.he_syp2hd{ display: flex; justify-content: center; align-items: center; width: 100%;
    font-size:15px;
    line-height:30px;
    color: #666666;
}
.he_syp2hd:hover {color: #3a607a;}
.he_syp2hd .Btn{ display: flex; justify-content: center; align-items: center;}
.he_syp2hd i{ display: flex; 
 width:30px; height:30px; border-radius: 50%; position: relative; border:1px solid #3a607a; border:1px solid #3a607a; margin-right: 17px;
}
.he_syp2hd i::after{ display: flex;  content: '';
 width:6px; height:6px; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); border-top:1px solid #3a607a; border-right:1px solid #3a607a; margin-left: -1px;
 }
@media screen and (max-width:1440px) {
.he_syp2hd { margin-top:5.6vh;}
}
@media screen and (max-width:1024px) {
.he_syp2hd{ font-size: 14px; line-height:24px; margin-top:20px; display: none;}	
.he_syp2hd i{width:24px; height:24px; margin-right:10px;}
.he_syp2hd i::after{}
}

.he_swepbx {
    width: 49px;
    margin: 0 12px;
    outline: none;
}

.he_swepbx img {
    width: 100%;
    border-radius: 50%;
}

.he_swep {
    position: absolute;
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}


.he_syp2hmo a {
    font-size: 16px;
    line-height: 1.5;
    color: #274a94;
}

@-webkit-keyframes effect0 {
    0% {
        transform: translateY(100px);
    }

    100% {
        transform: translateY(0px);
    }
}



@-webkit-keyframes effect1 {
    0% {
        transform: translateY(100px);
    }

    100% {
        transform: translateY(0px);
    }
}


@-webkit-keyframes effect2 {
    0% {
        transform: translateY(100px);
    }

    100% {
        transform: translateY(0px);
    }
}


.he_nyban {
    width: 100%;
    position: relative;
}

.he_nybanig {
    width: 100%;
    position: relative;
    height: 557px;
}

.he_nybanig img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: none !important;
}

.he_nybante h1 {
    font-size: 60px;
    line-height: 1.5;
    color: #ffffff;
    text-align: center;
}

/* .he_nypu .he_nyban {
    margin-top: 69px;
} */

.he_nybante {
    position: absolute;
    top: 100px;
    text-align: center;
    width: 100%;
}

.he_b1p1 {
    width: 100%;
    position: relative;
    margin-top: -300px;
}

.he_bode {
    width: 100%;
    position: relative;
}

.he_bodeli a {
    font-size: 14px;
    line-height: 1.75;
    color: #fff;
    transition: all 0.36s;
}

.he_bodeli {
    font-size: 14px;
    line-height: 1.75;
    color: #fff;
}

.he_bodeli.act a {
    color: rgba(255, 255, 255, 0.6);
}

.he_bodeli {
    margin-left: 3px;
}

.he_bodeli:first-child {
    margin-left: 0;
}


.he_b1p1ny .he_conten1 {
    background: #fff;
    border-radius: 14px;
}

.he_b1p1ny {
    margin-top: 18px;
}

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

.he_b1p1le {
    width: 65.26%;
    position: relative;
}

.he_b1p1ri {
    width: calc(100% - 65.26%);
    padding-left: 4.5%;
}

.he_b1p1lenu {
    width: 100%;
    position: relative;
    border-radius: 14px;
    overflow: hidden;
}

.he_b1p1leig {
    width: 100%;
    position: relative;
}

.he_b1p1leig img {
    transition: all 0.8s;
}

.he_b1p1leig::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(17, 14, 65, 0.65), rgba(17, 14, 65, 0.01));
    height: 170px;
    z-index: 10;
}

.he_b1p1leig img {
    border-radius: 14px;
}

.he_b1p1lep1 p {
    font-size: 24px;
    line-height: 1.5;
    color: #ffffff;
    height: 36px;
    overflow: hidden;
}

.he_b1p1lete {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    padding: 33px 45px;
}

.he_b1p1lep2 p {
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
}

.he_b1p1lep2 {
    margin-top: 18px;
}

.he_b1p1le a {
    width: 100%;
    display: block;
}

.he_b1p1ribx {
    width: 100%;
    position: relative;
}

.he_b1p1li {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 38px;
}

.he_b1p1li:first-child {
    margin-top: 8px;
}

.he_b1p1lst p {
    font-size: 16px;
    line-height: 1.75;
    color: #284a94;
    font-family: "RobotoRegular" !important;
}

.he_b1p1lsl p {
    font-size: 18px;
    line-height: 1.65;
    color: #333333;
    height: 58px;
    overflow: hidden;
    transition: all 0.36s;
}

.he_b1p1lsl {
    margin-top: 10px;
}

.he_b1p1li a {
    width: 100%;
    display: block;
    padding-bottom: 23px;
}

.he_b1p2 {
    width: 100%;
    position: relative;
    z-index: 20;
}

.he_b1p3 .he_content {
    padding-top: 50px;
}

.he_b1p2 {
    margin-top: 50px;
}

.he_b1p2bx {
    width: 100%;
    position: relative;
}

.he_b1p2le {
    width: 270px;
}

.he_b1p2ri {
    width: calc(100% - 270px);
    padding-left: 17px;
}

.he_b1p2tb {
    width: 100%;
    position: relative;
}

.he_b1p2tsh {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    padding: 0 24px;
    cursor: pointer;
}

.he_b1p2tskp p {
    font-size: 14px;
    color: #999999;
    line-height: 64px;
    height: 64px;
    overflow: hidden;
}

.he_b1p2tskp {
    width: 100%;
    padding-right: 10px;
}

.he_b1p2ar {
    width: 10px;
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
}

.he_b1p2ar img {
    width: 100%;
    transition: all 0.36s;
}

.he_b1p2txa {
    width: 100%;
    position: absolute;
    top: 72px;
    left: 0;
    z-index: 10;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    display: none;
    z-index: 20;
}

.he_b1p2txa {
    padding: 18px 24px;
}

.he_b1p2txa p {
    color: #999999;
    font-size: 14px;
    line-height: 1.75;
    margin: 2px 0;
    cursor: pointer;
    transition: all 0.36s;
    height: 24px;
    overflow: hidden;
}

.he_b1p2rv {
    width: 100%;
    position: relative;
    height: 64px;
    line-height: 64px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.he_b1p2rv input {
    width: 100%;
    padding: 0 24px;
    padding-right: 50px;
    color: #999999;
    font-size: 14px;
}

.he_b1p2rv input::placeholder {
    color: #999999;
    font-size: 14px;
}

.he_b1p2rv img {
    width: 26px;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    position: absolute;
    cursor: pointer;
}

.he_b1p3 {
    width: 100%;
    position: relative;
}

.he_b1p3bx {
    width: 100%;
    position: relative;
}

.he_b1p3ul {
    width: 100%;
}

.he_b1p3li {
    width: 33.333333%;
    position: relative;
    border-right: 1px solid #e9edf0;
    transition: all 0.36s;
    margin-bottom: 48px;
}

.he_b1p3bu {
    width: 100%;
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    padding: 50px 48px 52px;
}

.he_b1p3bu::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: url(../images/b1pic02.jpg) center /cover no-repeat;
    transition: all 0.36s;
    opacity: 0;
    z-index: -1;
}

.he_b1p3bu .he_b1p1lep1 p {
    color: #333333;
    height: 72px;
}

.he_b1p3bu .he_b1p1lep1 {
    margin-top: 31px;
    transition: all 0.36s;
}

.he_b1p3jp p {
    font-size: 16px;
    line-height: 1.5;
    color: #666666;
    height: 48px;
    overflow: hidden;
}

.he_b1p3jp {
    margin-top: 50px;
}

.he_b1p3mo .he_b1p1lep2 p {
    color: #274a94;
}


.he_b1p3mo {
    margin-top: 70px;
    transition: all 0.36s;
}

.he_b1p3li a {
    width: 100%;
    display: inline-block;
}

.he_b1p3li:nth-child(3n) {
    border-right: none;
}

.he_pcfy {
    width: 100%;
}

.he_b1p4 {
    padding-bottom: 120px;
}

.he_b1p3 {
    padding-bottom: 80px;
}

.he_fot {
    width: 100%;
    position: relative;
    background: #403f45;
}

.he_fojt {
    width: 100%;
    position: relative;
    padding: 52px 0 32px;
}

.he_fojtqle {
    width: 140px;
    padding-right: 15px;
}

.he_fojtqri {
    width: calc(100% - 140px);
    margin-top: 2px;
}

.he_fojalp p {
    font-size: 16px;
    line-height: 1.75;
    color: #9b9b9d;
    transition: all 0.36s;
    cursor: pointer;
    height: 28px;
    overflow: hidden;
}

.he_fojalp.act p {
    color: #ffffff;
}

.he_fojalp {
    margin-bottom: 10px;
}

.he_fojtbv {
    width: 100%;
    position: relative;
}

.he_fojtbp1 p {
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}

.he_fojtbp2 p {
    font-size: 48px;
    line-height: 1.4;
    color: #ffffff;
    font-family: "ROBOTO-BOLD" !important;
    position: relative;
}

.he_fojtbp2 span {
    font-family: "ROBOTO-BOLD" !important;
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
    padding-left: 5px;
    position: relative;
}

.he_fojtbp2 span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 13px;
    height: 7px;
    background-image: url(../images/fotar.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: none;
}

.he_fojtbp3 p {
    font-size: 14px;
    line-height: 1.75;
    font-family: 'PoppinsRegular';
    color: #9b9b9d;
}

.he_fojtbli {
    width: 100%;
    display: none;
}

.he_fojtbli:first-child {
    display: block;
}

.he_fojtbul {
    width: 100%;
    position: relative;
}

.he_fojtle {
    width: 50%;
}

.he_fojtri {
    width: 50%;
    text-align: right;
    margin-top: 24px;
}

.he_xwho {
    width: 46px;
    /* height: 46px; */
    cursor: pointer;
    position: relative;
}

.he_xwho .he_wxhig {
    width: 100%;
    border-radius: 50%;
}

.he_xwhofd {
    width: 404px;
    position: absolute;
    bottom: 73px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    display: none;
    background: #fff;
    box-shadow: 0 5px 7px 0 rgba(132, 132, 132, 0.1);
    border-radius: 14px;
    /* overflow: hidden; */
    padding: 74px 30px 17px;
}

.he_xwhofd::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -28px;
    width: 0;
    height: 0;
    border-bottom: 14px solid transparent;
    border-top: 14px solid #fff;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
}


.he_tchun {
    display: inline-block;
}

.he_xwho1 {
    margin-right: 14px;
}

.he_xwhofig {
    width: 105%;
    position: absolute;
    top: -85px;
    left: 48%;
    transform: translateX(-50%);
}

.he_xwhofig img {
    width: 100%;
}

.he_xwhofli {
    width: 33.333333%;
    padding: 0 8px;
    text-align: center;
}

.he_xwhoful {
    margin: 0 -8px;
}

.he_xwhofbx {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 12px;
}

.he_xwhofbx img {
    width: 100%;
}

.he_xwhofbte p {
    font-size: 14px;
    line-height: 1.75;
    color: #666666;
    height: 24px;
    overflow: hidden;
}

.he_xwhofbte {
    margin-top: 2px;
}

.he_xwhomo img {
    width: 19px;
}

.he_xwhomo {
    text-align: center;
    margin-top: 10px;
}

.he_xwhomo a {
    display: inline-block;
}

.he_xwho2 a {
    position: absolute;
    width: 100%;
    height: 100% !important;
    display: block;
    background: none !important;
    left: 0;
    top: 0;
    z-index: 5;
}

.he_xwho2 a {
    padding-left: 0 !important;
}

.he_fobt {
    width: 100%;
    position: relative;
    background: #36353b;
    padding-top: 42px;
}



.he_fobtty {
    width: 100%;
}

.he_fobttli a {
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
    font-weight: bold;
    transition: all 0.36s;
}

.he_fobttli {
    margin-right: 70px;
}

.he_fobtnh {
    width: 98%;
    margin: 0 auto;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.he_fobtnh {
    margin-top: 70px;
    padding: 12px 0;
}

.he_fottbri p a:last-child {
    color: #5b5a5f;
}

.he_fottgle a {
    font-size: 14px;
    line-height: 1.75;
    color: #666666;
}

.he_fottgle {
    font-size: 14px;
    line-height: 1.75;
    color: #666666;
}

.he_b1p2txbc {
    height: 100px;
    overflow: hidden;
}

.he_b1p2txa .mCSB_inside>.mCSB_container {
    margin-right: 19px;
}

.he_b1p2txa .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 2px;
}

.he_b2pxbx {
    width: 100%;
    padding: 90px 98px;
}

.he_b2pxbxt1 .he_b1p1lep1 p {
    color: #333333;
    height: inherit;
}

.he_b2pxbxt2 {
    margin-top: 23px;
}

.he_b2pxbxti {
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 35px;
}

.he_b2pxny {
    width: 100%;
    margin-top: 38px;
}

.he_b2pxbh p {
    font-size: 16px;
    line-height: 1.875;
    color: #666666;
    margin-bottom: 16px;
}

.he_b1p1sx {
    width: 100%;
    position: relative;
    padding-top: 70px;
}

.he_b1p1qh {
    width: 50%;
    position: relative;
}

.he_b1p1qhle {
    padding-right: 36px;
}

.he_b1p1qhri {
    padding-left: 36px;
}

.he_b1p1qh a {
    width: 100%;
    display: block;
}

.he_b1p1bf p {
    font-size: 16px;
    line-height: 1.75;
    color: #274a94;
}

.he_b1p1kf p {
    font-size: 18px;
    line-height: 1.75;
    color: #333333;
    height: 31px;
    overflow: hidden;
    padding-right: 50px;
    transition: all 0.36s;
}

.he_b1p1kf p span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: all 0.36s;
}

.he_b1p1kf {
    width: 100%;
    position: relative;
    margin-top: 7px;
}

.he_b1p2tb.on .he_b1p2ar img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
}

.he_jianfbgd {
    max-height: 92px;
    overflow: hidden;
}

.he_cdph {
    width: 406px;
    margin: 0 auto;
    display: none;
}



.he_syp2hmo span {
    color: #6d9cd4;

}


.he_banpj1 {
    overflow: hidden;
}

.he_banpj2 {
    overflow: hidden;
}

.he_playpn {
    display: none;
}

.he_b1p1ul {
    overflow: hidden;
}

.he_b1p3ul {
    overflow: hidden;
}

.he_yilou {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 9;
}

.he_yilbx {
    width: 50%;
    position: relative;
}

.he_yilbp1 p {
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
}

.he_yilbp2 p {
    font-size: 40px;
    line-height: 1.75;
    color: #fff;
}

.he_yilbp3 p {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
}

.he_yilbp2 {
    margin-top: 17px;
}

.he_yilbp3 {
    margin-top: 26px;
    padding-right: 24%;
}

.he_yiluig {
    width: 323px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.he_yiluig img {
    width: 100%;
}

.he_yilbp2 p span {
    padding: 0 20px;
    position: relative;
}

.he_huhle {
    width: 15px;
    position: absolute;
    top: -4px;
    left: 2px;
    background: transparent;
}

.he_huhri {
    width: 15px;
    position: absolute;
    bottom: -8px;
    right: 17px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
}

.he_yiluig {
    width: 54%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -59%;
}

.mc_bs3_videobox.end .he_yilou {
    opacity: 0;
}

.he_jianfvcli {
    margin: 4px 0;
}



.he_b1p3li.on {
    border-right: 1px solid transparent;
}


.he_syp1ckm .g_fadein1 {
    transition-delay: 0.1s;
}

.he_syp1ckm .g_fadein2 {
    transition-delay: 0.2s;
}

.he_syp1ckm .g_fadein3 {
    transition-delay: 0.3s;
}

.he_syp1ckm .g_fadein4 {
    transition-delay: 0.4s;
}

.he_syp1ckm .g_fadein5 {
    transition-delay: 0.5s;
}

.he_syp1ckm .g_fadein6 {
    transition-delay: 0.6s;
}

.he_syp1ckm .g_fadein7 {
    transition-delay: 0.7s;
}

.he_syp2 .mc_bs3_video {
    width: 100%;
}

.he_bansvg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}



@-webkit-keyframes dots {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes dots {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}




.he_syp1ckm span {
    transition: all 0.46s;
    color: #6d9cd4;
}

.he_syp2hmo .he_dxsp1 {
    transition-delay: 0.1s;
}

.he_syp2hmo .he_dxsp2 {
    transition-delay: 0.2s;
}

.he_syp2hmo .he_dxsp3 {
    transition-delay: 0.3s;
}

.he_syp2hmo .he_dxsp4 {
    transition-delay: 0.4s;
}

.he_syp2hmo .he_dxsp5 {
    transition-delay: 0.5s;
}

.he_syp2hmo .he_dxsp6 {
    transition-delay: 0.6s;
}

.he_syp2hmo .he_dxsp7 {
    transition-delay: 0.7s;
}


.he_loading {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    z-index: 9999;
    /* background: #fff; */
    /* display: none; */
}

.he_inbo.acd .he_loading {
    display: none;
}


/* .he_loading.on {
    background: transparent;
} */

.he_loading.on .he_imgj1 {
    opacity: 0;
}



.he_loading .he_imgj2 {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: inherit;
}


.he_inbo {
    overflow: hidden;
}

.he_inbo.on {
    overflow: inherit;
}

.he_loading.on1 {
    /* transition: transform 1s cubic-bezier(1, .01, 0, .04), opacity 1.5s ease-in;
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%) matrix(45, 0, 0, 45, 0, 0); */

    transition: transform 1.8s cubic-bezier(1, .01, 0, .04), opacity 2s ease-in 0.8s;
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%) matrix(45, 0, 0, 45, 0, 0);
    opacity: 0;
}

.he_syp1bmo p span {
    color: #6d9cd4;
    transition: all 0.36s;
}

.he_syp1bmo .g_fadein4 {
    transition-delay: 0.2s;
}

.he_fgdy p {
    display: inline-block;
}

.mc_bs3_videowrap .he_fengmtu {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
}



.he_syfdph {
    display: none;
}


.he_imgj2 {
    position: absolute !important;
}

.he_imgj3 {
    position: absolute;
}

.he_imgj1 {
    z-index: 10;
    transition: all 0.36s;
}

.he_zihe {
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
}

.he_loading .he_imgj1 {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: inherit;
}

@keyframes xl1 {
    0% {
        top: 0;
    }

    50% {
        top: 10px;
    }

    100% {
        top: 0;
    }
}

/* #he_loading .he_imgj1 {
    animation: xl1 1.2s infinite;
} */

.he_chonxin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
    display: none;    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.he_chonxcl { display: inline-block; vertical-align: top;
    width: 24px; line-height: 0;
}

.he_chonxcl img {
    width: 100%;
}

.he_chonxte { display: inline-block; vertical-align: top;
}

.he_huhleph {
    display: none;
}

.he_huhriph {
    display: none;
}

.he_index {
    overflow: hidden;
}

.he_inbo {
    overflow: hidden;
}



.he_syzitibian {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: inherit;
}


.he_huahte {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.he_huahte p {
    font-size: 50px;
    line-height: 1.75;
    font-weight: bold;
}

.he_top {
    color: #95afc6;
}

.he_buttm {
    /* color: #0f345b; */
    font-size: 52px;
}

.he_buttm {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 87px;
    white-space: nowrap;
}

.he_huahte.act .he_buttm {
    color: #0f345b;
    animation: test;
    /* animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal; */
    -webkit-animation: test 1.4s ease-in-out 0s 1 alternate forwards;
}

@keyframes test {
    0% {
        width: 0px;
    }

    50% {
        width: 100px;
    }

    75% {
        width: 150px;
    }

    100% {
        width: 200px;
    }

}

/* html::-webkit-scrollbar {
	width: 0px;
} */

.he_loading img {
    width: 100% !important;
    object-fit: cover;
}

.mc_b_s3 {
    height: 220vh;
}
@media screen and (max-width: 1024px){
.mc_b_s3{ height:100vh;}
}


.mc_videom_close {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 50px;
    color: #fff;
}

.mc_modal_close {
    position: absolute;
    right: 15px;
    top: 15px;
    /* font-size: 20px; */
    line-height: 20px;
    cursor: pointer;
    z-index: 10;
}

.mc_videom_container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mc_videom_content {
    width: 1200px;
}

.mc_videom_content {
    width: 1000px;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 80px);
    overflow: auto;
}

.mc_videom_video {
    max-width: 100%;
    vertical-align: middle;
    background: #000;
}

.mc_videom_iframebox {
    text-align: center;
}

.mc_videom_iframebox {
    display: none;
}

.mc_videom {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .84);
}

.he_vsglkt {
    display: none;
}

.he_laxtwo {
    width: 100vw;
}

.he_laxta:first-child {
    margin-left: 0px;
}

/* 2021.7.14 */
.he_pcbantph {
    display: none;
}


/* 2021.7.14 */

.he_b1p3buwk {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.he_b1xztu {
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all 0.36s;
    height: 141px;
    position: absolute;
    top: 0;
    left: 0;
}

.he_b1xztu img {
    border-radius: 12px;
    object-fit: cover;
}

.he_b1xztu {
    display: none;
}

.he_b1p3li.act .he_b1xztu {
    display: block;
}

.he_b1p3li.act .he_b1p3jp {
    height: 0px;
    overflow: hidden;
    transition: all 0.36s;
    margin-top: 0;
}

.he_b1p3li.act .he_b1p3mo {
    margin-top: 24px;
}

.he_b1p3li.act .he_b1p3bu .he_b1p1lep1 {
    margin-top: 16px;
}


.he_b1p1lst {
    transition: all 0.36s;
}

.he_b1p3li.act .he_b1p1lst {
    padding-top: 159px;
}



.he_b1p3li.act .he_b1p3bu {
    height: 456px;
}

.he_b1ym .he_b1p3bu .he_b1p1lep1 p {
    font-size: 22px;
    height: 99px;
}

.he_huahte {
    display: none !important;
}

.he_index {
    opacity: 0;
}

.he_index.on {
    opacity: 1;
}


.he_pcbxle .he_img1 {
    top: 22px;
}

.he_pcbxlori .he_img1 {
    top: 24px;
}


.he_pc_hd.act .he_pcbxle .he_img1 {
    opacity: 1;
}

.he_pc_hd.act .he_pcbxle .he_img {
    opacity: 0;
}

.he_pc_hd.act .he_pcbxlori::after {
    background: #dcdcdc;
}

.he_pc_hd.act .he_pcnli .he_pcnava {
    color: #333333;
}

.he_pc_hd.act .he_pcser .icon-search {
    color: #333;
}

.he_pc_hd.act .he_jianfa::before {
    background: #dcdcdc;
}

.he_pc_hd.act .he_jianfa::after {
    background: #dcdcdc;
}

.he_pc_hd.act .he_jianfle p {
    color: #333;
}

.he_pc_hd.act .he_dixl .he_img {
    opacity: 1;
}

.he_pc_hd.act .he_dixl .he_img1 {
    opacity: 0;
}

.he_pc_hd.act .he_diquiri p {
    color: #333;
}

.he_c1gudi {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100vh;
    max-width: 1920px;

}

.he_pc_hd.color .he_diquiri p {
    color: #333;
}

.he_pc_hd.color .he_pcbxle .he_img1 {
    opacity: 1;
}

.he_pc_hd.color .he_pcbxle .he_img {
    opacity: 0;
}

.he_pc_hd.color {
    background: #fff;
    border-bottom: 1px solid #f7f7f7;
}


.he_pc_hd.color .he_pcbxlori::after {
    background: #dcdcdc;
}

.he_pc_hd.color .he_pcnli .he_pcnava {
    color: #333333;
}

.he_pc_hd.color .he_pcser .icon-search {
    color: #333;
}

.he_pc_hd.color .he_jianfa::before {
    background: #dcdcdc;
}

.he_pc_hd.color .he_jianfa::after {
    background: #dcdcdc;
}

.he_pc_hd.color .he_jianfle p {
    color: #333;
}

.he_pc_hd.color .he_dixl .he_img {
    opacity: 1;
}

.he_pc_hd.act .he_dixl .he_img1 {
    opacity: 0;
}

.he_pc_hd.act .he_diquiri p {
    color: #333;
}

.section {
    position: relative;
}

#fullpage {
    z-index: 100;
    position: relative;
}

.he_c1bx {
    width: 100%;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    padding-top: 11%;
}

/* .he_c1bxti p {
    font-size: 90px;
    line-height: 1.5;
    color: transparent;
    font-weight: bold;
    text-stroke: 1px #fff;
    -webkit-text-stroke: 1px #fff;
    -moz-text-stroke: 1px #fff;
    text-align: center;
} */

.he_c1bxny {
    width: 100%;
    position: relative;
    margin-top: 105px;
}

.he_c1bxnli {
    width: 30.8% !important;
    padding-right: 55px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    transition: all 8s ease;
}

.he_c1bxntu {
    width: 100%;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.he_c1bxntu img {
    border-radius: 12px;
}

.he_c1bxntu::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: all 0.46s;
}


/* curser.png */

.he_c1bxnwe {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* height: 100%; */
    z-index: 10;
    display: none;
}

.he_c1bxnul {
    width: 150%;
    padding-left: 5%;
    padding-right: 5%;
}

.he_c1bxnli {
    /* cursor: url(../images/curser.png), auto; */
    position: relative;
    z-index: 15;
}

.he_c1bxnwhf {
    padding: 35px;
    height: 100%;
    position: relative;
}

.he_c1bxnh1 p {
    font-size: 30px;
    line-height: 1.75;
    color: #fff;
    height: 52px;
    overflow: hidden;
}

.he_c1bxnsvg {
    width: 214px;
    margin-top: 70px;
}

.he_c1bxnsvg img {
    width: 100%;
}

.he_c1bxnty {
    width: 100%;
    position: relative;
    padding: 30px 36px;
    display: none;
}

.he_c1bxnle p {
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff;
    font-weight: bold;
}

.he_c1bxnle {
    width: 160px;
}

.he_c1bxnri {
    width: calc(100% - 160px);
}

.he_c1bxnri p {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 13px;
}

.he_c1ym .he_mine {
    position: relative;
    z-index: 100;
}

.he_c1ym .he_fot {
    position: relative;
    z-index: 10;
}

.he_c1ym .he_mine {
    height: 100vh;
}

.he_gund {
    width: 210px !important;
    height: 2px !important;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 5% !important;
    top: 476px !important;
}

.he_gund span {
    width: 100%;
    /* height: 100%; */
    /* position: absolute;
    top: 0;
    left: 0; */
    background: #ff1d25 !important;
}

.he_gufri {
    width: 96px;
    position: absolute;
    /* top: 470px; */
    top: -76px !important;
    right: 5%;
    cursor: pointer;
    z-index: 100;
}

.he_gufri img {
    width: 100%;
}

.he_c1fid {
    position: fixed;
    top: 100%;
    left: 0;
    z-index: 10000;
    width: 100%;
    overflow: hidden;
}

.he_c1fijh {
    width: 100%;
    position: relative;
}

.he_c1fijh {
    width: 100%;
    position: relative;
}

.he_c1fid2 {
    top: 0;
    opacity: 0;
    pointer-events: none;
}

.he_cupbx.fix2 .he_c1fid2 {
    opacity: 1;
    pointer-events: auto;
}

@keyframes portOpen {
    0% {
        top: 100%;
    }

    100% {
        top: 0;
    }
}

@keyframes portOpen1 {
    0% {
        top: 0px;
        opacity: 0;
    }

    1% {
        top: 100%;
        opacity: 1;
    }

    100% {
        top: 0;
    }
}

.he_c1fghy {
    position: relative;
}

.he_c1gbcv {
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 50%;
    position: fixed;
    top: 24px;
    right: 40px;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.36s;
    z-index: 100;
    box-shadow: 0 0px 16px 0 rgba(0, 0, 0, 0.1);
    display: none;
}

.he_c1gbcv::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: #284a94;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.26s;
    border-radius: 50%;
}



.he_c1gbcv img {
    width: 16px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

body.fix1 .he_c1fid1 {
    animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s;
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
}

body.fix2 .he_c1fid2 {
    /* animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s; */
    animation: portOpen1 both cubic-bezier(.77, 0, .175, 1) 1.2s 0s;
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
}

body.fix3 .he_c1fid3 {
    animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s;
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
}

body.fix4 .he_c1fid4 {
    animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s;
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
}

body.fix5 .he_c1fid5 {
    animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s;
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
}


body.fixdown1 .he_c1fid1 {
    display: block;
    animation: portClose both cubic-bezier(.77, 0, .175, 1) 1.2s 0.4s;
}

body.fixdown2 .he_c1fid2 {
    display: block;
    animation: portClose both cubic-bezier(.77, 0, .175, 1) 1.2s 0.4s;
}

body.fixdown3 .he_c1fid3 {
    display: block;
    animation: portClose both cubic-bezier(.77, 0, .175, 1) 1.2s 0.4s;
}

body.fixdown4 .he_c1fid4 {
    display: block;
    animation: portClose both cubic-bezier(.77, 0, .175, 1) 1.2s 0.4s;
}

body.fixdown5 .he_c1fid5 {
    display: block;
    animation: portClose both cubic-bezier(.77, 0, .175, 1) 1.2s 0.4s;
}

.he_cupbx.show1 .he_c1fid {
    display: none;
}

.he_cupbx.show1 .he_c1fid1 {
    display: block;
    top: 0;
    animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s;
}

.he_cupbx.show2 .he_c1fid {
    display: none;
}

.he_cupbx.show2 .he_c1fid2 {
    display: block;
    top: 0;
    animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s;
}

.he_cupbx.show3 .he_c1fid {
    display: none;
}

.he_cupbx.show3 .he_c1fid3 {
    display: block;
    top: 0;
    animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s;
}


.he_cupbx.show4 .he_c1fid {
    display: none;
}

.he_cupbx.show4 .he_c1fid4 {
    display: block;
    top: 0;
    animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s;
}

.he_cupbx.show5 .he_c1fid {
    display: none;
}

.he_cupbx.show5 .he_c1fid5 {
    display: block;
    top: 0;
    animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s;
}


.he_cupbx.show1 .he_c1fid1 .he_c1gbcv {
    display: block;
}

.he_cupbx.show2 .he_c1fid2 .he_c1gbcv {
    display: block;
}

.he_cupbx.show3 .he_c1fid3 .he_c1gbcv {
    display: block;
}

.he_cupbx.show4 .he_c1fid4 .he_c1gbcv {
    display: block;
}

.he_cupbx.show5 .he_c1fid5 .he_c1gbcv {
    display: block;
}

.he_zhuying.showsy .he_nypu {
    opacity: 0 !important;
}

.he_zhuying.goj.showsy .he_nypu {
    opacity: 1 !important;
}


@keyframes portClose {
    0% {
        top: 0;
    }

    100% {
        top: 100%;
    }
}

.he_b3ym .he_nybante h1 {
    color: #284a94;
    text-align: left;
    font-size: 48px;
    font-weight: bold;
}

.he_b3p1 {
    width: 100%;
    position: relative;
}

.he_b3p1bx {
    width: 100%;
    position: relative;
}

.he_b3p1bri {
    width: 515px;
    padding-left: 85px;
    z-index: 10;
}

.he_b3p1ble {
    width: calc(100% - 515px);
    position: relative;
    z-index: 15;
}

.he_b3p1brp1 p {
    font-size: 24px;
    line-height: 1.5;
    color: #284a94;
    font-weight: bold;
}

.he_b3p1brp2 p {
    font-size: 36px;
    line-height: 1.75;
    color: #333333;
}

.he_b3p1brp3 p {
    font-size: 16px;
    line-height: 1.875;
    color: #333333;
    margin-bottom: 24px;
}

.he_b3p1brp3 p span {
    font-weight: bold;
}

.he_b3p1brp2 {
    margin-top: 10px;
}

/* .he_b3p1brp3 {
    margin-top: 50px;
} */

.he_b3p1blb {
    width: 100%;
}

.he_b3p1bul {
    width: 100%;
    position: relative;
}

.he_b3p1bli {
    width: 100%;
}

.he_b3p1bli img {
    width: 100%;
    border-radius: 60px;
}

.he_b3p1bli {
    display: none;
}

.he_b3p1bli:first-child {
    display: block;
}

.he_b3p1bul .slick-prev,
.he_b3p1bul .slick-next {
    width: 50px;
    height: 50px;
    background: #284a94;
    border-radius: 50%;
    z-index: 10;
    bottom: -50px;
    top: inherit;
}

.he_b3p1bul .slick-prev {
    left: inherit;
    right: 170px;
}

.he_b3p1bul .slick-next {
    right: 95px;
}

.he_b3p1bul .slick-prev::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 14px;
    background-image: url('../images/b3arrl.png');
    background-size: 100% 100%;
}

.he_b3p1bul .slick-next::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 14px;
    background-image: url('../images/b3ary.png');
    background-size: 100% 100%;
}

.he_b3p1gile p {
    font-size: 72px;
    line-height: 1.5;
    color: #274a94;
    font-family: "ROBOTO-BOLD" !important;
}

.he_b3p1gile p span {
    font-size: 24px;
    font-weight: bold;
}

.he_b3p1giri {
    margin-top: 30px;
}

.he_b3p1giri p {
    font-size: 30px;
    line-height: 1.75;
    color: #333333;
    height: 52px;
    overflow: hidden;
}

.he_b3p1gfli {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 28px;
    padding-top: 20px;
}

.he_b3p1gile {
    width: 340px;
    padding-right: 10px;
}

.he_b3p1giri {
    width: calc(100% - 340px);
}

.he_b3p1gful {
    width: 100%;
    margin-top: 80px;
    padding-right: 56px;
}

.he_b3p1zs {
    width: 898px;
    position: absolute;
    top: 29px;
    right: -400px;
}

.he_b3p1zs img {
    width: 100%;
}

.he_b3p1 .he_content {
    position: relative;
    z-index: 20;
}

.he_b3ym .he_mine {
    position: relative;
    /* background: #fff; */
    z-index: 10;
}

.he_b3p1brp3 p:last-child {
    margin-bottom: 0;
}

.he_b3ym .he_b3p1 {
    /* background: #fff; */
    z-index: 10;
}

.he_b3ym .he_nyban {
    z-index: 10;
    position: relative;
    top: 0;
    left: 0;
}

.he_b3ym .he_nybante {
    top: 186px;
}

.he_b3ym .he_mine {
    margin-top: -222px;
}

.he_b3ym .he_mine {
    position: relative;
}

.he_pcnav {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    min-width: 870px;
}

.he_pcnli {
    margin: 0 30px;
}

.he_c1bxntu::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 10;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    transition: all 0.36s;
}


.he_c1bxnh4 p {
    font-size: 24px;
    line-height: 1.75;
    color: #fff;
}

.he_c1bxnh4 {
    position: absolute;
    bottom: 20px;
    z-index: 10;
    left: 35px;
    transition: all 0.36s;
}



.he_c1bxnlnb {
    width: 100%;
    position: relative;
}

.he_zairu {
    width: 100%;
    height: 100%;
    background: #274a94;
    position: fixed;
    top: 100%;
    left: 0;
    z-index: 99999;
}


.he_cupbx.go .he_zairu {
    animation: portk both cubic-bezier(.77, 0, .175, 1) 1.2s 0.4s;
}

@keyframes portk {
    0% {
        top: 100%;
    }

    50% {
        top: 0;
    }

    100% {
        top: -100%;
    }
}

.he_cupbx .he_nypu {
    opacity: 0;
}

.he_cupbx.go1 .he_nypu {
    opacity: 1;
}

.he_b3p1bkj {
    position: relative;
    z-index: 10;
}

.he_c1fijhpo {
    position: relative;
    z-index: 10;
}

.he_b3p2 {
    width: 100%;
    position: relative;
    padding: 140px 0;
    padding-top: 100px;
    z-index: 10;
    overflow: hidden;
}

.he_b3p3 {
    padding-top: 60px;
}

.he_b3p2ti p {
    font-size: 48px;
    line-height: 1.5;
    color: #274a94;
    font-weight: bold;
}

.he_b3p2ti {
    margin-bottom: 17px;
}

.he_b3p2tyu p {
    font-size: 36px;
    line-height: 1.5;
    color: #333333;
}

.he_b3p2gh {
    width: 100%;
    position: relative;
    padding-top: 230px;
    padding-bottom: 183px;
}

.he_b3p2gli {
    width: 210px;
    height: 210px;
    position: absolute;
    border-radius: 52px;
    transition: all 0.36s;
}

.he_b3p2gli p {
    font-size: 30px;
    line-height: 1.75;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 10px;
}

.he_b3p2gli1 {
    background: #274a94;
    top: 90px;
    left: 100px;
}

.he_b3p2gli2 {
    background: #2e3954;
    top: 90px;
    right: 100px;
}

.he_b3p2gli3 {
    background: #f5f5f5;
    bottom: 50px;
    left: 100px;
}

.he_b3p2gli5 {
    background: #9dabcf;
    bottom: 36%;
    right: 0px;
}


.he_b3p2gli4 {
    bottom: 50px;
    right: 100px;
}

.he_b3p2gjgf {
    cursor: pointer;
}

.he_b3p2lw {
    width: 727px;
    margin: 0 auto;

}

.he_b3p2lwli {
    background: #fff;
    box-shadow: 0px 3px 16px 5px rgba(0, 0, 0, 0.06);
    padding: 68px 63px 96px;
    border-radius: 60px;
    width: 100%;
    display: none;
    margin: 15px;
    min-height: 410px;
}

.he_b3p2lwli:first-child {
    display: block;
}

.he_b3p2lwle {
    width: 114px;
    position: relative;
}

.he_b3p2lwle img {
    width: 100%;
}

.he_b3p2lwri {
    width: calc(100% - 114px);
    padding-left: 50px;
    margin-top: 5px;
}

.he_b3p2lwiti p {
    font-size: 36px;
    line-height: 1.75;
    color: #274a94;
}

.he_b3p2lwiti {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 32px;
}

.he_b3p2lwikp p {
    font-size: 36px;
    line-height: 1.6;
    color: #333333;
}

.he_b3p2lwikp {
    margin-top: 25px;
}

.he_b3p2lwli.slick-current {
    -webkit-animation: fadeIn 0s ease both;
    animation: fadeIn 0s ease both;
    animation-delay: 0s;
}

.he_b3p2lwli.slick-current .he_b3p2lwle {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.1s;
}

.he_b3p2lwli.slick-current .he_b3p2lwri {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.1s;
}


.he_b3p2gli1.act {
    border-radius: 50px 50px 0px 50px;
    left: 0px;
}

.he_b3p2gli2.act {
    border-radius: 50px 50px 50px 0px;
    right: 0px;
}

.he_b3p2gli5.act {
    border-radius: 0px 50px 50px 50px;
    bottom: 50px;
}

.he_b3p2gli3.act {
    border-radius: 50px 0px 50px 50px;
    left: 0px;
}

.he_b3p2gli4.act {
    right: 0px;
}

.he_b3p2gli3 p {
    color: #333333;
}

.he_b3p2tyu span {
    padding-right: 20px;
}

.he_c1bxny .swiper-container {
    z-index: 10;
}

.he_c1bxnli:last-child {
    margin-right: 140px;
}

.he_nybanty {
    font-size: 30px;
    line-height: 1.75;
    color: #fff;
    text-align: left;
    margin-bottom: 10px;
}

.he_b3p2gli4.on {
    right: 30%;
}


.he_jindu {
    width: 220px;
    border-radius: 10px;
    height: 3px;
    border: 1px solid transparent;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    background: rgba(0, 0, 0, 0.08);
}

.he_jinna {
    position: absolute;
    top: 0;
    width: 0;
    left: 0;
    background: #274a94;
    height: 100%;
    transition: all 0.6s;
}



/* .he_jindu::after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    left: 0;
    background: #274a94;
    height: 100%;
}

.he_jindu.act::after {
    -webkit-animation: test 1.4s ease-in-out 0s 1 alternate forwards;
} */



@keyframes test {
    0% {
        width: 0%;
    }

    50% {
        width: 30%;
    }

    75% {
        width: 50%;
    }

    100% {
        width: 100%;
    }

}

.he_gufri {
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s;
}

.he_gufri.xian {
    opacity: 1;
    pointer-events: auto;
}


#dowebok {
    z-index: 15;
}

.section.active {
    overflow: hidden;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}

.he_c1bxti {
    padding: 0 5%;
}

.he_c1bxti p {
    font-size: 48px;
    color: #284a94;
    text-align: left;
    font-weight: bold;
}

.he_shubiao {
    position: absolute;
    z-index: 99999;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.he_shubin {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #284a94;
    background: rgba(255, 255, 255, 0.2);
    /* background: #284a94; */
    transition: all 0.36s;
}

.he_shubin::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #284a94;
    transition: all 0.36s;
}

.he_shubiao.on .he_shubin {
    width: 46px;
    height: 46px;
}

.he_shubiao.on .he_shubin::after {
    background: #0044d1;
    width: 6px;
    height: 6px;
}

.he_c1bxny .swiper-pagination-progressbar {
    background: rgba(255, 255, 255, 0.45);
}

.he_c1gbcv img {
    width: 100%;
}

.he_c1fijh img {
    width: 100%;
}

.he_c1bxny .swiper-container::after {
    content: '';
    position: absolute;
    top: -20vw;
    left: 0;
    width: 200vw;
    height: 200vh;
    z-index: -1;
}

.he_c1bxny .swiper-container {
    overflow: inherit !important;
}

.he_c1ym .he_mine {
    overflow: hidden;
}

.he_e1baty {
    width: 100%;
    position: relative;
}

.he_e1bati p {
    font-size: 36px;
    line-height: 1.65;
    color: #fff;
}

.he_nyban1 .he_nybanig {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.he_nyban1 .he_nybanig {
    height: 420px;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.he_nyban1 .he_e1baty {
    position: absolute;
    bottom: 72px;
    left: 50%;
    transform: translateX(-50%);
}


.he_e1time p {
    font-size: 18px;
    line-height: 1.75;
    color: #c6c4c4;
    font-family: 'PoppinsRegular' !important;
}

.he_e1time {
    margin-top: 30px;
}

.he_e1ymx .he_e1baty .he_content {
    width: 900px;
}

.he_e1ymx .he_mine .he_content {
    width: 900px;
}

.he_e1p1 {
    width: 100%;
    position: relative;
    padding-top: 90px;
}

.he_e1p1bx {
    width: 100%;
    position: relative;
}

.he_e1p1dl p {
    font-size: 18px;
    margin-bottom: 35px;
}

.he_e1p1hnx {
    width: 100%;
}

.he_e1p1htr {
    width: 100%;
    position: relative;
    padding-bottom: 10px;
    padding-left: 7px;
}

.he_e1p1hnx p {
    font-size: 18px;
    line-height: 1.75;
    color: #284a94;
    height: 31px;
    overflow: hidden;
    padding-right: 36px;
}

.he_e1p1hyr img {
    width: 9px;
    position: absolute;
    top: 19px;
    right: 30px;
    transition: all 0.56s;
}

.he_e1p1hyr {
    width: 100%;
    position: relative;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    padding-left: 7px;
}

.he_e1p1hyr::after {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background: #284a94;
    transition: all 0.56s;
    opacity: 0;
}

.he_e1p1hnx a {
    width: 100%;
    display: block;
}

.he_e1p1hnx {
    margin-top: 120px;
    margin-bottom: 20px;
}

.he_e1p1ls {
    position: absolute;
    left: -32%;
    top: 130px;
}

.he_e1p1ty {
    width: 77px;
    box-shadow: 0px 5px 24px 0 rgba(214, 211, 211, 0.35);
    border-radius: 50%;
    margin: 0 auto;
}

.he_e1p1ty img {
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.he_e1p1te p {
    font-size: 18px;
    line-height: 1.75;
    color: #999999;
    transition: all 0.36s;
}

.he_e1p1te {
    margin-top: 20px;
}

.he_e1ym .he_e1bati p {
    /* max-height: 118px; */
    overflow: hidden;
}

.he_g1ym .he_nyban1 .he_nybanig {
    height: 430px;
}

.he_g1ym .he_nyban1 .he_e1baty {
    bottom: inherit;
    top: 50%;
    transform: translate(-50%, -50%);
}

.he_g1ym .he_nybanig {
    position: relative;
}

.he_g1ym .he_nybanig::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.16);
    width: 100%;
    height: 100%;
}

.he_yilbp2 .he_huhripc {
    display: block !important;
}

.he_e1baty .he_yilbp2 {
    margin-top: 0 !important;
}

.he_g1ym .he_yilbp2 p {
    font-size: 60px;
    text-align: center;
}

.he_e1bati .he_huhri {
    width: 22px;
}

.he_e1bati .he_huhle {
    width: 22px;
}

.he_g1p1 {
    width: 100%;
    padding-top: 110px;
    padding-bottom: 116px;
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.he_g1pput p {
    font-size: 36px;
    line-height: 1.65;
    color: #333333;
}

.he_g1ppuj p {
    font-size: 16px;
    line-height: 1.875;
    color: #333333;
}

.he_g1pput {
    margin-bottom: 32px;
}

.he_g1p2 {
    width: 100%;
    position: relative;
}

.he_g1p2bx {
    width: 100%;
    position: relative;
}

.he_g1p2ri {
    width: 850px;
    position: relative;
}

.he_g1p2le {
    width: calc(100% - 850px);
    padding-right: 40px;
}

.he_g1p2tu {
    width: 100%;
    position: relative;
    border-radius: 60px;
    overflow: hidden;
}

.he_g1p2zi {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.he_g1p2zul {
    width: 100%;
    height: 100%;
}

.he_g1p2zli {
    width: 25%;
    height: 100%;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
}

.he_g1p2tu img {
    display: none;
}

.he_g1p2tu img:first-child {
    display: block;
}

.he_g1p2tu::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.28);
}

.he_g1p2zli p {
    font-size: 16px;
    line-height: 1.875;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 0 20px;
}

.he_g1p2zli.act p {
    font-weight: bold;
}

.he_g1p2hul {
    width: 100%;
    margin-top: 100px;
}

.he_g1p2hli {
    width: 100%;
    display: none;
}

.he_g1p2hli:first-child {
    display: block;
}

.he_g1p2hg p {
    font-size: 36px;
    line-height: 1.65;
    color: #333333;
    height: 59px;
    overflow: hidden;
}

.he_g1p2hoi p {
    font-size: 16px;
    line-height: 1.875;
    color: #333333;
    height: 60px;
    overflow: hidden;
}

.he_g1p2hoi {
    margin-top: 35px;
    margin-bottom: 30px;
}

.he_g1p2hjd p {
    font-size: 16px;
    line-height: 1.875;
    color: #333333;
    padding-left: 12px;
    position: relative;
}

.he_g1p2hjd p::after {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #284a94;
}

.he_g1p3 {
    width: 100%;
    position: relative;
    padding: 110px 0 132px;
}

.he_g1p3bx {
    width: 100%;
    position: relative;
    padding-left: 50px;
}

.he_g1p3ul {
    margin: 0 -30px;
}

.he_g1p3li {
    width: 33.333333%;
    padding: 0 30px;
}

.he_g1p3jh {
    width: 100%;
    position: relative;
    border-bottom: 5px solid #e5e5e5;
    padding-bottom: 36px;
}

.he_g1p3jh::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 5px;
    background: #284a94;
    transition: all 0.5s;
    opacity: 0;
}


.he_g1p3su p {
    font-size: 72px;
    line-height: 1.1;
    color: #284a94;
    font-family: 'PoppinsSemiBold' !important;
}

.he_g1p3jh .he_g1p3sgf {
    margin-top: 15px;
}

.he_g1p3jh .he_g1p3sgf p {
    height: 59px;
    overflow: hidden;
}

.he_g1p3mo p {
    font-size: 16px;
    line-height: 1.5;
    color: #274a94;
}

.he_g1p3li a {
    display: block;
    width: 100%;
}

.he_g1p3li:nth-child(2) {
    margin-top: 125px;
}

.he_g1zst {
    width: 100%;
    position: absolute;
    bottom: -202px;
    left: 0;
    z-index: -1;
}

.he_g1zst img {
    width: 100%;
}

.he_g1ym .he_mine {
    position: relative;
    z-index: 10;
    overflow: hidden;
}

.he_b1p1ny .he_conten1 {
    min-height: 500px;
}

.he_h1ym .he_nyban .he_nybanig {
    height: 617px;
}

.he_nybday {
    display: none;
}

.he_h1ym .he_nybante {
    top: 166px;
}

.he_h1ym .he_b1p1 {
    margin-top: -280px;
}

.he_h1p1bx {
    width: 100%;
    position: relative;
    padding-top: 70px;
}

.he_h1p1ul {
    width: 100%;
    position: relative;
}

.he_h1p1li {
    width: 50%;
    /* padding: 0 38px; */
    padding-left: 38px;
    padding-right: 16%;
}

.he_h1p1bn {
    width: 100%;
    position: relative;
    margin-bottom: 16px;
}

.he_h1p1bti p {
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold;
    color: #284a94;
}

.he_h1p1bti {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 8px;
}

.he_h1p1fdle {
    width: 16px;
    line-height: 32px;
}

.he_h1p1fdle img {
    width: 100%;
}

.he_h1p1fdri {
    width: calc(100% - 16px);
    padding-left: 28px;
}

.he_h1p1fdri p {
    font-size: 16px;
    line-height: 2;
    color: #333333;
    transition: all 0.36s;
}

.he_h1p1fdri a {
    display: block;
    width: 100%;
}

.he_h1p1btk {
    width: 100%;
    margin-top: 16px;
}

.he_h1p1bfd {
    margin-bottom: 7px;
}

.he_h1p2bx {
    width: 100%;
    position: relative;
    padding-top: 100px;
    margin-bottom: 164px;
}

.he_h1p2bg {
    width: 100%;
    background: #284a94;
    border-radius: 14px;
    padding: 74px;
}

.he_h1p2ri {
    width: 148px;
    background: #fff;
    border-radius: 25px;
}

.he_h1p2le {
    width: calc(100% - 148px);
    position: relative;
    z-index: 10;
}

.he_h1p2le p {
    font-size: 30px;
    line-height: 1.5;
    color: #ffffff;
}

.he_h1p2ri p {
    text-align: center;
    color: #274a94;
    width: 100%;
    display: block;
    line-height: 50px;
    cursor: pointer;
}

.he_h1zs1 {
    width: 164px;
    position: absolute;
    top: 44px;
    left: -43px;
    height: 164px;
}

.he_h1zs1 svg {
    width: 164px;
    height: 164px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.he_h1zs1 svg {
    -webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);
    -o-transition: all 1s cubic-bezier(.23, 1, .32, 1);
    transition: all 1s cubic-bezier(.23, 1, .32, 1);
    -webkit-transform: translate(-50%, -50%) scale(.9);
    -ms-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9);
    animation: fadefd 3s infinite ease-out;
}


.he_h1zs1 img {
    width: 100%;
}

.he_h1zs2 {
    position: absolute;
    width: 81px;
    top: 47px;
    left: 143px;
}

.he_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.79);
    z-index: 9999999;
    display: none;
}

.he_popbx {
    width: 700px;
    background: #fff;
    border-radius: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 54px 55px 98px;
}

.he_popti p {
    font-size: 30px;
    line-height: 1.75;
    color: #333333;
}

.he_text {
    width: 100%;
    position: relative;
}

.he_shyk {
    margin-top: 46px;
}

.he_text textarea {
    width: 100%;
    height: 110px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.75;
    color: #999999;
    padding: 16px;
    resize: none;
}

.he_shykli input {
    width: 100%;
    height: 50px;
    border: 1px solid #e5e5e5;
    padding: 0 16px;
    border-radius: 12px;
    font-size: 16px;
    color: #999999;
}

.he_shykli {
    margin-bottom: 15px;
}

.he_shykli input::-webkit-input-placeholder {
    color: #999999;
}

.he_shykli input:-moz-placeholder {
    color: #999999;
}

.he_shykli input::-moz-placeholder {
    color: #999999;
}

.he_shykli input:-ms-input-placeholder {
    color: #999999;
}


.he_text textarea::-webkit-input-placeholder {
    color: #999999;
}

.he_text textarea:-moz-placeholder {
    color: #999999;
}

.he_text textarea::-moz-placeholder {
    color: #999999;
}

.he_text textarea:-ms-input-placeholder {
    color: #999999;
}

.he_texthg {
    width: 100%;
    position: relative;
    margin-top: 40px;
}

.he_texthle {
    width: calc(100% - 148px);
}

.he_texthg .he_h1p2ri {
    background: #284a94;
}

.he_texthg .he_h1p2ri p {
    color: #fff;
}

.he_texthre {
    width: 80px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -92px;
    cursor: pointer;
}

.he_texthda {
    width: 292px;
    position: relative;
}

.he_texthda input {
    width: 100%;
    height: 50px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 0 22px;
    font-size: 16px;
    line-height: 1.75;
    color: #999999;
}

.he_texthda input::-webkit-input-placeholder {
    color: #999999;
}

.he_texthda input:-moz-placeholder {
    color: #999999;
}

.he_texthda input::-moz-placeholder {
    color: #999999;
}

.he_texthda input:-ms-input-placeholder {
    color: #999999;
}

.he_guab {
    width: 26px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -50px;
}

.he_guab img {
    width: 100%;
}

.he_b3p3 {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.he_b3p3bx {
    width: 100%;
    position: relative;
}

.he_b3p2jh p {
    font-size: 30px;
    line-height: 1.65;
    color: #333333;
}

.he_b3p3ny {
    width: 100%;
    min-height: 400px;
    margin-top: 85px;
}

.he_zhsp3 {
    width: 779px;
    position: absolute;
    top: 120px;
    right: -163px;
    display: none;
}

.he_zhsp3.inited {
    display: block;
}

.he_zhspuw {
    width: 100%;
    position: relative;
}

.he_zhspuw .he_zhspuy {
    position: absolute;
    bottom: 0;
    left: 0;
}

.he_b3p3le {
    width: 150px;
    position: relative;
    max-width: 150px;
}

.he_b3p3ri {
    width: calc(100% - 150px);
    padding-left: 84px;
    padding-right: 37%;
    margin-top: 0px;
}

.he_b3p3lzi p {
    font-size: 100px;
    line-height: 1;
    color: #274a94;
    font-family: 'PoppinsSemiBold' !important;
    white-space: nowrap;
}

/* .he_b3p3lzi {
    position: absolute;
    top: 250px;
    left: -207px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
} */

.he_b3p3lzi {
    position: absolute;
    right: 0;
    transform-origin: right top;
    transform: rotate(-90deg) translateY(-126px);
}

.he_b3p3jd {
    width: 1px;
    height: 720px;
    position: relative;
}

.he_b3p3jd::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 11px;
    height: 11px;
    background: #274a94;
    border-radius: 50%;
}

.he_b3p3hsa {
    width: 100%;
    height: 100%;
    background: #e8edf3;
    position: relative;
    overflow: hidden;
}

.he_b3p3dny {
    width: 1px;
    height: 100%;
    background: #274a94;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
}

.he_b3p3dul {
    width: 100%;
    position: relative;
}


/* 
.he_zhspuy::after {
    content: '';
    position: absolute;
    top: 457px;
    right: 0;
    width: 80vw;
    height: 380px;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0.1) 100%);
    z-index: 10;
}



.he_zhspuy::before {
    content: '';
    position: absolute;
    top: 457px;
    right: 0;
    width: 100%;
    height: 380px;
    z-index: 8;
    background: linear-gradient(to top, rgba(255, 255, 255, 1), transparent);
} */


.he_b3p3dli {
    width: 100%;
    position: relative;
    margin-bottom: 105px;
    opacity: 0.25;
    transition: all 0.36s;
}

.he_b3p3dli.act {
    opacity: 1;
}

.he_b3p3dty p {
    font-size: 36px;
    line-height: 1.65;
    color: #333333;
}

.he_b3p3dtfs p {
    font-size: 24px;
    line-height: 1.5;
    color: #274a94;
}

.he_b3p3dtfs {
    margin-top: 10px;
}

.he_b3p3dtya p {
    font-size: 16px;
    line-height: 1.875;
    color: #333333;
}

.he_b3p3dtya {
    margin-top: 46px;
}

.he_b3p3eru {
    width: 100%;
    position: relative;
    padding-right: 10px;
}

.he_b3p3eru {
    padding-top: 20px;
}

/* .he_b3p3dli:last-child {
    margin-bottom: 400px;
} */

.he_b3p4 {
    width: 100%;
    padding-top: 120px;
    position: relative;
    padding-bottom: 126px;
}

.he_b3p4bx {
    width: 100%;
    position: relative;
}

.he_b3p4ul {
    width: 100%;
    position: relative;
    padding-top: 15px;
}

.he_b3p4uhd {
    width: 100%;
}

.he_b3p4li {
    width: 100%;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.06);
    padding: 56px 43px;
    transition: all 0.36s
}

.he_b3p3ti {
    overflow: hidden;
}

.he_b3p4uhd {
    /* width: 270px !important; */
    padding: 25px 20px;
}

.he_b3p4ic {
    width: 158px;
    position: relative;
    margin: 0 auto;
}

.he_b3p4ic img {
    transition: all 0.36s;
}

.he_b3p4ic .he_img1 {
    opacity: 0;
}

.he_b3p4te p {
    font-size: 18px;
    line-height: 1.35;
    color: #274a94;
    height: 48px;
    overflow: hidden;
    transition: all 0.36s;
}

.he_b3p4te {
    text-align: center;
    padding-top: 30px;
    position: relative;
}

.he_b3p4te::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 2px;
    background: #d4dbea;
    transition: all 0.36s;
    opacity: 0;
}

/* .he_b3p4ul .swiper-wrapper {
    padding: 0 10px;
} */

.he_b3p4ul .swiper-container {
    margin: 0 -30px;
}

.he_b3p4gds {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.he_b3p4gds img {
    width: 100%;
}

.he_b3p4 .he_content {
    position: relative;
    z-index: 10;
}

.he_swefy {
    padding: 0 20px !important;
    width: 96% !important;
    left: 26px !important;
    height: 2px !important;
    background: #eaeff5 !important;
    top: inherit !important;
    bottom: 10px;
}

.he_swefy::before {
    content: '';
    position: absolute;
    left: -5px;
    top: -5px;
    width: 12px;
    height: 12px;
    background: #274a94;
    border-radius: 50%;
    z-index: 10;
}

.he_swefy .swiper-pagination-progressbar-fill {
    background: #4e6ba7 !important;
}

.he_swepb3 {
    padding-bottom: 60px !important;
}

.he_b3p4le,
.he_b3p4ri {
    width: 49px;
    height: 49px;
    outline: none;
    cursor: pointer;
    transition: all 0.36s;
}

.he_b3p4le img {
    width: 100%;
}

.he_b3p4ri img {
    width: 100%;
}

.he_b3p4ri {
    margin-left: 23px;
}

.he_b3p3an {
    width: 100%;
    margin-top: 60px;
}

/* .he_b3p4uhd.swiper-slide-active .he_b3p4li {
    background: #274a94;
}

.he_b3p4uhd.swiper-slide-active .he_b3p4ic .he_img {
    opacity: 0;
}

.he_b3p4uhd.swiper-slide-active .he_b3p4ic .he_img1 {
    opacity: 1;
}

.he_b3p4uhd.swiper-slide-active .he_b3p4te p {
    color: #fff;
} */

.he_d1ym .he_nybante {
    left: 0;
    text-align: left;
}

.he_d1ym .he_nybante h1 {
    text-align: left;
}

.he_d1ym .he_nyban .he_content {
    position: relative;
}


.he_d1ym .he_nybante {
    top: 180px;
}

.he_d1p1 {
    width: 100%;
    position: relative;
}

.he_d1p1bx {
    width: 100%;
}

.he_d1p1ri {
    width: calc(100% - 524px);
}

.he_d1p1le {
    width: 524px !important;
    padding-right: 97px;
    min-width: 524px;
    padding-bottom: 50px;
}

.he_d1p1bg {
    width: 100%;
    position: relative;
}

.he_d1p1bbt p {
    font-size: 18px;
    line-height: 1.75;
    color: #b5b5b5;
    font-weight: bold;
    height: 31px;
    overflow: hidden;
}

.he_d1p1bwe {
    margin-top: 10px;
    max-height: 330px;
}

.he_d1p1bwe p {
    font-size: 16px;
    line-height: 1.875;
    color: #666666;
}

.he_d1p1bli {
    max-height: 31px;
    overflow: hidden;
    margin: 14px 0 20px;
    /* transition: all 0.36s; */
    position: relative;
}

.he_g1p2tu img {
    width: 100%;
}

.he_d1ym .he_nybante h1 {
    color: #284a94;
    font-weight: bold;
}

.he_e1phti {
    display: none;
}

.he_d1p1rli {
    width: 100%;
    margin-bottom: 30%;
}

.he_d1p1rtu {
    width: 100%;
    position: relative;
    border-radius: 40px;
    overflow: hidden;
}

.he_d1p1bli.act {
    max-height: 377px;
}

.he_d1p1rlo {
    width: 384px;
}

.he_d1p1rlo img {
    width: 100%;
}

.he_d1p1rjd a {
    font-size: 18px;
    line-height: 1.75;
    color: #274a94;
    transition: all 0.36s;
}

.he_d1p1rlo {
    margin-top: 59px;
    margin-bottom: 32px;
}

.he_d1ym .he_nyban {
    position: absolute;
    top: 0;
    left: 0;
}

.he_d1p1 {
    padding-top: 17%;
}

.he_d1p1bli:first-child {
    margin-top: 0;
}

.he_d1p1bli .mCSB_inside>.mCSB_container {
    margin-right: 10px;
}

.he_d1p1bli .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background-color: #274a94 !important;
}

.he_d1p1bli .mCSB_scrollTools {
    right: -7px;
}

.he_h1dh {
    width: 53%;
    position: absolute;
    bottom: -126px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    /* display: none; */
}

.he_h1dh1 {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.he_h1dh2 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.he_planyd {
    width: 188px;
    height: 110px;
    position: absolute;
    top: 40px;
    right: 50px;
    z-index: 10;
}

.he_planed {
    width: 0;
    height: 100%;
    transition: all 1.6s;
    background: url(../images/tandongx.png) 0px 0px no-repeat;
}

.he_planyd.width .he_planed {
    width: 100%;
}

/* .he_b3p3eru>* {
    display: none;
}

.he_b3p3eru.inited>* {
    display: block;
} */

.section2 {
    overflow: inherit !important;
}

/* .he_c1bxny .swiper-container::after {
    display: none;
} */

.he_pcbxlole a {
    width: 100%;
}

.he_e3ym .he_nybanig {
    height: 694px;
}

.he_e3p1 {
    width: 100%;
    position: relative;
}

.he_e3p1na {
    width: 100%;
    position: relative;
}

.he_e1ym .he_conten1 {
    margin-top: -334px;
    background: #fff;
    border-radius: 12px;
    min-height: 300px;
}

.he_e3p1nav {
    width: 100%;
    position: relative;
}

.he_e3p1ul {
    width: 100%;
    border-bottom: 1px solid #e2e3e4;
    padding-top: 72px;
}

.he_e3p1li a {
    font-size: 24px;
    line-height: 1.5;
    color: #a5a6a6;
    transition: all 0.36s;
    display: block;
    position: relative;
    padding: 0 36px 20px;
}

.he_e1ym .he_mine {
    position: relative;
    z-index: 10;
}

.he_e3p1li a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 3px;
    background: #2f4a8f;
    transition: all 0.36s;
    opacity: 0;
}

.he_e3p1li {
    margin-right: 30px;
}

.he_e3p1li.act a::after {
    width: 100%;
    opacity: 1;
}

.he_e3p1li.act a {
    color: #284a94;
}

.he_e3p2 {
    width: 100%;
    position: relative;
    margin-top: 52px;
}

.he_e3p2bx {
    width: 100%;
    position: relative;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    overflow: hidden;
}

.he_e3p2ul {
    margin: 0 -25px;
}

.he_e3p2li {
    width: 33.333333%;
    padding: 0 25px;
    margin-bottom: 48px;
}

.he_e3p2top {
    width: 100%;
    position: relative;
}

.he_e3p2tu {
    width: 100%;
    position: relative;
    border-radius: 14px;
    overflow: hidden;
}

.he_e3p2ply {
    width: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.he_e3p2ply img {
    width: 100%;
}

.he_e3p2tu img {
    transition: all 0.36s;
}

.he_e3p2btm {
    width: 100%;
    position: relative;
    padding: 23px 30px 24px;
}

.he_e3p2btp1 p {
    font-size: 24px;
    line-height: 1.5;
    color: #333333;
    height: 72px;
    overflow: hidden;
    transition: all 0.36s;
}

.he_e3p2btp2 p {
    font-size: 16px;
    line-height: 1.75;
    color: #274a94;
}

.he_e3p2btp2 {
    margin-top: 20px;
}

.he_e3p3 {
    padding-top: 5px;
    padding-bottom: 62px;
}

.he_tanplay {
    width: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.he_tanplay img {
    width: 100%;
}

.he_e1ym .he_nybante {
    top: 171px;
}


.he_f1ym .he_nybanig {
    height: 430px;
}

.he_f1ym .he_nybante {
    top: 50%;
    transform: translateY(-50%);
}

.he_f1p1 {
    width: 100%;
    position: relative;
    padding-top: 125px;
    padding-bottom: 110px;
}

.he_f1p1bx {
    width: 100%;
    position: relative;
}

.he_f1p1le {
    width: 43%;
    padding-right: 9%;
}

.he_f1p1ri {
    width: 57%;
}

.he_f1p1ri img {
    width: 100%;
    border-radius: 60px;
}

.he_f1p1tj p {
    font-size: 16px;
    line-height: 1.875;
    color: #333333;
    margin-bottom: 29px;
}

.he_f1p1ti {
    margin-bottom: 50px;
}

.he_f1p2 {
    width: 100%;
    position: relative;
    padding-bottom: 130px;
}



.he_f1gted {
    width: 100%;
    position: relative;
    padding-top: 100px;
}

.he_f1p2 .he_swep {
    position: static;
    transform: inherit;
}

.he_f1gtcn {
    width: 830px;
    margin: 0 auto;
}

.he_f1p2lbx {
    width: 100%;
    position: relative;
}

.he_f1p2luti p {
    font-size: 24px;
    line-height: 1.75;
    color: #333;
    font-weight: bold;
}

.he_f1p2lutj p {
    font-size: 16px;
    line-height: 1.875;
    color: #333333;
}

.he_f1p2lutj {
    margin-top: 28px;
}

.he_f1p2li {
    opacity: 0 !important;
}

.he_f1p2li.swiper-slide-active {
    opacity: 1 !important;
}

.he_f1p2ul {
    margin-bottom: 0px;
}

.he_f1zhst {
    width: 896px;
    position: absolute;
    top: 200px;
    right: 0;
    z-index: -1;
}

.he_f1zhst img {
    width: 100%;
}

.he_f1ym .he_mine {
    position: relative;
}

.he_c1fid .he_nybanig {
    height: 430px;

}

.he_c1fid .he_nybante {
    top: 50%;
    transform: translateY(-50%);
}

.he_c1fid .he_nybante h1 {
    text-align: left;
}

.he_c1fid .he_nyban {
    position: relative;
}

.he_c1gbcv img {
    transform: all 0.26s;
}

.he_c2bx {
    width: 100%;
    position: relative;
    background: #fff;
    z-index: 1;
}

.he_c2p1 {
    width: 100%;
    position: relative;
    padding-top: 106px;
    z-index: 3;
}

.he_c2p1bx {
    width: 100%;
    position: relative;
}

.he_c2p1ti {
    margin-top: 0 !important;
}

.he_c2p1ti p {
    color: #333333;
}

.he_c2p1tht p {
    font-size: 16px;
    line-height: 1.875;
    color: #333333;
    margin-bottom: 28px;
}

.he_c2p1tjk {
    padding-left: 99px;
    margin-top: 34px;
}

.he_c2p1mo a {
    display: inline-block;
}

.he_c2p1mle p {
    font-size: 16px;
    line-height: 1.5;
    color: #274a94;
}

.he_c2p1mri {
    width: 14px;
    line-height: 24px;
}

.he_c2p1mri img {
    width: 100%;
}

.he_c2p1mle {
    width: calc(100% - 14px);
    padding-right: 15px;
}

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

.he_c2zhs {
    width: 897px;
    position: absolute;
    top: 180px;
    left: 22px;
    z-index: -1;
}

.he_c2zhs img {
    width: 100%;
}

.he_cupbx.show1 .he_c1fid {
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
}


.he_cupbx.show2 .he_c1fid {
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
}

.he_cupbx.show3 .he_c1fid {
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
}

.he_cupbx.show4 .he_c1fid {
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
}

.he_cupbx.show5 .he_c1fid {
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
}

.he_c2p1l {
    width: 100%;
    position: relative;
    height: 100%;
}

.he_c2p1lrli {
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.36s;
    border-radius: 25px 0 0 25px;
}

.he_c2p1lrli:first-child {
    display: block;
}

.he_c2p1lrli img {
    width: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    border-radius: 25px 0 0 25px;
    max-width: inherit;
}

.he_c2p1lri {
    width: 62.7%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.he_c2p1lrul {
    width: 100%;
    height: 100%;
}

.he_c2p1le {
    position: relative;
    width: 100%;
    z-index: 10;
    min-height: 800px;
    padding: 83px 0;
}

.he_c2p2leb {
    width: 545px;
    background: #fff;
    box-shadow: 0 5px 31px 1px rgba(2, 13, 21, 0.06);
    padding: 40px 0px 40px 99px;
    border-radius: 25px;
}

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

.he_c2p2lo {
    width: 109px;
}

.he_c2p2lo img {
    width: 100%;
}

.he_c2p2lti p {
    font-size: 30px;
    line-height: 2;
    color: #333333;
    height: 60px;
    overflow: hidden;
}

.he_c2p2lti {
    margin-top: 20px;
    padding-right: 80px;
}

.he_c2p1hs {
    width: 100%;
    position: relative;
    margin-top: 38px;
}

.he_c2p1hul {
    width: 100%;
    position: relative;
}

.he_c2p1hli {
    width: 100%;
    position: relative;
}

.he_c2p1hzt {
    width: 100%;
    padding-right: 80px;
}

.he_c2p1hjt {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #284a94;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -25px;
    opacity: 0;
    transition: all 0.36s;
}

.he_c2p1hjt img {
    width: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.he_c2p1hdle {
    width: 46px;
}

.he_c2p1hdri {
    width: calc(100% - 46px);
    padding-left: 36px;
}

.he_c2p1hdti p {
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold;
    color: #333333;
    transition: all 0.36s;
    height: 36px;
    overflow: hidden;
}

.he_c2p1hdjk p {
    font-size: 16px;
    line-height: 2;
    color: #666666;
    height: 32px;
    overflow: hidden;
}

.he_c2p1hli a {
    display: block;
    width: 100%;
}

.he_c2p1hli {
    margin-bottom: 25px;
}

.he_c2p3 {
    width: 100%;
    position: relative;
    padding-top: 110px;
    padding-bottom: 90px;
}

.he_c2p3bx {
    width: 100%;
    position: relative;
}

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

.he_c2p3ti p {
    color: #333333;
}

.he_c2p3df {
    width: 100%;
    padding: 58px 99px 0;
}

.he_c2p3dtq {
    width: 100%;
    position: relative;
}

.he_c2p3dul {
    margin: 0 -10px;
}

.he_c2p3dli {
    width: 25%;
    padding: 0 10px;
    margin-bottom: 30px;
}

.he_c2p3dlb {
    width: 100%;
    position: relative;
    box-shadow: 0 0 24px 0 rgba(28, 65, 110, 0.06);
    padding: 38px 32px;
    border-radius: 20px;
}

.he_c2p3dti p {
    font-size: 24px;
    line-height: 1.75;
    color: #333333;
    height: 42px;
    overflow: hidden;
}

.he_c2p3dtu {
    width: 80px;
    position: relative;
    margin-top: 74px;
}

.he_c2p3dli:nth-child(2n) {
    margin-top: 50px;
}

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

.he_c2p3dwli {
    width: 20%;
    padding: 0 17px;
    margin-bottom: 30px;
}

.he_c2p3dwul {
    margin: 0 -17px;
}

.he_c2p3dwax {
    width: 100%;
    position: relative;
}

.he_c2p3dwax {
    width: 100%;
    position: relative;
    padding: 25px 20px 18px;
    box-shadow: 0 0 24px 0 rgba(28, 65, 110, 0.06);
    border-radius: 20px;
}

.he_c2p3dwic {
    width: 60px;
    position: relative;
    margin: 0 auto;
}

.he_c2p3dwte p {
    font-size: 18px;
    line-height: 1.75;
    color: #333333;
    text-align: center;
    height: 31px;
    overflow: hidden;
}

.he_c2p3dwte {
    margin-top: 24px;
}

.he_c2p4 {
    width: 100%;
    position: relative;
    z-index: 2;
    padding-bottom: 120px;
}

.he_c2p4bx {
    width: 100%;
    position: relative;
}

.he_c2p4ti p {
    font-weight: bold;
    color: #284a94;
}

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

.he_c2p4bc {
    width: 100%;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 0 24px 0 rgba(28, 65, 110, 0.06);
    padding: 43px 27px 37px;
    transition: all 0.36s;
    position: relative;
    z-index: 1;
}

.he_c2p4ic {
    width: 74px;
    margin: 0 auto;
    position: relative;
}

.he_c2p4ic img {
    transition: all 0.36s;
}

.he_c2p4ic .he_img1 {
    opacity: 0;
}

.he_c2p4xti p {
    font-size: 18px;
    line-height: 1.35;
    color: #274a94;
    font-weight: bold;
    transition: all 0.36s;
    height: 24px;
    overflow: hidden;
    text-align: center;
}

.he_c2p4xtj p {
    font-size: 18px;
    line-height: 1.35;
    color: #274a94;
    text-align: center;
    height: 72px;
    overflow: hidden;
    transition: all 0.36s;
}

.he_c2p4xti {
    margin-top: 22px;
}

.he_c2p4xtj {
    margin-top: 14px;
}

.he_c2p4xtim p {
    font-size: 90px;
    line-height: 1;
    color: #f5f7fc;
    text-align: center;
    font-weight: bold;
    font-family: 'PoppinsSemiBold';
    transition: all 0.36s;
}

.he_c2p4xtim {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.he_c2p4li {
    width: 25%;
    padding: 20px;
}

.he_c2p4ut {
    margin-top: 30px !important;
}

.he_c2p4ut {
    margin: 0 -20px;
}

.he_c2p4li.slick-current .he_c2p4bc {
    background: #274a94;
}

.he_c2p4li.slick-current .he_c2p4ic .he_img {
    opacity: 0;
}

.he_c2p4li.slick-current .he_c2p4ic .he_img1 {
    opacity: 1;
}

.he_c2p4li.slick-current .he_c2p4xti p {
    color: #8ea1ca;
}

.he_c2p4li.slick-current .he_c2p4xtj p {
    color: #fff;
}

.he_c2p4li.slick-current .he_c2p4xtim p {
    color: #335396;
}

.he_c2p4zs {
    width: 100%;
    /* height: 595px; */
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.he_c2p4zs img {
    width: 100%;
    /* position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%); */
}

.he_c2p4mo .he_c2p1mo {
    padding-top: 37px;
}

.he_c4p1 {
    width: 100%;
    position: relative;
    padding-top: 100px;
}

.he_c4bx {
    width: 100%;
    background: #fff;
    z-index: 10;
    position: relative;
    overflow: hidden;
}

.he_c4p1bx {
    width: 100%;
    position: relative;
}

.he_c4p1ti p {
    color: #333333;
}

.he_c4bxtj p {
    font-size: 18px;
    line-height: 1.65;
    color: #333333;
}

.he_c4bxtj {
    margin-top: 14px;
}

.he_c4p2 {
    width: 100%;
    position: relative;
}

.he_c4p2bx {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 80px 0;
    flex-direction: row-reverse;
}


.he_c4p2ble {
    width: 49%
}

.he_c4p2bri {
    width: 51%;
}

.he_c4p2bltu {
    width: 100%;
    position: relative;
}

.he_c4p2bli {
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    display: none;
}

.he_c4p2bli:first-child {
    display: block;
}

.he_c4p2btb {
    width: 100%;
    position: relative;
}

.he_c4p2btb img {
    border-radius: 20px;
}

.he_c4p2bjs {
    width: 100%;
    position: relative;
}

.he_c4p2bri {
    padding-left: 68px;
}

.he_c4p2bjti p {
    font-size: 24px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
    height: 36px;
    overflow: hidden;
}

.he_c4p2bjjd p {
    font-size: 16px;
    line-height: 2;
    color: #333333;
    margin-bottom: 28px;
}

.he_c4p2bjjd {
    margin-top: 22px;
}

.he_c4p2bltu .slick-arrow {
    top: inherit;
    transform: inherit;
    bottom: -25px;
    right: 0;
    left: inherit;
    width: 50px;
    height: 50px;
    background: #284a94;
    border-radius: 50%;
    z-index: 10;
    margin-right: 43px;
}

.he_c4p2bltu .slick-prev {
    margin-right: 115px;
}

.he_c4p2bltu .slick-arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 14px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.he_c4p2bltu .slick-prev::after {
    background-image: url(../images/c4arr2.png);
}

.he_c4p2bltu .slick-next::after {
    background-image: url(../images/c2arr2.png);
}

.he_c4p2bx.on .he_c4p2ble {
    float: right;
}

.he_c4p2bx.on {
    flex-direction: row;
}

.he_c4p2bx.on .he_c4p2bri {
    padding-left: 0px;
    padding-right: 68px;
}

.he_c4p3 {
    width: 100%;
    position: relative;
    padding-top: 75px;
    padding-bottom: 120px;
    z-index: 1;
}

.he_c4p3bx {
    width: 100%;
    position: relative;
    z-index: 10;
}

.he_c4p3 .he_c2p4ic {
    width: 96px;
}

/* .he_c4p3 .he_c2p4xtj {
    margin-top: 49px;
} */

.he_c4p3 .he_c2p4bc {
    padding: 50px 15px 37px;
}

.he_c2p4mo2 .he_c2p1mo {
    padding-top: 19px;
}

.he_c4bx .he_c2zhs {
    left: inherit;
    right: -10px;
    top: -240px;
}

.he_c1fid .he_nybanig::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(7, 20, 79, 0.2);
}

.he_c2p1ti {
    padding-right: 275px;
}

.he_c1fid4 .he_c2zhs {
    left: inherit;
    top: -621px;
    right: -400px;
    z-index: 1;
}

.he_c5bx {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
    z-index: 1;
}

.he_c5bx .he_c2p1ti p {
    line-height: 1.5;
}

.he_c1fid4 .he_c2p1 {
    padding-bottom: 110px;
}

.he_c2p4ut .he_b3p3an {
    padding-left: 20px;
}


.he_cxlswe1 {
    padding-bottom: 70px !important;
}

.he_c2p4ut .he_b3p3an {
    margin-top: 34px;
    margin-bottom: 20px;
}

.he_c2p4ut .he_swefy {
    height: 1px !important;
}

.he_c2p4ic::after {
    content: '';
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    width: 17px;
    height: 1px;
    background: #fff;
    display: none;
}

.he_c1fid3 .he_c2p4ic::after {
    display: block;
}

.he_c1fid5 .he_c2p4ic::after {
    display: block;
}

.he_c1fid5 .he_c2p1ti {
    margin-bottom: 24px;
}

.he_c1fid5 .he_c2p1mo {
    padding-top: 10px;
}

.he_c1fid5 .he_c2zhs {
    left: inherit;
    right: -400px;
    top: 180px;
    z-index: 1;
}

.he_c6bx {
    width: 100%;
    background: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.he_c6p2 {
    width: 100%;
    position: relative;
    z-index: 3;
    margin-top: 62px;
}

.he_c6p2bx {
    width: 100%;
    position: relative;
    /* height: 553px; */
}

.he_c6p2ig {
    width: 100%;
    position: relative;
}

.he_c6p2li {
    width: 100%;
    position: relative;
    height: 100%;
    border-radius: 25px;
    overflow: hidden;
}

.he_c6p2li img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: inherit;
}

.he_c6p2li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(39, 74, 148, 0.48);
}

.he_c6p2ul {
    width: 100%;
    height: 100%;
}

.he_c6p2teul {
    width: 100%;
    position: relative;
    height: 100%;
}

.he_c6p2teli {
    width: 100%;
    position: relative;
}

.he_c6p2te {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.he_c6p2teli {
    width: 33.333333%;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.he_c6p2teyu {
    width: 100%;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    padding: 20px;
    transition: all 0.36s;
}

.he_c6p2tic {
    width: 48px;
    margin: 0 auto;
    opacity: 0;
    transition: all 0.36s;
}

.he_c6p2tic img {
    width: 100%;
}

.he_c6p2tet p {
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    text-align: center;
    height: 36px;
    overflow: hidden;
}

.he_c6p2teyt p {
    font-size: 18px;
    line-height: 2;
    color: #fff;
    text-align: center;
}

.he_c6p2teyt {
    height: 144px;
    overflow: hidden;
    opacity: 0;
    transition: all 0.36s;
}

.he_c6p2tet {
    position: relative;
}

.he_c6p2tet::after {
    content: '';
    position: absolute;
    top: -13px;
    left: 50%;
    transition: all 0.36s;
    transform: translateX(-50%);
    width: 14px;
    height: 2px;
    background: #fff;
    opacity: 0;
}

.he_c6p2li img {
    transition: all 0.36s;
}

.he_c6p3 {
    width: 100%;
    position: relative;
    padding-top: 138px;
    padding-bottom: 110px;
}

.he_c6p3bx {
    width: 100%;
    position: relative;
    padding-left: 113px;
    padding-right: 168px;
    display: flex;
    align-items: center;
}

.he_c6p3bri {
    width: 538px;
    position: relative;
    z-index: 10;
}

.he_c6p3bri img {
    width: 100%;
}

.he_c6p3ble {
    width: calc(100% - 538px);
}

.he_c6p3bti p {
    color: #333333;
    font-weight: bold;
}

.he_c6p3bti {
    margin-top: 0 !important;
}


.he_c6p3btu p {
    font-size: 60px;
    line-height: 1.5;
    color: #24448d;
    font-family: 'PoppinsSemiBold';
}

.he_c6p3btj p {
    font-size: 24px;
    line-height: 1.75;
    color: #666666;
}

.he_c6p3btu {
    margin-top: 20px;
}

.he_c6p3zs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 79%;
    pointer-events: none;
}

.he_c6p3zs img {
    width: 100%;
}

.he_c6p3 .he_content {
    position: relative;
}

.he_c1fid5 .he_c2p4ic {
    width: 96px;
}


.he_c1fid2 .he_c2p4mo .he_c2p1mo {
    padding-top: 20px;
}

.he_c3bx {
    width: 100%;
    position: relative;
    background: #fff;
    z-index: 2;
}

.he_c3p1 {
    width: 100%;
}

.he_c3bxad {
    padding-left: 362px;
    padding-top: 60px;
    padding-bottom: 69px;
}

.he_c3bxle {
    width: 614px;
    position: relative;
}

.he_c3bxlti p {
    font-size: 36px;
    line-height: 1.65;
    color: #323333;
}

.he_c3bxljk {
    width: 100%;
    position: relative;
    margin-top: 32px;
}

.he_c3bxljk p {
    font-size: 16px;
    line-height: 1.875;
    color: #323333;
    margin-bottom: 60px;
}

.he_c3bxljk p:last-child {
    margin-bottom: 0;
}

.he_c3bxljk {
    max-height: 180px;
    overflow: hidden;
}

.he_c3bxmo {
    margin-top: 150px;
}

.he_c2zhs1 {
    width: 259px;
    position: absolute;
    bottom: 30px;
    right: -210px;
}

.he_c2zhs1 img {
    width: 100%;
}

.he_c2bxri {
    margin-left: 290px;
    width: 824px;
    margin-top: 170px;
}

.he_c2bxri img {
    width: 100%;
    border-radius: 25px;
}

.mc_d1s1_scroll_main {
    position: static;
    left: 0;
    top: 0;
    /* transition: left .3s ease; */
}

.mc_d1s1_scrollbox {
    position: relative;
    padding-bottom: 100vh;
}

.mc_d1s1_scroll_main {
    transition: left .06s linear;
}

.mc_d1s1_scroll_main {
    /* padding: 60px 0; */
    padding-left: calc(50vw - 600px);
    padding-right: calc(50vw - 760px);
}

.mc_d1s1_scroll_main.mc_fixed {
    position: absolute;
    /* padding-top: 100px; */
}

.mc_d1s1_scroll_main.mc_bot {
    position: absolute;
    top: auto;
    bottom: 0px;
    /* bottom: 3.2%; */
}

.he_c2bxrc1 {
    width: 1036px;
    position: relative;
    margin-left: 128px;
    padding-right: 374px;
    z-index: 2;
}

.he_c2bxrcti p {
    font-size: 24px;
    line-height: 1.5;
    color: #323333;
    font-weight: bold;
}

.he_c3bxku {
    width: 100%;
    position: relative;
    height: 100px;
}

.he_c3bxc1zs {
    width: 921px;
    position: absolute;
    bottom: -162px;
    right: -156px;
}


.he_c3bxc1zs img {
    width: 100%;
}

.he_c3bxc1ze {
    width: 592px;
    position: absolute;
    bottom: -270px;
    left: -129px;
    /* height: 1px;
    background: #666ea5; */
}

.he_c3bxc1ze img {
    width: 100%;
}


.he_c2bxrc2 {
    width: 805px;
    position: relative;
    transform: translateY(-178px);
}

.he_c2bxrc2 img {
    width: 100%;
    border-radius: 0 0 25px 25px;
}

.he_c3bxc1zs::after {
    content: '';
    position: absolute;
    bottom: -364px;
    right: 209px;
    width: 365px;
    height: 420px;
    background: #f9f9f9;
    z-index: -1;
}

.he_c2bxrc3 {
    width: 1085px;
    margin-left: 133px;
    position: relative;
    z-index: 2;
    transform: translateY(-40px);
}

.he_c2bxtu {
    width: 634px;
    position: relative;
    padding-bottom: 100px;
}

.he_c2bxtu img {
    width: 100%;
}

.he_c2bxtuzsr {
    width: 592px;
    position: absolute;
    bottom: 0;
    left: -230px;
}

.he_c2bxtu::after {
    content: '';
    position: absolute;
    top: -88px;
    right: -64px;
    width: 368px;
    height: 385px;
    background: #f9f9f9;
    z-index: -1;
}

.he_c2bxc3x {
    margin-top: 120px;
    width: 666px;
}

.he_c2bxrc4 {
    width: 994px;
    margin-left: 450px;
    position: relative;
    z-index: 2;
}

.he_c2bxrc4b {
    width: 900px;
    margin-left: 94px;
    margin-top: 220px;
}

.he_c2bxrc4b img {
    width: 100%;
    border-radius: 25px 25px 0 0;
}

.he_c2bxrc4t {
    width: 100%;
    padding-right: 270px;
    position: relative;
}

.he_c2bxrc4s {
    width: 592px;
    position: absolute;
    bottom: -85px;
    right: -97px;
}

.he_c2bxrc4s img {
    width: 100%;
}

.he_c2bxrc5 {
    width: 854px;
}

.he_c2bxrc5t {
    width: 558px;
    transform: translateY(-128px);
}


.he_c2bxrc5t img {
    width: 100%;
    border-radius: 0 0 25px 25px;
}

.he_c2bx4rt {
    margin-top: 50px;
    width: 643px;
    margin-left: 110px;
    position: relative;
}

.he_c2bx4rt img {
    width: 100%;
}

.he_c2bx4rt::after {
    content: '';
    position: absolute;
    bottom: -114px;
    right: -70px;
    width: 545px;
    height: 350px;
    background: #f9f9f9;
    z-index: -1;
}

.he_zqxl {
    width: 100vw;
    height: 100vh;
    background: #fff;
    position: fixed;
    top: -200vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999999;
    pointer-events: none;
    transition: all 0.6s;
    cursor: auto;
}

.he_zqxl.on {
    top: 0;
    pointer-events: auto;
}

.he_zqxlbx {
    width: 1200px;
    margin-left: 210px;
    position: relative;
    height: 100%;
}

.he_zqxlti {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    min-height: 710px;
}

.he_zqxloi {
    width: 100%;
    position: relative;
}

.he_zqxltile {
    width: 52px;
    line-height: 72px;
}

.he_zqxltile img {
    width: 100%;
}

.he_zqxltiri {
    width: calc(100% - 52px);
    padding-left: 33px;
}

.he_zqxltil {
    width: 100%;
    padding: 0 26px 24px;
    border-bottom: 1px solid #dde3ec;
}

.he_zqxltiri p {
    font-size: 48px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
}

.he_zqxlli {
    width: 25%;
    padding: 30px;
    margin-top: 12px;
}

.he_zqxllbt p {
    font-size: 20px;
    line-height: 1.5;
    color: #c3c4c5;
}

.he_zqxlbv {
    width: 100%;
    position: relative;
}

.he_zqxlbola a {
    font-size: 20px;
    line-height: 1.8;
    color: #666666;
    transition: all 0.36s;
}

.he_zqxlboli {
    margin-top: 15px;
}

.he_zqxlli2 .he_zqxlbv:first-child {
    margin-bottom: 103px;
}

.he_zqxlgb {
    width: 68px;
    height: 68px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 24px 0 rgba(214, 211, 211, 0.35);
    position: absolute;
    top: 90px;
    right: 110px;
    cursor: pointer;
}

.he_zqxlgb img {
    width: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.36s;
    z-index: 2;
}

.he_zqxlgb::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: #284a94;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.26s;
    border-radius: 50%;
}

.he_e1ymx .he_nybanig {
    height: 418px;
}

.he_e3ym .mc_modal_close {
    position: absolute;
    right: -49px;
    top: -0px;
}


.mc_jyzs1_line {
    position: absolute;
    top: 65px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 4px;
    transform: translateY(-50%) translateY(-2px);
}

.mc_jyzs1_line svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mc_jyzs1_line line {
    stroke-dasharray: 3;
}

.mc1_ban_titbox {
    padding-top: 1px !important;
}

.mc1_banart_li:last-child {
    margin-bottom: 0 !important;
}

.mc_jyzs5_slick {
    width: 470px;
}

.mc_jyzs5_li.mcslick-prev {
    opacity: 1 !important;
    transform: translateX(-78%) scale(1);
}

.mc_jyzs5_li.mcslick-next {
    opacity: 1 !important;
    transform: translateX(87%) scale(1);
}

.mc_jyzs5_li.slick-active {
    transform: scale(1);
    transform: translatey(105px);
}

.mc_jyzs5_progress {
    display: none !important;
}

.he_c2p2ti p {
    font-size: 18px;
    line-height: 1.65;
    color: #333333;
    font-weight: bold;
    height: 29px;
    overflow: hidden;
}

.he_c2p2tj p {
    font-size: 16px;
    line-height: 1.875;
    color: #333333;
    height: 90px;
    overflow: hidden;
}

.he_c5p2 {
    padding-bottom: 64px;
    padding-top: 0px;
}

.he_c2p2te {
    margin-top: 22px;
    opacity: 0;
    transition: all 0.36s;
}

.he_c1fid2 {
    display: block !important;
}

.mc_jyzs5_li.slick-active .he_c2p2te {
    opacity: 1;
}

.he_c2p2tj {
    margin-top: 20px;
}

.he_e3p2ul {
    overflow: hidden;
}

.he_c5p2zl {
    width: 470px;
    margin: 0 auto;
    padding-top: 153px;
}

.he_bofang {
    position: absolute;
    top: 50%;
    left: 50%; line-height:0;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: none; justify-content:center; align-items: center;
}

.he_bofang img {
    width:26px; margin-right: 8px;
}

.he_syp2.bofang .he_bofang {
    display: flex;
}

@media screen and (max-width: 1024px){
.he_bofang {display: flex; top:57.5%; margin-top:30px;}
}




/**/
.he_home{ position: relative; left: 0; top:0; z-index:6; width: 100%; height: 100%;}
.head02{ padding:0.35rem 1rem;}
.footer02{ padding:0.26rem 1rem;}
.head,
.Footer{-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.head.act{
 padding:0.35rem 1rem;/* background:rgba(243,243,243,0.8); */
  background-image: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(243,243,243,0) 100%);
  background-image: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(243,243,243,0) 100%);
  background-image: -o-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(243,243,243,0) 100%);
  background-image: linear-gradient(top, rgba(243,243,243,1) 0%, rgba(243,243,243,0) 100%);
}
.Footer.act{ 
 padding:10px 1rem;background:rgba(243,243,243,0.8);
}
@media screen and (max-width: 1100px){
.head.act{ padding:12px 15px;}
}
@media screen and (max-width: 1024px){
.Footer.act{ padding:15px 15px;}
}