@charset "utf-8";

body {
    min-height: 100vh;
    margin: 0 auto;
}


/* @font-face {
    font-family: "HelveticaLT45Light";
    src: url("../fonts/helveticalt45light.woff2") format("woff2"),
        url("../fonts/helveticalt45light.woff") format("woff"),
        url("../fonts/helveticalt45light.ttf") format("truetype"),
        url("../fonts/helveticalt45light.eot") format("embedded-opentype"),
        url("../fonts/helveticalt45light.svg") format("svg");
} */

/* 规范 */

/* 标题 */
.he_tit1 {
    color: #333;
    font-size: 48px;
    line-height: 1.75;
}

.he_tit2 {
    color: #b8a892;
    font-size: 36px;
    line-height: 1.75;
}

.he_tit3 {
    color: #333;
    font-size: 28px;
    line-height: 1.75;
}

.he_tit4 {
    color: #333;
    font-size: 24px;
    line-height: 1.75;
}

.he_tit5 {
    color: #333;
    font-size: 18px;
    line-height: 2;
}

/* 段落 */

.he_word {
    color: #333;
    font-size: 16px;
    line-height: 2;
}

/* 编辑器 p样式 */
.yxedr_active p {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
}


/* 手机导航 */

.g_phnav1.yxnav_active1,
.g_phnav2.yxnav_active2 {
    color: #000;
}

.he_ph_hd {
    position: relative;
    z-index: 999;
    display: none;
    height: 64px;
}

/* .he_sybox .he_ph_hd {
    height: inherit;
} */

.he_ph_hdbox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 64px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.he_ph_logo img {
    width: 100%;
}

.he_language_ph a {
    line-height: 64px;
    color: #333;
    margin-right: 15px;
}

.he_ph_hd .he_ph_logo a {
    line-height: 64px;
}

.he_ph_hd .he_ph_logo {
    width: 116px;
}

.he_ph_menu {
    overflow: hidden;
    width: 50px;
    height: 50px;
}

.he_ph_hd .he_phmenubox {
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.he_ph_hd .he_phmenubox .point {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 14px;
}

.he_ph_hd .he_phmenubox .point .nav_btn,
.he_ph_hd .he_phmenubox .point .nav_btn::after,
.he_ph_hd .he_phmenubox .point .nav_btn::before {
    display: inline-block;
    width: 28px;
    height: 1px;
    background-color: #333;
}

.he_ph_hd .he_phmenubox .nav_btn {
    position: absolute;
    top: 10px;
    right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.he_ph_hd .he_phmenubox .nav_btn::after,
.he_ph_hd .he_phmenubox .nav_btn::before {
    content: '';
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.he_ph_hd .he_phmenubox .nav_btn::after {
    top: -10px;
}

.he_ph_hd .he_phmenubox .nav_btn::before {
    top: 10px;
}

.he_ph_hd .he_phmenubox .point.active .nav_btn {
    background: transparent;
}

.he_ph_hd .he_phmenubox .point.active .nav_btn::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.he_ph_hd .he_phmenubox .point.active .nav_btn::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/*ph导航&下拉*/

.phxia {
    position: fixed;
    left: 0;
    top: 64px;
    width: 100%;
    height: calc(100vh - 64px);
    overflow: auto;
    pointer-events: none;
}

.phxia::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    transition: all .36s;
}

.phxia.active {
    pointer-events: all;
}

.phxia.active::before {
    opacity: 1;
}

.xialaph {
    display: none;
    width: 100%;
    padding: 10px 20px 18px;
    background-color: #f1f1f1;
}

.xialaph h4 {
    position: relative;
}

.xialaph h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: .1;
    background-color: #000;
}

.xialaph h4 a {
    font-size: 14px;
    line-height: 36px;
    text-transform: uppercase;
    color: #999;
    max-width: calc(100% - 36px);
}

.xialaph h4 img {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 13px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.xialaph .ul2 {
    display: none;
    padding-top: 7px;
    padding-bottom: 8px;
}

.xialaph .ul2 .container_s {
    max-width: 100%;
    padding: 0 15px;
}

.xialaph h5 {
    position: relative;
}

.xialaph h5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: .05;
    background-color: #000;
}

.xialaph h5 a {
    font-family: '微软雅黑';
    font-size: 14px;
    line-height: 35px;
    text-transform: uppercase;
    color: #999;
    max-width: calc(100% - 36px);
}

.xialaph h5 img {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 35px;
    padding: 11px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s {
    display: none;
}

.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d {
    display: block;
}

.xialaph .ul3 {
    display: none;
}

.xialaph h6 a {
    font-family: '微软雅黑';
    font-size: 12px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}

.header2 {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 999;
    width: 100%;
    height: 64px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #ffffff;
    transform: translateX(-50%);
}

.header2 .logo {
    width: 80px;
    line-height: 64px;
}

.header2 .logo img {
    width: 100%;
}

.header2 .phsearch {
    position: absolute;
    top: 50%;
    right: 70px;
    width: 25px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.header2 .wj_hin_right {
    padding-top: 25px;
}

.header2 .phsearch img {
    width: 100%;
}

.ph_mea_cl {
    overflow: hidden;
    width: 50px;
    height: 100%;
}

.header2 .menuph {
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.header2 .menuph .point {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 14px;
}

.header2 .menuph .point .navbtn,
.header2 .menuph .point .navbtn::after,
.header2 .menuph .point .navbtn::before {
    width: 28px;
}

.header2 .menuph .navbtn {
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #666;
}

.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #666;
}

.header2 .menuph .navbtn::after {
    top: -10px;
}

.header2 .menuph .navbtn::before {
    top: 10px;
}

.header2 .menuph .point.active .navbtn {
    background: transparent;
}

.header2 .menuph .point.active .navbtn::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header2 .menuph .point.active .navbtn::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ph_search {
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    padding-left: 15px;
}

.ph_search_ph {
    width: 100%;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-top: 18px;
    float: left;
    border-radius: 17.5px;
    position: relative;
}

.ph_search_ph input {
    width: 100%;
    height: 100%;
    text-indent: 20px;
    color: #333333;
}

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

.ph_search_ph button {
    width: 40px;
    height: 100%;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    font-family: "微软雅黑";
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

.ph_search button .icon-sousuo {
    font-size: 27px;
    color: #999999;
}

.wj_header_i_nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 10;
}


/*电话*/

.ph_dh_number {
    width: 100%;
    text-align: center;
    margin-top: 18px;
}

.ph_dh_number .ph_dh_n {
    display: inline-block;
    overflow: hidden;
}

.ph_dh_number .ph_dh_n p {
    float: left;
    font-size: 18px;
    color: #666;
}

.ph_dh_number .ph_dh_n .ph_dh_n_p1 {
    margin-right: 15px;
}

.wj_hin_r_en {
    color: #666;
}

.ph_searchfe {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 16px;
}

.ph_searchfe img {
    width: 100%;
}


/* *************************************************************** */


/* 分页 */

.he_fybtn {
    padding: 0 15px;
}

.he_pcfy a {
    float: left;
}

.he_fybtn a {
    font-family: 微软雅黑;
    font-size: 14px;
    color: #333;
}

.he_phfy {
    display: none;
}

.he_phfy .lp {
    float: left;
}

.he_phfy .rp {
    float: right;
}

.pc_fenye {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    text-align: center;
}

.pc_fenye li {
    float: left;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    text-align: center;
    margin: 0px 10px;
    transition: .3s;
}

.pc_fenye li.activepage {
    color: #fff;
    background-color: #333333;
}


/* *************************************************************** */


.he_pc_hd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 30px;
    z-index: 999;
    transition: all 0.36s;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.1);
}

.he_pcbx {
    width: 100%;
}

.he_pcbxle {
    width: 159px;
    position: relative;
    transition: all 0.36s;
}

.he_pcbxle img {
    width: 100%;
}

.he_banbx {
    width: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
}

.he_banbx .he_sysvg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.he_banul {
    width: 100%;
}

.he_banli {
    width: 100%;
    position: relative;
    display: none;
    overflow: hidden;
}

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


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

/* .he_banig::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/syp2dot.png');
    background-repeat: repeat;
} */

.he_banph {
    display: none;
}

.he_banig img {
    width: 100%;
}

.he_pcbxle {
    line-height: 82px;
}

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

.he_pcbxle .he_img1 {
    height: inherit;
    top: 25px;
    opacity: 0;
}

.he_fot {
    background: #0d1b3b;
    position: relative;
    padding: 0 62px;
}


.he_pcnli .he_pcnava {
    font-size: 16px;
    line-height: 82px;
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.36s;
    position: relative;
}

/* .he_pcnli .he_pcnava::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: #1c5bae;
    opacity: 0;
    transition: all 0.36s;
} */

.he_pcnli {
    margin: 0 39px;
    position: relative;
}

.he_pcnli.yxnav_active1 .he_pcnava {
    color: #fff !important;
}

.he_pcnli.yxnav_active1 .he_pcnava::after {
    width: 100%;
    opacity: 1;
}


.mc_search_xl {
    position: fixed;
    left: 0;
    top: 82px;
    width: 100%;
    height: 160px;
    border-top: 1px solid #dfdede;
    z-index: 99;
    background: rgba(0, 0, 0, 0.25);
    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 #fff;
}

.mc_msc_input {
    width: calc(100% - 30px);
    height: 26px;
    font-size: 16px;
    color: #fff;
    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_pcser {
    position: relative;
    cursor: pointer;
}

.he_pcser .icon-search {
    color: #fff;
    font-size: 26px;
    transition: all 0.36s;
    line-height: 82px;
}

.mc_msc_input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #fff;
}

.mc_msc_input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.mc_msc_input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
}

.mc_msc_input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}


/* .icon-search.act::before {
    content: "\e625" !important;
} */

.he_pcnav {
    padding-right: 50px;
}

.he_pc_hd.act {
    background: rgba(0, 0, 0, 0.6);
}

/* 
.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_pcnli .he_pcnava {
    color: #333333;
}

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

.he_pc_hd.act .he_pcbxle {
    line-height: 80px;
}

.he_pc_hd.act .he_pcbxle {
    width: 170px;
}

.he_pc_hd.act .he_pcnli .he_pcnava {
    line-height: 80px;
}

.he_pc_hd.act .he_pcser .icon-search {
    line-height: 80px;
}

.he_pc_hd.act .mc_search_xl {
    top: 80px;
}

.he_pc_hd.act .he_down {
    top: 80px;
} */

.he_down {
    width: 100%;
    position: fixed;
    top: 96px;
    left: 0;
    background: #f4f4f4;
    padding-top: 49px;
    padding-bottom: 45px;
    transition: top 0.36s;
    display: none;
}

.he_downbx {
    width: 100%;
}

.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 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.he_bantepo {
    width: 622px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.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: 1px;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.5);
    height: 50px;
    display: block;
    margin: 14px 0;
    z-index: 20;
}

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

.he_banul .slick-dots {
    bottom: inherit;
    top: 50%;
    transform: translateY(-50%);
    right: 41px;
    width: auto;
}

/* .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: 20px;
    height: 12px;
    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_banul .slick-prev {
    left: 46px;
}

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

.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: 1460px;
    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: rgba(255, 255, 255, 0.2);
}

.he_fottbri p a {
    color: rgba(255, 255, 255, 0.2);
}

.he_fottbri {
    margin-top: 5px;
}


.ys_navph2_header {
    display: none;
}

.ys_navph2_header {
    position: relative;
    z-index: 99;
    height: 100%;
}

.ys_navph2_navbar {
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    padding-right: 20px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
}

.ys_navph2_logo {
    position: relative;
    z-index: 50;
    width: 130px;
}

.ys_navph2_logo_btn {
    position: absolute;
    left: 0;
    top: 0;
    display: table-cell;
    width: 100%;
    height: 64px;
    line-height: 64px;
    padding: 0 10px;
    display: block;
    background: #0060ff;
    transition: all .36s;
}

.ys_navph2_logo_btn img,
.ys_navph2_search_btn img {
    width: 100%;
}

.ys_navph2_search_btn {
    display: block;
    font-size: 16px;
    line-height: 64px;
    color: #333333;
    transition: all .36s;
}

.ys_navph2_modal {
    position: fixed;
    top: 64px;
    left: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
    border-top: 1px solid #eee;
    overflow: hidden;
    display: none;
}

.ys_navph2_modalmbox {
    padding: 16px 20px;
}

.ys_navph2_modalm {
    transform: translateX(0px);
}

.ys_navph2_msc_box {
    width: 100%;
    display: block;
}

.ys_navph2_msc_boxl {
    border-bottom: 1px solid #eee;
    width: calc(100% - 40px);
    padding-right: 20px;
    height: 40px;
}

.ys_navph2_msc_boxl input {
    width: 100%;
    height: 100%;
    font-size: 16px;
}

.ys_navph2_msc_boxr {
    width: 30px;
}

.ys_navph2_msc_boxr img {
    width: 100%;
    line-height: 40px;
}

.ys_navph2_menu {
    line-height: 64px;
    margin-left: 15px;
}

.ys_navph2_menu_btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 22px;
}

.ys_navph2_menu_line,
.ys_navph2_menu_line::before,
.ys_navph2_menu_line::after {
    display: block;
    width: 100%;
    height: 2px;
    background: #0060ff;
    transition: all .36s;
}

.ys_navph2_menu_line {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ys_navph2_menu_line::before {
    content: "";
    position: absolute;
    top: 10px;
}

.ys_navph2_menu_line::after {
    content: "";
    position: absolute;
    top: -10px;
}

.ys_navph2_list {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 84px 0 50px;
    background: #1c5cb0;
    color: #fff;
    overflow: hidden;
    transform: translateX(100%);
    transition: all .5s ease-out;
}

.ys_navph2_subnav {
    padding: 0 20px;
    height: 100%;
    overflow: auto;
}

.ys_navph2_subnav li > div {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.ys_navph2_subnav a {
    line-height: 24px;
    padding: 8px 0;
    color: #ffffff;
    display: inline-block;
}

.ys_navph2_subnav_a {
    font-size: 16px;
}

.ys_navph2_nav_icon {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
}

.ys_navph2_nav_icon::before {
    transform: rotate(90deg);
}

.ys_navph2_nav_icon::before,
.ys_navph2_nav_icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    background: #fff;
    transition: all .36s;
}

.ys_navph2_subnav ul {
    display: none;
    padding-left: 15px;
}

.ys_navph2_thirnav_a {
    font-size: 14px;
}

.ys_navph2_nav_icon {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
}

.ys_navph2_subnav ul {
    display: none;
    padding-left: 15px;
}

.ys_navph2_fournav_li {
    font-size: 12px;
}

.ys_navph2_lang {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.ys_navph2_lang_btn {
    display: inline-block;
    padding: 15px;
}

.ys_navph2_lang_btn img {
    width: 20px;
}

.ys_navph2_lang_modal {
    transform: translateX(100%);
    transition: all .5s ease-out;
}

.ys_navph2_lang_modal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    padding: 84px 0 20px;
}

.ys_navph2_lang_back {
    font-size: 16px;
    margin-bottom: 10px;
}

.ys_navph2_lang_back {
    padding: 0 15px;
}

.ys_navph2_subnav {
    padding: 0 20px;
    height: 100%;
    overflow: auto;
}

.ys_navph2_search_btn {
    width: 20px;
    cursor: pointer;
}

.modal-open {
    overflow: hidden;
}

.ys_navph2_list.act {
    transform: translateX(0);
}

.ys_navph2_menu_btn.act .ys_navph2_menu_line {
    background: transparent;
}

.ys_navph2_menu_btn.act .ys_navph2_menu_line::before {
    top: 0;
    transform: rotate(45deg);
}

.ys_navph2_menu_btn.act .ys_navph2_menu_line::after {
    top: 0;
    transform: rotate(-45deg);
}

.ys_navph2_nav_icon::before {
    transform: rotate(90deg);
}

.ys_navph2_subnav li.act > div .ys_navph2_nav_icon::after {
    transform: rotate(90deg);
}

.ys_navph2_lang_modal.act {
    transform: translateX(0);
}

.ys_navph2_subnav_a.yxnav_active1,
.ys_navph2_thirnav_a.yxnav_active2,
.ys_navph2_fournav_a.yxnav_active3 {
    color: rgba(255, 255, 255, .7);
}

.he_main {
    min-height: 200px;
    max-width: 1920px;
    margin: 0 auto;
}

/* ---------------- */

.he_wenxitp {
    width: 24px;
    position: relative;
    line-height: 82px;
}

.he_wenxitp img {
    width: 100%;
}

.he_wenxi {
    position: relative;
    cursor: pointer;
}

