@charset "utf-8";



/*公共*/

body {

    overflow: hidden;

    max-width: 1920px;

    margin: auto;

    background: #fff;

}



@font-face {

    font-family: "ROBOTO-BOLD";

    src: url("../fonts/ROBOTO-BOLD.woff2") format("woff2"),

        url("../fonts/ROBOTO-BOLD.woff") format("woff"),

        url("../fonts/ROBOTO-BOLD.ttf") format("truetype"),

        url("../fonts/ROBOTO-BOLD.eot") format("embedded-opentype"),

        url("../fonts/ROBOTO-BOLD.svg") format("svg");

}





@font-face {

    font-family: "DIN-Bold";

    src: url("../fonts/DIN-Bold.woff2") format("woff2"),

        url("../fonts/DIN-Bold.woff") format("woff"),

        url("../fonts/DIN-Bold.ttf") format("truetype"),

        url("../fonts/DIN-Bold.eot") format("embedded-opentype"),

        url("../fonts/DIN-Bold.svg") format("svg");

}





* {

    font-family: "Microsoft Yahei", "PingFangSC-Light", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", tahoma, SimSun, sans-serif !important;

}



.g_content {

    width: 1200px;

    margin: auto;

}



.g_content1 {

    width: 1560px;

    margin: auto;

}



.yxedr_active p {

    font-size: 16px;

    line-height: 28px;

    color: #666;

}



.g_img {

    position: relative;

}



.g_img img {

    width: 100%;

    height: 100%;

}



.g_img1 {

    position: relative;

    top: 0;

    left: 0;

}



.g_img2 {

    position: absolute;

    top: 0;

    left: 0;

}



/*规范*/

.g_word1 {

    font-size: 30px;

    line-height: 1.75;

    letter-spacing: 1px;

}



.g_word2 {

    font-size: 24px;

    line-height: 1.75;

    letter-spacing: 1px;

}



.g_word3 {

    font-size: 18px;

    line-height: 1.75;

    letter-spacing: 1px;

}



.g_word4 {

    font-size: 16px;

    line-height: 1.75;

    letter-spacing: 1px;

}



.g_word5 {

    font-size: 14px;

    line-height: 1.75;

    color: #999;

    letter-spacing: 1px;

}



.g_parp p {

    color: #666;

    font-size: 14px;

    line-height: 1.75;

    margin-bottom: 10px;

    letter-spacing: 1px;

}



/*规范*/

/*pc导航选中*/

.yxnav_active1 .g_nav1 {}



.yxnav_active2 .g_nav2 {}



/*ph导航选中*/

.yxnav_active1.g_phnav1 {

    color: #007aff;

}



.yxnav_active2.g_phnav2 {

    color: #007aff;

}



.yxnav_active3.g_phnav3 {

    color: #007aff;

}



/*ph导航&下拉*/

.phxia {

    position: fixed;

    width: 100%;

    left: 0;

    top: 64px;

    z-index: 300;

    padding: 0 20px;

    background-color: #f1f1f1;

    display: none;

}



.xialaph {

    display: none;

    width: 100%;

    padding-bottom: 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: 40px;

    text-transform: uppercase;

    color: #999;

}



.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-size: 14px;

    line-height: 40px;

    text-transform: uppercase;

    color: #999;

}



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

}



.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-size: 12px;

    line-height: 40px;

    text-transform: uppercase;

    color: #999;

}



.header2 {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    width: 100%;

    height: 64px;

    padding-left: 20px;

    padding-right: 20px;

    background-color: #ffffff;

    display: none;

    box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.08);

}



.header2 .logo {

    width: 100px;

    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: 28px;

    height: 100%;

}



.header2 .menuph {

    width: 28px;

    height: 50px;

    cursor: pointer;

    text-align: center;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 20px;

}



.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;

    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: 16px;

    color: #999;

}



.ph_dh_number .ph_dh_n p a {

    float: left;

    font-size: 16px;

    color: #999;

}



.ph_dh_number .ph_dh_n .ph_dh_n_p1 {

    margin-right: 15px;

}



.wj_hin_r_en a {

    color: #666;

}



.ph_searchfe {

    position: absolute;

    top: 50%;

    right: 15px;

    transform: translateY(-50%);

    width: 16px;

}



.ph_searchfe img {

    width: 100%;

}



.wj_hin_r_en {

    margin-right: 15px;

}



/*start*/

.g_title1 {

    color: #333;

    font-size: 36px;

    font-weight: bold;

    line-height: 48px;

}



.g_d1pt1fr {

    width: 525px;

    position: relative;

    margin-top: 30px;

}



.g_d1pt1frtu {

    width: 100%;

}



.g_d1pt1frtu img {

    width: 100%;

}



.g_d1pt1frwz {

    color: #fff;

    font-weight: bold;

    font-size: 36px;

}



.g_d1pt1fr1 {

    position: absolute;

    top: 110px;

    left: 50%;

    transform: translateX(-50%);

}



.g_d1pt1fr2 {

    position: absolute;

    bottom: 116px;

    left: 98px;

}



.g_d1pt1fr3 {

    position: absolute;

    bottom: 116px;

    right: 98px;

}



.g_d1pt1fl {

    width: calc(100% - 525px);

    padding-right: 140px;

}



.g_d1pt1fl1 {

    color: #333;

    width: 100px;

    font-size: 24px;

    line-height: 30px;

}



.g_d1pt1fl2 {

    width: calc(100% - 100px);

}



.g_d1pt1fl2 p {

    color: #666666;

    font-size: 18px;

    line-height: 30px;

}



.g_d1pt1fl2 {

    padding-bottom: 20px;

    border-bottom: 1px solid #e5e5e5;

}



.g_d1pt1fl h3 {

    margin-bottom: 80px;

}



.g_d1pt1 {

    padding: 130px 0 148px;

}



.g_d1pt1flnr {

    margin-bottom: 20px;

}



.g_d1pt2 {

    background: #f6f6f6;

    padding: 108px 0 44px;

}



.g_d1pt2wz p {

    color: #333333;

    font-size: 16px;

    line-height: 36px;

}



.g_d1pt2wz {

    text-align: center;

    padding: 0 150px;

    overflow: hidden;

}



.g_d1pt2wz h3 {

    margin-bottom: 40px;

}



.g_d1pt2tu {

    width: 100%;

    margin-top: 32px;

}



.g_d1pt2tu img {

    width: 100%;

}



.g_d1pt2 .g_content {

    padding: 0 10px;

}



.g_g2pt1 {

    padding: 130px 0;

}



.g_g2pt1wz {

    overflow: hidden;

}



.g_g2pt1wz h3 {

    color: #001b37;

    margin-bottom: 40px;

}



.g_g2pt1wz p {

    color: #666666;

    font-size: 16px;

    line-height: 36px;

}



.g_g2pt1tu,

.g_g2pt1tu img {

    width: 100%;

}



.g_g2pt1tu {

    margin-bottom: 60px;

}



.g_g2pt2 {

    position: relative;

}



.g_g2pt2bj {

    width: 100%;

    height: 926px;

}



.g_g2pt2bj img {

    width: auto;

    height: 100%;

    position: relative;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

}



.g_g2pt2nr h3 {

    color: #fff;

    margin-bottom: 80px;

}



.g_g2pt2top h4 {

    color: #fff;

    font-size: 24px;

    line-height: 34px;

    margin-bottom: 30px;

    font-weight: bold;

}



.g_g2pt2pfl {

    margin-right: 105px;

}



.g_g2pt2pfl p {

    color: #ffffff;

    font-size: 16px;

    line-height: 30px;

}



.g_g2pt2nr {

    position: absolute;

    top: 100px;

    left: 50%;

    transform: translateX(-50%);

}



.g_g2pt2p {

    width: 730px;

}



.g_g2pt2top {

    margin-bottom: 50px;

}



.g_g2pt2botfl {

    width: 20%;

    padding: 0 5px;

}



.g_g2pt2bot {

    margin: 0 -5px;

    overflow: hidden;

}



.g_g2pt2botfltu {

    width: 100%;

}



.g_g2pt2botfltu img {

    width: 100%;

}



.g_g2pt3 .g_g2pt2bj {

    height: 852px;

}



.g_g2pt3 {

    position: relative;

}



.g_g2pt3nr {

    position: absolute;

    bottom: 105px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 10;

}



.g_g2pt3wz {

    width: 50%;

    padding-left: 90px;

    overflow: hidden;

}



.g_g2pt3wz h3 {

    color: #fff;

    margin-bottom: 40px;

}



.g_g2pt3wz p {

    color: #fff;

    font-size: 16px;

    line-height: 36px;

}



.g_g2pt3 .g_g2pt2bj::before {

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

    background: #001b36;

    width: 50%;

    height: 390px;

    z-index: 9;

}



.g_g2pt4 {

    background: #ededec;

    padding: 120px 0;

}



.g_g2pt4fl,

.g_g2pt4fr {

    width: 50%;

}



.g_g2pt4fl {

    overflow: hidden;

}



.g_g2pt4 .g_content {

    position: relative;

}



.g_g2pt4fl {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    padding-right: 108px;

}



.g_g2pt4fl h3 {

    color: #001b37;

    margin-bottom: 50px;

}



.g_g2pt5fl h3 {

    color: #001b37;

    margin-bottom: 45px;

}



.g_g2pt4fl p {

    color: #333333;

    font-size: 16px;

    line-height: 36px;

}



.g_g2pt5 .g_content1 {

    position: relative;

}



.g_g2pt5fl {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    padding-right: 56px;

    width: calc(100% - 900px);

}



.g_g2pt5fr {

    width: 910px;

}



.g_g2pt5fr img {

    width: 100%;

}



.g_g2pt5fl p {

    color: #333333;

    font-size: 16px;

    line-height: 36px;

}



.g_g2pt5flbtn {

    margin-top: 95px;

}



.g_g2pt5flbtn {

    margin-top: 100px;

    background: #007aff;

    display: inline-block;

}



.g_g2pt5flbtn a {

    display: block;

    width: 100%;

    height: 100%;

    padding: 0 34px 0 38px;

}



.g_g2pt5flbtnfl {

    color: #fff;

    font-size: 16px;

    line-height: 60px;

}



.g_g2pt5flbtnfr {

    width: 6px;

    line-height: 60px;

    margin-left: 60px;

}



.g_g2pt5flbtnfr img {

    width: 100%;

}



.g_g2pt4fr {

    position: relative;

}



.g_g2pt4fr::before {

    content: '';

    /* background: #; */

    position: absolute;

    bottom: -25px;

    right: -110px;

    width: 112px;

    height: 336px;

    background: url(../images/2g2tu4_03.png) no-repeat;

    background-size: cover;

}



.g_g1pt1 {

    padding: 130px 0 178px;

}



.g_g1tle {

    border-bottom: 1px solid #e4e4e4;

    margin-bottom: 85px;

    text-align: center;

}



.g_g1tle h4 {

    text-align: center;

    color: #333;

    font-size: 30px;

    font-weight: bold;

    line-height: 40px;

    padding-bottom: 30px;

    position: relative;

    display: inline-block;

}



.g_g1tle h4::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    height: 1px;

    background: #007bff;

}



.g_g1pt1fl {

    width: 500px;

}



.g_g1pt1fr {

    width: calc(100% - 500px);

    overflow: hidden;

}



.g_g1pt1nr {

    position: relative;

}



.g_g1pt1fr {

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    padding-left: 90px;

}



.g_g1pt1frtop p {

    color: #007aff;

    font-size: 24px;

    line-height: 36px;

    font-weight: bold;

}



.g_g1pt1frbot p {

    color: #666666;

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 24px;

}



.g_g1pt1frtop {

    margin-bottom: 40px;

}



.g_g1pt2 {

    background: #efefef;

    padding: 104px 0 170px;

}



.g_g1pt2fl {

    width: 33.333333%;

    padding: 0 25px;

}



.g_g1pt2sk {

    position: relative;

}



.g_g1pt2sk::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 33.333333%;

    height: 100%;

    background-image: linear-gradient(to right, #efefef, transparent);

    z-index: 10;

}



.g_g1pt2sk::after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    width: 33.333333%;

    height: 100%;

    background-image: linear-gradient(to right, transparent, #efefef);

}



.g_g1pt2tu {

    width: 100%;

    position: relative;

}



.g_g1pt2wz {

    background: #fff;

    padding: 18px 10px;

}



.g_g1pt2wz p {

    color: #333333;

    font-size: 18px;

    line-height: 30px;

    text-align: center;

    height: 30px;

    overflow: hidden;

}



.g_g1pt2cen {

    padding: 0 15px;

}



