@charset "utf-8";

body {
    font-family: "Microsoft Yahei", 'PingFang SC', "PingFangSC-Light", "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}

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

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

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

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

/* 规范 */

/* 标题 */
.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: 32px;
    height: 32px;
    border: 1px solid transparent;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 32px;
    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 40px; */
    z-index: 999;
    transition: all 0.36s;
    background: #ffffff;
    /* padding-right: 11.6%; */
}

.he_pcbx {
    /* width: 100%; */
    width: 1400px;
    margin: 0 auto;
}

.he_pcbxle {
    width: 194px;
    position: relative;
    transition: all 0.36s;
    transform: translateX(-46px);
}

.he_pcbxle img {
    width: 100%;
}

.he_banbx {
    width: 100%;
    position: relative;
    background: #fff;
    /* margin-top: 60px; */
}

.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: 60px;
}

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

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

.he_fot {
    background: #163752;
    position: relative;
}


.he_pcnli .he_pcnava {
    font-size: 16px;
    line-height: 60px;
    color: #666666;
    transition: all 0.36s;
    position: relative;
}

.he_pcnli {
    margin: 0 20px;
    position: relative;
    z-index: 1;
}

.he_pcnli::after {
    content: '';
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    left: 50%;
    width: 100%;
    min-width: 124px;
    height: 100%;
    background-image: linear-gradient(to right, #1e427b, #1b938f);
    z-index: -1;
    transition: all 0.36s;
    opacity: 0;
}

.he_pcnli .he_pcnava {
    padding: 0 30px;
}


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


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

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

.mc_scm_form {
    width: 690px;
}

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

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

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

.mc_msc_submit img {
    width: 100%;
}

.he_pcser {
    position: relative;
    cursor: pointer;
    width: 16px;
    line-height: 60px;
}

.he_pcser img {
    width: 100%;
}

.he_pcnav {
    padding-right: 34px;
}

.he_pc_hd.act {
    background: #ffffff;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
}

.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%;
    /* min-width: 207px; */
    position: absolute;
    top: 60px;
    left: 0;
    background: #fff;
    transition: top 0.36s;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    display: none;
}

.he_down::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-image: linear-gradient(to right, #1e427b, #1b938f);
}

.he_downri {
    width: 20px;
    position: relative;
}

.he_downle {
    width: calc(100% - 20px);
    padding-right: 5px;
}

.he_downle p {
    white-space: nowrap;
    color: #999999;
    font-size: 14px;
    line-height: 1.5;
    transition: all 0.36s;
}

.he_downli {
    border-bottom: 1px solid #eaeaea;
}

.he_downli a {
    display: block;
    width: 100%;
    padding: 16px 20px;
}

.he_downri .he_img {
    opacity: 0;
}

.he_downri img {
    transition: all 0.36s;
}

.he_downli.yxnav_active2 .he_downle p {
    color: #333333;
}

.he_downli.yxnav_active2 .he_downri .he_img {
    opacity: 1;
}

.he_downli.yxnav_active2 .he_downri .he_img1 {
    opacity: 0;
}

.he_banig video {
    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: 8px;
    height: 8px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 50%;
    opacity: 0.2;
    margin: 0 11px;
}

.he_banul .slick-dots li::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 26px;
    height: 26px;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.36s;
}

.he_banul .slick-dots li.slick-active {
    opacity: 1;
}

.he_banul .slick-dots li.slick-active::after {
    opacity: 1;
}

.he_banul .slick-dots {
    width: 1400px;
    text-align: right;
    left: 50%;
    transform: translateX(-50%);
}

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


.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 {
    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: 1600px;
    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: #1c5cb0;
    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: #1c5cb0;
    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_pcmpa {
    cursor: pointer;
    position: relative;
}

.he_pcmpari {
    width: 6px;
    line-height: 60px;
}

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

.he_pcmpale {
    width: 14px;
    line-height: 60px;
}

.he_pc_hd.on {
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.06);
}

.he_pcmpale img {
    width: 100%;
}

.he_pcmpale {
    margin-right: 10px;
}

.he_pcser {
    margin-right: 40px;
}

.he_pcmpaxa {
    position: absolute;
    top: 60px;
    left: 60%;
    transform: translateX(-50%);
    background: #fff;
    width: 50px;
    text-align: center;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
    padding: 8px 0;
    display: none;
}

.he_pcmpjk a {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    transition: all 0.36s;
}

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

.he_xbanth p {
    font-size: 60px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
}

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

.he_xbanti {
    margin-top: 10px;
}

.he_xbanti p {
    font-size: 30px;
    line-height: 1.5;
    color: #fff;
    font-family: "OpenSansLight";
}

.he_xbanmri {
    width: 18px;
    line-height: 22px;
    position: relative;
}

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

.he_xbanmri .he_img1 {
    opacity: 0;
}

.he_xbanmle {
    width: calc(100% - 18px);
}


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

.he_xbanmo {
    /* width: 100px; */
    margin-top: 120px;
}

.he_xbanmn {
    width: 100px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.he_section {
    width: 100%;
    padding: 130px 0;
}

.he_sep1 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.he_sep1ri {
    width: 500px;
    position: relative;
    padding-right: 103px;
}

.he_sep1le {
    width: calc(100% - 500px);
    padding-right: 135px;
}

.he_sep1put {
    font-size: 50px;
    line-height: 1.5;
    color: #004168;
    font-weight: bold;
}

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

.he_sep1lds {
    margin-top: 55px;
    margin-bottom: 90px;
}

.he_sep1lmo .he_xbanmle p {
    color: #265377;
}

.he_sep1lmo .he_xbanmri .he_img1 {
    opacity: 1;
}

.he_sep1lmo .he_xbanmri .he_img {
    opacity: 0;
}

.he_sep1lmo .he_xbanmn {
    border-bottom: 1px solid #004168;
}

.he_sep1log {
    width: 90%;
    position: absolute;
    top: -45px;
    left: 0;
}

.he_sep1log img {
    width: 100%;
}

.he_sep1ns p {
    font-size: 120px;
    /* font-family: "HelveticaNeueLTProHv"; */
    font-weight: bold;
    color: #004168;
}

.he_sep1nlk p {
    font-size: 20px;
    line-height: 1.5;
    color: #004168;
}


.he_sep1nlk {
    margin-top: 35px;
}

.he_sep1nli {
    text-align: center;
    display: none;
}

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

.he_sep1rbx {
    width: 100%;
    position: relative;
    z-index: 10;
}

.he_sep1nul .slick-dots li {
    background: transparent;
    border: 2px solid #e5e5e5;
}

.he_sep1nul .slick-dots li.slick-active {
    border: 2px solid #004168;
}

.he_sep1nul .slick-dots li {
    display: block;
    margin: 8px 0px;
}

.he_sep1nul .slick-dots {
    width: inherit;
    right: -98px;
    bottom: 55px;
}

.l_a1_tztic {
    position: absolute;
    width: 49px;
    height: 49px;
    box-shadow: 1px 1px 20px #cbcfd5;
    border-radius: 50%;
    cursor: pointer;
    top: 0px;
    right: -115px;
}

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

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

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

.l_syqq_act {
    position: absolute;
    top: 3px;
    left: 3px;
    transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -webkit-transform: rotate(198deg);
    -o-transform: rotate(198deg);
}

@keyframes stroke {
    100% {
        stroke-dashoffset: -145.8644px;
    }
}

.l_syqq_act svg {
    position: relative;
    top: 4px;
    left: 4px;
}

.l_syqq_act .arc.act {
    animation: none;
}

.l_syqq_act .arc {
    animation: stroke 4s linear;
}

.he_sep2 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.he_section2 #particles-js {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* pointer-events: none; */
    opacity: 0.2;
}

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