.he_wenxibd {
    width: 100px;
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.he_wenxibd img {
    width: 100%;
}

.he_denglfle {
    width: 19px;
    line-height: 82px;
}

.he_denglfle img {
    width: 100%;
}

.he_denglfri {
    width: calc(100% - 19px);
    padding-left: 16px;
    height: 82px;
    overflow: hidden;
}

.he_denglfri p {
    font-size: 14px;
    line-height: 82px;
    color: #ffffff;
    transition: all 0.36s;
}

.he_denglu {
    margin-left: 56px;
    min-width: 65px;
}

.he_denglu a {
    display: block;
}

.he_shiyong {
    margin-left: 60px;
    margin-right: 60px;
    margin-top: 17px;
}

.he_shiyong a {
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 48px;
    width: 160px;
    height: 48px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-size: 14px;
    position: relative;
    background: rgba(255, 255, 255, 0.06);
}

.he_lin1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 0.36s;
}

.he_lin2::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 0.36s;
}

.he_xila {
    display: none;
}

.he_xila1 {
    width: 100%;
    position: fixed;
    top: 82px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.25);
    padding-top: 48px;
    padding-bottom: 50px;
}

.he_xila1ul {
    width: 100%;
}

.he_xila1li {
    width: 25%;
    padding: 0 15px;
}

.he_xila1lig {
    width: 63px;
    margin: 0 auto;
    position: relative;
}

.he_xila1lig img {
    width: 100%;
}

.he_xila1lp p {
    font-size: 18px;
    line-height: 1.75;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.he_xila1lp {
    margin-top: 10px;
}

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

.he_xila2 {
    position: absolute;
    top: 82px;
    left: 50%;
    transform: translateX(-50%);
    width: 134px;
    background: rgba(0, 0, 0, 0.25);
    padding: 25px 10px;
}

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

.he_xila2li {
    width: 100%;
    text-align: center;
    padding: 13px 0;
}

.he_xila2li.yxnav_active2 a {
    color: rgba(255, 255, 255, 0.6);
}

.he_pau1 {
    font-size: 60px;
    line-height: 1.75;
    color: #ffffff;
    font-weight: bold;
}

.he_banrte {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    max-width: 700px;
}

.he_pau2 {
    font-size: 20px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.8);
}

.he_banrtep2 {
    margin-top: 19px;
    text-align: center;
}

.he_syp1 {
    width: 100%;
    position: relative;
    padding-bottom: 100px;
    padding-top: 100px;
    /* background: #0d1b3b; */
}

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

/* 
.he_index .he_main {
    background: #0d1b3b;
} */

.he_syp1pu span {
    position: absolute;
    top: 8px;
    left: 0;
    width: 10px;
    height: 16px;
    background: #168ff8;
}

.he_syp1pu span::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #01118c;
}

.he_syp1pu p {
    font-size: 18px;
    line-height: 1.75;
    color: #0060ff;
    padding-left: 21px;
}

.he_syp1pua {
    font-size: 46px;
    line-height: 1.5;
    color: #ffffff;
    font-weight: bold;
}

.he_syp1pti {
    margin-top: 40px;
}

.he_syp1ul {
    margin-top: 120px;
    padding: 0 80px;
}

.he_syp1li {
    width: 33.333333%;
}

.he_syp1libc {
    width: 100%;
    text-align: left;
}

.he_syp1libx {
    /* width: 100%; */
    display: inline-block;
    position: relative;
    text-align: center;
}

.he_syp1lip1 p {
    font-size: 20px;
    line-height: 1.5;
    color: #0060ff;
}

.he_syp1lip1 p span {
    color: #0060ff;
    line-height: 1.3;
}

.he_syp1lip2 p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    line-height: 1.75;
}

/* .he_syp1lip2 {
    margin-top: 15px;
} */

.he_syp1xz {
    width: 280px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.36s;
    opacity: 0;
}

.he_syp1xz img {
    width: 100%;
}

.he_syp1xz img {
    animation: xuanz 20s infinite linear;
    -webkit-animation: xuanz 20s infinite linear;
    -moz-animation: xuanz 20s infinite linear;
    -o-animation: xuanz 20s infinite linear;
}


@-webkit-keyframes xuanz {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes xuanz {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes xuanz {
    from {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes xuanz {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.he_syp2 {
    width: 100%;
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden;
}

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

.he_syp1pu {
    position: relative;
}

.he_syp2pua {
    font-size: 40px;
    line-height: 1.5;
    color: #ffffff;
    font-weight: bold;
}

.he_syp2pti {
    margin-top: 20px;
}

.he_syp2 .he_syp1pu p {
    color: #0060ff;
}

.he_syp2bx {
    width: 100%;
    padding: 0 90px;
    margin-top: 80px;
}

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

.he_syp2li {
    width: 25%;
    position: relative;
}

.he_syp2tu {
    position: relative;
    height: 580px;
    overflow: hidden;
}

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

.he_syp2tu::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 14, 119, 0.6);
    transition: all 0.36s;
}

.he_syp2te {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    padding: 0 72px;
}

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

.he_syp2tig img {
    width: 100%;
}

.he_syp2tehp {
    margin-top: 76px;
    position: relative;
    text-align: center;
}

.he_syp2tehp::after {
    content: '';
    position: absolute;
    top: -33px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 2px;
    background: #fff;
}

.he_syp2tup {
    font-size: 26px;
    line-height: 1.5;
    color: #ffffff;
    font-weight: bold;
}

.he_syp2tejk p {
    font-size: 16px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.5);
    height: 56px;
    overflow: hidden;
}

.he_syp2tejk {
    margin-top: 20px;
}

.he_syp2temo a {
    font-size: 16px;
    line-height: 54px;
    display: block;
    border: 1px solid #fff;
    width: 176px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
}

.he_syp2temo {
    margin-top: 60px;
}

.he_syp2none {
    overflow: hidden;
    height: 0;
    transition: all 0.36s;
}


.he_syp2ul .slick-arrow {
    z-index: 10;
}

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

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

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

.he_syp3 {
    width: 100%;
    position: relative;
    /* padding-top: 50px; */
    padding-bottom: 100px;
}

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

.he_syp3ti {
    text-align: center;
    margin-bottom: 80px;
}

.he_syp3ti .he_syp1pu {
    display: inline-block;
}

.he_syp3ul {
    /* margin: 0 auto; */
    /* margin: 0 75px; */

}

.he_syp3li {
    width: 100%;
    margin: 0 75px;
    position: relative;
}

.he_syp3li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 27, 59, 0.8);
    z-index: 10;
    transition: all 0.36s;
    pointer-events: none;
}

.he_syp3lile {
    width: 538px;
}

.he_syp3lile img {
    transition: all 0.36s;
}

.he_syp3liri {
    width: calc(100% - 538px);
    padding-left: 65px;
    margin-top: 42px;
}

.he_syp3lzs {
    width: 100%;
    position: relative;
    padding-left: 66px;
}

.he_syp3lzs::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 52px;
    height: 2px;
    background: #0060ff;
}

.he_syp3lzs img {
    width: 20px;
}

.he_syp3tiu {
    margin-top: 32px;
    margin-bottom: 38px;
}

.he_syp3tju p {
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
    margin-bottom: 26px;
    max-height: 56px;
    overflow: hidden;
}

.he_syp3mo a {
    font-size: 16px;
    line-height: 1.75;
    color: #0060ff;
}

.he_syp3mo {
    margin-top: 85px;
}

.he_syp3ul .slick-list {
    overflow: inherit !important;
}

.he_syp3li.slick-current::before {
    opacity: 0;
}

.he_syp3li.slick-current .he_syp3lile img {
    border-radius: 50%;
}

.he_syp3quanb a {
    font-size: 16px;
    line-height: 60px;
    color: #ffffff;
    padding: 0 50px;
    background: #0044d1;
    display: inline-block;
}


.he_syp3quanb {
    text-align: center;
    margin-top: 76px;
}


.he_syp4 {
    width: 100%;
    position: relative;
    padding: 0px 93px 100px;
}

.he_syp4wt {
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.he_syp4wtxa {
    position: relative;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    z-index: 10;
    padding: 120px 0 160px;
}

.he_syp4wtbc {
    width: 100%;
    position: relative;
    margin-top: 50px;
    overflow: hidden;
}

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

.he_syp4igli {
    width: 100%;
    position: relative;
    height: 890px;
    overflow: hidden;
}

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


.he_syp4wtle {
    width: 600px;
    padding-right: 115px;
}

.he_syp4wtri {
    width: calc(100% - 600px);
    position: relative;
}

.he_syp4wti p {
    font-size: 16px;
    line-height: 2.25;
    color: #ffffff;
}

.he_syp4wgd p span {
    font-size: 120px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: bold;
}

.he_syp4wgd {
    margin-top: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 36px;
}

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

.he_syp4wjk {
    margin-top: 60px;
}

.he_syp4wmo a {
    background: #0044d1;
    line-height: 56px;
    color: #fff;
    width: 210px;
    display: block;
    text-align: center;
}

.he_syp4wmo {
    margin-top: 124px;
}

.he_syp4wtri {
    margin-top: 80px;
}

.he_syp4wkul {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.he_syp4wkli {
    width: 25%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.he_syp4wkig {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.he_syp4wkig img {
    transition: all 0.36s;
}

.he_syp4wkig .he_img1 {
    opacity: 0;
}

.he_syp5 {
    width: 100%;
    position: relative;
    padding: 0px 0 30px;
    overflow: hidden;
}

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

.he_syp5ul {
    margin: 0 -62px;
}

.he_syp5li {
    width: 33.333333%;
    padding: 0 62px;
}

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

.he_syp5lbq p {
    font-size: 16px;
    line-height: 1.75;
    color: #168ff8;
}

.he_syp5lbt p {
    font-size: 14px;
    line-height: 1.75;
    color: #999999;
    /* font-family: "HelveticaLT45Light" !important; */
}

.he_syp5lbtz p {
    font-size: 24px;
    line-height: 1.65;
    color: #ffffff;
    height: 78px;
    overflow: hidden;
}

.he_syp5lbsml p {
    font-size: 16px;
    line-height: 1.875;
    color: rgba(255, 255, 255, 0.5);
    height: 90px;
    overflow: hidden;
}

.he_syp5lbsml {
    margin-top: 24px;
    transition: all 0.36s;
}

.he_syp5lbtz {
    margin-top: 12px;
    transition: all 0.36s;
}

.he_syp5lbt {
    margin-top: 24px;
    transition: all 0.36s;
}

.he_syp5lbmo p {
    font-size: 16px;
    background: #0044d1;
    line-height: 58px;
    text-align: center;
    color: #fff;
    text-align: center;
    width: 166px;
}

.he_syp5lbmo {
    margin-top: 26px;
    opacity: 0;
    transition: all 0.36s;
}

.he_syp6 {
    width: 100%;
    position: relative;
    padding-bottom: 180px;
}

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

.he_syp6pu {
    font-size: 38px;
    line-height: 1.75;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}

.he_syp6tol p {
    font-size: 20px;
    line-height: 1.75;
    color: #ffffff;
    text-align: center;
}

.ys_navph2_logo {
    width: 160px;
}

.he_syp6tol {
    margin-top: 20px;
}

.he_syp6mo a {
    width: 228px;
    height: 68px;
    background: #0044d1;
    color: #fff;
    text-align: center;
    display: inline-block;
    line-height: 68px;
    font-size: 16px;
}

.he_syp6mo {
    text-align: center;
    margin-top: 65px;
}

.he_fotbx {
    width: 100%;
    position: relative;
    background: #01118c;
    padding: 80px 0 70px;
    transform: translateY(-80px);
}

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


.he_fowtpri {
    width: 190px;
}

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


.he_fowtpri img {
    width: 100%;
}

.he_fowtple p {
    font-size: 36px;
    line-height: 1.75;
    color: #fff;
    font-weight: bold;
}

.he_fowtpri a {
    display: block;
}

.he_fowtp {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 46px;
}

.he_fowbp {
    width: 100%;
    position: relative;
    margin-top: 66px;
}

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

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

.he_fowbpli {
    width: 20%;
    position: relative;
    padding-top: 26px;
    background: rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
    cursor: pointer;
    transition: all 0.36s;
    /* overflow: hidden; */
}

.he_fowbpli:last-child {
    border: none;
}

.he_fowbpnv {
    /* width: 100%; */
    position: relative;
    display: inline-block;
    text-align: left;
    z-index: 10;
}

.he_fowbpnle {
    width: 94px;
    position: relative;
}

.he_fowbpnri {
    width: calc(100% - 94px);
    padding-left: 20px;
}

.he_fowbpnhp p {
    font-size: 26px;
    line-height: 1.5;
    color: rgba(96, 106, 183, 0.2);
    height: 39px;
    overflow: hidden;
    transition: all 0.36s;
    /* font-family: "HelveticaLT45Light" !important; */
}

.he_fowbpnkp p {
    font-size: 18px;
    line-height: 1.75;
    color: #606ab7;
    height: 31px;
    overflow: hidden;
    transition: all 0.36s;
}

.he_fowbpnle img {
    transition: all 0.36s;
}

.he_fowbpnle .he_img1 {
    opacity: 0;
}

.he_fowbpli::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0044d1;
    transition: all 0.36s;
    opacity: 0;
}

.he_fowbpli.on::after {
    opacity: 1;
}

.he_fowbpli.on .he_fowbpnle .he_img {
    opacity: 0;
}

.he_fowbpli.on .he_fowbpnle .he_img1 {
    opacity: 1;
}

.he_fowbpli.on .he_fowbpnhp p {
    color: #5877db;
}

.he_fowbpli.on .he_fowbpnkp p {
    color: #fff;
}

.he_fowbplans {
    width: 100%;
    position: relative;
    margin-top: 42px;
}

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

.he_fowbpladk p {
    font-size: 16px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.5);
}

.he_fowbplali {
    padding-left: 22px;
    position: relative;
    margin-right: 120px;
}

.he_fowbplali::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
}

.he_fowbpladk {
    margin-top: 5px;
}

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

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

.he_fobqg {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 30px;
    margin-top: 70px;
}

.he_fobqgle p {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.2);
}

.he_fobqgle p a {
    color: rgba(255, 255, 255, 0.2);
}

.he_fobqgri a {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.2);
}

.he_fowbpul .slick-arrow {
    z-index: 10;
}

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

.he_fowbpul .slick-prev {
    left: -30px;
}

.he_fowbpul .slick-next {
    right: -30px;
}

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

}

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


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

.he_nav_line {
    display: block;
    position: absolute;
    height: 100%;
    background: #0044d1;
    transition: all .4s;
    top: 0;
    width: 292px;
}

.he_fowbpli::before {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 6px solid #0044d1;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid transparent;
    transition: all 0.36s;
    opacity: 0;
}

.he_fowbpul .slick-list {
    padding-bottom: 6px;
}

.he_fowbpli.on::before {
    opacity: 1;
}

.he_banbx1 .he_banig::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/syp2dot.png');
    background-repeat: repeat;
}

.he_banbx2 .he_banig::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/syp2dot.png');
    background-repeat: repeat;
}


.he_banbx1 .he_pau1 {
    font-size: 50px;
    text-align: center;
}

.he_banbx1 .he_pau2 {
    font-size: 22px;
    color: #fff;
}

.he_banbx1 .he_banrtep2 {
    margin-top: 12px;
}

.he_banmo {
    width: 100%;
    position: relative;
    margin-top: 50px;
}

.he_banmo .he_shiyong {
    margin: 0 auto;
    width: 100%;
}

.he_banmo .he_shiyong a {
    margin: 0 auto;
    font-size: 20px;
    line-height: 64px;
    width: 158px;
    height: 64px;
}

.he_banbx1 .he_banig {
    height: 650px;
}

.he_banbx1 .he_banig img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.he_b1p1 {
    width: 100%;
    position: relative;
    padding: 100px 0;
}

.he_con2 {
    width: 1360px;
    margin: 0 auto;
}

.he_miabole {
    width: 14px;
    line-height: 1.4;
}

.he_miabole img {
    width: 100%;
}

.he_miabori {
    width: calc(100% - 14px);
    padding-left: 6px;
}

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

.he_miaboli {
    font-size: 14px;
    line-height: 1.75;
    color: #cfcfcf;
}

.he_miabo {
    margin-top: 30px;
}

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

.he_b1p1ti {
    text-align: center;
}

.he_b1p1ti .he_syp2pua {
    color: #333333;
}

.he_b1p1ht {
    width: 100%;
    position: relative;
    margin-top: 60px;
}

.he_b1p1hle {
    width: 625px;
    position: relative;
    margin-top: 25px;
}

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

.he_b1p1hri {
    width: calc(100% - 625px);
    padding-left: 115px;
}

.he_b1p1hnt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* background: url('../images/b1line1.png') 0 0 no-repeat; */
}

/* 
.he_b1p1.act .he_b1p1hnt {
    -webkit-animation: withsd 1s ease both;
    animation: withsd 1s ease both;
} */

.he_ersi {
    font-size: 24px;
    line-height: 1.75;
    color: #333333;
    font-weight: bold;
}

.he_b1p1hmn {
    position: absolute;
    z-index: 10;
}

