/*标签样式初始化*/
    
    div,
    ul,
    li,
    span,
    p,
    img,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    dl,
    dt,
    dd,
    i,
    em {
        margin: 0px;
        padding: 0px;
        list-style: none;
        border: 0px;
        font-style: normal;
    }
    
    .dfs {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    /*公共样式部分*/
    
    body {
        color: #666;
        margin: 0 auto;
        background-color: #fff;
font-family: 'Hos';
        overflow-x: hidden;
    }
    
    #copy {
        display: none;
    }
    
    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    a {
        color: #666;
        text-decoration: none;
    }
    
    a:hover {
        color: #c51716;
        text-decoration: none;
        border-bottom-style:
    }
    
    .box {
        margin: 0 auto;
        max-width: 1500px;
        min-width: 1400px;
        box-sizing: border-box;
    }
    
    .page {
        width: 1400px;
        min-width: 1400px;
        margin: 0 auto;
    }
    
    .bg {
        width: 100%;
        min-width: 1400px;
        position: relative;
    }
    
    .fl {
        float: left;
    }
    
    .fr {
        float: right;
    }
    /*左右浮动清除*/
    
    .clear {
        clear: both;
        height: 0px;
        overflow: hidden;
    }
    /*间隙*/
    
    .top10 {
        padding-top: 10px;
    }
    
    .top20 {
        padding-top: 20px;
    }
    
    .top30 {
        padding-top: 30px;
    }
    
    .top40 {
        padding-top: 40px;
    }
    
    .top50 {
        padding-top: 50px;
    }
    
    .top60 {
        padding-top: 60px;
    }
    
    .top70 {
        padding-top: 70px;
    }
    
    .top80 {
        padding-top: 80px;
    }
    
    .top90 {
        padding-top: 90px;
    }
    
    .top100 {
        padding-top: 100px;
    }
    /*英文样式*/
    /* fonts */
    
    @font-face {
        font-family: 'srm';
        src: url('//memberpic.114my.com.cn/jilida168/cssnew/srm.otf.txt');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Hos';
        src: url(https://memberpic.114my.com.cn/jilida168/cssnew/Hos.ttf.txt);
    }
    
    @font-face {
        font-family: "yw";
        src: url("//memberpic.114my.com.cn/jilida168/cssnew/yuwei.woff2.txt") format("woff2"), url("//memberpic.114my.com.cn/jilida168/cssnew/yuwei.woff.txt") format("woff"), url("//memberpic.114my.com.cn/jilida168/cssnew/yuwei.ttf.txt") format("truetype"), url("//memberpic.114my.com.cn/jilida168/cssnew/yuwei.eot.txt") format("embedded-opentype"), url("//memberpic.114my.com.cn/jilida168/cssnew/yuwei.svg.txt") format("svg");
    }
    
    @font-face {
        font-family: 'iconfont';
        /* Project id 4614430 */
        src: url('//at.alicdn.com/t/c/font_4614430_8ctw0pmh7db.woff2?t=17206592349867') format('woff2'), url('//at.alicdn.com/t/c/font_4614430_8ctw0pmh7db.woff?t=17206592349867') format('woff'), url('//at.alicdn.com/t/c/font_4614430_8ctw0pmh7db.ttf?t=17206592349867') format('truetype');
    }
    
    @font-face {
        font-family: 'iconfont';
        /* Project id 4663731 */
        src: url('//at.alicdn.com/t/c/font_4663731_eu52qh97ttl.woff2?t=1724643293238') format('woff2'), url('//at.alicdn.com/t/c/font_4663731_eu52qh97ttl.woff?t=1724643293238') format('woff'), url('//at.alicdn.com/t/c/font_4663731_eu52qh97ttl.ttf?t=1724643293238') 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;
    }
    
    
    .font_en {
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-weight: normal;
    }
    
    .en {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
    }
    
    .title {
        text-align: center;
        margin-top: 60px;
    }
    
    .title>b {
        display: block;
        font-size: 66px;
        text-transform: uppercase;
        color: #f1f1f1;
        font-family: din;
    }
    
    .title>i {
        font-size: 36px;
        position: relative;
        padding-bottom: 20px;
        margin-top: -62px;
        display: block;
    }
    
    .title>em {
        font-size: 17px;
        color: #999;
        display: block;
    }
    
    .title i:after {
        content: '';
        position: absolute;
        bottom: 0px;
        background: #7baf28;
        height: 1px;
        width: 73px;
        animation: turn 2s linear infinite;
        margin: 0 auto;
        left: 48%;
    }
    
    .w1500 {
        max-width: 1500px;
        min-width: 1200px;
        width: 100%;
        margin: 0 auto;
    }
    
    .dfs {
        display: flex;
        justify-content: space-between;
    }
    /*head*/
    
    .head {
        z-index: 55;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
    
    .head_box {
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        height: 100px;
        align-items: center;
    }
    
    .head_logo {
        display: flex;
        align-items: center;
    }
    
    .head_logo i {
        font-size: 15px;
        color: #666;
    }
    
    .head_logo p {
        font-size: 14px;
        line-height: 18px;
        padding-left: 20px;
        color: #fff;
    }
    
    .head_logo p b {
        font-size: 28px;
        line-height: 36px;
        padding: 0 9px 8px 0;
        color: #333;
    }
    
    .head_con {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 60%;
        position: relative;
    }
    
    .head_nav {
        display: flex;
        align-items: center;
        position: relative;
        width: 80%;
    }
    
    .head_nav>ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 90%;
    }
    
    .head_nav>ul>li {
        padding: 0 0px;
    }
    
    .head_nav>ul>li>a:before {
        content: '';
        width: 100%;
        height: 3px;
        background: #7baf28;
        position: absolute;
        left: 0;
        bottom: 0px;
        opacity: 0;
        transform: scaleX(0);
        transition: 0.5s;
        border-radius: 7px;
        z-index: -1;
    }
    
    .head_nav>ul>li:hover>a:before,
    .head_nav>ul>li.cur>a:before {
        opacity: 1;
        transform: scaleX(1);
        transition: 0.5s;
    }
    
    .head_nav>ul>li>a {
        font-size: 18px;
        position: relative;
        height: 100px;
        color: #333;
        display: block;
        text-align: center;
        line-height: 100px;
    }
    
    .head_nav li a i {
        color: #999;
        font-size: 12px;
        text-transform: uppercase;
        padding: 5px 0 0;
    }
    
    .head_nav>ul>li>a:after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        left: 4px;
        top: -28px;
        background: #f8f8f8;
        border-radius: 50%;
        overflow: hidden;
        transition: 0.5s;
        opacity: 0;
        z-index: -2;
        transform: scaleX(0);
        padding: 46%;
        display: none;
    }
    
    .head_nav>ul>li:hover a:after,
    .head_nav>ul>li.cur a:after {
        opacity: 1;
        transform: scaleX(1);
    }
    
    .head_nav>ul>li:hover>dl {
        opacity: 1;
        visibility: visible;
        top: 102%;
    }
    
    .head_nav>ul>li>dl {
        position: absolute;
        width: 100%;
        display: block;
        z-index: 100;
        background: #fff;
        left: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s;
        top: 155px;
        padding: 70px;
    }
    
    .nav>ul>li>dl>dd {
        display: block;
        overflow: hidden;
        margin: auto;
    }
    
    .xl_bt {
        width: 100%;
        border-bottom: 1px #eee solid;
        padding-bottom: 40px;
        overflow: hidden;
    }
    
    .xl_bt p {
        font-size: 26px;
        color: #333;
        float: left;
        line-height: 30px;
    }
    
    .xl_bt a {
        width: 120px;
        height: 30px;
        background: #7baf28;
        text-align: center;
        color: #fff;
        font-size: 14px;
        display: block;
        float: right;
        line-height: 30px;
        border-radius: 60px;
    }
    
    .fl_box {
        width: 100%;
        overflow: hidden;
    }
    
    .fl_box li {
        float: left;
        margin-top: 25px;
    }
    
    .fl_box li+li {}
    
    .fl_box li a {
        font-size: 17px;
        color: #666;
        position: relative;
        padding-left: 20px;
        text-align: left;
        line-height: 20px;
        display: block;
        border: 1px #eee solid;
        text-align: center !important;
        padding: 10px;
    }
    
    .fl_box li a:hover {
        color: #7baf28;
    }
    
    .fl_box li a:before {
        content: "";
        width: 10px;
        height: 10px;
        border: 1px #949494 solid;
        display: inline-block;
        margin-right: 10px;
        border-radius: 50%;
    }
    
    .fl_box li a:hover:before {
        border-color: #7baf28;
    }
    
    .fl_box li dt {
    margin-top: 5px;
    width: 20%;
}
    
    .fl_box li dt a {
        font-size: 15px;
        color: #999;
    }
    
    .fl_box li dt a:before {
        border-color: #a9a9a9;
    }
    
    .re {
        width: 100%;
        overflow: hideen;
        margin-top: 30px;
    }
    
    .re .rbt {
        font-size: 24px;
        color: #333;
        float: left;
        border-left: 5px #00 solid;
        border-left: 5px #81bf1f solid;
        padding-left: 10px;
        margin-bottom: 30px;
    }
    
    .re .t_box {
        width: 100%;
        overflow: hidden;
    }
    
    .t_box>.progdwz2021 li {
        float: left;
        width: calc((100% - 30px)/4);
        border-radius: 15px;
    }
    
    .t_box>.progdwz2021 li img {
        width: 100%;
        height: auto;
        border: 1px #eee solid;
    }
    
    .t_box>.progdwz2021 li+li {
        margin-left: 10px;
    }
    
    .t_box>.progdwz2021 li a {
        line-height: 40px;
    }
    
    .t_box>.progdwz2021 li span {
        display: block;
        text-align: center;
    }
    
    .re .t_box>.news_div>.news_div_item {
        float: left;
        width: calc((100% - 20px)/2);
        text-align: left;
        border: 1px #eee solid;
        margin-bottom: 20px;
        box-shadow: 0 0 5px #eee;
        padding: 20px;
    }
    
    .re .t_box>.news_div>.news_div_item+.news_div_item {
        margin-left: 20px;
    }
    
    .re .t_box>.news_div>.news_div_item:nth-child(3) {
        margin-left: 0;
    }
    
    .re .t_box .news_div_item_a {
        font-size: 16px;
        line-height: 35px;
        color: #7baf28;
        font-weight: bold;
    }
    
    .re .t_box .news_div_item_body {
        font-size: 14px;
        line-height: 23px;
        color: #666;
    }
    
    head_nav .news_div_item_date {
        display: flex;
    }
    
    head_nav .news_div_item_year,
    .news_div_item_month,
    .news_div_item_day {
        color: #666;
        font-size: 16px;
        line-height: 20px;
    }
    
    .nav>ul>li:hover>dl {
        opacity: 1;
        visibility: visible;
        top: 98%;
    }
    
    .com_bo {
        width: 100%;
        color: #666;
        line-height: 25px;
        overflow: hidden;
        text-align: left;
    }
    
    .fl_box ul {
        display: flex;
        flex-flow: wrap;
justify-content: space-evenly;
    }
    
    .fl_box li a {
        font-size: 17px;
        color: #666;
        position: relative;
        line-height: 20px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .fl_box li dl {
        display: flex;
    flex-wrap: wrap;
    }
    
    .head_r {
        position: relative;
    }
    
    .head_r:before {
        content: '';
        width: 1px;
        height: 100px;
        background: rgba(255, 255, 255, 0.2);
        position: absolute;
        top: -35px;
        left: -36px;
        display: none;
    }
    
    .head_r>ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .head_r>ul>li {}
    
    .head_r>ul>li i {
        font-size: 16px;
        line-height: 20px;
        position: relative;
        border: 1px solid #999;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #999;
        margin-right: 15px;
    }
    
    .head_r>ul>li i:after {
        content: '';
        width: 100%;
        height: 74px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .head_r>ul>li p {
        width: 250px;
        background: #ffffff;
        transform: rotateX(90deg);
        position: absolute;
        right: 0;
        transition: all 0.5s;
        font-size: 16px;
        padding: 16px 24px;
        z-index: 99;
        text-align: left;
        color: #333;
        top: 67px;
        transform-origin: top;
    }
    
    .head_r>ul>li p span {
        font-size: 20px;
        display: block;
        color: #333;
        font-family: Arial;
        padding-top: 6px;
    }
    
    .head_r>ul>li:hover p {
        transform: rotateX(0);
        transition: all 0.5s;
    }
    
    .head_r>ul>li a {
        font-size: 14px;
        color: #666;
    }
    
    .head_r>ul>li:hover .tit_sel {
        transform: rotateX(0);
        transition: all 0.5s;
    }
    
    .tit_sel {
        background: rgba(51, 51, 51, 0.7);
        transform: rotateX(90deg);
        position: absolute;
        right: 0;
        transition: all 0.5s;
        font-size: 16px;
        padding: 34px;
        z-index: 99;
        top: 66px;
        transform-origin: top;
    }
    
    .tit_sel span {
        font-size: 24px;
        display: block;
        color: #152682;
        font-family: Arial;
    }
    
    .tit_icon:hover .tit_sel {
        transform: rotateX(0);
        transition: all 0.5s;
    }
    
    #search-i {
        float: left;
        width: 30px;
        height: 33px;
        overflow: hidden;
        margin-top: 20px;
        box-sizing: border-box;
        padding-top: 7px;
        border: 1px solid #dddddd;
        border-left: none;
    }
    
    #search-bg {
        float: left;
        width: 500px;
        height: 33px;
        overflow: hidden;
        padding-left: 14px;
        margin-top: 20px;
        box-sizing: border-box;
        border: 1px solid #dddddd;
        border-right: none;
        text-align: left;
        line-height: 30px;
    }
    
    .search-text {
        font-size: 14px;
        color: #999999;
        justify-content: center;
        align-items: center;
    }
    
    .search-text a {
        font-size: 14px;
        color: #fff !important;
    }
    
    .search-text a:hover {
        font-size: 14px;
        color: #ffffff;
    }
    
    .search-text span {
        float: left;
        color: #ffffff;
        font-size: 14px;
    }
    
    #infoname {
        border: none;
        background: none;
        outline: none;
    }
    
    .search_name {
        float: left;
        font-size: 22px;
        color: #ffffff;
        line-height: 32px;
        position: relative;
        z-index: 5;
        padding: 15px 0;
        width: 264px;
        height: 96px;
        background: #cb0303;
        text-align: center;
    }
    
    .search_name:after {
        content: "";
        width: 0px;
        height: 0px;
        border-top: 7px solid #005299;
        border-right: 7px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 7px solid #005299;
        position: absolute;
        top: 81px;
        right: -13px;
        transition: 0.5s all ease-in-out;
    }
    
    .form {
        justify-content: center;
        display: flex;
    }
    
    .head_right {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 72%;
    }
    
    @media screen and (max-width: 1600px) {
        .head_nav {
            width: 80%;
        }
        .head_r {
            width: 18%;
        }
    }
    
    .index_main .section1 .index_banner .item .inner .block_txt4 {
        margin-top: 120px;
        left: 35%;
    }
    
    .index_main .section1 .index_banner .item .inner .block_txt3 {
        top: -100px;
    }
    
    .index_main .section1 {
        position: relative;
        width: 100%;
        min-width: 1400px;
        height: 1000px;
        overflow: hidden;
    }
    
    .ab_bc:before {
        content: '';
        width: 42%;
        height: 6px;
        background: #7baf28;
        position: absolute;
        left: 0px;
        top: 914px;
        z-index: 999;
    }
    
    .head_r>ul>p {
        width: 60px;
        height: 30px;
        background: #7baf28;
        border-radius: 24px;
        display: flex;
        align-items: center;
        color: #fff;
    }
    
    .head_r>ul>p>a {
        color: #fff;
    }
    
    .head_r>ul>p>a:first-child {
        color: #fff;
        width: 60px;
        height: 30px;
        line-height: 30px;
        background: #333;
        border-radius: 24px;
        text-align: center;
    }
    
    .head_logo p em {
        color: #fff;
        font-size: 22px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
    }
    
    .head_logo>i {
        display: block;
    }
    
    .head_logo>i img {
        margin-right: 0px;
        height: 73px;
    }
    
    .mol_nav {}
    
    .mol_nav ul {
        display: flex;
        justify-content: space-between;
        height: 150px;
    }
    
    .mol_nav li {
        display: flex;
        justify-content: center;
        padding-left: 6%;
        flex-direction: column;
        width: 50%;
        transition: 0.5s;
        background: #fff;
        position: relative;
        box-shadow: 0px 5px 10px #eee;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }
    
    .mol_nav li i {
        font-size: 40px;
        line-height: 40px;
    }
    
    .mol_nav li:after {
        content: '';
        width: 3px;
        height: 0px;
        background: #7baf28;
        position: absolute;
        bottom: -18px;
        left: 50%;
        transition: 0.5s;
    }
    
    .mol_nav li.on:after {
        height: 40px;
    }
    
    .mol_nav li.on {
        background: #7baf28;
    }
    
    .mol_nav li.on span {
        color: #fff;
    }
    
    .mol_nav li.on p {
        color: rgba(255, 255, 255, 0.5);
    }
    
    .mol_nav li.on i {
        color: #fff;
    }
    
    .mol_nav li span {
        font-size: 20px;
        color: #333;
        display: flex;
        opacity: 1;
        line-height: 30px;
    }
    
    .mol_nav li p {
        font-size: 15px;
        line-height: 18px;
        padding: 0px 0 0;
        color: #999;
        padding-left: 3%;
        display: block;
        width: 80%;
    }
    /*about*/
    
    .about {
        position: relative;
        padding: 120px 0 0;
    }
    
    .about:after {
        content: '';
        background: url(https://memberpic.114my.com.cn/csdgcw/uploadfile/image/20241107/20241107110505_862283365.jpg)no-repeat right;
        width: 49.22%;
        height: 620px;
        position: absolute;
        right: 0;
        top: 11%;
        z-index: -1;
    }
    
    .about_box {
        margin: 0 auto;
    }
    
    .about_con {
        display: inline-block;
        /* padding-top: 160px; */
        width: 42%;
    }
    
    .about_con p {
        font-size: 40px;
        text-transform: uppercase;
        color: #eee;
        line-height: 40px;
    }
    
    .about_con p b {
        color: #006fb9;
        font-weight: bold;
        background-image: linear-gradient(to right, #7baf28 0, #7baf28 100%);
        -webkit-background-clip: text;
        color: transparent;
    }
    
    .about_con em {
        display: flex;
        flex-direction: column;
        font-size: 32px;
        padding-top: 10px;
    }
    
    .about_con em span {
        font-size: 15px;
        line-height: 30px;
        padding-top: 45px;
    }
    
    .about_con a {
        width: 164px;
        height: 44px;
        border: 1px solid #eee;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #666;
        margin-top: 30px;
    }
    
    @media screen and (max-width: 1920px) and (min-width: 1500px) .box1 {
        max-width: 1500px;
    }
    
    .box1 {
        max-width: 1500px;
    }
    
    .ab_b {
        margin-top: 30px;
        padding: 30px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 66%;
        background: #7baf28;
    }
    
    .ab_b ul {
        width: 80%;
        display: flex;
        justify-content: space-between;
        margin-left: 10%;
    }
    
    .ab_b li i {
        font-size: 40px;
        color: #fff;
        display: inline-block;
        font-family: Arial;
    }
    
    .ab_b ul p {}
    
    .ab_b li span {
        display: inline-block;
        font-size: 15px;
        color: #fff;
        margin-left: 5px;
    }
    
    .ab_b li em {
        font-size: 16px;
        margin-top: 20px;
        color: #fff;
    }
    
    .ab_b ul li {
        text-align: center;
    }
    
    .ab_b>p {
        width: 49%;
        font-size: 138px;
        text-transform: uppercase;
        color: #eee;
        font-weight: bold;
        letter-spacing: 25px;
        text-align: right;
        font-family: Arial;
        font-weight: 800;
    }
    /*sj*/
    
    .pro_sub {
        position: relative;
    }
    
    .pro_sub:before {
        content: '';
        width: 60px;
        height: 3px;
        background: #7baf28;
        position: absolute;
        bottom: -24px;
        left: 0%;
    }
    
    .pro_sub p {
        font-size: 40px;
        font-family: din;
        text-transform: uppercase;
        flex-direction: column;
        line-height: 40px;
    }
    
    .pro_sub p span {
        font-size: 28px;
        display: block;
        color: #999;
        letter-spacing: 6px;
        line-height: 30px;
        padding-top: 13px;
    }
    
    .pro_sub a:before {
        content: '';
        width: 100px;
        height: 23px;
        background: url(https://memberpic.114my.com.cn/csdgcw/uploadfile/image/20240614/20240614152637_1718546885.png) right no-repeat;
        position: absolute;
        bottom: 27px;
        left: 29%;
    }
    
    .pro_sub a {
        float: right;
        color: #999;
        position: relative;
        margin-top: -40px;
        font-size: 16px;
    }
    
    .ap_bc {
        padding: 80px 0 150px 0;
        background: url(https://memberpic.114my.com.cn/csdgcw/uploadfile/image/20240613/20240613172641_300680186.jpg) bottom center no-repeat;
        margin-top: 110px;
    }
    
    .ap_ic {
        display: flex;
        position: relative;
        margin-top: 60px;
    }
    
    .ap_rc {
        position: absolute;
        right: 0;
        top: 0;
        width: 69%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    
    .ap_lc {
        width: 50%;
        position: relative;
    }
    
    .ap_lc img {
        width: 100%;
        transition: all 1s;
    }
    
    .ap_lc>a {
        display: block;
        overflow: hidden;
    }
    
    .ap_lc:hover img {
        transform: scale(1.1);
    }
    
    .ap_lc>a i {
        position: absolute;
        bottom: 26px;
        left: 30px;
        color: #fff;
        font-size: 16px;
        display: flex;
        align-items: center;
    }
    
    .ap_lc>a i span {
        color: #fff;
        font-size: 22px;
        margin-left: 6px;
        transition: all .5s;
        font-family: "iconfont";
    }
    
    .ap_rc .new_web_div2021 {
        width: 100%;
    }
    
    .ap_rc ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background: #f9f9f9;
        padding: 24px;
    }
    
    .ap_rc img {
        width: 100%;
        height: auto;
    }
    
    .ap_rc li {
        width: 49%;
        position: relative;
        overflow: hidden;
    }
    
    .ap_rc li>a {
        display: block;
        position: relative;
    }
    
    .ap_rc li p a {
        display: block;
        position: absolute;
        bottom: 28px;
        left: 32px;
        color: #fff;
        font-size: 16px;
    }
    
    .ap_rc li p a:after {
        content: "\eb8d";
        font-family: "iconfont";
        font-size: 22px;
        position: absolute;
        top: 0;
        right: -30px;
        transition: all .5s;
    }
    
    .ap_rc li:nth-child(n+3) {
        margin-top: 20px;
    }
    
    .ap_rc li>a:after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        background: url(https://memberpic.114my.com.cn/csdgcw/uploadfile/image/20240614/20240614152616_1747903558.png) no-repeat left bottom;
        width: 100%;
        height: 100%;
    }
    
    .ap_rc li>a:before {
        content: '';
        cursor: pointer;
        position: absolute;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
        background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
        transform: skewx(-25deg);
    }
    
    .ap_rc li:hover>a:before {
        left: 100%;
        transition: 0.2s;
    }
    
    .ap_rc li:hover p a:after {
        transform: translateX(5px);
    }
    
    .ap_lc:hover>a i span {
        transform: translateX(5px);
    }
    
    a.ap_btn {
        font-size: 16px;
        color: #fff;
        display: flex;
        width: 190px;
        height: 54px;
        line-height: 54px;
        background: #7baf28;
        border-radius: 30px;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        margin-top: 50px;
    }
    
    a.ap_btn span {
        color: #fff;
        font-size: 30px;
        transform: rotate(-90deg);
        margin-left: 14px;
    }
    /*products*/
    
    .pro_bc {
        background: linear-gradient(120deg, #7baf28 10%, #81bf1f 80%);
        display: flex;
        margin-top: 48px;
        padding: 0 0 0px;
    }
    
    .pro_l {
        width: 28.5%;
        padding-top: 6.5%;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        padding-bottom: 3.5%;
    }
    
    .pro_r {
        width: 71.5%;
        background: #fff;
        overflow: hidden;
    }
    
    .pro_ca>i {
        font-size: 26px;
        color: #fff;
        text-transform: uppercase;
        font-family: Arial;
    }
    
    .pro_ca>b {
        display: block;
        font-size: 32px;
        color: #fff;
        margin: 10px 0 12px;
    }
    
    .pro_ca>em {
        color: #fff;
        font-size: 18px;
    }
    
    .pcc {
        margin-top: 45px;
    }
    
    .pcc td b {
        font-size: 0;
    }
    
    .pcc td b a {
        line-height: 60px;
        font-size: 18px;
        color: #fff !IMPORTANT;
        padding: 0 35px 0 50px;
        position: relative;
        display: block;
    }
    
    .pcc td b a:after,
    .pcc td b a:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }
    
    .pcc td b a:after {
        width: 4px;
        height: 21px;
        background: url(https://memberpic.114my.com.cn/csdgcw/uploadfile/image/20240613/20240613184000_781660761.png) no-repeat center;
        left: 24px;
    }
    
    .pcc td b a:hover {
        color: #7baf28 !important;
        background: #333;
    }
    
    .pcc td b a:before {
        width: 12px;
        height: 12px;
        background: url(https://memberpic.114my.com.cn/csdgcw/uploadfile/image/20240614/20240614152554_954628910.png) no-repeat center;
        right: 29px;
    }
    
    .pcc tr {
        position: relative;
    }
    
    .pcc #showtyepname {
        position: absolute;
        right: -120%;
        top: -15px;
        width: 100%;
        background: #f8f8f8;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
    }
    
    .pcc table,
    .pcc tbody,
    .pcc tr {
        display: block;
        width: 100%;
        padding: 0 !important;
    }
    
    .pcc td {
        display: block;
        width: 100%;
        padding: 0 !important;
        background: #444;
        margin-top: 5%;
    }
    
    .pcc #showtyepname a {
        display: block;
        line-height: 40px;
        border-bottom: 1px solid #fff;
        padding-left: 45px;
        position: relative;
        font-size: 18px;
    }
    
    .pcc tr:hover #showtyepname {
        opacity: 1;
        visibility: visible;
        right: -100%;
    }
    
    .pcc #showtyepname a:after {
        content: '';
        display: block;
        position: absolute;
        width: 5px;
        height: 5px;
        background: #999;
        border-radius: 50%;
        left: 30px;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }
    
    .pcc #showtyepname a:hover {
        color: #016dd9 !important;
    }
    
    .pcc #showtyepname a:hover:after {
        background: #016dd9;
    }
    
    .pro_ic {
        display: flex;
        transition: .5s;
    }
    
    .pro_ic>.progdwz2021 {
        flex-shrink: 0;
        width: 100%;
    }
    
    .pro_ic ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0% 8% 8% 5%;
    }
    
    .pro_ic ul img {
        display: block;
        width: 100%;
        height: auto;
        transition: all .75s;
    }
    
    .pro_ic ul li {
        width: 32.3%;
        position: relative;
    }
    
    .pro_ic ul li>a {
        display: block;
        border: 1px solid #f8f8f8;
        position: relative;
        overflow: hidden;
    }
    
    .pro_ic ul li br {
        display: none;
    }
    
    .pro_ic ul li span a {
        display: block;
        text-align: center;
        font-size: 17px;
        position: absolute;
        bottom: -51px;
        width: 100%;
    }
    
    .pro_ic ul li:nth-child(n+4) {
        margin-top: 85px;
    }
    
    .pro_ic ul li>a:before,
    .pro_ic ul li>a:after {
        position: absolute;
        content: "";
        width: 4px;
        height: 0;
        background: #7baf28;
        transition: all .5s;
    }
    
    .pro_ic ul li>a:before {
        bottom: 0;
        left: 0px;
        z-index: 2;
    }
    
    .pro_ic ul li>a:after {
        top: 0;
        right: 0px;
    }
    
    .pro_ic ul li:hover>a:before,
    .pro_ic ul li:hover>a:after {
        height: 100%;
    }
    
    .pro_ic ul li:before,
    .pro_ic ul li:after {
        position: absolute;
        content: "";
        width: 0;
        height: 4px;
        background: #7baf28;
        transition: all .5s;
    }
    
    .pro_ic ul li:before {
        top: 0px;
        left: 1px;
        z-index: 2;
    }
    
    .pro_ic ul li:after {
        bottom: 0px;
        right: 1px;
    }
    
    .pro_ic ul li:hover:before,
    .pro_ic ul li:hover:after {
        width: 99.5%;
    }
    
    .pro_ic li:hover img {
        transform: scale(1.2);
    }
    
    #ys_box {
        box-sizing: border-box;
        padding: 150px 0;
        width: 100%;
        background: url(https://memberpic.114my.com.cn/csdgcw/uploadfile/image/20240613/20240613190838_1809853250.jpg) center no-repeat;
        background-repeat: no-repeat;
        background-attachment: fixed;
height: 1020px;
    }
    
    #home-ys {}
    
    #home-ys h2 {
        margin: 0 auto;
        padding-bottom: 0;
        width: 1400px;
        color: #fff;
        font-size: 46px;
        line-height: 50px;
        font-weight: bold
    }
    
    #home-ys h3 {
        margin: 0 auto;
        width: 1400px;
        color: #fff;
        font-size: 22px;
        line-height: 50px;
    }
    
    #home-ys h3:after {
        display: block;
        width: 85px;
        height: 5px;
        background: #fff;
        content: "";
        margin-top: 5px;
        margin-bottom: 30px;
    }
    
    #home-ys ul {
        overflow: hidden;
        margin: 0 auto;
        max-width: 1500px;
    }
    
    #home-ys ul li {
        float: left;
        display: block;
        margin: 10px 27px;
        width: 320px;
        height: 500px;
        background: url(https://memberpic.114my.com.cn/csdgcw/uploadfile/image/20240614/20240614152525_245359809.png) top center no-repeat;
        text-align: center;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        -ms-transition-duration: .3s;
    }
    
    #home-ys ul li:hover img {
        border: 30px rgba(255, 255, 255, 0.5) solid;
        border-radius: 50%;
        margin: 0;
        transition: all 0.6s;
        margin: 35px auto 35px;
        width: 250px;
        height: 250px;
    }
    
    #home-ys ul li img {
        display: block;
        margin: 35px auto 35px;
        transition: all 0.6s;
        border-radius: 50%;
        height: 250px;
        height: 250px;
    }
    
    #home-ys ul li p {
        width: 100%;
        color: rgba(255, 255, 255, 0.5);
        font-size: 14px;
        line-height: 30px;
        padding: 0 25px;
    }
    
    #home-ys ul li strong {
        display: table;
        width: 100%;
        color: #fff;
        font-size: 28px;
        line-height: 70px;
        font-weight: normal;
    }
    /*新闻*/
    
    .news_bg {
        width: 100%;
        background: url(https://memberpic.114my.com.cn/csdgcw/uploadfile/image/20240613/20240613172641_300680186.jpg) bottom center no-repeat;
        padding: 80px 0;
        overflow: hidden;
        height: 980px;
    }
    
    .news {
        max-width: 1500px;
        margin: 0 auto;
    }
    
    .news_t {
        text-align: left;
        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;
    }
    
    .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: linear-gradient(120deg, #7baf28 10%, #7baf28 80%);
        color: #fff;
    }
    
    .news_b {
        height: 488px;
        margin-top: 60px;
        position: relative;
    }
    
    .new_tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .new_item+.new_item {
        display: none;
    }
    
    .new_item {}
    
    .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: 25px 24px 60px;
        background: #fff;
    }
    
    .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%;
    }
    
    .new_rc .news_div_item_pic,
    .new_rc .news_div_item_date {
        display: none;
    }
    
    .new_ic {
        margin-top: 40px;
        position: relative;
    }
    
    .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: 24px;
    }
    
    .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_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: 32px 32px;
        position: relative;
    }
    
    .new_rc .news_div_item:nth-child(n+3):after {
        content: "";
        display: block;
        width: 0;
        height: 6px;
        background: #7baf28;
        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: 15px;
    }
    
    .new_rc a.news_div_item_a {
        display: block;
        font-size: 18px;
    }
    
    .new_rc .news_div_item_body {
        font-size: 15px;
        color: #999;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-top: 10px;
    }
    /*Partner*/
    
    .partner {
        padding: 80px 0px 80px 0px;
    }
    
    .Partner1 {
        max-width: 1500px;
        margin: 0 auto;
        padding-top: 60px;
    }
    
    .Partner1 table tr {
        display: flex;
        justify-content: space-between;
        margin-top: 2%;
    }
    
    .Partner1 table tr:last-child {
        border-bottom: none;
    }
    
    .Partner1 table tr td {
        padding-left: inherit !important;
        transition: all 0.3s linear;
        text-align: center;
        width: calc(100% / 6);
        background: #fff;
        overflow: hidden;
    }
    
    .Partner1 table tr td+td {
        margin-left: 2%;
    }
    
    .Partner1 table tr td a {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
    }
    
    .Partner1 table tr td a img {border: 1px #eee solid;}
    
    .Partner1 table tr td div {
        display: none;
    }
    
    .Partner1 table tr td a img {

    }
    
    .Partner1 table tr td a img:hover {

    }
    
    .Partner1 table tr td:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        position: relative;
        z-index: 99;
        transform: scale(1);
    }
    
    .Partner1 table tr td br {
        display: none;
    }
    /*友情链接*/
    
    .links_bj {
        position: relative;
        height: 102px;
        line-height: 102px;
        overflow: hidden;
        border-top: 1px solid #eee;
    }
    
    .links_zbt {
        width: 130px;
        font-size: 18px;
        color: #333;
    }
    
    .links_zbt img {
        margin-right: 15px;
        margin-top: -5px;
    }
    
    .links_lj {
        width: 1200px;
        font-size: 14px;
        color: #666;
        margin-left: 20px;
    }
    
    .links_tb {
        width: auto;
        height: 102px;
    }
    
    .linkTagcs li a {
        font-size: 15px;
        line-height: 102px;
        color: #666 !important;
        opacity: 0.5;
    }
    
    .link_more {
        float: right;
    }
    
    .link_more a {
        font-size: 14px;
        color: #666;
    }
    /* Copy */
    
    .cop_bc {
        width: 100%;
        background: url(https://memberpic.114my.com.cn/csdgcw/uploadfile/image/20240614/20240614115355_1897549664.jpg) center no-repeat;
        position: relative;
        overflow: hidden;
    }
    
    .logox {
        margin-top: 18px;
    }
    
    .logox img {
        height: 43px;
    }
    
    .namex {
        margin-top: 20px;
        margin-left: 1.2vw;
    }
    
    .namex p img {
        width: 96px;
        height: 49px;
        display: block;
        float: left;
        margin-top: -7px;
        margin-right: 5px;
    }
    
    .namex p span {
        font-size: 28px;
        color: #fff;
        font-family: "cryy";
        letter-spacing: 0px;
    }
    
    .namex b {
        color: rgba(255, 255, 255, 0.3);
        font-size: 12px;
        display: block;
        line-height: 20px;
        text-transform: uppercase;
        letter-spacing: 0px;
    }
    
    .co_lc {
        position: relative;
        z-index: 9;
        width: 100%;
    }
    
    .cop_c {
        display: flex;
        justify-content: space-between;
    }
    
    .cop_lc {
        width: 43%;
        padding: 78px 0 0px;
    }
    
    .copp {
        display: flex;
        justify-content: space-between;
    }
    
    .copp ul li a {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.47);
        padding-bottom: 15px;
        display: block;
    }
    
    .copp ul li:first-child a {
        font-size: 18px;
        color: #fff;
        padding-bottom: 30px;
    }
    
    .yq_c {
        display: flex;
        align-items: center;
        height: 85px;
        justify-content: space-between;
    }
    
    .cop_rc {
        position: relative;
        width: 31%;
        padding: 87px 0 71px;
        min-width: 332px;
    }
    
    .dy_c>div {
        padding-top: 22px;
        text-align: center;
    }
    
    .dy_c>div p {
        font-size: 14px;
        color: #666;
    }
    
    .dy_c>div p:last-child {
        padding-top: 8px;
    }
    
    .lx_c {
        border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
        height: 98px;
    }
    
    .lx_c>p {
        font-size: 18px;
        color: #fff;
    }
    
    .lx_c>div {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.4);
        line-height: 36px;
        margin: 30px 0 20px;
        float: left;
    }
    
    .bq_ewm {
        display: flex;
        float: left;
    }
    
    .bq_ewm em {
        line-height: 36px;
        padding-right: 6px;
    }
    
    .bq_ewm li {
        position: relative;
    }
    
    .bq_ewm li span {
        width: 36px;
        height: 36px;
        border: 1px solid #666;
        border-radius: 100%;
        text-align: center;
        line-height: 36px;
        font-size: 18px;
        color: #fff;
        display: block;
        transition: all .5s;
    }
    
    .bq_ewm li+li {
        margin-left: 12px;
    }
    
    .foot_bc {
        position: relative;
    }
    
    .foot_bc:before {
        content: '';
        width: 1500px;
        height: 1px;
        background: rgba(255, 255, 255, 0.14);
        position: absolute;
        top: 0;
        right: 0;
    }
    
    .foot_c a,
    .foot_c div {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.5);
    }
    
    .ewm_cc {
        display: none;
        position: absolute;
        top: -155px;
        left: calc(50% - 75px);
    }
    
    .ewm_cc img {
        width: 150px!important;
    }
    
    .bq_ewm li:hover span {
        background: #7baf28;
    }
    
    .dy_c>p {
        background: #fff;
        padding: 13px;
        border-radius: 6px;
    }
    
    .foot_c {
        height: 80px;
        width: 100%;
        margin: 0 auto;
        line-height: 80px;
        border-top: 1px rgba(255, 255, 255, 0.1) solid;
        text-align: center;
        color: rgba(255, 255, 255, 0.5);
        font-size: 15px;
    }
    /*荣誉资质*/
    
    .honor_bg {
        padding: 100px 0 0px;
        overflow: hidden;
    }
    
    .honor {
        position: relative;
        background: url(https://memberpic.114my.com.cn/csdgcw/uploadfile/image/20240614/20240614152449_618487201.png)no-repeat  top right;
        padding-bottom: 80px;
    }
    
    .honor:after,
    .honor:before {
        content: "";
        border-radius: 100%;
        border: 2px #eee dotted;
        position: absolute;
    }
    
    .honor:after {
        top: -21%;
        left: 52%;
        margin-left: -3vw;
        width: 55rem;
        height: 55rem;
        animation: hafter 200s linear infinite;
    }
    
    .honor:before {
        top: -4%;
        left: 52%;
        width: 40rem;
        height: 40rem;
        margin-left: 3vw;
        animation: hbefore 250s linear infinite;
    }
    
    @keyframes hafter {
        from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes hbefore {
        from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    .honor_bg {}
    
    .honor_l {
        height: 100%;
        position: relative;
        z-index: 2;
    }
    
    .honor_l h3 {
        font-size: 2.4vw;
        color: #111;
        line-height: 2.6vw;
    }
    
    .honor_l h3 p {
        margin-bottom: 20px;
    }
    
    .honor_l h3 b {
        color: #7baf28;
    }
    
    .honor_l dd {
        font-size: 18px;
        line-height: 30px;
        margin-top: 2vw;
    }
    
    .honor_l a {
        width: 190px;
        height: 46px;
        line-height: 46px;
        color: #fff;
        font-size: 16px;
        display: block;
        text-align: center;
        background: #7baf28;
        margin-top: 4vw;
        border-radius: 100px;
        box-shadow: 0 0 50px #7baf28;
        transition: 0.3s ease all;
    }
    
    .honor_l a:hover {
        width: 260px;
    }
    
    .honor_r {
        width: 45%;
        position: relative;
        z-index: 2;
    }
    
    .honor_r * {
        display: block;
    }
    
    .honor_r .tempWrap {
        width: 68% !important;
        margin: 0 auto;
    }
    
    .honor_r ul {
        margin: 0 auto;
    }
    
    .honor_r li {
        padding-left: 0px !important;
    }
    
    .honor_r li img {
        width: 100%;
        height: auto;
    }
    
    .honor_r li p a {
        font-size: 18px;
        color: #333;
        line-height: 20px;
        text-align: center;
        margin-top: 20px;
    }
    
    .honor_r {
        position: relative;
    }
    
    .honor_btn {
        position: absolute;
        top: 0px;
        width: 100%;
        top: 45%;
    }
    
    .honor_btnl,
    .honor_btnr {
        width: 54px;
        height: 54px;
        cursor: pointer;
        background: #a0a0a0 url(https://memberpic.114my.com.cn/csdgcw/uploadfile/image/20240614/20240614152414_866250744.png)no-repeat center;
        border-radius: 50%;
        position: absolute;
    }
    
    .honor_btnl {
        left: 2vw;
    }
    
    .honor_btnr {
        right: 2vw;
        transform: rotate(180deg);
    }
    
    .honor_btnl:hover,
    .honor_btnr:hover {
        background-color: #7baf28;
    }
    /*appli*/
    
    .appli {
        overflow: hidden;
        padding: 3.5% 1%;
        /* background:  #f8f8f8; */
        position: relative;
        z-index: 5;
    }
    
    .appli:before {
        content: '';
        width: 80%;
        height: 100%;
        /* background:#018acb; */
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }
    
    .aplli_box {
        margin: 0 auto;
    }
    
    .appli_tab {
        display: flex;
        flex-direction: column;
    }
    
    .appli_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    
    .appli_top p {
        font-size: 26px;
        display: flex;
        align-items: flex-end;
        color: #222;
    }
    
    .appli_top p span {
        font-size: 15px;
        text-transform: uppercase;
        padding: 0 0 0 10px;
        font-family: Arial;
    }
    
    .appli_top ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 40%;
    }
    
    .appli_top li {
        text-align: center;
    }
    
    .appli_top li>a {
        font-size: 18px;
        position: relative;
        color: #333;
    }
    
    .appli_top li>a:after {
        content: '';
        width: 0;
        height: 1px;
        background: #7baf28;
        position: absolute;
        bottom: -8px;
        left: 0;
        transition: 0.5s;
    }
    
    .appli_top li.on a:after {
        width: 100%;
    }
    
    .appli_top>a {
        text-transform: uppercase;
        font-family: Arial;
        font-size: 18px;
        position: relative;
    }
    
    .appli_top>a:after {
        content: '';
        width: 70%;
        height: 1px;
        background: #ddd;
        position: absolute;
        top: 9px;
        left: -100%;
    }
    
    .appli_con {
        margin: 3% 0 0;
    }
    
    .appli_call {}
    
    .appli_call ul {
        display: flex;
        overflow: hidden;
    }
    
    .appli_call li {
        position: relative;
        transition: 0.5s;
        width: 50%;
        flex-shrink: 0;
        padding: 0 1% 0 0;
        display: flex;
    }
    
    .appli_call li:hover img {
        transform: scale(1.1);
    }
    
    .appli_call li>a {
        width: 100%;
        overflow: hidden;
    }
    
    .appli_call li>a img {
        width: 100%;
        height: auto;
        transition: 0.5s;
    }
    
    .appli_call li p {
        width: 98%;
        background: rgb(51 51 51 / 50%);
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3% 0;
    }
    
    .appli_call li p>a {
        font-size: 16px;
        color: #fff;
        padding: 0 0 0 5%;
    }
    
    .appli_more {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 1% 0 0;
    }
    
    .appli_btn {
        display: flex;
        /* width: 26%; */
        justify-content: space-between;
    }
    
    .appli_btn:hover i {}
    
    .appli_btn>i {
        width: 50px;
        height: 50px;
        cursor: pointer;
        font-size: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 39%;
        /* border: 1px solid rgba(255, 255, 255, 0.2); */
        /* border-right: 1px solid #ddd; */
    }
    
    .appli_btn>i:first-child {
        left: 19%;
    }
    
    .appli_btn>i:last-child {
        right: 17%;
    }
    
    .appli_num {}
    
    .appli_num p {
        display: flex;
        align-items: center;
        font-size: 30px;
        font-family: DIN Medium;
    }
    
    .appli_num p span {
        font-weight: bold;
        padding: 0 8px 0 0;
    }