body {
        overflow-x: hidden
    }
    
    .zz .m_zz li#top_boxbody {
        margin: 0px auto;
        padding: 0px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        line-height: 24px;
        color: #333
    }
    
    div {
        margin: 0px;
        padding: 0px
    }
    
    span,
    p {
        margin: 0px;
        padding: 0px;
        font-family: Microsoft YaHei
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0px;
        padding: 0px
    }
    
    address,
    caption,
    cite,
    code,
    dfn,
    em,
    strong,
    th,
    var,
    optgroup,
    i {
        font-style: inherit;
        font-weight: inherit
    }
    
    * {
        box-sizing: border-box
    }
    
    html,
    body {
        min-height: 100%
    }
    
    body {
        font: 14px/1.5 "Microsoft YaHei";
        font-size: 14px;
        color: #1b2229;
        min-width: 1100px
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: normal
    }
    
    ul,
    ol,
    li {
        list-style: none
    }
    
    ul {
        padding: 0;
        margin: 0
    }
    
    img {
        border: none;
        vertical-align: middle
    }
    
    a {
        text-decoration: none;
        color: #1b2229
    }
    
    b {
        font-weight: normal
    }
    
    b {
        font-weight: normal
    }
    
    table {
        border-collapse: collapse;
        table-layout: fixed
    }
    
    tr,
    td {
        padding: 0 !important
    }
    
    input,
    textarea {
        outline: none;
        border: none
    }
    
    textarea {
        resize: none;
        overflow: auto
    }
    
    .fl {
        float: left
    }
    
    .fr {
        float: right
    }
    
    .tl {
        text-align: left
    }
    
    .tc {
        text-align: center
    }
    
    .tr {
        text-align: right
    }
    
    .cl {
        clear: both
    }
    
    .ov {
        overflow: hidden
    }
    
    .db,
    .lb,
    .dd {
        font-size: 0
    }
    
    .db>div,
    .lb>li,
    .dd>dl {
        display: inline-block;
        vertical-align: top
    }
    
    em,
    .em,
    i {
        text-transform: upperprod
    }
    
    .ellipse {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    
    .inline {
        display: inline-block;
        *display: inline;
        *zoom: 1
    }
    
     :focus {
        outline: none;
        background-color: transparent
    }
    
     ::selection {
        background: #115195;
        color: #fff
    }
    
    .clearfix:after {
        display: block;
        clear: both;
        content: "";
        visibility: hidden;
        height: 0
    }
    
    .clearfix {
        zoom: 1
    }
    
    @media screen and (max-width:1680px) {
        .headr {
            padding: 0 1.5vw !important;
        }
        .nav ul li {
            padding: 0 1vw !important;
        }
    }
    
    @media screen and (max-width:1460px) {
        .nav ul li {
            padding: 0 1vw !important;
        }
        .nav ul li a {
            font-size: 16px !important;
        }
    }
    
    @font-face {
        font-family: din;
        src: url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2)
    }
    
    @font-face {
        font-family: "jcyt";
        src: url("http://login.114my.cn/memberpic/019852/cssnew/jcyt.otf.txt") format("woff2"), url("http://login.114my.cn/memberpic/019852/cssnew/jcyt.woff.txt") format("woff"), url("http://login.114my.cn/memberpic/019852/cssnew/jcyt.otf.txt") format("truetype"), url("http://login.114my.cn/memberpic/019852/cssnew/jcyt.ttf.txt") format("embedded-opentype"), url("http://login.114my.cn/memberpic/019852/cssnew/jcyt.ttf.txt") format("svg")
    }
    
    @font-face {
        font-family: 'iconfont';
        src: url('//at.alicdn.com/t/c/font_3723378_uyicf6hd3cj.woff2?t=1666439706064') format('woff2'), url('//at.alicdn.com/t/c/font_3723378_uyicf6hd3cj.woff?t=1666439706064') format('woff'), url('//at.alicdn.com/t/c/font_3723378_uyicf6hd3cj.ttf?t=1666439706064') format('truetype')
    }
    
    .iconfont {
        font-family: "iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale
    }
    
    .page,
    .content {
        max-width: 1500px;
        margin: 0 auto;
        overflow: hidden;
        min-width: 1100px
    }
    
    .content1 {
        max-width: 1500px;
        min-width: 1100px;
        margin: 0 auto;
        position: relative
    }
    
    .box100 {
        width: 100%;
        margin: 0 auto;
        position: relative;
        min-width: 1100px
    }
    
    .box1001 {
        width: 98%;
        margin: 0 auto;
        position: relative;
        min-width: 1200px
    }
    
    .box1 {
        max-width: 1500px;
        margin: 0 auto;
        position: relative;
        min-width: 1100px
    }
    
    .pr {
        position: relative
    }
    
    .pa {
        position: absolute
    }
    
    .nnx {
        margin-right: 0px !important
    }
    
    .gy {
        max-width: 1500px;
        margin: 0 auto;
        min-width: 1100px;
        width: 100%
    }
    
    #top10,
    #top20,
    #top30,
    #top40,
    #top50,
    #top60,
    #top80,
    #top100 {
        margin: 0 auto;
        max-width: 1500px;
        overflow: hidden
    }
    
    #top10 {
        height: 10px
    }
    
    #top20 {
        height: 20px
    }
    
    #top30 {
        height: 30px
    }
    
    #top40 {
        height: 40px
    }
    
    #top50 {
        height: 50px
    }
    
    #top60 {
        height: 60px
    }
    
    #top80 {
        height: 80px
    }
    
    #top100 {
        height: 100px
    }
    
    @media screen and (max-width:999px) and (min-width:800px) {
        .box1 {
            max-width: 990px
        }
    }
    
    @media screen and (max-width:1099px) and (min-width:1000px) {
        .box1 {
            max-width: 1070px
        }
    }
    
    @media screen and (max-width:1280px) and (min-width:1100px) {
        .top_source {
            font-size: 17px !important
        }
        .top_source span {
            font-size: 12px !important
        }
        .prod_cont ul {
            width: 99%
        }
    }
    
    @media screen and (max-width:1400px) and (min-width:1100px) {
        .box1 {
            max-width: 1400px
        }
        .top_source {
            font-size: 22px !important
        }
        .top_source span {
            font-size: 14px !important
        }
    }
    
    @media screen and (max-width:1920px) and (min-width:1500px) {
        .box1 {
            max-width: 1500px
        }
    }
    
    @media screen and (max-width:1340px) {
        .top_source {
            font-size: 20px !important
        }
        .top_source span {
            font-size: 13px !important
        }
    }
    
    @media screen and (max-width:1311px) {
        .top_source span {
            font-size: 12px !important
        }
    }
    
    @media screen and (max-width:1290px) {
        .nav ul li {
            padding: 0 1vw !important;
        }
        .nav>ul>li a {
            font-size: 15px !important;
        }
    }
    
    @media screen and (max-width:1200px) {
        .nav ul li {
            padding: 0 0.7vw !important;
        }
        .nav>ul>li a {
            font-size: 14px !important;
        }
    }
    
    .title {
        text-align: center;
        max-width: 1400px;
        margin: auto;
        position: relative
    }
    
    .titlea {
        margin: 0 auto;
        text-align: center;
        line-height: 44px;
        font-size: 40px;
        color: #333;
        font-weight: bold
    }
    
    .titleb {
        font-size: 20px;
        color: #666;
        line-height: 60px
    }
    
    .titlec {
        margin: 0 auto;
        text-align: center;
        line-height: 44px;
        font-size: 40px;
        color: #fff;
        font-weight: bold
    }
    
    .titled {
        font-size: 20px;
        color: #fff;
        line-height: 60px
    }
    
    .stit {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }
    
    .stit span {
        font-size: 40px;
        background: url(https://memberpic.114my.net/hongda11120944en/uploadfile/image/20260725/20260725094816_602659687.jpg)no-repeat center;
        line-height: 42px;
        width: 100%;
        text-align: center;
        font-weight: bold
    }
    
    .stit span b {
        color: #02254f;
        font-weight: bold
    }
    
    .stit p {
        font-size: 18px;
        line-height: 20px;
        padding-top: 20px;
        font-weight: normal
    }
    
    .top_source {
        float: left;
        font-size: 24px;
        color: #333;
        line-height: 30px;
        padding-top: 0px;
        font-weight: bold
    }
    
    .top_source span {
        font-size: 16px;
        color: #999;
        opacity: 0.9;
        display: block;
        line-height: 22px;
        font-weight: normal
    }
    
    .headr {
        width: 96%;
        position: relative;
        z-index: 9999;
        height: 90px;
        padding: 0 3vw;
        background: #fff;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: 0.3s
    }
    
    .h_adw {
        height: 90px;
        position: relative;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    
    .logo {
        float: left;
        border-right: 1px #eee solid;
        padding-right: 1vw;
        margin-right: 1vw
    }
.nav{ width: 65%;}
    
    .nav>ul {
        float: left
    }
    
    .nav>ul>li {
        float: left;
        display: block;
        transition: 0.4s;
        height: 90px;
        padding: 0px 1vw;
        position: relative
    }
    
    .nav>ul>li a {
        color: #333;
        font-size: 17px;
        transition: 0.4s;
        line-height: 90px
    }
    
    .nav>ul>li:nth-child(3)>a:after,
    .nav>ul>li:nth-child(7)>a:after,
    .nav>ul>li:nth-child(7)>a:after {
        content: '\e88e';
        width: 8px;
        height: 8px;
        right: 14px;
        top: 0px;
        bottom: 17px;
        position: absolute;
        margin: auto;
        font-family: 'iconfont';
        font-size: 8px;
        line-height: 8px;
        color: #d8d8d8;
        transform: rotate(90deg)
    }
    
    .nav>ul>li a em {
        font-size: 0;
        margin-right: 5px;
        transition: 0.3s;
        opacity: 0;
        display: inline-block;
        line-height: 57px
    }
    
    .nav .on {
        transition: 0.4s;
        background: #02254f;
        color: #fff
    }
    
    .nav .on a {
        color: #fff;
        font-weight: bold
    }
    
    .nav>ul>li:hover a {
        color: #fff;
        transition: 0.4s
    }
    
    .nav>ul>li:hover>a,
    .nav>ul>li .nav2 a:hover {
        font-weight: bold
    }
    
    .nav>ul>li:hover {
        color: #fff;
        transition: 0.4s;
        background: #02254f
    }
    
    .nav .on a,
    .nav>ul>li:hover a {
        transition: 0.4s
    }
    
    .nav .on em,
    .nav>ul>li:hover em {
        transition: 0.3s;
        color: #333;
        opacity: 1;
        font-size: 20px
    }
    
    .pe {
        position: relative
    }
    
    .nav li dl {
        transition: all 0.3s;
        position: absolute;
        height: 0px;
        z-index: 0;
        overflow: hidden;
        width: 100%
    }
    
    .nav li.dhh dl {
        height: auto !important;
        width: 100%;
        background: rgba(248, 248, 248, 0.9);
        position: absolute;
        top: 90px;
        left: 0;
        display: block;
        z-index: 9999;
        overflow: hidden;
        margin: 0 !important
    }
    
    .nav li.dhh dl.juli {}
    
    .nav li.dhh dd {
        max-width: 1400px;
        display: block;
        overflow: hidden;
        padding: 30px 0px 15px;
        margin: auto
    }
    
    .nav_xl1 {
        width: 100%;
        padding: 20px 0;
        overflow: hidden
    }
    
    .nav_xl1 li {
        width: 20%
    }
    
    .nav_xl1 li+li {
        margin: 0 15px
    }
    
    .nav_xl1 li p {
        font-size: 20px;
        text-align: center;
        color: #333;
        display: block;
        line-height: 50px;
        transition: all 0.3s
    }
    
    .nav_xl1 li img {
        width: 100%
    }
    
    .nav_xl1 ul {
        display: flex;
        justify-content: center
    }
    
    .nav {
float: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    
    .nav_r {
        float: right;
        display: flex;
        align-items: center
    }
    
    .nav_r .iconfont {
        font-size: 40px;
        color: #333;
        line-height: 90px;
        float: right;
        margin-left: 15px;
        margin-top: 5px
    }
    
    .nav_r p {
        font-size: 15px;
        color: #333;
        float: left;
        text-align: right;
        line-height: 20px
    }
    
    .nav_r i {
        font-size: 20px;
        display: block;
        font-family: "din";display: none;
    }
    
    .nav>ul>li>.nav2 {
        position: absolute;
        top: 90px;
        left: -54px;
        z-index: 1;
        display: none;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
        width: 230px
    }
    
    .nav>ul>li>.nav2 a {
        display: block;
        width: 100%;
        height: 60px;
        border-bottom: none;
        background: #fff;
        color: #333
    }
    
    #aa2>.nav2 a {
        width: 150px;
        font-size: 15px
    }
    
    .nav>ul>li>.nav2 a:hover {
        background: #02254f;
        color: #fff
    }
    
    .nav2 b {
        color: #999
    }
    
    .nav>ul>li>.nav2 a span {
        display: block;
        color: #333;
        font-size: 16px;
        line-height: 60px;
        -webkit-transition: all .8s cubic-bezier(.35, .75, .55, 1) .1s;
        -moz-transition: all .8s cubic-bezier(.35, .75, .55, 1) .1s;
        transition: all .8s cubic-bezier(.35, .75, .55, 1) .1s;
        text-align: center
    }
    
    .nav>ul>li>.nav2 a b {
        position: relative;
        display: inline-block;
        display: block;
        color: #ccc;
        line-height: 30px;
        -webkit-transition: all .8s cubic-bezier(.35, .75, .55, 1) .1s;
        -moz-transition: all .8s cubic-bezier(.35, .75, .55, 1) .1s;
        transition: all .8s cubic-bezier(.35, .75, .55, 1) .1s
    }
    
    .nav>ul>li>.nav2 a:hover span {
        color: #fff
    }
    
    .headr.on {
        position: fixed;
        width: 100%;
        transition: 0.3s
    }
    
    .banner {
        overflow: hidden;
        width: 100%;
        position: relative;
        margin-top: -50px
    }
    
    .banner-box {
        min-width: 1400px;
        height: 880px;
        position: relative;
        margin: 0 auto
    }
    
    .banner-box .bd,
    .banner-box .bd ul {
        width: 100% !important
    }
    
    .banner-box .bd li {
        width: 100% !important;
        height: 880px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #eee;
        z-index: -1
    }
    
    .banner-box .bd li a {
        display: block;
        background-size: auto;
        width: 100%;
        height: 80%;
        position: relative;
        z-index: 9
    }
    
    .banner-btn {
        width: 100%;
        position: absolute;
        top: 320px;
        left: 0;
        margin-left: 0;
        height: 530px;
        overflow: hidden
    }
    
    .banner-btn a {
        display: block;
        width: 49px;
        height: 104px;
        position: absolute;
        top: 90px;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        transition: 0.3s all ease-in-out;
        z-index: 9
    }
    
    .banner-btn a.prev {
        left: -50px;
        background: url(https://memberpic.114my.net/hongda11120944en/uploadfile/image/20260725/20260725094747_1025959090.png) no-repeat 0 0
    }
    
    .banner-btn a.next {
        right: -50px;
        background: url(https://memberpic.114my.net/hongda11120944en/uploadfile/image/20260725/20260725094747_1025959090.png) no-repeat -49px 0
    }
    
    .banner-box .hd {
        position: absolute;
        bottom: 0px;
        width: 100%;
        display: block
    }
    
    .banner-box .hd ul {
        text-align: center
    }
    
    .banner-box .hd ul li {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        text-indent: -9999px;
        background: #fff;
        cursor: pointer;
        display: inline-block;
        margin: 0 5px;
        transition: 0.3s all ease-in-out
    }
    
    .banner-box .hd ul li.on {
        background: #02254f;
        border-radius: 50px;
        width: 40px;
        height: 18px
    }
    
    .banner-box:hover .banner-btn a.prev {
        left: 20px;
        filter: alpha(opacity=40);
        -moz-opacity: .4;
        -khtml-opacity: .4;
        opacity: .4
    }
    
    .banner-box:hover .banner-btn a.next {
        right: 20px;
        filter: alpha(opacity=40);
        -moz-opacity: .4;
        -khtml-opacity: .4;
        opacity: .4
    }
    
    .banner-box .banner-btn a.prev:hover,
    .banner-box:hover .banner-btn a.next:hover {
        filter: alpha(opacity=80);
        -moz-opacity: .8;
        -khtml-opacity: .8;
        opacity: .8
    }
    
    @-webkit-keyframes kenburns-top {
        0% {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
            -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%
        }
        100% {
            -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);
            -webkit-transform-origin: top;
            transform-origin: top
        }
    }
    
    @keyframes kenburns-top {
        0% {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
            -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%
        }
        100% {
            -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);
            -webkit-transform-origin: top;
            transform-origin: top
        }
    }
    
    @-webkit-keyframes kenburns-top1 {
        0% {
            -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);
            -webkit-transform-origin: top;
            transform-origin: top
        }
        100% {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
            -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%
        }
    }
    
    @keyframes kenburns-top1 {
        0% {
            -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);
            -webkit-transform-origin: top;
            transform-origin: top
        }
        100% {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
            -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%
        }
    }
    
    .banner-box .bd li {}
    
    #search_bg {
        width: 100%;
        margin: 0 auto;
        min-width: 1002px;
        padding: 15px 0;
        border-bottom: 1px #eee solid
    }
    
    #search_b {
        max-width: 1500px;
        margin: 0 auto;
        height: 41px
    }
    
    #search-i {
        float: left;
        width: 39px;
        height: 39px;
        padding: 1px 35px
    }
    
    #search_r {
        width: 250px;
        float: right;
        background-color: #fff;
        border-bottom: 2px #.navfd7004 solid
    }
    
    #search-bg {
        float: left;
        width: 155px;
        height: 39px;
        overflow: hidden;
        margin-left: 15px
    }
    
    #search-text {
        width: 60%;
        float: left;
        line-height: 41px;
        color: #999;
        font-size: 15px;
        font-weight: 100
    }
    
    #search-text a {
        color: #999;
        font-size: 15px
    }
    
    #search-text strong {
        font-weight: bold;
        font-size: 15px
    }
    
    #search_center img {
        width: 400px
    }
    
    #search_center #bodycontent div div+div {
        width: 400px !important;
        height: 40px !important;
        line-height: 40px !important;
        overflow: hidden
    }
    
    .bg {
        width: 100%;
        min-width: 1100px
    }
    
    .box {
        margin: 0 auto;
        max-width: 1500px;
        box-sizing: border-box
    }
    
    .prod_bg {
        padding: 0px 0 70px 0;
        background: #f8f8f8
    }
    
    .prod_list {
        height: 78px;
        line-height: 76px;
        margin-top: 0px
    }
    
    .prod_list ul {
        background: #fff;
        height: 78px;
        position: relative;
        margin-top: -1px
    }
    
    .prod_list ul.on {
        background: #02254f
    }
    
    .prod_list .list_l {
        width: 20%;
        height: 100%;
        background: #333
    }
    
    .prod_list .list_l a {
        font-size: 23px;
        color: #fff;
        text-align: center;
        display: block;
        font-weight: bold
    }
    
    .prod_list .list_r {
        width: 100%;
        padding-left: 0rem;
        background: #02254f;
        overflow: hidden
    }
    
    .prod_list .list_r a {
        font-size: 17px;
        padding-left: 5%;
        color: #fff;
        width: 20%;
        float: left
    }
    
    .prod_list .list_r a:hover {
        background: #d80004
    }
    
    .prod_list .list_r a:before {
        content: "\eb93";
        width: 10px;
        font-family: "iconfont";
        height: 17px;
        background-size: contain;
        position: relative;
        left: -10px;
        margin-left: -39px;
        top: 0rem;
        z-index: 1;
        color: #fff
    }
    
    .prod_cont {
        padding-top: 0px
    }
    
    .prod_m {
        width: 46.6%
    }
    
    .prod_m img {
        width: 100%
    }
    
    .pro_simg {
        margin-top: 0px
    }
    
    .pro_simg ul {
        display: flex;
        flex-wrap: wrap
    }
    
    .pro_simg li {
        flex-shrink: 0;
        width: 24.2%;
        position: relative;
        border: 1px solid #e9e9e9;
        margin-top: 1%
    }
    
    .pro_simg li+li {
        margin-left: 1%
    }
    
    .pro_simg li:nth-child(5) {
        margin-left: 0%
    }
    
    .pro_simg li br {
        display: none
    }
    
    .pro_simg li>a {
        background: #fff;
        display: block;
        overflow: hidden
    }
    
    .pro_simg li img {
        width: 100%;
        height: auto;
        transition: all 0.5s
    }
    
    .pro_simg li:hover img {
        transform: scale(1.05) rotate(0deg)
    }
    
    .pro_simg button {
        display: none !important
    }
    
    .pro_simg {
        overflow: hidden
    }
    
    .pro_simg li span a {
        display: block;
        font-size: 16px;
        background: #fff;
        color: #333;
        height: 60px;
        line-height: 60px;
        padding-left: 22px;
        z-index: 2;
        transition: all .5s;
        position: relative;
        transition: all 0.5s
    }
    
    .pro_simg li:hover span a {
        background: #201f1d;
        color: #fff
    }
    
    .pro_simg li span a:after {
        position: absolute;
        content: "";
        width: 3px;
        height: 15px;
        background: #02254f;
        top: 50%;
        left: 0;
        margin-top: -7.5px;
        transition: all 0.5s
    }
    
    .pro_simg li:hover span a:after {
        height: 100%;
        top: 0;
        margin-top: 0
    }
    
    .pro_simg li span a:before {
        position: absolute;
        content: "\eb93";
        font-family: "iconfont";
        width: 30px;
        height: 30px;
        background: #e9e9e9;
        border-radius: 100%;
        color: #201f1d;
        text-align: center;
        font-size: 20px;
        top: 50%;
        right: 15px;
        margin-top: -15px;
        transition: all 0.5s;
        line-height: 30px
    }
    
    .pro_simg li:hover span a:before {
        background: #02254f;
        color: #fff
    }
    
    .pro_simg li:hover span a {
        width: 100%
    }
    
    .pro_simg li>a:before,
    .pro_simg li>a:after {
        position: absolute;
        transition: all .5s
    }
    
    .pro_simg li>a:before {
        content: "\e601";
        width: 60px;
        height: 60px;
        border-radius: 100%;
        font-family: "iconfont";
        font-size: 24px;
        color: #fff;
        text-align: center;
        line-height: 60px;
        background: #02254f;
        left: 50%;
        top: 50%;
        z-index: 9;
        opacity: 0;
        margin: -30px 0 0 -30px;
        -webkit-transform: scale(5);
        -moz-transform: scale(5);
        -ms-transform: scale(5);
        -o-transform: scale(5);
        transform: scale(5);
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        -o-transition: -o-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s
    }
    
    .pro_simg li:hover>a:before {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    
    .pro_simg li>a:after {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
        opacity: 0
    }
    
    .pro_simg li>a {
        display: block;
        overflow: hidden;
        position: relative
    }
    
    .pro_simg li:hover>a:after {
        opacity: 1
    }
    
    .pro_ic button {
        display: none !important
    }
    
    .pro {
        padding: 80px 0;
        overflow: hidden;
        background: #f8f8f8
    }
    
    .pro_box {
        width: 100%;
        margin: 0 auto
    }
    
    .pro_tit {
        text-align: center
    }
    
    .pro_tit span {
        font-size: 42px;
        color: #333;
        line-height: 42px;
        position: relative;
        font-weight: bold
    }
    
    .pro_tit span:before {
        content: '';
        width: 23px;
        positx;
        height: 1px;
        background: #d8001e;
        position: absolute;
        top: 28px;
        left: -70px
    }
    
    .pro_tit span:after {
        content: '';
        width: 23px;
        height: 1px;
        background: #d8001e;
        position: absolute;
        top: 28px;
        right: -70px
    }
    
    .pro_tit p {
        font-size: 20px;
        line-height: 20px;
        padding-top: 25px;
        color: #999
    }
    
    .pro_mo {
        width: 680px;
        margin: auto;
        border: 1px #eee solid;
        height: 50px;
        overflow: hidden;
        margin-top: 50px;
        position: relative;
        z-index: 99;
        transition: all 0.3s linear;
        background: #fff
    }
    
    .pro_mo a {
        font-size: 18px;
        text-align: center;
        display: block;
        line-height: 50px
    }
    
    .pro_mo:hover {
        width: 700px;
        letter-spacing: 3px;
        background: #02254f;
        transition: all 0.3s linear
    }
    
    .pro_mo:hover a {
        color: #fff
    }
    
    .int {
        padding: 80px;
        position: relative;
        z-index: 5
    }
    
    .int:after {
        content: '';
        width: 100%;
        background: url(https://memberpic.114my.net/hongda11120944en/uploadfile/image/20260725/20260725094711_601688731.jpg)no-repeat center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1400px;
        z-index: -1
    }
    
    .int_box {
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }
    
    .int_l {
        width: 52%
    }
    
    .int_tit {
        display: flex;
        flex-direction: column
    }
    
    .int_tit b {
        font-size: 48px;
        color: #fff;
        line-height: 50px;
        position: relative;
        display: flex;
        flex-direction: column;
        font-weight: bold
    }
    
    .int_tit b:after {
        content: '';
        width: 60px;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 110px;
        left: 0
    }
    
    .int_tit b span {
        font-size: 18px;
        line-height: 20px;
        padding-top: 24px;
        font-weight: normal
    }
    
    .int_tit p {
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        padding-top: 60px
    }
    
    .int_con {
        margin-top: 60px
    }
    
    .int_con ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    
    .int_con li {
        width: 32%;
        padding: 37px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 10px;
        margin-bottom: 16px
    }
    
    .int_con li:hover {
        background: #d80004;
        border: none
    }
    
    .int_con li i {
        font-size: 32px;
        color: #fff;
        line-height: 36px;
        display: inline-block
    }
    
    .int_con li p {
        font-size: 20px;
        color: #fff;
        line-height: 20px;
        display: flex;
        flex-direction: column;
        padding-top: 10px
    }
    
    .int_con li p span {
        opacity: 0.48;
        font-size: 14px;
        line-height: 16px;
        padding-top: 10px
    }
    
    .int_pic {
        border-radius: 10px;
        width: 42%;
        padding: 57px 0 0 27px
    }
    
    .int_pic img {
        width: 100%
    }
    
    .case_box1 {
        margin: 0 auto;
        background: url(https://memberpic.114my.net/hongda11120944en/uploadfile/image/20260725/20260725094649_1534914287.jpg) center no-repeat;
        margin-top: -365px;
        position: relative;
        padding-top: 430px;
        background-repeat: no-repeat;
        background-attachment: fixed;
        padding-left: 80px;
        padding-right: 80px
    }
    
    .case {
        padding: 4%;
        overflow: hidden;
        width: 95%;
        background: #fff;
        border-radius: 10px;
        margin: 0 auto;
        position: relative;
        z-index: 55
    }
    
    .case_box {
        margin: 0 auto;
        min-width: 1100px
    }
    
    .case_con {
        background: #fff;
        padding: 50px 0px 0;
        margin-top: 0%
    }
    
    .case_con .divdgweb_new_div {
        width: 100%;
        padding-top: 36.6%;
        position: relative;
        overflow: hidden;
        height: 0
    }
    
    .case_con .news_div_item_pic {
        height: 100%
    }
    
    .case_con * {
        display: block
    }
    
    .case_con .news_div_item_image {
        width: 100%;
        height: 100%;
        transition: 0.3s
    }
    
    .case_con .divdgweb_new_div_item_content {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 54px;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
        transition: 0.3s;
        width: 100%
    }
    
    .case_con .divdgweb_new_div_item_a {
        font-size: 18px;
        line-height: 54px;
        color: #fff;
        text-align: center;
        transition: 0.3s
    }
    
    .case_con .divdgweb_new_div_item:hover .divdgweb_new_div_item_a {
        font-weight: bold
    }
    
    .case_con .divdgweb_new_div_item {
        position: absolute;
        overflow: hidden
    }
    
    .case_con .divdgweb_new_div_item:nth-child(1) {
        width: 50%;
        height: 100%;
        top: 0;
        left: 0
    }
    
    .case_con .divdgweb_new_div_item:nth-child(2) {
        width: 23.5%;
        top: 0;
        left: 51.5%
    }
    
    .case_con .divdgweb_new_div_item:nth-child(3) {
        width: 23.5%;
        bottom: 0;
        left: 51.5%
    }
    
    .case_con .divdgweb_new_div_item:nth-child(4) {
        width: 23.5%;
        top: 0;
        right: 0
    }
    
    .case_con .divdgweb_new_div_item:nth-child(5) {
        width: 23.5%;
        bottom: 0;
        right: 0
    }
    
    .case_con .divdgweb_new_div_item:hover .news_div_item_image {
        transform: scale(1.2)
    }
    
    .case_con .divdgweb_new_div_item:hover .divdgweb_new_div_item_content {
        height: 100%;
        background: rgba(2, 37, 79, 0.7);
        display: flex;
        flex-direction: column;
        justify-content: center
    }
    
    .case_con .divdgweb_new_div_item_body {
        font-size: 14px;
        line-height: 24px;
        color: #fff;
        padding: 0 6%
    }
    
    .pro_mo1 {
        padding-top: 210px
    }
    
    .ys_bg {
        margin: 0 auto 0 auto;
        width: 100%;
        height: 720px
    }
    
    .ys_bg .ys {
        margin: 0 auto
    }
    
    .ys_bg .ys .title h3 {
        color: #fff
    }
    
    .ys_bg .ys .title h3::after {
        background: #fff
    }
    
    .ys_bg .ys .title p {
        color: #fff
    }
    
    .ys_bg .ys .ys_box {
        margin: 45px auto 0 auto
    }
    
    .ys_bg .ys .ys_box .bd {
        overflow: hidden;
        margin: 0 auto;
        height: 445px;
        padding-top: 25px
    }
    
    .ys_bg .ys .ys_box .bd ul li {
        float: left;
        height: 420px;
        width: 100% !important
    }
    
    .ys_bg .ys .ys_box .bd ul li .ys_img {
        float: left;
        width: 46%;
        overflow: hidden
    }
    
    .ys_bg .ys .ys_box .bd ul li .ys_img img {
        max-width: 680px;
        height: 420px
    }
    
    .ys_bg .ys .ys_box .bd ul li .txt {
        float: right;
        margin-top: 18px;
        width: 45%
    }
    
    .ys_bg .ys .ys_box .bd ul li .txt h5 {
        margin-bottom: 30px;
        padding-left: 35px;
        color: #fff;
        font-weight: 700;
        font-size: 34px;
        line-height: 62px;
        position: relative
    }
    
    .ys_bg .ys .ys_box .bd ul li .txt p {
        color: #fff;
        font-size: 16px;
        line-height: 40px
    }
    
    .ys_bg .ys .ys_box .bd ul li .txt a {
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        display: block;
        border-radius: 30px;
        width: 200px;
        margin-top: 50px;
        text-align: center;
        background: #d80004
    }
    
    .ys_bg .ys .ys_box .bd ul li .txt span {
        display: block;
        margin-top: 40px;
        color: #fff;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 24px;
        opacity: .2
    }
    
    .ys_bg .ys .ys_box .hd {
        margin: 30px auto 0 auto;
        height: 180px
    }
    
    .ys_bg .ys .ys_box .hd ul li {
        position: relative;
        z-index: 5;
        float: left;
        width: 25%;
        height: 180px;
        text-align: center;
        padding-top: 15px
    }
    
    .ys_bg .ys .ys_box .hd ul li img {
        display: block;
        margin: 15px auto 8px auto
    }
    
    .ys_bg .ys .ys_box .hd ul li i {
        display: block;
        margin: 0 auto;
        width: 5px;
        height: 24px;
        background: url(https://memberpic.114my.net/hongda11120944en/uploadfile/image/20260725/20260725094619_1818055552.png) no-repeat center
    }
    
    .ys_bg .ys .ys_box .hd ul li h5 {
        border-top: 1px rgba(255, 255, 255, 0.3) solid;
        padding-top: 10px;
        color: #fff;
        font-size: 24px
    }
    
    .ys_bg .ys .ys_box .hd ul li h5 span {
        display: block;
        color: #fff;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        opacity: .5
    }
    
    .ys_bg .ys .ys_box .hd ul li::after {
        position: absolute;
        top: -11px;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 0;
        background: #02254f;
        content: "";
        -webkit-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out
    }
    
    .ys_bg .ys .ys_box .hd ul li.on::after {
        height: 100%
    }
    
    .ys_bg .ys .ys_box .bd ul li .txt h5:before {
        content: "";
        position: absolute;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #fff;
        opacity: 0.2;
        left: 0
    }
    
    .ys_bg .ys .ys_box .bd ul {
        width: 100% !important
    }
    
    .ys_bg .ys .ys_box .hd ul li .iconfont {
        color: #fff;
        font-size: 26px
    }
    
    .ab_bc {
        background: #f5f5f5;
        padding: 70px 0;
        position: relative
    }
    
    .ab_tit {
        text-align: center
    }
    
    .ab_tit b {
        display: inline-block;
        font-size: 42px;
        color: #fff;
        font-weight: normal;
        position: relative
    }
    
    .ab_tit b:before,
    .ab_tit b:after {
        position: absolute;
        content: "";
        width: 30px;
        height: 5px;
        background: #00923f;
        top: 21px
    }
    
    .ab_tit b:before {
        left: -60px
    }
    
    .ab_tit b:after {
        right: -60px
    }
    
    .ab_tit div {
        font-size: 24px;
        color: rgba(255, 255, 255, 0.27);
        margin-top: 14px
    }
    
    .ab_c {
        background: #fff;
        padding: 70px 50px 0 50px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1)
    }
    
    .ab_ic {
        background: #fff
    }
    
    .ab_tc {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    
    .more_btn {
        display: flex;
        align-items: center
    }
    
    .more_btn>i {
        font-size: 16px;
        color: #666
    }
    
    .more_btn>span {
        font-size: 12px;
        color: #666;
        margin-left: 10px
    }
    
    .ab_cc {
        background: url() no-repeat center;
        display: flex;
        justify-content: space-between;
        padding: 40px;
        margin-top: 5px
    }
    
    .ab_lc {
        width: 48.4%;
        padding-top: 10px
    }
    
    .ab_lc div {
        font-size: 16px;
        color: #666;
        line-height: 34px;
        padding: 33px 0 0px
    }
    
    .ab_lc a {
        display: block;
        width: 142px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border: 1px solid #00923f;
        font-size: 18px;
        color: #00923f;
        border-radius: 25px
    }
    
    .ab_lc p {
        font-size: 36px;
        font-weight: bold
    }
    
    .ab_lc span {
        color: #ccc;
        font-size: 30px;
        text-transform: uppercase;
        padding-left: 5px
    }
    
    .ab_rc {
        width: 47.5%
    }
    
    .ab_rc img {
        width: 100%
    }
    
    .cf_c {
        background: #fff;
        padding: 35px 43px 66px 43px;
        margin-bottom: 0px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px
    }
    
    .cf_img .divdgweb_new_div {
        display: flex
    }
    
    .cf_img .divdgweb_new_div_item {
        width: 25%;
        flex-shrink: 0;
        padding: 0 0.1%;
        display: flex;
        flex-direction: column-reverse
    }
    
    .cf_img .news_div_item_pic {
        overflow: hidden;
        border-radius: 0px;
        border: 1px solid #eee
    }
    
    .cf_img .news_div_item_pic a {
        display: block;
        position: relative;
        overflow: hidden
    }
    
    .cf_img .news_div_item_pic a:before,
    .cf_img .news_div_item_pic a:after {
        position: absolute
    }
    
    .cf_img .news_div_item_pic img {
        width: 100%;
        transition: all .5s;
        display: block;
        overflow: hidden
    }
    
    .cf_img .divdgweb_new_div_item .divdgweb_new_div_item_title a {
        display: block;
        font-size: 16px;
        color: #333;
        padding: 15px 0 0;
        position: relative;
        text-align: center
    }
    
    .cf_img .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a,
    .cf_img .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a:after {
        color: #02254f
    }
    
    .cf_img .divdgweb_new_div button {
        display: none !important
    }
    
    .cf_img .divdgweb_new_div_item:hover img {
        transform: scale(1.2)
    }
    
    .cf_img .news_div_item_pic a:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 55, 147, 0.6);
        bottom: -100%;
        left: 0;
        transition: all .5s;
        opacity: 0;
        border-radius: 30px;
        display: none
    }
    
    .slick-initialized .slick-slide {
        display: flex !important
    }
    
    .cf_img .divdgweb_new_div_item:hover .news_div_item_pic a:after {
        bottom: 0;
        opacity: 1
    }
    
    .cf_c>ul {
        display: flex;
        position: relative;
        top: -30px
    }
    
    .cf_c>ul>li+li {
        margin-left: 10px
    }
    
    .cf_c>ul>li {
        width: 100%
    }
    
    .cf_c>ul>li>a {
        display: block;
        width: 100%;
        height: 56px;
        border-radius: 0px;
        background: #0b0d0f;
        color: #fff;
        text-align: center;
        line-height: 56px;
        font-size: 18px
    }
    
    .cf_c>ul>li.on>a {
        background: #02254f
    }
    
    .cf_ic {
        margin-top: 14px;
        transition: all .5s;
        display: flex
    }
    
    .cf_fc {
        overflow: hidden
    }
    
    .cf_img {
        flex-shrink: 0;
        width: 100%;
        height: 0;
        visibility: hidden
    }
    
    .cf_img.on {
        height: auto;
        visibility: visible
    }
    
    .news {
        padding: 3% 4%;
        position: relative;
        background: #fff;
        z-index: 5
    }
    
    .news_bg {
        width: 100%;
        background: #fff;
        padding: 80px 0;
        overflow: hidden
    }
    
    .gy {
        max-width: 1500px;
        margin: 0 auto;
        min-width: 1100px;
        width: 100%
    }
    
    .news_t {
        text-align: left !important;
        float: left
    }
    
    .news_t dd:after {
        display: none
    }
    
    .news_t p {
        font-size: 36px;
        font-weight: normal
    }
    
    .news_t dd {
        font-size: 18px;
        color: #999;
        line-height: 30px;
        margin-top: 0px !important;
        margin-inline-start: 0px
    }
    
    .news_a {
        width: auto
    }
    
    .news_a a {
        width: 152px;
        height: 46px;
        font-size: 18px;
        color: #333;
        float: left;
        box-sizing: border-box;
        text-align: center;
        margin-left: 20px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    
    .news_a a.on {
        background: #02254f;
        color: #fff
    }
    
    .news_b {
        height: 488px;
        margin-top: 60px;
        position: relative
    }
    
    .new_tit {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    
    .new_item {
        width: 100%;
        flex-shrink: 0
    }
    
    .new_item>div {
        display: flex;
        justify-content: space-between
    }
    
    .new_lc .news_div_item {
        display: flex;
        flex-direction: column-reverse;
        width: 48.5%;
        position: relative;
        padding: 0px 0px 60px
    }
    
    .new_lc .news_div_item:hover img {
        transform: scale(1.1)
    }
    
    .new_lc .news_div {
        display: flex;
        justify-content: space-between
    }
    
    .new_lc {
        width: 68%
    }
    
    .new_rc {
        width: 30%
    }
    
    img.news_div_item_image {
        width: 100%;
        transition: 0.5s
    }
    
    .new_rc .news_div_item_pic,
    .new_rc .news_div_item_date {
        display: none
    }
    
    .new_ic {
        margin-top: 50px;
        position: relative;
        overflow: hidden
    }
    
    .new_ic>div {
        display: flex;
        transition: 0.5s
    }
    
    .new_lc a.news_div_item_a {
        font-size: 18px;
        color: #333;
        position: relative;
        display: block;
        margin-top: 20px
    }
    
    .new_lc .news_div_item_body {
        font-size: 14px;
        color: #999;
        line-height: 26px;
        margin-top: 40px;
        height: 52px;
        overflow: hidden
    }
    
    .new_lc .news_div_item_date {
        display: flex;
        position: absolute;
        bottom: 129px;
        left: 0px
    }
    
    .new_lc .news_div_item_date>div {
        font-size: 12px;
        color: #999
    }
    
    .new_lc .news_div_item_pic {
        border: 1px solid #eee
    }
    
    .new_lc .news_div_item_pic a {
        overflow: hidden;
        display: block
    }
    
    .new_lc .news_div_item_a:after {
        position: absolute;
        content: "read more +";
        font-size: 14px;
        color: rgb(34, 34, 34);
        bottom: -126px;
        left: 0
    }
    
    .new_rc .news_div_item {
        background: #fff;
        padding: 26px 32px;
        position: relative
    }
    
    .new_rc .news_div_item:nth-child(n+3):after {
        content: "";
        display: block;
        width: 0;
        height: 6px;
        background: #02254f;
        transition: 0.3s all ease-in-out;
        position: absolute;
        bottom: 0;
        left: 0
    }
    
    .new_rc .news_div_item:nth-child(n+3):hover::after {
        width: 100%
    }
    
    .new_rc .news_div_item:nth-child(-n+2) {
        display: none
    }
    
    .new_rc .news_div_item:nth-child(n+4) {
        margin-top: 23px
    }
    
    .new_rc a.news_div_item_a {
        font-size: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
    
    .new_rc .news_div_item_body {
        font-size: 15px;
        color: #999;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-top: 15px;
        line-height: 24px
    }
    
    .xad {
        height: 300px;
        background: url(https://memberpic.114my.net/hongda11120944en/uploadfile/image/20260725/20260725094552_359133566.jpg) no-repeat center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        padding: 0 80px
    }
    
    .dfsv {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: space-between
    }
    
    .xad .gy {
        height: 100%
    }
    
    .xad_l {
        height: 100%;
        width: 50%;
        position: relative
    }
    
    .xad_l:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 0px;
        bottom: 31%;
        border: 1px dashed rgb(255 255 255 / 0.3);
        overflow: hidden
    }
    
    .xad_l ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 100%
    }
    
    .xad_l li {
        transition: all 0.5s;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column
    }
    
    .xad_l li:after {
        position: absolute;
        content: '';
        bottom: 30%;
        border-radius: 100%;
        width: 8px;
        height: 8px;
        background: #fff
    }
    
    .xad_l li i {
        display: flex;
        font-size: 40px;
        color: #fff;
        align-items: center;
        justify-content: center;
        margin-bottom: 0px
    }
    
    .xad_l li:first-child i:nth-child(1) {
        font-size: 41px
    }
    
    .xad_l li:first-child i {
        font-size: 50px;
        margin-bottom: 0;
        line-height: 56px
    }
    
    .xad_l li:hover i {
        animation-duration: 2s;
        animation-name: flipInY
    }
    
    .xad_l li:hover {
        transform: translateY(-5px)
    }
    
    .xad_l li:hover:after {
        background: #d80004
    }
    
    .xad_l li b {
        display: block;
        color: #fff;
        text-align: center
    }
    
    .xad_r {}
    
    .xad_r_r {
        width: 200px;
        height: 41px;
        background: #fff;
        border-radius: 21px;
        padding: 0 20px;
        font-size: 16px;
        color: #333;
        line-height: 41px;
        transition: all 0.5s
    }
    
    .xad_r_r a {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    
    .xad_r_r:hover {
        transform: translateY(-5px)
    }
    
    .xad_r_r em {
        width: 28px;
        height: 28px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #d80004;
        color: #fff
    }
    
    .xad_r_l {
        margin-right: 40px
    }
    
    .xad_r_l p {
        display: flex;
        align-items: center;
        justify-content: center
    }
    
    .xad_r_l p+p {
        margin-top: 15px
    }
    
    .xad_r_l p:hover i {
        animation-duration: 2s;
        animation-name: flipInY
    }
    
    .xad_r_l i {
        display: flex;
        width: 32px;
        height: 32px;
        align-items: center;
        justify-content: center;
        background: #d80004;
        border-radius: 100%;
        color: #fff
    }
    
    .xad_r_l em {
        display: block;
        font-size: 26px;
        color: #fff;
        line-height: 26px;
        font-weight: bold;
        margin-left: 8px;
        font-family: din;
        font-weight: normal
    }
    
    .f_con {
        padding: 0 60px;
        padding-top: 60px;
        height: 350px;
        background: #111
    }
    
    .f_menu {
        width: 86%
    }
    
    .f_menu>p {
        margin-bottom: 33px;
        padding-bottom: 40px;
        height: 16px;
        border-bottom: 1px solid rgba(106, 106, 106, .3)
    }
    
    .f_menu>p>strong {
        float: left;
        display: block;
        width: 90px;
        color: #fff;
        font-size: 15px;
        line-height: 16px
    }
    
    .f_menu>p>strong a {
        color: #fff;
        font-size: 15px
    }
    
    .f_menu>p>span {
        float: left;
        display: block;
        color: #666;
        font-size: 15px;
        line-height: 16px
    }
    
    .f_menu>p>span>a {
        position: relative;
        float: left;
        display: block;
        margin-right: 21px;
        padding-right: 22px;
        color: #666;
        font-size: 15px;
        line-height: 16px;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }
    
    .f_menu>p>span>a:after {
        position: absolute;
        top: 1px;
        right: 0;
        width: 1px;
        height: 15px;
        background: #666;
        content: ""
    }
    
    .f_menu>p>span>a:hover {
        color: #fff
    }
    
    .f_menu>p>span>a:last-child {
        margin-right: 0;
        padding-right: 0
    }
    
    .f_menu>p>span>a:last-child:after {
        display: none
    }
    
    .f_menu p a {
        color: #666;
        font-size: 15px
    }
    
    .f_info {
        clear: both;
        padding-top: 15px;
        color: #b1b1b1;
        font-size: 15px;
        line-height: 16px
    }
    
    .f_info a {
        color: #b1b1b1;
        font-size: 15px
    }
    
    .f_info span {
        float: left;
        display: block
    }
    
    .f_info span:nth-child(2) {
        margin: 0 26px 0 10px
    }
    
    .f_info span:last-child {
        margin-left: 18px
    }
    
    .f_qr {
        width: 146px
    }
    
    .f_qr img {
        display: block;
        margin: 0 auto;
        width: 146px;
        height: 146px
    }
    
    .f_qr span {
        display: block;
        border-bottom: 2px solid rgba(255, 255, 255, .26);
        color: #6a6a6a;
        text-align: center;
        font-size: 18px;
        line-height: 42px
    }
    
    .clearfix:after {
        clear: both;
        display: block;
        visibility: hidden;
        height: 0;
        content: "."
    }
    
    .links {
        font-size: 15px;
        height: 86px;
        color: #b1b1b1;
        line-height: 18px;
        background: #111;
        border-top: 1px solid rgba(106, 106, 106, 0.3);
        padding: 0 60px
    }
    
    .links .content {
        position: relative
    }
    
    .links .content h3 {
        width: 115px;
        height: 115px;
        right: 0px;
        top: -60px;
        position: absolute;
        z-index: 2
    }
    
    .links p {
        width: 100px;
        float: left;
        line-height: 85px
    }
    
    .links p a {
        color: #b1b1b1;
        margin-right: 30px;
        transition: 0.3s ease;
        -o-transition: 0.3s ease
    }
    
    .links a:hover {
        color: #fff
    }
    
    .linkTagcs li a {
        line-height: 85px;
        font-size: 14px
    }
    
    .linkTagcs li+li {
        margin-left: 25px
    }
    
    .power_box {
        width: 100%;
        background: #fbfbfb url(https://memberpic.114my.net/hongda11120944en/uploadfile/image/20260725/20260725094523_1447614251.png) center bottom no-repeat;
        padding: 80px
    }
    
    .power_t {
        width: 100%;
        max-width: 1200px;
        min-width: 1100px;
        margin: 0 auto;
        line-height: 32px;
        text-align: center;
        padding: 25px 0px 65px;
        font-size: 16px
    }
    
    .zz {
        width: 100%;
        margin: 15px auto 0px;
        max-width: 1200px;
        min-width: 1100px
    }
    
    .zz .m_zz ul {
        width: 100%;
        height: 190px;
        position: relative;
        display: flex;
        justify-content: space-between
    }
    
    .zz .m_zz li {
        height: 190px;
        box-sizing: border-box;
        overflow: hidden;
        float: left;
        text-align: center;
        position: relative;
        padding-top: 20px
    }
    
    .zz .m_zz li em {
        display: block;
        position: relative
    }
    
    .zz .m_zz li em b {
        font-size: 60px;
        color: #333;
        font-family: "Impact", "Arial";
        font-weight: normal;
        padding-top: 10px;
        font-style: normal
    }
    
    .zz .m_zz li em i {
        font-size: 20px;
        color: #333;
        text-align: center;
        line-height: 28px;
        display: block;
        border-radius: 50px;
        display: inline-block;
        margin-left: 10px
    }
    
    .zz .m_zz .zz1 {}
    
    .zz .m_zz .zz1 h3 {
        font-size: 18px;
        color: #333;
        text-align: center;
        letter-spacing: 0px;
        line-height: 30px;
        font-weight: 80
    }
    
    .zz .m_zz .zz1 p {
        text-align: center;
        line-height: 20px;
        height: 40px;
        box-sizing: border-box;
        font-size: 15px;
        color: #333;
        display: block;
        white-space: nowrap;
        width: 350px;
        float: left;
        padding-top: 6px
    }
    
    #company_more {
        padding-top: 50px;
    }
    
    #company_more a {
        width: 340px;
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        background: #d80004 url(https://memberpic.114my.net/hongda11120944en/uploadfile/image/20260725/20260725094437_1900991887.png)top 20px right 60px no-repeat;
        margin-left: 1px;
        color: #fff;
        transition: all 0.6s;
        padding: 0px 60px;
        border-radius: 50px;
        margin: 0 auto
    }
    
    #company_more a:hover {
        background: #333 url(https://memberpic.114my.net/hongda11120944en/uploadfile/image/20260725/20260725094437_1940996032.png)top 20px right 37px no-repeat;
        transition: all 0.2s;
        color: #fff;
        border-radius: 50px;
        width: 400px
    }
    
    #company_more .r {
        background: #eee;
        color: #333
    }
    
    #company_more .r a {
        color: #333
    }
    
    .t {
        font-weight: normal;
        text-align: center;
        margin-bottom: 40px
    }
    
    .t p {
        font-size: 40px;
        font-weight: bold;
        color: #222
    }
    
    .t dd {
        font-size: 18px;
        margin-top: 10px
    }
    
    .t span {
        width: 156px;
        height: 11px;
        display: inline-block;
        background: url(https://memberpic.114my.net/hongda11120944en/uploadfile/image/20260725/20260725094355_252579888.png)no-repeat center;
        margin-top: 20px
    }
    
    .logo img {
        width: 55px
    }
    
    @media screen and (max-width:1690px) {
        .headr {
            width: 98%;
            padding: 0 2vw
        }
    }
    
    @media screen and (max-width:1600px) {
        .nav>ul>li {
            padding: 0px 1vw
        }
    }
    
    @media screen and (max-width:1420px) {
        .headr {
            width: 100%;
            padding: 0 1vw
        }
    }
    
    @media screen and (max-width:1360px) {
        #search_bg {
            padding: 15px 4vw
        }
    }

.dfss img{margin-right: 10px;}