.he_b1p1hfp1 {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.he_b1p1hfp2 {
    top: 14%;
    left: 5%;
}

.he_b1p1hfp3 {
    top: 54%;
    left: 1%;
}

.he_b1p1hfp4 {
    bottom: 7%;
    left: 11%;
}

.he_b1p1hfp5 {
    top: 14%;
    right: 2%;
}

.he_b1p1hfp6 {
    top: 54%;
    right: 1%;
}

.he_b1p1hfp7 {
    bottom: 7%;
    right: 11%;
}

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

.he_b1p1hfp8 {
    top: 54%;
    left: 50%;
    transform: translate(-50%, -50%);
}


@-webkit-keyframes withsd {

    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes withsd {

    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

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

.he_b1p1hhli {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 24px;
    margin-top: 20px;
}

.he_b1p1hhle {
    width: 44px;
    position: relative;
    margin-top: 13px;
}

.he_b1p1hhri {
    width: calc(100% - 44px);
    padding-left: 56px;
}

.he_b1p1lrp p {
    line-height: 1.5;
    height: 36px;
    overflow: hidden;
}

.he_b1p1lrpo p {
    font-size: 18px;
    line-height: 1.75;
    color: #666666;
    height: 31px;
    overflow: hidden;
}

.he_b1p1lrpo {
    margin-top: 6px;
}

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

.he_b1p2 {
    width: 100%;
    position: relative;
    background: #f2f5f7;
    padding: 100px 0;
}

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

.he_b1p2ti {
    margin-bottom: 30px;
}

.he_b1p3 {
    width: 100%;
    position: relative;
    background: #f0f2f3;
    padding: 60px 0;
}

.he_b1p3li {
    width: 25%;
    position: relative;
    border-right: 1px dashed rgba(102, 102, 102, 0.2);
}

.he_b1p3li:first-child .he_b1p3bx {
    padding-left: 73px;
}

.he_b1p3li:last-child .he_b1p3bx {
    padding-right: 73px;
}

.he_b1p3li:last-child {
    border-right: none;
}

.he_b1p3bx {
    width: 100%;
    position: relative;
    padding: 0 100px;
}

.he_b1p3bkle {
    width: 32px;
    position: relative;
    margin-top: 3px;
}

.he_b1p3bkri p {
    line-height: 1.5;
    height: 36px;
    overflow: hidden;
}

.he_b1p3bkri {
    width: calc(100% - 32px);
    padding-left: 18px;
}

.he_b1p3bbto p {
    font-size: 18px;
    line-height: 1.85;
    color: rgba(102, 102, 102, 0.5);
    height: 66px;
    overflow: hidden;
}

.he_b1p3bbto {
    margin-top: 20px;
}

.he_b1p4 {
    width: 100%;
    position: relative;
    padding: 100px 0;
}

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

.he_b1p4ul {
    margin: 0 -13px;
}

.he_b1p4li {
    width: 25%;
    padding: 0 13px;
    margin-bottom: 30px;
}

.he_b1p4lbj {
    width: 100%;
    position: relative;
    box-shadow: 3px 4px 14px 3px rgba(0, 0, 0, .06);
    padding: 24px 20px 20px;
    background: #fff;
}

.he_b1p4jig {
    width: 110px;
    margin: 0 auto;
    position: relative;
}

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

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

.he_b1p4jic img {
    border-radius: 50%;
    padding: 8px;
}


/* .he_xuanzh {
    animation: xuanz 40s infinite linear;
    -webkit-animation: xuanz 40s infinite linear;
    -moz-animation: xuanz 40s infinite linear;
    -o-animation: xuanz 40s infinite linear;
    width: 100%;
} */

@-webkit-keyframes xuanz {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes xuanz {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes xuanz {
    from {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes xuanz {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.he_b1p4bkti p {
    font-size: 22px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
    text-align: center;
    height: 33px;
    overflow: hidden;
}

.he_b1p4bkti {
    margin-top: 18px;
}

.he_b1p4bkkj p {
    font-size: 18px;
    line-height: 2;
    color: #666666;
    height: 72px;
    overflow: hidden;
}

.he_b1p4bkkj {
    text-align: center;
    margin-top: 12px;
}

.he_b1p4ti {
    margin-bottom: 80px;
}

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

.he_b1p5bg {
    width: 100%;
    height: 268px;
    overflow: hidden;
}

.he_b1p5bg img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

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

.he_b1p5bri {
    width: 170px;
    position: relative;
}

.he_b1p5ble {
    width: calc(100% - 170px);
    padding-right: 0;
    position: relative;
    padding-left: 50px;
}

.he_b1p5bri .he_shiyong {
    margin: 0 auto;
    width: 100%;
}

.he_b1p5bri .he_shiyong a {
    width: 100%;
}

.he_b1p5ble p {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    position: relative;
    padding-left: 50px;
}

.he_b1p5ble p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 18px;
    height: 20px;
    background: url(../images/icon-arrow.png) no-repeat 0 -203px;
    -webkit-animation: rotateForEver4 2.2s linear infinite;
    -moz-animation: rotateForEver4 2.2s linear infinite;
    -ms-animation: rotateForEver4 2.2s linear infinite;
    -o-animation: rotateForEver4 2.2s linear infinite;
    animatio: rotateForEver4 2.2s linear infinite;
}


@-webkit-keyframes rotateForEver4 {
    0% {
        left: -54px;
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    20% {
        left: -36px;
        transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -o-transform: rotate(120deg);
    }

    40% {
        left: -18px;
        transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        -webkit-transform: rotate(240deg);
        -moz-transform: rotate(240deg);
        -o-transform: rotate(240deg);
    }

    60% {
        left: 0;
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }

    to {
        left: -54px;
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
}

@keyframes rotateForEver4 {
    0% {
        left: -54px;
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    20% {
        left: -36px;
        transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -o-transform: rotate(120deg);
    }

    40% {
        left: -18px;
        transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        -webkit-transform: rotate(240deg);
        -moz-transform: rotate(240deg);
        -o-transform: rotate(240deg);
    }

    60% {
        left: 0;
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }

    to {
        left: -54px;
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
}

.he_b2p1 {
    width: 100%;
    position: relative;
    padding: 100px 0;
}

.he_b2p1bx {
    width: 100%;
}

.he_b2p1ti {
    margin-bottom: 80px;
}

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

.he_b2p1ul {
    width: 100%;
}

.he_b2p1li {
    width: 100%;
    margin-bottom: 45px;
}

.he_b2p1le {
    width: 266px;
    position: relative;
}

.he_b2p1ri {
    width: calc(100% - 266px);
    padding-left: 280px;
    position: relative;
}

.he_b2p1ri::after {
    content: '';
    position: absolute;
    top: 24px;
    left: 18px;
    width: 250px;
    border-top: 1px dashed #a9a9a9;
}

.he_b2p1nyri p {
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.5;
    height: 45px;
    overflow: hidden;
}

.he_b2p1nyle {
    width: 35px;
    position: relative;
    margin-top: 6px;
}

.he_b2p1nyle img {
    width: 100%;
}

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

.he_b2p1nyq {
    position: relative;
    width: 100%;
    text-align: center;
}

.he_b2p1nyq::after {
    content: '';
    position: absolute;
    top: -6px;
    left: 8px;
    width: 100%;
    height: 100%;
    border: 1px solid #70abf4;
    z-index: 10;
}

.he_tucheng {
    width: 100%;
    height: 100%;
    background: #4d94ed;
    position: absolute;
    top: 6px;
    left: -8px;
}

.he_tucheng1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #0864d6;
}


.he_b2p1nbv {
    display: inline-block;
    min-width: 203px;
    padding: 16px 0;
}

.he_b2p1rdle {
    width: 36px;
    background: #1f7bed;
    border-radius: 50%;
    margin-top: 6px;
}

.he_b2p1rdle p {
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

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

.he_b2p1k1 p {
    font-size: 30px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
    height: 45px;
    overflow: hidden;
}

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

.he_b2p1k2 {
    margin-top: 5px;
}

.he_b2p1k2 p {
    font-size: 18px;
    line-height: 1.85;
    color: #666666;
    height: 33px;
    overflow: hidden;
}

.he_b2p1li2 .he_tucheng1 {
    background: #1671e2;
}

.he_b2p1li3 .he_tucheng1 {
    background: #3180e2;
}

.he_b2p1li4 .he_tucheng1 {
    background: #3a8aed;
}

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

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

.he_b2p2bj {
    width: 100%;
    position: relative;
    padding: 200px 0;
}

.he_b2p2ti .he_b1p1ti p {
    color: #fff;
}

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

.he_b2p2nul {
    margin: 0 -16px;
}

.he_b2p2nli {
    width: 14.28%;
    padding: 0 16px;
}

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

.he_b2p2ntu img {
    transition: all 0.36s;
}

.he_b2p2ti {
    margin-bottom: 80px;
}

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

.he_b2p2ngt img {
    width: 100%;
}

.he_b2p2ngt .he_img1 {
    border-radius: 50%;
    padding: 12px;

}


.he_b2p2ngf {
    width: 100%;
    position: relative;
    text-align: center;
    padding-top: 100px;
}

.he_b2p2ngf::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 94px;
    border-left: 3px dashed #0864d6;
}

.he_b2p2ng1 {
    display: inline-block;
    background: #0864d6;
    padding: 2px;
    width: 133px;
    border-radius: 10px;
}

.he_b2p2ng1 p {
    font-size: 30px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    height: 45px;
    overflow: hidden;
}

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

.he_b2p2ng2 {
    margin-top: 20px;
}

.he_b2fbc {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px;
}

.he_b2fbchg {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.he_b2fbchg img {
    width: 100%;
    border-radius: 50%;
    transition: all 0.36s;
}

.he_b2p2ar {
    width: 26px;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.he_b2p2ar img {
    width: 100%;
}

.he_b2p2nli7 .he_b2p2ar {
    display: none;
}

.he_b2p3 {
    width: 100%;
    position: relative;
    padding: 100px 0;
}

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

.he_b2p3rt {
    width: 100%;
    position: relative;
    margin-top: 80px;
}

.he_b2p3lile {
    width: 49px;
    position: relative;
}

.he_b2p3liri {
    width: calc(100% - 49px);
}

.he_b2p3lhy p {
    color: #333333;
}

.he_b2p3lhy.he_b2p1nyri {
    width: 100%;
}

.he_b2p3lhp p {
    font-size: 18px;
    line-height: 2;
    color: #666666;
    height: 72px;
    overflow: hidden;
}

.he_b2p3rg {
    width: 18%;
}

.he_b2p3lhp {
    padding-left: 18px;
    margin-top: 16px;
}

.he_b2p3li {
    margin-bottom: 74px;
}

.he_b2p3rgce {
    width: 64%;
    position: relative;
}

.he_b2p3rhg {
    width: 100%;
}

#he_b2arrdx {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.he_b2path {
    opacity: 0;
}

.he_b3p1 {
    width: 100%;
    position: relative;
    padding: 100px 0;
}

.he_b3p1gh {
    width: 100%;
    position: relative;
    margin-top: 100px;

}

.he_b3p1gle {
    width: 600px;
    padding-right: 140px;
}

.he_b3p1gri {
    width: calc(100% - 600px);
    margin-top: 60px;
}

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


.he_b3p1vle {
    width: 30px;
    margin-top: 8px;
}

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

.he_b3p1vri p {
    font-size: 30px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
    height: 45px;
    overflow: hidden;
}

.he_b3p1vg {
    margin-top: 18px;
}

.he_b3p1vg p {
    font-size: 18px;
    line-height: 1.75;
    color: #666666;
    height: 62px;
    overflow: hidden;
}

.he_b3p1vli {
    width: 100%;
    position: relative;
    padding: 26px 36px;
    height: 90px;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all 0.36s;
}

.he_b3p1vli.act {
    box-shadow: 3px 4px 16px 10px rgba(0, 0, 0, 0.16);
}

.he_b3p1vli::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    opacity: 0;
    transform: translateX(-100%);
    background: #2b83fd;
}

.he_b3p1vli.act::after {
    opacity: 1;
    transform: translateX(0);
    transition: transform 3s linear;
}

.he_b3p1vli.act {
    height: 172px;
}

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

.he_b3p1gvig {
    width: 518px;
    box-shadow: 3px 4px 16px 10px rgba(0, 0, 0, 0.16);
    margin: 0 auto;
    position: relative;
}

.he_b3p1gvig img {
    width: 100%;
}

.he_b3p1gic {
    width: 57px;
    position: absolute;
    z-index: 10;
}

.he_b3p1gic1 {
    top: 14%;
    left: 20%;
}

.he_b3p1gic2 {
    top: 14%;
    right: 20%;
}

.he_b3p1gic3 {
    bottom: 14%;
    left: 20%;
}

.he_b3p1gic4 {
    bottom: 14%;
    right: 20%;
}

.he_b3p1ceic {
    width: 58px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.he_b3p1ceic img {
    width: 100%;
}

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

.he_b3p1gdx {
    position: absolute;
}

.he_b3p1gdx1 {
    top: -24%;
    left: 3%;
}

.he_b3p1gdx2 {
    top: -13%;
    right: 0%;
}

.he_b3p1gdx3 {
    bottom: -13%;
    left: 0%;
}

.he_b3p1gdx4 {
    bottom: -26%;
    right: 2%;
}

.he_b3p1gha {
    width: 172px;
    border: 1px solid #0044d1;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.he_b3p1glk p {
    width: 100%;
    line-height: 60px;
    background: #0044d1;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.he_b3p1glh {
    padding: 18px 4px;
}

.he_b3p1glh p {
    font-size: 18px;
    line-height: 1.5;
    color: #0044d1;
    text-align: center;
    height: 54px;
    overflow: hidden;
}

.he_b3p1gdx2 .he_b3p1glk p {
    background: #206fdb;
}

.he_b3p1gdx2 .he_b3p1gha {
    border: 1px solid #206fdb;
}

.he_b3p1gdx2 .he_b3p1glh p {
    color: #206fdb;
}

.he_b3p1gdx3 .he_b3p1glk p {
    background: #206fdb;
}

.he_b3p1gdx3 .he_b3p1gha {
    border: 1px solid #206fdb;
}

.he_b3p1gdx3 .he_b3p1glh p {
    color: #206fdb;
}

.he_disnoul {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.he_b3p1lix {
    position: absolute;

}

.he_b3p1lix::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #0044d1;
    border-radius: 50%;
    opacity: 0;
}

.he_b3p1gdx1 .he_b3p1lix::after {
    top: -4px;
    left: -4px;
}

.he_b3p1gdx1 .he_b3p1lix {
    bottom: -44px;
    left: 75px;
    width: 91px;
    height: 23px;
}

.he_b3p1gdx2 .he_b3p1lix {
    top: 19px;
    left: -75px;
    width: 63px;
    height: 53px;
}

.he_b3p1gdx2 .he_b3p1lix::after {
    top: -4px;
    right: -4px;
}

.he_b3p1gdx3 .he_b3p1lix::after {
    bottom: -2px;
    left: -4px;
}

.he_b3p1gdx3 .he_b3p1lix {
    width: 64px;
    height: 54px;
    top: 88px;
    left: 184px;
}

.he_b3p1gdx4 .he_b3p1lix {
    width: 91px;
    height: 23px;
    top: -37px;
    left: -10px;
}

.he_b3p1gdx4 .he_b3p1lix::after {
    bottom: -2px;
    right: -4px;
}

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


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


.he_b3p2tsg {
    width: 100%;
    position: relative;
    text-align: center;
}

.he_b3p2thd {
    width: 355px;
    display: inline-block;
}

.he_b3p2thle {
    width: 30px;
    position: relative;
    margin-top: 8px;
}

.he_b3p2thri {
    width: calc(100% - 30px);
    padding-left: 13px;
    text-align: left;
}

.he_b3p2thdw {
    position: relative;
    padding-bottom: 13px;
}

.he_b3p2thdw::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 52px;
    height: 1px;
    background: #0044d1;
}

.he_b3p2thdw p {
    font-size: 30px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
    text-align: left;
}

.he_b3p2thhq p {
    font-size: 18px;
    line-height: 1.65;
    color: #666666;
    height: 87px;
    overflow: hidden;
}

.he_b3p2thhq {
    margin-top: 17px;
}

.he_b3p1ti {
    margin-bottom: 60px;
}

.he_b3p2bvl {
    width: 100%;
    position: relative;
    margin-top: 45px;
}

.he_b3p2asd {
    width: 355px;
    opacity: 0;
    transition: all 0.5s;
}

.he_b3p2tsg {
    opacity: 0;
    transition: all 0.5s;
}

.he_b3p2tzhx {
    width: calc(100% - 710px);
    padding-left: 9%;
    padding-right: 9%;
    padding-bottom: 78px;
}

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

.he_b3p2tzkr .he_img2 {
    position: absolute;
    top: -21px;
    right: 12px;
    width: 100%;
    height: 100%;
    transition: all 0.6s;
}

.he_b3p2tzkr .he_img1 {
    top: -21px;
    left: 12px;
    transition: all 0.6s;
}

.he_b3p2ty {
    width: 370px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.he_b3p2ty img {
    width: 100%;
}

.he_b3p3 {
    width: 100%;
    position: relative;
    padding: 100px 0;
    background: #f7f7f7;
}

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

.he_b4p1 {
    width: 100%;
    position: relative;
    padding: 1px 0 150px;
    background: #f7f7f7;
}

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

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

.he_b4p1ti {
    margin-bottom: 60px;
}

.he_b4p1udt {
    width: 96.2%;
    position: absolute;
    top: 125px;
    left: 50%;
    transform: translateX(-50%);
}

.he_b4p1udt img {
    width: 100%;
}


.he_b4p1uhgl {
    padding: 0 150px;
    position: relative;
    z-index: 10;
}

.he_b4p1udl {
    margin: 0 -10px;
    position: relative;
    z-index: 10;
}

.he_b4p1ugli {
    width: 20%;
    padding: 0 10px;
}

.he_b4p1ujbx {
    width: 100%;
    position: relative;
    background: #4d94ed;
    padding: 10px;
}

.he_b4p1ukg {
    width: 100%;
    position: relative;
    padding: 22px 10px;
}

.he_b4p1ukg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px dashed #cee0f7;
    transition: all 0.36s;
}

.he_b4p1ugli1 .he_b4p1ukg {
    background: #0864d6;
}

.he_b4p1ugli2 .he_b4p1ukg {
    background: #1671e2;
}

.he_b4p1ugli3 .he_b4p1ukg {
    background: #3a8aed;
}

.he_b4p1ugli4 .he_b4p1ukg {
    background: #3a8aed;
}

.he_b4p1ugli5 .he_b4p1ukg {
    background: #56a1fe;
}

.he_b4p1ig {
    width: 48px;
    margin: 0 auto;
    position: relative;
}

.he_b4p1iju p {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.6;
    text-align: center;
    height: 48px;
    overflow: hidden;
}

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


.he_b4p1iju {
    margin-top: 6px;
}

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

.he_b4line svg {
    width: 100%;
}

.he_jianx {
    opacity: 0;
}

.he_jianx1 {
    opacity: 0;
}

.he_jianx2 {
    opacity: 0;
}


.he_b4p1.act .he_jianx {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
}


.he_b4p1.act .he_jianx1 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.2s;
}

.he_b4p1.act .he_jianx2 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.3s;
}

#he_jb path {
    opacity: 0;
}

.he_b4p1.act #he_jb path {
    opacity: 1;
}

.he_you {
    opacity: 0;
}

.he_b4p1.act .he_you {
    -webkit-animation: xianj 1s ease both;
    animation: xianj 1s ease both;
    animation-delay: 1s;
}

.he_b4p1.act .he_xing {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 1s;
}

.he_b4p1.act .he_xing1 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 1.2s;
}

.he_b4p1.act .he_xing2 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 1.3s;
}

@-webkit-keyframes xianj {

    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes xianj {

    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}


.he_b4p1xa {
    width: 100%;
    position: relative;
    padding: 0 150px;
    margin-top: 160px;
}

.he_b4p1xa .he_b4p1ugli {
    width: 33.333333%;
}

.he_b4p1xa .he_b4p1ugli .he_b4p1ujbx {
    padding: 4px 5px;
}

.he_b4p1dui {
    width: 18px;
    line-height: 34px;
}

.he_b4p1dui img {
    width: 100%;
}

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

.he_b4p1dzi p {
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    height: 36px;
    overflow: hidden;
}

.he_b4p1xa .he_b4p1ukg {
    padding: 0px 10px;
    text-align: center;
}

.he_b4widt {
    display: inline-block;
    min-width: 223px;
}

.he_b4p1xa .he_b4p1ukg {
    background: #2f7bd9;
}

.he_b4p1xa .he_b4p1ugli {
    transition: all 0.36s;
    padding: 0 28px 28px;
}

.he_b4p1xa .he_b4p1udl {
    margin: 0 -28px;
}

.he_b4p1bx {
    padding-top: 100px;
}

.he_b4p2 {
    width: 100%;
    position: relative;
    padding: 100px 0;
    background: linear-gradient(to bottom, #0f60b9, #309cdf);
}

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

.he_b4p2ti {
    margin-bottom: 75px;
}

.he_b4p2ti .he_syp2pua {
    color: #fff;
}

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

.he_b4p2ul {
    margin: 0 -17px;
}

.he_b4p2li {
    width: 16.666666%;
    padding: 0 17px;
}

.he_b4p2jh {
    width: 100%;
    position: relative;
    transition: all 0.36s;
}

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

.he_b4p2tjg {
    width: 100%;
    padding: 0 2px;
}

.he_b4p2tjg img {
    width: 100%;
}

.he_b4b2quan {
    width: 118px;
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
}

/* .he_b4b2quan .he_b4quan {
    width: 100%;
    animation: xuanz 10s infinite linear;
    -webkit-animation: xuanz 10s infinite linear;
    -moz-animation: xuanz 10s infinite linear;
    -o-animation: xuanz 10s infinite linear;
} */

.he_tuhuan {
    width: 46px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.he_b4p2bjd p {
    font-size: 22px;
    line-height: 1.6;
    color: #fff;
    font-weight: bold;
    text-align: center;
    height: 35px;
    overflow: hidden;
}

.he_b4p2bks p {
    font-size: 18px;
    color: #fff;
    line-height: 1.65;
    height: 87px;
    overflow: hidden;
}

.he_b4p2bks {
    margin-top: 17px;
}

.he_b4p2bjd {
    margin-top: 15px;
}

.he_b4p3 {
    width: 100%;
    position: relative;
    padding: 100px 0;
}

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

.he_b4p3ti {
    margin-bottom: 120px;
}

.he_b4p3dce {
    width: 350px;
    position: relative;
    padding-top: 30px;
}

.he_b4p3tg {
    width: calc((100% - 350px) / 2);
    opacity: 0;
}

.he_b4p3db.on .he_b4p3tg {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.3s;
}

.he_b4p3as {
    width: 100%;
    position: relative;
    padding-right: 46%;
    margin-bottom: 60px;
}

.he_b4p3as::before {
    content: '';
    position: absolute;
    width: 40%;
    top: 17px;
    right: 0;
    border-top: 2px dotted #cccccc;
}

.he_b4p3ale {
    width: 36px;
    position: relative;
}

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

.he_b4p3atp p {
    font-size: 22px;
    line-height: 1.55;
    color: #333333;
    height: 34px;
    overflow: hidden;
    font-weight: bold;
}

.he_b4p3atk p {
    font-size: 18px;
    line-height: 1.55;
    color: #999999;
    height: 54px;
    overflow: hidden;
}

.he_b4p3atk {
    margin-top: 10px;
}

.he_b4p3dri .he_b4p3as {
    padding-left: 38%;
    padding-right: 0;
}

.he_b4p3dri .he_b4p3as::before {
    right: inherit;
    left: 0;
    width: 35%;
}

.he_b3p3ti {
    margin-bottom: 80px;
}

/* .he_b3xuand{
    animation: xuanz 10s infinite linear;
    -webkit-animation: xuanz 10s infinite linear;
    -moz-animation: xuanz 10s infinite linear;
    -o-animation: xuanz 10s infinite linear;
} */

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

.he_b3pe {
    width: 378px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.he_b3pe img {
    width: 100%;
    animation: xuanz 30s infinite linear;
    -webkit-animation: xuanz 30s infinite linear;
    -moz-animation: xuanz 30s infinite linear;
    -o-animation: xuanz 30s infinite linear;
}

.he_b3p3dos {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #5e94e1;
    position: absolute;
    top: -3px;
    left: -3px;
}

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

.he_b3pele,
.he_b3peri {
    width: 315px;
}

.he_kuaibx path {
    transition: all 0.36s;
}

.he_b3pehli {
    width: 100%;
    position: relative;
    padding-left: 53px;
    height: 92px;
    overflow: hidden;
    margin-bottom: 20px;
}

.he_b3pehbj {
    width: 100%;
    position: relative;
    transition: all 0.36s;
}

.he_b3pehle {
    width: 30px;
    line-height: 92px;
}

.he_b3pehle img {
    width: 100%;
}

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

.he_b3pehri p {
    font-size: 30px;
    line-height: 92px;
    color: #fff;
    font-weight: bold;
    height: 92px;
    overflow: hidden;
}


.he_b3rtkri p {
    font-size: 18px;
    line-height: 1.3;
    color: #206eda;
    font-weight: bold;
    height: 23px;
    overflow: hidden;
}

.he_b3rtkri {
    width: calc(100% - 20px);
    padding-left: 14px;
}

.he_b3rtkle {
    width: 20px;
    position: relative;
    line-height: 20px;
}

.he_b3rtkle img {
    width: 100%;
}

.he_b3rtkgd p {
    font-size: 18px;
    line-height: 1.75;
    color: #666666;
    height: 31px;
    overflow: hidden;
}

.he_b3rtkgd {
    margin-top: 8px;
}

.he_b3rtu {
    margin-top: 20px;
    height: 92px;
    transition: all 0.36s;
}

.he_stkua.act {
    fill: #fff !important;
}

.he_b3peri .he_b3pehle {
    float: right;
}

.he_b3peri .he_b3pehri {
    padding-right: 20px;
    padding-left: 0px;
    float: left;
}

.he_b3peri .he_b3pehli {
    padding-left: 0;
    padding-right: 53px;
    text-align: right;
}

.he_b3peri .he_b3rtkle {
    float: right;
}

.he_b3peri .he_b3rtkri {
    float: left;
    padding-left: 0;
    padding-right: 14px;
}

.he_b3pehli2,
.he_b3pehli3 {
    padding-right: 30px;
}

.he_b3peri .he_b3pehli6,
.he_b3peri .he_b3pehli7 {
    padding-left: 30px;
}

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

.he_b4p3gt img {
    width: 100%;
    position: relative;
    margin-top: -180px;
    transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6s;
}

.he_ikig2 {
    margin-top: -30px;
    z-index: 9;
}

.he_ikig1 {
    z-index: 10;
}

.he_ikig3 {
    z-index: 8;
}

.he_ikig4 {
    z-index: 7;
}

.he_ikig5 {
    z-index: 6;
}

.he_ikig6 {
    z-index: 5;
}

.he_b4p3dle {
    margin-top: 68px;
}

.he_b4p3db.on .he_b4p3gt img {
    margin-top: -150px;
}

.he_b3p2.act .he_b3p2tzkr .he_img1 {
    top: 0px;
    left: 0px;
}

.he_b3p2.act .he_b3p2tzkr .he_img2 {
    top: 0px;
    right: 0px;
}

.he_b3p2.on .he_b3p2tsg {
    opacity: 1;
}

.he_b3p2.on .he_b3p2asd {
    opacity: 1;
}

.he_b3p1gri.on .he_b3p1gha {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
}

.he_b3p1gri.on .he_b3p1gdx .he_b3p1gha {
    animation-delay: 1.2s;
}

.he_b3p1gri.on .he_b3p1gdx .he_b3p1lix::after {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 1.3;
    opacity: 1;
}

@-webkit-keyframes shan {

    0% {
        opacity: 1
    }

    25% {
        opacity: 0.8
    }

    50% {
        opacity: 0.6
    }

    75% {
        opacity: 0.4
    }

    100% {
        opacity: 0.2
    }
}

@keyframes shan {

    0% {
        opacity: 1
    }

    25% {
        opacity: 0.8
    }

    50% {
        opacity: 0.6
    }

    75% {
        opacity: 0.4
    }

    100% {
        opacity: 0.2
    }
}

.he_b2p2bj.on .he_b2p2nli1 .he_b2p2ar {
    animation: shan 2s infinite linear;
    -webkit-animation: shan 2s infinite linear;
    -moz-animation: shan 2s infinite linear;
    -o-animation: shan 2s infinite linear;
}

.he_b2p2bj.on .he_b2p2nli2 .he_b2p2ar {
    animation: shan 2s infinite linear;
    -webkit-animation: shan 2s infinite linear;
    -moz-animation: shan 2s infinite linear;
    -o-animation: shan 2s infinite linear;
    animation-delay: 0.3s;
}

.he_b2p2bj.on .he_b2p2nli3 .he_b2p2ar {
    animation: shan 2s infinite linear;
    -webkit-animation: shan 2s infinite linear;
    -moz-animation: shan 2s infinite linear;
    -o-animation: shan 2s infinite linear;
    animation-delay: 0.6s;
}


.he_b2p2bj.on .he_b2p2nli4 .he_b2p2ar {
    animation: shan 2s infinite linear;
    -webkit-animation: shan 2s infinite linear;
    -moz-animation: shan 2s infinite linear;
    -o-animation: shan 2s infinite linear;
    animation-delay: 0.9s;
}


.he_b2p2bj.on .he_b2p2nli5 .he_b2p2ar {
    animation: shan 2s infinite linear;
    -webkit-animation: shan 2s infinite linear;
    -moz-animation: shan 2s infinite linear;
    -o-animation: shan 2s infinite linear;
    animation-delay: 1.2s;
}


.he_b2p2bj.on .he_b2p2nli6 .he_b2p2ar {
    animation: shan 2s infinite linear;
    -webkit-animation: shan 2s infinite linear;
    -moz-animation: shan 2s infinite linear;
    -o-animation: shan 2s infinite linear;
    animation-delay: 1.5s;
}

.he_b1p2bx .he_img1 {
    opacity: 0;
    transition: all 0.36s;
}

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

.he_b1p2doj1 {
    width: 86px;
    height: 86px;
    cursor: pointer;
    position: absolute;
    top: 40.5%;
    left: 45.5%;
    transform: translate(-50%, -50%);
}

.he_b1p2doj2 {
    width: 86px;
    height: 86px;
    cursor: pointer;
    position: absolute;
    top: 38.5%;
    left: 68.5%;
    transform: translate(-50%, -50%);
}

.he_b1p2doj3 {
    width: 86px;
    height: 86px;
    cursor: pointer;
    position: absolute;
    top: 39.5%;
    left: 87.5%;
    transform: translate(-50%, -50%);
}

.he_b1p2doj4 {
    width: 86px;
    height: 86px;
    cursor: pointer;
    position: absolute;
    top: 71.5%;
    left: 59.5%;
    transform: translate(-50%, -50%);
}

.he_b1p2doj5 {
    width: 86px;
    height: 86px;
    cursor: pointer;
    position: absolute;
    top: 71.5%;
    left: 31%;
    transform: translate(-50%, -50%);
}

.he_b1p2hgt {
    width: 100%;
}

.he_b1p2bx.on .he_img {
    opacity: 0.2;
}

.he_b1p2bx.on .he_b1p2hd1 {
    opacity: 1;
}

.he_b1p2bx.on1 .he_img {
    opacity: 0.2;
}

.he_b1p2bx.on1 .he_b1p2hd2 {
    opacity: 1;
}

.he_b1p2bx.on2 .he_img {
    opacity: 0.2;
}

.he_b1p2bx.on2 .he_b1p2hd3 {
    opacity: 1;
}

.he_b1p2bx.on3 .he_img {
    opacity: 0.2;
}

.he_b1p2bx.on3 .he_b1p2hd4 {
    opacity: 1;
}

.he_b1p2bx.on4 .he_img {
    opacity: 0.2;
}

.he_b1p2bx.on4 .he_b1p2hd5 {
    opacity: 1;
}

.he_p2jiant {
    width: 100%;
    position: absolute;
    top: 68px;
    left: 0;
    z-index: 15;
}


.he_p2jiajt1 {
    width: 18px;
}

.he_p2jiajf {
    margin-left: 95px;
}

.he_p2jiajf:first-child {
    margin-left: 85px;
}

.he_p2jiajt1 img {
    width: 100%;
}

.he_b1p2bx.on1 .he_p2jiant,
.he_b1p2bx.on .he_p2jiant,
.he_b1p2bx.on2 .he_p2jiant,
.he_b1p2bx.on2 .he_p2jiant,
.he_b1p2bx.on4 .he_p2jiant {
    opacity: 0;
}

.he_p2jiajt1 {
    animation: shan 3s infinite linear;
    -webkit-animation: shan 3s infinite linear;
    -moz-animation: shan 3s infinite linear;
    -o-animation: shan 3s infinite linear;
}

.he_p2jiajt2 {
    animation: shan 3s infinite linear;
    -webkit-animation: shan 3s infinite linear;
    -moz-animation: shan 3s infinite linear;
    -o-animation: shan 3s infinite linear;
    animation-delay: 0.3s;
}

.he_p2jiajt3 {
    animation: shan 3s infinite linear;
    -webkit-animation: shan 3s infinite linear;
    -moz-animation: shan 3s infinite linear;
    -o-animation: shan 3s infinite linear;
    animation-delay: 0.6s;
}

.he_p2jiajt4 {
    animation: shan 3s infinite linear;
    -webkit-animation: shan 3s infinite linear;
    -moz-animation: shan 3s infinite linear;
    -o-animation: shan 3s infinite linear;
    animation-delay: 0.9s;
}

.he_p2jiajt5 {
    animation: shan 3s infinite linear;
    -webkit-animation: shan 3s infinite linear;
    -moz-animation: shan 3s infinite linear;
    -o-animation: shan 3s infinite linear;
    animation-delay: 1.2s;
}

.he_p2jiajt6 {
    animation: shan 3s infinite linear;
    -webkit-animation: shan 3s infinite linear;
    -moz-animation: shan 3s infinite linear;
    -o-animation: shan 3s infinite linear;
    animation-delay: 1.5s;
}

.he_p2jiajt7 {
    animation: shan 3s infinite linear;
    -webkit-animation: shan 3s infinite linear;
    -moz-animation: shan 3s infinite linear;
    -o-animation: shan 3s infinite linear;
    animation-delay: 1.8s;
}

.he_p2jiajt8 {
    animation: shan 3s infinite linear;
    -webkit-animation: shan 3s infinite linear;
    -moz-animation: shan 3s infinite linear;
    -o-animation: shan 3s infinite linear;
    animation-delay: 2.1s;
}

.he_p2jiajt9 {
    animation: shan 3s infinite linear;
    -webkit-animation: shan 3s infinite linear;
    -moz-animation: shan 3s infinite linear;
    -o-animation: shan 3s infinite linear;
    animation-delay: 2.4s;
}

.he_p2jiajt10 {
    animation: shan 3s infinite linear;
    -webkit-animation: shan 3s infinite linear;
    -moz-animation: shan 3s infinite linear;
    -o-animation: shan 3s infinite linear;
    animation-delay: 2.7s;
}

.he_huak1 {
    width: 112px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: -56px;
}

.he_huak2 {
    width: 112px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: -56px;
}

.he_huak3 {
    width: 112px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: -56px;
}

.he_diqui {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background: #0d1b3b;

}

.he_diqui #g-movieBg {
    opacity: 0.2;
}

.he_syhka {
    width: 100% !important;
    height: 100% !important;
    background: #fff;
    position: absolute;
}

.he_syp4wkli {
    overflow: hidden;
    position: relative;
}

.he_syp4wkli.on .he_img {
    opacity: 0;
}

.he_syp4wkli.on .he_img1 {
    opacity: 1;
}

.he_spwrli {
    display: none;
}

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

.he_cbnav {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: rgba(0, 0, 0, 0.25);
    width: 90px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    opacity: 0;
    transition: all 0.36s;
    display: none;
}

.he_cbnav.on {
    display: block;
    opacity: 1;
}

.he_cbnxtu {
    width: 32px;
    margin: 0 auto;
}

.he_cbnxtu img {
    width: 100%;
}

.he_cbnxte {
    margin-top: 5px;
}

.he_cbnxte p {
    font-size: 14px;
    line-height: 1.75;
    color: #fff;
    text-align: center;
}

.he_cbnal {
    padding: 24px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    transition: all 0.36s;
    position: relative;
}

.he_cbnal::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right bottom, #0640b6, #01118c);
    transition: all 0.36s;
    opacity: 0;
}

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

.he_cbnal:last-child {
    border-bottom: none;
}

.he_cbnale {
    width: 200px;
    position: absolute;
    top: 0;
    right: -500px;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(to right bottom, #063db3, #01118c);
    transition: all 0.36s;
}

.he_cbnati p {
    font-size: 14px;
    line-height: 48px;
    height: 48px;
    overflow: hidden;
    padding: 0 10px;
    background: linear-gradient(to right, #1f53bd, #1e41ad);
    text-align: center;
    color: #fff;
}

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

.he_cbnaop1 {
    margin-top: 4px;
}

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

.he_cbnany {
    padding: 0px 20px;
    background: linear-gradient(to right bottom, #063db3, #01118c);
}

.he_cbnanli:first-child {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.21);
}

.he_cbnanli {
    padding: 18px 0;
}

.he_tupian {
    margin: 0 auto;
    padding: 14%;
}

.he_tupian img {
    width: 100%;
}

.he_cbnal3 .he_cbnale {
    width: 140px;
}


/* Sumi-start */
/* 规范-start */

/* @font-face {
    font-family: 'HELVETICANEUECE55ROMAN';
    src: url('../fonts/helveticaneuece55roman.eot') format('embedded-opentype'),
        url('../fonts/helveticaneuece55roman.woff') format('woff'),
        url('../fonts/helveticaneuece55roman.woff2') format('woff2'),
        url('../fonts/helveticaneuece55roman.ttf') format('truetype'),
        url('../fonts/helveticaneuece55roman.svg') format('svg');
    font-weight: normal;
    font-style: normal;
} */

.font1 h1 {
    font-size: 50px;
    color: #333;
    line-height: 1.75;
    font-weight: bold;
}

.font2 h2 {
    font-size: 40px;
    color: #333;
    line-height: 1.75;
    font-weight: bold;
}

.font3 h3 {
    font-size: 30px;
    color: #333;
    line-height: 1.75;
    font-weight: bold;
}

.font4 h4 {
    font-size: 22px;
    color: #333;
    line-height: 1.75;
    font-weight: bold;
}

.para p {
    font-size: 18px;
    color: #333;
    line-height: 1.75;
}

.jian1 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.jian2 {
    padding-bottom: 70px;
}

.jian3 {
    padding-bottom: 50px;
}

.jian4 {
    padding-bottom: 125px;
}

/* 规范-end */


.s_c1_content {
    /*background-color: #f7f7f7;*/
}

.s_c1_cont1 {
    max-width: 1400px;
    margin: 0 auto;
}

.s_c1_mbxbox {
    padding-top: 45px;
    padding-bottom: 55px;
}

.s_c1_mbx {
    padding-right: 25px;
}

.s_c1_mbx a {
    display: block;
    position: relative;
}

.s_c1_mbx a::after {
    content: ">";
    color: #999;
    position: absolute;
    top: 50%;
    left: -17px;
    transform: translateY(-50%);
}

.s_c1_mbx.on a::after {
    display: none;
}

.s_c1_mbxig {
    width: 14px;
    margin-top: 3px;
}

.s_c1_mbxig img {
    width: 100%;
}

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

.s_c1_newbox {
    margin: 0 -25px;
}

.s_c1_news {
    width: 33.333333%;
    padding: 0 25px;
    margin-bottom: 50px;
}

.s_c1_new {
    transition: all .36s;
}

.s_c1_newigbox {
    position: relative;
}

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

.s_c1_newig img {
    width: 100%;
    height: 100%;
    transition: all .36s;
}

.s_c1_newig1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_c1_newig2 {
    position: absolute;
    top: 0;
    left: 0;
}

.s_c1_sanj {
    position: absolute;
    top: 0;
    right: 0;
    border-top: 18px solid #f7f7f7;
    border-right: 18px solid #f7f7f7;
    border-bottom: 18px solid #e4e4e4;
    border-left: 18px solid #e4e4e4;
    /* opacity: 0; */
    transition: all .36s;
    z-index: 30;
}

.s_c1_newwz {
    padding: 42px 50px 55px 60px;
    background-color: #fff;
    transition: all 0.36s;
}

.s_c1_newwztit p {
    font-size: 26px;
    color: #333;
    line-height: 1.75;
    font-weight: bold;
    height: 45.5px;
    overflow: hidden;
}

.s_c1_newwznr p {
    color: #666;
    height: 126px;
    overflow: hidden;
}

.s_c1_newwznr {
    margin-top: 16px;
}

.s_e1_qiehnr {
    width: 259px;
    /* margin-bottom: 20px; */
    position: relative;
}

.s_e1_qiehnr a {
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 1.75;
    padding: 12px 0;
    border: 1px solid #0044d1;
    text-align: center;
    position: relative;
    z-index: 50;
}


.s_e1_newwz {
    background-color: #fff;
    padding: 35px 40px 45px 40px;
    transition: all 0.36s;
}

.s_e1_newwztop {
    position: relative;

}

.s_e1_newwztopl {
    width: 103px;
    background-color: #e3ecff;
    text-align: center;
    padding: 6px 0;
}

.s_e1_newwztopl p {
    font-size: 14px;
    color: #0044d1;
    line-height: 1.75;
}

.s_e1_newwztopr {
    width: calc(100% - 103px);
    padding-left: 22px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

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

.s_e1_newwznr {
    margin-top: 17px;
}

.s_e1_newwznr h4 {
    line-height: 2;
    height: 88px;
    overflow: hidden;
    font-weight: bold;
}

.s_e1_content .s_c1_newbox {
    padding-bottom: 54px;
}

/* 分页 */
.mc_fybtn {
    padding: 0 15px;
}

.mc_pcfy a {
    float: left;
}

.mc_fybtn a {
    font-family: 微软雅黑;
    font-size: 14px;
    color: #333;
}

.mc_phfy {
    display: none;
}

.mc_phfy .lp {
    float: left;
}

.mc_phfy .rp {
    float: right;
}

.pc_fenye {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    text-align: center;
}

.pc_fenye li {
    float: left;
    width: 36px;
    height: 36px;
    border: 1px solid transparent;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 36px;
    color: #333333;
    text-align: center;
    margin: 0px 15px;
    transition: .3s;
}

.pc_fenye li.activepage {
    color: #fff;
    background-color: #0044d1;
}

.mc_fybtn {
    color: #333;
    padding: 0;
}

.s_e1_fenye {
    padding-bottom: 170px;
}

.s_e2_top {
    padding-bottom: 35px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 42px;
}

.s_e2_toptit {
    padding-bottom: 20px;
}

.s_e2_toptit h3 {
    font-weight: bold;
}

.s_e2_topx .s_e1_newwztopr {
    padding-left: 30px;
}

.s_e2_bjq {
    padding-bottom: 110px;
}

.s_e2_bjq h4 {
    font-size: 20px;
    color: #333;
    line-height: 1.75;
    font-weight: bold;
    margin-top: 32px;
    margin-bottom: 28px;
}

.s_e2_bjq h5 {
    font-size: 18px;
    color: #333;
    line-height: 1.75;
    font-weight: bold;
    margin-top: 32px;
    margin-bottom: 28px;
}

.s_e2_bjq p {
    margin-bottom: 3px;
}

.yxedr_active p {
    margin-bottom: 3px;
}

.s_e2_yema {
    width: 44px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 25px;
}

.s_e2_yema p {
    font-size: 20px;
    color: #333;
    line-height: 1.75;
    position: relative;
}

.s_e2_yema p::after {
    content: "";
    width: 10px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.s_e2_yema p::before {
    content: "";
    width: 10px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.s_e2_piansbox {
    position: relative;
    margin-bottom: 110px;
}

.s_e2_pianl p {
    font-size: 16px;
    color: #666;
    line-height: 1.75;
    transition: all .36s;
}

.s_e2_pianr p {
    font-size: 16px;
    color: #666;
    line-height: 1.75;
    transition: all .36s;
}

.s_e2_list {
    width: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.s_e2_listig {
    width: 24px;
    margin: 0 auto;
}

.s_e2_listig img {
    width: 100%;
}

.s_e2_listwz {
    text-align: center;
}

.s_e2_listwz p {
    font-size: 14px;
    color: #666;
    line-height: 1.75;
    transition: all .36s;
}

.s_e2_newtop h3 {
    font-size: 36px;
    color: #333;
    line-height: 1.2;
    font-weight: bold;
    max-height: 86px;
    overflow: hidden;
}

.s_c2_toptit {
    text-align: center;
    margin-bottom: 75px;
}

.s_c2_toptitx {
    margin-bottom: 35px;
}

.s_c2_tupbox {
    margin: 0 -15px;
}

.s_c2_tup {
    width: 50%;
    padding: 0 15px;
}

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

.s_tupnr img {
    width: 100%;
    height: 100%;
}

.s_tupnr1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_tupnr2 {
    position: absolute;
    top: 0;
    left: 0;
}

.s_c2_cont2 {
    padding-top: 20px;
}

.s_c2_cont2nrbox {
    margin-bottom: 20px;
    background-color: #fff;
    overflow: hidden;
}

.s_c2_cont2nr {
    padding-top: 80px;
    padding-bottom: 67px;
}

.s_c2_jobtit {
    margin-bottom: 40px;
}

.s_c2_jobot {
    margin-bottom: 50px;
}

.s_c2_jobotl {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background-image: -moz-linear-gradient(127deg, rgb(1, 17, 140) 0%, rgb(6, 64, 182) 100%);
    background-image: -webkit-linear-gradient(127deg, rgb(1, 17, 140) 0%, rgb(6, 64, 182) 100%);
    background-image: -ms-linear-gradient(127deg, rgb(1, 17, 140) 0%, rgb(6, 64, 182) 100%);
    position: relative;
}

.s_c2_jobotlig {
    width: 33px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.s_c2_jobotlig img {
    width: 100%;
}

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

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

.s_c2_jobotrtit {
    margin-bottom: 10px;
}

.s_c2_jobotrnr p {
    color: #666;
    /* height: 31.5px; */
    overflow: hidden;
}

.s_c2_cont3nr {
    padding-top: 69px;
    padding-bottom: 30px;
}

.s_c2_news {
    position: relative;
}

.s_c2_newsnr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    opacity: 0;
    transition: all .36s;
}

.s_c2_newnrig {
    width: 65px;
    margin: 0 auto;
}

.s_c2_newnrig img {
    width: 100%;
}

.s_c2_newnrwz h4 {
    color: #fff;
    font-weight: normal;
    height: 76px;
    overflow: hidden;
}

.s_c2_newnrwz {
    margin-top: 15px;
}

.s_c2_newmc {
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    transition: all .36s;
}

.s_c2_cont4 {
    width: 100%;
    height: 269px;
    position: relative;
    overflow: hidden;
}

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

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

.s_c2_lianwz {
    width: 1260px;
    margin: 0 auto;
}

.s_c2_lianwzl {
    width: calc(100% - 171px);
    position: relative;
}

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

.s_c2_lianwzlig img {
    width: 100%;
}

.s_c2_lianwzlnr {
    width: calc(100% - 23px);
    padding-left: 60px;
}

.s_c2_lianwzlnr h3 {
    color: #fff;
}

.s_c2_lianwzr {
    width: 171px;
    position: relative;
    border: 1px solid #94b4ff;
}

.s_c2_lianwzra {
    text-align: center;
    position: relative;
}

.s_c2_lianwzra::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    transition: all .36s;
}

.s_c2_lianwzra::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transition: all .36s;
}

.s_c2_lianwzra a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 1.75;
    padding: 15px 0;
    position: relative;
    z-index: 20;
}

.s_c2_lianwzrmc {
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    opacity: 0.161;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.s_d1_cont1l {
    width: 287px;
}

.s_d1_cb {
    margin-bottom: 18px;
}

.s_d1_cbtop {
    padding: 20px 25px 20px 33px;
    background-color: #fff;
    position: relative;
    transition: all .36s;
    cursor: pointer;
}

.s_d1_cbtopr {
    width: 6px;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}

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

.s_d1_cbtoprig img {
    width: 100%;
    transition: all .36s;
}

.s_d1_cbtoprig1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_d1_cbtoprig2 {
    position: absolute;
    top: 3px;
    left: 0;
    opacity: 0;
    transition: all .36s;
}

.s_d1_cbtopl {
    width: calc(100% - 6px);
    position: relative;
}

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

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

.s_d1_cbtoplig img {
    width: 100%;
    height: 100%;
}

.s_d1_cbtopligbox1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_d1_cbtopligbox2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .36s;
}

.s_d1_cbtoplwz {
    width: calc(100% - 23px);
    padding-left: 15px;
}

.s_d1_cbtoplwz p {
    font-size: 20px;
    color: #333;
    line-height: 1.75;
    transition: all .36s;
}

.s_d1_cbot {
    width: 100%;
    padding-top: 22px;
    padding-bottom: 17px;
    background-color: #dde7f9;
    display: none;
}

.s_d1_cbotnr a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 9px 0;
    padding-left: 40px;
    transition: all .36s;
}

.s_d1_cbotnr a p {
    font-size: 18px;
    color: #333;
    line-height: 1.75;
    position: relative;
    transition: all .36s;
}

.s_d1_cbotnr a p::after {
    content: "";
    width: 3px;
    height: 18px;
    background-color: #0044d1;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    opacity: 0;
    transition: all .36s;
}

.s_d1_cb.on .s_d1_cbtop {
    background-color: #0044d1;
}

.s_d1_cb.on .s_d1_cbtop .s_d1_cbtopligbox2 {
    opacity: 1;
}

.s_d1_cb.on .s_d1_cbtop .s_d1_cbtoprig2 {
    opacity: 1;
}

.s_d1_cb.on .s_d1_cbtop .s_d1_cbtoprig img {
    transform: rotate(90deg);
}

.s_d1_cb.on .s_d1_cbtop .s_d1_cbtoplwz p {
    color: #fff;
}

.s_d1_cb.on .s_d1_cbot {
    display: block;
}

.s_d1_cbotnr.on a {
    padding-left: 60px;
}

.s_d1_cbotnr.on a p {
    color: #0044d1;
    font-weight: bold;
}

.s_d1_cbotnr.on a p::after {
    opacity: 1;
}

.s_d1_contr {
    width: calc(100% - 287px);
    padding-left: 40px;
}

.s_d1_show {
    background-color: #fff;
    padding: 48px 50px 73px 50px;
}

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

.s_d1_showtit span {
    font-size: 36px;
    color: #333;
    line-height: 1.75;
    font-weight: bold;
    padding-right: 20px;
}

.s_d1_showtit {
    margin-bottom: 35px;
}

.s_d1_showbot {
    position: relative;
}

.s_d1_showig {
    width: 435px;
    position: relative;
}

.s_d1_showig img {
    width: 100%;
    height: 100%;
}

.s_d1_showig1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_d1_showig2 {
    position: absolute;
    top: 0;
    left: 0;
}

.s_d1_showwz {
    width: calc(100% - 435px);
    padding-right: 55px;
    /* position: absolute;
    top: 0;
    left: 0; */
    /* height: 100%;
    overflow: hidden; */
}

.s_d1_showwz p {
    margin-bottom: 25px;
    color: #666;
}

.s_d1_jiej {
    overflow: hidden;
}

.s_d1_jiej .s_c2_cont2nrbox {
    margin-top: 50px;
    margin-bottom: 0;
}

.s_d1_jiej .s_c2_cont2nr {
    padding: 50px 50px 14px;
}

.s_d1_jiej .s_c2_jobotlig {
    width: 36px;
}

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

.s_f2_tit {
    text-align: center;
}

.s_f2_lian {
    position: relative;
    margin-bottom: 110px;
}

.s_f2_lian::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #e9e9e9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.s_f2_lianl {
    width: calc(100% - 376px);
}

.s_f2_lianlnr {
    margin-bottom: 30px;
}

.s_f2_lianlnrig {
    width: 46px;
}

.s_f2_lianlnrig img {
    width: 100%;
}

.s_f2_lianlnrp {
    padding-top: 10px;
}

.s_f2_lianlnra a {
    font-size: 26px;
    color: #333;
    line-height: 1.75;
    font-weight: bold;
    padding-right: 15px;
}

.s_f2_lianr {
    width: 376px;
}

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

.s_f2_lianrtop {
    margin-bottom: 45px;
}

.s_f2_lianrwxbox {
    margin: 0 -25px;
}

.s_f2_wxbox {
    padding: 0 25px;
}

.s_f2_wx {
    width: 163px;
    height: 163px;
    position: relative;
}

.s_f2_wxborder {
    position: absolute;
    width: 34px;
    height: 34px;
}

.s_f2_lt {
    top: 0;
    left: 0;
    border-left: 0.5px solid #0044d1;
    border-top: 0.5px solid #0044d1;
}

.s_f2_rt {
    top: 0;
    right: 0;
    border-right: 0.5px solid #0044d1;
    border-top: 0.5px solid #0044d1;
}

.s_f2_lb {
    bottom: 0;
    left: 0;
    border-left: 0.5px solid #0044d1;
    border-bottom: 1px solid #0044d1;
}

.s_f2_rb {
    bottom: 0;
    right: 0;
    border-right: 0.5px solid #0044d1;
    border-bottom: 0.5px solid #0044d1;
}

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

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

.s_f2_wxig img {
    width: 100%;
    height: 100%;
}

.s_f2_wxig1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_f2_wxig2 {
    position: absolute;
    top: 0;
    left: 0;
}

.s_f2_cont2nr {
    padding-top: 80px;
    padding-bottom: 170px;
}

.s_f2_cpynr {
    padding: 28px 27px 26px 68px;
    background-color: #fff;
    position: relative;
    margin-bottom: 25px;
    transition: all .36s;
}

.s_f2_map {
    width: 73px;
    position: absolute;
    top: 50%;
    left: 68px;
    transform: translateY(-50%);
}

.s_f2_mapwz {
    text-align: center;
    margin-bottom: 5px;
}

.s_f2_mapx a {
    font-size: 16px;
    color: #0044d1;
    line-height: 1.75;
}

.s_f2_mapx {
    text-align: center;
}

.s_f2_cpy {
    width: calc(100% - 73px);
    padding-left: 100px;
}

.s_f2_cpyjc {
    position: relative;
}

.s_f2_cpyig {
    width: 271px;
    position: relative;
    overflow: hidden;
}

.s_f2_cpyig img {
    width: 100%;
    height: 100%;
    transition: all .36s;
}

.s_f2_cpyig1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_f2_cpyig2 {
    position: absolute;
    top: 0;
    left: 0;
}

.s_f2_cpywz {
    width: calc(100% - 271px);
    padding-right: 50px;
    padding-top: 38px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.s_f2_cpywztit p {
    font-weight: bold;
}

.s_f2_cpywztit {
    margin-bottom: 16px;
}

.s_f2_cpywzaddl {
    width: 40px;
}

.s_f2_cpywzadd {
    margin-bottom: 10px;
}

.s_f2_cpywzadd p {
    color: #666;
}

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

.s_f2_cpywzaddr {
    width: calc(100% - 40px);
    padding-left: 15px;
}

.s_f1_cont1 {
    padding-bottom: 35px;
}

.s_f1_tw {
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 60px;
}

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

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

.s_f1_twig img {
    width: 100%;
    height: 100%;
}

.s_f1_twig1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_f1_twig2 {
    position: absolute;
    top: 0;
    left: 0;
}

.s_f1_anbox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 50;
    cursor: pointer;
}

.s_f1_an {
    width: 64px;
}

.s_f1_an img {
    width: 100%;
}

.s_f1_twl {
    width: calc(100% - 800px);
    padding-right: 100px;
    /*padding-top: 50px;*/
}

.s_f1_twwztop {
    padding-bottom: 40px;
}

.s_f1_twwznr p {
    color: #666;
    margin-bottom: 30px;
}

.s_f1_tanbox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    z-index: 9999;
}

.s_f1_tanbox::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.616;
    position: absolute;
    top: 0;
    left: 0;
}

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

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

.s_f1_tannr video {
    width: 100%;
}

.s_f1_close {
    width: 23px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

.s_f1_close img {
    width: 100%;
}

.s_f1_culnrbox {
    width: 33.333333%;
    position: relative;
}

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

.s_f1_culig img {
    width: 100%;
    /*height: 100%;*/
    transition: all .36s;
}

.s_f1_culig1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_f1_culig2 {
    position: absolute;
    top: 0;
    left: 0;
}

.s_f1_culnr {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 70px 55px 0 65px;
    z-index: 50;
}

.s_f1_culicon {
    width: 48px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.s_f1_culicon img {
    width: 100%;
    transition: all .36s;
}

.s_f1_culiconwz h4 {
    font-size: 24px;
    color: #fff;
    line-height: 1.75;
    font-weight: bold;
}

.s_f1_culiconwz {
    text-align: center;
}

.s_f1_culnrbot {
    padding-top: 25px;
}

.s_f1_culbots p {
    font-size: 20px;
    color: #fff;
    line-height: 1.75;
    margin-bottom: 13px;
}

.s_f1_culmc {
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
}

.s_f1_culbotx p {
    font-size: 16px;
    color: #fff;
    line-height: 1.75;
    margin-bottom: 2px;
}

.s_f1_culbotx {
    padding-top: 7px;
}

.s_f1_culbotbox {
    position: relative;
}

.s_f1_culbotbox::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    position: absolute;
    top: 155px;
    left: 0;
}

.s_f1_honbox {
    position: relative;
}

.s_f1_honr {
    width: 932px;
    position: relative;
}

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

.s_f1_honrigbox img {
    width: 100%;
    height: 100%;
}

.s_f1_honrigbox1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_f1_honrigbox2 {
    position: absolute;
    top: 0;
    left: 0;
}

.s_f1_honl {
    width: calc(100% - 932px);
    /*background-image: linear-gradient(193deg, rgb(198, 198, 198) 0%, #EAEAEA 100%);*/
    /*background-image: -moz-linear-gradient(193deg, rgb(198, 198, 198) 0%, #EAEAEA 100%);*/
    /*background-image: -ms-linear-gradient(193deg, rgb(198, 198, 198) 0%, #EAEAEA 100%);*/
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

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

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

.s_f1_honig {
    width: 332px;
    position: relative;
}

.s_f1_honig img {
    width: 100%;
    height: 100%;
}

.s_f1_honig1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_f1_honig2 {
    position: absolute;
    top: 0;
    left: 0;
}

.s_f1_cont3 {
    padding-top: 147px;
    padding-bottom: 140px;
}

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

.s_f1_honltext {
    text-align: center;
    padding-top: 30px;
}

.s_f1_honrwz {
    width: 100%;
    height: 100%;
    padding: 70px 79px 0px 90px;
    position: absolute;
    top: 0;
    left: 0;
}

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

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

.s_f1_honwznr {
    padding-top: 14px;
    padding-bottom: 35px;
}

.s_f1_honrlbox {
    margin: 0 -12px;
    height: 370.65px;
    overflow-y: auto;
}

/* 整个滚动条 */
.s_f1_honrlbox::-webkit-scrollbar {
    width: 10px; /* 对于垂直滚动条，设置宽度 */
    height: 10px; /* 对于水平滚动条，设置高度 */
}

/* 滚动条轨道 */
.s_f1_honrlbox::-webkit-scrollbar-track {
    background: #f1f1f1; /* 背景色 */
}

/* 滚动条滑块 */
.s_f1_honrlbox::-webkit-scrollbar-thumb {
    background: #888; /* 滑块颜色 */
}

/* 滑块hover效果 */
.s_f1_honrlbox::-webkit-scrollbar-thumb:hover {
    background: #555; /* 滑块hover颜色 */
}

.s_f1_honlb {
    width: 33.333333%;
    padding: 0 12px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.s_f1_honlbnr {
    background-color: #f7f7f7;
    padding: 25px 33px;
    position: relative;
}

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

.s_f1_honlbig img {
    width: 100%;
    height: 100%;
}

.s_f1_honlbig1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_f1_honlbig2 {
    position: absolute;
    top: 0;
    left: 0;
}

.s_f1_honlbnr .s_f1_honltext {
    display: none;
}

/* .s_f1_honlbmcbox {
    display: none;
} */

.s_f1_honlbmcbox {
    width: 100%;
    height: 100%;
    background-color: rgb(28, 44, 133);
    opacity: 0.6;
    position: absolute;
    top: -100%;
    left: -100%;
}

.s_f1_honlbnr {
    position: relative;
    overflow: hidden;
}

.s_f1_honlbjt {
    width: 19px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.s_f1_honlbjt img {
    width: 100%;
}

.s_f1_cont4 {

    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    /*background-image: -webkit-linear-gradient(127deg, rgba(1, 17, 140,0.6) 0%, #206fdb 100%);*/
    /*background-image: -webkit-linear-gradient(127deg, rgb(1, 17, 140) 0%, #206fdb 100%);*/
    /*background-image: -moz-linear-gradient(127deg, rgb(1, 17, 140) 0%, #206fdb 100%);*/
    /*background-image: -ms-linear-gradient(127deg, rgb(1, 17, 140) 0%, #206fdb 100%);*/
    position: relative;
    overflow: hidden;
}

.s_f1_cont4nrt h2 {
    color: #fff;
}

.s_f1_depbox {
    width: 1100px;
    margin: 0 auto;
}

.s_f1_dep {
    display: none;
}

.s_f1_dep.on {
    display: block;
}

.s_f1_depl {
    width: 200px;
}

.s_f1_depl p {
    font-size: 80px;
    color: #fff;
    line-height: 1;
    font-weight: bold;
}

.s_f1_depr {
    width: calc(100% - 200px);
    padding-left: 55px;
}

.s_f1_deprtp {
    width: 15px;
    margin-top: 10px;
}

.s_f1_deprtp img {
    width: 100%;
}

.s_f1_deprwz {
    width: calc(100% - 15px);
    padding-left: 25px;
}

.s_f1_deprwz p {
    font-size: 20px;
    color: #fff;
    line-height: 2;
}

.s_f1_deprnr {
    margin-bottom: 20px;
}

.s_f1_depbot {
    width: 1340px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    z-index: 100;
}

.s_f1deplbnr {
    width: 12.5%;
    text-align: center;
    cursor: pointer;
}

.s_f1deplb {
    position: relative;
    height: 80px;
}

.s_f1deplb p {
    font-size: 20px;
    color: #fff;
    transition: all 0.36s;
    height: 100%;
    position: relative;
}

.s_f1deplb p::before {
    content: "";
    width: 14px;
    height: 14px;
    background: url(../images/f1_deplban.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
}

.s_f1deplb p::after {
    content: "";
    width: 84px;
    height: 84px;
    background: url(../images/f1_deplban2.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .36s;
}

.s_f1_deplbx {
    width: 100%;
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
}

.s_f1_deplbx img {
    width: 100%;
}

.s_f1_depan {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
    bottom: 60px;
    z-index: 110;
    cursor: pointer;
}

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

.s_f1_depnext {
    right: 155px;
}

.s_f1_depprev {
    left: 155px;
}

.s_f1_depan img {
    width: 16px;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.s_f1_depbot .slick-prev {
    left: -126px;
    width: 38px;
    height: 38px;
    z-index: 120;
}

.s_f1_depbot .slick-next {
    right: -126px;
    width: 38px;
    height: 38px;
    z-index: 120;
}

.s_f1_yousnrbox {
    margin: 0 -37px;
}

.s_f1_yousnr {
    width: 25%;
    padding: 0 37px;
}

.s_f1_yous {
    background-image: -webkit-linear-gradient(127deg, rgba(1, 17, 140, 0.4) 20%, rgba(149, 172, 217, 0.4) 100%);
    /*background-image: -moz-linear-gradient(127deg, rgb(1, 17, 140) 20%, rgb(149 172 217) 100%);*/
    /*background-image: -ms-linear-gradient(127deg, rgb(1, 17, 140) 20%, rgb(149 172 217) 100%);*/
    padding: 44px 35px 0px;
    height: 476px;
    position: relative;
    transition: all .36s;
}

.s_f1_yous::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 155px solid transparent;
    border-right: 155px solid transparent;
    border-bottom: 77px solid #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
}


.s_f1_yous .s_f1_culiconwz h4 {
    font-size: 22px;
    max-height: 77px;
    overflow: hidden;
}

.s_f1_yous .s_f1_culicon {
    margin-bottom: 18px;
}

.s_f1_yous .s_f1_culnrbot {
    padding-top: 10px;
}

.s_f1_yous .s_f1_culbotx p {
    opacity: 0.5;
    height: 140px;
    overflow: hidden;
}

.s_f1_fulbox {
    width: 100%;
    height: 680px;
    position: relative;
}

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

.s_f1_fulnrbox {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}

.s_f1_fultwbox {
    width: 985px;
    margin: 0px -45px;
}

.s_fultw {
    width: 20%;
    padding: 0 45px;
    margin-bottom: 88px;
}

.s_fultwig {
    width: 49px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.s_fultwig img {
    width: 100%;
    transition: all .36s;
}

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

.s_fulwz {
    text-align: center;
}

.s_f1_fulmc1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(0, 13, 78);
    opacity: 0.25;
}

.s_f1_fulmc2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.25;
}

.s_f1_yglbtop {
    margin-top: 12px;
    width: 20000px;
}

/* .s_f1_yglbtopa {
    margin: 0 -6px;
} */

.s_f1_yglbtop .s_f1_yglbtopa {
    animation: donghua1 50s linear infinite;
}

.s_f1_yglbot .s_f1_yglbtopa {
    animation: donghua 50s linear infinite;
}

@keyframes donghua {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes donghua1 {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

.s_f1_yglbtopl {
    position: relative;
    top: 0;
    left: 0;
}

.s_f1_yglbtopr {
    transform: translateX(100%);
    left: 0;
    top: 0;
}

/* .s_f1_ygpd {
    padding: 0 6px;
} */

.s_f1_yglbtopnrl1 {
    width: 1278px;
    margin: 0 6px;
}


.s_f1_yglbtopnrl3 {
    width: 24.5%;
}

.s_f1_yglbtopnrl4 {
    width: 42.5%;
}

.s_f1_yglbtopnrl5 {
    width: calc(100% - 24.5% - 42.5%);
}

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

.s_f1_yglbtopnrlig img {
    width: 100%;
    height: 100%;
}

.s_f1_yglbtopnrlig1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_f1_yglbtopnrlig2 {
    position: absolute;
    top: 0;
    left: 0;
}

.s_f1_cont7 {
    padding-top: 125px;
    padding-bottom: 185px;
}

.s_f1_keh {
    margin: 0 -80px;
}

.s_f1_kehnr {
    width: 33.333333%;
    padding: 0 82px;
}

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

.s_f1_kehig img {
    width: 100%;
    height: 100%;
    transition: all 0.56s;
}

.s_f1_kehig1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_f1_kehig2 {
    position: absolute;
    top: 0;
    left: 0;
}

.s_f1_kehbot {
    position: relative;
}

.s_f1_kehbotr {
    width: 25%;
    padding: 40px 20px;
    background-color: #f7f8fc;
}

.s_f1_kehbotig {
    max-width: 100%;
    position: relative;
}

.s_f1_kehbotig img {
    width: 100%;
    height: 100%;
}

.s_f1_kehbotig1 {
    position: relative;
    top: 0;
    left: 0;
}

.s_f1_kehbotig2 {
    position: absolute;
    top: 0;
    left: 0;
}

.s_f1_kehbotl {
    width: calc(100% - 25%);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 130%;
    background-image: -moz-linear-gradient(127deg, rgb(1, 17, 140) 0%, rgb(6, 64, 182) 100%);
    background-image: -webkit-linear-gradient(127deg, rgb(1, 17, 140) 0%, rgb(6, 64, 182) 100%);
    background-image: -ms-linear-gradient(127deg, rgb(1, 17, 140) 0%, rgb(6, 64, 182) 100%);
    padding: 30px 45px;
    overflow: hidden;
}

.s_f1_kehwzs p {
    font-size: 20px;
    color: #fff;
    line-height: 1.75;
    height: 70px;
    overflow: hidden;
}

.s_f1_kehwzx {
    text-align: right;
}

.s_f1_kehwzx span {
    font-size: 20px;
    color: #fff;
    line-height: 1.75;
}


.s_f1_keh .slick-prev,
.s_f1_keh .slick-next {
    position: absolute;
    top: 50%;
    width: 57px;
    height: 57px;
    z-index: 100;
}

.s_f1_keh .slick-prev {
    left: 20%;
    background-image: url(../images/f1_kehnext.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.s_f1_keh .slick-next {
    right: 20%;
    background-image: url(../images/f1_keprve.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.s_f1_culbot .slick-dots li.slick-active {
    background: #fff;
}

.s_f1_culbot .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 6px;
    border-radius: 50%;
    border: 1px solid #fff;
}


.s_e1_qiehbox {
    position: relative;
    margin-bottom: 20px;
}

/* Sumi-end*/

.he_c1ye {
    background: #f7f7f7;
}

.he_juejie .he_miabo {
    margin-bottom: 55px;
    margin-top: 45px;
}

.he_banbx2 {
    text-align: center;
}

.he_banbx2 .he_pau1 {
    font-size: 20px;
    line-height: 1.75;
    color: #fff;
    font-weight: normal;
}

.he_banbx2 .he_pau2 {
    font-size: 42px;
    line-height: 1.1;
    color: #fff;
    font-weight: bold;
}

.he_d1ye {
    background: #f7f7f7;
}

.he_e1ye {
    background: #f7f7f7;
}

.he_banbx .he_pau1 {
    text-align: center;
}

.he_syp3lile img {
    width: 100%;
}

.he_b1p1hlbv img {
    width: 100%;
}

.he_shouph {
    width: 100%;
    position: relative;
    display: none;
}

.he_shouph img {
    width: 100%;
}

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

.he_b1pjph img {
    width: 100%;
}

.he_b3p1gvph {
    width: 100%;
    position: relative;
    display: none;
}

.he_b3p1gvph img {
    width: 100%;
}

.he_b3ym {
    background: #f7f7f7;
}

.he_b3p2 {
    background: #fff;
}


.he_b3p2phgf {
    width: 100%;
    position: relative;
    display: none;
}

.he_b3p2phgf img {
    width: 100%;
}

.he_b3p1vle img {
    width: 100%;
}

.s_e1_qiehnr.on a {
    color: #fff;
}

.su_nav_line {
    display: block;
    position: absolute;
    height: 100%;
    background: #0044d1;
    transition: all .4s;
    top: 0;
    width: 259px;
    opacity: 0;
}

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

.s_e2_pians {
    width: 50%;

}

.s_e2_pians.fl {
    padding-right: 30px;
}

.s_e2_pians.fr {
    padding-left: 30px;
    text-align: right;
}

.s_e2_pianl {
    width: 64px;
}

.s_e2_pianr {
    width: calc(100% - 64px);
}

.s_e2_pianr p {
    height: 30px;
    overflow: hidden;
}

.s_f1_close span {
    font-size: 30px;
    line-height: 1.75;
    color: #fff;
    font-weight: bold;
}

.s_f1_honrlbox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #666;
}

.he_jhf1b {
    display: none;
}

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

.s_f1deplbnr.slick-current p::after {
    opacity: 1;
}

.s_f1_yglbtopnrl {
    width: 625px;
    margin: 0 6px;
}


.s_f1_kehnr {
}

.s_f1_kehlb {
    line-height: 679px;
    width: 100%;
    position: relative;
    display: inline-block;
}

.s_f1_kehnr.slick-current .s_f1_kehlb {
    transform: scale(1.2);
}

.s_f1_keh .slick-list {
    overflow: inherit;
}

.s_f1_kehbox {
    margin-top: 90px;
    margin-bottom: 90px;
}

.s_f1_twwznr p {
    height: inherit !important;
}

.he_e1p4svg {
    position: absolute;
    width: 1380px;
    height: 1380px;
    background: url(../images/gund.svg) no-repeat;
    background-size: 100%;
    transition: all 1s;
    transform-origin: center center;
    top: 45%;
    left: 50%;
    margin-left: -50%;
    z-index: 1;
}

.he_yuandq {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}

.he_b1p3ul {
    overflow: hidden;
}

.s_f1_honr {
    overflow: hidden;
}

.s_f1_cont4nrt {
    overflow: hidden;
}

.he_banli.slick-current .he_pau1 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}

.he_banli.slick-current .he_pau2 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}

.he_banrtep1 {
    overflow: hidden;
}

.he_syp4wkli.on .he_syp4wkig {
    background: #fff;
}

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

/* .he_hoverbc {
    width: 100%;

    top: 0;
    left: 0;
    height: 100%;
} */

.he_hoverle,
.he_hoveri {
    position: absolute;
    top: 50%;
    width: 56px;
    height: 56px;
    transform: translateY(-50%);
    z-index: 50;
    cursor: pointer;
}

.he_hoverle {
    /* cursor: url(../images/f1_kehnext.png), auto; */
    left: 0;
}

.he_hoverbc img {
    width: 100%;
}

.he_hovb .he_cont {
    position: relative;
}

.he_hoveri {
    /* cursor: url(../images/f1_keprve.png), auto; */
    right: 0;
}

.he_guanbpc {
    opacity: 0;
    position: relative;
    top: 0;
    left: 0;
}

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

.he_xila1lig .he_img {
    opacity: 0;
}


@media screen and (min-width: 1200px) {

    .he_yonga a:hover {
        color: #fff;
    }

    .pc_fenye li:hover {
        color: #fff;
        background-color: #333333;
    }

    .he_pcnli .he_pcnava:hover {
        color: #fff !important;
    }

    .he_denglu:hover .he_denglfrip1 {
        transform: translateY(-80px)
    }

    .he_denglu:hover .he_denglfrip2 {
        transform: translateY(-80px)
    }

    .he_shiyong a:hover .he_lin1::after {
        width: 100%;
        height: 100%;
    }

    .he_shiyong a:hover .he_lin2::after {
        width: 100%;
        height: 100%;
    }

    .he_xila2li a:hover {
        color: rgba(255, 255, 255, 0.6);
    }

    .he_syp1libc:hover .he_syp1xz {
        opacity: 1;
    }

    .he_syp2li:hover .he_syp2none {
        height: 192px;
    }

    .he_syp2li:hover .he_syp2tu::after {
        background: rgba(0, 68, 209, 0.8);
    }

    .he_syp4wkli:hover .he_syp4wkig .he_img {
        opacity: 0;
    }

    .he_syp4wkli:hover .he_syp4wkig .he_img1 {
        opacity: 1;
    }

    .he_syp5li a:hover .he_syp5lbt {
        transform: translateY(100px);
    }

    .he_syp5li a:hover .he_syp5lbtz {
        transform: translateY(-28px);
    }

    .he_syp5li a:hover .he_syp5lbsml {
        opacity: 0;
    }

    .he_syp5li a:hover .he_syp5lbmo {
        transform: translateY(-62px);
        opacity: 1;
    }

    .he_fowbpli:hover .he_fowbpnle .he_img {
        opacity: 0;
    }

    .he_fowbpli:hover .he_fowbpnle .he_img1 {
        opacity: 1;
    }

    .he_fowbpli:hover .he_fowbpnhp p {
        color: #5877db;
    }

    .he_fowbpli:hover .he_fowbpnkp p {
        color: #fff;
    }

    .he_fowbpli:hover::after {
        opacity: 1;
    }

    .he_miaboli a:hover {
        color: #0044d1;
    }

    .he_b2p2ntu:hover .he_img {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -moz-transform: rotate(360deg);
        /* Firefox */
        -webkit-transform: rotate(360deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(360deg);
        /* Opera */
    }

    .he_b2p2ngt:hover .he_b2fbchg img {
        transform: scale(1.05);
    }

    .he_b4p1xa .he_b4p1ugli:hover {
        transform: translateY(-15px);
    }

    .he_b4p1uhgl .he_b4p1ujbx:hover .he_b4p1ukg::after {
        transform: scale(1.01);
    }

    .he_b3pehli:hover .he_b3pehbj {
        transform: translateY(-94px);
    }

    .he_b3pehli:hover .he_b3rtu {
        transform: translateY(-94px);
    }

    .he_b4p2jh:hover {
        transform: translateY(30px);
    }

    .he_cbnal:hover::after {
        opacity: 1;
    }

    .he_cbnal:hover .he_cbnale {
        right: 100%;
    }

    .s_c1_new:hover .s_c1_newig img {
        transform: scale(1.05);
    }

    /* .s_c1_new:hover .s_c1_sanj {
        opacity: 1;
    } */
    .s_c1_new:hover .s_c1_newwz {
        box-shadow: 15px 9px 14px 2px rgb(110 117 129 / 18%);
    }

    .pc_fenye li:hover {
        color: #fff;
        background-color: #0044d1;
    }

    .s_e2_pians:hover p {
        color: #01168c;
    }

    .s_e2_list :hover .s_e2_listwz p {
        color: #01168c;
    }

    .s_c1_new:hover .s_c2_newmc {
        opacity: 0.651;
    }

    .s_c1_new:hover .s_c2_newsnr {
        opacity: 1;
    }

    .s_d1_cbtop:hover {
        background-color: #0044d1;
    }

    .s_d1_cbtop:hover .s_d1_cbtopligbox2 {
        opacity: 1;
    }

    .s_d1_cbtop:hover .s_d1_cbtoprig2 {
        opacity: 1;
    }

    .s_d1_cbtop:hover .s_d1_cbtoplwz p {
        color: #fff;
    }

    .s_d1_cbotnr:hover.s_d1_cbotnr a {
        padding-left: 60px;
    }

    .s_d1_cbotnr:hover.s_d1_cbotnr a p {
        color: #0044d1;
        font-weight: bold;
    }

    .s_d1_cbotnr:hover.s_d1_cbotnr a p::after {
        opacity: 1;
    }

    .s_f2_cpynr:hover {
        box-shadow: 15px 9px 14px 2px rgb(110 117 129 / 18%);
    }

    .s_f2_cpynr:hover .s_f2_cpyig img {
        transform: scale(1.05);
    }

    .s_c2_lianwzr:hover .s_c2_lianwzra::after {
        width: 100%;
        height: 100%;
    }

    .s_c2_lianwzr:hover .s_c2_lianwzra::before {
        width: 100%;
        height: 100%;
    }

    .s_f1deplbnr:hover .s_f1deplb p::after {
        opacity: 1;
    }

    .s_fultw:hover .s_fultwig img {
        transform: rotateY(360deg);
    }

    /* .s_f1_yous:hover {
        box-shadow: 15px 9px 14px 2px rgb(110 117 129 / 18%);
    } */
    .s_f1_yous:hover .s_f1_culicon img {
        transform: rotateY(360deg);
    }

    .s_f1_culnrbox:hover .s_f1_culig img {
        transform: scale(1.05);
    }

    .s_f1_culnrbox:hover .s_f1_culicon img {
        transform: rotateY(360deg);
    }

    .he_denglu:hover .he_denglfrip1 {
        transform: translateY(-30px)
    }

    .he_denglu:hover .he_denglfrip2 {
        transform: translateY(-30px)
    }

    .s_c1_new:hover .s_e1_newwz {
        box-shadow: 15px 9px 14px 2px rgb(110 117 129 / 18%);
    }

    .he_b1p4lbj:hover .he_xuanzh {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -moz-transform: rotate(360deg);
        /* Firefox */
        -webkit-transform: rotate(360deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(360deg);
        /*Opera */
    }

    .he_b4p2jh:hover .he_b4b2quan .he_b4quan {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -moz-transform: rotate(360deg);
        /* Firefox */
        -webkit-transform: rotate(360deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(360deg);
        /*Opera */
    }

    .s_f1_kehlb:hover .s_f1_kehig .s_f1_kehig2 {
        transform: scale(1.06);
    }


}

.he_b4b2quan .he_b4quan {
    transition: all 0.36s;
    width: 100%;
}

.he_b1p4lbj .he_xuanzh {
    transition: all 0.36s;
}


/*载入效果*/
.g_fadein1 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.3s;
}

.g_fadein2 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.4s;
}

.g_fadein3 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.5s;
}

.g_fadein4 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.6s;
}

.g_fadein5 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.7s;
}

.g_fadein6 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.8s;
}

.g_fadein7 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.9s;
}

.g_fadein8 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 1s;
}

.g_fadein9 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 1.2s;
}


.g_fadein10 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 1.5s;
}

.g_fadeup1 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}

.g_fadeup2 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.5s;
}

.g_fadeup3 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.6s;
}

.g_fadeup4 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.7s;
}

.g_fadeup5 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.8s;
}

