@charset "utf-8";
/* CSS Document */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;}

    .flexslider .slides > li {
        -webkit-backface-visibility: hidden;
        position: relative
    ;}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.banner .flexslider .slides .swiper-slide a {
    display: block;
    height: 0;
    padding-bottom: 42%;
    overflow: hidden;}

.banner .flexslider div.swiper-slide-active img {
    transition: transform 2s linear 0s;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.flexslider .slides .swiper-slide.clone {
    position: relative
;}

.flexslider .slides img {
    width: 100%;
    display: block;}

.flex-pauseplay span {
    text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;}

html[xmlns] .slides {
    display: block;}

* html .slides {
    height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    position: relative;
    zoom: 1;}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;}

.loading .flex-viewport {
    max-height: 300px;}

.flexslider .slides {
    zoom: 1;}

.carousel li {
    margin-right: 5px;}

/* Direction Nav */
.flex-direction-nav {
    *height: 0;}

.flexslider:hover .flex-prev {}

.flexslider:hover .flex-next {}

    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;}
/* Pause/Play */
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    background: #ddd
;}

    .flex-pauseplay a:before {
        font-family: "flexslider-icon";
        font-size: 20px;
        display: inline-block;
        content: '\f004';}

    .flex-pauseplay a:hover {
        opacity: 1;}

    .flex-pauseplay a.flex-play:before {
        content: '\f003';}
/* Control Nav */


.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;}

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: .7;
        cursor: pointer;}

        .flex-control-thumbs img:hover {
            opacity: 1;}

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;}

