﻿/*public css*/
* {
    margin: 0px;
    padding: 0;
    border: 0;
    font-family: "Microsoft YaHei";
}

a {
    text-decoration: none;
    color: #808080;
}

input, textarea {
    outline: medium;
}

textarea {
    outline: medium;
}

table {
    max-width: 940px !important;
}

body {
    font-family: "microsoft yahei", Arial,'微软雅黑'simhei;
    background: #fff;
    -webkit-text-size-adjust: none;
}

ul li {
    list-style: none;
}

.slh {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clear_right {
    margin-right: 0 !important;
}

.clear_float {
    height: 0px;
    clear: both;
}

.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.display {
    display: flex;
    justify-content: center;
    align-items: center;
}

img {
    max-width: 100%;
    max-height: 100%;
}
/*end*/
/*#region banner */
.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
    -webkit-perspective: 3000;
    perspective: 3000;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .wrapper .page {
        position: relative;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        -moz-transform: scale(0.4);
        opacity: 0.5;
        transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1);
        -webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1);
        margin-bottom:0;
    }

    .wrapper.active-page1 .page.page1 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }


.bannerBox {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 20;
}

    .bannerBox .banner li {
        height: 100%;
        line-height: 0;
    }

        .bannerBox .banner li a {
            width: 100%;
            height: 100%;
            display: block;
            position: relative;
        }

.whiteWindow {
    position: absolute;
    height: 340px;
    width: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.85);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 99;
    left: 50% !important;
    margin-left: -190px;
    top: 50% !important;
    margin-top: -170px;
}

    .whiteWindow .title {
        text-transform: uppercase;
        font-family: lala;
        color: #000;
        font-size: 26px;
        line-height: 30px;
    }

    .whiteWindow .text {
        font-size: 14px;
        color: #000000;
        line-height: 24px;
        text-align: center;
    }

.b {
    background: url(/Images/b_03.png) no-repeat center;
    width: 250px;
    height: 70px;
}

.heng1 {
    background: url(/Images/heng1_03.png) no-repeat center;
    width: 171px;
    height: 30px;
}

.bannerBox .banner li img {
    line-height: 0;
    width: 100% !important;
    position: relative;
    transition: transform 2.5s ease 0s, opacity 2s ease 0s;
    -webkit-transition: transform 2.5s ease 0s, opacity 2s ease 0s;
    left: 0 !important;
    opacity: 0;
    top: 0 !important;
    height: auto !important;
}

    .bannerBox .banner li img.imghide {
        display: none;
    }

.bannerBox .banner li.imgIn img {
    opacity: 1;
    /*transform: matrix(1.1, 0, 0, 1.1, 0, 0);
            -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);*/
}

.bannerBox .banner {
    z-index: 30;
    overflow: hidden;
}

.bannerBox .flex-control-nav {
    position: absolute;
    left: 109px;
    bottom: 30px;
    height: 33px;
    z-index: 99;
}

    .bannerBox .flex-control-nav li {
        float: left;
        position: relative;
        margin-right: 17px;
        list-style: none;
    }

        .bannerBox .flex-control-nav li a {
            display: block;
            position: relative;
            top: 14px;
            width: 6px;
            height: 16px;
            border-radius: 3px;
            background: #fff;
            transition: 300ms ease-in-out;
        }

        .bannerBox .flex-control-nav li span {
            display: block;
            text-indent: 888px;
            overflow: hidden;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 0%;
            background: #fbbe3a;
            border-radius: 3px;
        }

        .bannerBox .flex-control-nav li a.flex-active {
            top: 0;
            height: 30px;
            transition: 500ms linear;
        }

            .bannerBox .flex-control-nav li a.flex-active span {
                opacity: 1;
                height: 17px;
                transition: 3500ms linear;
                color: #fff;
            }


.transy {
    transform: translate(120px,-50%);
    -webkit-transform: translate(120px,-50%);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition: 900ms 0ms;
    -webkit-transition: 900ms 0ms;
    opacity: 0;
}

.bannerBox li.flex-active-slide .btext.transy {
    transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    opacity: 1;
    transition: 900ms 600ms;
    -webkit-transition: 900ms 600ms;
}

/*#endregion */
#main {
    position: relative;
}