.g_fadeup6 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.9s;
}

.g_fadeup7 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 1s;
}

.g_fadedown1 {
    -webkit-animation: fadeInDown 1s ease both;
    animation: fadeInDown 1s ease both;
    animation-delay: 0.4s;
}

.g_fadeleft1 {
    -webkit-animation: fadeInLeft 1s ease both;
    animation: fadeInLeft 1s ease both;
    animation-delay: 0.4s;
}

.g_faderigth1 {
    -webkit-animation: fadeInRight 1s ease both;
    animation: fadeInRight 1s ease both;
    animation-delay: 0.4s;
}

.he_flipInY1 {
    -webkit-animation: flipInY 1s ease both;
    animation: flipInY 1s ease both;
    animation-delay: 0.1s;
}

.he_flipInY2 {
    -webkit-animation: flipInY 1s ease both;
    animation: flipInY 1s ease both;
    animation-delay: 0.2s;
}

.he_flipInY3 {
    -webkit-animation: flipInY 1s ease both;
    animation: flipInY 1s ease both;
    animation-delay: 0.3s;
}

.he_flipInY4 {
    -webkit-animation: flipInY 1s ease both;
    animation: flipInY 1s ease both;
    animation-delay: 0.4s;
}

.he_flipInY5 {
    -webkit-animation: flipInY 1s ease both;
    animation: flipInY 1s ease both;
    animation-delay: 0.5s;
}