.g_g1pt2sk .slick-dots {

    bottom: -55px;

}



.g_g1pt2sk .slick-dots li {

    width: 9px;

    height: 9px;

    margin: 0 12px;

    border: 1px solid #aaaaaa;

    background: #aaaaaa;

}



.slick-dots li.slick-active {

    background: #007aff;

    border: 1px solid #007aff;

}



.g_g1pt3 {

    padding: 104px 0;

}



.g_g1pt4 {

    position: relative;

}



.g_g1pt4nr {

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

}



.g_g1pt4bj {

    width: 100%;

    height: 860px;

}



.g_g1pt4 {

    position: relative;

}



.g_g1pt4bj img {

    position: relative;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    height: 100%;

    width: auto;

}



.g_g1pt4nr {

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

}



.g_g1pt4 .g_g1tle h4 {

    color: #fff;

}



.g_g1pt4 .g_g1tle h4::before {

    background: #fff;

}



.g_g1pt4 .g_g1tle {

    border-bottom: 1px solid rgba(155, 155, 155, .27);

}



.g_g1pt4sjfl {

    width: 20%;

    text-align: center;

    cursor: pointer;

    margin-bottom: 40px;

}



.g_g1pt4sk1 {

    padding: 0 105px;

}



.g_g1pt4sjfl .g_g1pt4yuan p {

    color: #fff;

    font-size: 16px;

    line-height: 24px;

    display: block;

    position: relative;

}



.g_g1pt4time {

    margin-bottom: 40px;

    position: relative;

}



.g_g1pt4time::before {

    content: '';

    background: url(../images/1g1line_02.png) no-repeat;

    position: absolute;

    bottom: 40px;

    left: 0;

    width: 100%;

    height: 1px;

    z-index: 10;

    background-size: 100%;

}



.g_g1pt4yuan {

    margin-bottom: 20px;

    position: relative;

}



.g_g1pt4yuan::before {

    content: '';

    position: absolute;

    bottom: -29px;

    left: 50%;

    transform: translateX(-50%);

    width: 18px;

    height: 18px;

    border-radius: 50%;

    background: #788592;

}



.g_g1pt4yuan::after {

    content: '';

    position: absolute;

    bottom: -22px;

    left: 50%;

    transform: translateX(-50%);

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #fff;

}



.g_g1pt4wzfl p {

    color: #FFF;

    font-size: 72px;

    font-weight: bold;

}



.g_g1pt4wzfl,

.g_g1pt4wzfr {

    width: 50%;

}



.g_g1pt4wz {

    padding: 0;

}



.g_g1pt4wd {

    display: none;

    position: relative;

}



.g_g1pt4wd.on {

    display: block;

}



.g_g1pt4wd span {

    color: #0e3256;

    font-size: 300px;

}



.g_g1pt4wdnr {

    margin-bottom: 40px;

    padding: 0 120px;

}



.g_g1pt4wzfr p {

    color: #fff;

    font-size: 18px;

    line-height: 30px;

    margin-bottom: 18px;

}



.g_g1pt4arr {

    text-align: center;

    position: absolute;

    bottom: 145px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 100;

}



.g_g1pt4arr .clearfix {

    display: inline-block;

}



.g_g1pt4arrfl.fr img {

    transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    /* IE 9 */

    -moz-transform: rotate(180deg);

    /* Firefox */

    -webkit-transform: rotate(180deg);

    /* Safari 和 Chrome */

    -o-transform: rotate(180deg);

    /* Opera */

}



.g_g1pt4arrfl.fr {

    margin-left: 70px;

    position: relative;

}



.g_g1pt4arrfl.fr::before {

    content: '';

    position: absolute;

    top: 50%;

    left: -35px;

    transform: translateY(-50%);

    width: 1px;

    height: 15px;

    background: #fff;

}



.g_g1pt4arrfl {

    width: 19px;

    cursor: pointer;

}



.g_g1pt4arrfl img {

    width: 100%;

}



.g_g1pt4 .g_g1tle {

    margin-bottom: 135px;

}



.g_g1pt4sjfl.slick-current p {

    opacity: 0;

}



.g_g1pt4sjfl.slick-current .g_g1pt4yuan::before {

    width: 40px;

    height: 40px;

    background: #fff;

    bottom: -38px;

}



.g_g1pt4sjfl.slick-current .g_g1pt4yuan::after {

    width: 6px;

    height: 6px;

    background: #001eb4;

}



.g_g1pt5 {

    padding: 136px 0;

}



.g_g1pt6 {

    padding-bottom: 160px;

}



.g_g1pt6fl {

    width: 33.333333%;

    padding: 70px;

}



.g_g1pt6fl.on {

    background: #007aff;

}



.g_g1pt6icon {

    width: 66px;

    margin: 0 auto 36px;

}



.g_g1pt6icon img {

    width: 100%;

}



.g_g1pt6fl h4 {

    text-align: center;

    color: #007aff;

    font-size: 24px;

    line-height: 30px;

    font-weight: bold;

    margin-bottom: 16px;

    padding-bottom: 16px;

    position: relative;

}



.g_g1pt6fl p {

    text-align: center;

    color: #666666;

    font-size: 16px;

    line-height: 30px;

}



.g_g1pt6fl h4::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 30px;

    height: 1px;

    background: #007aff;

}



.g_g1pt6fl.on h4 {

    color: #fff;

}



.g_g1pt6fl.on p {

    color: #fff;

}



.g_g1pt6fl.on h4::before {

    background: #fff;

}



.g_g1pt6nr {

    box-shadow: 0 10px 18px 5px rgba(181, 181, 181, .22);

    overflow: hidden;

}



.g_g1pt5nrtop {

    background: #001b36;

    padding: 20px 50px 20px 287px;

    height: 70px;

}



.g_g1pt5nrtop p {

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    line-height: 30px;

}



.g_g1pt5nrfl {

    width: 240px;

    padding: 25px 36px;

    border-bottom: 1px solid #f7f7f7;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

}



.g_g1pt5nrfr {

    width: calc(100% - 240px);

    padding: 25px 44px;

    border-bottom: 1px solid #f7f7f7;

}



.g_g1pt5cen .g_g1pt5nrfr {

    background: #f8f8f8;

}



.g_g1pt5cen.on .g_g1pt5nrfr {

    background: #efefef;

}



.g_g1pt5wzb {

    width: 650px;

}



.g_g1pt5wzfl {

    width: 50%;

}



.g_g1pt5cen {

    position: relative;

}



.g_g1pt5wzfl p {

    color: #333333;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 16px;

}



.g_g1pt5nrfl p {

    color: #001b36;

    font-size: 16px;

    font-weight: bold;

    line-height: 24px;

    position: relative;

}



.g_g1pt5nrfl p::before {

    content: '';

    position: absolute;

    bottom: -6px;

    left: 0;

    width: 30px;

    height: 3px;

    background: #007aff;

}



.g_g1pt5cen.on .g_g1pt5nrfr {

    background: #ebebeb;

}



.g_g1pt5nr {

    box-shadow: 0 0 15px 5px rgba(227, 227, 227, .19);

}





.g_syhead {

    padding: 0 160px;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    border-bottom: 1px solid rgba(255, 255, 255, 0.8);

    z-index: 999;

}



.he_hearle {

    width: 240px;

}



.he_hearle a {

    display: block;

    line-height: 90px;

    position: relative;

    transition: all 0.36s;

}



.he_hearle img {

    width: 100%;

    transition: all 0.36s;

}



.he_sybanner img {

    width: 100%;

}



.he_navli .he_nava {

    font-size: 16px;

    line-height: 90px;

    color: #ffffff;

    transition: all 0.36s;

    padding: 0 10px;

    display: block;

    transition: all 0.36s;

    position: relative;

}



.he_nava::after {

    content: '';

    position: absolute;

    bottom: -1px;

    left: 50%;

    transform: translateX(-50%);

    height: 3px;

    width: 0;

    background: #007aff;

    transition: all 0.36s;

}



.he_navli {

    margin-left: 50px;

}



.he_img {

    position: relative;

    left: 0;

    top: 0;

}



.he_img1 {

    position: absolute;

    top: 0;

    left: 0;

}





.he_hearle .he_img1 {

    top: 50%;

    transform: translateY(-50%);

    opacity: 0;

}



.yxnav_active1 .he_nava {

    color: #007aff !important;

}



.he_lange span {

    font-size: 16px;

    line-height: 90px;

    font-family: 'Arial' !important;

    color: #ffffff;

    padding-right: 3px;

    transition: all 0.36s;

}



.he_lanig {

    width: 7px;

    position: relative;

    display: inline-block;

    height: 100%;

}



.he_lanig img {

    width: 100%;

    transition: all 0.36s;

    /* position: absolute;

    left: 0;

    top: 50%;

    transform:translateY(-50%); */

}



.he_lanig .he_img {

    opacity: 1;

}



.he_lanig .he_img1 {

    opacity: 0;

    top: 6px;

}



.he_langebx {

    margin-left: 45px;

    cursor: pointer;

}



.he_seras {

    width: 17px;

    line-height: 90px;

    margin-left: 30px;

    cursor: pointer;

    position: relative;

    transition: all 0.36s;

}



.he_seras img {

    width: 100%;

    transition: all 0.36s;

}



.he_sycon {

    width: 1600px;

    margin: 0 auto;

    position: relative;

    z-index: 2;

}



.he_naverul {

    position: absolute;

    top: 90px;

    left: 0;

    width: 100%;

    background: rgba(255, 255, 255, 0.85);

    display: none;

    transition: top 0.36s;

}



.he_slicdow {

    padding-top: 75px;

    padding-bottom: 110px;

}



.he_slicdle h4 {

    font-size: 30px;

    line-height: 32px;

    font-weight: bold;

    color: #333333;

}



.he_slicdle p {

    font-size: 14px;

    line-height: 24px;

    color: #666666;

    margin-top: 25px;

}



.he_slicdle {

    width: 305px;

}



.he_slicdri {

    width: 312px;

}



.he_sldrimg {

    position: relative;

    width: 100%;

}



.he_sldrimg img {

    width: 100%;

    height: 100%;

}



.he_sldrip {

    margin-top: 20px;

    text-align: center;

}



.he_sldrip p {

    font-size: 14px;

    line-height: 30px;

    font-weight: bold;

    color: #333333;

}



.he_slicen {

    width: calc(100% - 617px);

    padding-left: 240px;

    padding-right: 50px;

    position: relative;

}



.he_slicenle {

    width: 100%;

    margin-bottom: 18px;

}



.he_slicenbx {

    width: 100%;

    position: relative;

}



.he_slicenri {

    width: calc(100% - 170px);

}



.he_navsan a {

    display: inline-block;

    width: 170px;

}



.he_navsan span {

    font-size: 16px;

    line-height: 28px;

    color: #333333;

    padding-right: 20px;

    transition: all 0.36s;

    vertical-align: middle;

}



.he_navsan img {

    width: 4px;

    transition: all 0.36s;

    opacity: 0;

}



.he_navsi {

    position: absolute;

    top: 0;

    left: 180px;

    width: calc(100% - 395px);

    display: none;

}



.he_navsinav a {

    font-size: 14px;

    line-height: 22px;

    color: #666666;

    transition: all 0.36s;

}



.he_navsinav {

    margin-bottom: 25px;

}



.yxnav_active2 .he_navera span {

    color: #007aff;

}



.yxnav_active2 img {

    opacity: 1;

}



.he_navsibx {

    width: 50%;

    padding-right: 15px;

}



.he_serasli {

    width: 100%;

    top: 90px;

    left: 0;

    position: absolute;

    background: rgba(255, 255, 255, 0.92);

    padding: 45px 400px;

    display: none;

    transition: top 0.36s;

}



.he_seriup {

    width: 100%;

    border-bottom: 1px solid #dcdcdc;

    position: relative;

}



.he_seriup input {

    width: 100%;

    height: 100%;

    font-size: 16px;

    line-height: 32px;

    color: #8c8c8c;

    padding-bottom: 25px;

    padding-right: 50px;

}



.he_seriup img {

    width: 17px;

    position: absolute;

    top: 0;

    right: 5px;

    cursor: pointer;

}



.he_langebx {

    position: relative;

}



.he_langesli {

    padding: 10px;

    background: rgba(255, 255, 255, 0.85);

    position: absolute;

    top: 90px;

    left: 50%;

    transform: translateX(-50%);

    display: none;

    transition: top 0.36s;

    box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.08);

}



.he_laslia {

    padding: 7px 0;

}



.he_laslia a {

    font-size: 14px;

    color: #8c8c8c;

    padding: 0 20px;

    transition: all 0.36s;

}