.he_sep2le {
    width: 530px;
    position: relative;
    z-index: 10;
}

.he_sep2ri {
    width: calc(100% - 530px);
    position: relative;
    padding-right: 150px;
    padding-left: 150px;
    z-index: 10;
    pointer-events: none;
}

.he_sep2le p {
    color: #fff;
}


.he_sep2le .he_sep1lds p {
    font-size: 14px;
    line-height: 2;
}

.he_sep2le .he_sep1lds {
    margin-top: 43px;
    margin-bottom: 70px;
}

.he_sep2le .he_xbanmle p {
    color: #fff;
}

.he_sep2le .he_xbanmri .he_img1 {
    opacity: 0;
}

.he_sep2le .he_xbanmri .he_img {
    opacity: 1;
}

.he_sep2le .he_sep1lmo .he_xbanmn {
    border-bottom: 1px solid #fff;
}

.he_sep2rda {
    width: 100%;
    /* position: relative; */
}

.he_sep2rtu {
    width: 100%;
    position: relative;
    z-index: 10;
}

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

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

.he_sep3top {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}


@-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_sep2ter p {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    position: relative;
    display: inline-block;
}

.he_sep2ter p::after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 120%;
    height: 3px;
    background: #fff;
}


.he_sep2rli {
    position: absolute;
    width: 200px;
}

.he_sep2rli1 {
    top: 31%;
    left: -20px;
}

.he_sep2line {
    width: 80%;
    position: absolute;
    border-top: 1px dashed #fff;
    bottom: -6px;
    left: 0;
}

.he_sep2line::after {
    content: '';
    position: absolute;
    bottom: -17px;
    right: -41px;
    width: 30%;
    border-top: 1px dashed #fff;
    transform: rotate(44deg);
}

.he_sep2rli2 {
    right: 125px;
    top: 5.8%;
}

.he_sep2rli3 {
    right: 0px;
    top: 40%;
}

.he_sep2rli2,
.he_sep2rli3 {
    text-align: right;
}

.he_sep2rli2 .he_sep2line,
.he_sep2rli3 .he_sep2line {
    left: inherit;
    right: 0;
}

.he_sep2rli2 .he_sep2line::after,
.he_sep2rli3 .he_sep2line::after {
    right: inherit;
    left: -42px;
    transform: rotate(-44deg);
}

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

/* 
.he_sep3tori .he_sep1lmo .he_xbanmn {
    border-bottom: none;
    padding-bottom: 0;
} */
.he_sep3tole {
    width: calc(100% - 100px);
}

.he_sep3tori {
    margin-bottom: 7px;
}

.he_sep3bp {
    width: 100%;
    position: relative;
    margin-top: 55px;
}

.he_sep3bpri {
    width: 470px;
    position: relative;
    margin-top: 20px;
}

.he_sep3bple {
    width: calc(100% - 470px);
    padding-right: 23px;
}

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

.he_sep3luli {
    width: 50%;
}


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

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

.he_sep3ig img {
    border-radius: 10px;
}

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

.he_sep3jl1 p {
    font-size: 14px;
    line-height: 1.5;
    color: #265377;
    display: inline-block;
}

.he_sep3jl1 p:first-child {
    margin-right: 69px;
}

.he_sep3luli a {
    display: block;
    padding: 22px 22px 30px;
    transition: all 0.36s;
    border-radius: 10px;
}


.he_sep3jte {
    margin-top: 35px;
}

.he_sep3jl2 p {
    font-size: 16px;
    line-height: 1.875;
    color: #333333;
    font-weight: bold;
    height: 60px;
    overflow: hidden;
    transition: all 0.36s;
}

.he_sep3jl2 {
    margin-top: 12px;
}

.he_sep3jl3 p {
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    height: 69px;
    overflow: hidden;
}

.he_sep3jl3 {
    margin-top: 19px;
}

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

.he_sep3kli {
    margin-right: 64px;
    padding-bottom: 8px;
    position: relative;
    cursor: pointer;
}

.he_sep3kli::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background: #265377;
    opacity: 0;
    transition: all 0.36s;
}

.he_sep3kli.act::after {
    opacity: 1;
    width: 80%;
}

.he_sep3kli.act p {
    color: #265377;
}

.he_sep3kul {
    width: 100%;
    border-bottom: 1px solid #e9edf1;
}

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

.he_sep3kli:last-child {
    margin-left: 0;
}

.he_sep3bhs {
    width: 100%;
    position: relative;
    margin-top: 27px;
}

.he_sep3bxz {
    width: 100%;
    position: relative;
    padding: 20px 0;
    border-bottom: 2px dashed #ecf5f9;
}

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

.he_sep3bxle {
    width: 174px;
}

.he_sep3bxri {
    width: calc(100% - 174px);
    padding-left: 27px;
}

.he_sep3bxz .he_sep3jl2 p {
    color: #666666;
}

.he_sep3bxz a {
    display: block;
}

.he_sep3bhvul {
    display: none;
}

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

.l_a1_tztic.atvc .l_a1_tzt {
    opacity: 0;
}

.l_a1_tztic.atvc .l_a1_tbf {
    opacity: 1;
}

.he_section3 {
    padding-bottom: 230px;
}

.he_section4 {
    width: 100%;
    background: #fbfbfb;
    position: relative;
}

.he_sep4 {
    width: 100%;
    position: relative;
    z-index: 10;
}

.he_sep4le {
    width: 580px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.he_sep4le img {
    width: 100%;
}

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

.he_section4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 340px;
    height: 460px;
    background: #cde1e1;
}

.he_section4 {
    padding-bottom: 0;
    padding-top: 180px;
}

.he_sep4 {
    padding-bottom: 160px;
}

.he_sep4ri .he_sep1lds p {
    font-size: 16px;
    line-height: 1.85;
    color: #999999;
    margin-bottom: 13px;
}

.he_sep5 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.he_sep5le {
    width: calc(100% - 660px);
    transform: translateX(-100px);
}

.he_sep5ri {
    width: 660px;
}

.he_sepemil {
    border: 2px solid rgba(38, 83, 119, 0.1);
    margin-right: 66px;
}

.he_sepemil a {
    width: 365px;
}

.he_sepemic {
    width: 30px;
    line-height: 60px;
}

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

.he_sepemye p {
    font-size: 16px;
    line-height: 60px;
    color: #265377;
    height: 60px;
    overflow: hidden;
}

.he_sepemil a {
    display: block;
    /* width: 100%; */
    padding: 0 20px;
    /* padding-right: 86px; */
}