.he_flipInY6 {
    -webkit-animation: flipInY 1s ease both;
    animation: flipInY 1s ease both;
    animation-delay: 0.6s;
}

/* 添加 */
.he_sysvg {
    pointer-events: none;
}

.he_cbnale {
    border-radius: 4px;
}

.he_banig::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 27, 73, 0.5);
}

.he_denglu a {
    position: relative;
}

.he_denglfri {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 30px;
}

.he_denglfri p {
    height: 100%;
    line-height: 30px;
}

/* .he_hoverbc {
    pointer-events: none;
} */
.he_index .he_banig img {
    width: auto;
    height: 100vh;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.he_banig video {
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.he_banbx .he_sysvg {
    width: 100vw;
    height: 100vh;
}

.he_sysvg svg {
    width: 100vw;
    height: 100vh;
}

.he_huak1 {
    left: -54px;
}

.he_huak3 {
    left: -58px;
}

.he_fowbpli.slick-current::after {
    opacity: 1;
}

.he_fowbpli.slick-current::before {
    opacity: 1;
}

.he_fowbpli.slick-current .he_fowbpnle .he_img1 {
    opacity: 1;
}

.he_fowbpli.slick-current .he_fowbpnle .he_img {
    opacity: 0;
}

.he_fowbpli.slick-current .he_fowbpnkp p {
    color: #fff;
}

.he_fowbpli.slick-current .he_fowbpnhp p {
    color: #5877db;
}

/* .he_syp3li.slick-current .he_syp3lile {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
} */

/* .he_syp3lile::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: linear-gradient(to top, rgba(68, 87, 131, 0.8), rgba(68, 87, 131, 0.01));
    opacity: 0;
    transition: all 0.36s;
} */
/* 
.he_syp3li.slick-current .he_syp3lile::after {
    opacity: 1;
} */

.he_b1p4lbj {
    box-shadow: 2.6px 4.3px 7px 0px rgba(0, 0, 0, 0.06);
}

.he_b3p1vli.act {
    box-shadow: 3.7px 3.4px 15px 0.96px rgb(0, 0, 0, 0.16);
}

.he_b3p2bvl {
    margin-top: 0;
}

.he_b3p2bv {
    padding-bottom: 50px;
}

.he_b3p2bvl .he_b3p2asd {
    margin-top: 50px;
}

.he_b3p1ti {
    margin-bottom: 80px;
}

/* 
.he_b4p1xa .he_b4p1ugli:hover {
    margin-top: -15px;
} */
.he_b4p2bks p {
    height: 116px;
}

.s_f1_kehlb {
    transition: all 0.36s;
}

.he_diqui #g-movieBg {
    opacity: 0.1;
}

/* 添加 */
.he_lotte {
    opacity: 0;
    transition: all 0.36s;
}

.he_guanbpc {
    opacity: 1;
    transition: all 0.36s;
}

.he_syp2li:hover .he_lotte {
    opacity: 1;
}

.he_syp2li:hover .he_guanbpc {
    opacity: 0;
}

.he_xila1lig .he_img {
    opacity: 1;
}

.he_xila1li:hover .he_xila1lig .he_img {
    opacity: 0;
}

.he_xila1li:hover .he_lotte {
    opacity: 1;
}

.s_e1_qiehnr.act {
    background: #0044d1;
}

.s_e1_qiehnr.act a {
    color: #fff;
}

.he_cbnxte {
    width: 100%;
    text-align: center;
}

.he_b1p1hmn .he_ersi {
    height: 42px;
    overflow: hidden;
    max-width: 130px;
}

.he_b1p1hfp8.he_b1p1hmn p {
    height: 63px;
    max-width: 210px;
}

.he_b1p1hfp7 {
    bottom: 7%;
    right: 6%;
}

.he_b1p1hfp6 {
    top: 54%;
    right: -2%;
}

.he_b1p1hfp5 {
    top: 14%;
    right: 0%;
}

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

.he_tanchbx {
    width: 775px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 75px 75px 52px;
}

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

.he_tanchul {
    margin: 0 -32px;
    padding-top: 14px;
}

.he_tancli {
    width: 50%;
    padding: 0 32px;
    margin-bottom: 24px;
}

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

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

.he_tancbut p span {
    color: #fe0000;
}

.he_tancbut {
    margin-bottom: 5px;
}

.he_tancin input {
    width: 100%;
    height: 47px;
    border: 1px solid #d6d6d6;
    padding: 0 15px;
}

.he_tancli1 textarea {
    width: 100%;
    height: 176px;
    border: 1px solid #d6d6d6;
    resize: none;
    padding: 20px;
}

.he_tancli1 {
    width: 100% !important;
}

.he_tancin {
    position: relative;
}

.he_tancin img {
    width: 110px;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    cursor: pointer;
}

.he_tancbn .he_bantun {
    width: 100%;
    background: #0044d1;
    color: #fff;
    line-height: 47px;
    font-size: 18px;
    margin-top: 36px;
}

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

.he_tanti {
    text-align: center;
    margin-top: 15px;
}

.he_tanti input {
    width: 280px;
    margin: 0 auto;
    background: #0044d1;
    color: #fff;
    font-size: 17px;
    line-height: 48px;
    text-align: center;
}

.he_btnu p {
    font-size: 48px;
    color: #333333;
}

.he_btnu {
    position: absolute;
    top: 45px;
    right: 47px;
    cursor: pointer;
}

.he_cbnxi a {
    width: 100%;
}

/* .s_e1_qiehnr:first-child a{
    color: #fff;
} */
.s_e1_qieh.on .su_nav_line {
    opacity: 1;
}

.he_b1p1hfp5 {
    top: 14%;
    right: 4%;
}

.he_b1p1hfp6 {
    top: 54%;
    right: 1%;
}

.he_b1p1hfp7 {
    bottom: 7%;
    right: 8%;
}

.he_syp3tju p {
    max-height: 84px;
}

.he_hoverle.slick-disabled {
    opacity: 0;
}

.he_hoveri.slick-disabled {
    opacity: 0;
}

.he_index .he_banig img {
    width: 100%;
    object-fit: cover;
}

.he_b1p2bx.on3 .he_p2jiant {
    opacity: 0;
}

.s_fultwig {
    position: relative;
}

.he_cbnxtu {
    position: relative;
}

.he_syp4wgd p {
    display: inline-block;
}

.he_syp4wgd p {
    font-size: 40px;
    color: #fff;
    font-weight: bold;
}

.he_syp4wjk p {
    height: 140px;
    overflow: hidden;
}

/* .he_syp4wtle .slick-list{
    overflow: inherit !important;
} */


/* @keyframes jidhu {

    0% {
        top: -50%;
        left: -50%;
        opacity: 0;
    }

    50% {
        top: 0;
        left: 0;
        opacity: 1;
    }


    100% {
        top: 50%;
        left: 50%;
        opacity: 0;
    }
} */

/* .he_b1p1.act .he_b1p1hnt{
    -webkit-animation: jidhu 2.2s linear infinite;
    -moz-animation: jidhu 2.2s linear infinite;
    -ms-animation: jidhu 2.2s linear infinite;
    -o-animation: jidhu 2.2s linear infinite;
    animatio: jidhu 2.2s linear infinite;
} */

/* @keyframes sfanda {

    0% {
      transform: scale(1);
      transform-origin: center;
    }

    50% {
        transform: scale(1.1);
        transform-origin: center;
    }


    100% {
        transform: scale(1);
        transform-origin: center;
    }
}
.he_b1p1.act .he_b1ich2,
.he_b1p1.act .he_b1ich4,
.he_b1p1.act .he_b1ich6,
.he_b1p1.act .he_b1ich8
{
    -webkit-animation: sfanda 2.2s linear infinite;
    -moz-animation: sfanda 2.2s linear infinite;
    -ms-animation: sfanda 2.2s linear infinite;
    -o-animation: sfanda 2.2s linear infinite;
    animatio: sfanda 2.2s linear infinite;
} */

.he_b1p2dor1 div::after {
    position: absolute;
    content: '';
    top: 5px;
    left: 19px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(0, 96, 255, 0.5);
    -webkit-animation: boderM 3s infinite;
    -moz-animation: boderM 3s infinite;
    animation: boderM 3s infinite;
}

.he_b1p2dor1 div::before {
    position: absolute;
    content: '';
    top: 5px;
    left: 19px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(0, 96, 255, 0.3);
    -webkit-animation: boderM 3s infinite;
    -moz-animation: boderM 3s infinite;
    animation: boderM 3s infinite;
}

@keyframes boderM {

    0% {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

        opacity: 0
    }


    20% {

        opacity: 1
    }


    75% {

        -webkit-transform: scale(1.5);

        -moz-transform: scale(1.5);

        -ms-transform: scale(1.5);

        -o-transform: scale(1.5);

        transform: scale(1.5);

        opacity: 0
    }


    100% {

        opacity: 0
    }


}


@-webkit-keyframes boderM {

    0% {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

        opacity: 0
    }


    20% {

        opacity: 1
    }


    75% {

        -webkit-transform: scale(1.5);

        -moz-transform: scale(1.5);

        -ms-transform: scale(1.5);

        -o-transform: scale(1.5);

        transform: scale(1.5);

        opacity: 0
    }


    100% {

        opacity: 0
    }

}

.he_b1p2dor1 .he_b1p2doj2::after {
    top: 18px;
    left: 24px;
}

.he_b1p2dor1 .he_b1p2doj2::before {
    top: 18px;
    left: 24px;
}

.he_b1p2dor1 .he_b1p2doj3::after {
    top: 7px;
    left: 23px;
}

.he_b1p2dor1 .he_b1p2doj3::before {
    top: 7px;
    left: 23px;
}

.he_b1p2dor1 .he_b1p2doj5::after {
    top: 5px;
    left: 19px;
}

.he_b1p2dor1 .he_b1p2doj5::before {
    top: 5px;
    left: 19px;
}

.he_b2p1li1 .g_fadein1 {
    animation-delay: 0.1s;
}

.he_b2p1li1 .g_fadein5 {
    animation-delay: 0.3s;
}

.he_b2p1li1 .g_fadein9 {
    animation-delay: 0.5s;
}

.he_b2p1li1 .g_fadein10 {
    animation-delay: 0.7s;
}

.he_b2p1li2 .g_fadein1 {
    animation-delay: 0.9s;
}

.he_b2p1li2 .g_fadein5 {
    animation-delay: 1.1s;
}

.he_b2p1li2 .g_fadein9 {
    animation-delay: 1.3s;
}

.he_b2p1li2 .g_fadein10 {
    animation-delay: 1.6s;
}

.he_b2p1li3 .g_fadein1 {
    animation-delay: 1.8s;
}

.he_b2p1li3 .g_fadein5 {
    animation-delay: 2s;
}

.he_b2p1li3 .g_fadein9 {
    animation-delay: 2.2s;
}

.he_b2p1li3 .g_fadein10 {
    animation-delay: 2.4s;
}

.he_b2p1li4 .g_fadein1 {
    animation-delay: 2.6s;
}

.he_b2p1li4 .g_fadein5 {
    animation-delay: 2.8s;
}

.he_b2p1li4 .g_fadein9 {
    animation-delay: 3s;
}

.he_b2p1li4 .g_fadein10 {
    animation-delay: 3.2s;
}

.he_b3p1gdx.act {
    -webkit-animation: jianxian 4s 1 forwards;
    -moz-animation: jianxian 4s 1 forwards;
    animation: jianxian 4s 1 forwards;
}

@keyframes jianxian {

    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.he_b4p2ul .slick-list {
    padding-top: 14px;
}

.he_b4line {
    width: 85%;
}

.he_quanjl {
    width: 12px;
    height: 12px;
    border: 2px solid #3260e3;
    border-radius: 50%;
    opacity: 0;
}

.he_quanjl {
    position: absolute;
    top: -7px;
    left: -10px;
}

.he_b4p1.kj .he_quanjl {
    opacity: 1;
}

.he_b4p1.kj .he_linj2 {
    opacity: 0 !important;
}

.he_b4p1ig {
    opacity: 0;
}

.he_b4p1.kj .he_b4p1ig {
    opacity: 1;
}

.he_b4p1ugli {
    transition: all 0.36s;
}

.he_b4p1ugli1.acto {
    transform: scale(1.02);
}

.he_b4p1ugli2.acto {
    transform: scale(1.02);
}

.he_b4p1ugli3.acto {
    transform: scale(1.02);
}

.he_b4p1ugli4.acto {
    transform: scale(1.02);
}

.he_b4p1ugli5.acto {
    transform: scale(1.02);
}

.he_sysv1 {
}

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

.he_sysvk:last-child {
    border: none;
}

.he_sysvk span {
    height: 113px;
    width: 1px;
    background: rgba(255, 255, 255, 0.5);
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
}


@keyframes huad1 {

    0% {
        top: 0;
    }

    100% {
        top: 20%;
    }
}

@keyframes huad2 {

    0% {
        top: 0;
    }

    100% {
        top: calc(100% - 113px);
    }
}

@keyframes huad3 {

    0% {
        top: 0;
    }

    100% {
        top: 50%;
    }
}

.he_banbx.on .he_sysv1 span {
    animation: huad1 1s linear 0s 1 forwards;
}

.he_banbx.on .he_sysv2 span {
    animation: huad2 1.8s linear 0s 1 forwards;
}

.he_banbx.on .he_sysv3 span {
    animation: huad3 1.5s linear 0s 1 forwards;
}

.he_syp1xz .he_img {
    opacity: 0;
}

.he_syp1libx .he_syp1lip1 {
    position: relative;
    z-index: 10;
}

.he_syp1libx .he_syp1lip2 {
    position: relative;
    z-index: 10;
}

.he_f1con .jian1 {
    padding-top: 80px;
    padding-bottom: 40px;
}

.he_yuandq {
    pointer-events: none;
}

.he_f1con .s_f1_deprwz p {
    font-size: 18px;
}

.s_f1_deprnr {
    margin-bottom: 13px;
}

.s_f1_deprwz {
    padding-left: 23px;
}


.he_youqing {
    margin-top: 36px;
}

.he_fobqg {
    margin-top: 42px;
}

.he_youqile {
    width: 95px;
}

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

.he_youqiri {
    width: calc(100% - 95px);
}

.he_youqing {
    display: flex;
}

.he_yonga {
    margin-right: 30px;
    margin-bottom: 5px;
}


.he_yonga a {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.6);
    transition: all 0.36s;
}

.he_ftriqxc {
    margin-top: 200px;
}


.he_fobqg {
    margin-top: 20px;
}

/*  ----------------------------*/
.s_f1_cont1 {
    background-image: url("../picture/gybg.png");
    padding-bottom: unset;
    height: 560px;
}

.beijin {
    width: 100%;
    height: 100%;
    background-size: 52%;
    background-repeat: no-repeat;
    background-position: 700px 94px;
    background-image: url("../picture/group_bg02.png");
}

.g_fadeup11 img {
    width: 70px;
    height: 50px;
    margin-right: 5px;
}

.g_fadeup11 {
    display: flex;
    align-items: center;
}

.font2 h2 {
    font-size: 36px;
    color: #000000;
    font-weight: unset;
}

.s_f1_twwznr {
    width: 730px;
    height: 370px;
    box-shadow: 0 0 12px rgba(198, 224, 255, 0.64);
    background-image: url("../picture/gy_t.png");
    background-size: 272%;
    background-position-x: -44px;
    background-position-y: -10px;
    border-radius: 10px;
}

.s_f1_twwztop {
    padding-bottom: 30px;
}

.s_f1_twwznr p {
    color: #656D78;
    padding: 32px 45px;
    font-size: 16px;
    text-indent: 2em;
    margin: 0;
}

.s_f1_tw {
    max-width: unset;
    width: 1440px;
}

.jian1 {
    padding-top: 80px;
    padding-bottom: 0;
}

.jian2 {
    padding-bottom: 50px;
}

.s_f1_culbotbox::before {
    background-color: unset;
}

.s_c1_contbb {
    max-width: unset;
    width: 1440px;
    border-radius: 10px;
    box-shadow: 0 0 12px rgb(238, 238, 238);
}


/*.g_fadeup1 {*/
/*    height: 320px;*/
/*    overflow: hidden;*/
/*}*/
.s_c1_cont1dd {
    width: 1440px;
    max-width: unset;
    height: 320px;
    overflow: hidden;
}

.s_f1_culnr {
    padding: 64px 0px 0 0px;
}

.s_f1_cont3 {
    padding-top: 100px;
    padding-bottom: 0px;
}

.s_f1_honlbnr {
    background-color: #FFFFFF;
}

.s_f1_honwztit p {
    font-size: 26px;
    color: #000;
    font-weight: unset;
}

.s_f1_honltext p {
    color: #656d78;
}

.s_f1_depbox {
    width: 1440px;
    margin: 0 auto;
    box-shadow: 0 0 12px rgb(238, 238, 238);
}

.s_c1_cont1 {
    max-width: unset;
    width: 1440px;
    margin: 0 auto;
}

.f1-flex {
    display: flex;
    height: 255px;
}

.f1-flex .s_f1_depl {
    width: 790px;
    overflow: hidden;
}

.s_f1_depr {
    width: calc(100% - 790px);
    padding: 50px 35px;
}

.s_f1_depr .ccc {
    color: #656D78;
    line-height: 1.5;
    font-size: 18px;
    margin-top: 25px;
}

.s_f1_depr .ccc p {
    line-height: 1.5;
}

.s_f1_depr .ddd {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    color: #1890ff;
}

.s_f1_depr .ttt {
    font-size: 18px;
    line-height: 1.2;
    color: #1890ff;
}

.f1-flex .s_f1_depl img {
    height: 100%;
    width: auto;
}

.s_f1_depbot {
    width: 1440px;
}

.slick-track {
    margin: 0 auto;
}

.s_f1deplb {
    display: flex;
    align-items: end;
    height: 110px;
}

.s_f1deplb p {
    height: auto;
    line-height: 30px;
    color: #000000;
}

.s_f1deplb p:hover {
    color: #1890ff;
}
.slick-current .s_f1deplb p{
    color: #1890ff;
}