.banner .swiper-pagination {
    /*bottom: 32px;*/}

    .banner .swiper-pagination span {
        outline: none;}

    .banner .swiper-pagination .swiper-pagination-bullet-active {
        background: #fff;}

.banner {
    position: relative;
    z-index: 1;
   margin-top: 80px;
    height: 100%;}

    .banner .flex-control-paging {
        width: auto;}

    .banner .flex-control-nav li {
        margin: 0; /*! overflow: hidden; */
        float: left;}

        .banner .flex-control-nav li a {
            text-indent: 0;
            color: #e99c9b;
            background: none;
            width: 20px;
            height: 17px;
            border: none; /*! border-radius: 0; */
            font-size: 16px;
            transition: all 0.3s ease-in-out;
            margin: 0 5px;}

            .banner .flex-control-nav li a.flex-active {
                color: #fff;}


    .banner .flexslider {
        position: relative;
        z-index: 0;}

    .banner .coverBg {
        width: 100%;
        height: 0;
        padding-bottom: 25%;
        background: url(cover.png) no-repeat;
        background-size: contain;
        position: absolute;
        bottom: -5px;
        left: 0;
        z-index: 2;
        overflow: hidden;}

    .banner .godown {
        width: auto;
        display: inline-block;
        position: absolute;
        left: 50%;
        margin-left: -600px;
        bottom: 30px;
        z-index: 99;}

.godown .icon-shubiao {
    font-size: 22px;
    color: #fff;}

.godown a {
    font-size: 12px;
    color: #fff;}




.content {
    overflow: hidden;}

.wrap_mode01 .warp_mode04 {
    overflow: hidden;
    background: #fff;}

.mode01 {
    overflow: hidden;
    margin: 79px auto 62px auto;}






/*tab start*/
.articleList01 .tabArticleList {
    position: relative;}

    .articleList01 .tabArticleList .tabListTitle {
        overflow: hidden;
        background: #f5f5f5;
        height: 56px;
        line-height: 56px;
        border-radius: 5px;
        padding: 4px;
        max-width: 563px;
        margin: 0 auto 58px auto;}

    .articleList01 .tabArticleList .tab_menu h3 {
        width: 50%;
        height: 56px;
        line-height: 56px;
        float: left;}

        .articleList01 .tabArticleList .tab_menu h3 a {
            display: block;
            height: 56px;
            text-align: center;
            line-height: 56px;
            font-size: 1.8rem;
            font-size: 18px\9;
            *font-size: 18px;
            width: auto;
            color: #333;
            position: relative;
            font-weight: normal;
            transition: all 0.3s ease;}

        .articleList01 .tabArticleList .tab_menu h3:hover, .articleList01 .tabArticleList .tab_menu h3.on {
            display: block;
            height: 56px;
            line-height: 56px;
            float: left;}

            .articleList01 .tabArticleList .tab_menu h3:hover a, .articleList01 .tabArticleList .tab_menu h3.on a {
                display: block;
                width: auto;
                height: 56px;
                line-height: 56px;
                color: #fff;
                background: #9a0000;
                border-radius: 5px;
}

    .articleList01 .tabArticleList .more_tab {
        display: none;}

    .articleList01 .tabArticleList .tabListBox {
        display: block;}
/*tab end*/
.articleList01 .tabListBox .lf {
    width: 48%;}

.articleList01 .tabListBox .rt {
    width: 48%;}

.articleList01 .articleFirst {
    max-width: 520px;}

    .articleList01 .articleFirst .artImg {
        display: block;
        /* height: 0; */
        /* padding-bottom: 56.5%; */
        position: relative;
        margin-bottom: 25px;}

        .articleList01 .articleFirst .artImg:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            background: #f2f2f2;
            position: absolute;
            left: 14px;
            top: 14px;}

    .articleList01 .articleFirst .artText {
        display: block;
        margin: 0 18px 0 28px;
        overflow: hidden;}

        .articleList01 .articleFirst .artText a {
            display: block;
            transition: all 0.3s ease-in-out;}

        .articleList01 .articleFirst .artText h3 {
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: normal;
            line-height: 24px;
            height: 24px;
            margin-bottom: 10px;
            overflow: hidden;}

        .articleList01 .articleFirst .artText p {
            display: block;
            font-size: 14px;
            font-size: 1.4rem;
            color: #999;
            height: 48px;
            line-height: 24px;
            overflow: hidden;}

    .articleList01 .articleFirst .date {
        display: block;
        width: 80px;
        height: 80px;
        background: #fff;
        position: absolute;
        left: 14px;
        bottom: -14px;
        z-index: 1;
        text-align: center;}

        .articleList01 .articleFirst .date .day {
            display: block;
            font-size: 36px;
            font-size: 3.6rem;
            color: #9a0000;
            margin-top: 5px;}

        .articleList01 .articleFirst .date .year {
            display: block;
            font-size: 12px;
            font-size: 1.2rem;
            color: #999999;}



.wrap_mode01 {
    overflow: hidden;
    background: url(bg-1.jpg) no-repeat center transparent;}

/*校庆贺词*/
.wrap_mode02 {
    background:url(modebg.jpg) no-repeat center bottom #9a0000;
    overflow: hidden;}
.wrap_mode04 {
    background: #f7eee0;/*#f2efea;*/
    overflow: hidden;}

/*tab start*/
.articleList02 {
    margin: 40px 0 0 0;
    overflow: hidden;}

    .articleList02 .tabArticleList {
        position: relative;}

        .articleList02 .tabArticleList .tabListTitle {
            height: 60px;
            line-height: 60px;
            background: url(line02.png) repeat-x center;
            position: relative;
            margin-bottom: 36px;
			padding-left:60px;
			}

        /*.articleList02 .tabArticleList .tabListTitle:before {
                content: "";
                display: block;
                width: 30px;
                height: 30px;
                background: url(icon.png) no-repeat center #fff;
                border-radius: 50%;
                position: absolute;
                left: 0;
                top: 0;
            }

            .articleList02 .tabArticleList .tabListTitle:after {
                content: "";
                display: block;
                width: 30px;
                height: 30px;
                background: url(icon.png) no-repeat center #fff;
                border-radius: 50%;
                position: absolute;
                right: 0;
                top: 0;
            }*/

        .articleList02 .tabArticleList .tab_menu {
            overflow: hidden;
            height: auto;
            line-height: 30px;
            max-width: 286px;
            margin: 0 auto 58px auto;
            background: #9a0000;
            padding: 0 45px;}

            .articleList02 .tabArticleList .tab_menu h3 { /*! width:20%; */
                height: 30px;
                line-height: 30px;
                float: left;}

                .articleList02 .tabArticleList .tab_menu h3 a {
                    display: block;
                    height: 30px;
                    text-align: center;
                    line-height: 30px;
                    font-size: 1.8rem;
                    font-size: 18px\9;
                    *
 font-size: 18px;
                    width: auto;
                    color: #fff;
                    position: relative;
                    font-weight: normal;
                    margin: 0 21px;}

                .articleList02 .tabArticleList .tab_menu h3:hover, .articleList02 .tabArticleList .tab_menu h3.on {
                    display: block;
                    height: 30px;
                    line-height: 30px;
                    float: left;}

                    .articleList02 .tabArticleList .tab_menu h3:hover a, .articleList02 .tabArticleList .tab_menu h3.on a {
                        display: block;
                        width: auto;
                        height: 30px;
                        line-height: 30px;
                        color: #eacf1c;
                        border-radius: 5px;
                        position: relative;
font-weight: 900;
font-size:2.2rem;
text-align:center;
letter-spacing:30px;
letter-spacing: 25px;
    padding-left: 25px;
}

                        .articleList02 .tabArticleList .tab_menu h3:hover a:before, .articleList02 .tabArticleList .tab_menu h3.on a:before {
                            content: "";
                            display: block;
                            width: 5px;
                            height: 17px;
                            /*background: url(line-lf.png) no-repeat;*/
                            position: absolute;
                            left: -14px;
                            top: 7px;}

                        .articleList02 .tabArticleList .tab_menu h3:hover a:after, .articleList02 .tabArticleList .tab_menu h3.on a:after {
                            content: "";
                            display: block;
                            width: 5px;
                            height: 17px;
                           /* background: url(line-rt.png) no-repeat;*/
                            position: absolute;
                            right: -14px;
                            top: 7px;}

        .articleList02 .tabArticleList .tabListBox {
            display: none;}
    /*tab end*/

    /*校庆logo*/
    .articleList02 .tabListBox {
        background: #fff;
        padding: 30px;
        overflow: hidden;}

.articleList-xq {
    margin: 0 25px 25px 25px;
    overflow: hidden;}

    .articleList-xq .artImg {
        width: 336px;
        float: left;}

    .articleList-xq .artText {
        margin-left: 390px;
        font-size: 16px;
        line-height: 2;
       }

        .articleList-xq .artText > div {
            /* border-bottom: #eee 1px solid; */
            padding-bottom: 62px; text-indent: 2em;}

        .articleList-xq .artText p {
            display: block;
            line-height: 30px;
            font-size: 16px;
            font-size: 1.6rem;
            height: 270px;
            overflow: hidden;}

        .articleList-xq .artText .readMore {
            display: inline-block;
            width: 158px;
            height: 58px;
            border: #eeeeee 1px solid;
            font-size: 16px;
            font-size: 1.6rem;
            color: #9a0000;
            text-align: center;
            line-height: 58px;
            float: right;
            margin-top: -30px;
            background: #fff;
            transition: all 0.3s ease-in-out;}

            .articleList-xq .artText .readMore:hover {
                background: #9a0000;
                color: #fff;}


/*校歌*/
.articleList-xg {
    max-width: 742px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;}

    .articleList-xg a {
        display: block;}

    .articleList-xg .icon-bofang {
        display: block;
        width: 100px;
        height: 100px;
        border: solid 4px rgba(255,255,255,0.8);
        background: rgba(0,0,0,0.5) url(bof.jpg) no-repeat center;
        background-size: 60px;
        color: #fff;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -54px;
        margin-top: -54px;}


/*校训*/
.articleList-xx {
    max-width: 523px;
    margin: 32px auto auto auto;
    overflow: hidden;}

    .articleList-xx span {
        display: block;}


/*学校宣传片*/
.articleList-xc {
    overflow: hidden;}

    .articleList-xc .lf {
        width: 65%;}

        .articleList-xc .lf a, .articleList-xc .rt a {
            display: block;
            position: relative;}

    .articleList-xc .imgResponsive {
        padding-bottom: 56.4%;}

    .articleList-xc .lf .icon-bofang {
        display: block;
        width: 102px;
        height: 112px;
        padding-left: 10px;
        text-align: center;
        line-height: 112px;
        border: solid 4px rgba(255,255,255,0.8);
        background: rgba(0,0,0,0.5);
        font-size: 38px;
        color: #fff;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -56px;
        margin-top: -56px;}

    .articleList-xc .rt {
        width: 31.2%;
        overflow: hidden;}

        .articleList-xc .rt a {
            margin-bottom: 17px;}

        .articleList-xc .rt .icon-bofang {
            display: block;
            width: 56px;
            height: 64px;
            padding-left: 8px;
            text-align: center;
            line-height: 64px;
            border: solid 4px rgba(255,255,255,0.8);
            background: rgba(0,0,0,0.5);
            font-size: 22px;
            color: #fff;
            border-radius: 50%;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -32px;
            margin-top: -32px;}

/*学校画册*/
.articleList-hc {
    max-width: 260px;
    margin: 0 auto;
    overflow: hidden;}

    .articleList-hc span {
        display: block;
        width: 260px;
        height: 348px;
        overflow: hidden;}


/*校史回眸*/
.wrap_mode03 {
    /*background: #fafafa;*/
background: url(bg-2.png) no-repeat bottom #fafafa;
background-size:100%;
    overflow: hidden;}

.articleList03 {
    margin: 56px auto 65px auto;}

.slick-list {
    padding-top: 25px !important;
    padding-bottom: 25px !important
;}

    .slick-list .imgResponsive {
        padding-bottom: 56.5%;}

.center li {
    transition: all 0.4s ease-in-out;}

    .center li > a {
        padding: 0;
        transform: scale(0.9);
        position: relative;
        transition: all 0.4s ease-in-out;}

    .center li.slick-center > a {
        transform: scale(1.15);
        margin: 0 22px;}

.cur1 {
    transform: translate(-24px);}

.cur3 {
    transform: translate(24px);}

.center > li {
    border: none;
    position: relative;}

.center li > a {
    display: block;
    padding: 0 20px;}

.slick-dots {
    display: none !important;}

.slick-arrow {
    display: block;
    width: 58px;
    height: 16px;
    text-indent: 999em;
    border: none;
    cursor: pointer;
    outline: none;}

.slick-prev {
    background: url(prev.jpg) no-repeat;
    position: absolute;
    left: -58px;
    top: -243px;}

.slick-next {
    background: url(next.jpg) no-repeat;
    position: absolute;
    right: -58px;
    top: -243px;}

.articleList03 .slider {
    position: relative;}

    .articleList03 .slider .swiper-slide {
        transition: 300ms;
        transform: scale(0.8);}

        .articleList03 .slider .swiper-slide .imgResponsive {
            display: flex;
            height: 500px;
            align-items: center;
            justify-content: center;
           /* background: #f1f1f1;*/
background:#f2efea;}

            .articleList03 .slider .swiper-slide .imgResponsive img {
                max-height: 100%;
                width: auto;}

        .articleList03 .slider .swiper-slide.swiper-slide-active {
            transform: scale(1);}

        .articleList03 .slider .swiper-slide .slider-text {
            transition: 300ms;
            opacity: 0;
            margin: 10px 0;
            font-size: 1.4rem;
            height: 48px;
            line-height: 24px;
            overflow: hidden;
            display: block;
            text-align: center;}

        .articleList03 .slider .swiper-slide.swiper-slide-active .slider-text {
            opacity: 1;}

.articleList03 .slider-nav {
    overflow: hidden;
    position: relative;}

    .articleList03 .slider-nav:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #eee;
        position: absolute;
        left: 0;
        top: 35px;}

    .articleList03 .slider-nav .swiper-slide {
        padding-top: 25px;
        text-align: center;}

        .articleList03 .slider-nav .swiper-slide span {
            display: block;
            text-align: center;}

        .articleList03 .slider-nav .swiper-slide .icon-shijian1 {
            display: block;
            width: 20px;
            height: 20px;
            background: #fff url(icon_time.png) no-repeat center;
            background-size: 16px;
            border-radius: 50%;
            margin: 0 auto 12px auto;}

        .articleList03 .slider-nav .swiper-slide.swiper-slide-active .icon-shijian1 {
            background-color: #9f0d0d;
            background-image: url(icon_time1.png);
            z-index: 99;
            position: relative;}

        .articleList03 .slider-nav .swiper-slide.swiper-slide-active strong {
            width: 20px;
            height: 40px;
            background: -webkit-linear-gradient(bottom,rgba(154,0,0,0.2),rgba(154,0,0,0)); /* safari 5.1 - 6.0 */
            background: -o-linear-gradient(top, rgba(154,0,0,0.2),rgba(154,0,0,0)); /* opera 11.1 - 12.0 */
            background: -moz-linear-gradient(top,rgba(154,0,0,0.2),rgba(154,0,0,0)); /* firefox 3.6 - 15 */
            background: linear-gradient(to top, rgba(154,0,0,0.2),rgba(154,0,0,0)); /* 标准的语法 */
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -10px;}


.articleTitle02 {
    background: url(line02.png) repeat-x center;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;}

    .articleTitle02:before {
        content: "";
        display: block;
        width: 11px;
        height: 11px;
        background: #ad3232;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -5px;}

    .articleTitle02:after {
        content: "";
        display: block;
        width: 11px;
        height: 11px;
        background: #ad3232;
        border-radius: 50%;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -5px;}

    .articleTitle02 .title {
        display: inline-block;
        padding: 0 20px;
        /*background: url(tbg02.jpg) no-repeat center #9a0000;*/
background:#9a0000;
        background-size: contain;
		margin-top:20px;
		}

        .articleTitle02 .title a {
            color: #fff;
            font-size: 30px;
            font-size: 3.0rem;
font-weight:900;
letter-spacing: 60px;}

        .articleTitle02 .title i {
            font-style: normal;
            color: #dddddd;
            padding: 0 10px;}

.articleList04 {
    overflow: hidden;}

    .articleList04 .btbu-list02 {
        overflow: hidden;
        margin: 55px auto 120px auto;}

    .articleList04 ul {
        margin: -40px -50px;
        overflow: hidden;}

        .articleList04 ul li {
            float: left;}

            .articleList04 ul li.li1 {
                width: 25%;}

            .articleList04 ul li.li2 {
                width: 50%;}

            .articleList04 ul li a {
                display: block;
                padding: 40px 50px;
                border-right: #ad3232 2px solid;
                border-bottom: #ad3232 2px solid;}

            .articleList04 ul li .imgResponsive {
                width: 260px;
                height: 146px;
                padding-bottom: 0;
                float: left;}

            .articleList04 ul li .artText {
                display: block;
                margin-left: 280px;
                transition: all 0.3s ease-in-out;}

                .articleList04 ul li .artText.noMargin {
                    margin: 0;}

                .articleList04 ul li .artText h3 {
                    font-weight: normal;
                    font-size: 30px;
                    font-size: 3.0rem;
                    color: #fff;
                    margin-bottom: 10px;}

                .articleList04 ul li .artText p {
                    color: #fff;
                    display: block;
                    line-height: 24px;
                    height: 120px;
                    overflow: hidden;}

            .articleList04 ul li.li2 .artText.noMargin p {
                height: 72px;}




/*校友风采*/
.wrap_mode05 {
    background: #f7eee0;
    overflow: hidden;}

.articleList05 {
    margin-bottom: 50px;
    overflow: hidden;
    padding: 0 5px;}

    .articleList05 .slides1 {
        margin-top: 30px;}

    .articleList05 .swiper-slide {
        width: 200px;}

        .articleList05 .swiper-slide a {
            display: block;}

        .articleList05 .swiper-slide .imgResponsive {
            background: #fff;
            box-shadow: 0px 0px 5px #c6c6c6;}

            .articleList05 .swiper-slide .imgResponsive i {
                display: block;
                margin: 10px;
                overflow: hidden;
                display: flex;
                align-items: center;
                height: 200px;
                justify-content: center;}
            .articleList05 .swiper-slide .imgResponsive i img {
                width:auto;
                max-height:100%;}

        .articleList05 .swiper-slide .name {
            display: block;
            height: 24px;
            line-height: 24px;
            font-size: 16px;
            font-size: 1.6rem;
            text-align: center;
            margin-top: 13px;}


/*祝福寄语*/
.wrap_mode06 {
    background: #9a0000;
    overflow: hidden;}


.articleList06 .flex-control-nav {
    display: none;}

.articleList06 .flex-direction-nav {}

    .articleList06 .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 58px;
        height: 30px;
        text-indent: 999em;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        cursor: pointer;
        margin-top: -25px;
        border-radius: 0;
        transition: all 0.35s ease-in-out
    ;}

        .articleList06 .flex-direction-nav a:before {
            display: none;}

    .articleList06 .flex-direction-nav .flex-prev {
        position: absolute;
        left: -40px;
        background: url(prev.jpg) no-repeat center;
        background-size: contain;}

    .articleList06 .flex-direction-nav .flex-next {
        position: absolute;
        right: -40px;
        background: url(next.jpg) no-repeat center;
        background-size: contain;}



.articleList06 {
    position: relative;}

    .articleList06 .flexslider {
        /* padding: 0 404px; */
        margin: 0 11px;
        overflow: hidden;}

        .articleList06 .flexslider .flex-viewport {
            overflow: visible !important;}

    .articleList06 .slides {
        overflow: hidden;
        margin-bottom: 90px;}

        .articleList06 .slides .swiper-slide {
            float: left;}

    .articleList06 .flexslider .slides .swiper-slide {}

    .articleList06 .swiper-slide a {
        }

        .articleList06 .swiper-slide a.title {
            margin: 0 40px;
            background: none;
            font-size: 18px;
            color: #fff;
            text-align: center;
            max-height: 48px;
            line-height: 24px;
            overflow: hidden;
            border-radius: 0;}

    .articleList06 .flexslider .slides .swiper-slide.swiper-slide-active a {
        margin-top: 0;}

    .articleList06 .swiper-slide .artText {
        display: block;
        padding: 40px 30px 30px 30px;}

    .articleList06 .swiper-slide .sj {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        border-top: 20px solid #fff;
        position: absolute;
        left: 50%;
        bottom: -20px;
        margin-left: -20px;}

    .articleList06 .swiper-slide .artText p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        height: 72px;
        overflow: hidden;}

    .articleList06 .swiper-slide a:before {
        content: "";
        display: block;
        width: 36px;
        height: 24px;
        background: url(dot1.png) no-repeat;
        position: absolute;
        left: 17px;
        top: 17px;}
.articleList06 .swiper-slide a:after {
        content: "";
        display: block;
        width: 36px;
        height: 24px;
        background: url(dot2.png) no-repeat;
        position: absolute;
        right: 17px;
        bottom: 17px;}
.articleList06 .swiper-slide a.title:before {background:transparent;}
.articleList06 .swiper-slide a.title:after {background:transparent;}
.zf {
    width: 164px;
    height: 44px;
    line-height: 44px;
    background: #ecad40;
    border: 8px solid #fff;
    border-radius: 30px;
    position: absolute;
    left: 50%;
    bottom: -25px;
    margin-left: -90px;
    transition: all 0.3s ease-in-out;}

    .zf a {
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        color: #fff;
        text-align: center;}

    .zf:hover {
        background: #e39d24;}






/*印象工商*/
.wrap_mode07 {
    background: #fafafa;
    overflow: hidden;}

.articleList07 {
    overflow: hidden;}

    .articleList07 .btbu-pic {
        width: 100%;
        margin: 0 auto 40px auto;}

        .articleList07 .btbu-pic .swiper-slide .imgResponsive {
            display: flex;
            height: 600px;
            align-items: center;
            justify-content: center;
            background: #f1f1f1;}

            .articleList07 .btbu-pic .swiper-slide .imgResponsive img {
                max-height: 100%;
                width: auto;}

        .articleList07 .btbu-pic .swiper-button-next, .articleList07 .btbu-pic .swiper-button-prev {
            color: red;
            outline: none;}


@media screen and (min-width:1020px) {
    .articleList01 .articleFirst .artText a:hover {
        margin-left: 10px;}

    .articleList04 ul li a:hover .artText {
        padding-left: 10px;}
}
    .slick-prev {
        top: -150px;}

    .slick-next {
        top: -150px;}

    .articleList06 .flexslider {}

    .articleList06 .flex-direction-nav a {
        width: 35px;}
}


@media screen and (max-width:1024px) {
    .container {
        width: auto;
        margin-left: 20px !important;
        margin-right: 20px !important;}

    .banner {
        margin-top: 0;}

        .banner .godown {
            left: 0;
            margin-left: 20px;}

        .banner .flex-control-nav {
            left: auto;
            right: 0;
            margin-left: 0;}

    .mode01, .articleList03 {
        margin: 40px auto;}

    .articleTitle01, .articleTitle02 {
        margin-bottom: 20px;
        height: 88px;
        line-height: 88px;}

        .articleTitle01 .title a, .articleTitle02 .title a {
            font-size: 2.2rem;}

    .articleList01 .tabArticleList .tabListTitle {
        margin-bottom: 30px;}

    .articleList01 .tabArticleList .tabListTitle, .articleList01 .tabArticleList .tab_menu h3, .articleList01 .tabArticleList .tab_menu h3 a,
    .articleList01 .tabArticleList .tab_menu h3:hover a, .articleList01 .tabArticleList .tab_menu h3.on a {
        height: 42px;
        line-height: 42px;}

    .articleList02 {
        margin: 25px 0 0 0;}

    .slick-prev {
        left: 0;
        top: -100px;}

    .slick-next {
        right: 0;
        top: -100px;}

    .cur1 {
        transform: translate(-8px);}

    .cur3 {
        transform: translate(8px);}

    .slider-text p {
        margin: 15px;}

    .articleList04 .btbu-list02 {
        margin: 30px auto;}

    .articleList04 ul li.li1 {
        width: 50%;}

    .articleList04 ul li.li2 .artText.noMargin p {
        height: 120px;}

    .articleList04 ul {
        margin: -20px;}

        .articleList04 ul li a {
            padding: 20px;}

        .articleList04 ul li .imgResponsive {
            width: 136px;
            height: 76px;}

        .articleList04 ul li .artText {
            margin-left: 155px;}

            .articleList04 ul li .artText h3 {
                font-size: 2.4rem;}

    .articleList05 .flexslider {
        padding: 0 80px;}
}

@media screen and (max-width:992px) {
    .banner .godown {
        margin-left: -450px;}

    .btbu-pic {
        margin: 0 auto;}

        .btbu-pic .slides li span {
            margin: 0 10px;}

        .btbu-pic .iconfont {
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 16px;}

        .btbu-pic .flex-prev {
            left: -90px;
            bottom: 50px;}

        .btbu-pic .flex-next {
            right: -90px;
            bottom: 50px;}

    .articleList06 .flexslider {
        margin: 0;}
}



@media screen and (max-width:768px) {
    .articleTitle01, .articleTitle02 {
        margin-bottom: 20px;
        height: 50px;
        line-height: 50px;}

.articleList02 .tabArticleList .tab_menu h3:hover a, .articleList02 .tabArticleList .tab_menu h3.on a{
letter-spacing: 20px;
padding-left:20px;
}

        .articleTitle01 .title a, .articleTitle02 .title a {
            font-size: 1.8rem;letter-spacing: 10px;
padding-left:10px;}
.wrap_footer img{width:40%}
.wrap_footer p{font-size:1.2rem;}
    .mode01, .articleList03 {
        margin: 30px auto;}

        .articleList03 .slider .swiper-slide .imgResponsive {
            height: 300px;}

    .articleList01 .tabArticleList .tabListTitle {
        max-width: 240px;
        margin-bottom: 20px;}

    .articleList01 .tabArticleList .tabListTitle, .articleList01 .tabArticleList .tab_menu h3, .articleList01 .tabArticleList .tab_menu h3 a,
    .articleList01 .tabArticleList .tab_menu h3:hover a, .articleList01 .tabArticleList .tab_menu h3.on a {
        height: 33px;
        line-height: 33px;}

        .articleList01 .tabArticleList .tab_menu h3 a, .articleList02 .tabArticleList .tab_menu h3 a {
            font-size: 1.6rem;}

    .articleList01 .articleFirst .date {
        width: 67px;
        height: 67px;}

        .articleList01 .articleFirst .date .day {
            font-size: 2.4rem;}

    .articleList02 .tabArticleList .tab_menu {
        max-width: auto;}

        .articleList02 .tabArticleList .tab_menu h3 a {
            margin: 0 15px;}


    .articleList01 .tabListBox .lf {
        border-bottom: #eee 1px solid;
        margin-bottom: 15px;}

    .articleList01 .tabListBox .lf, .articleList01 .tabListBox .rt {
        width: auto;
        float: none;}

    .articleList01 .articleFirst {
        max-width: 98%;}

        .articleList01 .articleFirst .artText {
            margin: 0 20px;}

            .articleList01 .articleFirst .artText h3, .btbu-list li .artText h3, .btbu-list li .artText p {}

            .articleList01 .articleFirst .artText p {
                height: auto;
                margin-bottom: 15px;}

    .articleList02 .tabListBox {
        padding: 20px;}

    .articleList-xq .artImg {
        /* width: 150px; */
        float: none;}

    .articleList-xq .artText {
        margin-left: 0;}

    .articleList-xc .lf .icon-bofang, .articleList-xg .icon-bofang {
        width: 56px;
        height: 64px;
        padding-left: 8px;
        line-height: 64px;
        font-size: 22px;
        margin-left: -28px;}

    .articleList-xc .rt .icon-bofang {
        width: 30px;
        height: 38px;
        padding-left: 8px;
        line-height: 38px;
        font-size: 14px;
        margin-left: -15px;}


    .articleList04 ul li .artText h3 {
        font-size: 1.6rem;}

    .articleList04 ul li .artText p {
        font-size: 1.2rem;}

    .articleList05 dl dd .imgResponsive i {
        margin: 5px;}

    .articleList05 .flexslider {
        padding: 0 50px;}

    .articleList05 dl dd a {
        margin: 8px;}

    .articleList05 .flex-direction-nav a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 22px;}

    .articleList05 dl dd .name, .articleList-xq .artText p {
        font-size: 1.4rem;}

    .articleList-xq .artText .readMore {
        height: 35px;
        line-height: 35px;
        font-size: 1.4rem;}

    .articleList-xc .lf {
        width: auto;
        float: none;}

    .articleList-xc .rt {
        width: auto;
        float: none;}

        .articleList-xc .rt a {
            width: 50%;
            float: left;
            margin: 7px 0 0 0;}

    .center li.slick-center .slider-text p {
        display: none;}

    .center li > a {
        transform: scale(0.8);}

    .center li.slick-center > a {
        transform: scale(2.15);
        z-index: 99;}

    .articleList06 .swiper-slide a {
        margin: 0;
        margin-bottom: 40px;}

    .zf {
        bottom: -45px;}

    .articleList07 .btbu-pic .swiper-slide .imgResponsive {
        height: 300px;}
}

@media screen and (max-width:640px) {
    .banner .flex-control-nav {
        display: none;}

    .articleList02 .tabArticleList .tabListTitle {
        height: auto;}

    .articleList02 .tabArticleList .tab_menu {
        margin: 0 auto;}

    .articleList04 ul li.li1, .articleList04 ul li.li2 {
        width: auto;
        float: none;}

        .articleList04 ul li .artText p, .articleList04 ul li.li2 .artText.noMargin p {
            height: auto;}

    .articleList04 .btbu-list02 {
        margin: 0 auto;}

    .articleList04 ul li .imgResponsive {
        width: 100px;
        height: 56px;}

    .articleList04 ul li .artText {
        margin-left: 115px;}

    .articleList05 {
        overflow: visible;}

        .articleList05 .flexslider {
            padding: 0;}

        .articleList05 dl dd {
            width: 25%;}

        .articleList05 .flex-direction-nav a {
            top: auto;
            bottom: -40px;}

    .articleList-xq {
        margin: 0;}

        .articleList-xq .artImg {}

        .articleList-xq .artText {}

    .btbu-pic {
        margin: 0 auto 20px auto;}

        .btbu-pic .flex-viewport {
            overflow: hidden !important;
            margin: 0 50px;}

        .btbu-pic .iconfont {
            width: 34px;
            height: 34px;
            line-height: 34px;
            font-size: 14px;}

        .btbu-pic .flex-prev {
            left: 0;
            bottom: 50%;}

        .btbu-pic .flex-next {
            right: 0;
            bottom: 50%;}

        .btbu-pic .slides li.flex-active-slide span {
            margin: 0;}

    .slick-arrow {
        display: none !important;}

    .btbu-pic .slides li span a {
        margin-bottom: 20px;}

    .articleList06 .flexslider {
        padding: 0;}

    .articleList06 .flex-direction-nav a {
        display: none;}
}

@media screen and (max-width:480px) {
    .articleList05 dl dd {
        width: 50%;}

    .center li.slick-center > a {
        transform: scale(3.15);}

    .articleList03 .slider li span {
        font-size: 13px;}

    .slick-list {
        padding-top: 30px !important;
        padding-bottom: 15px !important;}
}

@media screen and (max-width:414px) {
}

@media screen and (max-width:375px) {
}