.he_sepmo {
    width: 210px;
    background-image: linear-gradient(to right, #0a295a, #1b938f);
}

.he_sepmo .he_xbanmn {
    margin: 0 auto;
    padding-bottom: 0;
    border-bottom: none;
}

.he_sepmo .he_xbanmle p {
    line-height: 53px;
}


.he_sepmo .he_xbanmri {
    line-height: 53px;
}

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


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

.he_fotnle {
    width: 500px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.he_fotnri {
    width: calc(100% - 500px);
    padding-left: 92px;
}

.he_fotnle,
.he_fotnri {
    padding-top: 105px;
}

.he_fotr {
    width: 100%;
    position: relative;
    background-color: #163752;
}

.he_fotflo {
    width: 226px;
}

.he_fotflo img {
    width: 100%;
}

.he_fotfdz {
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 44px;
    padding-top: 58px;
    padding-bottom: 58px;
}

.he_fotfli p {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.6);
}


.he_fotfle {
    width: 68px;
}

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

.he_fotfli1 .he_fotfle {
    width: 34px;
}

.he_fotfli1 .he_fotfri {
    width: calc(100% - 34px);
}

.he_fotfri p a {
    color: rgba(255, 255, 255, 0.6);
}

.he_fotfli {
    margin-bottom: 16px;
}

.he_fotndri {
    width: 270px;
}

.he_fotndle {
    width: calc(100% - 270px);
    padding-right: 116px;
}

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

.he_fotndli {
    width: 50%;
    margin-bottom: 29px;
}

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

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

.he_fotali a {
    display: inline-block;
}

.he_fotali img {
    width: 100%;
}

.he_fotali {
    width: 35px;
    margin-right: 38px;
}

.he_fotali3 {
    cursor: pointer;
}

.he_fotali {
    opacity: 0.6;
    transition: all 0.36s;
}

.he_fotcer {
    width: 107px;
}

.he_fotcer img {
    width: 100%;
}

.he_fotafx {
    margin-top: 26px;
}

.he_fotcod {
    margin-top: 34px;
}

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

.he_fotcxd {
    margin-top: 20px;
}

.he_fotbqx {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 28px 0;
}

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

.he_fotbqle p a {
    color: rgba(255, 255, 255, 0.4);
}

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

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

.he_b2bx {
    width: 100%;
    position: relative;
    margin-top: -70px;
}

.he_b2bx::after {
    content: '';
    position: absolute;
    top: -132px;
    left: 0;
    width: calc(100vw + 260px);
    background: #fff;
    height: 300px;
    border-radius: 10px 0 0 0;
}

.he_b2p1 {
    width: 100%;
    position: relative;
    padding: 0 110px;
    z-index: 10;
}

.he_breli a {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.6);
    transition: all 0.36s;
}

.he_b2ny .he_main {
    z-index: 10;
    overflow: inherit;
}

.he_nydt .he_xbante {
    top: 43%;
}

.he_bread {
    position: absolute;
    top: -177px;
    right: 0;
    z-index: 10;
}

/* .he_breli a {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
} */


.he_breli {
    margin-right: 17px;
    position: relative;
}

.he_breli::after {
    content: '/';
    position: absolute;
    top: 0;
    right: -13px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    line-height: 1.5;
}

.he_breli:last-child::after {
    display: none;
}

.he_b2p1ul {
    margin: 0 -15px;
    position: relative;
}

.he_b2p1li {
    width: 33.333333%;
    padding: 0 15px;
    margin-bottom: 32px;
}

.he_b2p1nk {
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.36s;
}

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

.he_b2p1zj {
    width: 100%;
    position: relative;
    background: #fff;
    padding: 24px 30px 30px;
}

.he_b2p1te1 p {
    height: 30px;
    overflow: hidden;
    font-size: 20px;
    line-height: 1.5;
    color: #666666;
    font-weight: bold;
    transition: all 0.36s;
}

.he_b2p1te2 p {
    font-size: 16px;
    line-height: 1.5;
    color: #666666;
    height: 24px;
    overflow: hidden;
    transition: all 0.36s;
}

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

.he_b2p1te2 {
    margin-top: 10px;
}

.he_b2p1te3 {
    margin-top: 8px;
}

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

.he_b2p1ig img {
    transition: all 0.6s ease-in-out;
}

.he_b2p1zst {
    width: 72px;
    position: absolute;
    top: -34px;
    left: 79px;
    z-index: 2;
}

.he_b2p1zst img {
    width: 100%;
}

.he_b2p1zst2 {
    position: absolute;
    top: -18px;
    right: -255px;
    width: 640px;
    z-index: 2;
}

.he_b2p1zst2 img {
    width: 100%;
}

.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: 32px;
    height: 32px;
    border: 1px solid transparent;
    font-family:sans-serif;
    font-size: 14px;
    line-height: 32px;
    color: #333333;
    text-align: center;
    margin: 0px 10px;
    border-radius: 6px;
    transition: .3s;
}

.pc_fenye li.activepage {
    color: #fff;
    /* background-color: #00b9f1; */
}

.pc_fenye li.activepage::after {
    opacity: 1;
}

.pc_fenye li {
    position: relative;
    z-index: 1;
}

.pc_fenye li::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #1e427b, #1b938f);
    border-radius: 6px;
    z-index: -1;
    transition: all 0.36s;
    opacity: 0;
}

.he_b2p2 {
    width: 100%;
    padding-bottom: 115px;
    padding-top: 45px;
}

.he_b3bx {
    width: 100%;
    position: relative;
    padding: 150px 0 95px;
}

.he_b3bx::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 43%;
    background: #f7f8fc;
    height: 100%;
}

.he_con {
    width: 1240px;
    margin: 0 auto;
}

.he_b3bxle {
    width: 400px;
    position: relative;
}

.he_b3bxri {
    width: calc(100% - 400px);
    padding-left: 174px;
    /* height: 300vh; */
}

.he_b3bxig {
    width: 100%;
}

.he_b3bxig img {
    width: 100%;
}

.he_b3bxbh {
    width: 100%;
    position: relative;
    z-index: 10;
}

.he_b3bxlmo {
    margin-top: 38px;
}

.he_b3ny .he_pc_hd {
    box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.07);
}

.he_b3bxti h1 {
    font-size: 40px;
    font-weight: bold;
    color: #333333;
    line-height: 1.5;
}

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

.he_b3bxdjn p {
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    font-weight: bold;
}

.he_b3bxddx p {
    font-size: 18px;
    line-height: 1.5;
    color: #666666;
}

.he_b3bxsg {
    display: flex;
}

.he_b3bxdjn {
    min-width: 56px;
}

.he_b3bxsgd {
    margin-top: 43px;
}

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

.he_b3bxdf {
    margin-top: 40px;
}

.he_b3bxdf .he_b3bxdjn {
    margin-bottom: 15px;
}

.he_c1ny .he_main {
    overflow: inherit;
}

