.bgImg {
    /*  position: relative;*/
}

.hmc1swiper.ry imag {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0%;
    top: 0%;
}

.bgImg img {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0%;
    top: 0%;
}

.wrapper {
    min-width: 1230px;
}


.subMenu {}

.navRx {
    float: right;
}

.topSer {
    /* float: left; */
    height: 32px;
    width: 240px;
    margin-top: 0px;
    background: rgba(255, 255, 255, 0.1);
    position: relative;
    transition: all 0.5s ease-in-out;
    margin-left: 15%;
    float: right;
}

.topSer input {
    width: 100%;
    line-height: 32px;
    height: 32px;
    background: none;
    color: #fff;
    padding: 0 15px;
}

.topSer input::placeholder {
    color: #fff;
    opacity: 0.6;
}

.topSer button {
    background: url(../images/serbtn2.png) no-repeat center center;
    height: 19px;
    width: 19px;
    position: absolute;
    top: 7px;
    right: 19px;
    border-width: 0px;
    border-style: none;
    cursor: pointer;
}

.lanSex {
    float: left;
    line-height: 100px;
    height: 100px;
    margin: 0px 38px 0;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.loginSex {
    margin: 0;
}

.lanSel_a,
.lanSel_a:hover {
    color: #fff;
}

.lanSel_a i {
    margin-left: 5px;
}

.lanOption {
    width: 120px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 100px;
    background: #fff;
    overflow: hidden;
    border-radius: 0.3em;
    padding: 0 20px;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.lanSex:hover .lanOption {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}

.lanOption li {
    border-bottom: 1px solid #DFE1E6;
    text-align: center;
}

.lanOption li:last-child {
    border: none;
}

.lanSel_a2 {
    display: block;
    font-size: 14px;
    line-height: 40px;
}

.lanSel_a2:hover {}

.lan_lbtn,
.lan_lbtn:hover {
    float: left;
    margin: 34px 35px 0 0;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    transition: all 0.5s ease-in-out;
}

.lan_rbtn {
    float: left;
    padding: 0 35px;
    line-height: 32px;
    margin-top: 34px;
    color: #0095ad;
    font-size: 14px;
    background: #fff;
    transition: all 0.5s ease-in-out;
}

.lan_rbtn:hover {
    background: #0095ad;
    color: #fff;
}

.lan_lbtn,
.lan_rbtn {
    cursor: pointer;
}

.page-ht {
    height: 80px;
}

.subMenu {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    top: 100px;
}

.nav li:hover .subMenu {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}

.subMenu1 {
    padding: 40px 30px 58px;
    overflow: hidden;
    border-radius: 0.3em;
    position: absolute;
    left: -162px;
    background: #fff;
    width: 1440px;
}

.subMenu1 dl {
    padding: 0 30px;
    float: left;
}

.subM1dl_1 {
    width: 49%;
}

.subM1dl_2 {
    width: 17%;
}

.subMenu1 dl dt {
    line-height: 55px;
    height: 56px;
    border-bottom: 1px solid #DFE1E6;
    font-size: 18px;
    color: #0095ad;
    letter-spacing: 1px;
    margin-bottom: 17px;
}

.subM1dl_1 dd {
    overflow: hidden;
}

.subM1_d1item {
    display: block;
    height: 75px;
    width: 33.33%;
    float: left;
    letter-spacing: 1px
}

.subM1_a strong {
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    display: block;
}

.subM1_a p {
    font-size: 14px;
    color: #8a8e99;
    line-height: 23px;
}

.subM1_a strong span {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    padding: 0px 10px;
    height: 20px;
    border-radius: 0.2em;
    border: 1px solid #FF0000;
    color: #FF0000;
    transform: scale(0.7)
}

.subM1_a strong span.new {
    color: #0095ad;
    border: 1px solid #0095ad;
}

.subM1dl_2 dd {
    height: 75px;
}


.subMenu2 {
    padding: 40px 30px 58px;
    overflow: hidden;
    border-radius: 0.3em;
    position: absolute;
    /*! left: -262px; */
    background: #fff;
    width: 1440px;
}

.subMenu2a {
    left: -362px;
}

.subMenu2b {
    left: -243px;
    width: 600px !important;
}

.subM2dl_1 {
    width: 34.2%;
    float: left;
    padding: 0 20px;
}

.subM2dl_2 {
    width: 65.8%;
    float: left;
    padding: 0 20px;
}

.subM2dl_3 {
    width: 25%;
    float: left;
    padding: 0 10px;
}

.subM2dl_1 dt,
.subM2dl_3 dt,
.subM2dl_2 strong {
    line-height: 55px;
    height: 56px;
    border-bottom: 1px solid #DFE1E6;
    font-size: 18px;
    color: #0095ad;
    letter-spacing: 1px;
    margin-bottom: 17px;
    font-weight: normal;
    display: block
}

.subM2dl_1 dd {
    overflow: hidden;
}

.subM2_d {
    width: 35%;
    float: left;
    overflow: hidden;
    height: 38px;
    line-height: 38px;
}

.subM2_d:nth-child(3n) {
    width: 28%;
}

.subM2_a1 {
    font-size: 14px;
}

.subM2_a1 span {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    padding: 0px 10px;
    height: 20px;
    border-radius: 0.2em;
    border: 1px solid #FF0000;
    color: #FF0000;
    transform: scale(0.7)
}

.subM2_a1 span.new {
    color: #0095ad;
    border: 1px solid #0095ad;
}

.subM2dl_2 dl {
    float: left;
    margin-right: 72px;
    font-size: 14px;
}

.subM2dl_2 dl:last-child {
    margin-right: 0;
}

.subM2dl_2 dl dt {
    line-height: 38px;
}

.subM2dl_2 dl dd {
    font-size: 14px;
    line-height: 28px;
}

.subM2_a3 {
    color: #8a8e99
}

.subM2dl_2 dl dt.subM2_dt {
    margin-top: 30px;
}

.subM2dl_3a .subM2_d {
    width: 26% !important;
}

.subM2dl_3a .subM2_d:nth-child(4n) {
    width: 22% !important;
}

.subM2dl_3b .subM2_d {
    width: 50% !important;
}

.subMenu2b .subM2_d {
    width: 100% !important;
}

.subMenu3 {
    width: 180px;
    position: absolute;
    left: 50%;
    margin-left: -90px;
    background: #fff;
    overflow: hidden;
    border-radius: 0.3em;
    padding: 0 20px
}

.subMenu3 dd {
    border-bottom: 1px solid #DFE1E6;
    text-align: center;
}

.subMenu3 dd:last-child {
    border: none;
}

.submenu_c3a {
    display: block;
    font-size: 18px;
    line-height: 58px;
}

.submenu_c3a:hover {}

.subMenu3 dd a span.new {
    font-size: 12px;
    border: 1px solid #0095ad;
    color: #0095ad;
    line-height: 18px;
    padding: 0px 10px;
    height: 20px;
    display: inline-block;
    border-radius: 0.2em;
    transform: scale(0.7);
}

.header:hover,
.header.hover {
    background: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
    height: 80px;
}

.header:hover .logo img,
.headerFixed .logo img,
.header.hover .logo img {
    opacity: 0;
}

.header:hover .logo img.iOpacity,
.headerFixed .logo img.iOpacity,
.header.hover .logo img.iOpacity {
    opacity: 1;
}

.header:hover .nav_a,
.headerFixed .nav_a,
.header.hover .nav_a {
    color: #333;
}

.header:hover .topSer,
.headerFixed .topSer,
.header.hover .topSer {
    background: #f4f4f4;
}

.header:hover .topSer button,
.headerFixed .topSer button,
.header.hover .topSer button {
    background: url(../images/serbtn2.png) no-repeat center center;
}

.header:hover input,
.headerFixed input,
.header.hover input {
    color: #666;
}

.header:hover .topSer input::placeholder,
.headerFixed .topSer input::placeholder,
.header.hover .topSer input::placeholder {
    color: #333;
    opacity: 0.6;
}

.header:hover .lanSel_a,
.header:hover .lanSel_a:hover,
.header.hover .lanSel_a {
    color: #333;
}

.header:hover .lan_lbtn,
.header:hover .lan_lbtn:hover,
.header.hover .lan_lbtn {
    color: #333;
}

.headerFixed .lanSel_a,
.headerFixed .lanSel_a:hover,
.header.hover .lanSel_a {
    color: #333;
}

.headerFixed .lan_lbtn,
.headerFixed .lan_lbtn:hover,
.header.hover .lan_lbtn {
    color: #333;
}

.header:hover .lan_rbtn,
.header:hover .lan_rbtn:hover,
.header.hover .lan_rbtn {
    background: #0095ad;
    color: #fff;
}


.headerFixed {
    background: #fff;
    height: 80px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

.headerFixed .nav_a,
.headerFixed .nav_a:hover,
.header.hover .nav_a {
    line-height: 80px;
}

.headerFixed .logo,
.header.hover .logo {
    margin-top: 20px;
}

.headerFixed .topSer,
.header.hover .topSer {
    margin-top: 24px;
}

.headerFixed .lanSex,
.header.hover .lanSex {
    line-height: 80px;
    height: 80px;
}

.headerFixed .lanOption,
.header.hover .lanOption {
    top: 80px;
}

.headerFixed .lan_lbtn,
.headerFixed .lan_lbtn:hover,
.header.hover .lan_lbtn {
    margin-top: 24px;
}

.headerFixed .lan_rbtn,
.headerFixed .lan_rbtn:hover,
.header.hover .lan_rbtn {
    margin-top: 24px;
    background: #0095ad !important;
    color: #fff !important;
}

.headerFixed .subMenu,
.header.hover .subMenu {
    top: 80px;
}

@media (max-width:1799px) {
    .header {
        height: 80px;
    }

    .nav_a,
    .nav_a:hover {
        line-height: 80px;
    }

    .logo {
        margin-top: 0px;
    }

    .topSer {
        margin-top: 0px;
    }

    .lanSex {
        line-height: 80px;
        height: 80px;
    }

    .lanOption {
        top: 80px;
    }

    .lan_lbtn,
    .lan_lbtn:hover {
        margin-top: 24px;
    }

    .lan_rbtn,
    .lan_rbtn:hover {
        margin-top: 24px;
    }

    .subMenu {
        top: 80px;
    }

    .header {
        padding: 0 30px;
    }

    .topSer {
        width: 260px;
    }

    .logo {
        margin-right: 25px;
    }

    .subMenu1 {
        padding: 20px 15px 28px;
        left: -149px;
        width: 1220px;
    }

    .subMenu1 dl {
        padding: 0 5px;
    }

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

    .subMenu2 {
        padding: 20px 15px 28px;
        /*! left: -239px; */
        width: 1220px;
    }

    .subMenu2a {
        left: -330px;
    }

    .subMenu2b {
        left: -355px
    }

    .subM2dl_1 {
        padding: 0 10px;
    }

    .subM2dl_2 {
        padding: 0 10px;
    }

    .subM2dl_3 {
        padding: 0 10px;
    }

    .subM2dl_2 dl {
        margin-right: 50px;
    }

    .subM2dl_2 dl:last-child {
        margin-right: 0;
    }

    .submenu_c3a {
        font-size: 15px;
        line-height: 50px;
    }
}

@media (max-width:1360px) {
    .topSer {
        width: 200px;
    }

    .lan_rbtn,
    .lan_rbtn:hover {
        padding: 0 20px
    }

    .lan_lbtn,
    .lan_lbtn:hover {
        margin-right: 20px;
    }

    .lanSex {
        margin-left: 20px;
        margin-right: 20px;
    }

    .nav_a,
    .nav_a:hover {
        padding: 0 10px;
    }
}


.top_tipBox {
    width: 360px;
    position: absolute;
    z-index: 15;
    background: #F5F6F7;
    border-radius: 0.3em;
    right: 60px;
    top: 90px;
    z-index: 30;
}

.top_tip_colose {
    cursor: pointer;
}

.top_tip_colose,
.top_tip_colose:hover {
    position: absolute;
    top: 0px;
    right: 0px;
    display: inline-block;
    background: url(../images/top_close.png) no-repeat center center;
    height: 28px;
    width: 28px;
}

.top_tipX {
    padding: 14px 20px 15px;
    background: #0095ad;
    border-radius: 0.3em 0.3em 0 0;
}

.top_tipX strong {
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    letter-spacing: 2px;
    display: block;
    color: #fff;
}

.top_tipX p {
    font-size: 12px;
    line-height: 20px;
    color: #FFF;
    letter-spacing: 1px;
    opacity: 0.5
}

.top_tipBm {
    padding: 20px;
}

.top_timx1 {
    margin-bottom: 10px;
    background: #fff url(../images/per_icon.jpg) no-repeat 20px center;
    border-radius: 0.3em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 10px 15px 10px 60px;
    font-size: 12px;
    line-height: 20px;
}

.top_timx1 strong {
    font-weight: normal;
    display: block;
}

.top_timx1 p {
    color: #8a8e99;
}

.top_timx2l {
    float: left;
    width: 155px;
    background: #fff;
    border-radius: 0.3em;
    padding: 10px 5px 10px 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    line-height: 20px;
}

.top_timx2r {
    float: right;
    width: 155px;
    background: #fff;
    border-radius: 0.3em;
    padding: 10px 5px 10px 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    line-height: 20px;
}

.top_timx2 strong {
    font-weight: normal;
    display: block;
}

.top_timx2 p {
    color: #8a8e99;
}

.top_tipBox:after {
    content: "";
    background: url(../images/top_tip.png) no-repeat center center;
    height: 33px;
    width: 52px;
    position: absolute;
    top: -32px;
    right: 150px;
}

@media (max-width:1799px) {
    .top_tipBox {
        right: 30px
    }
}

@media (max-width:1360px) {
    .top_tipBox:after {
        right: 105px;
    }
}

.cell {
    padding: 0px !important;
    height: auto !important;
}

.mbrLayer_bg {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
}

.mbrFm {
    width: 480px;
    background: #fff;
    border-radius: 0.3em;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 300;
    padding-bottom: 60px;
    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.1);
}

.mbrFm_tab {
    height: 89px;
    line-height: 88px;
    border-bottom: 1px solid #E2E2E2;
    text-align: center;
    position: relative;
}

.mbrFm_tab a,
.mbrFm_tab div {
    width: 50%;
    cursor: pointer;
    float: left;
    font-size: 20px;
    font-weight: normal;
    color: #252b3a;
    border-right: 1px solid #E2E2E2;
    position: relative
}

.mbrFm_tab a:last-child,
.mbrFm_tab div:last-child {
    border: none;
}

.mbrFm_tab a.on,
.mbrFm_tab div.on {
    color: #0095ad;
}

.mbrFm_tab a span,
.mbrFm_tab div span {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    margin-right: 6px;
    transform: translateY(-2px)
}

.mbrFm_tab a span img,
.mbrFm_tab div span img {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
}

.mbrFm_tab a.on span img,
.mbrFm_tab div.on span img {
    opacity: 0;
}

.mbrFm_tab a.on span img.iOpacity,
.mbrFm_tab div.on span img.iOpacity {
    opacity: 1;
}

.mbrFm_tab a span,
.mbrFm_tab a text,
.mbrFm_tab div span,
.mbrFm_tab div text {
    vertical-align: middle;
}

.mbrFm_tab a.on:after,
.mbrFm_tab div.on:after {
    content: "";
    background: #0095ad;
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.mbrFm_ul {
    padding: 35px 40px 0
}

.mbrFm_ul li {
    margin-bottom: 20px;
    height: 50px;
    position: relative;
}

.mbrFm_ul li input {
    background: #FBFBFB;
    width: 100%;
    line-height: 48px;
    padding: 0px 18px;
    height: 50px;
    border: 1px solid #E2E2E2;
    font-size: 16px;
    color: #666;
}

.mbrFm_ul li input:focus {
    border: 1px solid #0f8cee;
}

.mbrFm_ul li.mbrFm_li01 input {
    width: 260px;
    float: left
}

.v_code {
    float: left;
    height: 50px;
    cursor: pointer;
    width: 139px;
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
}

.mbrFm_ul li.mbrFm_li02 input {
    width: 240px;
}

.ms_code {
    font-size: 14px;
    cursor: pointer;
    line-height: 48px;
    color: #0095ad;
    text-align: center;
    height: 50px;
    width: 140px;
    border: 1px solid #e2e2e2;
    float: right;
    background: #FBFBFB;
}

.mbr_submit {
    line-height: 50px;
    cursor: pointer;
    transition: all 0.5s;
    background: #0095ad;
    text-align: center;
    display: block;
    height: 50px;
    font-size: 16px;
    color: #FFF;
    letter-spacing: 1px;
}

.mbr_submit:hover {
    color: #fff;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

.mbr_btip {
    text-align: center;
}

.mbr_btip a,
.mbr_btip span {
    font-size: 16px;
    cursor: pointer;
    color: #0095ad;
    line-height: 28px;
    text-decoration: underline;
}

@media (max-width:1799px) {
    .mbrFm_ul li {
        margin-bottom: 10px;
    }

    .mbrFm {
        padding-bottom: 35px
    }

    .mbrFm_tab {
        height: 67px;
        line-height: 66px;
    }

    .mbrFm_ul {
        padding-top: 15px;
    }

    .mbrFm_tab a {
        font-size: 18px;
    }

    .mbrFm_ul li input {
        font-size: 15px;
    }

    .mbr_btip a,
    .mbr_btip span {
        font-size: 15px;
    }
}


.hmFocusWpr {
    position: relative;
}

.hmFocus {
    position: relative;
}

.hmFocus_item {
    position: relative;
}

.hmFocus_item .bgImg {
    height: 720px;
}

.hmFsTxt {
    position: absolute;
    left: 0;
    width: 100%;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 120px;
}

.hmFsTxt strong {
    font-size: 48px;
    letter-spacing: 4px;
    line-height: 60px;
    font-weight: normal;
    display: block;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.hmFsTxt p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 18px;
    letter-spacing: 2px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.hmFsTxt div.hmFs_btn {
    margin-top: 85px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.hmFs_btn a,
.hmFs_abtn_blue {
    text-align: center;
    display: inline-block;
    height: 48px;
    width: 180px;
    font-size: 14px;
    letter-spacing: 1px;
    background: linear-gradient(to right, #11a4ce 0%, #32c3cd 100%);
    line-height: 48px;
    color: #FFF;
}

.hmFs_btn a:hover,
.hmFs_abtn_blue:hover {
    transform: translateY(-5px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.hmFocus .slick-dots {
    bottom: 90px;
}

.hmFocus .slick-dots li button {
    display: none;
}

.hmFocus .slick-dots li {
    background: rgba(255, 255, 255, 0.3);
    display: inline-block;
    height: 3px;
    width: 25px;
    margin: 0px 5px;
    position: relative;
    vertical-align: middle
}

.hmFocus .slick-dots li:after {
    content: "";
    background: linear-gradient(to right, #11a4ce 0%, #32c3cd 100%);
    height: 3px;
    width: 0%;
    position: absolute;
    left: 0;
    top: 0;
}

.hmFocus .slick-dots li.on:after {
    width: 100%;
    transition: all 5.8s ease-in-out !important;
}

.on .hmFsTxt strong {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.1s;
}


.on .hmFsTxt div.hmFs_btn {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}

.hmFs2_img {
    text-align: center;
}

.hmFs2_img img {
    display: inline-block;
}

.hmFsTxt.hmHbdh {
    padding-bottom: 0px;
}

@media (max-width:1799px) {
    .hmFsTxt strong {
        font-size: 40px;
    }

    .hmFocus_item .bgImg {
        height: 600px;
    }

    .hmFsTxt p {
        margin-top: 14px;
    }

    .hmFsTxt div.hmFs_btn {
        margin-top: 50px;
    }
}

@media (max-width:1360px) {
    .hmFsTxt.hmHbdh {
        left: 50%;
        transform: scale(0.86) translate(-50%, -50%);
    }

    .hmc1swiper.ry .hmc1s_a {
        width: 100%;
        height: 320px !important;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        border: solid 1px #ddd;
        padding: 1px;

    }

    .hmFtl_t {
        background: url(../images/top_tls_bg.png) no-repeat right top;
        float: left;
        height: 120px;
        width: 435px;
        padding: 32px 0px 0px 40px;
        font-size: 20px;
        line-height: 28px;
        color: #FFF;
        margin-right: 10px;
    }

    .hmFtls_a {
        float: left;
        margin-right: 10px;
        margin-top: 28px ! important;
        padding: 5px 0px 0px 80px ! important;
        position: relative;
        width: 16.5%;
    }

    .aniIcon {
        width: 65px ! important;
        height: 65px ! important;
        display: inline-block;
        background-size: auto 65px ! important;
        background-position-y: 0;
    }

    .hmFtls .hmFtls_a:last-child {
        margin-right: 0 !important;
    }

    .hmFtl_icon {
        height: 65px ! important;
        width: 65px ! important;
        position: absolute;
        left: 0px;
        top: 0px;
    }

}


.hmFtlsWpr {
    margin-top: -60px;
    position: relative;
    z-index: 3;
    margin-bottom: 1.2vw
}

.hmFtls {
    height: 120px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 136, 170, 0.13);
    border-radius: 4px;
}

.hmFtl_t {
    background: url(../images/top_tls_bg.png) no-repeat right top;
    float: left;
    height: 120px;
    width: 435px;
    padding: 32px 0px 0px 40px;
    font-size: 20px;
    line-height: 28px;
    color: #FFF;
    margin-right: 10px;
    font-weight: 300;
    letter-spacing: 2px;
}

.hmFtls_a {
    float: left;
    margin-right: 10px;
    margin-top: 20px;
    padding: 13px 0px 0px 100px;
    position: relative;
    width: 16.5%;
}

.hmFtls .hmFtls_a:last-child {
    margin-right: 0 !important;
}

.hmFtl_icon {
    height: 80px;
    width: 80px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.aniIcon {
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: auto 80px;
    background-position-y: 0;
}
}

.hmFtls_a strong {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 28px;
    display: block;
    font-weight: normal;
}

.hmFtls_a h2 {
    font-size: 18px;
    color: #181818;
    line-height: 30px;
    font-weight: 500;
}

.hmFtls_a p {
    font-size: 14px;
    color: #525353;
    line-height: 30px;
}

.hmTbox {
    text-align: center;
}

.hmTbox strong {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 4px;
    display: block;
    font-weight: normal;
    color: #333;
}

.hmTbox p {

    margin-top: 20px;
    color: #3d485d;
    width: 100%;
    text-align: center;
    line-height: 1.6;
    font-size: 16px;
    letter-spacing: 2px;

}

.hmFtl_t span {
    font-size: 18px;
    width: 28%;
    font-weight: 600;
    letter-spacing: 1px;
}

@media (max-width:1799px) {
    .hmFtl_t {
        font-size: 22px;
        width: 28%;
        font-weight: 300;
        letter-spacing: 2px;

    }

    .hmFtl_t span {
        font-size: 18px;
        width: 28%;
        font-weight: 600;
        letter-spacing: 1px;

    }

    .aniIcon {
        width: 60px;
        height: 60px;
        display: inline-block;
        background-size: auto 60px;
        background-position-y: 0;
    }

    .hmFtl_icon {
        height: 60px;
        width: 60px;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .hmFtls_a {
        margin-right: 10px;
        width: 16%;
    }

    .hmTbox strong {
        font-size: 32px;
        line-height: 42px;
    }

    .hmTbox p {
        color: #3d485d;
        width: 100%;
        text-align: center;
        line-height: 1.6;
        font-size: 16px;
        letter-spacing: 2px;
    }
}

@media (max-width:769px) {
    .hmFtl_t {
        font-size: 22px;
        width: 28%;
        font-weight: 300;
        letter-spacing: 2px;
        display: none;
    }


    .hmFtlsWpr {
        margin-top: -60px;
        position: relative;
        z-index: 3;
        margin-bottom: 1.2vw
    }

    .hmFtls {
        height: 110px;
        background: #fff;
        box-shadow: 0 8px 25px rgba(0, 136, 170, 0.13);
        border-radius: 4px;
    }

    .hmFtl_t {
        background: url(../images/top_tls_bg.png) no-repeat right top;
        float: left;
        height: 120px;
        width: 435px;
        padding: 32px 0px 0px 40px;
        font-size: 20px;
        line-height: 28px;
        color: #FFF;
        margin-right: 10px;
        font-weight: 300;
        letter-spacing: 2px;
    }

    .hmFtls_a {
        float: left;
        margin-right: 10px;
        margin-top: 20px;
        padding: 13px 0px 0px 100px;
        position: relative;
        width: 25%;
        margin-right: 0 !important;
        display: flex;
        flex-direction: column;
        margin-top: 55px ! important;
        padding: 10px 0px 0px 0px ! important;
        float: left;
        align-items: center;
        flex-wrap: nowrap;
        align-content: stretch;
        justify-content: space-between;
    }

    .hmFtls .hmFtls_a:last-child {
        margin-right: 0 !important;
    }

    .hmFtl_icon {
        height: 80px;
        width: 80px;
        position: absolute;
        left: 20px;
        top: -50px;
    }

    .hmFtls_a h2 {
        font-size: 15px !important;
        color: #181818;
        line-height: 30px;
        font-weight: 500;
        display: block;
    }

    .hmFtls_a p {
        font-size: 14px;
        color: #525353;
        line-height: 30px;
        display: none;
    }

    .aniIcon {
        width: 80px;
        height: 80px;
        display: inline-block;
        background-size: auto 80px;
        background-position-y: 0;
    }
}

.hmFtls_a strong {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 28px;
    display: block;
    font-weight: normal;
}

.hmFtls_a h2 {
    font-size: 18px;
    color: #181818;
    line-height: 30px;
    font-weight: 500;
}

.hmFtls_a p {
    font-size: 14px;
    color: #525353;
    line-height: 30px;
}

.hmTbox {
    text-align: center;
}
}

.tpm-link.tp-link {
    color: #0082a5;
    margin-left: 12px;
}

.tpm-link.tp-link--arrow::after {
    background-image: url(../images/sprite.Main-202308241038.svg);
    background-position: 96.47058823529412% 44.44444444444444%;
    background-size: 2933.333333333333% auto;
    -webkit-filter: brightness(2000);
    filter: brightness(250%) grayscale(0%);
}

.tp-link--arrow::after,
.tp-link--weak-arrow::after,
.tp-link--white-arrow::after {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(../images/link-arrow_183.svg);
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    content: "";
}

.tp-link--arrow:hover,
.tp-link--weak-arrow:hover,
.tp-link--white-arrow:hover {
    text-decoration: none
}

.tp-link--arrow:hover:after,
.tp-link--weak-arrow:hover:after,
.tp-link--white-arrow:hover:after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.tp-link--arrow.tp-link--disabled:after,
.tp-link--arrow.tp-link--disabled:hover:after,
.tp-link--weak-arrow.tp-link--disabled:after,
.tp-link--weak-arrow.tp-link--disabled:hover:after,
.tp-link--white-arrow.tp-link--disabled:after,
.tp-link--white-arrow.tp-link--disabled:hover:after {
    background-image: url(images/link-arrow-disabled_7e7.svg)
}

.tp-link--arrow.tp-link--disabled:hover:after,
.tp-link--arrow.tp-link--disabled:hover:hover:after,
.tp-link--weak-arrow.tp-link--disabled:hover:after,
.tp-link--weak-arrow.tp-link--disabled:hover:hover:after,
.tp-link--white-arrow.tp-link--disabled:hover:after,
.tp-link--white-arrow.tp-link--disabled:hover:hover:after {
    -webkit-transform: none;
    transform: none
}

.tp-link--arrow.size-s,
.tp-link--weak-arrow.size-s,
.tp-link--white-arrow.size-s {
    font-size: 12px
}

.tp-link--arrow.size-s:after,
.tp-link--weak-arrow.size-s:after,
.tp-link--white-arrow.size-s:after {
    width: 5px;
    height: 8px;
    margin-left: 5px;
    background-image: url(images/link-arrow-s_e7e.svg)
}

.hmc2Tab {
    margin-top: 28px;
    text-align: center
}

.hmc2Tab a,
.hmc2Tab span {
    padding: 0px 35px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 78px;
    position: relative;
}

.hmc2Tab a.on,
.hmc2Tab span.on {
    color: #0095ad;
    font-weight: bold;
}

.hmc2Tab a:after,
.hmc2Tab span:after {
    content: "";
    height: 4px;
    background: linear-gradient(to right, #11a4ce 0%, #32c3cd 100%);
    width: 0%;
    transition: all 0.5s ease-in-out;
    position: absolute;
    left: 50%;
    bottom: 0;
}

.hmc2Tab a.on:after,
.hmc2Tab span.on:after {
    width: 100%;
    left: 0;
}

.hmc1ChangeWpr {
    background: #F5F6F7;
}

.hmc1Change {
    height: 450px;
    position: relative;
}

@media (min-width:1360px) {
    .hmc1Change {
        height: 520px;
        position: relative;
    }
}

@media (min-width:1799px) {
    .hmc1Change {
        height: 560px;
        position: relative;
    }
}

.hmc1c_item {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    padding-top: 20px;
    width: 100%;
}

.hmc1c_item.on {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.hmc1_st {
    padding: 19px 0;
    overflow: hidden;
}

.hmc1_st span {
    float: left;
    padding-left: 35px;
    border-left: 4px solid #0095ad;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
}

.hmc1Top {
    height: 480px;
}

.hmc1Lx {
    background: #FFF;
    float: left;
    height: 480px;
    width: 1077px;
    padding: 35px 40px 0px;
}

.hmc1_des {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    height: 72px;
    overflow: hidden;
    letter-spacing: 1px;
}

.hmc1_sst {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 16px;
    border-left: 3px solid #0095ad;
    padding-left: 8px;
    margin-top: 10px;
    font-weight: bold;
}

.hmc1_stag {
    margin-top: 20px;
    font-size: 0;
}

.hmc1_tag_m {
    margin-bottom: 40px;
}

.hmc1_stag span {
    line-height: 28px;
    text-align: center;
    display: inline-block;
    padding: 0px 10px;
    height: 30px;
    width: 150px;
    overflow: hidden;
    color: #999;
    border: 1px solid #DFE1E6;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0px 10px 10px 0px;
}

.hmc1_tag_m a {
    text-align: center;
    display: inline-block;
    height: 40px;
    width: 150px;
    font-size: 14px;
    letter-spacing: 1px;
    background: #0095ad;
    line-height: 40px;
    color: #FFF;
}

.hmc1_tag_m a:hover {
    transform: translateY(-2px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.hmc1_logo {
    margin-top: 19px;
    font-size: 0;
}

.hmc1_logo span {
    display: inline-block;
    height: 60px;
    width: 150px;
    border: 1px solid #DFE1E6;
    position: relative;
    margin-right: 10px;
}

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

.hmc1Rx {
    background: #FFF;
    float: right;
    height: 480px;
    width: 351px;
    padding: 0px 40px;
}

.hmc1r_st {
    margin: 0px -40px;
    font-size: 18px;
    letter-spacing: 2px;
    padding: 0px 40px;
    border-bottom: 1px solid #EFEFEF;
    line-height: 60px;
    height: 61px;
    font-weight: bold;
    position: relative;
}

.hmc1r_st:before {
    content: "";
    background: #0f8cee;
    height: 24px;
    width: 4px;
    margin-top: -12px;
    position: absolute;
    left: 0px;
    top: 50%;
}

.hmc1r_a {
    display: block;
    padding: 24px 0px 26px;
    border-bottom: 1px solid #EFEFEF;
    position: relative
}

.hmc1r_a strong {
    font-size: 14px;
    line-height: 28px;
    display: block;
    height: 28px;
    overflow: hidden;
    letter-spacing: 1px;
}

.hmc1r_a p {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    height: 40px;
    overflow: hidden;
    margin-top: 9px;
    max-height: 40px;
    letter-spacing: 1px;
}

.hmc1r_a span {
    font-size: 14px;
    color: #0095ad;
    line-height: 16px;
    display: block;
    transition: all 0.5s ease-in-out;
    height: 0px;
    margin-top: 0px;
    overflow: hidden;
}

.hmc1r_a span i {
    margin-left: 5px;
}

.hmc1r_a.on span {
    height: 16px;
    margin-top: 16px;
}

.hmc1r_a:after {
    content: "";
    height: 2px;
    background: linear-gradient(to right, #11a4ce 0%, #32c3cd 100%) left: 0;
    width: 0%;
    position: absolute;
    bottom: -1px;
}

.hmc1r_a.on:after {
    width: 100%;
    transition: all 1s ease-in-out;
}

.hmc1Rx a:last-child {
    border: none;
}

.hmc1Rx a:last-child:after {
    display: none;
}

.hmc1swiper {
    height: 250px;
    margin-left: -6px;
    margin-right: -6px;
    position: relative;
    margin-top: -10px;
}

.hmc1s_item {
    padding: 10px 6px;
}

.tpm-link.tp-link {
    color: #0095ad;
    margin-left: 10px;
}

.hmc1swiper.ry .hmc1s_a {
    width: 100%;
    height: 330px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border: solid 1px #ddd;
    padding: 1px;

}

.hmc1swiper.ry .hmc1s_a img {
    max-height: 100%;
    max-width: 100%;

    padding: 25px;
}

.hmc1s_a {
    display: block;
    background: #FFF;
    padding: 40px 40px 35px 40px;
    /*! height: 200px; */
    letter-spacing: 1px;
}

.hmc1s_a:hover {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px)
}

.hmc1s_a strong {
    font-size: 16px;
    /*! line-height: 24px; */
    font-weight: bold;
    display: block;
    /*! height: 28px; */
    overflow: hidden;
    margin-bottom: 10px;
}

.hmc1s_a p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    /*! height: 48px; */
    overflow: hidden;
    margin: 3px 0px 14px;
}

.hmc1s_stag {
    white-space: nowrap;
    height: 20px;
    overflow: hidden;
    margin-bottom: 20px;
    font-size: 0px;
}

.hmc1s_stag span {
    line-height: 18px;
    color: #999999;
    height: 20px;
    margin-right: 6px;
    font-size: 12px;
    display: inline-block;
    padding: 0px 7px;
    min-width: 80px;
    text-align: center;
    border: 1px solid #BBBBBB;
}

.hmc1s_m {
    font-size: 14px;
    color: #0095ad;
    line-height: 22px;
}

.hmc1s_m::after {
    content: '';
    width: 15px;
    height: 17px;
    position: absolute;
    right: 10%;
    top: 80%;
    background: url('../images/jt1.png');
    margin-top: -8px;
    filter: invert(100%);
    transform: rotate(45deg);
}

.hmc1s_m i {
    margin-left: 5px;
}

.hmc1swiper .slick-dots {
    bottom: auto;
    top: -20px;
    text-align: right;
    padding-right: 70px;
}

.ry.hmc1swiper .slick-dots {
    bottom: auto;
    top: 350px;
    text-align: center;
    padding-right: 0px;
}

.hmc1swiper .slick-dots li button {
    display: none;
}

.hmc1swiper .slick-dots li {
    background: #D6D6D6;
    display: inline-block;
    height: 4px;
    width: 4px;
    margin: 0px 0px 0px 10px;
    position: relative;
    transition: all 0.5s ease-in-out;
    vertical-align: middle
}

.hmc1swiper .slick-dots li.slick-active {
    background: linear-gradient(to right, #11a4ce 0%, #32c3cd 100%);
    width: 12px;
}

.ry.hmc1swiper .slick-prev {
    background: #0095ad url(../images/hmc2btn.png) no-repeat center center;
    display: inline-block;
    height: 48px;
    width: 48px;
    position: absolute;
    left: -18px;
    top: 65%;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    margin-top: -24px;
    z-index: 5;
    border-radius: 50%;
    transform: rotate(180deg);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 2;
}

.ry.hmc1swiper .slick-next {
    background: #0095ad url(../images/hmc2btn.png) no-repeat center center;
    display: inline-block;
    height: 48px;
    width: 48px;
    position: absolute;
    right: -18px;
    top: 65%;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    margin-top: -24px;
    z-index: 5;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 2;
}

.hmc1swiper .slick-prev {
    background: #0095ad url(../images/hmc2btn.png) no-repeat center center;
    display: inline-block;
    height: 48px;
    width: 48px;
    position: absolute;
    left: -18px;
    top: 50%;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    margin-top: -24px;
    z-index: 5;
    border-radius: 50%;
    transform: rotate(180deg);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.hmc1swiper .slick-next {
    background: #0095ad url(../images/hmc2btn.png) no-repeat center center;
    display: inline-block;
    height: 48px;
    width: 48px;
    position: absolute;
    right: -18px;
    top: 50%;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    margin-top: -24px;
    z-index: 5;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.hmc1swiper .slick-prev:hover,
.hmc1swiper .slick-next:hover {
    box-shadow: 0 0 20px rgba(16, 140, 238, 0.3)
}

.hmc1swiper:hover .slick-prev,
.hmc1swiper:hover .slick-next {
    opacity: 1;
}

@media (max-width:1799px) {
    .hmc1Rx {
        width: 275px;
        padding: 0 20px
    }

    .hmc1Lx {
        width: 915px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .hmc1r_st {
        padding: 0 20px;
        margin: 0 -20px
    }

    .hmc1_stag span {
        width: 135px;
    }

    .hmc1s_a {
        padding-left: 30px;
        padding-right: 30px;
    }
}


.hmc2Tbox {
    padding-top: 5.2vw;
    padding-bottom: 18px;
}

.hmc2Tabs {
    margin-top: -18px;
}

.hmc2tab_ul {
    overflow: hidden;
}

.hmc2tab_ul li {
    width: 25%;
    text-align: center;
    float: left
}

.hmc2tab_ul li a,
.hmc2tab_ul li div {
    display: block;
    cursor: pointer;
    height: 200px;
    height: 200px;
    padding-top: 45px;
    position: relative;
}

.hmc2tab_ul li a:after,
.hmc2tab_ul li div:after {
    content: "";
    background: #0095ad;
    height: 4px;
    width: 0%;
    position: absolute;
    left: 50%;
    bottom: 0px;
    transition: all 0.5s ease-in-out;
}

.hmc2tab_ul li a.on:after,
.hmc2tab_ul li div.on:after {
    width: 100%;
    left: 0;
}

.hmc1_icon {
    width: 80px;
    height: 80px;
    display: inline-block;
}

.hmc2tab_ul li a p,
.hmc2tab_ul li div p {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 1px;
    margin-top: 25px;
}

.hmc2ChangeWpr {
    height: 560px;
    overflow: hidden;
    position: relative;
}

.hmc2Change_item {
    width: 1920px;
    top: 0;
    left: 50%;
    margin-left: -960px;
    height: 542px;
    position: absolute;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #EFEFEF;
    background: #F6F7F8;
}

.hmc2Change_item .container {
    position: relative;
    z-index: 2;
}

.hmc2Change_item.on {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.hmc2Change_item:before {
    content: "";
    background: #fff;
    position: absolute;
    left: 598px;
    top: 60px;
    border-top: 1px solid #EFEFEF;
    right: 0;
    bottom: 0;
}

.hmc2Change_item:after {
    content: "";
    background: #eee;
    height: 1px;
    position: absolute;
    left: 598px;
    top: 301px;
    right: 0;
}

.hmc2Lx {
    float: left;
    height: 542px;
    width: 359px;
    border-right: 1px solid #EFEFEF;
    position: relative;
    padding-top: 54px;
    padding-right: 35px;
}

.hmc2Lx h4 {
    font-size: 24px;
    line-height: 58px;
    font-weight: normal;
    letter-spacing: 1px;
    display: block;
}

.hmc2l_des {
    font-size: 14px;
    line-height: 24px;
    color: #575d6c;
    margin: 16px 0px 26px;
}

.hmc2ldl dt {
    font-size: 14px;
    line-height: 26px;
    margin-top: 22px;
}

.hmc2ldl dd {
    line-height: 32px;
    background: url(../images/hmc2_d.png) no-repeat left 11px;
    height: 32px;
    padding-left: 25px;
    font-size: 14px;
}

.hmc2lbm {
    /* position:absolute; */
    margin-top: 22px;
    left: 0;
    bottom: 22px;
    width: 100%;
}

.hmc2lbm a,
.hmc2lbm span {
    font-size: 14px;
    cursor: pointer;
    line-height: 24px;
    color: #0095ad;
    display: inline-block;
    margin-right: 25px;
}

.hmc2lbm a i,
.hmc2lbm span i {
    margin-left: 5px;
}

.hmc2Rx {
    margin-left: 359px;
    position: relative;
}

.hmc2Rx h4 {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 62px;
    height: 62px;
    padding-left: 40px;
    letter-spacing: 1px;
}

.hmc2rul {
    height: 482px;
}

.hmc2rul li {
    width: 33.33%;
    float: left;
    border-right: 1px solid #eee;
}

.hmc2rul li:nth-child(3),
.hmc2rul li:nth-child(6) {
    border-right: none;
}

.hmc2rul li:nth-child(4),
.hmc2rul li:nth-child(5),
.hmc2rul li:nth-child(6) {
    border-bottom: none;
}

.hmc2ra {
    display: block;
    height: 239px;
    margin-bottom: 1px;
    padding: 24px 0px 0px 40px;
}

.hmc2ra:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.hmc2ra strong {
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
    letter-spacing: 1px;
}

.hmc2ra p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    height: 48px;
    overflow: hidden;
    margin-bottom: 13px;
    padding-right: 14px;
}

.hmc2_stag {
    height: 77px;
    font-size: 0;
}

.hmc2_stag span {
    line-height: 18px;
    text-align: center;
    display: inline-block;
    height: 20px;
    width: 90px;
    border: 1px solid #BBBBBB;
    margin: 0px 6px 6px 0px;
    font-size: 12px;
    color: #999999;
}

.hmc2_rm {
    font-size: 14px;
    line-height: 24px;
    color: #0095ad;
    letter-spacing: 1px;
    display: inline-block;
}

.hmc2_rm i {
    margin-left: 5px;
}

@media (max-width:1799px) {
    .hmc2Change_item {
        background-position: 6.77vw bottom;
    }

    .hmc2ra {
        padding-left: 20px;
        padding-top: 19px;
    }

    .hmc2Lx {
        width: 309px;
        padding-right: 20px;
    }

    .hmc2Rx {
        margin-left: 309px;
    }

    .hmc2Change_item:before,
    .hmc2Change_item:after {
        left: 668px;
    }

    .hmc1_icon {
        width: 50px;
        height: 50px;
    }

    .hmc2tab_ul li a p {
        margin-top: 18px
    }

    .hmc2tab_ul li a {
        padding-top: 35px;
        height: 160px;
    }

    .hmc2Rx h4 {
        font-size: 17px;
    }

    .hmc2Lx h4 {
        font-size: 22px;
        line-height: 46px;
    }

    .hmc2_stag {
        height: 83px;
    }

    .hmc2_stag span {
        width: 80px;
    }
}


.hmCon3Wpr {
    /* padding-top: 3.2vw; */
    height: 840px;
    position: relative;
    color: #423e3e;
    margin-top: 4vw;
    background-color: #f5f7fa;
}

.hmCon3Wpr .container {
    position: relative;
    z-index: 1;
}

.hmCon3Wpr .hmTbox p {
    color: #3d485d;
}

.hmc3bgs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    overflow: hidden;
}

.hmc3bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.hmc3bg:before {
    content: "";
    background: url(../images/md_big_bg1_top.png) no-repeat left top;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background-size: cover;
}

.hmc3bg:after {
    content: "";
    background: url(../images/md_big_bg1_top2.png) no-repeat left top;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background-size: cover;
}

.hmc3bg.on {
    opacity: 1;
}

.hmc3ChangeWpr {
    margin-top: 15px;
    position: relative;
    height: 560px;
    position: relative;
    display: flex;
    background: #f9f9f9;
    backdrop-filter: blur(36px);
    overflow: hidden;
    flex-direction: row-reverse;
    justify-content: space-around;
    padding-top: 30px;
    padding-left: 20px;
    background-image: linear-gradient(180deg, #f3f5f8, #fff);
    border: 2px solid #fff;
    border-radius: 15px;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
}

.hmc3Clx {
    width: 81%;
    height: auto;
    position: relative;
    float: right;
}

.hmc3Litem {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
}

.hmc3Litem.on {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.8s ease-in-out;
    z-index: 1;
    margin-left: 3%;
}

.hmc3sChanges {
    position: relative;
    height: 500px;
}

.hmc3sChanges.right {
    width: 50%;
    float: left;
    margin-right: 10px;
}

.bgImg.nban4_bg0 img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    animation: banTBani 2s ease-in-out infinite;
}

.hmc3sChanges.left {
    width: 46%;
    float: left;
    padding-left: 20px;
    border-left: 1px solid rgba(1, 40, 111, .04);
    padding-top: 8px;
}

.hmc3sChanges.left img {
    width: 450px;
    float: left;
    padding-left: 20px;
    /* border-left: 1px solid rgba(1, 40, 111, .04); */
    padding-top: 8px;
    object-fit: fill;
}

.hmc3sCitem {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    padding-top: 30px;
    transform: translateY(30px)
}

.hmc3sCitem.on {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transform: translateY(0);
    transition: all 0.5s ease-in-out;
}

.hmc3sCitem strong {
    line-height: 38px;
    display: block;
    height: 38px;
    font-size: 24px;
    font-weight: normal;
    color: #202124;
    letter-spacing: 2px;
}

.hmc3sCitem strong span {
    width: 38px;
    height: 38px;
    display: inline-block;
    margin-left: 38px;
    cursor: pointer;
    position: relative;
}

.hmc3sCitem strong span:before,
.hmc3sCitem strong span:after {
    background-color: rgba(16, 140, 238, 0.3);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    animation: rangeScale 3s linear infinite;
    opacity: 0;
    z-index: 2;
}

.hmc3sCitem strong span:after {
    animation-delay: 1.5s;
}

@keyframes rangeScale {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(1.9);
    }
}

.hmc3sCitem strong span i {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: #0095ad url(../images/hmc5_pi.png) no-repeat center center;
    z-index: 3;
}

.hmc3sCitem strong span,
.hmc3sCitem strong text {
    vertical-align: middle;
}

.hmc3sCitem p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0px;
    margin: 13px auto 18px auto;
    /*! height: 72px; */
    /*! overflow: hidden; */
    max-width: 98%;
    color: #5a5d62;
}

.hmc3_sm {
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
    line-height: 38px;
    color: #0095ad;
    letter-spacing: 1px;
    height: 40px;
    width: 150px;
    border: 1px solid #0095ad;
    text-align: center;
    /* background-image: linear-gradient(135deg, rgb(0, 108, 255) 0%, rgb(0, 170, 255) 100%); */
    border-radius: 5px;
}

.hmc3_sm.on {
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
    line-height: 38px;
    color: #fff;
    letter-spacing: 1px;
    height: 40px;
    width: 150px;
    border: 1px solid #0095ad;
    text-align: center;
    background-image: linear-gradient(135deg, rgb(0, 136, 169) 0%, rgb(0, 169, 184) 100%);
    border-radius: 5px;
    margin-left: 15px;
}

.hmc3_sm.on:hover {
    border: 1px solid #0095ad;
    color: #0089aa;
    background: #fff;
}

.hmc3_sm:hover {
    color: #FFF;
    background: #0095ad;
    border: 1px solid #0095ad;
    transform: translateY(-5px);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
}

.hmc3SlgBtns {
    height: 60px;
}

.hmc3SlgBtns a,
.hmc3SlgBtns span {
    display: inline-block;
    transition: all 0.5s;
    height: 60px;
    width: 180px;
    border: 2px solid #FFF;
    margin-right: 10px;
    position: relative;
    background: #fff;
}

.hmc3SlgBtns a.on,
.hmc3SlgBtns span.on {
    border: 2px solid #0095ad;
    transform: translateY(-10px);
    box-shadow: 0 8px 20px rgba(16, 140, 238, 0.3);
}

.hmc3SlgBtns a img,
.hmc3SlgBtns span img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.hmc3menu {
    /*! background: url(../images/mid_menubg.jpg) no-repeat center center; */
    height: 500px;
    width: 22%;
    float: left;
    box-shadow: 0 8px 25px rgba(16, 140, 238, 0.35);
    position: relative;
    background-image: linear-gradient(to bottom, #00aab9 0%, #0087a9 100%);
    border-color: #0095adad;
    box-shadow: 8px 8px 20px 0 #0095ad47;
    border-radius: 8px;
    background-size: cover;
    background-position: center top;
    /*! background:url(../images/bg02.png); */
    background-blend-mode: overlay;
    /*! opacity: 0.3; */
}

.hmc3menu_ul {
    padding-top: 48px;
    overflow: hidden;
    background: url(../images/bg02.png);
    background-size: 100% 100%;
    /*! opacity: 0.3; */
}

.hmc3menu_ul li {
    float: left;
    width: 100%;
    line-height: 58px;
    height: 58px;
    margin-bottom: 14px;
}


.hmc3menu_ul li a.on,
.hmc3menu_ul li span.on {
    border-left: 4px solid #FFF;
    background: url(../images/hmc5line.png) repeat-y left top;
}

.hmc3menu_ul li a img,
.hmc3menu_ul li span img {
    width: 25px;
    height: 25px;
    margin-right: 8px;
    position: relative;
    top: -2px;
    transition: all 0.5s ease-in-out;
}

.hmc3menu_ul li a:hover img,
.hmc3menu_ul li span:hover img {
    transform: rotateY(180deg);
}

.hmc3menu_ul li a img,
.hmc3menu_ul li a text,
.hmc3menu_ul li span img,
.hmc3menu_ul li span text {
    vertical-align: middle
}

.hmcm_more {
    font-size: 14px;
    line-height: 60px;
    color: #FFF;
    letter-spacing: 1px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 15px;
}

.hmcm_more a {
    display: block;
    overflow: hidden
}

@media (max-width:136px) {
    .hmc3ChangeWpr {
        padding-top: 30px;
    }

    .hmc3Clx {
        width: 81%;
    }
}


.hmCon4 {
    padding: 0px 0px 5.98vw;
    position: relative;
}

.hmc4bg {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
    background: url(../images/hmc4bor_line.png) no-repeat center bottom;
}

.hmCon4 .container {
    position: relative;
    z-index: 1;
}

.hmc4_des {
    margin-top: 2.6vw;
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    text-align: center;
}

.hmc4ul {
    display: flex;
    justify-content: space-between;
    margin-top: 3.38vw;
}

.hmc4ul li {
    letter-spacing: 1px;
    cursor: default
}

.hmc4ul li strong {
    line-height: 80px;
    font-size: 16px;
    font-weight: normal;
}

.hmc4ul li p {
    font-size: 16px;
    line-height: 40px;
    margin-top: -24px;
}

.hmc4ul li strong span {
    color: #0095ad;
    font: bold 80px EuclidCircularA;
    transition: all 0.5s ease-in-out;
}

.hmc4ul li strong i {
    color: #0095ad;
    font: 40px EuclidCircularA;
    display: inline-block;
    transform: translateY(-17px);
    margin-left: 3px;
    transition: all 0.5s ease-in-out;
}

.hmc4ul li:hover strong span,
.hmc4ul li:hover strong i {
    text-shadow: 0 8px 18px rgba(16, 140, 238, 0.4)
}

.hmc4vx {
    text-align: center;
    margin-top: 3.38vw
}

.hmc4vx a,
.hmc4vx span {
    font-size: 14px;
    transition: all 0.5s;
    cursor: pointer;
    line-height: 22px;
    color: #0095ad;
    letter-spacing: 1px;
    display: inline-block;
    background: url(../images/hmc4_i.png) no-repeat right center;
    padding-right: 25px;
}

.hmc4vx:hover a,
.hmc4vx:hover span {
    transform: translateY(-6px);
}

@media (max-width:1799px) {
    .hmc4_des {
        font-size: 15px;
        line-height: 30px;
    }

    .hmc4ul li strong span {
        font-size: 70px;
    }

    .hmc4ul li p {
        font-size: 15px;
    }
}


.hmCon5 {
    /*! background: #f5f6f7; */
    padding: 2vw 0px 3vw 0px;
    position: relative;
    /*! margin-top: -12px; */
}

.hmc5box {
    margin-top: 3.12vw;
}

.hmc5Lx {
    width: 440px;
    float: left;
    margin-right: 60px;
}

.hmc5t {
    line-height: 40px;
    height: 40px;
    letter-spacing: 1px;
    display: block;
}

.hmc5t span {
    float: left;
    font-size: 18px;
    font-weight: bold;
}

.hmc5t a {
    font-size: 14px;
    color: #999999;
    float: right;
}

.hmc5t a i {
    margin-left: 5px;
}

.hmc5ul_img {
    margin-top: 18px;
}

.hmc5ul_img li {
    margin-bottom: 30px;
}

.hmc5ul_img li:last-child {
    margin-bottom: 0;
}

.hmc5aBox {
    display: block;
}

.hmc5aBox:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

.hmc5aBox .overflowHide {
    height: 160px;
}

.hmc5Mx {
    width: 440px;
    float: left;
}

.hmc5ul {
    margin-top: 8px;
}

.hmc5ul li {
    line-height: 58px;
    height: 60px;
    border-bottom: 1px solid #DFE1E6;
    position: relative;
    padding-right: 102px;
    font-size: 14px;
    letter-spacing: 1px;
}

.hmc5ul li span {
    font-size: 14px;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
}

.hmc5Rx {
    float: right;
    width: 440px;
}

@media (max-width:1799px) {
    .hmc5Lx {
        width: 400px;
        margin-right: 30px;
    }

    .hmc5Mx,
    .hmc5Rx {
        width: 370px;
    }
}


.hmCon6 {
    padding: 5.2vw 0px 4.94vw;
}

.hmc6ul {
    display: flex;
    justify-content: space-between;
    margin-top: 3.12vw
}

.hmc6ul li {
    height: 80px;
    position: relative;
}

.hmc6ul li img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-height: 80px;
    width: auto;
    height: auto;
}

.hmCon7 {
    background: url(../images/bm_bluebg.jpg) no-repeat center center;
    text-align: center;
    height: 180px;
    padding-top: 53px;
    color: #fff;
}

.hmCon7 strong {
    line-height: 46px;
    display: block;
    height: 46px;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 3px;
}

.hmCon7 p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 5px;
    margin-top: 12px;
    color: #fff;
}

.hmCon7 p a {
    color: #ffae3b;
    font-size: 16px;
}

@media (max-width: 1799px) {
    .hmCon7 strong {
        font-size: 30px;
    }
}

@media (max-width: 769px) {
    .hmc1Change {
        height: 400px;
        position: relative;
    }

    .hmc1Change.ry {
        height: 330px;
        position: relative;
    }

    .ry .slick-list {
        width: 100% ! important;
        height: 170px;
    }

    .slick-list {
        width: 100% ! important;
    }

    .ry.hmc1swiper .slick-dots {
        bottom: auto;
        top: 180px;
        text-align: center;
        padding-right: 0px;
    }

    .hmc1swiper .slick-dots {
        bottom: auto;
        top: 195px;
        text-align: center;
        padding-right: 0px;
    }

    .hmc1swiper {
        height: 220px;
        margin-left: -6px;
        margin-right: -6px;
        position: relative;
        margin-top: 20px;
    }

    .ry.hmc1swiper .slick-prev {
        background: #0095ad url(../images/hmc2btn.png) no-repeat center center;
        display: inline-block;
        height: 30px;
        width: 30px;
        position: absolute;
        left: -8px;
        top: 45%;
        text-indent: 1000px;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        margin-top: -24px;
        z-index: 5;
        border-radius: 50%;
        transform: rotate(180deg);
        transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        opacity: 1;
    }

    .ry.hmc1swiper .slick-next {
        background: #0095ad url(../images/hmc2btn.png) no-repeat center center;
        display: inline-block;
        height: 30px;
        width: 30px;
        position: absolute;
        right: -8px;
        top: 45%;
        text-indent: 1000px;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        margin-top: -24px;
        z-index: 5;
        border-radius: 50%;
        transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        opacity: 2;
    }

    .hmc1swiper .slick-prev {
        background: #0095ad url(../images/hmc2btn.png) no-repeat center center;
        display: inline-block;
        height: 30px;
        width: 30px;
        position: absolute;
        left: -18px;
        top: 50%;
        text-indent: 1000px;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        margin-top: -24px;
        z-index: 5;
        border-radius: 50%;
        transform: rotate(180deg);
        transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        opacity: 1;
    }

    .hmc1swiper .slick-next {
        background: #0095ad url(../images/hmc2btn.png) no-repeat center center;
        display: inline-block;
        height: 30px;
        width: 30px;
        position: absolute;
        right: -18px;
        top: 50%;
        text-indent: 1000px;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        margin-top: -24px;
        z-index: 5;
        border-radius: 50%;
        transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        opacity: 2;
    }

    .slick-track {}

    .slick-initialized .slick-slide {
        display: flex;
        flex-direction: column;
    }

    .ry.slick-initialized .slick-slide {
        display: flex;
        width: auto !important;
    }

    .hmc1s_a {
        display: block;
        background: #FFF;
        padding: 20px 10px 20px 10px;
        letter-spacing: 1px;
    }

    .hmc1swiper.ry .hmc1s_a {
        width: 100%;
        height: 160px !important;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        border: solid 1px #ddd;
        padding: 1px;

    }

    .hmc1swiper.ry .hmc1s_a img {
        max-height: 100%;
        max-width: 100%;

        padding: 20px;
    }

    .hmc1s_a strong {
        font-size: 15px;
        font-weight: bold;
        display: block;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .hmc1s_a p {
        font-size: 13px;
        line-height: 24px;
        color: #666666;
        overflow: hidden;
        /* margin: 3px 0px 14px; */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        letter-spacing: 0px;
    }

    .hmCon7 strong {
        font-size: 20px;
        letter-spacing: 0px;
        font-weight: 600;
    }

    .hmCon7 {
        background: url(../images/bm_bluebg.jpg) no-repeat center center;
        text-align: center;
        height: 160px;
        padding-top: 30px;
        color: #fff;
    }

    .hmCon7 p {
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0px;
        margin-top: 5px;
        color: #fff;
    }

    .hmCon7 p a {
        color: #ffae3b;
        font-size: 14px;
    }

}

.dqwz {
    width: 100% !important;
    background: #f7f7f7;
    padding: 0px 28px;
    line-height: 60px !important;
    height: 60px !important;
}

.footer {
    padding-top: 3.64vw;
    background: #F3F3F3;
    width: 100% !important;
}

.footTop {
    padding-bottom: 30px;
}

.footLx {
    height: 280px;
    margin-top: 22px;
    border-right: 1px solid #E2E2E2;
    float: left;
    width: 280px;
}

.footLx dl {
    height: 75px;
}

.footLx dl dt {
    font-size: 16px;
    color: #252b3a;
    line-height: 18px;
    margin-bottom: 7px;
    letter-spacing: 1px;
}

.footLx dl dd {
    font-size: 24px;
    line-height: 26px;
    color: #0095ad;
    background: url(../images/bm_ticon.png) no-repeat left center;
    letter-spacing: 1px;
    padding-left: 30px;
}

.footLx h4 {
    font-size: 16px;
    color: #252b3a;
    line-height: 18px;
    margin-top: 30px;
    letter-spacing: 1px;
    font-weight: normal;
    display: block;
    margin-bottom: 18px
}

.foot_gz {
    height: 38px;
}

.foot_wx {
    float: left;
    height: 38px;
    width: 38px;
    background: url(../images/gz_i1.png) no-repeat center center;
    border: 1px solid #393E4B;
    border-radius: 50%;
    margin-right: 18px;
    position: relative;
}

.foot_wb {
    float: left;
    height: 38px;
    width: 38px;
    background: url(../images/gz_i2.png) no-repeat center center;
    border: 1px solid #393E4B;
    border-radius: 50%;
    margin-right: 18px;
    position: relative;
}

.foot_ji {
    float: left;
    height: 38px;
    width: 38px;
    background: url(../images/xcx.svg) no-repeat center center;
    background-size: 15px auto;
    border: 1px solid #393E4B;
    border-radius: 50%;
    position: relative;
}

.foot_gz div {
    cursor: pointer;
}

.foot_gz a span,
.foot_gz div span {
    width: 146px;
    height: 188px;
    position: absolute;
    left: 50%;
    margin-left: -73px;
    text-align: center;
    background: #fff;
    bottom: 52px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.1);
}

.foot_gz a span:before,
.foot_gz div span:before {
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -8px;
}

.foot_gz a:hover span,
.foot_gz div:hover span {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.foot_gz a span p,
.foot_gz div span p {
    font-size: 13px;
    line-height: 18px;
    padding: 10px 10px 0;
    color: #666;
    text-align: center;
    position: relative;
    top: 2px
}

.foot_gz a span img,
.foot_gz div span img {
    max-width: none;
    width: 140px;
    height: 140px;
}

.footMenu {
    float: right;
}

.footMenu dl {
    float: left;
    margin-left: 150px
}

.footMenu dl:first-child {
    margin-left: 0 !important;
}

.footMenu dl dt {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 60px;
}

.footMenu dl dd {
    font-size: 14px;
    color: #8a8e99;
    line-height: 30px;
    line-height: 32px;
}

.footMenu_a2 {
    color: #8a8e99;
}

.footBom {
    border-top: 1px solid #E2E2E2;
    line-height: 28px;
    font-size: 14px;
    color: #8a8e99;
    padding: 1.71vw 0px;
    overflow: hidden
}

.footBom .fl {}

.footBom .fr {}

.footBom .fl a,
.footBom .fl a:hover {
    color: #8a8e99;
}

.foot_sa {
    color: #8a8e99;
}

.footBom .fr span {
    margin: 0 5px;
}

@media (max-width:1799px) {
    .footLx {
        width: 270px;
    }

    .footMenu dl {
        margin-left: 105px;
    }
}


.m2layerBg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 30
}

.m2layerClose {
    position: fixed;
    width: 30px;
    height: 30px;
    top: 50px;
    right: 50px;
    cursor: pointer;
    transition: all 500ms ease;
    z-index: 32;
    cursor: pointer
}

.m2layerClose:hover {
    transform: rotate(180deg);
}

.m2layerClose:before,
.m2layerClose:after {
    content: '';
    width: 30px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 15px;
}

.m2layerClose:before {
    left: 0;
    transform: rotate(45deg);
}

.m2layerClose:after {
    left: 0;
    transform: rotate(135deg);
}

.m2Lay_video {
    position: fixed;
    top: 50%;
    left: 50%;
    max-height: 80vw;
    max-width: 80vw;
    transform: translate(-50%, -50%);
    z-index: 35;
}

.hmFocusWpr {
    position: relative;
}

.hmFocus {
    position: relative;
}

.hmFocus_item {
    position: relative;
}

.hmFocus_item .bgImg {
    height: 720px;
}

.hmFsTxt {
    position: absolute;
    left: 0;
    width: 100%;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 120px;
}

.hmFsTxt strong {
    font-size: 48px;
    letter-spacing: 4px;
    line-height: 60px;
    font-weight: normal;
    display: block;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.hmFsTxt p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 18px;
    letter-spacing: 2px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.hmFsTxt div.hmFs_btn {
    margin-top: 85px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}


.hmFs_btn a:hover,
.hmFs_abtn_blue:hover {
    transform: translateY(-5px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.hmFocus .slick-dots {
    bottom: 90px;
}

.hmFocus .slick-dots li button {
    display: none;
}

.hmFocus .slick-dots li {
    background: rgba(255, 255, 255, 0.3);
    display: inline-block;
    height: 3px;
    width: 25px;
    margin: 0px 5px;
    position: relative;
    vertical-align: middle
}

.hmFocus .slick-dots li:after {
    content: "";
    background: #0095ad;
    height: 3px;
    width: 0%;
    position: absolute;
    left: 0;
    top: 0;
}

.hmFocus .slick-dots li.on:after {
    width: 100%;
    transition: all 5.8s ease-in-out !important;
}

.on .hmFsTxt strong {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.1s;
}

.on .hmFsTxt h2 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;

}

.on .hmFsTxt p {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;

}

@media (max-width:769px) {
    .hmFsTxt strong {
        font-size: 40px;
    }

    .hmFocus_item .bgImg {
        height: 600px;
    }

    .hmFsTxt p {
        margin-top: 14px;
    }

    .hmFsTxt div.hmFs_btn {
        margin-top: 50px;
    }
}

.hmFsTxt .wenzi {
    font-size: 16px;
    margin-top: 1%;
    letter-spacing: 2px;
    font-weight: 400;
    width: 55%;
    color: #fff;
}

.hmFsTxt .wenzi2 {
    font-size: 22px;
    margin-top: 1%;
    letter-spacing: 2px;
    font-weight: 500;
    width: 60%;
    color: #fff;
    margin-bottom: -.5%;
}

.on .hmFsTxt div.hmFs_btn {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}

.hmFs2_img {
    text-align: center;
}

.hmFs2_img img {
    display: inline-block;
}

@media (max-width:1799px) {
    .hmFsTxt strong {
        font-size: 40px;
    }

    .hmFocus_item .bgImg {
        height: 600px;
    }

    .hmFsTxt p {
        margin-top: 14px;
    }

    .hmFsTxt div.hmFs_btn {
        margin-top: 50px;
    }
}



/*2021-07-14 CSS*/
@keyframes banTBani {
    0% {
        transform: translateY(-10px);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-10px);
    }
}

.hmFocus_item {
    width: 100%;
    overflow: hidden;
}

.hmFsTxt_ban1 {
    padding-bottom: 10px;
}

.hmFsTxt * {
    font-family: "微软雅黑";
}

.hmNban1_x1 {
    font-size: 32px;
    font-weight: normal;
    line-height: 48px;
    display: block;
    letter-spacing: 6px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.hmNban1_x2 {
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 6px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.hmNban1_x3 {
    font-size: 60px;
    line-height: 74px;
    letter-spacing: 24px;
    font-weight: bold;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.hmNban1_x4 {
    background: url(../images/nban_bg1.png) repeat-y left top;
    padding: 16px 0px 16px 18px;
    width: 600px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 2px;
    margin-top: 13px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.hmNban1_x4 span {
    display: block;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 18px;
}

.hmNban1_btn {
    margin-top: 58px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.nbanBtn {
    line-height: 44px;
    display: inline-block;
    padding: 0px 44px;
    height: 48px;
    border: 2px solid #FFF;
    font-size: 14px;
    letter-spacing: 2px;
    color: #FFF;
}

.nbanBtn:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    color: #fff;
}

.on .hmNban1_x1 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.1s;
}

.on .hmNban1_x2 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
}

.on .hmNban1_x3 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

.on .hmNban1_x4 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

.on .hmNban1_btn {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}

.bgImgScale {
    transition: all 5s ease-in-out;
}

.on .bgImgScale {
    transform: scale(1.1);
}

.nban2_bg1,
.nban2_bg2,
.nban2_bg3,
.nban2_bg4 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    animation: banTBani 2s ease-in-out infinite;
}

.nban2_bg1,
.nban2_bg2 {
    animation-delay: 1s;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.hmNban2_x1 {
    font-size: 48px;
    font-weight: bold;
    line-height: 66px;
    display: block;
    letter-spacing: 3px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
    margin-bottom: 10px;
}

.hmNban2_x2 {
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 3px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.hmNban2_btn {
    margin-top: 80px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.hmNban2_btn .hmFs_abtn_blue {
    margin-right: 20px;
}

.on .hmNban2_x1 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.1s;
}

.on .hmNban2_x2 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
}

.on .hmNban2_btn {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

.on .nban2_bg1,
.on .nban2_bg2 {
    opacity: 1;
    transition-delay: 1s
}

.nban3_g1logo,
.nban3_g2logo {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all 0.8s ease-in-out;
}

.nban3_g2logo {
    opacity: 0;
}

.even .nban3_g1logo {
    opacity: 0;
}

.even .nban3_g2logo {
    opacity: 1;
}

.nban3_g1logo .bgImg,
.nban3_g2logo .bgImg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    animation: banTBani 4s ease-in-out infinite;
    opacity: 0.6
}

.nban3_g1logo .bgImg:nth-child(2),
.nban3_g2logo .bgImg:nth-child(2) {
    animation-delay: 2s;
}

.nban3_banImg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}


.nban4_bg1,
.nban4_bg2,
.nban4_bg3,
.nban4_bg4,
.nban4_bg5,
.nban4_bg6,
.nban4_bg7 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.hmNban4_x3 {
    margin: 22px 0px 58px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.hmNban4_x3 span {
    display: inline-block;
    margin-right: 8px;
    padding: 0px 19px;
    font-size: 14px;
    line-height: 40px;
    color: #FFF;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
}

.hmNban4_btn {
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.hmNban4_btn .hmFs_abtn_blue {
    margin-right: 20px;
}

.on .hmNban4_x3 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

.on .hmNban4_btn {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

.nban4_bg5,
.nban4_bg6,
.nban4_bg7 {
    animation: banTBani 3s ease-in-out infinite;
}

.nban4_bg6 {
    animation-delay: 1s;
}

.nban4_bg7 {
    animation-delay: 2s;
}

.on .nban4_bg1 {
    opacity: 1;
    transition-delay: 0.3s
}

.on .nban4_bg2 {
    opacity: 1;
    transition-delay: 0.5s
}

.on .nban4_bg3 {
    opacity: 1;
    transition-delay: 0.7s
}

.on .nban4_bg4 {
    opacity: 1;
    transition-delay: 0.9s
}

.on .nban4_bg5,
.on .nban4_bg6,
.on .nban4_bg7 {
    opacity: 1;
    transition-delay: 0.8
}

.hmFsTxt_img {
    padding-bottom: 35px;
}


/* 新增 0528*/
.cop_bg2,
.cop_bg3,
.cop_bg4,
.cop_bg5,
.cop_bg6 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.cop_bg3,
.cop_bg4,
.cop_bg5,
.cop_bg6 {
    animation: banTBani 2s ease-in-out infinite;
    animation-delay: .1s;
}

.cop_bg4 {
    animation-delay: .24s;
}

.cop_bg5 {
    animation-delay: .36s;
}

.cop_bg6 {
    animation-delay: .48s;
}

@media (max-width:769px) {
    .hmNban1_x1 {
        font-size: 30px;
        line-height: 44px;
    }

    .hmNban1_x3 {
        font-size: 52px;
        line-height: 70px;
    }

    .hmNban1_x4 span {
        font-size: 28px;
    }

    .hmNban1_x4 {
        padding-top: 10px;
    }

    .hmNban1_btn {
        margin-top: 48px;
    }

    .hmFsTxt .wenzi2 {
        font-size: 18px;
        margin-top: 1%;
        letter-spacing: 2px;
        font-weight: 600;
        width: 100%;
        color: #fff;
        margin-bottom: -.5%;
    }

    .hmFsTxt .wenzi {
        font-size: 16px;
        margin-top: 1%;
        letter-spacing: 2px;
        font-weight: 400;
        width: 100%;
        color: #fff;
    }

    .hmNban2_x1 {
        font-size: 36px;
        line-height: 66px;
    }

    .hmNban2_btn {
        margin-top: 60px;
    }

    .hmNban2_x2 {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .hmNban2_x2 {
        margin-bottom: 50px;
    }

    .hmNban4_x3 {
        margin-top: 0;
    }

    .hmNban2_x2 {
        margin-bottom: 40px;
    }
}


@media (max-width:1360px) {
    .hmc3menu_ul {
        padding-top: 40px !important;
        overflow: hidden;
        background: url(../images/bg02.png);
        background-size: 100% 100%;
        /*! opacity: 0.3; */
    }

    .hmc3menu_ul li {
        float: left;
        width: 100%;
        line-height: 58px;
        height: 58px;
        margin-bottom: 14px;
    }

    .hmFocus_item .bgImg {
        height: 520px;
    }

    .hmFsTxt {
        transform: scale(0.86) translate(20px, -50%);
        transform-origin: left top;
    }

    .hmFsTxt_img {
        transform-origin: center top;
        transform: scale(0.86) translate(0px, -50%);
    }

    .core-content-img {
        position: absolute;
        right: -10px ! important;
        top: -18px;
        width: 100px ! important;
        height: 87px ! important;
    }

    .core-content-img-num {
        position: absolute;
        top: 25px ! important;
        left: 20px ! important;
        width: 55px ! important;
        height: 59px ! important;
    }

    .core-content-box {
        margin: 60px 2px 10px 2px ! important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 999;
        position: relative;
        align-items: flex-start;
    }

    .index .eco_lx_box {
        width: calc((100% - 1.8rem)/5);
        overflow: inherit;
        display: flex;
        justify-content: flex-start;
        align-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        box-sizing: border-box;
        height: 100%;
        padding: 25px 20px;
        background-image: linear-gradient(180deg, #f3f5f8, #fff);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
        border-radius: 15px;
    }

    .index .eco_lx_box:hover {
        background: #f3f5f8;
        box-shadow: inset 8px 8px 20px rgba(55, 99, 170, .1), inset -8px -8px 20px #fff;
    }

    .hmc3sChanges.right {
        width: 49% ! important;
        float: left;
        margin-right: 10px;
    }

    .hmc3sChanges.left {
        width: 41.5% !important;
        float: left;
        padding: 0px;
        border-left: 1px solid rgba(1, 40, 111, .04);
        padding-top: 8px;
        margin-right: 20px;
        /*! position: relative; */
    }

    .hmc3sChanges.left img {
        width: 100%;
        /*! float: left; */
        padding-left: 20px;
        /*! border-left: 1px solid rgba(1, 40, 111, .04); */
        padding-top: 30px;
        /*! position: relative; */
        object-fit: fill;
    }
}

@media (max-width: 768px) {
    .index .eco_lx {
        display: inline-block;
        padding: 1.5rem 0 0.5rem;
        flex-wrap: wrap;
        flex-direction: column;
        /* float: left; */
        align-content: space-between;
    }

    .index .eco_lx_box {
        width: 43.5%;
        overflow: inherit;
        display: inline-block;
        justify-content: flex-start;
        align-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        box-sizing: border-box;
        height: 100%;
        padding: 25px 20px;
        background-image: linear-gradient(180deg, #f3f5f8, #fff);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
        border-radius: 15px;
        margin: 10px;
        float: left;
    }

    .index .eco_lx_box:last-child {
        width: 93%;
    }

    .core-content-box {
        margin: 60px 2px 10px 2px ! important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 999;
        position: relative;
        align-items: flex-start;
    }

    .hmCon3Wpr {
        padding-top: 8vw;
        height: 1520px;
        position: relative;
        color: #423e3e;
        margin-top: 4vw;
        background-color: #f5f7fa;
    }

    .youshi {
        padding: 0 15px;
        position: relative;
        color: #423e3e;
        margin-top: 4vw;

    }

    .hmc3ChangeWpr {
        margin-top: 10px;
        position: relative;
        height: 1230px;
        position: relative;
        display: flex;
        background: #f9f9f9eb;
        box-shadow: 0 10px 80px 5px rgba(1, 40, 111, .05);
        border-radius: 8px;
        -webkit-backdrop-filter: blur(36px);
        backdrop-filter: blur(36px);
        overflow: hidden;
        flex-direction: column-reverse;
        padding-top: 0px;
        padding-left: 0px;
        justify-content: flex-end;
    }

    .hmc3Litem {
        padding: 20px;
    }

    .hmc3sChanges {
        position: relative;
        height: 500px;
    }

    .hmc3sCitem {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        padding-top: 20px;
        transform: translateY(30px);
    }

    .hmc3sCitem strong {
        line-height: 38px;
        display: block;
        height: auto;
        font-size: 24px;
        font-weight: normal;
        color: #202124;
        letter-spacing: 2px;
    }

    .hmc3sCitem strong span {
        width: 38px;
        height: 38px;
        display: inline-block;
        margin-left: 38px;
        cursor: pointer;
        position: relative;
    }

    .hmc3menu {
        /*! background: url(../images/mid_menubg.jpg) no-repeat center center; */
        height: 320px;
        width: 100%;
    }

    .hmc3menu_ul {
        padding: 15px;
        overflow: hidden;
    }

    .hmc3menu_ul li a.on,
    .hmc3menu_ul li span.on {
        border-left: 0px solid #FFF;
        background: url(../images/hmc5line.png) repeat-y left top;
        padding-left: 5px;
    }

    .hmc3menu_ul li a,
    .hmc3menu_ul li span {
        display: block;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        letter-spacing: 0px;
        padding-left: 2px !important;
        position: relative;
        border-left: 4px solid rgba(255, 255, 255, 0);
        transition: none;
    }

    .hmc3menu_ul li {
        float: left;
        width: 50%;
        line-height: 50px;
        height: 50px;
        margin-bottom: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .hmc3sChanges.right {
        width: 100% ! important;
        float: left;
        margin-right: 10px !important;
        padding: 20px;
    }

    .tableBox .tableBottom .tableItem[data-v-728f255f],
    .tableBox .tableTop .tableItem[data-v-728f255f] {
        padding-top: 16px;
        text-align: center;
        border-right: 1px solid rgba(1, 40, 111, .06);
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
        width: 108px;
        height: 108px;
        background-image: linear-gradient(0deg, #fff, #f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
        border-radius: 10px;
        margin-left: 0px ! important;
        margin-bottom: 24px;
        margin-right: 5px ! important;
    }

    .tableTop2 {
        display: block;
    }

    .hmc3sCitem p {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0px;
        margin: 13px auto 13px auto;
        height: 72px;
        overflow: hidden;
        max-width: 98%;
        color: #202124;
    }

    .hmc3_sm {
        display: inline-block;
        margin-top: 15px;
        font-size: 14px;
        line-height: 38px;
        color: #0095ad;
        letter-spacing: 1px;
        height: 40px;
        width: 50%;
        border: 1px solid #0095ad;
        text-align: center;
        /*! background-image: linear-gradient(135deg, rgb(0, 108, 255) 0%, rgb(0, 170, 255) 100%); */
        border-radius: 5px;
    }

    .hmc3_sm.on {
        display: inline-block;
        margin-top: 15px;
        font-size: 14px;
        line-height: 38px;
        color: #fff;
        letter-spacing: 1px;
        height: 40px;
        width: 45%;
        border: 1px solid #0095ad;
        text-align: center;
        background-image: linear-gradient(135deg, rgb(0, 136, 169) 0%, rgb(0, 169, 184) 100%);
        border-radius: 5px;
        margin-left: 15px;
    }

    .tableItem2 {
        padding-top: 16px;
        text-align: center;
        border-right: 1px solid rgba(1, 40, 111, .06);
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
        width: 98% ! important;
        background-image: linear-gradient(0deg, #fff, #f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
        border-radius: 10px;
        margin-left: 0px ! important;
        margin-bottom: 24px;
        margin-right: 5px ! important;
    }

    .hmc3sChanges.left {
        width: 100% ! important;
        float: left;
        padding-right: 0px;
        border-left: 1px solid rgba(1, 40, 111, 0);
        padding-top: 8px;
        margin-left: -30px;
    }

    .hmc3sChanges.left img {
        width: 500px;

        vertical-align: middle;
        object-fit: contain;
        margin-bottom: 0px;
        height: auto;
    }

    .index-about-icon-item,
    .index-about-icon.num5 .index-about-icon-item {
        width: 25%;
        margin: 5% 0;
    }

    .text-1.font18 {
        font-size: 14px;
        letter-spacing: 0px;
    }
}

.hmc3menu_ul li a,
.hmc3menu_ul li span {
    display: block;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0px;
    padding-left: 10px;
    position: relative;
    border-left: 4px solid rgba(255, 255, 255, 0);
    transition: none;
}

.hmc3Clx {
    width: 100%;
    height: auto;
    position: relative;
    float: right;
}

@media (max-width:769px) {
    .hmFocus_item .bgImg {
        width: auto ! important;
        float: none;
        left: -50%;
        margin-right: 0px ! important;
    }
}
@media (max-width: 768px) {
.bgImg.nban4_bg1.zt {
display: none;
}
}

.hmFocus_item .bgImg {
    width: 100%;
    float: none;
    margin-right: 10px;
}

.hmc3sChanges.right {
    width: 49%;
    float: left;
    margin-right: 40px;
    padding: 20px;
}


}

/*动画图标*/
.aniIcon {
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: auto 80px;
    background-position-y: 0
}

.hmc1_icon {
    overflow: hidden;
}

@media (max-width:1799px) {
    .hmc1_icon {
        width: 80px;
        height: 80px;
    }

    .hmc2tab_ul li a p {
        margin-top: 0;
    }
}

.mbrFm_close {
    background: url(../images/close-2.png) no-repeat center center;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: absolute;
    top: 10px;
    right: 12px;
    background-size: 12px auto;
    cursor: pointer;
    z-index: 3;
    transition: all 0.5s ease-in-out;
}

.mbrFm_close:hover {
    background: url(../images/close-2a.png) no-repeat center center;
    background-size: 12px auto;
}

/*2021中国高峰论坛 banenr图*/
@keyframes scrollnum {
    0% {
        top: -50%
    }

    100% {
        top: 0%
    }
}

.zy-new {
    background: #030d1d;
    height: 100%;
}

.zy-newbg {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 11
}

.zy-newbg img {
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zy-newtop {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 12;
    top: -50%;
    animation: scrollnum 20s linear infinite alternate
}

.zy-newtop img {
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.zy-newwz {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 15;
    left: 0px;
    top: 0px;
    text-align: center
}

.zy-newwz:before {
    height: 100%;
    content: "";
    display: inline-block;
    vertical-align: middle
}

.zy-newver {
    width: 90%;
    display: inline-block;
    vertical-align: middle;
    color: #fff
}

.zy-newver h3 {
    width: 100%;
    overflow: hidden;
    transform: translateY(40px);
    opacity: 0;
    transition: all 1.2s ease 0.5s
}

.zy-newver h3 img {
    display: inline-block
}

.zy-newver span {
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 34px;
    font-weight: bold;
    margin-top: 30px;
    transform: translateY(40px);
    opacity: 0;
    transition: all 1.2s ease 0.6s
}

.zy-newver p {
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 22px;
    margin-top: 9px;
    transform: translateY(40px);
    opacity: 0;
    transition: all 1.2s ease 0.7s
}

.zy-newver em {
    width: 100%;
    display: block;
    transform: translateY(40px);
    opacity: 0;
    ;
    transition: all 1.2s ease 0.8s;
    font-style: normal
}

.zy-newver a {
    width: 188px;
    display: block;
    height: 48px;
    margin: 0px auto;
    overflow: hidden;
    background: #fff;
    line-height: 48px;
    font-size: 14px;
    font-weight: bold;
    color: #1896fd;
    margin-top: 58px;
    transition: all 0.4s ease;
}

.zy-newver a:hover {
    transform: translateY(-5px)
}

.slick-active .zy-newver h3,
.slick-active .zy-newver span,
.slick-active .zy-newver p,
.slick-active .zy-newver em {
    transform: translateY(0px);
    opacity: 1
}


@media screen and (max-width:1799px) {
    .zy-new {
        height: 600px
    }

    .zy-newver h3 img {
        width: 600px;
        height: auto
    }

    .zy-newver span {
        font-size: 28px;
        margin-top: 26px
    }

    .zy-newver p {
        font-size: 20px;
        margin-top: 7px
    }
}

/*2021COP banenr图*/
.s-bannerFocus {
    width: 100%;
    position: relative;
}

.s-bannerFocus_item {
    width: 100%;
    position: relative;
}

.sbanner-img-box {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

.s-bannerFocus_item {
    position: relative;
    height: 720px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/ss-banner-bg.jpg);
}

.s-bannerImg {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0%;
    top: 70px;
}

.s-bannerTxt_x3 {
    margin: 32px 0px 40px;
    height: 50px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
    opacity: 0;
}

.s-bannerTxt_x3 span {
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
    padding: 0px 10px;
    font-size: 14px;
    line-height: 40px;
    color: #FFF;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
}

.s-bannerTxt_ban1 {
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
}

.s-bannerTxt_x1 {
    font-size: 50px;
    width: 45%;
    line-height: 66px;
    color: #fff;
    display: block;
    opacity: 0;
    letter-spacing: 3px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
}

.s-bannerTxt_x2 {
    font-size: 50px;
    width: 45%;
    line-height: 66px;
    color: #fff;
    display: block;
    opacity: 0;
    letter-spacing: 3px;
    transition: all 0.8s ease-in-out;
    transform: translateY(50px);
}

.s-bannerTxt_div {
    width: 220px;
    margin-top: 75px;
}

.on .s-bannerTxt_x1 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

.on .s-bannerTxt_x2 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

.on .s-bannerTxt_x3 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}

.s-bannerTxt_div .s-bannerTxt_btn {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding-right: 55px;
    background: url(../images/s-dot.png) no-repeat 180px center;
    height: 50px;
    line-height: 50px;
}

@media (max-width:1799px) {
    .s-bannerFocus_item .s-bannerImg {
        height: 520px;
    }
}

.on .s-banner1-img2,
.on .s-banner1-img4,
.on .s-banner1-img5 {
    animation: s-banTBani1 2s ease-in-out infinite;
}

.on .s-banner1-img1,
.on .s-banner1-img3 {
    animation: s-banTBani2 2s ease-in-out infinite;
}

.on .s-banner1-img3 {
    animation: s-banTBani3 2s ease-in-out infinite;
}

.on .s-banner1-img7 {
    animation: s-banTBani3 2s ease-in-out infinite;
}

@keyframes s-banTBani1 {
    0% {
        transform: translateY(-5px);
    }

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

    100% {
        transform: translateY(-5px);
    }
}

@keyframes s-banTBani2 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }

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

@keyframes s-banTBani3 {
    0% {
        transform: translateY(-13px);
    }

    50% {
        transform: translateY(2px);
    }

    100% {
        transform: translateY(-13px);
    }
}

.u-df {
    display: -webkit-box;
    display: -ms-box;
    display: flex;
}

.u-flex-h {
    -webkit-box-orient: horizontal;
}

.u-flex-r {
    -ms-flex-direction: row;
    flex-direction: row;
}

.u-flexd--c {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}

.u-jc-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.u-jc-sb {
    justify-content: space-between;
}

.u-jc-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.u-fd-rr {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


.u-ai-fs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.u-ai-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.u-al-fe {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.u-as-bl {
    -webkit-align-self: baseline;
    -ms-align-self: baseline;
    align-self: baseline;
}

.u-flex-sb {
    justify-content: space-between;
}

.u-fw {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-1 {
    flex: 1;
}

.mbrFm_ul li .page-check-box {
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 10px;
    border: 1px solid #E2E2E2;
    cursor: pointer;
}

.mbrFm_ul li .page-check-box.on {
    background: url(../images/check-gou.png) no-repeat center center #0075ff;
}

.mbrFm_ul li .page-check-box input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.mbrFm_ul .htauto {
    height: auto;
    color: #666;
}

.mbrFm_ul .htauto a,
.mbrFm_ul .htauto span {
    color: #0095ad;
    cursor: pointer;
}




/* 弹窗2022-03-31 */
.layui-layer-dialog .layui-layer-content h1 {
    font-size: 28px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 25px;
}

.layui-layer-dialog .layui-layer-content h4 {
    font-size: 16px;
    margin: 8px 0px;
}

.layui-layer-dialog .layui-layer-content p {
    line-height: 25px;
    margin: 8px 0px;
}

.layui-layer-dialog .layui-layer-content a {
    color: #1890ff;
}


/* 协议更新通知 */
.page-agreement-bg {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 30;
}

.page-agreement-tc {
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 360px;
    height: 230px;
    margin: auto;
    background: #fff;
    z-index: 31;
    padding: 20px;
    font-size: 12px;
}

.page-agreement-tc .page-title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.page-agreement-tc .page-con {
    padding: 20px 0px;
}

.page-agreement-tc .page-check {
    padding-bottom: 20px;
}

.page-agreement-tc .page-check .page-check-box {
    position: relative;
    top: 2px;
}

.page-agreement-tc .page-check a {
    color: #0095ad;
}

.page-agreement-tc .page-btn {
    text-align: center;
}

.page-agreement-tc .page-btn a {
    display: inline-block;
    color: #fff;
    background-color: #0095ad;
    font-size: 16px;
    padding: 0px 50px;
    line-height: 2.5;
}

.tableBox[data-v-728f255f] {
    width: 98%;
    height: auto;
    border-radius: 8px;
    /*! border: 1px solid rgba(1, 40, 111, .06); */
    box-sizing: border-box;
    margin-bottom: 8px;
}

.tableBox .tableBottom[data-v-728f255f],
.tableBox .tableTop[data-v-728f255f] {
    display: flex;
    height: 118px
}

.tableBox .tableBottom div[data-v-728f255f],
.tableBox .tableTop div[data-v-728f255f] {
    width: 25%;
}

.tableBox .tableBottom div[data-v-728f255f]:last-child,
.tableBox .tableTop div[data-v-728f255f]:last-child {
    border-right: none
}

.tableBox .tableBottom .tableItem[data-v-728f255f],
.tableBox .tableTop .tableItem[data-v-728f255f]:hover {
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff;
}

.tableBox .tableBottom .tableItem[data-v-728f255f]:hover {
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff;
}

.tableBox .tableBottom .tableItem[data-v-728f255f],
.tableBox .tableTop .tableItem[data-v-728f255f] {
    padding-top: 16px ! important;
    text-align: center;
    border-right: 1px solid rgba(1, 40, 111, .06);
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    width: 108px;
    height: 108px;
    background-image: linear-gradient(0deg, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
    border-radius: 10px;
    margin-right: 24px;
    margin-bottom: 24px;
    margin-left: 4px;
}

.tableTop2 {
    display: block;
}

.tableItem2 {
    padding-top: 0px;
    text-align: center;
    width: 92%;
    height: 58px;
    background-image: linear-gradient(0deg, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
    border-radius: 10px;
    margin-letf: 4px;
    margin-bottom: 20px;
    margin-right: 20px !important;
}

.tableItem2 img {
    margin-right: 15px ! important;
}

.tableBox .tableBottom .tableItem img[data-v-728f255f],
.tableBox .tableTop .tableItem img[data-v-728f255f] {
    /*! width: 32px; */
    height: 32px;
    margin-bottom: 22px;
}

.tableBox .tableBottom .tableItem p[data-v-728f255f],
.tableBox .tableTop .tableItem p[data-v-728f255f] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #3e3f42;
    line-height: 14px;
    margin-top: -10px;
}

.tableBox .tableTop[data-v-728f255f] {
    /*! border-bottom: 1px solid rgba(1, 40, 111, .06) */
}

.icon-box[data-v-728f255f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0
}

.tpm-ecology2__card-object {
    background-position: right 10px top;
    background-repeat: no-repeat;
    background-size: auto 180px;
    opacity: .6;
}

.tpm-ecology2__card-link,
.tpm-ecology2__card-object {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.tpm-solution2__card-cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 62px 20px 22px;
    background-position: 100% 0;
    background-size: auto 100%;
    background-repeat: no-repeat;
    transition: opacity .3s ease-in-out;
}

@media screen and (max-width: 769px) {
    .index-about-icon {
        padding-top: 0%;
    }

    .tpm-solution2__card-cover {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 62px 20px 22px;
        background-position: 100% 50%;
        background-size: auto 200%;
        background-repeat: no-repeat;
        transition: opacity .3s ease-in-out;
    }
}

.core-content-img1 {
    background: url(../images/core1.png);
    background-size: 100% 100%;
}

.core-content-img2 {
    background: url(../images/core2.png);
    background-size: 100% 100%;
}

.core-content-img3 {
    background: url(../images/core3.png);
    background-size: 100% 100%;
}

.core-content-img4 {
    background: url(../images/core4.png);
    background-size: 100% 100%;
}

.core-content-img5 {
    background: url(../images/core5.png);
    background-size: 100% 100%;
}

.core-content-img6 {
    background: url(../images/core6.png);
    background-size: 100% 100%;
}

.core-content-item .core-service-icon {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAB90lEQVRYCe1WO0sDQRD+NrlLBBvtfGHhoxdFBLW4NGq0EcHOxh9gRP+IqGBrYyUYtRC1kasVxT4+wHflCxXlkqwzSxYukMAWe6TQLW7ZYW6+776ZnRvgf/11BYQtAYbXZOPHN46ExJebwMzxnLg2iR0zcTLx+QzQC4keCQwGAfz+Jdlh8p41Al3N8EnOQwaVEu35ohkJaylgYG9d1r09Y4dUGOUzBb+NuUidZsQlnystqwQYQJF4wTapMKYABe7iDrxqJKylQH+dPyu+mxxMCoEDZZNoK+Th963ITu0T3q0roIOnV2TyKa+USCsbKUFfmzpbFBfah/fICHDwEokspWOcz4R2TyS8MAnrKVBApcd+RvxQOqYIeE+ZJFqLgN+zLLu1X6QKaJDpTZnI3SFLfWKCbQT6IKkwz+dFTqiqfceQKMDVL0SxyxgSKGKVe4Qm4SaRcl5f4BOzAbq70a5CeXjCawl+sBFpDZRDVj45DY3w3mqXgpnaF2FlYexZuRc85rGlbwD3AsSR4hvAKJHWgG5EYXBuRBqcCUSWgpq24hL4jskf0XoKuLHRT8gInFPg8MPWqjSQOALeSUZcVcOwpgD1+zh11d3wNOTECHyhOjiTskbg4hEeVfsIB6Vh5MYEnH2tpaDexdlHAedqLHfNx3Im8b/+tgK/DtDVck4yEZQAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    transition: .5s;
}

.core-content-img {
    position: absolute;
    right: 0;
    top: -18px;
    width: 128px;
    height: 112px;
}

.core-content-img-num {
    position: absolute;
    top: 35px;
    left: 33px;
    width: 67px;
    height: 72px;
}

.core-content-img-num1 {
    background: url(../images/num1.png);
    background-size: 100% 100%;
}

.core-content-img-num2 {
    background: url(../images/num2.png);
    background-size: 100% 100%;
}

.core-content-img-num3 {
    background: url(../images/num3.png);
    background-size: 100% 100%;
}

.core-content-img-num4 {
    background: url(../images/num4.png);
    background-size: 100% 100%;
}

.core-content-img-num5 {
    background: url(../images/num5.png);
    background-size: 100% 100%;
}

.core-content-img-num6 {
    background: url(../images/num6.png);
    background-size: 100% 100%;
}

.itit-core-content:hover .core-content-img-num1 {
    background: url(../images/num-hover1.png);
    background-size: 100% 100%;
}

.itit-core-content:hover .core-content-img-num2 {
    background: url(../images/num-hover2.png);
    background-size: 100% 100%;
}

.itit-core-content:hover .core-content-img-num3 {
    background: url(../images/num-hover3.png);
    background-size: 100% 100%;
}

.itit-core-content:hover .core-content-img-num3 {
    background: url(../images/num-hover3.png);
    background-size: 100% 100%;
}

.itit-core-content:hover .core-content-img-num3 {
    background: url(../images/num-hover3.png);
    background-size: 100% 100%;
}

.itit-core-content:hover .core-content-img-num4 {
    background: url(../images/num-hover4.png);
    background-size: 100% 100%;
}

.itit-core-content:hover .core-content-img-num5 {
    background: url(../images/num-hover5.png);
    background-size: 100% 100%;
}

.itit-core-content:hover .core-content-img-num6 {
    background: url(../images/num-hover6.png);
    background-size: 100% 100%;
}

.hz {}

.hzhb {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.hzhb li {
    height: 80px;
    width: 18%;
    margin: 1%;
    border-radius: 8px;
    background: #ffffff;
    background: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff, inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
}

.hzhb li a {
    box-sizing: border-box;
    /*! width: 200px; */
    background: #fff;
    /*! box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff, inset 0 4px 20px 0 hsla(0,0%,100%,.5); */
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
    padding: 20px;
}

.hzal {

    width: 100%;
    max-width: 150px;
}

.hzhb li img {
    max-width: 100%;
    max-height: 100%;
    /*! padding: 20px; */
}

@media (max-width: 768px) {
    .hzhb {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .hzhb li a {
        box-sizing: border-box;
        /*! width: 200px; */
        background: #fff;
        box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff, inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
        border-radius: 8px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-font-smoothing: antialiased;
        padding: 10px;
    }

    .hzhb li {
        box-shadow: 0 0 4px #0003;
        height: 50px;
        width: 31%;
        margin: 1%;
        border-radius: 8px;
    }

    .hzhb li img {
        height: 100%;
        width: 100%;
        padding: 0px;
    }
}