.he_syph {

    display: none;

}



.he_lange.on img {

    transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    /* IE 9 */

    -moz-transform: rotate(180deg);

    /* Firefox */

    -webkit-transform: rotate(180deg);

    /* Safari 和 Chrome */

    -o-transform: rotate(180deg);

    /* Opera */

}



.he_sybaig {

    position: relative;

    overflow: hidden;

}



.he_sybaig::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 50%;

    background-image: linear-gradient(rgba(26, 28, 30, .5), transparent);

}



.he_sybaig img {

    width: 100%;

}



.he_sybanner {

    position: relative;

}



.he_sybate {

    position: absolute;

    top: 56%;

    left: 50%;

    transform: translate(-50%, -49%);

    z-index: 11;

}



.he_sybati h4 {

    font-size: 84px;

    line-height: 92px;

    color: #ffffff;

    margin-bottom: 30px;

}



.he_sybati p {

    font-size: 36px;

    line-height: 44px;

    color: #007aff;

    font-family: 'ROBOTO-BOLD' !important;

}



.he_moerbx {

    display: inline-block;

}



.he_moerbx span {

    font-size: 16px;

    line-height: 56px;

    color: #ffffff;

    vertical-align: middle;

    padding-right: 28px;

    transition: all 0.36s;

}



.he_moerbx img {

    width: 6px;

}



.he_moerbx a {

    display: block;

    padding: 0 38px;

    transition: all 0.36s;

    border: 1px solid #007aff;

}



.he_symor {

    margin-top: 110px;

}



.he_swit {

    position: absolute;

    bottom: 70px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 15;

}



.he_switle img {

    width: 6px;

}



.he_switle p {

    font-size: 16px;

    line-height: 24px;

    color: #007aff;

    vertical-align: middle;

    font-family: 'ROBOTO-BOLD' !important;

    padding-left: 5px;

    display: inline-block;

}



.he_switle p span {

    font-family: 'ROBOTO-BOLD' !important;

}



.he_switle,

.he_switri {

    cursor: pointer;

}



.he_switle {

    margin-right: 9px;

}



.he_switri {

    margin-left: 9px;

}



.he_switri img {

    width: 6px;

}



.he_switri span {

    font-size: 16px;

    line-height: 24px;

    color: #ffffff;

    vertical-align: middle;

    padding-right: 5px;

    font-family: 'ROBOTO-BOLD' !important;

}



.he_swilinr {

    width: 66px;

    height: 1px;

    background: #ffffff;

    position: relative;

}



.he_switcn {

    position: relative;

    margin-top: 11px;

}



.he_switcn::before {

    content: '';

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    width: 1px;

    height: 4px;

    background: #fff;

}



.he_swilinr::after {

    content: '';

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

    width: 1px;

    height: 4px;

    background: #fff;

}



.he_swilinr::before {

    content: '';

    width: 0;

    height: 1px;

    background: #007aff;

    position: absolute;

    top: 0;

    left: 0;

    transition: all 0.36s;

}



.he_swilinr.act::before {

    width: 100%;

    animation: mymove 3s linear forwards;

}



.he_sypc {

    position: relative;

}



.he_sybaig video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 10;

}



.he_syslibx {

    width: 100%;

    position: relative;

}



@keyframes mymove {

    0% {

        width: 0;

    }



    100% {

        width: 100%;

    }

}



.he_sybanner::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    height: 1px;

    width: 1px;

    background: #fff;

    -webkit-animation: mymove1 2s cubic-bezier(.5, 0, 0, 1) infinite;

    animation: mymove1 2s cubic-bezier(.5, 0, 0, 1) infinite;

    z-index: 11;

    -webkit-animation-delay: .3s;

    animation-delay: .3s;

}



.he_sybanner::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    height: 1px;

    width: 1px;

    background: #007aff;

    z-index: 10;

    -webkit-animation: mymove1 2s cubic-bezier(.5, 0, 0, 1) infinite;

    animation: mymove1 2s cubic-bezier(.5, 0, 0, 1) infinite;



}



@keyframes mymove1 {

    0% {

        height: 122px;

        opacity: 0;

    }



    100% {

        height: 0;

        opacity: 1;

    }

}



.he_finele {

    width: 50%;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    z-index: 10;

}



.he_wolebx {

    background: #fff;

    padding-left: 158px;

    padding-top: 65px;

    padding-bottom: 75px;

    padding-right: 40px;

}



.he_fineri {

    width: 60%;

    position: relative;

}



.he_flintisp span {

    font-size: 38px;

    line-height: 46px;

    color: #2d3b4a;

    height: 50px;

    overflow: hidden;

    display: block;

}



.he_flinti h4 {

    font-size: 38px;

    line-height: 44px;

    color: #2d3b4a;

    height: 44px;

    overflow: hidden;

    margin-top: 15px;

    margin-bottom: 18px;

}



.he_flinti h4 span {

    color: #007aff;

}



.he_plate1 {

    background: #001b37;

    padding-top: 187px;

    padding-bottom: 35px;

}



.he_flinti p {

    font-size: 18px;

    line-height: 30px;

    color: #666666;

}



.he_data {

    width: 100%;

    margin-top: 43px;

}



.he_databx {

    width: 33.333333%;

}



.he_databx h4 {

    font-size: 52px;

    line-height: 64px;

    color: #007aff;

    font-family: 'ROBOTO-BOLD' !important;

}



.he_databx p {

    font-size: 18px;

    line-height: 30px;

    color: #666666;

    height: 30px;

    overflow: hidden;

}



.he_fineleny {

    padding-right: 50px;

}



.he_fineig {

    width: 100%;

    position: relative;

}



.he_fineig img {

    width: 100%;

    height: 100%;

}



.he_fineig::after {

    content: '';

    width: 100%;

    height: 100%;

    background: rgba(0, 27, 55, 0.52);

    position: absolute;

    top: 0;

    left: 0;

}



.he_fine {

    position: relative;

}



.he_syplay {

    width: 125px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    cursor: pointer;

}



.he_syplay img {

    width: 100%;

}



.he_plate2 {

    position: relative;

    height: 901px;

}



.he_twobjt {

    position: absolute;

    top: 0;

    left: 0;

    /* height: 901px; */

    height: 100%;

    width: 100%;

    z-index: 1;

}



.he_twobjt img {

    width: auto;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 50%;

    transform: translateX(-50%);

}



.he_produle {

    width: 605px;

}



.he_produri {

    width: calc(100% - 605px);

    position: relative;

}



.he_pruti {

    width: 50%;

}



.he_prutny {

    border-bottom: 1px solid rgba(255, 255, 255, 0.27);

    position: relative;

}



.he_prutny::after {

    content: '';

    width: 100px;

    height: 1px;

    background: #007bff;

    position: absolute;

    bottom: -1px;

    left: 0;

}



.he_prutny h4 {

    font-size: 38px;

    line-height: 46px;

    font-weight: bold;

    color: #ffffff;

    margin-bottom: 35px;

    height: 46px;

    overflow: hidden;

}



.he_produ {

    padding-top: 155px;

}



.he_prutip {

    margin-top: 38px;

    overflow: hidden;

}



.he_prutip p {

    font-size: 18px;

    line-height: 30px;

    color: #accdf1;

    height: 180px;

    overflow: hidden;

}



.he_morpro {

    margin-top: 85px;

}



.he_prodtop {

    width: 100%;

}



.he_prodtopli {

    width: inherit;
    margin-right: 7%;

}



.he_prodtopli p {

    font-size: 18px;

    line-height: 30px;

    color: #95b3d4;

    transition: all 0.36s;

    cursor: pointer;

}



.he_prodtopli.act p {

    color: #007aff;

}



.he_prodli {

    position: relative;

    width: 33.333333%;

    padding: 0 23px;

}



.he_prodlibx {

    width: 100%;

    position: relative;

}



.he_prodli a {

    display: block;

    position: relative;

    width: 100%;

}


/* 
.he_prodlibx a::after {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.6;

    top: 0;

    left: 0;

    transition: all 0.46s;

} */



.he_prodbto {

    margin: 40px -24px 0;

}



.he_probx {

    width: 100%;

    position: relative;

}



.he_zhuasn {

    width: 95px;

    height: 95px;

    background: #fff;

    position: absolute;

    left: -47px;

    bottom: 35px;
    
    box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);

}



.he_zhuasn a {

    display: block;

    height: 100%;

    width: 100%;

}



