.menu-btn-box {
            width: calc(100% / 6);
            float: left;
            padding: 6px
        }

        .menu-btn-container {
            background: #F4F5F5;
            background-image: url(../img/index/index_bg1.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            overflow: hidden
        }

        .menu-btn-smbox {
            background-color: white;
            text-align: center;
            padding-top: 12px;
            padding-bottom: 12px;
            color: #333333;
            border: 2px solid white;
            min-height: 120px
        }

        .menu-btn-smbox span img {
            width: 45px;
            margin: auto
        }

        .menu-btn-container {
            padding-top: 20px;
            padding-bottom: 20px
        }

        @media (min-width: 1200px) {
            .index-container2-left {
                float: left;
                width: 69%
            }

            .index-container2 .index-container2-left {
                float: left;
                width: 65%;
                margin-bottom: 40px
            }

            .index-container2-right {
                float: right;
                width: 29%
            }

            .index-container2 .index-container2-right {
                float: right;
                width: 33%
            }

            .index-news-left {
                float: left;
                width: 54%;
                background: #F9F9F9;
                height: 440px
            }

            .index-news-right {
                float: right;
                width: 43%
            }

            .index-news-text-smbox {
                padding-top: 5px
            }

            .index-work-new {
                padding-left: 3%
            }
        }

        .index-work-new ul li::before {
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-top: 6px solid transparent;
            border-left: 6px solid #C5C5C5;
            border-bottom: 6px solid transparent;
            border-radius: 6px solid transparent;
            position: absolute;
            margin-top: 20px
        }

        .index-work-new ul li:hover::before {
            border-left: 6px solid #4277C9
        }

        .index-work-new li span:nth-child(1):hover {
            color: #4277C9
        }

        .index-work-new ul li a {
            margin-left: 15px;
            text-decoration: none;
            list-style-type: disc;
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            line-height: 54px;
            display: block;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            border-bottom: 1px solid rgba(200, 202, 200, 0.36)
        }

        .index-container-title-box {
            margin-bottom: 20px
        }

        .index-news-text-smbox {
            border-bottom: 1px solid rgba(200, 202, 200, 0.36);
            padding-bottom: 10px;
            overflow: hidden
        }

        .index-news-text-smbox a {
            text-decoration: none
        }

        .index-news-text-smbox span {
            padding-top: 5px;
            padding-bottom: 5px
        }

        .index-news-left-lb {
            width: 100%
        }

        .slideBox {
            overflow: hidden;
            position: relative
        }

        .slideBox .hd {
            height: 15px;
            overflow: hidden;
            position: absolute;
            bottom: 15px;
            z-index: 1;
            margin-left: 46%
        }

        .slideBox .bd {
            position: relative;
            height: 100%;
            z-index: 0
        }

        .slideBox .bd li {
            zoom: 1;
            vertical-align: middle
        }

        .slideBox .bd img {
            display: block
        }

        .index-news-left-lb img {
            width: 100%
        }

        .index-news-left .index-news-text {
            margin-top: 16px;
            padding-bottom: 16px;
            padding-left: 10px
        }

        .index-news-text span,
        .index-news-text-smbox span {
            font-size: 18px;
            font-weight: 400;
            color: #333333;
            line-height: 30px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden
        }

        .index-news-left .index-news-text span {
            -webkit-line-clamp: 2
        }

        .index-container1 .index-news-text-smbox span {
            -webkit-line-clamp: 2
        }

        .index-container1 .index-news-right .index-news-text-smbox span {
            -webkit-line-clamp: 1
        }

        .index-news-text p,
        .index-news-text-smbox p {
            font-size: 16px;
            font-weight: 400;
            color: #848484;
            line-height: 26px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden
        }

        .index-container-title-box {
            margin-bottom: 20px
        }

        .index-container-title {
            float: left;
            width: 260px
        }

        .index-container-title span {
            width: 14%
        }

        .index-container-title span,
        .index-container-title p {
            float: left
        }

        .index-container-title img {
            width: 100%;
            margin-top: 1px
        }

        .index-container-title p {
            font-size: 30px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #4277C9;
            line-height: 36px;
            margin-left: 5px
        }

        .index-container1 {
            background-color: white;
            padding-top: 40px;
            padding-bottom: 30px
        }

        .index-container2 {
            background-image: url(../img/index/index_bg2.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            padding-top: 40px;
            padding-bottom: 40px
        }

        .index-more-btn {
            margin-top: 4px;
            float: right;
            background: rgba(212, 212, 212, 0.75);
            border-radius: 5px;
            padding: 4px;
            padding-left: 12px;
            padding-right: 12px
        }

        .index-more-btn:hover {
            background-color: #4277C9
        }

        .index-more-btn a,
        .xczx-bottom a {
            text-decoration: none
        }

        .index-more-btn a {
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF
        }

        .index-container2 .index-news-right img {
            width: 100%;
            height: 325px
        }

        .index-container2 .index-news-left li {
            padding-bottom: 9px;
            margin-bottom: 10px;
            border-bottom: 1px solid rgba(200, 202, 200, 0.36);
            list-style-type: disc;
            margin-left: 20px
        }

        .index-container2 .index-news-left li span {
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            line-height: 38px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden
        }

        .index-container2 .index-news-left {
            background-color: rgba(0, 0, 0, 0)
        }

        .index-container2 .index-news-left li p {
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #A9A9A9;
            line-height: 26px
        }

        .index-work-new li span {
            float: left
        }

        .index-work-new li span:nth-child(1) {
            width: 70%;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden
        }

        .index-work-new li span:nth-child(2) {
            float: right;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #C5C4C4
        }

        .index-container2 .index-news-box {
            overflow: hidden;
            margin-top: 40px
        }

        .index-container2 .index-work-new ul li a {
            line-height: 48px
        }

        .index-container1 .dtjs-date {
            width: 19%;
            float: left;
            border-right: 1px solid rgba(200, 202, 200, 0.36);
            margin-right: 10px
        }

        .index-container1 .dtjs-date .time-date {
            font-size: 22px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #C5C4C4;
            line-height: 26px
        }

        .index-container1 .dtjs-date .time-year {
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #C5C4C4;
            line-height: 26px
        }

        .index-news-right .index-news-text-smbox {
            background: rgba(244, 245, 245, 0.72);
            padding: 17px;
            border-bottom: none;
            margin-bottom: 10px
        }

        .index-news-centt-box span {
            float: left
        }

        .index-news-centt-box span:nth-last-child(1) {
            float: right
        }

        .index-news-centt-box span:nth-child(1) {
            font-size: 22px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #C5C4C4
        }

        .index-news-centt-box span:nth-child(2) {
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #C5C4C4
        }

        .index-news-text-smbox:hover {
            color: #4277C9
        }

        .index-container3 {
            background-image: url(../img/index/index_bg3.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            padding-top: 40px;
            padding-bottom: 40px
        }

        .index-container3 .index-news-text-smbox .dtjs-date {
            float: left
        }

        .index-container3-dt .dt-left {
            width: 40%;
            float: left
        }

        .index-container3-dt .dt-right {
            width: 58%;
            float: right;
            margin-top: 50px
        }

        .dt-left .time-date {
            font-size: 26px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #C5C4C4;
            line-height: 26px
        }

        .dt-left .time-year {
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #C5C4C4;
            line-height: 26px
        }

        .dt-left .dtjs-date {
            margin-right: 20px
        }

        .dt-right-title-box span {
            float: left
        }

        .dt-right-title-box span {
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            line-height: 30px
        }

        .dt-right-title-box span img {
            margin-right: 10px;
            width: 22px;
            margin-top: 4px
        }

        .dt-right p {
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #A9A9A9;
            line-height: 26px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden
        }

        .dt-right-l {
            float: left;
            width: 90%
        }

        .dt-right-r {
            float: right;
            margin-top: 20px
        }

        .dt-right-smcont {
            margin-bottom: 10px;
            border-bottom: 1px solid rgba(200, 202, 200, 0.36);
            overflow: hidden;
            padding-top: 18px;
            padding-bottom: 19px
        }

        .menu-btn-box .menu-btn-smbox span {
            line-height: 21px;
            height: 42px;
            margin-top: 5px;
        }

        .menu-btn-smbox:hover {
            font-weight: bold;
            color: #AC884E;
            border: 2px solid #AC874D
        }

        @media (min-width:1200px) {
            .dt-left img {
                width: 100%;
                height: 279px
            }

            .slideBox .bd img {
                height: 348px
            }
        }

        @media (max-width:1199px) {

            .index-container1 .index-news-text-smbox p,
            .index-container2 .index-news-left p,
            .index-container2 .index-news-right,
            .index-container3 .dt-right {
                display: none
            }

            .index-container3 .dt-left {
                width: 100%
            }

            .index-container3 .dt-left img {
                width: 100%;
                margin: auto;
                margin-bottom: 20px
            }

            .index-container-title {
                float: left;
                width: 220px
            }

            .index-news-text span,
            .index-news-text-smbox span,
            .index-container2 .index-news-left li span,
            .index-work-new ul li a {
                font-size: 16px
            }

            .index-container2 .index-news-left li span {
                line-height: 28px
            }

            .index-work-new ul li::before {
                margin-top: 18px
            }

            .index-news-text span,
            .index-news-text-smbox span {
                line-height: 25px
            }

            .index-news-right .index-news-text-smbox {
                padding: 10px
            }
        }

        @media (max-width:1070px) {
            .menu-btn-box {
                width: 33.3%
            }

            .menu-btn-box:nth-last-child(1),
            .menu-btn-box:nth-last-child(2),
            .menu-btn-box:nth-last-child(3) {
                width: 33.3%
            }
        }

        @media (max-width:614px) {
            .menu-btn-box {
                padding: 2px;
                font-size: 13px
            }

            .menu-btn-smbox {
                min-height: 90px
            }

            .menu-btn-smbox img {
                width: 27px !important
            }

            .index-container1 .dtjs-date .time-date {
                font-size: 18px
            }

            .index-container-title p {
                font-size: 24px
            }
        }

        @media (max-width:500px) {
            .menu-btn-smbox {
                min-height: 95px;
                padding-top: 4px;
                padding-bottom: 4px
            }
        }

        @media (max-width:420px) {
            .menu-btn-smbox {
                min-height: 98px
            }

            .menu-btn-smbox span img {
                margin-bottom: 4px
            }
        }

        @media (max-width:320px) {
            .menu-btn-smbox {
                min-height: 98px
            }
        }

        .slideBox-banner,
        .slideBox {
            overflow: hidden;
            position: relative;
            max-height: 440px
        }

        .slideBox-banner .hd,
        .slideBox .hd {
            height: 15px;
            overflow: hidden;
            position: absolute;
            bottom: 15px;
            z-index: 0;
            margin-left: 46%
        }

        .slideBox-banner .hd ul,
        .slideBox .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left
        }

        .slideBox-banner .hd ul li,
        .slideBox .hd ul li {
            float: left;
            margin-right: 8px;
            width: 15px;
            height: 15px;
            line-height: 14px;
            text-align: center;
            background: #fff;
            cursor: pointer
        }

        .slideBox-banner .hd ul li.on,
        .slideBox .hd ul li.on {
            background: #FF8601;
            color: #fff
        }

        .slideBox-banner .bd,
        .slideBox .bd {
            position: relative;
            height: 100%;
            z-index: 0
        }

        .slideBox-banner .bd img,
        .slideBox .bd img {
            display: block;
            width: 100%;
            min-height: 129px
        }

        .index-container1 .slideBox .prev,
        .index-container1 .slideBox .next {
            position: absolute;
            bottom: 25%;
            margin-top: -25px;
            display: block;
            width: 22px;
            height: 30px;
            filter: alpha(opacity=50);
            opacity: 0.5;
            padding: 5px
        }

        .tempWrap .index-news-text span:hover {
            color: #333333 !important
        }

        .index-container1 .slideBox .prev {
            right: 12%
        }

        .index-container1 .slideBox .next {
            left: auto;
            right: 5%;
            background-position: 8px 5px
        }

        .index-container1 .slideBox .prev:hover {
            background-color: #0056B3
        }

        .index-container1 .slideBox .next:hover {
            background-color: #0056B3
        }

        .slideBox .prev:hover,
        .slideBox .next:hover {
            filter: alpha(opacity=100);
            opacity: 1
        }

        .slideBox .prevStop {
            display: none
        }

        .slideBox .nextStop {
            display: none
        }

        html {
            width: 100%;
            overflow-x: hidden
        }

        body {
            margin: 0;
            overflow-x: hidden
        }

        img {
            max-width: 100%
        }

        i.material-icons {
            vertical-align: sub
        }

        .banner-cont-width {
            width: 100%;
            margin: 0 auto
        }

        .partialViewSlider-prev {
            background-image: url(../img/index/banner_prve.png);
            width: 60px;
            height: 60px
        }

        .partialViewSlider-prev:hover {
            background-image: url(../img/index/banner_prve_hover.png);
            width: 60px;
            height: 60px
        }

        .partialViewSlider-next {
            background-image: url(../img/index/banner_next.png);
            width: 60px;
            height: 60px
        }

        .partialViewSlider-next:hover {
            background-image: url(../img/index/banner_next_hover.png);
            width: 60px;
            height: 60px
        }

        .partialViewSlider-prev {
            left: 10%
        }

        .partialViewSlider-next {
            right: 10%
        }

        @media (max-width:1199px) {
            .banner-cont-width {
                display: none
            }

            .banner-cont-moblie {
                display: block
            }
        }

        @media (min-width:1200px) {
            .banner-cont-width {
                display: block
            }

            .banner-cont-moblie {
                display: none
            }

            .index-container1 .slideBox .prev,
            .index-container1 .slideBox .next {
                width: 22px;
                height: 30px
            }
        }

        .banner-cont-moblie .slideBox-banner-mobile {
            width: 100%;
            overflow: hidden;
            position: relative
        }

        .banner-cont-moblie .slideBox-banner-mobile .hd {
            height: 15px;
            overflow: hidden;
            position: absolute;
            right: 5px;
            bottom: 15px;
            z-index: 1;
            padding-right: 8px
        }

        .banner-cont-moblie .slideBox-banner-mobile .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left
        }

        .banner-cont-moblie .slideBox-banner-mobile .hd ul li {
            float: left;
            margin-right: 2px;
            width: 12px;
            height: 12px;
            line-height: 14px;
            text-align: center;
            background: rgba(255, 255, 255, 0.4);
            cursor: pointer;
            border-radius: 50%
        }

        .banner-cont-moblie .slideBox-banner-mobile .hd ul li.on {
            background: #FFFFFF;
            color: #fff
        }

        .banner-cont-moblie .slideBox-banner-mobile .bd {
            position: relative;
            z-index: 0
        }

        .banner-cont-moblie .slideBox-banner-mobile .bd li {
            zoom: 1;
            vertical-align: middle
        }

        .banner-cont-moblie .slideBox-banner-mobile .bd img {
            width: 100%;
            display: block
        }

        .banner-moblie-text {
            font-size: 13px;
            font-family: PingFang SC;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 28px;
            padding-left: 8px;
            position: absolute;
            bottom: 12px
        }

        .index-news-right .index-news-text-smbox:hover {
            background-color: #4277c9;
            color: white
        }

        .banner-pc-text {
            margin-left: 20%
        }

        @media (min-width: 1200px) {
            .index-container1 .index-container2-left .index-news-text {
                line-height: 32px;
                color: #333333;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                height: 70px;
                margin-bottom: 7px
            }
        }

        @media (max-width:1199px) {

            .index-container1 .slideBox .prev,
            .index-container1 .slideBox .next {
                bottom: 9%;
                width: 20px;
                height: 28px
            }

            .index-container1 .tempWrap li a,
            .index-container1 .tempWrap li .index-news-text {
                float: left
            }

            .index-container1 .tempWrap li a {
                width: 60%
            }

            .index-container1 .tempWrap li .index-news-text {
                width: 40%;
                padding-left: 8px
            }

            .index-container1 .tempWrap li {
                background: #F4F5F5;
                margin-bottom: 10px
            }

            .index-news-left .tempWrap .index-news-text {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 5;
                overflow: hidden;
                height: 113px
            }

            .index-container1 .slideBox .prev {
                right: 53%
            }

            .index-container1 .slideBox .next {
                right: 43%
            }
        }

        @media (max-width:1199px) {
            .index-news-left .index-news-text {
                margin-top: 8px
            }
        }

        .index-container1 .index-container2-left .index-news-text {
            color: #333333
        }

        @media (max-width:614px) {
            .menu-btn-box .menu-btn-smbox span {
                line-height: 15px;
                height: 45px;
            }
        }

        .index-container2 .index-news-left li {
            list-style-type: none;
            margin-left: 0px
        }

        .index-container2 .index-news-left li span,
        .index-container2 .index-news-left li p {
            padding-left: 10px
        }

        .index-container2 .index-news-left li::before {
            content: '';
            display: inline-block;
            width: 0;
            height: 4px;
            width: 4px;
            border-radius: 50%;
            background-color: #000000;
            position: absolute;
            margin-top: 16px
        }

        @media (min-width:614px) {
            .index-container1 .index-news-right .index-news-text-smbox span {
                max-height: 40px
            }

            .index-news-text p,
            .index-news-text-smbox p {
                max-height: 26px
            }

            .index-container1 .index-news-text-smbox span {
                max-height: 70px
            }

            .index-container2 .index-news-left li span {
                max-height: 36px
            }

            .index-container2 .index-news-left li p {
                max-height: 28px
            }

            .index-work-new li span:nth-child(1) {
                max-height: 48px
            }

            .index-news-text span,
            .index-news-text-smbox span {
                max-height: 40px
            }

            .dt-right p {
                max-height: 26px
            }
        }

        @media (max-width:614px) {
            .index-news-text-smbox span {
                line-height: 27px
            }
        }

        @media (max-width: 1199px) {
            .index-container1 ul {
                height: 250px !important
            }

            .slideBox .bd img {
                height: 250px
            }

            .index-news-left {
                margin-bottom: 10px
            }
        }

        @media (max-width: 500px) {
            .index-container1 ul {
                height: 140px !important
            }

            .slideBox-banner .bd img,
            .slideBox .bd img {
                height: 140px
            }
        }

        @media (min-width:1200px) {
            .index-news-right .index-news-text-smbox {
                height: 140px
            }
        }