header {
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
    background: rgba(255,255,255,0.85);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

    header .kk {
        width: 93.75%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        header .kk .logo {
        }

        header .kk nav {
            height: 100%;
            width: 56.88888888888889%;
        }

    header nav ul {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    header .kk nav ul li a {
        color: #000;
        font-size: 16px;
        display: block;
        position: relative;
    }

        header .kk nav ul li a > div {
            width: 100%;
            height: 8px;
            background: #fbbe3a;
            left: 6px;
            bottom: 0px;
            position: absolute;
            z-index: -1;
            opacity: 0;
        }

.top_link {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 126px;
}

header .kk nav ul li:hover div {
    opacity: 1;
}

header .kk nav ul li .on div {
    opacity: 1;
}

.flex-slider {
    overflow: hidden;
    position: relative;
    margin-top: 3px;
}

.grid {
    text-align: left;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 9999999999999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.nbs-flexisel-inner {
    overflow: hidden;
}

.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
    overflow: hidden;
}

.nbs-flexisel-inner .cover {
    position: absolute;
    top: 0;
    background: rgba(0,0,0,0.5);
}

.nbs-flexisel-inner .cover_left {
    left: 0;
    z-index:1;
}

.nbs-flexisel-inner .cover_right {
    right: 0;
}

.flex-slider .pic {
    margin: 0 1px;
    position: relative;
    overflow: hidden;
}
    .flex-slider .pic img {
    width:100%;}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
    width: 38px;
    height: 38px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    margin-top: -0em;
}

.nbs-flexisel-nav-left {
    top: -105px;
    background: url(../img/ind_png_17.png) no-repeat;
}

.nbs-flexisel-nav-right {
    background: url(../img/ind_png_19.png) no-repeat;
}

.flex-slider .text {
    padding-left: 15px;
    margin-top: 18px;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
}

.flex-slider .time {
    color: #525252;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 30px;
    line-height: 24px;
}

.ind_about {
    width: 100%;
    background: #f4f4f4;
    padding: 75px 0 80px 0;
}

.width_1600 {
    width: 1600px;
    margin: 0 auto;
}

.ind_menu {
}

    .ind_menu .ind_tit {
        color: #000;
        font-size: 30px;
        line-height: 27px;
        border-left: 6px solid #fbbe3a;
        padding-left: 16px;
        margin-bottom: 20px;
    }

    .ind_menu .ind_titen {
        color: #bfbfbf;
        font-size: 70px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 70px;
    }

.ind_about .top {
    display: flex;
    justify-content: space-between;
}

    .ind_about .top .con p {
        color: #000;
        font-size: 14px;
        line-height: 30px;
    }

    .ind_about .top .con {
        width: 68.3%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: baseline;
    }

        .ind_about .top .con .more {
        }

.ind_about .list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 70px;
}

    .ind_about .list a {
        display: flex;
        width: 24.375%;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

        .ind_about .list a .cover1 {
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
        }
            .ind_about .list a> img {
            width:100%;}

            .ind_about .list a .cover1 .img2 {
                display: none;
            }

            .ind_about .list a .cover1:hover .img2 {
                display: block;
            }

            .ind_about .list a .cover1:hover .img1 {
                display: none;
            }

            .ind_about .list a .cover1:hover {
                background: rgba(255,255,255,0.4);
            }

            .ind_about .list a .cover1 p {
                font-size: 24px;
                line-height: 70px;
                color: #fff;
            }

            .ind_about .list a .cover1:hover p {
                color: #000;
            }

.ind_pro {
    padding: 50px 0;
}

.ind_title {
    color: #000;
    font-size: 36px;
    text-align: center;
    line-height: 50px;
}

.ind_titleen {
    color: #888888;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}

.ind_pro .fl {
    width: 100%;
    margin: 30px 0 35px 0;
}

    .ind_pro .fl ul {
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center;
    }


            .ind_pro .fl ul li a {
                line-height: 36px;
                color: #000;
                font-size: 14px;
                text-align: center;
                display: block;
                padding: 0 30px;
            }

        .ind_pro .fl ul .shu {
            height: 12px;
            width: 1px;
            background: #bfbfbf;
            padding-right: 0;
        }

        .ind_pro .fl ul li:hover a {
            background: #fbbe3a;
        }

        .ind_pro .fl ul .shu:last-child {
            display: none;
        }

        .ind_pro .fl ul li .on {
            background: #fbbe3a;
        }

.ind_pro .list .nbs-flexisel-item a {
    display: block;
    margin: 0 7px;
}

    .ind_pro .list .nbs-flexisel-item a img {
        max-width: 100%;
    }

.ind_pro .list .nbs-flexisel-nav-left {
    height: 67px;
    width: 38px;
    background: url(/img/ind_png_43.png);
    left: 7px !important;
}

.ind_pro .list .nbs-flexisel-nav-right {
    height: 67px;
    width: 38px;
    background: url(/img/ind_png_42.png);
    right: 7px !important;
}

.ind_sc {
    width: 100%;
    height: 797px;
    background: url(/img/ind_scbj.jpg) no-repeat center;
    padding-top: 60px;
    overflow:hidden;
}

/* posterTvGrid */
.posterTvGrid {
    position: relative;
    height: 408px;
    margin-left: 80px;
}

    .posterTvGrid img {
        max-width: none;
        max-height: none;
        border: 0 none;
        background: #888;
    }

    .posterTvGrid .contentHolder {
        position: relative;
        overflow: hidden;
    }

    .posterTvGrid .contentHolderUnit {
        cursor: pointer;
        position: absolute; /*width:475px !important;height:400px !important;*/
    }

        .posterTvGrid .contentHolderUnit a.elementLink {
            display: block;
            overflow: hidden;
            z-index: 3;
            position: absolute;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
        }

        .posterTvGrid .contentHolderUnit img {
            width: 100%;
            height: 100%;
            border: 4px solid #fbbe3a;
        }

        .posterTvGrid .contentHolderUnit .elementTitle {
        }

        .posterTvGrid .contentHolderUnit .elementOverlay {
            z-index: 1;
            position: absolute;
            top: 0;
            left: 0;
            background: #000;
            width: 100%;
            height: 100%;
            opacity: 0;
            filter: opacity=0;
        }

        .posterTvGrid .contentHolderUnit .leftShadow {
            position: absolute;
            top: 23px;
            left: -174px;
            width: 174px;
            height: 224px;
            background: url(img/leftShadow.png) no-repeat;
        }

        .posterTvGrid .contentHolderUnit .rightShadow {
            position: absolute;
            top: 23px;
            right: -174px;
            width: 174px;
            height: 224px;
            background: url(img/rightShadow.png) no-repeat;
        }

    .posterTvGrid .bannerControls {
    }

    .posterTvGrid .leftNav, .posterTvGrid .rightNav {
        cursor: pointer;
        z-index: 10;
        position: absolute;
        top: 50%;
        width: 55px;
        height: 55px;
        margin-top: -43px;
    }

    .posterTvGrid .leftNav {
        left: 0px;
        background: url("/img/ind_png_48.png") no-repeat;
        _background: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/slide_prev_btn.png");
    }

    .posterTvGrid .rightNav {
        right: 65px;
        background: url("/img/ind_png_51.png") no-repeat;
        _background: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/slide_next_btn.png");
    }

    .posterTvGrid .leftNav:hover {
    }

    .posterTvGrid .rightNav:hover {
    }

    .posterTvGrid .bottomNav {
        z-index: 140;
        position: absolute;
        width: 100%;
        height: 10px;
        margin-top: 450px;
        padding: 10px 0 0;
        text-align: center;
        margin-left: -38px;
    }

    .posterTvGrid .bottomNavButtonOFF {
        cursor: pointer;
        overflow: hidden;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 12px;
        height: 12px;
        margin: 0 5px;
        vertical-align: top;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background: #fff;
    }

        .posterTvGrid .bottomNavButtonOFF:hover {
            background: #aaa;
        }

    .posterTvGrid .bottomNavButtonON,
    .posterTvGrid .bottomNavButtonON:hover {
        background: #fbbe3a;
    }

    .posterTvGrid .bottomNavLeft {
    }

    .posterTvGrid .bottomNavRight {
    }

#posterTvGrid {
    height: 405px !important;
}
/*.posterTvGrid > div {
    height:100% !important;}*/
/* posterTvGrid   end */

.theTitle {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    display: none;
}

.isNow .theTitle {
    display: block;
}

.ind_more {
    width: 158px;
    height: 44px;
    border: 1px solid #fff;
    margin: 100px auto 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
}

    .ind_more img {
        margin-left: 20px;
    }

.about_top_but {
    bottom: 90px;
    margin-left: -55px;
}

.about_top_but {
    border: 1px solid transparent;
    position: absolute;
    bottom: 70px;
    left: 50%;
    margin-left: 14px;
    z-index: 10;
    border-radius: 0;
    width: 130px;
    height: 30px;
}

.about_top_but {
    width: 78px;
    height: 18px;
    border-radius: 13px;
    padding-top: 5px;
    float: right;
    border: 1px solid #e7e7e7;
    display: block;
    margin-top: 8px;
    transition: all .3s ease-out 0s;
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.about_top_but::before {
    border: 2px solid #303030;
}

.about_top_but::before, .about_top_but::after {
    content: '';
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
    top: -5px;
    left: -13px;
}

.about_top_but span {
    background: url(../images/icon.png) no-repeat 0 -22px;
    width: 34px;
    height: 14px;
    display: block;
    margin-left: 35px;
    transition: all .3s ease-out 0s;
}

.show_bot li:hover {
    box-shadow: none;
}

.about_top_but:hover {
    background: transparent;
    border: 1px solid transparent;
}

    .about_top_but::before, .about_top_but:hover::after {
        -webkit-transform: scale3d(0.7, 0.7, 1);
        transform: scale3d(0.7, 0.7, 1);
    }

.about_top_but:hover {
    background: #13df81;
    border: 1px solid #13df81;
}







    .about_top_but:hover span {
        background: url(../img/icon.png) no-repeat 0 -38px;
    }

.ind_pp {
    width: 100%;
    background: #eeeeee;
    padding: 80px 0;
}

    .ind_pp .ind_more {
        border: 1px solid #b8b8b8;
        color: #454545;
        margin-left: 0;
        margin-top: 290px;
    }

    .ind_pp .width_1600 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ind_pp .right {
        background: #fff;
        width: 62.75%;
    }

        .ind_pp .right ul {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-flow: row wrap;
        }

            .ind_pp .right ul li {
                width: 20%;
                border-top: 1px solid #eeeeee;
                border-right: 1px solid #eeeeee;
            }

                .ind_pp .right ul li a {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 130px;
                }

                    .ind_pp .right ul li a .img2 {
                        display: none;
                    }

                .ind_pp .right ul li:hover .img1 {
                    display: none;
                }

                .ind_pp .right ul li:hover .img2 {
                    display: initial;
                }

            .ind_pp .right ul .more {
                width: 40%;
            }

                .ind_pp .right ul .more a {
                    color: #919191;
                    font-size: 22px;
                }

                    .ind_pp .right ul .more a img {
                        margin-left: 38px;
                    }

            .ind_pp .right ul li:nth-child(5n) {
                border-right: none;
            }

.ind_contact {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 72px 0 65px 0;
}

.slideBox {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .slideBox .hd {
        height: 5%;
        overflow: hidden;
        position: absolute;
        right: 5px;
        bottom: 5px;
        z-index: 2;
        left: 50%;
        margin-left: -44px;
    }

        .slideBox .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
        }

            .slideBox .hd ul li {
                float: left;
                margin-right: 2px;
                width: 30px;
                height: 20px;
                line-height: 14px;
                text-align: center;
                background: #fff;
                cursor: pointer;
                background: url(../img/def.png) no-repeat center;
            }

                .slideBox .hd ul li.on {
                    color: #fff;
                    background: url(../img/cur.png) no-repeat center;
                }

    .slideBox .bd {
        position: relative;
        width: 100%;
        z-index: 1;
    }

        .slideBox .bd ul {
            width: 100%;
        }

        .slideBox .bd li {
            zoom: 1;
            vertical-align: middle;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: space-between;
        }

            .slideBox .bd li .left {
                display: block;
                width: 31.875%;
                margin: 0 auto;
            }

    .slideBox .prev {
        display: block;
        float: right;
        overflow: hidden;
        cursor: pointer;
        background: url(../img/ind_button.png) left top no-repeat;
        position: absolute;
        width: 29px;
        height: 43px;
        z-index: 3333;
        left: 0;
        bottom: 0;
            background-position: 0px 0px;-webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    }

    .slideBox .next {
        display: block;
        float: right;
        overflow: hidden;
        cursor: pointer;
        background: url(../img/ind_button.png) left top no-repeat;
        position: absolute;
        width: 29px;
        height: 43px;
        left: 66px;
        z-index: 3333;
        bottom: 0;
        background-position: 0px -44px;-webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    }
    .slideBox .prev:hover {background-position:-30px 0px;-webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    }

    .slideBox .next:hover {background-position:-30px -44px;-webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    }





.tempWrap {
    width: 100%;
}

.slideBox .bd li .right {
    width: 68.125%;
}

.slideBox .bd li .left .state {
    border-left: 6px solid #fbbe3a;
    line-height: 29px;
    color: #000;
    font-size: 30px;
    text-indent: 14px;
}

.slideBox .bd li .left .com_name {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    padding: 60px 0 20px 0;
}

.slideBox .bd li .left .heng {
    width: 16px;
    height: 3px;
    background: #000;
}

.slideBox .bd li .left .lxfs {
    line-height: 28px;
    font-size: 14px;
    color: #222222;
    letter-spacing: 2px;
    margin-top: 16px;
}

    .slideBox .bd li .left .lxfs span {
        color: #888;
        letter-spacing: 1px;
        padding-top: 8px;
        display: block;
    }


footer nav {
    width: 100%;
    background: #f6f6f6;
    padding-bottom: 28px;
}


    footer nav .width_1600 > ul {
        display: flex;
        justify-content: space-between;
    }

        footer nav .width_1600 > ul > li {
            font-size: 16px;
            line-height: 64px;
            margin-top: 18px;
            font-weight: bold;
        }

            footer nav .width_1600 > ul > li ul li a {
                color: #353535;
                font-size: 15px;
                line-height: 30px;
                display: block;
                font-weight: 400;
            }


.bottom {
    color: #cccccc;
    font-size: 13px;
    background: #454545;
}

    .bottom .width_1600 {
        display: flex;
        align-items: center;
        min-height: 50px;
        letter-spacing: 1px;
        justify-content: space-between;
    }

        .bottom .width_1600 a {
            color: #cccccc;
            font-size: 13px;
        }


.yqlj {
    width: 189px;
    height: 32px;
    float: right;
    position: relative;
}

.yl1 {
    width: 189px;
    height: 32px;
    cursor: pointer;
}

.yl11 {
    width: 157px;
    height: 32px;
    float: left;
    background: #fff;
    text-align: center;
    color: #adb0b9;
    font-size: 12px;
    text-align: center;
    line-height: 32px;
}

.yl12 {
    width: 32px;
    height: 32px;
    float: right;
    background: url(/img/ind_png_138.png) no-repeat center #828282;
}

.yqlj ul {
    position: absolute;
    bottom: 22px;
    left: 0;
    border: 1px solid #ebebeb;
}

    .yqlj ul li {
        height: 22px;
        background: #fff;
        line-height: 22px;
        width: 155px;
        text-indent: 12px;
    }

        .yqlj ul li a {
            color: #adb0b9;
            font-size: 12px;
        }

.ewm {
    height: 21px;
    width: 21px;
    display: flex;
    justify-content: center;
    float: right;
    margin-right: 20px;
    margin-top: 6px;
    align-items: center;
    position: relative;
}

    .ewm:hover .foot_ewm {
        display: block;
    }

.foot_ewm {
    display: none;
    width: 192px;
    height: 198px;
    position: absolute;
    top: -209px;
    left: -80px;
}

.width_1024 {
    width: 1024px;
    margin: 0 auto;
}

.son_menu {
    width: 100%;
    min-height: 70px;
    background: #fff;
    border-bottom: 4px solid #eeeeee;
    padding-top: 22px;
}

    .son_menu .width_1024 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .son_menu .width_1024 ul {
            width: 100%;
            display: flex;
            align-items: center;
        }

    .son_menu ul li {
    }

    .son_menu .about {
        justify-content: space-between;
    }

    .son_menu ul li a {
        display: flex;
        justify-content: center;
        color: #353535;
        font-size: 13px;
        margin-bottom: -4px;
        border-bottom: 4px solid #eee;
        line-height: 70px;
        align-items: center;
    }

        .son_menu ul li a .img2 {
            display: none;
        }

    .son_menu ul li:hover .img1 {
        display: none;
    }

    .son_menu ul li:hover .img2 {
        display: initial;
    }

    .son_menu ul li:hover a {
        color: #fbbe3a;
        border-bottom: 4px solid #fbbe3a;
    }

    .son_menu ul li a img {
        margin-right: 11px;
    }

    .son_menu ul .xz .img1 {
        display: none;
    }

    .son_menu ul .xz .img2 {
        display: initial;
    }

    .son_menu ul .xz a {
        color: #fbbe3a;
        border-bottom: 4px solid #fbbe3a;
    }

.about_zc {
    margin: 86px auto 185px auto;
    display: flex;
    justify-content: space-between;
    
       align-items: end;
}

    .about_zc .con {
        width: 59.583333%;
    }

        .about_zc .con .tit {
            font-size: 36px;
            line-height: 40px;
            font-weight: bold;
            border-bottom: 3px solid #fbbe3a;
            padding-bottom: 23px;
            margin-bottom: 30px;
        }

            .about_zc .con .tit span {
                font-size: 20px;
                font-weight: 400;
            }

.son_banner img {
    width: 100%;
}

.about_zc .con p {
    font-family: LiSu;
    color: #111111;
    font-size: 16px;
    line-height: 26px;
}

.about_his {
    margin: 56px auto 68px auto;
}

    .about_his img {
        margin: 0 auto 8px auto;
        border: 1px dashed #e5e5e5;
    }

.about_jj .con {
    width: 45.052083333333%;
    margin-right: 3.125%;
    margin-top: 12px;
}

    .about_jj .con p {
        font-family: "微软雅黑";
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 10px;
        color: #484848;
    }

.about_cul img {
    margin-left: 8.30078125%;
    width:auto;
}

.about_cul {
    margin: 78px auto 100px auto;
    align-items: center;
}

    .about_cul .con p {
        color: #000000;
        font-size: 14px;
        line-height: 22px;
        font-family: "微软雅黑";
    }

    .about_cul .con {
        width: 42%;
    }

.about_org {
    margin: 78px auto 142px auto;
}

    .about_org .kk {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 86px;height:416px;
    }

        .about_org .kk .map {
            width: 63.3333333%;
            margin-right: 3.3333333%;
        }

        .about_org .kk .xq {
        }

            .about_org .kk .xq .ta {
                font-size: 18px;
                line-height: 26px;
                font-weight: bold;
                margin-top: 10px;
            }

            .about_org .kk .xq .com {
                font-size: 24px;
                font-weight: bold;
                margin-bottom: 18px;
                line-height: 40px;
            }

            .about_org .kk .xq p {
                line-height: 30px;
                font-size: 16px;
                margin-top: 5px;
            }

.width_1300 {
    width: 1300px;
    margin: 0 auto;
}

.about_str {
    margin: 84px auto 140px auto;
}

    .about_str img {
        margin: 0 auto;
    }

.son_menu .joinus {
    justify-content: center;
}

    .son_menu .joinus li {
        padding: 0 52px;
    }

.join {
    margin: 80px auto 14px auto;
    width: 93.75%;
    display: flex;
    flex-wrap: wrap;
}

    .join .kk {
        width: 23.1%;
        height: 210px;
        border-radius: 10px;
        box-shadow: #efefef 0px 0px 10px;
        margin-right: 2.5%;
        margin-bottom: 38px;
        display: flex;
        align-items: center;
    }
        .join .kk a {
        width:100%;}
        .join .kk:nth-child(4n) {
            margin-right: 0;
        }

        .join .kk .zw {
            display: flex;
            align-items: center;
            color: #000;
            font-size: 20px;
            margin-bottom: 15px;
        }

        .join .kk .ms {
            color: #555555;
            font-size: 14px;
            line-height: 26px;
        }

        .join .kk .div {
            width: 82.9268292682968%;
            margin: 0 auto;
        }

        .join .kk .img2 {
            display: none;
        }

        .join .kk:hover .img1 {
            display: none;
        }

        .join .kk:hover .img2 {
            display: inherit;
        }

        .join .kk .zw img {
            margin-right: 8px;
        }

        .join .kk:hover .zw {
            color: #fbbe3a;
        }

        .join .kk:hover .ms {
            color: #fbbe3a;
        }

        .join .kk .ms img {
            float: right;
        }

        .join .kk .ms p {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
        }

.zpfs {
    width: 100%;
    border-radius: 10px;
    border: 1px dashed #e5e5e5;
    display: flex;
    align-items: center;
    padding: 25px 0;
    margin-bottom: 70px;
}

    .zpfs .xq {
        margin-left: 2.888888889%;
    }

        .zpfs .xq p {
            display: flex;
            align-items: center;
            font-size: 14px;
            line-height: 36px;
        }

            .zpfs .xq p img {
                margin-right: 10px;
            }


.detailInfo {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
    background: rgba(0,0,0,.21);
    display: none;
    top: 0;
    left: 0;
}

.white1 {
    width: 905px;
    border-radius: 5px;
    background: rgba(255,255,255,0.5);
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    margin: 5% auto;
    height: 80%;
}

.white2 {
    width: 890px;
    background: #fff;
    display: flex;
    flex-flow: row wrap;
    margin: 7.5px auto;
    padding-bottom: 50px;
}

    .white2 .head {
        width: 100% !important;
        padding: 0 5%;
        height: 56px !important;
        display: flex;
        align-items: center;
        background: #fbbe3a;
        text-align: center;
    }

        .white2 .head p {
            font-weight: bold;
            color: #fff;
            font-size: 20px;
            width: 100%;
            text-align: center;
        }

        .white2 .head img {
            margin-right: -4%;
            cursor: pointer;
        }

    .white2 .part {
        padding: 0px 5%;
        width: 90%;
        display: flex;
        flex-direction: column;
        padding-bottom: 22px;
        border: none;
    }

        .white2 .part .title {
            font-weight: bold;
            font-size: 14px;
            color: #000;
            line-height: 24px;
        }

        .white2 .part .text p {
            color: #000;
            font-size: 14px;
        }

    .white2 .part2 {
        padding: 0px 5%;
        width: 90%;
        display: flex;
        padding-bottom: 0;
    }

        .white2 .part2 .title {
            font-weight: bold;
            font-size: 0.35rem;
            color: #000;
            line-height: 0.75rem;
        }

        .white2 .part2 .text {
            font-size: 0.35rem;
            color: #000;
        }

.joinD {
    width: 99%;
    height: 80%;
    overflow-y: auto;
    overflow-x: hidden;
}

.white2 .part .ze_name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}

.white2 .zpfs .xq {
    margin-left: 5%;
}

.white2 .zpfs {
    margin-bottom: 0;
    margin-top: 10px;
}

.tender {
    margin: 38px auto 96px auto;
}

    .tender a {
        display: flex;
        justify-content: space-around;
        height: 240px;
        border-bottom: 1px solid #f3f3f3;
        align-items: center;
    }

        .tender a .left {
            width: 60.16666666667%;
        }

            .tender a .left .bt {
                font-size: 18px;
                line-height: 24px;
                color: #000;
            }

            .tender a .left .time {
                color: #888888;
                font-size: 13px;
                line-height: 24px;
            }

            .tender a .left p {
                color: #555555;
                font-size: 14px;
                line-height: 24px;
            }

            .tender a .left .more {
                width: 90px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                color: #fff;
                font-size: 12px;
                background: #fbbe3a;
                margin-top: 32px;
            }

        .tender a:hover {
            background: #f7f7f7;
            border-bottom: 1px solid #f7f7f7;
        }

.brand {
    margin: 70px auto 128px auto;
    display: flex;
    flex-flow: wrap row;
}

    .brand a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 15.23076923076923%;
        height: 128px;
        border-radius: 5px;
        border: 1px solid #eaeaea;
        margin-right: 0.84615384615385%;
        margin-bottom: 11px;
    }
        .brand a:hover {
        opacity:0.5}

.liucheng {
    margin: 100px auto 130px auto;
}

.newsD .tit {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 12px;
}

.newsD .time {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 10px;
}

.newsD .xian {
    border-top: 1px dashed #bebebe;
    border-bottom: 1px dashed #bebebe;
    height: 3px;
    margin-bottom: 35px;
}

.newsD .con p {
    color: #353535;
    font-size: 15px;
    line-height: 24px;
}

.newsD {
    padding: 80px 0 70px 0;
}

    .newsD .con {
        margin-bottom: 88px;
    }

    .newsD .fanye {
        color: #666666;
        font-size: 16px;
        line-height: 28px;
        font-weight: bold;
    }

        .newsD .fanye:hover .a1 {
            color: #eeab19;
        }

        .newsD .fanye img {
            float: right;
        }
        .newsD .fanye a {color:#353535}
.video {
width:89.0625%;margin:0 auto;}
.video .list{margin:60px auto;display:flex;flex-flow:row wrap;width:100%;}
    .video .list a{width:23.3%;overflow:hidden;display:block;margin-right:2.16374269005848%;margin-bottom:14px;}
.video .list a .img {width:100%;height:200px;background-size:cover;}
    .video .list a .img .cover {
    width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;}
        .video .list a p {color:#353535;font-size:16px;line-height:50px;text-align:center;
        }
        .video .list a:nth-child(4n) {margin-right:0;}
.videod {
width:91.66666666667%;margin:58px auto;}
    .videod .tit {color:#353535;font-size:18px;font-weight:bold;text-align:center;margin-bottom:30px;
    }
        .videod  a {
        float:right;}

.yangping {display:flex;flex-flow:row wrap;margin-top:40px;}
    .yangping .kk {width:24.4479166666667%;margin-right:0.73%;margin-bottom:70px;position:relative;
}

        .yangping .kk .cover {position:absolute;top:0;left:0;
        height:100%;width:100%;background:rgba(251,190,58,0.8);justify-content:center;align-items:center;color:#fff;font-size:24px;
display:none;}
        .yangping .kk:hover .cover{display:flex;}

        .yangping .kk:nth-child(4n) {
        margin-right:0;}
        .yangping .kk img {
        display:block;}
.page p {
    float: left;
    width: 35px;
    line-height: 35px;
    height:35px;
    text-align: center;
    overflow: hidden;
    font-size: 14px;
    color: #7f7f7f;
    margin-right: 5px;
    margin-bottom: 20px;
    background:#f7f7f7;
    font-weight:bold;
    font-family:Arial;
    border:1px solid #dcdcdc;
    border-radius:2px;
}

.page .current
{
    background-color:#fbbe3a;
    color:#ffffff;
    border-color: #edb02e;
}

.page {
width:100%;height:38px;display:flex;justify-content:center;align-items:center;margin-bottom:80px;}
.liucheng .list {display:flex;flex-flow:row wrap;}
    .liucheng .list .kk {display:flex;flex-flow:row wrap;align-items:center;width:120px;
    }
        .liucheng .list .kk p {color:#000000;font-size:15px;line-height:22px;text-align:center;width:100%;padding:6px 0;}
    .liucheng .list .jt{height:120px;width:48px;justify-content:center;
    }

    .liucheng .list .xia_jt {width:100%;}
        .liucheng .list .xia_jt .img {float:right;display:flex;justify-content:center;align-items:center;
        width:120px;height:52px;}
        .liucheng .list .xia_jt img {}


    .liucheng .list .kk:hover img {opacity:0.5}
.culture {
    width: 379px;
    height: 419px;
    background: url(/img/culture.png);
    position: relative;
}

    .culture .qq {
        width: 119px;
        height: 119px;
        border-radius: 60px;
        background: #fbbe3a;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        flex-direction: column;
        transition: 1s all;
        cursor:pointer;
    }

    .culture .dq {
        width: 162px;
        height: 160px;
        border-radius: 80px;
        top: 128px;
        left: 108px;
    }

    .culture .qq img {
        margin: 0;
        margin-bottom: 12px;
         -moz-transition: all 2s;
    -ms-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    }

    .culture .dq img {
        margin-bottom: 8px;
    }

    .culture .qq strong {
        font-size: 14px;
        text-align: center;
        width: 100%;
    }

    .culture .dq strong {
        text-align: center;
        width: 100%;
        font-size: 24px;
    }

    .culture .qq:hover {
        -webkit-transfortransform: matrix(1.1, 0, 0, 1.1, 0, 0);
        -ms-transformtransform: matrix(1.1, 0, 0, 1.1, 0, 0);
        -moz-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
        transform: matrix(1.1, 0, 0, 1.1, 0, 0);
        transition: 1s all;
        -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    }
        .culture .qq:hover img {
        -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
        }
        .slideBox2 { width: 100%;overflow: hidden; position: relative; }
    .slideBox2 .hd { height: 5%; overflow: hidden; position: absolute; right:3.125%; bottom: 5px; z-index: 2; }
        .slideBox2 .hd ul { overflow: hidden; zoom: 1; float: left; }
            .slideBox2 .hd ul li { float: left; width: 4px; height: 11px;background: #fff; cursor: pointer; margin-top:9px;border-radius:5px;margin-right:10px; }
                .slideBox2 .hd ul .on { width:4px;height:20px;border-radius:10px;margin-top:0;background:#fff;
}
    .slideBox2 .bd { position: relative; width: 100%; z-index: 1; height: 100%; }
        .slideBox2 .bd ul { width: 100%; height: 100%; }
        .slideBox2 .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 100%; }
            .slideBox2 .bd li div { display: block; width: 100%; margin: 0 auto; height: 100%; }
.tempWrap { width: 100%; }
.slideBox2 .bd li div img {display:block;width:100%;}

 .slideBox2 .hd ul .on div
{   position:relative;
     animation:mymove 5s infinite;
-moz-animation:mymove 5s infinite; /* Firefox */
-webkit-animation:mymove 5s infinite; /* Safari and Chrome */
-o-animation:mymove 5s infinite; /* Opera */
      height:20px;
     background:#fbbe3a;width:4px;height:20px;border-radius:5px;

}
  
@keyframes mymove
{
from {top:20px;}
to {top:0px;}
}







        /*自适应开始*/
.about_m {display:none;}
.news_m {
display:none;}
.liucheng .list800, .liucheng .list620 {
display:none;}
#view_l{float: right;margin-right: 6.3%;}
.HD{display:none;width:100%;z-index:999;position:relative;position:fixed;background:#fff;height:80px;}
#view_l> .div{position: fixed;width: 100%;background-color:#fff;display: none;top: 80px;padding: 10px 0;z-index: 999;right:0;height:1080px;border-top:1px solid #cacaca}
#view_l> .div a{display: block;text-align: center;font-size:22px;line-height:65px;font-weight:bold;color:#000;}
.hamburger {position: relative;height: 80px;width: 25px;top: 0;right: 0;float: right;padding: 0 30px;cursor: pointer;z-index: 999999;}
.hamburger span {height: 3px;width: 25px;background-color: #000;position: absolute;transition: all .2s cubic-bezier(.4,0,.2,1);}
.open  span:last-child{transform:rotate(45deg);bottom:38px !important;}
.open  span:first-child{transform:rotate(-45deg);top:39px !important;}
.hamburger span:last-child{bottom:34px}
.hamburger span:first-child{top:34px}
#logo img { margin-left:6.3%;margin-top:15px;}
.open .header__navigation {
    transform: translateX(0);
}
.header__navigation {
    transform: translateX(-100%);
    transition: transform .5s cubic-bezier(.4,0,.2,1);
}
.open {overflow-x:hidden;overflow-y:hidden;}
.bannerBox .m {
display:none;}
.banner_m {
display:none;}
@media screen and (max-width:1600px) {
    .width_1600 {
    width:96%;}


}
@media screen and (max-width:1300px) {
    .width_1300 {width:98%;}
    .liucheng .list1300{display:none;}
    .liucheng .list800 {display:flex;width:800px;margin:0 auto;justify-content:flex-end;}


}









@media screen and (max-width:1200px) {
    .ind_about .top .con {width:60%;}
    .ind_pp .width_1600 {flex-direction:column;align-items:flex-start}
    .ind_pp .right {width:100%;}
    .ind_pp .ind_more {display:none;}
    .slideBox .bd li {
    flex-direction:column;}
        .slideBox .bd li .left {
        width:100%;}
        .slideBox .bd li .right {
        width:100%;}
    .my-map {height:368px !important;}
    .container {
    width:100%;}
    .about_zc .con {
    width:55%;}
    .about_jj >.con{
    width:48%;margin-right:1%;}
    .video .list a {
   width:31.1%; }
      .video .list a:nth-child(4n) {margin-right:2.16374269005848%;}
      .video .list a:nth-child(3n) {margin-right:0;}
    .newsD {
    width:96%;}









}
@media screen and (max-width:1024px) {
    .width_1024 {
    width:98%;}
        .about_pc > img {
    width:40%;}
    .tender a {
    padding:0 10px;}
    .join .kk {
    width:31%;}
    .join .kk:nth-child(4n) {margin-right:2.5%;}
     .join .kk:nth-child(3n) {margin-right:0;}

}
@media screen and (max-width:960px) {
    .ind_menu .ind_titen {
    display:none;}
    .ind_about .top {
    flex-direction:column;}
        .ind_about .top .con {
        width:100%;}
    .ind_about .list {flex-wrap:wrap;}
        .ind_about .list a {margin-bottom:10px;
        width:49%;}
        .son_menu .width_1024 ul{flex-flow:wrap row;}
    .son_menu ul li a {
    border-bottom:none;}
    .son_menu ul li {
    width:33%;}
    .son_menu ul li:hover a {
        border-bottom: none;
    }
     .son_menu ul .xz a {
        border-bottom:none;
    }
    .about_cul {flex-direction:column;}
    .culture{margin-bottom:40px;}
    .about_org .kk {
    flex-direction:column;height:auto;}
        .about_org .kk {
        width:80%;margin:0 auto;margin-bottom:86px;}
            .about_org .kk .map {
            height:320px !important;width:80%;}
    .yangping .kk {
        width: 32.84%;
    }
    .yangping .kk:nth-child(4n) {
        margin-right:0.73%;}
     .yangping .kk:nth-child(3n) {
        margin-right:0;}
    .brand a {
    width:32.2%;}
    .son_menu .joinus li {width:auto;}
    .HD {
    display:block;left:0;top:0;}
    header .kk {display:none;}
    .bannerBox .pc {display:none;}
    .bannerBox .m {display:block;}
    .banner_m {display:block;}
    .banner_pc {display:none;}
}
@media screen and (max-width:920px) {
    .nbs-flexisel-inner .cover_left,.nbs-flexisel-inner .cover_right {
    display:none;}
    .nbs-flexisel-nav-right {right:0 !important;}
    .nbs-flexisel-nav-left {left:0 !important;}
    .ind_pro .fl ul {
   width:550px;margin:0 auto;flex-flow:wrap row; }
        .ind_pro .fl ul li a { font-size:18px;margin-bottom:5px;}
        .ind_pro .fl ul .shu:nth-child(4n) {display:none;}
    .bottom .width_1600 .text {width:280px;}
    .ewm {
    display:none;}
    .about_pc {
    display:none;}
    .about_m {
    display:flex;}
    .about_zc .con {
    width:90%;margin:0 auto;}
    .video .list a:nth-child(3n) {margin-right:2.16374269005848%;}
    .video .list a:nth-child(2n) {margin-right:0;}
    .video .list a {
    width:48%;}
    .white1 {
   width:510px; }
    .white2 {
    width:490px;}









}
@media screen and (max-width:820px) {
 .liucheng .list800 {display:none;}
    .liucheng .list620 {
    display:flex;width:630px;margin:0 auto;}
     .join .kk {
    width:48%;}
    .join .kk:nth-child(3n) {margin-right:2.5%;}
     .join .kk:nth-child(2n) {margin-right:0;}




}



@media screen and (max-width:800px) {
.tender a{flex-direction:column;height:auto;}
.news_pc {display:none;}
.news_m{display:block;}
    .tender a .left {
    width:90%;}
    .tender a {
    padding:20px 0;}
        .tender a .left {
        margin-top:20px;}

 .yangping .kk {
            width: 49.6%;
    }
    .yangping .kk:nth-child(3n) {
        margin-right:0.73%;}
     .yangping .kk:nth-child(2n) {
        margin-right:0;}
      .brand a {
    width:32%;}














}
@media screen and (max-width:680px) {
    .tender a > img {
    width:90%;}
    .son_menu .joinus li {
    padding:0 20px;}
                footer nav .width_1600 > ul > li > ul {
            display:none;}
                
    .son_menu ul li:hover .img1 {
        display: initial;
    }

    .son_menu ul li:hover .img2 {
        display: none;
    }

    .son_menu ul li:hover a {
        color: #353535;
        border-bottom:4px solid #eee;
    }
}
/*自适应结束*/





