.he_zhuasn img {

    width: 18px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.he_prodli.slick-current .he_prodlibx a::after {

    opacity: 0;

}





.he_plate3 {

    position: relative;

    /* background: #fff; */

}



.he_case {

    margin-bottom: 65px;

}



.he_casezs {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: 1;

    text-align: center;

}



.he_casezs img {

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

}



.he_caseti h4 {

    font-size: 38px;

    line-height: 46px;

    font-weight: bold;

    color: #333333;

    text-align: center;

}



.he_plate3 {

    height: 874px;

}



.he_caseli {

    position: relative;

    margin-top: 110px;



}



.he_caselibx {

    transform: translateX(-330px);

}



.he_caseliri {

    width: 160px;

    position: absolute;

    right: 0;

    top: 0;

    text-align: center;

}



.he_caselile {

    /* padding-right: 160px; */

    width: 110%;

}



.he_projig {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.he_project {

    width: 25%;

    padding-right: 28px;

}



.he_project a {

    display: block;

}



.he_projig img {

    width: 100%;

    height: 100%;

    transition: all 0.36s;

}



.he_case {

    position: relative;

    height: 100%;

    padding-top: 185px;

}



.he_projte {

    margin-top: 30px

}



.he_projte p {

    font-size: 20px;

    line-height: 30px;

    color: #333333;

    height: 30px;

    overflow: hidden;

    transition: all 0.36s;

}



.he_cezsbx {

    width: 13px;

    margin-left: 13px;

}



.he_cezsbx img {

    width: 100%;

}



.he_allca {

    display: inline-block;

}



.he_cases {

    margin-top: 45px;

    margin-left: -10px;

}



.he_cases p {

    font-size: 14px;

    line-height: 26px;

    color: #333333;

    transform: rotate(90deg);

}





.he_casedle {

    width: 40px;

    height: 40px;

    border: 1px solid rgba(118, 141, 161, 0.18);

    border-radius: 50%;

    cursor: pointer;

    position: relative;

    background: #001b37;

    margin-bottom: 18px;

}



.he_casedle img {

    width: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.he_casedri {

    width: 40px;

    height: 40px;

    border: 1px solid rgba(118, 141, 161, 0.18);

    border-radius: 50%;

    position: relative;

    transition: all 0.36s;

    cursor: pointer;

}



.he_casedri img {

    width: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.he_globalle {

    width: 440px;

    padding-right: 135px;

}



.he_globalle .he_pruti {

    width: 100%;

}



.he_globalri {

    width: calc(100% - 440px);

    position: relative;

}



.he_globalle .he_prutny h4 {

    color: #333333;

}



.he_globalle .he_prutny {

    border-bottom: 1px solid rgba(0, 91, 170, 0.2);

}



.he_plate4 {

    background: #f9f9f9;

    padding-top: 175px;

    padding-bottom: 135px;

}



.he_globalle .he_prutip p {

    color: #666666;

}



.he_casebxsl {

    margin-top: 50px;

}



.he_globalle .he_moerbx span {

    color: #666666;

}



.he_maorbg {

    width: 6px;

    position: relative;

    height: 100%;

    margin-top: 30px;

}



.he_maorbg img {

    width: 100%;

    position: absolute;

    top: 50%;

    transition: all 0.36s;

    transform: translateY(-50%);

}



.he_hide {

    opacity: 0;

}



.he_show {

    opacity: 1;

}



.he_globig {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.he_glolin {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.he_glolin svg {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

    fill: none;

    -webkit-stroke: #007AFF;

    -moz-stroke: #007AFF;

    -ms-stroke: #007AFF;

    -o-stroke: #007AFF;

    stroke: #007AFF;

    -webkit-stroke-width: .6px;

    -moz-stroke-width: .6px;

    -ms-stroke-width: .6px;

    -o-stroke-width: .6px;

    stroke-width: .6px;

    width: 100%;

}



.st2 {

    fill: none;

    stroke: #007AFF;

    stroke-width: 0.25px;

    stroke-miterlimit: 10;

    stroke-dashoffset: 385px;

    stroke-dasharray: 385px;

    animation: animation-line 8s ease-in;

    animation-fill-mode: forwards;

    animation-iteration-count: infinite;

}



.st9 {

    stroke-dashoffset: 700px;

    stroke-dasharray: 700px;

    animation: animation-line1 8s ease-in;

    animation-fill-mode: forwards;

    animation-iteration-count: infinite;

}



.map-line--1 {

    animation-delay: .46s;

}



.map-line--2 {

    animation-delay: 0.86s;

}



.map-line--3 {

    animation-delay: 1.46s;

}



.map-line--4 {

    animation-delay: 1.94s;

}



.map-line--5 {

    animation-delay: 2.46s;

}



.map-line--6 {

    animation-delay: 2.86s;



}



.map-line--7 {

    animation-delay: 3.26s;

}



@keyframes animation-line {

    0% {

        stroke-dashoffset: 385px

    }



    14.28571% {

        stroke-dashoffset: 0px

    }



    61.42857% {

        stroke-dashoffset: 0px

    }



    85.71429% {

        stroke-dashoffset: -385px

    }



    to {

        stroke-dashoffset: -385px

    }

}



@keyframes animation-line1 {

    0% {

        stroke-dashoffset: 700px

    }



    14.28571% {

        stroke-dashoffset: 0px

    }



    61.42857% {

        stroke-dashoffset: 0px

    }



    85.71429% {

        stroke-dashoffset: -700px

    }



    to {

        stroke-dashoffset: -700px

    }

}



.he_plate5 {

    position: relative;

    height: 773px;

}



.he_ins1bt {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: -1;

}



.he_ins1bt img {

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

}



.he_ins1te {

    position: absolute;

    width: 100%;

    top: 50%;

    transform: translateY(-50%);

    z-index: 5;

}



.he_ins1bx {

    width: 100%;

    text-align: center;

    padding: 0 365px;

}



.he_ins1bxti h4 {

    font-size: 38px;

    line-height: 46px;

    color: #ffffff;

    font-weight: bold;

}



.he_ins1bxp {

    margin-top: 38px;

    overflow: hidden;

}



.he_ins1bxp p {

    font-size: 22px;

    line-height: 48px;

    color: #c7e0fc;

}



.he_ins1mor {

    margin-top: 110px;

}



.he_synew {

    width: 100%;

}



.he_synele,

.he_synewri {

    width: 50%;

}



.he_synele {

    padding-right: 65px;

    padding-top: 15px;

}



.he_synewri {

    padding-left: 15px;

    position: relative;



}



.he_syltole h4 {

    font-size: 36px;

    line-height: 44px;

    color: #333333;

    font-weight: bold;

}



.he_plate6 {

    background: #fff;

    padding-top: 130px;

}



.he_syltoig {

    width: 13px;

    margin-top: 17px;

}



.he_syltoig img {

    width: 100%;

}



.he_syltote {

    margin-top: 14px;

    padding-left: 13px;

}



.he_syltote span {

    font-size: 16px;

    line-height: 24px;

    color: #333333;

    font-family: 'ROBOTO-BOLD' !important;

}



.he_sylto a {

    display: block;

}



.he_sylbh {

    margin-top: 45px;

    overflow: hidden;

}



.he_sylbhli a {

    padding: 42px 0;

    border-bottom: 1px solid #e5e5e5;

}



.he_sylbhlsle span {

    font-size: 30px;

    line-height: 36px;

    font-family: 'ROBOTO-BOLD' !important;

    color: #333333;

    transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    /* IE 9 */

    -moz-transform: rotate(-90deg);

    /* Firefox */

    -webkit-transform: rotate(-90deg);

    /* Safari 和 Chrome */

    -o-transform: rotate(-90deg);

    /* Opera */

    display: block;

}



.he_sylbhlsri {

    padding-left: 37px;

}



.he_sylbhlsri span {

    font-size: 14px;

    line-height: 32px;

    color: #007aff;

    font-family: 'ROBOTO-BOLD' !important;

}



.he_sylbhlsri h4 {

    font-size: 22px;

    line-height: 30px;

    color: #333333;

    height: 30px;

    overflow: hidden;

    margin-top: 10px;

    transition: all 0.36s;

}



.he_sylbhlsle {

    margin-top: 15px;

}



.he_sylbhls a {

    display: block;

    width: 100%;

}





.he_synewig {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.he_synewig img {

    width: 100%;

    height: 100%;

    transition: all 0.36s;

}



.he_synwepo {

    position: absolute;

    bottom: 60px;

    left: 0;

    padding: 0 85px;

    z-index: 10;

    width: 100%;

}



.he_synwepbx {

    width: 100%;

}



.he_sepbxsp span {

    font-size: 16px;

    line-height: 32px;

    font-family: 'ROBOTO-BOLD' !important;

    color: #ffffff;

}



.he_sepbxsp2 {

    position: relative;

    display: inline-block;

    padding-left: 55px;

    margin-left: 5px;

}



.he_sepbxsp2::after {

    content: '';

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    width: 45px;

    height: 1px;

    background: #fff;

}



.he_synpbxh4 {

    margin-top: 15px;

}



.he_synpbxh4 h4 {

    font-size: 26px;

    line-height: 30px;

    color: #ffffff;

}



.he_tarmor {

    width: 20px;

}



.he_tarmor {

    margin-top: 35px;

}



.he_tarmor img {

    width: 100%;

}



.he_synewri a {

    display: block;

}



.he_fotele {

    width: 160px;

    background: #014099;

    text-align: center;

    position: absolute;

    height: 100%;

}



footer {

    position: relative;

}



.he_footeri {

    width: calc(100% - 160px);

    background: #001b36;

    padding-top: 75px;

    padding-left: 117px;

    padding-right: 88px;

}



.he_froa1 {

    margin-bottom: 56px;

    height: 320px;

    overflow: hidden;

}



.he_foteleto {

    width: 37px;

    display: inline-block;

    margin-top: 50px;

    margin-bottom: 75px;

}



.he_foteleto img {

    width: 100%;

}



.he_foteleto a {

    display: block;

}



.he_fottop {

    width: 40px;

    display: inline-block;

}



.he_fottop img {

    width: 100%;

}



.he_fotelebt {

    text-align: center;

    width: 100%;

    padding-bottom: 30px;

}



.he_fotbtb {

    display: inline-block;

    cursor: pointer;

}



.he_back {

    margin-top: 12px;

}



.he_back span {

    font-size: 14px;

    line-height: 26px;

    font-weight: bold;

    color: #ffffff;

}



.he_plate6 {

    padding-bottom: 165px;

}



.he_forileto {

    width: 472px;

    padding-left: 140px;

}



.he_forile {

    width: calc(100% - 472px);

}



.he_forileli {

    width: 20%;

}



.he_foeline a {

    font-size: 18px;

    color: #ffffff;

    line-height: 30px;

    transition: all 0.36s;

}



.he_foeline {

    padding-bottom: 10px;

    position: relative;

}



.he_foeline::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 34px;

    height: 2px;

    background: #014099;

}



.he_lingsn a {

    font-size: 14px;

    line-height: 30px;

    color: #b5bcc8;

    transition: all 0.36s;

}



.he_foelingt {

    margin-top: 8px;

}



.he_fotlink {

    position: relative;

}



.he_fotlink h4 {

    font-size: 18px;

    line-height: 30px;

    color: #ffffff;

    position: relative;

    padding-bottom: 10px;

}



.he_fotlink::after {

    content: '';

    position: absolute;

    bottom: 0px;

    left: 0;

    width: 34px;

    height: 2px;

    background: #014099;

}



.he_flinkto {

    border: 1px solid #484d55;

    padding: 8px 13px;

    cursor: pointer;

    width: 100%;

}



.he_flinkto span {

    font-size: 14px;

    line-height: 22px;

    color: #87909f;

}



.he_flinkto a {

    transition: all 0.36s;

}



.he_flinkto img {

    width: 11px;

    float: right;

    margin-top: 8px;

    transition: all 0.36s;

}



.he_flinksl {

    position: relative;

    width: 264px;

    margin-top: 20px;

}



.he_flinkbt {

    position: absolute;

    top: 40px;

    left: 0;

    width: 100%;

    height: 123px;

    background: #fff;

    padding: 15px;

    display: none;

    overflow: hidden;

    z-index: 10;

}



.he_flinknr {

    padding: 5px 0;

    width: 100%;

    cursor: pointer;

}



.he_flinknr span {

    color: #999;

    font-size: 14px;

    display: block;

    width: 100%;

    transition: all 0.36s;

}



.he_forile p {

    font-size: 14px;

    line-height: 24px;

    color: #526d84;

    float: left;

}



.he_forile p a {

    font-size: 14px;

    line-height: 22px;

    color: #526d84;

}



.he_froa2 {

    padding-bottom: 28px;

}



.he_flopt {

    line-height: 20px !important;

}



.he_flopt img {

    width: 50px;

    margin-left: 27px;

}



.he_forilk span {

    font-size: 14px;

    line-height: 26px;

    font-weight: bold;

    color: rgba(255, 255, 255, 0.5);

}



.he_forilkic {

    margin-left: 25px;

    margin-top: 3px;

}



.he_fokic {

    width: 19px;

    margin-left: 17px;

    position: relative;

}



.he_fokic img {

    width: 100%;

}



.he_fokic a {

    position: absolute;

    width: 100%;

    height: 100% !important;

    display: block;

    background: none !important;

    left: 0;

    top: 0;

    z-index: 5;

}



.he_fokic a {

    padding-left: 0 !important;

}



.he_flinkto.on img {

    transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    /* IE 9 */

    -moz-transform: rotate(180deg);

    /* Firefox */

    -webkit-transform: rotate(180deg);

    /* Safari 和 Chrome */

    -o-transform: rotate(180deg);

    /* Opera */

}



.he_prodli img {

    width: 100%;

    height: 100%;

}



.he_sylbhlsle {

    width: 34px;

}



.he_sylbhlsri {

    width: calc(100% - 34px);

}



.nybanr {

    width: 100%;

    position: relative;

    height: 365px;

}



.nybanr::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.4);

}



.nybanr img {

    width: auto;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.nybanrbx {

    /* margin-top: 80px; */

    position: relative;

}



/* .b1con{

    margin-top:90px;

} */

.he_b1pllibx {

    margin-right: 7px;

    text-align: center;

}



.he_b1pllibx a {

    display: inline-block;

    font-size: 16px;

    line-height: 38px;

    color: #999999;

    border: 1px solid #dcdcdc;

    border-radius: 5px;

    transition: all 0.36s;

    min-width: 160px;

}



.he_con2 {

    width: 1200px;

    margin: 0 auto;

}



.he_b1pla1 {

    margin-top: 90px;

}



.he_b1pllibx.act a {

    color: #007aff;

    border-color: #007aff;

}



.he_b1p2ti {

    border-bottom: 1px solid rgba(155, 155, 155, 0.27);

}



.he_b1p2ti h4 {

    font-size: 36px;

    line-height: 48px;

    color: #001b37;

    font-weight: bold;

    padding-bottom: 13px;

    position: relative;

    display: inline-block;

}



.he_b1p2ti h4::after {

    content: '';

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 100%;

    height: 1px;

    background: #007bff;



}



.he_b1pla2 {

    margin-top: 50px;

}



.he_b1pla3 {

    margin-top: 75px;

}



.he_b1p3bxul {

    margin: 0 -6px;

    overflow: hidden;

    padding-top: 10px;

}



.he_b1p3bxli {

    width: 33.333333%;

    padding: 0 6px;

    margin-bottom: 24px;

}



.he_b13blibx {

    width: 100%;

    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.08);

}



.he_b13bliig {

    padding: 27px 44px 30px;



}



.he_b13bllg {

    width: 100%;

    position: relative;

    overflow: hidden;

}



.he_b13blite {

    padding: 25px 28px;

    background: #e9e9e9;

    transition: all 0.36s;

}



.he_b13blite p {

    font-size: 14px;

    line-height: 22px;

    color: #333333;

    transition: all 0.36s;

    height: 22px;

    overflow: hidden;

}



.he_b13blibx a {

    display: block;

}



.he_b13bllg img {

    width: 100%;

    height: 100%;

    transition: all 0.36s;

}



/* 分页 */

.mc_fybtn {

    padding: 0 15px;

}



.mc_pcfy a {

    float: left;

}



.mc_fybtn a {

    font-family: 微软雅黑;

    font-size: 14px;

    color: #333;

}



.mc_phfy {

    display: none;

}



.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: Arial, Helvetica, sans-serif;

    font-size: 14px;

    line-height: 30px;

    color: #333333;

    text-align: center;

    margin: 0px 8px;

    border-radius: 50%;

    transition: .3s;

}



.pc_fenye li.activepage {

    color: #fff;

    background-color: #007aff;

}



.w_fenyeph {

    display: none;

}



.pc_fenye li.clolr {

    color: #00b9f1;

}



.he_fenybox {

    padding-top: 70px;

    padding-bottom: 95px;

}



.he_c1bx .he_b1pla3 {

    margin-top: 60px;

}



.he_c1liul {

    margin: 0 -11px;

    overflow: hidden;

}



.he_c1liuli {

    width: 33.333333%;

    padding: 0 11px;

    margin-bottom: 37px;

}



.he_c1libx {

    width: 100%;

    position: relative;

}



.he_c1libxig {

    position: relative;

    overflow: hidden;

    width: 100%;

}



.he_c1libxig img {

    width: 100%;

    /*height: 100%;*/

    transition: all 0.36s;

}



.he_c1libxte {

    padding-top: 23px;

}



.he_c1libxte p {

    font-size: 16px;

    line-height: 24px;

    color: #333333;

    height: 24px;

    transition: all 0.36s;

    overflow: hidden;

}



.nybanrbx h4 {

    font-size: 48px;

    line-height: 56px;

    color: #ffffff;

}



.nybanrte {

    position: absolute;

    top: 58%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.he_cruli img {

    width: 12px;

}



.he_cruli {

    font-size: 14px;

    line-height: 18px;

    color: #cecece;

    margin-left: 8px;

}



.he_cruli a span {

    font-size: 14px;

    line-height: 22px;

    color: #cecece;

    transition: all 0.36s;

}



.he_crumbs {

    position: absolute;

    bottom: 15px;

    left: 50%;

    transform: translateX(-50%);

}



.g_syhead.on {

    background: rgba(255, 255, 255, 0.8);

    border-bottom: none;

}



.g_syhead.on .he_hearle .he_img1 {

    opacity: 1;

}



.g_syhead.on .he_hearle .he_img {

    opacity: 0;

}



.g_syhead.act {

    background: rgba(255, 255, 255, 0.8);

}



.g_syhead.act .he_hearle .he_img1 {

    opacity: 1;

}



.g_syhead.act .he_hearle .he_img {

    opacity: 0;

}



.g_syhead.on .he_hearle a {

    line-height: 80px;

}



.g_syhead.on .he_navli .he_nava {

    line-height: 80px;

    color: #333333;

}



.g_syhead.act .he_navli .he_nava {

    line-height: 80px;

    color: #333333;

}



.g_syhead.on .he_lange span {

    line-height: 80px;

    color: #666;

}



.g_syhead.on .he_lanig .he_img {

    opacity: 0;

}



.g_syhead.on .he_lanig .he_img1 {

    opacity: 1;

}



.g_syhead.on .he_seras {

    line-height: 80px;

}



.he_seras .he_img1 {

    top: 50%;

    transform: translateY(-50%);

    opacity: 0;

}



.g_syhead.act .he_seras {

    line-height: 80px;

}



.g_syhead.on .he_seras .he_img {

    opacity: 0;

}



.g_syhead.on .he_seras .he_img1 {

    opacity: 1;

}



.g_syhead.on .he_naverul {

    top: 80px;

}



.g_syhead.on .he_langesli {

    top: 80px;

}



.g_syhead.on .he_serasli {

    top: 80px;

}



.he_navli.yxnav_active1 .he_nava::after {

    width: 85%;

}







.g_syhead.act .he_lange span {

    line-height: 80px;

    color: #666;

}



.g_syhead.act .he_lanig .he_img {

    opacity: 0;

}



.g_syhead.cat .he_lanig .he_img1 {

    opacity: 1;

}



.g_syhead.cat .he_seras {

    line-height: 80px;

}



.g_syhead.act .he_seras .he_img {

    opacity: 0;

}



.g_syhead.act .he_seras .he_img1 {

    opacity: 1;

}



.g_syhead.cat .he_naverul {

    top: 80px;

}



.g_syhead.act .he_langesli {

    top: 80px;

}



.g_syhead.act .he_serasli {

    top: 80px;

}



.g_syhead.act .he_hearle a {

    line-height: 80px;

}



.g_syhead.act .he_lanig .he_img1 {

    opacity: 1;

}



.g_syhead.act .he_lanig .he_img {

    opacity: 0;

}



.nybanrbx.on .he_crumbx {

    float: left;

}



.nybanrbx.on .he_crumbs {

    position: static;

    transform: inherit;

    padding-top: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #e5e5e5;

}



.nybanrbx.on .he_cruli span {

    color: #999999;

}



.nybanrbx.on .he_cruli {

    color: #999999;

}



.he_bteo1 {

    padding-top: 90px;

}



.he_bteo1le,

.he_bteo1ri {

    width: 50%;

}



.he_bteo1le {

    padding-right: 58px;

}



.he_bteo1ri {

    padding-left: 53px;

    margin-top: 30px;

}



.he_btleigt {

    padding: 0 45px;

}



.he_btgtbx {

    width: 100%;

}



.he_btgtbxli {

    width: 100%;

    position: relative;

}



.he_btgtbx .slick-prev,

.he_btgtbx .slick-next {

    width: 16px;

    height: 30px;

    z-index: 10;

}



.he_btgtbx .slick-prev {

    background-image: url('../images/b2arrle.png');

    left: -45px;

}



.he_btgtbx .slick-next {

    background-image: url('../images/b2arrri.png');

    right: -45px;

}



.he_btleibx {

    margin: 0 -2px;

}



.he_btleibxul {

    width: 25%;

    padding: 0 2px;

}



.he_btleibli {

    width: 100%;

    position: relative;

    border: 1px solid #e5e5e5;

    transition: all 0.36s;

    cursor: pointer;

}



.he_btleibli img {

    width: 100%;

    height: 100%;
}



.he_btgtbxli img {

    width: 100%;

    height: 100%;

}



.he_btleibxul.on .he_btleibli {

    border-color: #007aff;

}



.he_bteo1riti {

    position: relative;

    border-bottom: 1px solid rgba(155, 155, 155, 0.27);

}



.he_bteo1riti h4 {

    font-size: 30px;

    line-height: 38px;

    color: #333333;

    font-weight: bold;

    margin-bottom: 15px;

}



.he_bteo1riti::after {

    position: absolute;

    content: '';

    width: 155px;

    height: 1px;

    background: #007bff;

}



.he_hanbll p {

    font-size: 16px;

    line-height: 30px;

    color: #666666;

}



.he_hanbll {

    margin-top: 35px;

}



.he_bcdow {

    background: #007aff;

    display: inline-block;

}



.he_bcdow a {

    display: block;

    padding-left: 47px;

    padding-right: 38px;

}



.he_bcdowte span {

    font-size: 18px;

    line-height: 48px;

    color: #ffffff;

    padding-right: 35px;

}



.he_bcdowig {

    width: 15px;

    line-height: 46px;

}



.he_bcdowig img {

    width: 100%;

}



.he_bcdow {

    margin-top: 25px;

}



.he_btleigb {

    margin-top: 82px;

}



.he_bteo2 {

    margin-top: 80px;

}



.he_bt2tbx {

    background: #e9e9e9;

}



.he_bt2tbx span {

    font-size: 18px;

    line-height: 48px;

    color: #333333;

    padding: 9px 0;

    display: block;

    transition: all 0.36s;

}



.he_bt2tul {

    margin: 0 -1px;

}



.he_bt2tli {

    width: 25%;

    padding: 0 1px;

    cursor: pointer;

}



.he_bt2tbx {

    width: 100%;

    text-align: center;

    transition: all 0.36s;

}



.he_bt2tli.act .he_bt2tbx {

    background: #007aff;

}



.he_bt2tli.act span {

    color: #fff;

}



.he_bt2tbsw {

    position: relative;

    padding-top: 62px;

    padding-bottom: 90px;

}



.he_bt2tbsw::after {

    content: '';

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    background: #f8f8f8;

    width: 100vw;

    height: 100%;

    z-index: -1;

}



.he_bt2tbvz {

    width: 100%;

}



.he_bt2tbvt {

    margin: 0 -55px;

}



.he_bt2tbtxli {

    width: 50%;

    padding: 0 55px;

}



.he_btwosk1 {

    width: 100%;

    border-bottom: 1px solid #d2d2d2;

    padding: 30px 0;

}



.he_bt2tbtxli:first-child .he_btwosk1 {

    border-top: 1px solid #d2d2d2;

}



.he_bt2tbtxli:nth-child(2) .he_btwosk1 {

    border-top: 1px solid #d2d2d2;

}



.he_btwosk1 p {

    font-size: 18px;

    line-height: 30px;

    color: #333333;

    position: relative;

    padding-left: 20px;

    height: 90px;

    overflow: hidden;

}



.he_btwosk1 p::after {

    content: '';

    position: absolute;

    top: 12px;

    left: 0;

    width: 5px;

    height: 5px;

    background: #007aff;

    border-radius: 50%;

}



.he_succ {

    padding-top: 60px;

    padding-bottom: 140px;

}



.he_succbxti .he_bteo1riti::after {

    width: 120px;

}



.he_succbxswl {

    margin-top: 40px;

    position: relative;

}



.he_succle,

.he_succri {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: 1px solid rgba(18, 103, 176, 0.3);

    position: absolute;

    transition: all 0.36s;

    top: 108px;

    z-index: 10;

}



.he_succle img,

.he_succri img {

    position: absolute;

    width: 20px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    transition: all 0.36s;

}



.he_succle {

    left: -74px;

}



.he_succri {

    right: -74px;

}



.he_succbxbc .slick-dots li {

    background: #007aff;

    border: none;

    width: 8px;

    height: 8px;

    background: #bfbfbf;

    margin: 0 12px;

}



.he_succbxbc .slick-dots li.slick-active {

    background: #007aff;

}



.he_succbxbc .slick-dots {

    bottom: -35px;

}



.he_succbxti .he_bteo1riti h4 {

    margin-bottom: 21px;

}



.he_bt2tbtxul:not(:first-child) {

    display: none;

}



.he_bsform {

    width: 100%;

    /* padding: 0 157px; */

    text-align: center;

    display: inline-block;

}



.he_bsform img {

    text-align: center;

    display: inline-block;

    max-width: 100% !important;

    height: auto !important;

}



.he_btwosk1 p span {

    font-weight: bold;

}



.he_c2ig {

    margin-top: 64px;

    margin-bottom: 63px;

}



.he_c2igbxli {

    position: relative;

}



.he_c2igbxli::after {

    content: '';

    width: 100%;

    height: 220px;

    position: absolute;

    bottom: 0;

    left: 0;

    background-image: linear-gradient(rgba(0, 0, 0, .005), rgba(0, 0, 0, .7));

}



.he_c2igbx .slick-dots li {

    background: #007aff;

    border: none;

    width: 15px;

    height: 15px;

    background: #ffffff;

    margin: 0 12px;

}



.he_c2igbx .slick-dots li.slick-active {

    background: #007aff;

}



.he_c2igbx .slick-dots {

    bottom: 35px;

}



.he_c2cinti h4 {

    font-size: 30px;

    line-height: 36px;

    font-weight: bold;

    color: #333333;

}



.he_c2cinti {

    margin-top: 45px;

}



.he_c2proj p {

    font-size: 18px;

    line-height: 30px;

    font-weight: bold;

    color: #333333;

    position: relative;

    display: inline-block;

    padding-bottom: 16px;

}



.he_c2proj p::after {

    content: '';

    width: 100%;

    height: 1px;

    background: #007bff;

    position: absolute;

    bottom: -1px;

    left: 0;

}



.he_c2proj {

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 15px;

}



.he_c2prbjq p {

    font-size: 16px;

    line-height: 30px;

    color: #666666;

    margin-bottom: 50px;

}



.he_c2prbjz p {

    font-size: 16px;

    line-height: 30px;

    color: #666666;

}



.he_c2prbjz {

    padding-top: 10px;

}



.he_c2cin {

    margin-bottom: 110px;

}



.he_c2swleiig {

    width: 14px;

    position: relative;

}



.he_c2swleiig img {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    transition: all 0.36s;

}



.he_c2swlete {

    width: calc(100% - 14px);

    padding-left: 35px;

    padding-right: 55px;

}



.he_c2swlete p {

    width: 100%;

    font-size: 18px;

    line-height: 26px;

    color: #666666;

    height: 26px;

    overflow: hidden;

    transition: all 0.36s;

}



.he_c2swile,

.he_c2swiri {

    width: 50%;

    position: relative;

}



.he_c2swile::after {

    content: '';

    width: 100vw;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    background: transparent;

    z-index: -1;

    transition: all 0.36s

}



.he_c2swiri::after {

    content: '';

    width: 100vw;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: transparent;

    z-index: -1;

    transition: all 0.36s

}



.he_c2swile a,

.he_c2swiri a {

    display: block;

    padding-top: 60px;

    padding-bottom: 60px;

}



.he_c2swile {

    border-right: 1px solid #e5e5e5;

}



.he_c2swi {

    position: relative;

}



.he_c2swi::before {

    content: '';

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 100vw;

    height: 1px;

    background: #e5e5e5;

}



.he_d2anti {

    padding: 134px 0;

}



.he_d2aibxig {

    width: 100%;

}



.he_d2aibxig img {

    width: 100%;

}



.he_d2antibx {

    position: relative;

    width: 100%;

}



.he_d2aibxte {

    position: absolute;

    bottom: 30px;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    padding: 0 64px;

}



.he_d2aibxgt {

    background: #007aff;

    width: 100%;

    text-align: center;

}



.he_d2aibxgt a {

    padding: 60px 15px 72px;

    display: block;

}



.he_d2bpaic {

    width: 21px;

    line-height: 36px;

}



.he_d2bpaite {

    width: calc(100% - 21px);

    padding-left: 25px;

}



.he_d2bpaite p {

    font-size: 18px;

    line-height: 36px;

    font-weight: bold;

    color: #ffffff;

    position: relative;

}



.he_d2bpaite p::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 2px;

    background: #fff;

}



.he_aidplib {

    display: inline-block;

}



.he_d3frombx {

    width: 100%;

    padding: 120px 180px 150px;

}



.he_d3frbxny {

    width: 100%;

}



.he_d3frbxnyti {

    text-align: center;

    border-bottom: 1px solid #007aff;

    padding-bottom: 30px;

}



.he_d3frbxnyti h4 {

    font-size: 30px;

    line-height: 48px;

    color: #007aff;

}



.he_d3frbxnyti p {

    font-size: 18px;

    line-height: 28px;

    color: #666666;

    margin-top: 5px;

}



.he_d3frinfoul {

    margin: 0 -5px;

}



.he_d3frinfouli {

    width: 50%;

    padding: 0 5px;

    margin-bottom: 10px;

}



.he_d3frinfobx {

    width: 100%;

    border: 1px solid #dcdcdc;

    height: 50px;

}



.he_d3frinfobx input {

    width: 100%;

    height: 100%;

    padding: 12px 19px;

    color: #999999;

    font-size: 16px;

    line-height: 36px;

}



.he_d3frinfobx input::-webkit-input-placeholder {

    color: #999999;

    font-size: 16px;

    line-height: 36px;

}



.he_d3frinfobx input::-moz-input-placeholder {

    color: #999999;

    font-size: 16px;

    line-height: 36px;

}



.he_d3frinfobx input::-ms-input-placeholder {

    color: #999999;

    font-size: 16px;

    line-height: 36px;

}



.he_d3frinfo {

    margin-top: 27px;

}



.he_d3fromt {

    width: 100%;

    border: 1px solid #dcdcdc;

    height: 202px;

}



.he_d3fromt textarea {

    width: 100%;

    height: 100%;

    padding: 18px 20px;

    color: #999999;

    font-size: 16px;

    line-height: 24px;

    resize: none;

}



.he_d3fromt textarea::-webkit-input-placeholder {

    color: #999999;

    font-size: 16px;

    line-height: 24px;

}



.he_d3fromt textarea::-moz-input-placeholder {

    color: #999999;

    font-size: 16px;

    line-height: 24px;

}



.he_d3fromt textarea::-ms-input-placeholder {

    color: #999999;

    font-size: 16px;

    line-height: 24px;

}



.he_d3codri {

    width: 235px;

    background: #007aff;

    text-align: center;

    cursor: pointer;

}



.he_d3codle {

    width: calc(100% - 235px);

    padding-right: 135px;

}



.he_d3codri span {

    font-size: 18px;

    line-height: 36px;

    color: #ffffff;

    display: block;

    padding: 7px;

}



.he_d3codbx {

    margin-top: 23px;

}



.he_d3codlip {

    width: calc(100% - 148px);

    height: 50px;

    border: 1px solid #dcdcdc;

    margin-right: 30px;

}



.he_d3codlip input {

    width: 100%;

    height: 100%;

    padding: 13px 19px;

}



.he_d3codlip input::-webkit-input-placeholder {

    color: #999999;

    font-size: 16px;

    line-height: 24px;

}



.he_d3codlip input::-moz-input-placeholder {

    color: #999999;

    font-size: 16px;

    line-height: 24px;

}



.he_d3codlip input::-ms-input-placeholder {

    color: #999999;

    font-size: 16px;

    line-height: 24px;

}



.he_d3codig {

    width: 118px;

    cursor: pointer;

}



.he_d3codig img {

    width: 100%;

}



.he_newlisbx {

    padding-top: 130px;

    width: 100%;

}



.he_newlibx {

    width: 100%;

}



.he_newlibxle {

    width: 305px;

    padding-right: 40px;

}



.he_newlibxri {

    width: calc(100% - 305px);

}



.he_e1newle {

    width: 100%;

}



.he_e1newti {

    background: #001b36;

    padding: 58px 35px;

    position: relative;

}



.he_e1newti h4 {

    font-size: 26px;

    line-height: 36px;

    color: #f8f8f8;

}



.he_e1newti img {

    width: 84px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 26px;

}



.he_e1nebti {

    border-bottom: 1px solid #f7fafc;

}



/* .he_e1nebti.act {

    border-color: transparent;

} */



.he_e1nebti p {

    font-size: 18px;

    line-height: 60px;

    color: #666666;

    width: 100%;

    transition: all 0.36s;

    position: relative;

}



.he_e1nebti a {

    padding: 0px 50px;

    display: block;

}



.he_e1nebti p::after {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 0;

    height: 2px;

    background: #007aff;

    transition: all 0.36s;

}



.he_e1newbt {

    padding-top: 10px;

    padding-bottom: 60px;

    box-shadow: 0px 0 20px 5px rgba(216, 216, 216, 0.28);

}



.he_e1nebti.act p::after {

    width: 10px;

}



.he_e1nebti.act p {

    padding-left: 20px;

    color: #333333;

    font-weight: bold;

}



.he_e1nebti:first-child {

    border-bottom: none;

}



.he_newtig {

    width: 100%;

    position: relative;

}



.he_newtig img {

    width: 100%;

    height: 100%;

}



.he_newxritle {

    width: 51%;

}



.he_newxritri {

    width: 49%;

    position: absolute;

    height: 100%;

    right: 0;

}



.he_newribx {

    width: 100%;

    padding: 62px 50px 99px;

    background: #001b36;

    height: 100%;

}



.he_newribx span {

    font-size: 16px;

    line-height: 24px;

    color: #ffffff;

    font-family: 'Arial' !important;

}



.he_newribx h4 {

    font-size: 18px;

    line-height: 30px;

    color: #ffffff;

    height: 60px;

    overflow: hidden;

    margin-bottom: 20px;

    margin-top: 15px;

}



.he_newribx p {

    font-size: 14px;

    line-height: 24px;

    color: #c5e4ff;

    height: 48px;

    overflow: hidden;

}



.he_e1mo {

    margin-top: 34px;

}



.he_e1mo span {

    font-size: 14px;

    line-height: 24px;

    color: #ffffff;

}



.he_e1tijbx .slick-dots li {

    width: 10px;

    height: 10px;

    background: rgba(247, 247, 247, 0.58);

    border: none;

}



.he_e1tijbx .slick-dots li.slick-active {

    background: rgba(247, 247, 247, 1);

}



.he_e1tijbx .slick-dots {

    bottom: 42px;

    left: 10%;

}



.he_wonlis {

    margin-top: 85px;

}



.he_wonlisbx {

    width: 100%;

}



.he_wonsbxul {

    margin: 0 -10px;

    overflow: hidden;

}



.he_wonsbxli {

    width: 33.333333%;

    padding: 0 10px;

    margin-bottom: 24px;

}



.he_wonslibx {

    width: 100%;

    position: relative;

    box-shadow: 0px 0px 10px 5px rgba(77, 99, 117, 0.06);

}



.he_wotigte {

    position: relative;

    height: 172px;

    transition: all 0.36s;

}



.he_wotigtebx {

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    height: 100%;

    padding: 18px 20px 30px;

    transition: all 0.36s;

}



.he_wotigt span {

    font-size: 16px;

    line-height: 24px;

    color: #007aff;

    font-family: 'Arial' !important;

    transition: all 0.36s;

}



.he_wotigp {

    margin-top: 8px;

    height: 48px;

    overflow: hidden;

    transition: all 0.36s;

}



.he_wotigp h4 {

    font-size: 16px;

    line-height: 24px;

    color: #333333;

    height: 48px;

    overflow: hidden;

    transition: all 0.36s;

}



.he_wotigp p {

    font-size: 14px;

    line-height: 24px;

    color: #c5e4ff;

    margin-top: 3px;

    height: 48px;

    overflow: hidden;

    transition: all 0.36s;

}



.he_womor {

    margin-top: 20px;

}



.he_womor span {

    font-size: 14px;

    line-height: 24px;

    color: #007aff;

    transition: all 0.36s;

}



.he_e1feny {

    padding-top: 80px;

    padding-bottom: 95px;

}



.nybanrbx.on {

    margin-top: 80px;

}



/* .he_e2new {

    margin-top: 55px;

} */



.he_e2newle {

    width: calc(100% - 320px);

    padding-right: 30px;

    border-right: 1px solid #eeeeee;

    padding-top: 55px;

}



.he_e2newri {

    width: 320px;

    padding-left: 24px;

    padding-top: 55px;

}



.he_e2nelbx {

    width: 100%;

}



.he_e2nelbxti h4 {

    font-size: 24px;

    line-height: 1.75;

    color: #333333;

    font-weight: bold;

    margin-bottom: 16px;

}



.he_e2nelbxti {

    border-bottom: 1px solid #e5e5e5;

}



.he_views {

    margin-top: 20px;

}



.he_vieic {

    width: 16px;

    line-height: 20px;

}



.he_vieic img {

    width: 100%;

}



.he_vieicte span {

    font-size: 14px;

    line-height: 22px;

    color: #999999;

    margin-left: 10px;

}



.he_viewsli {

    margin-right: 45px;

}



.he_viespn {

    margin-top: 28px;

}



.he_viespn p {

    font-size: 14px;

    line-height: 24px;

    color: #666666;

    margin-bottom: 25px;

}



.he_viebshbx {

    width: 28px;

    position: relative;

    margin-right: 22px;

}



.he_viebshbx img {

    width: 100%;

}



.he_viebshnh {

    display: inline-block;

}



.he_viebsh {

    text-align: center;

}



.he_viebsh {

    padding-top: 30px;

    padding-bottom: 60px;

}



.he_viebshbx a {

    position: absolute;

    width: 100%;

    height: 100% !important;

    display: block;

    background: none !important;

    left: 0;

    top: 0;

    z-index: 5;

}



.he_viebshbx a {

    padding-left: 0 !important;

}



.he_viebsw {

    border-top: 1px solid #e5e5e5;

}



.he_viebswle p {

    float: left;

    font-size: 14px;

    line-height: 24px;

    color: #999999;

    transition: all 0.36s;

}



.he_viebswri p {

    float: left;

    font-size: 14px;

    line-height: 24px;

    color: #999999;

    transition: all 0.36s;

}



.he_viebswle,

.he_viebswri {

    width: 50%;

}



.he_viebswri a {

    padding-right: 38px;

    padding-left: 26px;

    padding-top: 19px;

    padding-bottom: 31px;

    display: block;

}



.he_viebswle a {

    padding-right: 40px;

    display: block;

    width: 100%;

    padding-bottom: 31px;

    padding-top: 19px;

}



.he_viebp1 {

    width: 63px;

}



.he_viebp2 {

    width: calc(100% - 63px);

    height: 48px;

    overflow: hidden;

}



.he_viebswle {

    border-right: 1px solid #e5e5e5;

}



.he_e2nriti {

    margin-top: 10px;

    border-bottom: 1px solid #e5e5e5;

}



.he_e2nriti h4 {

    font-size: 18px;

    line-height: 28px;

    color: #333333;

    margin-bottom: 20px;

}



.he_morwez {

    margin-top: 15px;

}



.he_morwez p a {

    font-size: 14px;

    line-height: 24px;

    color: #666666;

    display: block;

    position: relative;

    padding-left: 13px;

}



.he_morwez p a::after {

    content: '';

    position: absolute;

    top: 10px;

    left: 0;

    width: 4px;

    height: 4px;

    background: #007aff;

    border-radius: 50%;

    transition: all 0.36s;

}



.he_morwez p {

    margin-bottom: 13px;

    max-height: 48px;

    overflow: hidden;

}



.he_submit {

    width: 100%

}



.he_submitul {

    margin: 0 -7px;

    overflow: hidden;

}



.he_submitli {

    width: 33.33333%;

    padding: 0 7px;

    margin-bottom: 55px;

}



.he_subtbxn {

    width: 100%;

    box-shadow: 0.39px 0.95px 11px 0px rgba(0, 0, 0, 0.13);

}



.he_subntop {

    background: #fff;

    padding-left: 22px;

    padding-right: 15px;

    padding-top: 17px;

    padding-bottom: 17px;

}



.he_subntople {

    width: 102px;

}



.he_subntople img {

    width: 100%;

}



.he_subntopri span {

    font-size: 14px;

    line-height: 20px;

    color: #007aff;

}



.he_subntig {

    width: 100%;

    position: relative;

    overflow: hidden;

}



.he_subntig img {

    width: 100%;

    height: 100%;

    transition: all 0.36s;

}



.he_subbtn {

    padding: 17px 20px 30px;

}



.he_subbtn p {

    font-size: 16px;

    line-height: 32px;

    color: #333333;

    height: 32px;

    overflow: hidden;

}



.he_subbtn h4 {

    font-size: 24px;

    line-height: 32px;

    color: #333333;

    height: 32px;

    overflow: hidden;

    margin-top: 5px;

    transition: all 0.36s;

}



.he_e3fenye {

    padding-top: 40px;

    padding-bottom: 100px;

}



.he_f1ifro {

    padding-top: 130px;

    padding-bottom: 136px;

}



.he_f1ifrobx {

    width: 100%;

    overflow: hidden;

    padding: 0 235px;

}



.he_f1ifrobx iframe {

    width: 100%;

    height: 900px;

}



.he_f4bx {

    padding-top: 92px;

}



.he_f4bxny {

    width: 100%;

    text-align: center;

}



.he_f4nyswl {

    display: inline-block;

    margin: 0 -3px;

    overflow: hidden;

}



.he_f4nyswli {

    padding: 0 3px;

}



.he_f4swlibx {

    min-width: 150px;

    border: 1px solid #dcdcdc;

    border-radius: 5px;

    transition: all 0.36s;

}



.he_f4swlibx a {

    font-size: 16px;

    line-height: 36px;

    color: #999999;

    display: block;

    transition: all 0.36s;

}



.he_f4nyswli.act .he_f4swlibx {

    border-color: #007aff;

}



.he_f4nyswli.act .he_f4swlibx a {

    color: #007aff;

}



.he_f4blsi {

    margin-top: 92px;

    width: 100%;

}



.he_f4blsiul {

    margin: 0 -55px;

    overflow: hidden;

}



.he_f4blsili {

    padding: 0 55px;

    width: 25%;

    margin-bottom: 65px;

}



.he_f4blsibx {

    width: 100%;

}



.he_f4blsig {

    width: 100%;

    position: relative;

    overflow: hidden;

    border-radius: 50%;

}



.he_f4blsig img {

    width: 100%;

    height: 100%;

    transition: all 0.36s;

    border-radius: 50%;

}



.he_f4blste {

    margin-top: 18px;

    text-align: center;

}



.he_f4blste h4 {

    font-size: 24px;

    line-height: 36px;

    color: #333333;

    height: 36px;

    overflow: hidden;

    transition: all 0.36s;

}



.he_f4blste p {

    font-size: 16px;

    line-height: 24px;

    color: #666666;

    height: 24px;

    overflow: hidden;

}



.f4fenye {

    padding-top: 50px;

    padding-bottom: 92px;

}



.he_f5intera {

    padding-top: 122px;

    padding-bottom: 128px;

}



.he_f5int {

    width: 100%;

}



.he_f5intti h4 {

    font-size: 36px;

    line-height: 48px;

    font-weight: bold;

    color: #001b37;

    position: relative;

    display: inline-block;

    padding-bottom: 13px;

}



.he_f5intti h4::after {

    content: '';

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 100%;

    height: 1px;

    background: #007bff;

}



.he_f5intti {

    border-bottom: 1px solid rgba(155, 155, 155, 0.27);

}



.he_consu {

    margin-top: 33px;

    width: 100%;

}



.he_consuul {

    margin: 0 -48px;

    overflow: hidden;

}



.he_consuli {

    padding: 0 48px;

    width: 50%;

}



.he_consubx {

    width: 100%;

    padding: 30px 0 26px;

    border-bottom: 1px solid #e5e5e5;

}



.he_conbxtple {

    width: 24px;

    line-height: 34px;

}



.he_conbxtple img {

    width: 100%;

}



.he_conbxtpri {

    width: calc(100% - 24px);

    padding-left: 20px;

}



.he_conbxtpri p {

    font-size: 18px;

    line-height: 36px;

    font-weight: bold;

    color: #007aff;

}



.he_conbxbm {

    width: 100%;

    padding-left: 44px;

    padding-right: 15px;

}



.he_conbxbm p {

    font-size: 18px;

    line-height: 38px;

    color: #666666;

    height: 38px;

    overflow: hidden;

}



.he_ques .he_d2aibxgt {

    background: #fff;

}



.he_ques .he_d2bpaite p {

    color: #007aff;

}



.he_ques .he_d2bpaite p::after {

    background: #007aff;

}



.he_ques {

    margin-top: 68px;

}



.he_quesp {

    width: 100%;

    padding: 0px 180px;

    text-align: center;

    margin-bottom: 60px;

}



.he_quesp p {

    font-size: 18px;

    line-height: 36px;

    color: #ffffff;

}



.he_ques .he_d2aibxte {

    bottom: 70px;

}





.he_job {

    padding-top: 130px;

}



.he_g3job {

    width: 100%;

    overflow: hidden;

}



.he_g3jbltle,

.he_g3jbltri {

    width: 50%;

}



.he_g3jblito {

    background: #fbfbfb;

    border-left: 6px solid #007aff;

    padding: 25px 35px 25px 27px;

    position: relative;

    cursor: pointer;

}



.he_g3jbltle {

    padding-right: 15px;

}



.he_g3jbltle p {

    font-size: 18px;

    line-height: 30px;

    color: #333333;

    height: 30px;

    overflow: hidden;

}



.he_g3ltrili p {

    font-size: 18px;

    line-height: 30px;

    height: 30px;

    overflow: hidden;

    color: #999999;

}



.he_g3ltrili p span {

    color: #333333;

}



.he_g3ltrili {

    width: 50%;

}



.he_g3ltrili:last-child {

    padding-left: 75px;

}



.he_anon {

    width: 35px;

    height: 100%;

    background: #007aff;

    position: absolute;

    top: 0;

    right: 0;

}



.he_anon img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 14px;

    transition: all 0.36s;

}



.he_g3jblibm {

    width: 100%;

    padding: 20px 33px 58px;

    display: none;

}



.he_g3jobj h4 {

    font-size: 14px;

    line-height: 36px;

    font-weight: bold;

    color: #333333;

    margin-bottom: 4px;

}



.he_g3jobj p {

    font-size: 14px;

    line-height: 30px;

    color: #666666;

}



.he_g3jobj {

    margin-bottom: 28px;

}



.he_dela span {

    font-size: 18px;

    line-height: 30px;

    color: #ffffff;

}



.he_dela {

    display: inline-block;

}



.he_dela a {

    width: 100%;

    display: block;

    background: #007aff;

    padding: 8px 60px;

}



.he_deliv {

    padding-top: 21px;

}



.he_g3jobli {

    margin-bottom: 21px;

}



.he_g3jblito.on .he_anon .he_hide {

    opacity: 1;

}



.he_g3jblito.on .he_anon .he_show {

    opacity: 0;

}



.he_g3fenye {

    padding-top: 70px;

    padding-bottom: 97px;

}



.he_conta {

    padding-top: 130px;

    padding-bottom: 158px;

}



.he_contabx {

    width: 100%;

    overflow: hidden;

}



.he_coxlile {

    width: 274px;

    position: relative;

}



.he_coxliri {

    width: calc(100% - 274px);

    margin-top: 22px;

}



.he_coxlia1 {

    width: 355px;

    padding-right: 55px;

}



.he_coxlia2 {

    width: calc(100% - 355px);

}



.he_coxlia1 h4 {

    font-size: 24px;

    line-height: 30px;

    color: #333333;

    height: 60px;

    overflow: hidden;

    margin-bottom: 29px;

}



.he_coxlia1 p a {

    font-size: 14px;

    line-height: 30px;

    color: #999999;

    position: relative;

}



.he_coxlia1 p a::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 2px;

    background: #d0d0d0;

    bottom: 0;

    left: 0;

}



.h4_coicle {

    line-height: 28px;

    width: 17px;

}



.h4_coicle img {

    width: 100%

}



.h4_coicri {

    padding-left: 10px;

}



.h4_coicri p {

    font-size: 16px;

    line-height: 30px;

    color: #666666;

}



.he_coabxli:first-child {

    border-top: 1px solid #e5e5e5;

}



.he_coabxli {

    width: 100%;

    padding-top: 25px;

    padding-bottom: 28px;

    border-bottom: 1px solid #e5e5e5;

}



.he_f3blsi {

    margin-top: 50px;

    padding-bottom: 95px;

}



.he_f3blsiti h4 {

    font-size: 36px;

    line-height: 48px;

    color: #001b37;

    font-weight: bold;

}



.he_tabl {

    margin-top: 46px;

    margin-bottom: 43px;

}



.he_tablbx table {

    /* border:1px solid #e5e5e5; */

    width: 100%;

}



.he_tablbx .he_tath {

    width: 25%;

    background: #001b36;

    font-size: 16px;

    line-height: 24px;

    color: #ffffff;

    text-align: center;

    padding: 11px 30px;

}



.he_tablbx td {

    font-size: 16px;

    line-height: 24px;

    color: #333333;

    text-align: right;

    padding: 10px 30px;

}



table,

td,

th {

    border: 1px solid #e5e5e5;

}



.he_tablbx .he_tbone {

    text-align: left;

}



.he_tabtr.on {

    background: #f1f1f1;

}



.he_tabtr {

    background: #f8f8f8;

}



.he_tablp p {

    font-size: 18px;

    line-height: 28px;

    font-weight: bold;

    color: #001b37;

}



.he_tablp {

    margin-top: 48px;

    margin-bottom: 18px;

}



.he_tath.on {

    width: 50%;

}



.he_stock {

    padding-top: 130px;

    padding-bottom: 120px;

}



.he_stockbx {

    width: 100%;

}



.he_stkbxle {

    width: 367px;

    background: #f2f2f2;

    padding: 50px 60px 55px;

    /* text-align: center; */

}



.he_stkbxri {

    width: calc(100% - 367px);

}



.he_stklebx {

    display: inline-block;

}



.he_stkle p {

    font-size: 60px;

    line-height: 68px;

    color: #ff0000;

    font-family: 'DIN-Bold' !important;

}



.he_stklig {

    width: 22px;

    margin-top: 20px;

    margin-left: 5px;

}



.he_stklig img {

    width: 100%;

}



.he_stkri {

    margin-top: 25px;

    margin-left: 5px;

}



.he_stkri span {

    font-size: 24px;

    line-height: 48px;

    font-weight: bold;

    color: #ff0000;

}



.he_ling {

    text-align: left;

    /* padding-left: 60px; */

}



.he_ling p {

    font-size: 18px;

    line-height: 30px;

    font-weight: bold;

    color: #333333;

}



.he_stkbxri {

    background: #001b36;

    padding-top: 48px;

    padding-left: 42px;

    padding-right: 34px;

    padding-bottom: 33px;

}



.he_stkbfd {

    width: 100%;

    overflow: hidden;

}



.he_stxrili {

    width: 25%;

}



.he_stxrili h4 {

    font-size: 30px;

    line-height: 48px;

    font-weight: bold;

    color: #ffffff;

}



.he_stxrili p {

    font-size: 16px;

    line-height: 22px;

    color: #a9c2e5;

    font-family: 'DIN-Bold' !important;

}



.he_stkbfdp {

    margin-top: 65px;

}



.he_stkbfdp p {

    font-size: 14px;

    line-height: 24px;

    color: #a9c2e5;

}



.he_shari {

    margin-top: 50px;

    box-shadow: 0.39px 0.95px 29px 0px rgba(0, 0, 0, 0.04);

    padding-top: 65px;

    padding-left: 70px;

    padding-right: 70px;

    padding-bottom: 145px;

}



.he_shariti h4 {

    font-size: 36px;

    line-height: 48px;

    font-weight: bold;

    color: #001b37;

}



.he_sharigf {

    padding: 0 40px;

    margin-top: 75px;

}



.he_sharigf img {

    width: 100%;

}



.mc_videom {

    display: none;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 999;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .84);

}