.he_c1ny .he_b2bx::after {
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.he_c1bx {
    width: 100%;
    position: relative;
    border-radius: 10px;
    background: #f7f8fc;
    margin-top: -208px;
    margin-bottom: 120px;
    min-height: 230px;
}

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

.he_c1p1 {
    width: 100%;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.07);
    position: relative;
    background: #fff;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}


.he_c1p1li {
    width: 16.666666%;
    text-align: center;
    transition: all 0.36s;
}



.he_c1p1li a {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 74px;
    height: 74px;
    overflow: hidden;
    transition: all 0.36s;
    color: #666666;
    font-weight: bold;
}

.he_c1p1li.act a {
    color: #fff;
}

.he_c1p1li.act {
    background: #004168;
}

.he_c1p2ti p {
    font-size: 18px;
    line-height: 1.75;
    color: #333333;
    font-weight: bold;
}

.he_c1p2 {
    width: 100%;
    padding: 70px;
}

.he_c1p2nti {
    border-bottom: 1px solid #dedfe2;
    padding-bottom: 20px;
    position: relative;
}

.he_c1p2nti::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 2px;
    background: #1e437b;
}

.he_c1p2nti p {
    font-size: 22px;
    line-height: 1.5;
    color: #004168;
    font-weight: bold;
}

.he_c1p2ti {
    margin-bottom: 70px;
}

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

.he_c1p2ncv {
    margin-top: 25px;
}

.he_c1p2li {
    margin-bottom: 68px;
}

.he_c1p2exz {
    width: 100%;
    position: relative;
    margin-top: 34px;
}

.he_c1p2eta {
    margin: 0 -20px;
}

.he_c1p2etl {
    width: 25%;
    padding: 0 20px;
}

.he_c1p2etl p {
    font-size: 16px;
    line-height: 64px;
    height: 64px;
    overflow: hidden;
    color: #333333;
    font-weight: bold;
    transition: all 0.36s;
}

.he_c1p2enx {
    width: 100%;
    position: relative;
    background: #fff;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0px 3px 18.43px 0.57px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    transition: all 0.36s;
}



.he_c1p2zs {
    width: 60px;
    position: absolute;
}

.he_c1p2zs img {
    width: 100%;
}

.he_c1p2zs1 {
    top: 0;
    left: 0;
    transform: rotate(180deg);
}

.he_c1p2zs2 {
    bottom: 0;
    right: 0;
}

.he_c1p2etl.act .he_c1p2enx {
    background: #007dbc;
}

.he_c1p2etl.act p {
    color: #fff;
}

.he_c1p2etli {
    padding: 50px;
    background: #007dbc;
    border-radius: 10px;
    display: none;
    position: relative;
    overflow: hidden;
}

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

.he_c1p2ezs {
    width: 467px;
    position: absolute;
    top: 0;
    right: 80px;
}

.he_c1p2ezs img {
    width: 100%;
}

.he_c1p2etr {
    margin-top: 18px;
    margin-bottom: 40px;
}

.he_c1p2etfg p {
    padding-left: 36px;
    position: relative;
    font-size: 14px;
    line-height: 2;
    color: #fff;
}

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

.he_c1ny .he_bread {
    top: -59px;
}

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

.he_d1p2ny {
    width: 100%;
    position: relative;
    padding: 0 83px 150px;
    display: none;
    z-index: 10;
}

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


.he_d1p2nri {
    width: 600px;
    position: relative;
}

.he_d1p2nle {
    width: calc(100% - 600px);
    padding-right: 85px;
}

.he_d1p2nri img {
    border-radius: 10px;
}

.he_d1p2ti p {
    font-size: 24px;
    line-height: 1.65;
    color: #1e437b;
    font-weight: bold;
    height: 78px;
    overflow: hidden;
}

.he_d1p2nle .he_sep3jl1 p {
    font-size: 16px;
}

.he_d1p2nle .he_sep3jl1 p:nth-child(2) {
    color: #666666;
}

.he_d1p2ti {
    margin-bottom: 28px;
}

.he_d1p2tp p {
    font-size: 14px;
    line-height: 1.7;
    color: #999999;
    height: 46px;
    overflow: hidden;
}

.he_d1p2tp {
    margin-top: 20px;
}

.he_d1p2mo {
    width: 100%;
    position: relative;
    margin-top: 73px;
}

.he_d1p2ny a {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row-reverse;
}

.he_d1ny .he_c1bx {
    background: #fff;
}

.he_d1p2ul {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 10;
}

.he_d1p2ul::after {
    content: '';
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fbfbfb;
    z-index: -1;
}

.he_d1p2ul .slick-dots li {
    width: 8px;
    height: 8px;
    background: #1d6483;
    margin: 0 11px;
}

.he_d1p2ul .slick-dots li::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #1d6483;
    opacity: 0;
    transition: all 0.36s;
}

.he_d1p2ul .slick-dots li.slick-active::after {
    opacity: 1;
}

.he_d1p2ul .slick-dots {
    bottom: 81px;
}

.he_d1p3 {
    width: 100%;
    position: relative;
    margin-top: 70px;
}

.he_d1p3nri {
    width: 506px;
    position: relative;
}

.he_d1p3nle {
    width: calc(100% - 506px);
    padding-right: 108px;
    padding-left: 30px;
}

.he_d1p3nri img {
    border-radius: 10px;
}

.he_d1p3li {
    width: 100%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-bottom: 60px;
}

.he_d1p3li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-image: linear-gradient(to bottom, #1b938f, #1e427b);
}

.he_d1p3li .he_d1p2ti p {
    color: #666666;
    font-size: 16px;
    height: inherit;
    max-height: 52px;
    transition: all 0.36s;
}

.he_d1p3li .he_d1p2ti {
    margin-bottom: 18px;
}

.he_d1p3li .he_d1p2mo {
    margin-top: 23px;
}

