.change-orange-white {
    color: orange;
    opacity: 1
}
/*.change-white-black{background-color: #000000}*/
#wenzi-two {
    width: 70%
}

#twl-4, #twl-6 {
    width: 100%
}


#mian .swiper-slide img {
    width: 100%;
    height: 100%
}

#wenzi-two {
    position: absolute;
    z-index: 150
}

.nav-vertical {
    position: absolute;
    right: 35px;
    bottom: 10px;
    top: 10px;
    z-index: 100;
    height: auto;
    width: auto
}

    .nav-vertical img {
        width: 100%;
        height: 100%;
        z-index: 100
    }

#nav-word .nav-word-vertical {
    position: fixed;
    right: 65px;
    top: 24%;
    z-index: 201;
    font-size: 15px;
    color: #e7f2f9;
}

    #nav-word .nav-word-vertical li {
        margin: 0 0 35px 0;
        text-align: right;
        cursor: pointer
    }


#twl-today {
    position: absolute;
    z-index: 1;
    padding: 14% 18% 0 6.3%;
    top: 0;
    width: 60%
}

    #twl-today img {
        width: 100%
    }

#icon-record {
    width: 50%;
    height: 50px;
    position: absolute;
    bottom: 3%;
    left: 125px;
    z-index: 151
}

    #icon-record .year {
        float: left;
        height: 80px;
        width: 32px
    }

    #icon-record .year-container {
        height: 80px;
        width: 20px;
        margin: 0 auto
    }

    #icon-record .year .dot-orange-year img {
        top: 0px;
        width: 20px
    }

    #icon-record .year .year-container .dot-orange-year img {
        z-index: 152;
        position: absolute;
        margin: 5px 0
    }

    #icon-record .year .year-container .dot-white-big img {
        z-index: 153;
        position: absolute;
        margin: 5px 0
    }

    #icon-record .month {
        float: left;
        margin-top: 10px;
        width: 0px;
        overflow: hidden
    }

        #icon-record .month ul {
            width: 120px;
            height: 10px
        }

            #icon-record .month ul li {
                background-image: url("../images/twl/dot-white-small.png");
                height: 10px;
                width: 10px;
                float: left
            }

                #icon-record .month ul li:hover {
                    background-image: url("../images/twl/dot-orange-small.png")
                }

#move-up-dowm {
    float: right;
    height: 100%;
}
/*大事件上下导航*/
#space {
    height: 300px
}

#move-up-dowm img {
    display: block !important;
    width: 50px;
    height: 30px;
}

#down, #up {
    width: 50px;
    height: 50px
}

    #down img, #up img {
        position: relative;
        top: 10px
    }

    #down:hover, #up:hover {
        background-color: #3837c3;
        opacity: .4;
        border-radius: 50%
    }

#main-business {
    width: auto;
    position: absolute;
    z-index: 1;
    padding: 10% 17% 0 6%;
    top: 0;
    color: #ffffff
}

    #main-business .main-business-title {
        text-align: center;
        width: 100%
    }

        #main-business .main-business-title img {
            width: 37.4%
        }

    #main-business .main-business-pic {
        overflow: auto;
        margin-top: 4%
    }

        #main-business .main-business-pic li {
            float: left;
            width: 26%;
            border: 18px solid rgba(255,255,255,.5);
            margin: 0 1.9%;
            font-size: 0;
            position: relative
        }

            #main-business .main-business-pic li img {
                width: 100%
            }

    #main-business .main-business-pic-bg {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #373994;
        opacity: 0
    }

    #main-business .main-business-title-bg {
        position: absolute;
        bottom: 0;
        background-color: #000000;
        width: 100%;
        height: 12%;
        opacity: .4
    }

    #main-business .title-bottom {
        position: absolute;
        bottom: 0;
        font-size: 15px /*;color: #ffffff*/;
        width: 100%;
        text-align: center;
        padding: 5% 0
    }

    #main-business .title-middle {
        position: absolute;
        top: 42%;
        font-size: 15px /*;color: #ffffff*/;
        width: 100%;
        text-align: center; /*padding: 5% 0*/
    }






#enterprise-honor {
    position: absolute;
    z-index: 1;
    padding: 13% 17% 0 6%;
    top: 0;
    width: 78%
}

    #enterprise-honor .swiper-container-h {
        overflow: hidden
    }

    #enterprise-honor .swiper-slide-h img {
        width: 100%
    }

    #enterprise-honor .enterprise-title {
        text-align: center;
        width: 100%
    }

        #enterprise-honor .enterprise-title img {
            width: 39%
        }

    #enterprise-honor .enterprise-pic {
        padding-top: 7%;
        overflow: auto
    }

        #enterprise-honor .enterprise-pic li {
            width: 21%;
            margin: 0 2%;
            float: left
        }

            #enterprise-honor .enterprise-pic li img {
                width: 100%
            }

            #enterprise-honor .enterprise-pic li p {
                font-size: 17px;
                color: #ffffff;
                text-align: center
            }