.mc_modal_close {

    position: absolute;

    right: 15px;

    top: 15px;

    font-size: 20px;

    line-height: 20px;

    cursor: pointer;

    z-index: 10;

}



.mc_videom_close {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 50px;

    color: #fff;

}



.mc_videom_container {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.mc_videom_content {

    width: 1200px;

    max-width: calc(100vw - 40px);

    max-height: calc(100vh - 80px);

    display: block;

}



.mc_videom_video {

    max-width: 100%;

    vertical-align: middle;

    background: #000;

    outline: none;

    width: 100%;

}



.mc_videom_iframebox {

    text-align: center;

    display: none;

}



.he_probx {

    display: none;

}



.he_probx:first-child {

    display: block;

}



.he_bteo3 .he_bteo1riti h4 {

    display: inline-block;

}



.he_bteo3 .he_bteo1riti {

    border-bottom: none;

    display: inline-block;

    position: relative;

}



.he_bteo3 .he_succbxti {

    border-bottom: 1px solid rgba(155, 155, 155, 0.27);

}



.he_bteo3 .he_bteo1riti::after {

    content: '';

    bottom: -1px;

    left: 0;

    width: 100%;

}



.he_wotig {

    width: 100%;

    position: relative;

}



.he_d2bpaic img {

    width: 100%;

}



.he_wotig img {

    width: 100%;

    height: 100%;

}



.he_g1svg {

    position: relative;

    padding-bottom: 30px;

}



.g_g1pt1fl img {

    width: 100%;

}



.g_g2pt4frtu img {

    width: 100%;

}



.h4_coicri {

    width: calc(100% - 17px);

    padding-right: 15px;

}



.he_coxlile img {

    width: 100%;

    height: 100%;

}



.he_e1tijbx .slick-dots {

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: 0.3s;

}



.he_syslibx.slick-current .he_sybati h4 {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.4s;

}



.he_syslibx.slick-current .he_sybati p {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.4s;

}



.he_syslibx.slick-current .he_symor {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.4s;

}



.he_syslibx:not(:first-child) {

    display: none;

}



.he_casebx {

    position: relative;

    z-index: 2;

}



.g_syhead.act .he_naverul {

    top: 80px;

}





/*鼠标效果*/

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



    .he_navli:hover .he_nava {

        color: #007aff !important;

    }



    .he_navsan:hover span {

        color: #007aff;

    }



    .he_navsan:hover img {

        opacity: 1;

    }



    .he_navsinav:hover a {

        color: #007aff;

    }



    .he_laslia:hover a {

        color: #007aff;

    }



    .he_moerbx:hover a {

        background: #007aff;

    }



    .he_casedri:hover {

        background: #001b37;

    }



    .he_casedri:hover .he_hide {

        opacity: 1;

    }



    .he_casedri:hover .he_show {

        opacity: 0;

    }



    .he_globalle .he_moerbx:hover span {

        color: #fff;

    }



    .he_globalle .he_moerbx:hover .he_show {

        opacity: 0;

    }



    .he_globalle .he_moerbx:hover .he_hide {

        opacity: 1;

    }



    .he_synewri a:hover .he_synewig img {

        transform: scale(1.1);

    }



    .he_sylbhls:hover .he_sylbhlsri h4 {

        color: #007aff;

    }



    .he_foeline a:hover {

        color: #007aff;

    }



    .he_lingsn a:hover {

        color: #007aff;

    }



    .he_flinknr:hover span {

        color: #007aff;

    }



    .he_b1pllibx a:hover {

        color: #007aff;

        border-color: #007aff;

    }



    .he_b13blibx:hover .he_b13bllg img {

        transform: scale(1.1);

    }



    .he_b13blibx:hover .he_b13blite {

        background: #007aff;

    }



    .he_b13blibx:hover .he_b13blite p {

        color: #ffffff;

    }



    .pc_fenye li:hover {

        color: #fff;

        background-color: #007aff;

    }



    .he_c1libx:hover .he_c1libxig img {

        transform: scale(1.1);

    }



    .he_c1libx:hover .he_c1libxte p {

        color: #007aff;

    }



    .he_cruli:hover span {

        color: #007aff !important;

    }



    .he_nava:hover::after {

        width: 85%;

    }



    .he_bt2tli:hover .he_bt2tbx {

        background: #007aff;

    }



    .he_bt2tli:hover span {

        color: #fff;

    }



    .he_succle:hover {

        background: #001b37;

        border-color: #001b37;

    }



    .he_succle:hover .he_hide {

        opacity: 1;

    }



    .he_succle:hover .he_show {

        opacity: 0;

    }



    .he_succri:hover {

        background: #001b37;

        border-color: #001b37;

    }



    .he_succri:hover .he_hide {

        opacity: 1;

    }



    .he_succri:hover .he_show {

        opacity: 0;

    }



    .he_c2swile:hover::after {

        background: #007aff;

    }



    .he_c2swile:hover .he_c2swlete p {

        color: #ffffff;

    }



    .he_c2swile:hover .he_show {

        opacity: 0;

    }



    .he_c2swile:hover .he_hide {

        opacity: 1;

    }



    .he_c2swiri:hover::after {

        background: #007aff;

    }



    .he_c2swiri:hover .he_c2swlete p {

        color: #ffffff;

    }



    .he_c2swiri:hover .he_show {

        opacity: 0;

    }



    .he_c2swiri:hover .he_hide {

        opacity: 1;

    }



    .he_e1nebti:hover p::after {

        width: 10px;

    }



    .he_e1nebti:hover p {

        padding-left: 20px;

        color: #333333;

        font-weight: bold;

    }



    .he_wonslibx:hover .he_wotigtebx {

        background: #001b36;

    }



    .he_wonslibx:hover .he_wotigt span {

        color: #ffffff;

    }



    .he_wonslibx:hover .he_wotigp h4 {

        color: #ffffff;

    }



    .he_wonslibx:hover .he_womor span {

        color: #ffffff;

    }



    .he_wonslibx:hover .he_wotigtebx {

        height: 220px;

    }



    .he_wonslibx:hover .he_wotigp {

        height: 96px;

    }



    .he_viebswle:hover .he_viebp2 {

        color: #007aff;

    }



    .he_viebswri:hover .he_viebp2 {

        color: #007aff;

    }



    .he_morwez p:hover a {

        color: #007aff;

    }



    .he_subtbxn:hover .he_subntig img {

        transform: scale(1.1);

    }



    .he_subtbxn:hover .he_subbtn h4 {

        color: #007aff;

    }



    .he_f4swlibx:hover {

        border-color: #007aff;

    }



    .he_f4swlibx:hover a {

        color: #007aff;

    }



    .he_f4blsibx:hover .he_f4blsig img {

        transform: scale(1.1);

    }



    .he_f4blsibx:hover .he_f4blste h4 {

        color: #014099;

    }



    .he_project a:hover .he_projig img {

        transform: scale(1.1);

    }



    .he_project a:hover .he_projte p {

        color: #007aff;

    }



    .he_forile p a:hover {

        color: #007aff;

    }



    .he_prodtopli p:hover {

        color: #007aff;

    }



    .ma_b12s1l_li2 a:hover {

        color: #007aff;

    }



    .ma_b12s1l_li2:hover::before {

        background: #007aff;

    }

}