.he_d1p3nx {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.he_sep3jl1 p {
    color: #666666;
    transition: all 0.36s;
}

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

.he_d1ny .he_c1bx {
    margin-bottom: 100px;
}

.he_d1p4 {
    padding-top: 35px;
}

.he_d2ny .he_c1bx {
    background: #fff;
}

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

.he_d2p1ti h3 {
    font-size: 30px;
    line-height: 2;
    color: #333333;
}

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

.he_d2ny .he_c1yu {
    padding: 130px 145px 0;
}

.he_d2ny .he_sep3jl1 p {
    font-size: 16px;
}

.he_d2ny .he_sep3jl1 p:nth-child(2) {
    color: #1e437b;
}

.he_d2p1ti {
    margin-bottom: 40px;
}

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

.he_d2p1ny p {
    font-size: 14px;
    line-height: 1.85;
    color: #666666;
    margin-bottom: 16px;
}

.he_d2p1qh {
    width: 100%;
    position: relative;
    margin-top: 85px;
}

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

.he_d2p1qhce img {
    width: 100%;
}

.he_d2p1qhn {
    width: 245px;
    position: relative;
}

.he_d2p1qhn a {
    font-size: 14px;
    line-height: 2;
    color: #666666;
    height: 28px;
    overflow: hidden;
    transition: all 0.36s;
    display: block;
}

.he_d2p1qhle::after {
    content: '<';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: 2;
    color: #666666;
}

.he_d2p1qhle {
    padding-left: 12px;
}

.he_d2p1qhri {
    padding-right: 12px;
}

.he_d2p1qhri::after {
    content: '>';
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    line-height: 2;
    color: #666666;
}

.he_d2ny .he_c1bx {
    margin-bottom: 100px;
}

.he_e1ny .he_c1bx {
    background: #fff;
    box-shadow: 0px 3px 35px 0px rgba(22, 55, 82, 0.16);
}

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

.he_e1p1 {
    padding: 65px 95px 80px;
}

.he_e1p1ti h4 {
    font-size: 36px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
}

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

.he_e1p1tpk {
    margin-top: 30px;
}

.he_e1p1bd {
    width: 100%;
    position: relative;
    margin-top: 65px;
}

.he_e1p1bul {
    margin-top: 45px;
}

.he_e1p1bli {
    width: 20%;
    margin-bottom: 20px;
}

.he_e1p1etp {
    width: 54px;
    position: relative;
}

.he_e1p1etp img {
    border-radius: 50%;
}

.he_e1p1edb {
    width: 100%;
    position: relative;
    border-left: 1px solid rgba(0, 65, 104, 0.4);
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-top: 26px;
    margin-left: 25px;
}

.he_e1p1elp p {
    font-size: 18px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
    height: 27px;
    overflow: hidden;
}

.he_e1p1elo p {
    font-size: 14px;
    line-height: 1.85;
    color: #666666;
}

.he_e1p1elo {
    margin-top: 22px;
    height: 100px;
    overflow: hidden;
}

.he_e1p2 {
    width: 100%;
    position: relative;
    margin-bottom: 110px;
}

.he_e1p2ti {
    display: inline-block;
    border-bottom: 2px solid rgba(20, 70, 106, 0.1);
    padding-right: 66px;
    padding-bottom: 17px;
    position: relative;
}

.he_e1p2ti::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 75px;
    height: 4px;
    background: #ffbb2c;
}

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

.he_e1p2nl {
    width: 100%;
    position: relative;
    margin-top: 50px;
    padding: 0 100px;
}

.he_e1p2li {
    width: 100%;
    padding: 28px 34px;
    border-bottom: 1px solid #dadada;
}

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

.he_e1p2lmri {
    width: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.he_e1p2lmle {
    width: calc(100% - 24px);
}

.he_e1p2lmri img {
    transition: all 0.36s;
}

.he_e1p2lmri .he_img1 {
    opacity: 0;
}

.he_e1p2lml p {
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    font-weight: bold;
    transition: all 0.36s;
}

.he_e1p2lh {
    width: 10px;
    position: absolute;
    top: 7px;
    left: -31px;
}

.he_e1p2lh img {
    transition: all 0.36s;
}

.he_e1p2lh .he_img1 {
    opacity: 0;
}

.he_e1p2lnc {
    width: 100%;
    position: relative;
    margin-top: 12px;
}

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

.he_e1p2lnli {
    margin-right: 95px;
}

.he_e1p2sld {
    width: 100%;
    position: relative;
    margin-bottom: 64px;
    display: none;
    border-top: 1px solid rgba(8, 65, 126, 0.1);
    margin-top: 40px;
}

.he_e1p2ne {
    width: 100%;
    /* border-right: 1px solid #e5e5e5; */
    position: relative;
}

.he_e1p2ne::after {
    content: '';
    position: absolute;
    top: 20%;
    right: -1px;
    width: 1px;
    height: 40px;
    background: #000000;
    display: none;
}

.he_e1p2nel h4 {
    font-size: 16px;
    line-height: 1.875;
    color: #000000;
    /* font-weight: bold; */
    margin-top: 36px;
}

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

.he_e1p2nor {
    margin-top: 42px;
}

.he_e1p2li.act .he_e1p2lml p {
    color: #004168;
}

.he_e1p2li.act .he_e1p2lh .he_img1 {
    opacity: 1;
}


.he_e1p2li.act .he_e1p2lh .he_img {
    opacity: 0;
}

.he_e1p2li.act .he_e1p2lmri .he_img1 {
    opacity: 1;
}

.he_e1p2li.act .he_e1p2lmri .he_img {
    opacity: 0;
}

.he_e1p2li {
    transition: border 0.36s;
}

.he_e1p2li.act {
    border-bottom: 3px solid #08417e;
}

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


.he_xbanghl p {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
}

.he_xbanghl {
    margin-top: 43px;
    width: 60%;
}

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

.he_f1p1le {
    width: 500px;
    padding: 93px 60px 20px;
    position: relative;
    z-index: 10;
}

.he_f1p1ri {
    width: calc(100% - 500px);
    /* height: 580px; */
    z-index: 10;
    position: relative;
}

.he_f1p1ri img {
    width: 100%;
}

.he_f1p1ri #map {
    width: 100%;
    height: 100%;
}

.he_f1ny .he_c1bx {
    box-shadow: 0px 3px 35px 0px rgba(30, 67, 123, 0.07);
    background: #fff;
}

.he_f1p1lti p {
    font-size: 30px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
}

.he_f1p1li {
    width: 100%;
    margin-bottom: 26px;
}

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

.he_f1p1li p a {
    color: #666666;
}

.he_f1p1li p span {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    padding-right: 20px;
}

.he_f1p1ul {
    margin-top: 70px;
}