/*企业荣誉下swiper*/
.swiper-button-next, .swiper-button-prev {
    top: 80%;
    right: 13%
}

.max {
    width: 100%;
    height: auto
}

.min {
    width: 400%;
    height: auto
}



/*#page-qyry{position: absolute;z-index: 1;width: 100%;text-align: center;margin-top: 5%}*/
/*#page-qyry .page-container{position: fixed;bottom:0;text-align: center;width: 77% }
#page-qyry .page-container ul{display: inline-block}
#page-qyry .enterprise-pic ul{overflow: auto}
#page-qyry ul li{float: left;height: 45px;width: 45px;background-repeat: no-repeat;background-size: 90% 90%}
#page-white-prev {background-image: url("../images/twl/qyry-page-white-prev.png")}
#page-white-1 {background-image: url("../images/twl/qyry-page-white-1.png")}
#page-white-2 {background-image: url("../images/twl/qyry-page-white-2.png")}
#page-white-3 {background-image: url("../images/twl/qyry-page-white-3.png")}
#page-white-4 {background-image: url("../images/twl/qyry-page-white-4.png")}
#page-white-next {background-image: url("../images/twl/qyry-page-white-next.png")}

#page-white-prev:hover{background-image: url("../images/twl/qyry-page-orange-prev.png")}
#page-white-1:hover {background-image: url("../images/twl/qyry-page-orange-1.png")}
#page-white-2:hover {background-image: url("../images/twl/qyry-page-orange-2.png")}
#page-white-3:hover {background-image: url("../images/twl/qyry-page-orange-3.png")}
#page-white-4:hover {background-image: url("../images/twl/qyry-page-orange-4.png")}
#page-white-next:hover {background-image: url("../images/twl/qyry-page-orange-next.png")}*/


#news-center {
    position: absolute;
    z-index: 1;
    padding: 8.5% 12% 0 2.2%;
    top: 0 /*;min-width: 1130px*/
}

#news-pic-transform {
    float: left;
    width: 45%;
    overflow: hidden
}

    #news-pic-transform .slide-container {
        width: 400%;
        overflow: hidden;
        font-size: 0
    }

        #news-pic-transform .slide-container img {
            width: 25%
        }

    #news-pic-transform .change-num {
        float: right;
        margin-right: 5px;
        height: 20px;
        padding: 10px 0px;
    }

    #news-pic-transform .title {
        height: 100%;
        overflow: hidden;
    }

    #news-pic-transform .title-bg {
        height: 40px;
        width: 100%;
        background-color: rgba(255,255,255,0.2);
        margin-top: -40px;
        position: relative;
    }

    #news-pic-transform .logo-photo {
        width: 30px;
        float: left;
        height: 30px;
        padding: 5px 10px 5px 10px;
    }

        #news-pic-transform .logo-photo img {
            width: 100%
        }

    #news-pic-transform .title a {
        font-size: 14px;
        color: #ffffff;
    }

    #news-pic-transform .title-transform-text {
        float: left;
        line-height: 40px;
        width: 60%;
    }

    #news-pic-transform .change-num li {
        padding: 0 5px;
        background-image: url("../images/twl/news-circle-hollow.png");
        background-repeat: no-repeat;
        float: left;
        width: 20px;
        height: 20px;
        padding: 0 4px
    }

    #news-pic-transform .title-transform-text div {
        height: 40px; overflow:hidden;
    }

    #news-pic-transform .change-num li:hover {
        background-image: url("../images/twl/news-circle-solid.png")
    }

    #news-pic-transform .pic-container {
        float: left;
        width: 25%
    }


#news-one {
    float: left;
    padding: 1%;
    width: 52%
}

    #news-one ul {
        width: 100%;
    }

        #news-one ul img {
            float: left
        }

        #news-one ul li.titleBig {
            font-size: 26px;
            color: #1d2088;
            line-height: 150%;
            width: 69%;
            float: left;
            padding-left: 1%;
        }

        #news-one ul li.titleDate {
            font-size: 18px;
            color: #7f7f7f;
            line-height: 250%;
            width: 24%;
            float: right;
            text-align: right;
        }

        #news-one ul li.titleAbout {
            font-size: 18px;
            color: #7f7f7f;
            line-height: 150%;
            text-indent: 2em;
            padding: 10px 10px 20px 0px;
            padding-left: 1%;
        }

        #news-one ul li.titleBig a {
            color: #1d2088;
        }