/*载入效果*/

.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_fadeup8 {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 1.1s;

}

.g_fadeup9 {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 1.2s;

}

.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_newlibxle {

    padding-bottom: 150px;

}



.he_synewri a {

    position: relative;

}



.he_synewri a::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.3);

}



.g_syhead.act {

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

}



.he_succle,

.he_succri {

    cursor: pointer;

}



.he_zdymle {

    width: 210px;

}



.he_zdymri {

    width: calc(100% - 210px);

    padding-left: 50px;

}



.ma_b12s1ll_t {

    cursor: pointer;

    background: #f0f0f0;

    padding: 0 30px;

}



.ma_b12s1ll_l p {

    line-height: 50px;

    color: #666;

    font-size: 16px;

    font-weight: bold;

    transition: all 0.36s;

}



.ma_b12s1l_li.act .ma_b12s1ll_l p {

    color: #333;

}



.ma_b12s1l_ul2 {

    width: 100%;

    padding: 15px 60px;

    background: #fff;

    /* display: none; */

}



.ma_b12s1l_li2 {

    margin-bottom: 16px;

    position: relative;

}



.ma_b12s1l_li2::before {

    content: "";

    position: absolute;

    top: 7px;

    left: -20px;

    width: 5px;

    height: 1px;

    background: #999;

    transition: all 0.36s;

}