.he_f1zhst {
    width: 500px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.he_f1zhst img {
    width: 100%;
}

.he_f1ny .he_b2p1zst2 {
    top: 203px;
}

.he_b1p1 {
    width: 100%;
    position: relative;
    z-index: 10;
    padding-bottom: 80px;
}

.he_b1p1le {
    width: 310px;
    position: relative;
}

.he_b1p1ri {
    width: calc(100% - 310px);
}

.he_b1zst {
    width: 70px;
    position: absolute;
    top: -21px;
    left: -24px;
}

.he_b1zst img {
    width: 100%;
}

.he_b1p1rkl p {
    font-size: 24px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
}

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

.he_b1p1rkj {
    margin-top: 22px;
}


.he_b1ny .he_b2p1zst2 {
    top: -143px;
}

.he_b1p2 {
    width: 100%;
    background: #f7f8fc;
    position: relative;
    padding: 110px 0 130px;
    z-index: 10;
}

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

.he_b1p2bri {
    width: 886px;
    position: relative;
}

.he_b1p2ble {
    width: calc(100% - 886px);
    margin-top: 85px;
}

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

.he_b1p2bt1 img {
    width: 100%;
}

.he_b1p2bt2 {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 100%;
    padding-left: 110px;
}

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

.he_b1p2vx img {
    border-radius: 10px;
    transition: all 0.6s ease-in-out;
}

.he_b1p2bt3 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.he_b1p2bt3 img {
    width: 100%;
}

.he_b1p2bt4 {
    width: 197px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.he_b1p2bt4 img {
    border-radius: 10px;
}

.he_b1p2bule {
    width: 28px;
    margin-top: 8px;
}

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

.he_b1p2bule img {
    width: 100%;
}

.he_b1p2bf1 p {
    font-size: 20px;
    line-height: 1.5;
    color: #999999;
}

.he_b1p2bf2 p {
    font-size: 22px;
    line-height: 1.75;
    color: #333333;
    font-weight: bold;
}

.he_b1p2bf2 {
    margin-top: 11px;
}

.he_b1p2buli {
    margin-bottom: 58px;
}

.he_b1p3 {
    width: 100%;
    position: relative;
    background: #fff;
    padding-top: 140px;
}

.he_b1p3nle {
    width: 580px;
}

.he_b1p3nri {
    width: calc(100% - 580px);
    padding-left: 86px;
    position: relative;
    z-index: 1;
}

.he_b1p3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 705px;
    height: 470px;
    background-image: linear-gradient(to right, #0a295a, #1b938f);
}

.he_b1p3n {
    position: relative;
    z-index: 10;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.he_b1p3na {
    width: 212px;
    margin-top: 70px;
    margin-bottom: 60px;
}

.he_b1p3na img {
    width: 100%;
}

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

.he_b1p3zs {
    width: 982px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.he_b1p3zs img {
    width: 100%;
}

.he_b1p3zs1 {
    width: 502px;
    position: absolute;
    top: -80px;
    right: -70px;
    z-index: -1;
}

.he_b1p3zs1 img {
    width: 100%;
}

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

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

.he_b1p4sle,
.he_b1p4xle {
    width: 300px;
}

.he_b1p4sri,
.he_b1p4xri {
    width: calc(100% - 300px);
}

.he_b1p4xri {
    position: relative;
}

.he_b1p4sri {
    margin-top: 10px;
}

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

.he_b1p4xl {
    margin-top: 80px;
}

.he_b1p4xri .he_b2p1li {
    width: 396px;
}

.he_b1p4xri .swiper-container {
    padding-left: 20px;
    margin-left: -20px;
}

.he_b1p4xvd {
    width: calc(100% + 260px);
    position: relative;
}

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

.he_b1p4xm {
    width: 50%;
    height: 100%;
    outline: none;
}

.he_b1p4xvri {
    cursor: url(../images/b1arr2.png), auto;
    outline: none;
}

.he_b1p4xvle {
    cursor: url(../images/b1arr1.png), auto;
    outline: none;
}

.he_b1p4xzs {
    width: 500px;
    position: absolute;
    bottom: 75px;
    left: -124px;
    pointer-events: none;
}

.he_b1p4xzs img {
    width: 100%;
}

.he_b1p4xri .he_b2p1zj {
    background: transparent;
}

.he_b1p2play {
    width: 62px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    cursor: pointer;
}

.he_b1p2play img {
    width: 100%;
}

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


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

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

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

.mc_videom_content {
    width: 1200px;
}

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

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

.mc_videom_iframebox {
    text-align: center;
}

.mc_videom_iframebox {
    display: none;
}

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

@keyframes donghua {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(5px);
    }

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

.he_pcmpa.on .he_pcmpari img {
    transform: rotate(180deg)
}

.he_pcnli.yxnav_active1::after {
    opacity: 1;
}

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

/* ph导航选中 */
.yxnav_active1.ys_navph1_phnav1 {
    color: #fff;
}

.yxnav_active2.ys_navph1_phnav2 {
    color: #fff;
}

.yxnav_active3.ys_navph1_phnav3 {
    color: #fff;
}

/*ph导航&下拉*/
.ys_navph1_phxia {
    position: fixed;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 64px;
    z-index: 300;
    display: block !important;
    background-color: #004168;
}

.ys_navph1_xialaph {
    display: none;
    width: 100%;
    padding-bottom: 18px;
    height: calc(100vh - 64px);
    padding-top: 20px;
    padding: 20px 20px 0;
}

.ys_navph1_xialaph h4 {
    position: relative;
}

.ys_navph1_xialaph h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: .4;
    background-color: rgba(255, 255, 255);
}

.ys_navph1_xialaph h4 a {
    line-height: 50px;
    color: rgba(2552, 255, 255, 0.6);
    font-size: 14px;
    text-transform: uppercase;
}

.ys_navph1_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%);
}

.ys_navph1_xialaph .ys_navph1_ul2 {
    display: none;
    padding-top: 7px;
    padding-bottom: 8px;
}

.ys_navph1_xialaph .ys_navph1_ul2 .container_s {
    max-width: 100%;
    padding: 0 15px;
}

.ys_navph1_xialaph h5 {
    position: relative;
}

.ys_navph1_xialaph h5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: .4;
    background-color: rgba(255, 255, 255);
}

.ys_navph1_xialaph h5 a {
    font-size: 12px;
    line-height: 44px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .6);
}

.ys_navph1_xialaph h5 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%);
}

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

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

.ys_navph1_xialaph .ys_navph1_ul3 {
    display: none;
}

.ys_navph1_xialaph h6 {
    position: relative;
}

.ys_navph1_xialaph h6 a {
    font-size: 12px;
    line-height: 44px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .6);
}

.ys_navph1_xialaph h6::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: .4;
    background-color: rgba(255, 255, 255);
}

/* 搜索 */
.ys_navph1_ph_search {
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    padding-left: 15px;
    margin-top: 32px;
}

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

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

.ys_navph1_ph_search_ph input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

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

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

.ys_navph1_ph_searchfe img {
    width: 100%;
}

/* 语言版本切换 */
.ys_navph1_wj_hin_r_en a {
    color: #666;
}

.ys_navph1_wj_hin_r_en {
    margin-right: 15px;
}

/* header ys_navph1 */
.ys_navph1_header {
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(0);
    z-index: 999;
    width: 100%;
    height: 64px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    display: none;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}

.ys_navph1_header .ys_navph1_logo {
    width: 170px;
    line-height: 64px;
}

.ys_navph1_header .ys_navph1_logo img {
    width: 100%;
}

.ys_navph1_header .ys_navph1_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%);
}

.ys_navph1_header .ys_navph1_wj_hin_right {
    padding-top: 25px;
}

.ys_navph1_header .ys_navph1_phsearch img {
    width: 100%;
}

.ys_navph1_ph_mea_cl {
    overflow: hidden;
    width: 28px;
    height: 100%;
}

.ys_navph1_header .ys_navph1_menuph {
    width: 28px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.ys_navph1_header .ys_navph1_menuph .ys_navph1_point {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 14px;
}

.ys_navph1_header .ys_navph1_menuph .ys_navph1_point .ys_navph1_navbtn,
.ys_navph1_header .ys_navph1_menuph .ys_navph1_point .ys_navph1_navbtn::after,
.ys_navph1_header .ys_navph1_menuph .ys_navph1_point .ys_navph1_navbtn::before {
    width: 28px;
}

.ys_navph1_header .ys_navph1_menuph .ys_navph1_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;
}

.ys_navph1_header .ys_navph1_menuph .ys_navph1_navbtn::after,
.ys_navph1_header .ys_navph1_menuph .ys_navph1_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;
}

.ys_navph1_header .ys_navph1_menuph .ys_navph1_navbtn::after {
    top: -10px;
}