#news-two {
    clear: both;
    overflow: hidden;
    padding-top: 1%
}

    #news-two .news-table img {
        width: 100%;
        top: 40%;
        position: relative;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
    }

    #news-two ul.news-table {
        height: 35px;
        line-height: 35px;
    }

    #news-two .news-table li {
        float: left;
        height: 100%;
        overflow: hidden;
        font-size: 12px
    }

    #news-two .news-table .td-1 {
        width: 1.2%;
        padding-right: 20px
    }

    #news-two .news-table .td-2 {
        width: 84.5%;
        background: url('../images/zszx/news-text-line.png') bottom repeat-x;
        font-size: 16px;
    }

    #news-two .news-table .td-3 {
        width: 10%;
        background: url('../images/zszx/news-text-line.png') bottom repeat-x;
    }

    #news-two .news-word li {
        clear: both;
    }

    #news-two .left-trangle {
        float: left
    }

        #news-two .left-trangle img {
            width: 10px
        }

    #news-two .news-word {
        float: left
    }

    #news-two .news-date {
        float: right
    }

        #news-two .news-date li {
            padding: 10px 0;
        }

    #news-two li a:link, a:visited, a:hover, a:active {
        color: #000000
    }



#page-news {
    height: 50px;
    position: fixed;
    bottom: 0;
    width: 85.5%;
    text-align: center;
}

    #page-news ul {
        margin: 0 auto;
        display: inline-block;
    }

        #page-news ul li {
            float: left;
            height: 44px;
            width: 44px;
            background: url("../images/twl/qyry-page-white.png") center center no-repeat;
            line-height: 44px;
            background-size: 90% 90%;
        }

            #page-news ul li:hover {
                background-image: url("../images/twl/qyry-page-orange.png");
                color: #ffffff;
            }

            #page-news ul li.pageactive {
                background-image: url("../images/twl/qyry-page-orange.png");
                color: #ffffff;
            }

            #page-news ul li.pagenoclick {
                background-image: url("../images/twl/qyry-page-no.png");
            }

            #page-news ul li img {
                width: 30px;
                height: 30px;
                margin-top: 8px;
            }

            #page-news ul li.passpage {
                background-image: none;
                width: 26px;
                overflow: hidden;
            }

                #page-news ul li.passpage:hover {
                    background-image: none;
                    color: #000;
                }


/*#news-slide-1{background-image: url("../images/twl/news-1.jpg")}
#news-slide-2{background-image: url("../images/twl/news-1.jpg")}
#news-slide-3{background-image: url("../images/twl/news-1.jpg")}
#news-slide-4{background-image: url("../images/twl/news-1.jpg")}*/
/*集团大事记   开始*/
/*#twl-3{overflow: hidden;}*/
#twl-3 .text3Title {
    width: 100%;
    text-align: center;
}

    #twl-3 .text3Title img {
        width: 53.33%;
        height: auto;
    }

#HisOneInfo {
    width: 90%;
    height: auto;
    float: left;
    margin-top: 5%;
    background: url("../images/twl/dsj-bg.png") no-repeat center center;
    background-size: 100% 100%
}

    #HisOneInfo .dateTitle {
        padding: 8px 0px;
        background-color: #3837c3;
        width: 10%;
        text-align: center;
        color: #ffffff;
        font-size: 28px;
        line-height: 100%;
        float: left;
    }

    #HisOneInfo .titleTitle {
        width: 88%;
        color: #1c1f88;
        font-size: 28px;
        float: right;
        padding: 8px 0px;
        line-height: 100%; /*text-shadow:#3837c3 1px 0 0,#3837c3 0 1px 0,#3837c3 -1px 0 0,#3837c3 0 -1px 0;*/
    }

    #HisOneInfo .descTitle {
        clear: both;
        padding-top: 2.5%;
        font-size: 24px;
        line-height: 180%;
        color: #1c1f88;
        padding-left: 10%; /*text-shadow:#3837c3 1px 0 0,#3837c3 0 1px 0,#3837c3 -1px 0 0,#3837c3 0 -1px 0;*/ /**filter:Glow(color=#000,strength=1);*/
	margin-bottom: 20px;
    }
/*集团大事记   结束*/

/*#back{position: fixed;bottom: 0;z-index: 20000}*/





/*swipter 图标修改*/
.swiper-container-vertical > .swiper-pagination {
    width: 150px;
    right: 40px;
    position: absolute;
    z-index: 1020;
    background: url("../images/twl/biaochi.png") 108px center no-repeat;
    height: 100%;
    font-size: 15px;
    line-height: 20px;
}

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet:first-child {
        margin-top: 170px;
    }

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
        width: 107px;
        height: 20px;
        background: url('../images/twl/biaochi-white.png') right center no-repeat;
        opacity: 1;
        border-radius: 0;
        margin-top: 55px;
        text-align: right;
        padding-right: 43px;
        color: #ffffff;
    }

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet-active {
        background: url('../images/twl/biaochi-orange1.gif') right center no-repeat;
        color: #ff7c1c;
    }