.ma_b12s1l_li2 a,

.ma_b12s1l_li2 p {

    color: #999;

    font-size: 14px;

    transition: all 0.36s;

    display: block;

    cursor: pointer;

}



.ma_b12s1l_li2.act a {

    color: #007aff;

}



.ma_b12s1l_li2.act::before {

    background: #007aff;

}



.ma_b12s1r_d {

    background: #f2f2f2;

    padding: 0 35px;

}



.ma_b12s1rd_p {

    color: #333;

    font-size: 18px;

    line-height: 50px;

    font-weight: bold;

    display: inline-block;

}



.ma_b12s1rd_p1 {

    width: 60%;

}



.ma_b12s1rd_p3 {

    width: 18%;

}



.ma_b12s1rd_p4 {

    width: 18%;

}



.ma_b16r_li {

    background: #fff;

}



.ma_b16r_li a {

    display: block;

    padding: 18px 40px 18px;

    border-bottom: 1px solid #dee2e6;

    overflow: hidden;

}



.ma_b16rl_main1 {

    width: 60%;

}



.ma_b16rl_main:first-child img {

    bottom: auto;

}



/* .ma_b16rl_main1 img {

    width: 25px;

    margin-right: 14px;

    position: relative;

    bottom: 3px;

    float: left;

} */