.ys_navph1_header .ys_navph1_menuph .ys_navph1_navbtn::before {
    top: 10px;
}

.ys_navph1_header .ys_navph1_menuph .ys_navph1_point.active .ys_navph1_navbtn {
    background: transparent;
}

.ys_navph1_header .ys_navph1_menuph .ys_navph1_point.active .ys_navph1_navbtn::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ys_navph1_header .ys_navph1_menuph .ys_navph1_point.active .ys_navph1_navbtn::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.he_suonr {
    line-height: 60px;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 100%;
    padding-right: 80px;
    background: #fff;
    opacity: 0;
    transition: all 0.36s;
    pointer-events: none;
}


.he_suonr .iconfont {
    font-size: 20px;
    color: #004168;
    line-height: 60px;
}

.he_suonr input[type='text'] {
    font-size: 16px;
    width: 400px;
    height: 50%;
    padding-left: 10px;
    color: #666;
}

.he_suonr .serbtn {
    font-size: 14px;
    height: 36px;
    margin-right: 20px;
    padding: 0 20px;
    -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;
    text-transform: uppercase;
    color: #004168;
    border: 1px solid #004168;
}

.he_pcbxle,
.he_pcbxri {
    transition: all 0.36s;
}

.he_pc_hd.he_sersw .he_pcbxle {
    opacity: 0;
    pointer-events: none;
}

.he_pc_hd.he_sersw .he_pcbxri {
    opacity: 0;
    pointer-events: none;
}

.he_pc_hd.he_sersw .he_suonr {
    opacity: 1;
    pointer-events: auto;
}

.he_suonr .iconguanbi {
    cursor: pointer;
}

.he_fotali1 {
    position: relative;
}

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

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

.he_sep2rpht {
    display: none;
    width: 100%;
    position: relative;
}

.he_sep2rpht img {
    width: 100%;
}

.he_b1p2zs {
    width: 400px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.he_b1p2zs img {
    width: 100%;
}

.he_b1p4xm {
    width: 50% !important;
}

.he_banli.slick-current .he_xbanth p {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}

.he_banli.slick-current .he_xbanti p {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}

.he_banli.slick-current .he_xbanmn {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}


@media screen and (min-width:1200px) {

    .he_downli:hover .he_downle p {
        color: #333333;
    }

    .he_downli:hover .he_downri .he_img {
        opacity: 1;
    }

    .he_downli:hover .he_downri .he_img1 {
        opacity: 0;
    }

    .he_pcnli:hover .he_pcnava {
        color: #fff;
    }

    .he_pcnli:hover::after {
        opacity: 1;
    }

    .he_xbanmn:hover .he_xbanmri {
        animation: donghua 0.6s 1 linear;
    }

    .he_pcmpjk a:hover {
        color: #1e437b;
    }

    .he_d2p1qhn:hover a {
        color: #1e437b;
    }

    .he_d2p1qhn::after {
        color: #1e437b;
    }

    .he_d1p3nx:hover .he_d1p2ti p {
        color: #1e437b;
    }

    .he_d1p3nx:hover .he_sep3jl1 p {
        color: #1e437b;
    }

    .he_breli a:hover {
        color: #fff;
    }

    .he_c1p2enx:hover {
        background: #007dbc;
    }

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

    .he_c1p1li:hover {
        background: #004168;
    }

    .he_c1p1li:hover a {
        color: #fff;
    }

    .pc_fenye li:hover {
        color: #fff;
        /* background-color: #00b9f1; */
    }

    .pc_fenye li:hover::after {
        opacity: 1;
    }


    .pc_fenye li:hover {
        color: #fff;
        /* background-color: #333333; */
    }

    .he_sep3luli a:hover {
        box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.07);
    }

    .he_sep3luli a:hover .he_sep3jl2 p {
        color: #004168;
    }

    .he_sep3kli:hover::after {
        opacity: 1;
        width: 80%;
    }

    .he_sep3kli:hover p {
        color: #265377;
    }

    .he_sep3bxz a:hover .he_sep3jl2 p {
        color: #004168;
    }

    .he_fotndli a:hover {
        color: rgba(255, 255, 255, 0.6);
    }

    .he_fotali:hover {
        opacity: 1;
    }

    .he_b2p1nk:hover {
        box-shadow: 0px 3px 35px 0px rgba(30, 67, 123, 0.07);
    }

    .he_b2p1nk:hover .he_b2p1te1 p {
        color: #333333;
    }

    .he_b2p1nk:hover .he_b2p1te2 p {
        color: #004168;
    }

    .he_b2p1nk:hover .he_b2p1ig img {
        transform: scale(1.06);
    }

    .he_b1p2bsn:hover .he_b1p2vx img {
        transform: scale(1.06);
    }
}


/*载入效果*/
.g_fadein1 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.3s;
}

.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_pcmpale {
    width: 26px;
}

.he_c1bx {
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.he_e1p2nel {
    max-height: 63vh;
}

.he_e1p2ne .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 1px;
}

.he_e1p2ne .mCSB_scrollTools .mCSB_draggerContainer {

    right: -15px;
}

.he_e1p2sld .he_xbanmle {
    width: 100%;
}

.he_e1p2sld .he_xbanmn {
    width: 100%;
    border: none;

}

.he_e1p2sld .he_sep1lmo .he_xbanmle p {
    color: #265377;
    font-weight: bold;
    font-size: 16px;
}

.he_e1p2sld .he_xbanmle p span {
    font-size: 18px;
}

.he_e1p2pvd {
    max-width: 1024px;
}

.he_b2p1ul {
    z-index: 10;
}

.he_b1p4 {
    background: rgb(251, 251, 251);
}

.he_sep4le {
    width: 41.4%;
}

.he_sep4ri {
    width: 58.6%;
    padding-left: 56px;
}

.he_b1p3nle {
    width: 41.4%;
}

.he_b1p3nri {
    width: 58.6%;
}

.he_d1p3li {
    border-radius: 0 10px 10px 0;
    overflow: hidden;
}

.he_e1p2li {
    position: relative;
}

.he_e1p2zst {
    position: absolute;
    top: -13px;
    right: 19px;
    width: 372px;

    transition: all 0.36s;
}

.he_e1p2zst img {
    width: 100%;
}

.he_moreph {
    display: none;
}

.he_b3ny .he_xbanmn {
    display: inline-block;
    text-align: left;
}

.he_c1ny .he_c1bx {
    overflow: inherit;
}

.he_c1p1li {
    position: relative;
}

/* .he_c1p1li::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #004168;
}
.he_c1p1li a{
    z-index: 1;
    position: relative;
}

.he_c1yu{
    border-radius: 10px 10px 0 0;
} */

.he_e1p2nel .mCSB_scrollTools .mCSB_draggerContainer {
    top: 32px;
}

.he_pcnli:first-child::after {
    min-width: 134px;
}

.he_pcnli:first-child {
    margin: 0 0;
}

.he_down {
    /* min-width: 166px; */
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.06);
}

.he_e1p1bd {
    display: none;
}


.he_c1p2etl {
    margin-bottom: 26px;
}

.he_c1p2etr {
    margin-top: 0px;
}