.swiper-container-cube {
    overflow: hidden
}


@media screen and (max-width:1023px) {
    #main-business .main-business-pic li {
        width: 26%;
        border: 10px solid rgba(255,255,255,.5);
    }

    #main-business .title-bottom, #main-business .title-middle {
        font-size: 12px
    }

    #news-two .news-table .td-2 {
        font-size: 12px
    }

    #news-one ul li.titleBig {
        font-size: 15px;
    }

    #news-one ul li.titleDate {
        font-size: 10px;
    }

    #news-one ul li.titleAbout {
        font-size: 10px;
    }

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet:first-child {
        margin-top: 150px;
    }

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
        margin-top: 30px;
    }

    .swiper-container-vertical > .swiper-pagination {
        right: 15px;
        font-size: 13px
    }

    #HisOneInfo .dateTitle {
        font-size: 17px;
    }

    #HisOneInfo .titleTitle {
        font-size: 17px;
    }

    #HisOneInfo .descTitle {
        font-size: 15px;
        line-height: 250%;
    }

    #HisOneInfo {
        margin-top: 8%
    }

    #twl-today {
        padding: 20% 18% 0 9%
    }

    #main-business {
        padding: 16% 17% 0 6%;
    }

    #enterprise-honor {
        padding: 18% 17% 0 6%;
    }

    #news-center {
        padding: 12.5% 12% 0 2.2%;
    }

    #twl-4, #twl-6 {
        margin-top: 10%
    }
}

@media screen and (max-width:1330px) {
    #main-business .main-business-pic li {
        width: 26%;
        border: 10px solid rgba(255,255,255,.5);
    }

    #main-business .title-bottom, #main-business .title-middle {
        font-size: 12px
    }

    #news-two .news-table .td-2 {
        font-size: 12px
    }

    #news-one ul li.titleBig {
        font-size: 15px;
    }

    #news-one ul li.titleDate {
        font-size: 10px;
    }

    #news-one ul li.titleAbout {
        font-size: 10px;
    }

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet:first-child {
        margin-top: 150px;
    }

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
        margin-top: 30px;
    }

    .swiper-container-vertical > .swiper-pagination {
        right: 15px;
        font-size: 13px
    }

    #HisOneInfo .dateTitle {
        font-size: 17px;
    }

    #HisOneInfo .titleTitle {
        font-size: 17px;
    }

    #HisOneInfo .descTitle {
        font-size: 15px;
        line-height: 250%;
    }

    #HisOneInfo {
        margin-top: 8%
    }

    #twl-today {
        padding: 20% 18% 0 9%
    }

    #main-business {
        padding: 16% 17% 0 6%;
    }

    #enterprise-honor {
        padding: 18% 17% 0 6%;
    }

    #news-center {
        padding: 12.5% 12% 0 2.2%;
    }

    #twl-4, #twl-6 {
        margin-top: 10%
    }
}

@media screen and (min-width:1331px) and (max-width:1399px) {
    #news-one ul li.titleBig {
        font-size: 20px;
    }

    #news-one ul li.titleDate {
        font-size: 14px;
    }

    #news-one ul li.titleAbout {
        font-size: 14px;
    }

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet:first-child {
        margin-top: 110px;
    }

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
        margin-top: 42px;
    }

    #HisOneInfo .dateTitle {
        font-size: 20px;
    }

    #HisOneInfo .titleTitle {
        font-size: 20px;
    }

    #HisOneInfo .descTitle {
        font-size: 16px;
        line-height: 250%;
    }
}

@media screen and (min-width:1400px) and (max-width:1580px) {
    #news-one ul li.titleBig {
        font-size: 22px;
    }

    #news-one ul li.titleDate {
        font-size: 16px;
    }

    #news-one ul li.titleAbout {
        font-size: 17px;
    }

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet:first-child {
        margin-top: 130px;
    }

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
        margin-top: 48px;
    }

    #HisOneInfo .dateTitle {
        font-size: 23px;
    }

    #HisOneInfo .titleTitle {
        font-size: 23px;
    }

    #HisOneInfo .descTitle {
        font-size: 19px;
        line-height: 220%;
    }
}

@media screen and (min-width:1581px) and (max-width:1800px) {
    #news-one ul li.titleBig {
        font-size: 24px;
    }

    #news-one ul li.titleDate {
        font-size: 17px;
    }

    #news-one ul li.titleAbout {
        font-size: 18px;
    }

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet:first-child {
        margin-top: 150px;
    }

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
        margin-top: 51px;
    }

    #HisOneInfo .dateTitle {
        font-size: 25px;
    }

    #HisOneInfo .titleTitle {
        font-size: 25px;
    }

    #HisOneInfo .descTitle {
        font-size: 21px;
        line-height: 200%;
    }
}

.enterprise-pic .swiper-slide{
	visibility:visible;
}