.ma_b16rl_main:first-child span {

    width: 100%;

}



.ma_b16rl_main span,

.ma_b16rl_main p {

    color: #333;

    font-size: 18px;

    line-height: 1.75;

    height: 31px;

    overflow: hidden;

    transition: all 0.36s;

}



.ma_b16rl_main3 {

    width: 18%;

}



.ma_b16rl_main {

    float: left;

}



.ma_b16rlm4_img {

    display: inline-block;

    position: relative;

    width: 22px;

    bottom: 3px;

    margin-right: 10px;

}



.ma_b16rlm4_img1 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    transition: all 0.36s;

}



.ma_b16rlm4_img2 {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1;

    transition: all 0.36s;

}



.ma_b16rl_main4 {

    width: 18%;

}



.he_g3jbltle {

    width: 45%;

}



.he_g3jbltri {

    width: 55%;

}



.he_g3ltrili:first-child {

    width: 63%;

}



.he_g3ltrili:last-child {

    width: 37%;

    padding-left: 15px;

}



.he_bcdow {

    display: none;

}



.he_svgtu img {

    width: 100%;

}



.he_d2anti .he_d2bpaic {

    display: none;

}



.he_d2anti .he_d2bpaite {

    width: 100%;

    padding-left: 0;

}



.he_d2bpaite form {

    font-size: 18px;

    color: #fff;

}





.he_d2anti .he_d2aibxgt {

    padding: 30px 0;

}



.he_d2bpaite #txtfw {

    border: 1px solid #fff;

    padding: 2px 10px;

    color: #fff;

    border-radius: 8px;

}



.he_d2bpaite img {

    cursor: pointer;

}



.he_d2bpaite #btnQuery {

    margin-left: 20px;

}



.he_d2bpaite #txtfw {

    border: 1px solid #fff;

    padding: 2px 10px;

    color: #fff;

    border-radius: 8px;

    height: 42px;

    width: 274px;

}

.he_navsi {

    height: 250px !important;

}

.he_forileli {
    width: 16.666666%;
}

.he_flinkbt {
    height: 106px;
}


.g_g1pt2sk::before {
    width: 20%;
    display: none !important;
}

.g_g1pt2sk::after {
display: none !important;
    width: 20%;
}

.he_btgtbx .slick-slide{
    height: auto !important;  
}

.he_c1liul  .slick-slide{
    height: auto !important;  
}

.g_g1pt1fr{
    position: static !important;
    transform: inherit !important;
}

.he_navsan a {
    width: 210px;
}

.he_navsi {
    left:210px;
}