.he_pcnli {
    margin: 0;
    min-width: 166px;
    text-align: center;
}

.he_down {
    text-align: left;
}

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

.he_section4::after {
    width: 450px;
}

.he_b1p3::after {
    width: 650px;
}

.he_fotali {
    margin-right: 0 !important;
    margin-bottom: 33px;
}

.he_fotbsr {
    width: 36px;
}

.he_fotab {
    width: auto;
    margin-right: 30px;
}

.he_fotafx {
    margin-top: 4px;
}

.he_fotcer {
    margin: 0 auto;
}

.he_fotabz {
    margin-left: 6px;
}

.he_f1kj {
    width: 100%;
}

.he_f1kjlb {
    width: 50%;
    padding: 0 10px;
}

.he_f1kjli {
    margin: 0 -10px;
}

.he_f1kjle {
    width: 42%;
}

.he_f1kjri {
    width: 58%;
}

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

.he_f1kjli {
    padding-bottom: 2px;
}

.he_f1p1li:last-child {
    margin-bottom: 18px;
}

.he_f1ny .he_f1zhst img {
    opacity: 0.6;
}

.he_e1ny .he_main {
    position: relative;
}

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

.he_c1bx {
    margin-bottom: 40px;
}

.he_e1p2 {
    padding-top: 80px;
}

.he_index .he_xbante {
    min-height: 255px;
}

.he_downri {
    display: none;
}

.he_downle {
    width: 100%;
    text-align: center;
    padding-right: 0;
}

.he_c1p2li:last-child {
    margin-bottom: 0px !important;
}

.he_c1p2ed {
    padding-top: 68px;
}

.he_c1ny .he_c1bx {
    margin-bottom: 120px;
}

.he_e1p2sld {
    margin-top: 22px;
}

.he_b1p2play {
    display: none;
}

.he_banjdots p {
    padding-left: 16px;
    position: relative;
}

.he_banjdots p::after {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #666666;
}

.he_e1ny .he_c1bx {
    margin-bottom: 0px !important;
}

.he_fotbqri a {
    margin-left: 10px;
}

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

.he_moregc p {
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.he_pcbxle a {
    width: 100%;
}

.he_d1p3li a {
    width: 100%;
}

.he_xbanghl p {
    font-weight: bold;
}

.he_xbanghl p {
    font-size: 20px;
}

/* 新增 star */

.hist_cont {
    width: 100%;
    position: relative;
    background: #FBFBFB;
    padding: 110px 0 150px;
}

.hist_list {
    width: 100%;
    position: relative;
    z-index: 10;
}

.hist_list_tit {
    margin-bottom: 90px;
}

.hist_cent {
    width: 1010px;
    margin: 0 auto;
}

.hcul_le {
    width: 250px;
    padding-right: 15px;
}

.hcul_ri {
    width: calc(100% - 250px);
}

.hcul_rwap {
    width: 100%;
    display: flex;
    align-items: center;
}

.hcul_le p {
    font-size: 64px;
    color: #004168;
    line-height: 1.5;
    font-weight: bold;
    /* font-family: "HelveticaNeueLTProHv"; */
}

.hcul_ri_heig p {
    font-size: 20px;
    line-height: 1.75;
    color: #666;
    position: relative;
    padding-left: 22px;
    margin-bottom: 10px;
}

.hcul_ri_heig p::after {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 8px;
    height: 8px;
    background: linear-gradient(270deg, #004168 0%, #169992 100%);
    border-radius: 50%;
}


.hcul_ri_heig {
    max-height: 250px;
    overflow: hidden;
}

.hcul_ri_heig .mCSB_dragger_bar,
.hcul_ri_heig .mCSB_draggerRail {
    width: 1px !important;
}

.hist_cent_ul {
    margin-bottom: 78px;
}

.hist_cent_ul .hist_cent_ul_li {
    display: flex !important;
}

.hist_cent_ul_li {
    display: none;
    height: 250px;
    align-items: center;
    flex-wrap: wrap;
}

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

.hist_spe_li {
    cursor: pointer;
    padding-top: 9px;
    display: none;
}

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

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

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

.hist_spe_li_year i {
    width: 12px;
    height: 12px;
    background: linear-gradient(270deg, #004168 0%, #169992 100%);
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.hist_spe_li_year i::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #169992;
    opacity: 0;
    z-index: -1;
    transition: all 0.36s;
}

.hist_spe_ul {
    position: relative;
    z-index: 1;
}

.hist_spe_ul::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 14px;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, #004168 0%, rgba(0, 65, 104, 0) 100%);
}

/* 
.hist_spe_ul .slick-arrow {
    width: 56px;
    height: 56px;
    top: 23%;
    border-radius: 50%;
    border: 1px solid rgba(0, 65, 104, 1);
    transition: all 0.36s;
}

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

.hist_spe_ul .slick-next::after {
    background-image: url(../images/b_arrow02.svg);
}

.hist_spe_ul .slick-prev::after {
    background-image: url(../images/b_arrow01.svg);
}

.hist_spe_ul .slick-prev {
    left: -90px;
}

.hist_spe_ul .slick-next {
    right: -90px;
}

.hist_spe_ul .slick-arrow.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
} */

.hist_spe_li.slick-current .hist_spe_li_year i::after {
    opacity: 0.2;
}

.hist_cont .he_content {
    position: relative;
}

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

.hist_cont_desz {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    transform-origin: center center;
    transition: all 1s;
}

.hist_cont_desz img {
    width: 100%;
}

.hist_cent_ul_li.on .mCSB_scrollTools {
    opacity: 0 !important;
}


.hist_spe_btn_wrap {
    width: 56px;
    height: 56px;
    bottom: 4%;
    border-radius: 50%;
    border: 1px solid rgba(0, 65, 104, 1);
    transition: all 0.36s;
    position: absolute;
    cursor: pointer;
}

.hist_spe_btn_wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% 100%;
    width: 20px;
}

.hist_spe_btn_le {
    left: -90px;
}


.hist_spe_btn_ri {
    right: -90px;
}

.hist_spe_btn_wrap.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
}


.he_sep2ri {
    width: calc(100% - 640px);
}

.he_sep2le {
    width: 640px;
}

.he_section2 #particles-js {
    pointer-events: none;
}

.he_sep2rli4 {
    top: 10%;
    left: 0;
}

.he_sep2rli5 {
    top: 70%;
    left: 0;
}

.he_sep2rli1 {
    top: 35%;
}

.he_sep2le {
    padding-right: 100px;
}

.he_sep2rli1 {
    top: 32%;
    left: -20px;
}

.he_sep2rli2 {
    right: 58px;
    top: 5.8%;
}

.he_sep2rli4 {
    top: 5%;
    left: 44px;
}

.he_sep2rli5 {
    top: 62%;
    left: 29px;
}

.he_sep2ter p {
    font-size: 12px;
}

.he_sep1ns p {
    font-size: 50px;
}

.l_a1_tztic {
    top: 55px;
}

.he_sep1nul .slick-dots {
    bottom: -30px;
}

.l_a1_tztic {
    top: -27px;
}

/* 新增 end */