        /* CSS Document */
        /*#region 重置元素*/
        
        *:focus {
            outline: none;
        }
        
        body,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        hr,
        p,
        blockquote,
        dl,
        dt,
        dd,
        ul,
        ol,
        li,
        pre,
        form,
        fieldset,
        legend,
        button,
        input,
        textarea,
        th,
        td {
            padding: 0;
            margin: 0;
        }
        
        @font-face {
            font-family: "SourceHanSansCN-Normal";
            src: url("../font/SourceHanSansCN-Normal.woff2") format("woff2"), url("../font/SourceHanSansCN-Normal.woff") format("woff"), url("../font/SourceHanSansCN-Normal.ttf") format("truetype"), url("../font/SourceHanSansCN-Normal.eot") format("embedded-opentype"), url("../font/SourceHanSansCN-Normal.svg") format("svg"), url("../font/SourceHanSansCN-Normal.otf") format("opentype");
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: "SIYUAN";
            src: url("../font/SourceHanSansCN-Light.woff2") format("woff2"), url("../font/SourceHanSansCN-Light.woff") format("woff"), url("../font/SourceHanSansCN-Light.ttf") format("truetype"), url("../font/SourceHanSansCN-Light.eot") format("embedded-opentype"), url("../font/SourceHanSansCN-Light.svg") format("svg"), url("../font/SourceHanSansCN-Light.otf") format("opentype");
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: "NUM";
            src: url("../font/AkzidenzGrotesk-ExtraBoldAlt.woff2") format("woff2"), url("../font/AkzidenzGrotesk-ExtraBoldAlt.woff") format("woff"), url("../font/AkzidenzGrotesk-ExtraBoldAlt.ttf") format("truetype"), url("../font/AkzidenzGrotesk-ExtraBoldAlt.eot") format("embedded-opentype"), url("../font/AkzidenzGrotesk-ExtraBoldAlt.svg") format("svg"), url("../font/AkzidenzGrotesk-ExtraBoldAlt.otf") format("opentype");
            font-weight: normal;
            font-style: normal;
        }
        
        .NUM {
            font-family: "NUM";
        }
        
        body {
            font: 1em/1.3 "SourceHanSansCN-Normal", sans-serif;
        }
        
        button,
        input,
        select,
        textarea,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: 1em;
            line-height: 1.3;
        }
        
        address,
        cite,
        dfn,
        em,
        var {
            font-style: normal;
        }
        
        code,
        kbd,
        pre,
        samp {
            font-family: courier new, courier, monospace;
        }
        
        small {
            font-size: 0.75em;
        }
        
        ul,
        ol {
            list-style: none;
            margin: 0;
        }
        
        body,
        legend {
            color: #000;
        }
        
        a {
            color: inherit;
            color: #000;
            text-decoration: none;
        }
        
        a:hover {
            color: #005aa7;
            text-decoration: none;
        }
        
        a:active {
            color: inherit;
        }
        
        sup {
            vertical-align: text-top;
        }
        
        sub {
            vertical-align: text-bottom;
        }
        
        fieldset,
        img {
            border: 0;
        }
        
        button,
        input,
        select,
        textarea {
            font-size: 0.75em;
            font-family: "微软雅黑";
        }
        
        table {
            border-collapse: collapse;
            border-spacing: 0;
            width: 100%;
            word-break: break-all;
        }
        
        table th {
            font-weight: normal;
        }
        
        table th,
        table td {
            font-weight: normal;
            text-align: center;
        }
        
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section,
        summary,
        time,
        mark,
        audio,
        video {
            display: block;
            margin: 0;
            padding: 0;
        }
        
        img {
            vertical-align: middle;
        }
        
         ::-moz-placeholder {
            color: #000;
        }
        
        input:-webkit-input-placeholder {
            color: #000;
        }
        
        input:-moz-placeholder {
            color: #000;
        }
        /*#endregion*/
        /*#region 清除浮动*/
        
        .clearfix:after {
            content: '\20';
            display: block;
            height: 0;
            clear: both;
        }
        
        .clearfix {
            *zoom: 1;
        }
        /*#endregion */
        
        button:disabled,
        .disabled {
            cursor: default;
        }
        
        .hi {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .css3,
        .about_1 ul li a {
            -webkit-transition-duration: 0.5s;
            -ms-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }
        
        .comdiv {
            width: 100%;
            overflow: hidden;
            margin: 0;
            padding: 0;
        }
        
        .cssimg,
        .cssimgp img,
        .food_2_mid_left_bg,
        .cul_lm_1_2 ul li dl dd .cul_lm_1_2_mid_left img,
        .cul_ghhd_1 ul li .index_3_mid_mid_1 img,
        .index_3_mid ul li .index_3_mid_mid_1 img,
        .index_case_1_bg,
        .so_1 ul li .so_1_bg,
        .index_news_3 ul li .index_news_2_left_1_bg,
        .index_news_2_right .index_news_2_left_1_bg,
        .index_news_2_left .index_news_2_left_1_bg {
            transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
            /*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/
        }
        
        @media screen and (min-width:768px) {
            .cssimg:hover,
            .cssimgp:hover img,
            .food_2 ul li:hover .food_2_mid_left_bg,
            .cul_lm_1_2 ul li dl dd:hover .cul_lm_1_2_mid_left img,
            .cul_ghhd_1 ul li:hover .index_3_mid_mid_1 img,
            .index_3_mid ul li:hover .index_3_mid_mid_1 img,
            .index_case_1_right_top:hover .index_case_1_bg,
            .index_case_1_right_footer:hover .index_case_1_bg,
            .so_1 ul li:hover .so_1_bg,
            .index_news_3 ul li:hover .index_news_2_left_1_bg,
            .index_news_2_right:hover .index_news_2_left_1_bg,
            .index_news_2_left:hover .index_news_2_left_1_bg {
                /*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/
                transform: scale(1.08, 1.08);
            }
            .cul_gjzz_1_1 ul li .cssimgp:hover img {
                transform: scale(1.02, 1.02);
            }
        }
        
        .daxie {
            text-transform: uppercase;
        }
        
        .cell_mid {
            display: table;
            height: 100%;
            width: 100%;
        }
        
        .cell_h {
            height: 100%;
            display: table-cell;
            vertical-align: middle;
        }
        
        div::-webkit-scrollbar-track-piece {
            background-color: rgba(182, 237, 247, 0);
            border-left: 1px solid rgba(182, 237, 247, 0);
        }
        
        div::-webkit-scrollbar {
            width: 2px;
            height: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }
        
        div::-webkit-scrollbar-thumb {
            background-color: rgba(247, 182, 182, 0.5);
            background-clip: padding-box;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }
        
        div::-webkit-scrollbar-thumb:hover {
            background-color: rgba(247, 182, 182, 0.5);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }
        /**分页***********************/
        
        .pagination {
            text-align: center
        }
        
        .pagination li {
            display: inline-block;
            margin: 0 2px;
        }
        
        .pagination li a,
        .pagination li span {
            display: inline-block;
            background-color: #fff;
            padding: 0.6em 1em;
        }
        
        .pagination li.active span {
            color: #fff;
            background-color: #6bc2df;
            color: #fff;
        }
        
        .css_animation {
            height: 80px;
            width: 80px;
            border-radius: 40px;
        }
        
        @keyframes ripple {
            0% {
                opacity: 0;
                transform: scale(.1, .1)
            }
            5% {
                opacity: 1
            }
            100% {
                opacity: 0;
                transform: scale(1)
            }
        }
        
        .css_animation:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: 50%;
            border: 2px solid #e83847;
            opacity: 0;
            -webkit-animation: ripple 4s ease-out 225ms infinite;
            -moz-animation: ripple 4s ease-out 225ms infinite;
            -o-animation: ripple 4s ease-out 225ms infinite;
            animation: ripple 4s ease-out 225ms infinite
        }
        
        .css_animation i {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: 50%;
            border: 2px solid #e83847;
            opacity: 0;
            -webkit-animation: ripple 4s ease-out 725ms infinite;
            -moz-animation: ripple 4s ease-out 725ms infinite;
            -o-animation: ripple 4s ease-out 725ms infinite;
            animation: ripple 4s ease-out 725ms infinite
        }
        
        .red img {
            width: 24% !important;
        }
        
        .redd img {
            width: 32% !important;
        }
        
        @media screen and (max-width:1550px) {
            .red img {
                width: 25% !important;
            }
            .redd img {
                width: 40% !important;
            }
        }
        
        @media screen and (max-width:1400px) {
            .red img {
                width: 27% !important;
            }
            .redd img {
                width: 40% !important;
            }
        }
        
        @media screen and (max-width:1000px) {
            .red img {
                width: 35% !important;
            }
            .redd img {
                width: 30% !important;
            }
        }
        
        @media screen and (max-width:465px) {
            .wraptext {
    margin-bottom: 4rem !important;
}
            .red img {
                width: 60% !important;
            }
            .redd img {
                width: 43% !important;
            }
        }