body {
    background: #fff;
}

.content {
    min-height: 210px;
}

/******** banner ********/
.page_banner {
    position: relative;
    width: 100%;
    height: 530px;
    overflow: hidden;
}

.page_banner .ani {
    width: 100%;
    height: 100%;
    -webkit-animation: page_BannerPic 3.8s linear forwards;
    -moz-animation: page_BannerPic 3.8s linear forwards;
    -ms-animation: page_BannerPic 3.8s linear forwards;
    animation: page_BannerPic 3.8s linear forwards;
}

.page_banner .pic {
    width: 100%;
    height: 100%;
}

.page_banner .pos {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: #fff;
}

.page_banner .pos b {
    margin-bottom: 18px;
    font-size: 38px;
}

.page_banner .pos i {
    font-size: 18px;
    letter-spacing: 6px;
    font-family: "Arial";
}

.page_banner .pos div {
    position: relative;
    margin: 28px auto 0;
    width: 4px;
    height: 50px;
    background: #fff;
}

.page_banner .pos em {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #ca171d;
    -webkit-animation: page_BannerLie 2.8s linear forwards;
    -moz-animation: page_BannerLie 2.8s linear forwards;
    -ms-animation: page_BannerLie 2.8s linear forwards;
    animation: page_BannerLie 2.8s linear forwards;
}

/*放大*/
@keyframes page_BannerPic {
    0% {
        transform: scale(1.16);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes page_BannerPic {
    0% {
        transform: scale(1.16);
    }

    100% {
        transform: scale(1);
    }
}

@-moz-keyframes page_BannerPic {
    0% {
        transform: scale(1.16);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes page_BannerLie {
    0% {
        height: 100%;
    }

    100% {
        height: 18px;
    }
}

@-webkit-keyframes page_BannerLie {
    0% {
        height: 100%;
    }

    100% {
        height: 18px;
    }
}

@-moz-keyframes page_BannerLie {
    0% {
        height: 100%;
    }

    100% {
        height: 18px;
    }
}


/******** subnav ********/
.subnav {
    position: relative;
    width: 100%;
    height: 90px;
    border-bottom: #cdcdcd 1px solid;
    background: #fff;
}

.subnav .pos {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
}

.subnav .pos a {
    display: inline-block;
    margin: 0 60px;
    padding: 0 2px;
    line-height: 89px;
    font-size: 20px;
    color: #333;
}

.subnav .pos a i {
    transition: all 0.5s;
    margin: 0 auto;
    width: 0px;
    height: 2px;
    background: #cb301e;
}

.subnav .pos a.cur i,
.subnav .pos a:hover i {
    transition: all 0.5s;
    width: 100%;
}

.subnav .pos a.cur,
.subnav .pos a:hover {
    color: #cb301e;
}


/******** 面包屑 ********/
.subnav_s {
    margin-top: 18px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #666;
}

.subnav_s i {
    float: left;
    width: 27px;
    height: 48px;
    background: url(../images/icon/icon_87.png) left center no-repeat;
}

.subnav_s a {
    float: left;
    color: #666;
}

.subnav_s em {
    float: left;
    padding: 0 6px;
}

.subnav_s a:hover {
    color: #cb301e;
}


/******** 分页 ********/
.pager {
    padding: 30px 0;
    text-align: center;
    background: #fff;
}

.pager li {
    margin: 0 4px;
    display: inline;
}

.pager li span,
.pager li a {
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #272727;
    font-weight: bold;
}

.pager li.active span,
.pager li.active a,
.pager li:hover a {
    color: #fff;
    background: #cd0013;
}

.pager li:first-child {
    float: left;
    width: 108px;
    height: 44px;
}

.pager li:last-child {
    float: right;
    width: 108px;
    height: 44px;
}

.pager li:first-child a,
.pager li:last-child a,
.pager li:first-child span,
.pager li:last-child span {
    display: block;
    width: 108px;
    height: 44px;
    text-indent: 9999px;
}

.pager li:first-child a,
.pager li:first-child span {
    background: url(../images/icon/icon_69.png) center no-repeat;
}

.pager li:last-child a,
.pager li:last-child span {
    background: url(../images/icon/icon_70.png) center no-repeat;
}

.pager li:first-child:hover a {
    background: #cd0013 url(../images/icon/icon_69s.png) center no-repeat;
}

.pager li:last-child:hover a {
    background: #cd0013 url(../images/icon/icon_70s.png) center no-repeat;
}



.title {
    padding: 80px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 100px no-repeat;
}

.title i {
    font-size: 34px;
    color: #333;
    font-weight: bold;
}

.title p {
    font-size: 30px;
    color: #cc3125;
    font-weight: bold;
    font-family: Arial;
}

.title a {
    width: 130px;
    line-height: 82px;
    font-size: 14px;
    color: #333;
    background: url(../images/icon/icon_21.png) right center no-repeat;
}

.title a em {
    transition: all 0.3s;
    width: 116px;
    background: url(../images/icon/icon_22.png) right 35px no-repeat;
}

.title a:hover {
    background: url(../images/icon/icon_25.png) right center no-repeat;
}

.title a:hover em {
    transition: all 0.3s;
    width: 122px;
    background: url(../images/icon/icon_24s.png) right 35px no-repeat;
}


/*********** 中心介绍 ***********/
.banner .swiper-slide {
    position: relative;
    width: 100%;
}

.banner .swiper-slide .pic {
    width: 100%;
    height: 720px;
    overflow: hidden;
}

.banner .swiper-slide .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 30s;
}

.banner .swiper-slide-active .pic i {
    transform: scale(1.3);
    transition-duration: 30s;
}

.banner .swiper-container-horizontal .swiper-pagination-bullets {
    left: 0%;
    bottom: 60px;
}

.banner .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    margin: 0;
    width: 127px;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    color: #fff;
    font-family: Arial;
    border-radius: 0;
    background: none;
    opacity: 1;
    background: url(../images/icon/icon_2.png) center bottom no-repeat;
}

.banner .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet i {
    font-weight: bold;
}

.banner .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {
    color: #ca171d;
    background: url(../images/icon/icon_2s.png) center bottom no-repeat;
}


.introduce .ind_01 {
    margin-bottom: 103px;
}

.introduce .ind_01 .left {
    float: left;
    width: 41.14%;
}

.introduce .ind_01 .left .tit {
    padding: 90px 0 48px 111px;
    background: url(../images/icon/icon_3.png) left 110px no-repeat;
}

.introduce .ind_01 .left .tit i {
    font-size: 34px;
    color: #333;
    font-weight: bold;
}

.introduce .ind_01 .left .tit p {
    font-size: 30px;
    color: #cc3125;
    font-weight: bold;
    font-family: Arial;
}

.introduce .ind_01 .left .text p {
    margin-bottom: 15px;
    font-size: 16px;
    color: #666;
    line-height: 36px;
}

.introduce .ind_01 .left .text i {
    font-size: 48px;
    color: #333;
    font-weight: bold;
    font-family: Arial;
}

.introduce .ind_01 .left .text b {
    margin-bottom: 15px;
    font-size: 28px;
    color: #333;
}

.introduce .ind_01 .left .text em {
    font-size: 14px;
    color: #666;
    font-family: Arial;
}


.introduce .ind_01 .right {
    float: right;
    margin-top: 98px;
    width: 53.85%;
    height: 553px;
    overflow: hidden;
}

.introduce .ind_01 .right i {
    transition: all 0.5s;
    margin-left: 0%;
    width: 107%;
    height: 100%;
}

.introduce .ind_01 .right i:hover {
    transition: all 0.5s;
    margin-left: -6%;
}

.introduce .ind_02 {
    position: relative;
    padding-top: 18px;
    overflow: hidden;
}

.introduce .ind_02 .w1400 {
    position: relative;
    padding: 104px 0 122px;
}

.introduce .ind_02 .w1400 .bac {
    position: absolute;
    right: -210px;
    top: -18px;
    width: 295px;
    height: 468px;
    background: url(../images/index/index_3.png) center no-repeat;
}

.introduce .ind_02 li {
    position: relative;
    z-index: 3;
    float: left;
    margin-right: 3.1%;
    width: 22.57%;
    height: 277px;
    background: url(../images/icon/icon_8.png) center no-repeat;
    background-size: cover;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
}

.introduce .ind_02 li:nth-child(4) {
    margin-right: 0;
}

.introduce .ind_02 li a {
    padding: 1px 0;
}

.introduce .ind_02 li .icon {
    margin: 47px 0 0;
    width: 100%;
    height: 105px;
}

.introduce .ind_02 li i {
    margin: 0 auto;
    width: 43px;
    height: 3px;
    background: #ca171d;
}

.introduce .ind_02 li p {
    text-align: center;
    font-size: 24px;
    color: #333;
    line-height: 71px;
}

.introduce .ind_02 li a:hover p {
    color: #ca171d;
}

.introduce .ind_02 li:nth-child(1) .icon {
    background: url(../images/icon/icon_4.png) center no-repeat;
}

.introduce .ind_02 li:nth-child(2) .icon {
    background: url(../images/icon/icon_5.png) center no-repeat;
}

.introduce .ind_02 li:nth-child(3) .icon {
    background: url(../images/icon/icon_6.png) center no-repeat;
}

.introduce .ind_02 li:nth-child(4) .icon {
    background: url(../images/icon/icon_7.png) center no-repeat;
}

.introduce .ind_02 li:nth-child(1) a:hover .icon {
    background: url(../images/icon/icon_4s.png) center no-repeat;
}

.introduce .ind_02 li:nth-child(2) a:hover .icon {
    background: url(../images/icon/icon_5s.png) center no-repeat;
}

.introduce .ind_02 li:nth-child(3) a:hover .icon {
    background: url(../images/icon/icon_6s.png) center no-repeat;
}

.introduce .ind_02 li:nth-child(4) a:hover .icon {
    background: url(../images/icon/icon_7s.png) center no-repeat;
}


.introduce .ind_02 .pos {
    position: absolute;
    left: 0;
    top: 18px;
    width: 77.96%;
    height: 521px;
    background: url(../images/index/index_2.png) left center no-repeat;
    background-size: cover;
}

.introduce .ind_02 .pos i {
    width: 100%;
    height: 100%;
}






/*********** p7-1大唐大学-注册 ***********/
.register {
    position: relative;
}

.register .pos {
    /* position: absolute;left: 0;top: 50%;transform: translateY(-50%); */
    padding: 80px 0;
    width: 100%;
}

.register .pos .w1400 {
    position: relative;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.register .left {
    float: left;
    padding: 0 8.35% 0 6.42%;
    width: 35.71%;
}

.register .left .t {
    padding: 32px 0 10px;
    font-size: 30px;
    color: #333;
}

.register .left dt {
    line-height: 46px;
    font-size: 16px;
    color: #333;
}

.register .left dd {
    border: #eae7ed 1px solid;
}

.register .left dd .inp {
    float: left;
    padding-left: 20px;
    width: calc(100% - 90px);
}

.register .left dd input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #999;
}

.register .left dd i {
    float: left;
    width: 69px;
    height: 40px;
    border-left: #eae7ed 1px solid;
}

.register .left dl.other {
    padding-bottom: 13px;
    margin-bottom: 13px;
    border-bottom: #e4e1e6 1px solid;
}

.register .left dl.other dd {
    border: #fff 1px solid;
}

.register .left dl.other dd .inp {
    margin-right: 32px;
    border: #eae7ed 1px solid;
    width: 90px;
}

.register .left dl.other dd #sendEmail {
    float: left;
    line-height: 42px;
    color: #666;
}

.register .left dl.other dd #sendEmail:hover {
    color: #c7161d;
}

.register .left dl.other dd img {
    float: left;
    margin: 14px 80px 0 0px;
}

.register .left dl.other dd .but {
    float: left;
    width: 141px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #cb0308;
    border: none;
    cursor: pointer;
}

.register .left .go {
    padding: 22px 0 36px;
    font-size: 16px;
    color: #333;
}

.register .left .go a {
    float: left;
    color: #333;
}

.register .left .go a:nth-child(1),
.register .left .go a:hover {
    color: #cb0308;
}

.register .left .go i {
    float: left;
    padding: 0 2px
}

.register .left dl:nth-child(1) i {
    background: url(../images/icon/icon_9.png) center no-repeat;
}

.register .left dl:nth-child(2) i {
    background: url(../images/icon/icon_11s.png) center no-repeat;
}

.register .left dl:nth-child(3) i {
    background: url(../images/icon/icon_10.png) center no-repeat;
}

.register .left dl:nth-child(4) i {
    background: url(../images/icon/icon_10.png) center no-repeat;
}

.register .left dl:nth-child(5) i {
    background: url(../images/icon/icon_11.png) center no-repeat;
}

.register .left dl dd.cur {
    border-left: #cb0308 1px solid;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}


.register .right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 53.57%;
}

.register .right b {
    font-size: 36px;
    color: #333;
    text-align: center;
}

.register .right img {
    margin: 49px auto 0;
    max-width: 82%;
    max-height: 51%;
}



/* @media screen and (max-height:990px){
    .register .left dt {line-height: 46px;}
    .register .left dd input,.register .left dl.other dd .but{height: 50px;line-height: 50px;}
    .register .left dd i {height: 50px;}
    .register .left dl.other dd img {margin: 9px 80px 0 11px;}
    .register .left dl.other{padding-bottom: 20px;}
} */

@media screen and (max-height:930px) {

    .register .left dt {
        line-height: 40px;
    }

    .register .left dd input,
    .register .left dl.other dd .but {
        height: 40px;
        line-height: 40px;
    }

    .register .left dd i {
        height: 40px;
    }

    .register .left dl.other dd img {
        margin: 4px 80px 0 11px;
    }

    .register .left .go {
        padding: 16px 0 26px;
    }

    .register .left dl.other {
        padding-bottom: 16px;
    }

}


@media screen and (max-height:760px) {
    .register .left .t {
        padding: 22px 0 10px;
        font-size: 24px;
    }

    .register .left dt {
        line-height: 36px;
        font-size: 14px;
    }

    .register .left dd input,
    .register .left dl.other dd .but {
        height: 38px;
        line-height: 38px;
    }

    .register .left dd i {
        height: 38px;
    }

    .register .left dl.other dd img {
        margin: 3px 80px 0 11px;
    }

    .register .left .go {
        padding: 16px 0 20px;
    }

    .register .left dd input {
        font-size: 15px;
    }

    .register .right b {
        font-size: 32px;
    }

    .register .left dl.other {
        padding-bottom: 10px;
    }


}



/*********** p7-1大唐大学-找回密码 ***********/
.find_m .left dt {
    margin-top: 10px;
}

.find_m .left {
    padding: 20px 8.35% 33px 6.42%;
}

@media screen and (max-height:930px) {
    .find_m .left dt {
        margin-top: 6px;
    }
}

@media screen and (max-height:760px) {
    .find_m .left dt {
        margin-top: 2px;
    }
}

/*********** p7-1大唐大学-登录 ***********/
.register_s .left dt {
    margin-top: 10px;
}

.register_s .left {
    padding: 30px 8.35% 50px 6.42%;
}

.register .left .go {
    padding: 30px 0 36px;
}



@media screen and (max-height:930px) {
    .register_s .left {
        padding: 20px 8.35% 33px 6.42%;
    }

    .register .left .go {
        padding: 32px 0 26px;
    }
}

@media screen and (max-height:760px) {
    .register_s .left {
        padding: 10px 8.35% 16px 6.42%;
    }

    .register .left .go {
        padding: 22px 0 16px;
    }
}

@media screen and (max-height:930px) {
    .debugH .left .t {
        padding: 26px 0 10px;
        font-size: 26px;
    }

    .debugH .left dt,
    .debugH .left dd input {
        font-size: 14px;
    }

    .debugH .left .go {
        padding: 26px 0 20px;
    }
}

@media screen and (max-height:760px) {
    .debugH .left .t {
        padding: 20px 0 10px;
        font-size: 24px;
    }
}

@media screen and (max-height:710px) {

    .debugH .left .t {
        padding: 16px 0 6px;
        font-size: 20px;
    }

    .debugH .left dt {
        line-height: 30px;
        font-size: 14px;
    }

    .debugH .left dd input,
    .debugH .left dl.other dd .but {
        height: 36px;
        line-height: 36px;
    }

    .debugH .left dd i {
        height: 36px;
    }

    .debugH .left .go {
        padding: 16px 0 20px;
    }

    .debugH .left dd input {
        font-size: 14px;
    }

    .debugH .right b {
        font-size: 32px;
    }

    .debugH .left dl.other {
        padding-bottom: 10px;
    }
}

/*********** p7-2大唐大学-证书查询 ***********/
.quit {
    padding-top: 40px;
    font-size: 18px;
    color: #333;
}

.quit i {
    float: left;
}

.quit a {
    float: left;
    margin-left: 30px;
    color: #ca171d;
    cursor: pointer;
}


.Certificate .top {
    padding: 39px 0 69px;
    border-bottom: #e9e8ed 1px solid;
}

.Certificate .top dl {
    margin-right: 53px;
}

.Certificate .top dt {
    float: left;
    margin: 0 20px 0 10px;
    line-height: 56px;
    font-size: 16px;
    color: #333;
}

.Certificate .top dd {
    float: left;
    border: #eae7ed 1px solid;
}

.Certificate .top dd .inp {
    float: left;
    padding-left: 20px;
    width: calc(100% - 90px);
}

.Certificate .top dd input {
    width: 100%;
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    color: #999;
}

.Certificate .top dd i {
    float: left;
    width: 69px;
    height: 58px;
    border-left: #eae7ed 1px solid;
}

.Certificate .top dl dd.cur {
    border-left: #cb0308 1px solid;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.Certificate .top dl:nth-child(1) i {
    background: url(../images/icon/icon_11.png) center no-repeat;
}

.Certificate .top dl:nth-child(2) i {
    background: url(../images/icon/icon_13.png) center no-repeat;
}


.Certificate .top .but {
    float: right;
    width: 12.28%;
    height: 58px;
    background: #cb0308 url(../images/icon/icon_14.png) center no-repeat;
    border: none;
    cursor: pointer;
}


.Certificate .bot {
    margin: 58px auto 80px;
    background: url(../images/bac/bac_1.png) right 110px no-repeat;
}

.Certificate .bot .w1400 {
    background: url(../images/icon/icon_16.png) right center no-repeat;
}

.Certificate .bot .left {
    width: 25.42%;
    height: 552px;
    background: #f4f4f4;
}

.Certificate .bot .pic {
    margin-left: -17.42%;
    width: 46.14%;
}

.Certificate .bot .pic div {
    width: 100%;
    height: 552px;
    display: table-cell;
    vertical-align: middle;
}

.Certificate .bot .pic img {
    display: table;
    max-width: 92%;
}

.Certificate .bot .text {
    margin: 100px 0 0 8.2%;
    float: left;
}

.Certificate .bot .text .tit {
    margin-bottom: 20px;
    position: relative;
}

.Certificate .bot .text .tit b {
    position: relative;
    z-index: 3;
    font-size: 56px;
    font-weight: bold;
    color: #333;
    font-family: "Arial";
}

.Certificate .bot .text .tit i {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 60px;
    height: 8px;
    background: #ca3020;
}

.Certificate .bot .text dl {
    line-height: 50px;
    font-size: 18px;
    color: #666;
}

.Certificate .bot .text dt {
    float: left;
    color: #333;
    font-weight: bold;
}

.Certificate .bot .text dd {
    float: left;
}

.Certificate .bot .text .dow {
    margin-top: 24px;
    width: 37px;
    height: 29px;
    background: url(../images/icon/icon_15.png) center no-repeat;
}


/*********** p1-0关于我们 ***********/
.About_us {
    background: url(../images/bac/About_us.png) center bottom no-repeat;
    background-size: 100% auto;
}

.About_us .abo01 .w1400 {
    position: relative;
    z-index: 2;
    background: #fff;
}

.About_us .abo01 .w1400 .title {
    margin-left: 2.8%;
    padding: 80px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 100px no-repeat;
}

.About_us .abo01 .w1400 .text {
    padding-bottom: 80px;
    margin: 0 auto;
    width: 86.42%;
    font-size: 16px;
    line-height: 36px;
    color: #666;
}

.About_us .abo02 {
    margin-top: -95px;
    padding: 1px 0;
    width: 100%;
    height: 586px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/page/About_us_1.jpg', sizingMethod='scale');
    background: url(../images/page/About_us_1.jpg) center fixed no-repeat;
    background-size: auto;
    background-size: cover;
}

.About_us .abo02 .next {
    margin: 213px auto 0;
    width: 1000px;
}

.About_us .abo02 .next dl {
    float: left;
    width: 33.33%;
    text-align: center;
    color: #fff;
}

.About_us .abo02 .next dt {
    display: inline-block;
}

.About_us .abo02 .next dt b {
    float: left;
    /*width: 96px;*/
    font-size: 52px;
    font-family: Arial;
}

.About_us .abo02 .next dt i {
    float: left;
    margin-left: 6px;
    line-height: 73px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
}

.About_us .abo02 .next dd {
    font-size: 20px;
    font-weight: bold;
}

.About_us .abo02 .next dl:nth-child(3) b {
    width: 66px;
}

.About_us .abo03 .w1400 {
    position: relative;
}

.About_us .abo03 .w1400 .pad {
    padding: 0 2.8%;
}

.About_us .abo03 .w1400 .title {
    padding: 80px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 100px no-repeat;
}

.About_us .abo03 .w1400 .text img {
    margin: 0 auto;
    max-width: 100%;
}

.About_us .abo04 .w1400 {
    margin-top: -134px;
    position: relative;
    z-index: 2;
    background: #fff;
}

.About_us .abo04 .w1400 .title {
    margin-left: 2.8%;
    padding: 80px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 100px no-repeat;
}


.About_us .abo04 .swiper-container {
    padding: 1px;
}

.About_us .abo04 .swiper-slide {
    padding: 0px 20px;
    width: calc(100% - 40px);
}

.About_us .abo04 .swiper-slide .pad {
    padding: 46px 0 64px;
    position: relative;
}

.About_us .abo04 .swiper-slide .lie {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: url(../images/icon/lie_1.png) center top repeat-y;
}

.About_us .abo04 .swiper-slide .lie_1 {
    left: 20%;
}

.About_us .abo04 .swiper-slide .lie_2 {
    left: 40%;
}

.About_us .abo04 .swiper-slide .lie_3 {
    left: 60%;
}

.About_us .abo04 .swiper-slide .lie_4 {
    left: 80%;
}

.About_us .abo04 .swiper-slide .lie_5 {
    left: 0%;
    top: 46px;
    width: 100%;
    height: 1px;
    background: url(../images/icon/lie_2.png) center top repeat-x;
}

.About_us .abo04 .swiper-slide .lie_6 {
    left: 0%;
    top: 239px;
    width: 100%;
    height: 1px;
    background: url(../images/icon/lie_2.png) center top repeat-x;
}

.About_us .abo04 .swiper-slide .lie_7 {
    left: 0%;
    top: 432px;
    width: 100%;
    height: 1px;
    background: url(../images/icon/lie_2.png) center top repeat-x;
}


.About_us .abo04 .swiper-slide .plus {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 18px;
    height: 18px;
    background: url(../images/icon/icon_26.png) center no-repeat;
}

.About_us .abo04 .swiper-slide .plus_1 {
    top: 37px;
    left: 20%;
    margin-left: -9px;
}

.About_us .abo04 .swiper-slide .plus_2 {
    top: 37px;
    left: 40%;
    margin-left: -9px;
}

.About_us .abo04 .swiper-slide .plus_3 {
    top: 37px;
    left: 60%;
    margin-left: -9px;
}

.About_us .abo04 .swiper-slide .plus_4 {
    top: 37px;
    left: 80%;
    margin-left: -9px;
}

.About_us .abo04 .swiper-slide .plus_5 {
    top: 230px;
    left: 20%;
    margin-left: -9px;
}

.About_us .abo04 .swiper-slide .plus_6 {
    top: 230px;
    left: 40%;
    margin-left: -9px;
}

.About_us .abo04 .swiper-slide .plus_7 {
    top: 230px;
    left: 60%;
    margin-left: -9px;
}

.About_us .abo04 .swiper-slide .plus_8 {
    top: 230px;
    left: 80%;
    margin-left: -9px;
}

.About_us .abo04 .swiper-slide .plus_9 {
    top: 423px;
    left: 20%;
    margin-left: -9px;
}

.About_us .abo04 .swiper-slide .plus_10 {
    top: 423px;
    left: 40%;
    margin-left: -9px;
}

.About_us .abo04 .swiper-slide .plus_11 {
    top: 423px;
    left: 60%;
    margin-left: -9px;
}

.About_us .abo04 .swiper-slide .plus_12 {
    top: 423px;
    left: 80%;
    margin-left: -9px;
}


.About_us .abo04 li {
    float: left;
    width: 20%;
    background: url(../images/page/About_us_4.jpg) center no-repeat;
    background-size: cover;
}

.About_us .abo04 li a {
    position: relative;
    height: 193px;
}

.About_us .abo04 .text {
    padding: 62px 0 0;
    text-align: center;
}

.About_us .abo04 .text b {
    font-size: 21px;
    color: #165ea4;
}

.About_us .abo04 .text i {
    margin: 5px auto;
    width: 15px;
    height: 3px;
    background: #cc3125;
}

.About_us .abo04 .text p {
    padding: 0px 18px;
    font-size: 17px;
    color: #999;
}

.About_us .abo04 .pos {
    position: absolute;
    left: -5%;
    top: 0;
    z-index: 3;
    width: 110%;
    height: 214px;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    transition: all 0.5s;
    opacity: 0;
    transform: scale(0.9);
}

.About_us .abo04 .pos .pad {
    padding: 13px 4.9%;
}

.About_us .abo04 .pos .pic {
    float: left;
    width: 47.97%;
    height: 188px;
}

.About_us .abo04 .pos .fl {
    position: relative;
    margin-left: 7%;
    width: 45%;
    height: 200px;
}

.About_us .abo04 .pos p {
    padding-top: 10px;
    line-height: 35px;
    font-size: 20px;
    color: #666;
}

.About_us .abo04 .pos i {
    /* height: 80px; */
    line-height: 32px;
    font-size: 19px;
    color: #cb1e24;
    color: #666;
}

.About_us .abo04 .pos b {
    position: absolute;
    left: 0;
    bottom: 20px;
    font-size: 20px;
    color: #333;
}

.About_us .abo04 a:hover .pos {
    transition: all 0.5s;
    opacity: 1;
    transform: scale(1);
}


.About_us .abo04 .swiper-pagination-bullets {
    left: 0%;
    bottom: 0px;
    width: 100%;
}

.About_us .abo04 .swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    margin: 0;
    width: 127px;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    color: #c3c3c4;
    font-family: Arial;
    border-radius: 0;
    background: none;
    opacity: 1;
    background: url(../images/icon/icon_2ss.png) center bottom no-repeat;
}

.About_us .abo04 .swiper-pagination-bullets .swiper-pagination-bullet i {
    font-weight: bold;
}

.About_us .abo04 .swiper-pagination-bullets .swiper-pagination-bullet-active {
    color: #ca171d;
    background: url(../images/icon/icon_2s.png) center bottom no-repeat;
}


.About_us .abo05 {
    padding: 80px 0 80px;
}

.About_us .abo05 .chunk {
    position: relative;
    width: 48.57%;
}

.About_us .abo05 .pic {
    margin-bottom: 75px;
    width: 100%;
    height: 314px;
    overflow: hidden;
}

.About_us .abo05 .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.8s;
}

.About_us .abo05 .pos {
    position: absolute;
    right: 35px;
    bottom: 0;
    width: 344px;
    height: 150px;
    background: #fff url(../images/page/About_us_8.png) left bottom no-repeat;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.About_us .abo05 .pos .text {
    transition: all 0.8s;
    padding: 56px 0 0 108px;
}

.About_us .abo05 .pos i {
    margin-bottom: 12px;
    font-size: 22px;
    color: #333;
}

.About_us .abo05 .pos p {
    transition: all 0.8s;
    margin-bottom: 0px;
    font-size: 16px;
    color: #cb1e24;
    font-family: Arial;
}

.About_us .abo05 .pos em {
    transition: all 0.8s;
    width: 0px;
    height: 7px;
    background: url(../images/icon/icon_27.png) right center no-repeat;
}


.About_us .abo05 .fr .pos {
    background: #fff url(../images/page/About_us_9.png) left bottom no-repeat;
}

.About_us .abo05 .chunk:hover .pos .text {
    transition: all 0.8s;
    padding: 24px 0 0 108px;
}

.About_us .abo05 .chunk:hover .pos p {
    transition: all 0.8s;
    margin-bottom: 26px;
}

.About_us .abo05 .chunk:hover .pos em {
    transition: all 0.8s;
    width: 47px;
}

.About_us .abo05 .chunk:hover .pic i {
    transform: scale(1.1);
    transition-duration: 0.8s;
}


/*********** p1-1关于我们-社会责任 ***********/

.duty {
    background: url(../images/page/duty_1.png) bottom center no-repeat;
    background-size: 100% auto;
}

.duty .subnav {
    margin-bottom: 50px;
}

.duty .swiper-container {
    width: 100%;
}

.duty .w1400 {
    position: relative;
}

.duty .year {
    position: absolute;
    left: 0;
    top: 46px;
    z-index: 6;
    width: 272px;
    height: 146px;
}

.duty .gallery-thumbs {
    margin-bottom: 10px;
    height: 136px;
}

.duty .year .swiper-slide {
    width: 100%;
    height: 16px;
}

.duty .year .lie {
    height: 1px;
    background: #d0d0d0;
}

.duty .year .lie_1 {
    transition: all 0.3s;
    float: left;
    margin: 5px 13px 0 0;
    width: 9px;
    height: 2px;
    background: none;
}

.duty .year .lie_2 {
    transition: all 0.5s;
    float: left;
    margin: 5px 0 0 0;
    width: 8px;
    height: 2px;
}

.duty .year p {
    transition: all 0.3s;
    float: left;
    width: 0;
    overflow: hidden;
    font-size: 30px;
    color: #165ea4;
}

.duty .year .lie_3 {
    margin-left: 11px;
    width: 19px;
}

.duty .year .gallery-thumbs .swiper-slide-thumb-active {
    height: 57px;
    line-height: 57px;
}

.duty .year .gallery-thumbs .swiper-slide-thumb-active .lie_1 {
    transition: all 0.3s;
    margin: 27px 13px 0 0;
    width: 30px;
    height: 2px;
    background: #ca171d;
}

.duty .year .gallery-thumbs .swiper-slide-thumb-active .lie_2 {
    transition: all 0.5s;
    margin: 27px 0 0 0;
    width: 137px;
    height: 2px;
    background: #ca171d;
}

.duty .year .gallery-thumbs .swiper-slide-thumb-active p {
    transition: all 0.3s;
    margin-right: 20px;
    width: 72px;
}

.duty .next {
    margin-left: 14.6%;
    width: 85.4%;
}

.duty .gallery-top {
    width: 100%;
}

.duty .next .swiper-slide {
    position: relative;
}

.duty .next dl {
    padding: 30px 0 198px;
    position: relative;
    z-index: 2;
}

.duty .next dt {
    float: left;
    width: 53.12%;
    height: 327px;
    overflow: hidden;
}

.duty .next dt i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.5s;
}

.duty .next dd {
    float: right;
    width: 42.4%;
}

.duty .next b {
    margin: 10px 0 35px;
    font-size: 24px;
    color: #333;
}

.duty .next p {
    height: 192px;
    font-size: 16px;
    color: #666;
    line-height: 32px;
}

.duty .next i {
    float: left;
    margin-right: 58px;
    padding-left: 38px;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}

.duty .next .i_01 {
    background: url(../images/icon/icon_28.png) left center no-repeat;
}

.duty .next .i_02 {
    background: url(../images/icon/icon_29.png) 6px center no-repeat;
}

.duty .next .number {
    position: absolute;
    right: -22px;
    bottom: -20px;
    font-size: 454px;
    color: #d1d1d1;
    font-family: Arial;
    opacity: 0.27;
    font-weight: bold;
}


/*********** p1-2关于我们-集团内刊 ***********/
.magazine {}

.magazine .t {
    position: relative;
    padding: 80px 0 70px
}

.magazine .t a {
    float: left;
    width: 50%;
    height: 100px;
    text-align: center;
    background: #fff;
}

.magazine .t a img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100px;
    -ms-interpolation-mode: bicubic;
}

.magazine .t a span {
    opacity: 1;
    transition: all 0.5s;
    display: inline-block;
    width: 1px;
    height: 100px;
    vertical-align: middle;
}

.magazine .t .a_1 span {
    width: 34px;
    background: url(../images/icon/icon_97.png) left center no-repeat;
}

.magazine .t .a_2 span {
    width: 34px;
    background: url(../images/icon/icon_96.png) right center no-repeat;
}


.magazine .t a:hover,
.magazine .t a.on {
    transition: all 0.5s;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.magazine .t a.on span {
    opacity: 0;
}

.magazine .t a:hover span {
    opacity: 1;
    transition: all 0.5s;
}

.magazine .t .lie {
    position: absolute;
    left: 50%;
    top: 100px;
    width: 1px;
    height: 60px;
    background: #ddd;
}

.magazine .condition {
    margin-bottom: 60px;
    display: none;
}

.magazine .condition .fl {
    width: 32%;
    margin: 0 2% 0 0;
    background: #fff;
}

.magazine .condition .fl:nth-child(3) {
    margin-right: 0;
}

.magazine .condition .inp {
    padding: 0 20px;
    height: 54px;
    border: #c8c8c8 2px solid;
}

.magazine .condition .inp input {
    width: 100%;
    height: 54px;
    line-height: 54px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.magazine .condition .but {
    display: block;
    width: 100%;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #c7161d;
    border: none;
    cursor: pointer;
}

.magazine .list {
    margin-bottom:80px
}

.magazine .list li {
    position: relative;
    float: left;
    width: 33%
}

.magazine .list li .lie {
    position: relative;
    padding: 32px 0;
    border-right: #e1e2e3 1px solid;
    transition: all .5s
}

.magazine .list li:nth-child(3n) {
    width: 34%
}

.magazine .list li:nth-child(3n+1) .lie {
    border-left: #e1e2e3 1px solid
}

.magazine .list .text {
    position: relative;
    z-index: 3;
    margin: 0 auto;
    width: 288px;
    border-bottom: #e1e2e3 1px solid
}

.magazine .list .text .pic {
    position: relative;
    width: 292px;
    height: 398px;
    border: #e1e2e3 1px solid
}

.magazine .list .text .pic i {
    width: 100%;
    height: 100%
}

.magazine .list .text .pic .bac {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: all .5s
}

.magazine .list .text .pic .pos {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    width: 80%;
    opacity: 0;
    transition: all .5s
}

.magazine .list .text .pic .pos .i_0 {
    visibility: hidden;
    text-align: center;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}

.magazine .list .text .pic .pos .i_01 {
    padding: 29px 0 40px;
    background: url(../images/icon/icon_28.png) top center no-repeat;
}

.magazine .list .text .pic .pos .i_02 {
    padding-top: 30px;
    background: url(../images/icon/icon_29.png) top center no-repeat;
}

.magazine .list .text p {
    line-height: 68px;
    color: #333;
    text-align: center;
    font-size: 18px;
}

.magazine .list .text:hover .pic .bac {
    opacity: .8;
    transition: all .5s
}

.magazine .list .text:hover .pic .pos {
    opacity: 1;
    transition: all .5s
}

.magazine .list .text:hover .pic .pos .i_0 {
    visibility: visible;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.magazine .list .text:hover .pic .pos .i_01 {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.magazine .list .text:hover .pic .pos .i_02 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.magazine .list .text:hover p {
    color: #ca171d;
}


/*********** p1-3关于我们-组织结构 ***********/
.structure .title {
    padding: 80px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 100px no-repeat;
}

.structure .list {
    margin-bottom: 50px;
}

.structure .list li {
    position: relative;
    float: left;
    margin: 0 2.8% 30px 0;
    width: 48.6%;
    height: 278px;
    background: #fff url(../images/bac/structure_bac.jpg) right bottom no-repeat;
}

.structure .list li:nth-child(2n) {
    margin-right: 0;
}

.structure .list a {
    padding: 8px 6% 13px;
}

.structure .list .pic {
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
    height: 73px;
}

.structure .list .pic img {
    display: table;
    height: 35px;
}

.structure .list .text {
    margin: 16px 0;
    font-size: 18px;
    color: #333;
}

.structure .list .text em {
    float: left;
    font-weight: bold;
}

.structure .list .text span {
    margin-left: 2%;
    float: left;
    color: #cb301e;
    font-weight: bold;
}

.structure .list p {
    height: 96px;
    font-size: 14px;
    color: #444;
    line-height: 24px;
}

.structure .list .lie {
    transition: all 0.5s;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0px;
    height: 2px;
    background: #ca171d;
}

.structure .list li:hover {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.14);
}

.structure .list li:hover .text {
    color: #ca171d;
}

.structure .list li:hover .lie {
    transition: all 0.5s;
    width: 100%;
}

/*********** p2-1新闻中心-集团资讯（国资动态） ***********/
.new #container {
    /*初始化时的宽度*/
    position: relative;
}

.new #wrapper .grid {
    min-height: 100px;
    background: #fff;
    float: left;
    cursor: pointer;
}

.new .waterfull ul {
    margin: 80px auto;
}

.new .waterfull ul li {
    position: relative;
    float: left;
    width: 32%;
    margin: 0 0.6% 28px 0.6%;
    background: #fff;
    overflow: hidden;
    border-bottom: #f3f3f3 1px solid;
}

.new .waterfull ul li a {
    padding: 0 18px 30px;
}

.new .waterfull ul li .b {
    margin-bottom: 18px;
    line-height: 40px;
    font-family: "Arial";
    border-bottom: #e5e6ea 1px solid;
}

.new .waterfull ul li .b i {
    float: right;
    font-size: 16px;
    color: #a7a7a8;
    font-weight: bold;
}

.new .waterfull ul li .b .fr {
    float: left;
    font-size: 16px;
    color: #a7a7a8;
    font-weight: bold;
}

.new .waterfull ul li .pic {
    width: 100%;
    display: block;
    position: relative;
}

.new .waterfull ul li .pic img {
    width: 100%;
    display: block;
}

.new .waterfull ul li .text b {
    margin: 20px auto;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
}

.new .waterfull ul li .text p {
    font-size: 14px;
    color: #666;
    line-height: 28px;
}

.new .waterfull ul li .lie {
    transition: all 0.8s;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0%;
    height: 2px;
}

.new .waterfull ul li:hover {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

.new .waterfull ul li:hover .lie {
    transition: all 0.8s;
    width: 100%;
    background: #cb301e;
}

.new .waterfull ul li:hover .text i,
.new .waterfull ul li:hover .text b {
    color: #cb301e;
}

.new .waterfull ul li:hover .text p {
    color: #333;
}

.new .more {
    padding: 60px 0 0;
    width: 100%;
    font-size: 18px;
    color: #666;
    text-align: center;
    cursor: pointer;
}


/*********** p2-3新闻中心-媒体关注 ***********/
.new_media .list {
    margin: 80px auto;
    padding: 30px 0 50px;
    background: #fff;
}

.new_media .time_year {
    padding-top: 36px;
    margin: 0 auto 15px;
}

.new_media .time_year i {
    margin-right: 38px;
    margin-top: 14px;
    float: left;
    width: 5px;
    height: 23px;
    background: url(../images/icon/icon_37.png) center no-repeat;
}

.new_media .time_year p {
    float: left;
    font-size: 36px;
    font-weight: bold;
    color: #666;
}

.new_media .list .pad {
    margin: 0 auto;
    width: 85.71%;
}

.new_media .list .li {
    padding: 25px 0 20px 2%;
    border-bottom: #ddd 1px solid;
}

.new_media .list .li .time {
    float: left;
    margin-right: 28px;
    width: 148px;
    height: 80px;
}

.new_media .list .li .time .clearfix {
    transition: all 0.5s;
    margin-top: 10px;
}

.new_media .list .li .time i {
    margin-right: 20px;
    float: left;
    font-size: 24px;
    color: #999;
    line-height: 28px;
}

.new_media .list .li .time .icon {
    margin-top: 11px;
    position: relative;
    float: left;
    width: 48px;
    height: 9px;
}

.new_media .list .li .time .icon span {
    -ms-transform-origin: 95% 50%;
    transform-origin: 95% 50%;
    transition-duration: .2s;
    transition-delay: .2s;
    transition-timing-function: ease;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 10px;
    height: 1px;
    background: #ccc;
}

.new_media .list .li .time .icon em {
    margin-top: 4px;
    width: 44px;
    height: 1px;
    background: #ccc;
}

.new_media .list .li .pic {
    float: right;
    margin-left: 3.2%;
    width: 196px;
    height: 110px;
    overflow: hidden;
}

.new_media .list .li .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.5s;
}

.new_media .list .li b {
    margin-bottom: 16px;
    padding-top: 10px;
    font-size: 18px;
    color: #333;
    font-weight: normal;
}

.new_media .list .li p {
    font-size: 14px;
    color: #999;
    line-height: 26px;
}

.new_media .list .li:hover .time .clearfix {
    transition: all 0.5s;
    margin-top: 28px;
}

.new_media .list .li:hover b {
    color: #cb301e;
}

.new_media .list .li:hover p,
.new_media .list .li:hover .time i {
    color: #333;
}

.new_media .list .li:hover .time .icon span {
    background: #333;
    transform: rotate(35deg);
}

.new_media .list .li:hover .time .icon em {
    background: #333;
}

.new_media .list .li:hover .time .icon .s2 {
    transform: rotate(-35deg);
}

.new_media .list .li:hover .pic i {
    transform: scale(1.1);
    transition-duration: 0.5s;
}


/*********** p2-4新闻中心-专题专栏 ***********/
.special .w1400 {
    padding: 80px 0 50px;
}

.special .list .li {
    float: left;
    margin: 0 3.16% 30px 0;
    width: 48.42%;
}

.special .list .li:nth-child(2n) {
    margin-right: 0;
}

.special .list .li a {
    padding: 45px 45px 0;
    background: #fff;
    border: #ddd 1px solid;
}

.special .list .li .pic {
    width: 100%;
    height: 328px;
    overflow: hidden;
}

.special .list .li .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.8s;
}
.special .list .li .text{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 92px;
    overflow: hidden;
}
.special .list .li p {
    font-size: 22px;
    color: #cb1e24;
    line-height: 30px;
    text-align: center;
}

.special .list .li:hover b {
    color: #cb301e;
}

.special .list .li:hover .pic i {
    transform: scale(1.1);
    transition-duration: 0.8s;
}

.special .list .li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

/*********** p2-5新闻中心-集团资讯-详情 ***********/
.new_xq .newBox {
    margin: 20px auto 80px;
    padding-top: 80px;
    background: #fff;
}



.new_xq .next {
    padding-bottom: 64px;
}

.new_xq .next .tit {
    margin-bottom: 34px;
}

.new_xq .next .tit b {
    margin-bottom: 18px;
    padding: 0 20px;
    text-align: center;
    font-size: 26px;
    color: #272727;
    font-weight: bold;
}

.new_xq .next .tit div {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
}

.new_xq .next .tit span {
    display: inline-block;
    padding-left: 12px;
    color: #333;
    background: url(../images/icon/icon_39.jpg) left center no-repeat;
}

.new_xq .next .tit i {
    display: inline-block;
    margin-right: 20px;
    color: #333333;
}

.new_xq .next .text {
    margin: 0 auto;
    width: 78.57%;
    min-height: 300px;
    font-size: 16px;
    line-height: 36px;
    color: #666;
}

.new_xq .next .text img {
    margin: 20px auto;
    max-width: 100%;
}

.new_xq .next .text table {
    border-left: #000 1px solid;
    border-top: #000 1px solid;
    margin: 0 auto;
}

.new_xq .next .text table td {
    border-right: #000 1px solid;
    border-bottom: #000 1px solid;
}

.new_xq .next .text {
    zoom: 1;
    padding-bottom: 35px;
    overflow-x: hidden;
}

.new_xq .next .text:after {
    content: " ";
    display: block;
    clear: both;
    height: 0
}

.new_xq .next .text b {
    font-weight: 700
}

.new_xq .next .text b,
.new_xq .next .text em,
.new_xq .next .text i,
.new_xq .next .text span {
    display: inline
}


.new_xq .pag {
    height: 63px;
    line-height: 63px;
    font-size: 18px;
}

.new_xq .pag a {
    float: left;
    width: 50%;
}

.new_xq .pag dl {
    width: 100%;
    background: #cdcdcd;
    color: #333;
}

.new_xq .pag a div {
    font-weight: bold;
    background: #cdcdcd;
    color: #333;
}

.new_xq .pag a:nth-child(1) p {
    margin-left: 10%;
    padding-left: 46px;
    background: url(../images/icon/icon_38.png) left center no-repeat;
}

.new_xq .pag a:nth-child(2) p {
    margin-right: 10%;
    padding-right: 46px;
    text-align: right;
    background: url(../images/icon/icon_39.png) right center no-repeat;
}

/* .new_xq .pag a:hover div {
    background: #ca171d;
    color: #fff;
}

.new_xq .pag a:nth-child(1):hover  p {
    background: url(../images/icon/icon_38s.png) left center no-repeat;
}

.new_xq .pag a:nth-child(2):hover p {
    background: url(../images/icon/icon_39s.png) right center no-repeat;
} */

.new_xq .pag a.on div {
    background: #ca171d;
    color: #fff;
}

.new_xq .pag a.on div p {
    background: url(../images/icon/icon_38s.png) left center no-repeat;
}


/*********** p2-6专题站 ***********/
.header_box .menu.immtc li {
    margin: 0 32px;
}

.immtc .imm01 .title {
    padding: 99px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 120px no-repeat;
}

.immtc .imm01 {
    padding: 0 0 103px;
}

.immtc .imm01 .left {
    width: 47.14%;
}

.immtc .imm01 .left .swiper-slide {
    width: 100%;
    height: 495px;
}

.immtc .imm01 .left .pic {
    width: 100%;
    height: 495px;
    overflow: hidden;
}

.immtc .imm01 .left .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.5s;
}

.immtc .imm01 .left a:hover .pic i {
    transform: scale(1.1);
    transition-duration: 0.5s;
}

.immtc .imm01 .left .pos {
    transition: all 0.5s;
    position: absolute;
    left: 3%;
    bottom: -78px;
    width: 94%;
    height: 78px;
    line-height: 78px;
    font-size: 18px;
    color: #fff;
}

.immtc .imm01 .left .pos p {
    float: left;
}

.immtc .imm01 .left .pos i {
    float: right;
}

.immtc .imm01 .left .swiper-slide-active .pos {
    transition: all 0.5s;
    bottom: 0;
}

.immtc .imm01 .left .swiper-button-next,
.immtc .imm01 .left .swiper-button-prev {
    top: 0;
    margin-top: 0;
    width: 50px;
    height: 50px;
}

.immtc .imm01 .left .swiper-button-next {
    right: 0;
    background: #ca171d url(../images/icon/icon_43.png) center no-repeat;
}

.immtc .imm01 .left .swiper-button-prev {
    left: inherit;
    right: 50px;
    background: rgba(255, 255, 255, 0.3) url(../images/icon/icon_42.png) center no-repeat;
}

.immtc .imm01 .left .swiper-button-prev:hover {
    background: rgba(255, 255, 255, 0.5) url(../images/icon/icon_42.png) center no-repeat;
}


.immtc .imm01 .right {
    width: 51.42%;
}

.immtc .imm01 .right .next a {
    position: relative;
    margin-bottom: 0px;
    padding: 31px 31px 31px 27px;
    background: #f4f4f4;
}

.immtc .imm01 .right .next a:nth-child(2n) {
    background: #fff;
}

.immtc .imm01 .right .next .fl {
    width: calc(100% - 150px);
}

.immtc .imm01 .right .next i {
    margin-bottom: 10px;
    font-size: 16px;
    color: #cb1e24;
    font-family: "Arial";
}

.immtc .imm01 .right .next b {
    margin-bottom: 14px;
    font-size: 18px;
    color: #333;
}

.immtc .imm01 .right .next p {
    font-size: 14px;
    color: #666;
    line-height: 18px;
}

.immtc .imm01 .right .next .fr {
    width: 130px;
    line-height: 103px;
    font-size: 14px;
    color: #333;
    background: url(../images/icon/icon_21.png) right center no-repeat;
}

.immtc .imm01 .right .next .fr em {
    transition: all 0.3s;
    width: 116px;
    background: url(../images/icon/icon_22.png) right 46px no-repeat;
}

.immtc .imm01 .right .next a .lie {
    transition: all 0.5s;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #cb1e24;
}

.immtc .imm01 .right .next a:hover b {
    color: #cb1e24;
}

.immtc .imm01 .right .next a:hover .fr {
    background: url(../images/icon/icon_40.png) right center no-repeat;
}

.immtc .imm01 .right .next a:hover .fr em {
    transition: all 0.3s;
    width: 123px;
    background: url(../images/icon/icon_41.png) right 46px no-repeat;
}

.immtc .imm01 .right .next a:hover .lie {
    transition: all 0.5s;
    width: 100%;
}




.immtc .imm02 {
    position: relative;
    height: 870px;
    overflow: hidden;
}

.immtc .imm02 .w1400 {
    margin-bottom: 30px;
}

.immtc .imm02 .bac {
    position: absolute;
    right: 0;
    top: 0;
    width: 89.58%;
    height: 768px;
    background: #f4f4f4;
}

.immtc .imm02 .number {
    position: absolute;
    right: -23px;
    top: 82px;
    font-size: 230px;
    color: #000;
    opacity: 0.03;
    font-weight: bold;
    font-family: "Arial";
}

.immtc .imm02 .title {
    position: relative;
    z-index: 2;
    margin-left: 6.8%;
    padding: 99px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 120px no-repeat;
}

.immtc .imm02 .next {
    position: relative;
    z-index: 3;
}

.immtc .imm02 .left {
    width: 32.39%;
    height: 619px;
    overflow: hidden;
}

.immtc .imm02 .left i {
    width: 100%;
    height: 100%;
}

.immtc .imm02 .cen {
    width: 57.61%;
    height: 619px;
    /* background: #fff;box-shadow: 0 0 6px rgba(0,0,0,0.1);*/
}

.immtc .imm02 .right {
    width: 10%;
    height: 619px;
}


.immtc .imm02 .swiper-slide {
    width: 100%;
}

.immtc .imm02 .tran {
    transition: all 1.2s 0.4s;
    width: 0px;
    overflow: hidden;
}

.immtc .imm02 .swiper-slide-active .tran {
    transition: all 1.2s 0.4s;
    width: 104%;
}

.immtc .imm02 .text {
    position: relative;
    height: 619px;
}

.immtc .imm02 .pic {
    width: 100%;
    height: 619px;
    overflow: hidden;
}

.immtc .imm02 .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    transition-duration: 0.9s;
    transition-delay: 1.6s;
}

.immtc .imm02 .swiper-slide-active .pic i {
    transform: scale(1);
    transition-duration: 0.9s;
    transition-delay: 1.6s;
}

.immtc .imm02 .pos {
    position: absolute;
    left: 0%;
    bottom: 0;
    width: 80.38%;
    color: #fff;
    background: rgba(204, 49, 37, 0.7);
}

.immtc .imm02 .pos .pad {
    position: relative;
    padding: 1px 0 1px 8.8%;
    height: 223px;
}

.immtc .imm02 .pos .pad i {
    margin: 58px 0 33px;
    width: 82px;
    height: 1px;
    background: #fff;
}

.immtc .imm02 .pos .pad b {
    margin-bottom: 19px;
    font-size: 24px;
}

.immtc .imm02 .pos .pad p {
    padding-right: 14%;
    font-size: 16px;
    line-height: 24px;
}

.immtc .imm02 .pos .pad em {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10%;
    height: 68px;
    background: #fff url(../images/icon/icon_44.png) center no-repeat;
}

.immtc .imm02 .right .c {
    position: relative;
    margin: 0 auto;
    width: 124px;
    height: 619px;
}

.immtc .imm02 .swiper-button-next,
.immtc .imm02 .swiper-button-prev {
    top: inherit;
    bottom: 0;
    margin-top: 0;
    width: 62px;
    height: 102px;
}

.immtc .imm02 .swiper-button-next {
    right: 0;
    background: url(../images/icon/icon_44.png) center no-repeat;
}

.immtc .imm02 .swiper-button-prev {
    left: 0px;
    background: url(../images/icon/icon_45.png) center no-repeat;
}

.immtc .imm02 .swiper-button-next:hover {
    background: url(../images/icon/icon_44s.png) center no-repeat;
}

.immtc .imm02 .swiper-button-prev:hover {
    background: url(../images/icon/icon_45s.png) center no-repeat;
}

.immtc .imm03 {
    margin-bottom: 80px;
}

.immtc .imm03 .swiper-slide {
    width: 46.66%;
    opacity: 0.3;
}

.immtc .imm03 a {
    transition: all 0.5s;
    margin: 0 15px 10px;
    position: relative;
    height: 477px;
    overflow: hidden;
}

.immtc .imm03 .pic {
    transition-duration: 0.5s;
    transform: scale(1);
    width: 100%;
    height: 477px;
}

.immtc .imm03 .swiper-slide-active {
    opacity: 1;
}

.immtc .imm03 .swiper-slide-active a {
    transition: all 0.5s;
    margin: 0 15px 0px;
    position: relative;
    height: 487px;
    overflow: hidden;
}

.immtc .imm03 .swiper-slide-active .pic {
    transition: all 0.5s;
    width: 100%;
    height: 487px;
}

.immtc .imm03 a:hover .pic {
    transition-duration: 0.5s;
    transform: scale(1.1);
}


/*********** p3-1集团党建-党建概况 ***********/
.party_building .tab_tit {
    text-align: center;
}

.party_building .tab_tit a {
    display: inline-block;
    margin: 80px 25px 0px;
    width: 244px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 20px;
    color: #333;
    border: #dcdcdc 1px solid;
    background: #fff;
}

.party_building .tab_tit a.cur,
.party_building .tab_tit a:hover {
    color: #fff;
    background: #cd0013;
    border: #cd0013 1px solid;
}


.party_building .tab_next {
    margin: 50px 0 80px;
    background: #fff;
}
.party_building .w1400 .list{
    margin-top: 80px;
}
.party_building .pad {
    padding: 48px 3.2% 66px;
    font-size: 16px;
    line-height: 28px;
    color: #666;
}

.party_building .pad img {
    margin: 0 auto;
    max-width: 100%;
}

.party_building .pad .number {
    margin: 50px 0 50px;
}

.party_building .pad .number div {
    float: left;
    width: 25%;
    background: url(../images/icon/icon_46.png) right center no-repeat;
}

.party_building .pad .number .d_1 {
    width: 33%;
}

.party_building .pad .number .d_2 {
    width: 33%;
    text-align: center;
}

.party_building .pad .number .d_3 {
    width: 33%;
    text-align: center;
}

.party_building .pad .number .d_4 {
    width: 23%;
    text-align: right;
    background: none;
}

.party_building .pad .number b {
    display: inline-flex;
    font-size: 52px;
    color: #db002e;
}

.party_building .pad .number i {
    display: inline-flex;
    padding-right: 14px;
    font-size: 20px;
    color: #666;
    font-weight: bold;
}

.party_building .pad .tw dt {
    float: left;
    width: 47.61%;
}

.party_building .pad .tw dt b {
    margin-top: 40px;
    font-size: 24px;
    color: #333;
}

.party_building .pad .tw dt i {
    margin: 19px 0 40px;
    width: 38px;
    height: 2px;
    background: #333;
}

.party_building .pad .tw dd {
    float: right;
    width: 47.08%;
    height: 368px;
}

/*********** p4-2解决方案与服务-运营商 ***********/
.Solutions .title {
    padding: 80px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 100px no-repeat;
}


.Solutions .Sol01 li {
    float: left;
    width: 48.21%;
}

.Solutions .Sol01 li:nth-child(2n) {
    float: right;
}

.Solutions .Sol01 li a {
    position: relative;
    width: 100%;
    height: 463px;
}

.Solutions .Sol01 li .pic {
    width: 85.37%;
    height: 463px;
    overflow: hidden;
}

.Solutions .Sol01 li .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.8s;
}

.Solutions .Sol01 li a:hover .pic i {
    transform: scale(1.1);
    transition-duration: 0.8s;
}


.Solutions .Sol01 li .pos {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55.17%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: #fff url(../images/page/Solutions_3.jpg) right bottom no-repeat;
    background-size: 100% auto;
}

.Solutions .Sol01 li .pad {
    padding: 46px 10.72% 24px;
}

.Solutions .Sol01 li .t {
    position: relative;
    display: inline;
}

.Solutions .Sol01 li .t p {
    position: relative;
    z-index: 3;
    display: inline;
    font-size: 30px;
    color: #333;
}

.Solutions .Sol01 li .t .lie {
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 5px;
    background: #cc0004;
}

.Solutions .Sol01 li b {
    margin: 11px 0 8px;
    height: 84px;
    font-size: 16px;
    color: #666;
    line-height: 28px;
}

.Solutions .Sol01 li i {
    font-size: 14px;
    color: #cd0013;
}

.Solutions .Sol02{
    margin-bottom: 23px;
}
.Solutions .Sol02 li {
    float: left;
    margin: 0 3.83% 40px 0;
    width: 30.78%;
}

.Solutions .Sol02 li:nth-child(3n) {
    margin-right: 0;
}

.Solutions .Sol02 li .pic {
    width: 100%;
    height: 243px;
    overflow: hidden;
}

.Solutions .Sol02 li .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.5s;
}

.Solutions .Sol02 li:hover .pic i {
    transform: scale(1.1);
    transition-duration: 0.5s;
}

.Solutions .Sol02 li .pos b {
    font-weight: normal;
    padding: 30px 0;
    line-height: 40px;
    font-size: 26px;
    color: #333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.Solutions .Sol02 li .pos .swiper-container {
    height: 220px;
}

.Solutions .Sol02 li .pos a {
    line-height: 28px;
}

.Solutions .Sol02 li .pos a i {
    transition: all 0.5s;
    margin: 13px 6px 0 0;
    float: left;
    width: 23px;
    height: 1px;
    background: #cc0004;
}

.Solutions .Sol02 li .pos a p {
    transition: all 0.5s;
    float: left;
    font-size: 16px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Solutions .Sol02 li .pos a:hover i {
    transition: all 0.5s;
    margin: 13px 16px 0 0;
    width: 33px;
}

.Solutions .Sol02 li .pos a:hover p {
    transition: all 0.5s;
    width: calc(100% - 70px);
}

.Solutions .Sol02 .swiper-pagination {
    width: 90%;
    height: 45px;
}

.Solutions .Sol02 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0 0 -2px;
}

.Solutions .Sol02 .swiper-pagination a {
    opacity: 1;
    float: left;
    width: 66px;
    height: 40px;
    line-height: 40px;
    color: #8f8d8d;
    font-size: 13px;
    background: url(../images/icon/icon_88.png) center bottom no-repeat;
    background-size: 66px auto;
    border-radius: 0;
}

.Solutions .Sol02 .swiper-pagination .swiper-pagination-bullet-active {
    color: #cd0013;
    background: url(../images/icon/icon_88s.png) center bottom no-repeat;
    background-size: 66px auto;
}


/*********** p4-2解决方案与服务-运营商-传送网1 ***********/
.operator {
    padding-bottom: 1px;
    background: #fff;
}

.operator .sub01 {
    background: url(../images/bac/sub01.jpg) center no-repeat;
}
.operator .sub01 .title {
    padding-top: 80px;
    background: url(../images/icon/icon_3.png) left 100px no-repeat;
}

.operator .sub01 .pad {
    padding: 0 3.2% 80px;
}

.operator .sub01 .left {
    width: 43.03%;
}

.operator .sub01 .text {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.operator .sub01 .pic {
    margin-top: 80px;
    width: 50.03%;
    height: 366px !important;
    overflow: hidden;
}

.operator .sub01 .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.5s;
    background-size: cover !important;
}

.operator .sub01 .pic:hover i {
    transform: scale(1.1);
    transition-duration: 0.5s;
    
}


.operator .ope01 {
    position: relative;
    z-index: 3;
    background: #fff url(../images/bac/ope01.jpg) center bottom no-repeat;
    background-size: 100% auto;
}

.operator .ope01 .title {
    margin-left: 2.8%;
    padding: 81px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 102px no-repeat;
}

.operator .ope01 .text {
    margin: 0 auto;
    padding-bottom: 60px;
    width: 85.71%;
    min-height: 120px;
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.operator .ope02 {
    margin-top: 0px;
    padding: 0;
    background: #f4f4f4 url(../images/page/operator_1.jpg) bottom center no-repeat;
    background-size: 100% auto;
}


.operator .ope02 .top {
    position: relative;
    padding-top: 129px;
    height: 60px;
}

.operator .ope02 .top .swiper-slide {
    position: relative;
    z-index: 3;
    width: 100%;
}

.operator .ope02 .top .swiper-slide a {
    float: left;
    margin-right: 3.3%;
    width: 48.35%;
}

.operator .ope02 .top .swiper-slide a:nth-child(2) {
    margin-right: 0;
}

.operator .ope02 .top .swiper-slide p {
    height: 76px;
    line-height: 76px;
    text-align: center;
    font-size: 20px;
    color: #666;
    font-weight: bold;
    background: #ddd;
}

.operator .ope02 .top .swiper-slide a i {
    margin: 0 auto;
    width: 22px;
    height: 10px;
}

.operator .ope02 .top .swiper-slide a.cur i {
    background: url(../images/icon/icon_50.png) center no-repeat;
}

.operator .ope02 .top .swiper-slide a.cur p {
    color: #fff;
    background: #cb3125;
}

.operator .ope02 .top .swiper-button-next,
.operator .ope02 .top .swiper-button-prev {
    top: 129px;
    margin-top: 0px;
    width: 40px;
    height: 86px;
    opacity: 1;
}

.operator .ope02 .top .swiper-button-next {
    right: 0;
    background: #f4f4f4 url(../images/icon/icon_55.png) right 32px no-repeat;
}

.operator .ope02 .top .swiper-button-prev {
    left: 0;
    background: #f4f4f4 url(../images/icon/icon_55.png) left center no-repeat;
}

.operator .ope02 .top .swiper-button-next:hover,
.operator .ope02 .top .swiper-button-prev:hover {
    opacity: 1;
}

.operator .ope02 .top .swiper-button-disabled {
    display: none;
}

.operator .ope02 .bot {
    padding-bottom: 80px;
}

.operator .ope02 .bot .swiper-slide {
    padding: 19px 0 80px;
    position: relative;
    width: 100%;
}

.operator .ope02 .bot .swiper-slide a {
    transition: all 0.5s;
    float: left;
    margin: 0 1.416%;
    width: 30.5%;
    background: #fff;
}

.operator .ope02 .bot .swiper-slide a:nth-child(3) {
    margin-right: 0;
}

.operator .ope02 .bot .swiper-slide .text {
    padding: 76px 5.9% 70px;
}

.operator .ope02 .bot .swiper-slide b {
    margin-bottom: 24px;
    font-size: 22px;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operator .ope02 .bot .swiper-slide p {
    margin-bottom: 35px;
    height: 48px;
    line-height: 24px;
    font-size: 16px;
    color: #333;
}

.operator .ope02 .bot .swiper-slide i {
    font-size: 14px;
    color: #666;
    font-weight: bold;
    font-family: Arial;
}

.operator .ope02 .bot .swiper-slide a:hover {
    transition: all 0.5s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}

.operator .ope02 .bot .swiper-slide a:hover b {
    color: #cd0013;
}

.operator .ope02 .bot .swiper-container-horizontal .swiper-pagination-bullets {
    left: 0%;
    bottom: 0px;
}

.operator .ope02 .bot .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    margin: 0 5px;
    width: 27px;
    height: 27px;
    border-radius: 0;
    opacity: 1;
    background: url(../images/icon/icon_20.png) center no-repeat;
}

.operator .ope02 .bot .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: url(../images/icon/icon_20s.png) center no-repeat;
}





.operator .ope03 .w1400 {
    padding: 0 0 70px;
}

.operator .ope03 .w1400 .next {
    position: relative;
}

.operator .ope03 .w1400 .swiper-container {
    margin: 0 auto;
    width: 95.2%;
}

.operator .ope03 .swiper-slide {
    padding: 10px 0;
    position: relative;
    width: 100%;
}

.operator .ope03 .swiper-slide a {
    float: left;
    margin: 0 1.8%;
    width: 29.73%;
    background: #fbfbfb;
}

.operator .ope03 .swiper-slide a:nth-child(3) {
    margin-right: 0;
}

.operator .ope03 .swiper-slide .pic {
    width: 100%;
    height: 298px;
    overflow: hidden;
}

.operator .ope03 .swiper-slide .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.5s;
}

.operator .ope03 .swiper-slide a:hover .pic i {
    transform: scale(1.1);
    transition-duration: 0.5s;
}

.operator .ope03 .swiper-slide .text {
    padding: 24px 5% 27px;
}

.operator .ope03 .swiper-slide b {
    margin-bottom: 22px;
    font-size: 22px;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operator .ope03 .swiper-slide p {
    margin-bottom: 35px;
    line-height: 24px;
    font-size: 16px;
    color: #333;
}

.operator .ope03 .swiper-slide i {
    font-size: 14px;
    color: #666;
    font-weight: bold;
    font-family: Arial;
}

.operator .ope03 .swiper-slide a:hover {
    transition: all 0.5s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}

.operator .ope03 .swiper-slide a:hover b {
    color: #cd0013;
}

.operator .ope03 .swiper-button-next,
.operator .ope03 .swiper-button-prev {
    margin-top: -25px;
    width: 23px;
    height: 50px;
    opacity: 0.4;
}

.operator .ope03 .swiper-button-next {
    right: 0;
    background: url(../images/icon/icon_49.png) center no-repeat;
    background-size: 20px auto;
}

.operator .ope03 .swiper-button-prev {
    left: 0;
    background: url(../images/icon/icon_48.png) center no-repeat;
    background-size: 20px auto;
}

.operator .ope03 .swiper-button-next:hover,
.operator .ope03 .swiper-button-prev:hover {
    opacity: 1;
}



.operator .ope04 {
    padding: 0px 0 80px;
    background: #f4f4f4 url(../images/page/operator_5.jpg) bottom center no-repeat;
    background-size: 100% auto;
}

.operator .ope04 .tab_tit {
    position: relative;
}

.operator .ope04 .tab_tit .swiper-slide {
    float: left;
    margin-right: 3.3%;
    width: 48.35%;
    cursor: pointer;
}

.operator .ope04 .tab_tit p {
    height: 76px;
    line-height: 76px;
    text-align: center;
    font-size: 20px;
    color: #666;
    font-weight: bold;
    background: #ddd;
}

.operator .ope04 .tab_tit a i {
    margin: 0 auto;
    width: 22px;
    height: 10px;
}

.operator .ope04 .tab_tit .cur i {
    background: url(../images/icon/icon_50.png) center no-repeat;
}

.operator .ope04 .tab_tit .cur p {
    color: #fff;
    background: #cb3125;
}

.operator .ope04 .tab_next {
    display: none;
}
.operator .ope04 .on{
    display: block;
}

.operator .ope04 .top .swiper-button-next,
.operator .ope04 .top .swiper-button-prev {
    top: 0;
    margin-top: 0px;
    z-index: 23;
    width: 40px;
    height: 86px;
    opacity: 1;
}

.operator .ope04 .top .swiper-button-next {
    right: 0;
    background: #f4f4f4 url(../images/icon/icon_55.png) right 32px no-repeat;
}

.operator .ope04 .top .swiper-button-prev {
    left: 0;
    background: #f4f4f4 url(../images/icon/icon_55.png) left center no-repeat;
}

.operator .ope04 .top .swiper-button-next:hover,
.operator .ope04 .top .swiper-button-prev:hover {
    opacity: 1;
}

.operator .ope04 .top .swiper-button-disabled {
    display: none;
}

.operator .ope04 .tab_next {
    padding-top: 50px;
}

.operator .ope04 .tab_next li {
    float: left;
    width: 48%;
}

.operator .ope04 .tab_next li:nth-child(2n) {
    float: right;
}

.operator .ope04 .tab_next .next a {
    padding-bottom: 20px;
}

.operator .ope04 .tab_next i {
    float: left;
    width: 28px;
    height: 50px;
    background: url(../images/icon/icon_51.png) left 9px no-repeat;
}

.operator .ope04 .tab_next .text {
    float: left;
    width: calc(100% - 28px);
    padding: 0 0 10px;
    border-bottom: #c9c9c9 1px solid;
}

.operator .ope04 .tab_next b {
    margin-bottom: 17px;
    /* height: 56px; */
    font-size: 20px;
    color: #333;
    font-weight: normal;
}

.operator .ope04 .tab_next p {
    display: none;
    font-size: 16px;
    color: #666;
    line-height: 28px;
}

.operator .ope04 .tab_next a:hover i {
    background: url(../images/icon/icon_51s.png) left 9px no-repeat;
}

.operator .ope04 .tab_next a:hover b {
    color: #cb3125;
}

.operator .ope04 .tab_next .more {
    margin: 40px auto 0px;
    padding-top: 0;
    width: 160px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #cb301e;
    border-radius: 4px;
    cursor: pointer;
}


/*********** p4-3解决方案与服务-专题 ***********/
.subject .subnav_s{
    margin-bottom: 18px;
}
.subject .sub01 {
    background: url(../images/bac/sub01.jpg) center no-repeat;
}
.subject .sub01 .title{
    padding: 50px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 70px no-repeat;
}
.subject .sub01 .pad {
    padding: 0 3.2% 58px;
}

.subject .sub01 .left {
    width: 44.53%;
}

.subject .sub01 .text {
    padding-right: 10px;
    height: 400px;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    overflow-y: auto;
    
}

.subject .sub01 .text::-webkit-scrollbar {
    width:4px;
    height:2px;
}
.subject .sub01 .text::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    margin: 0 1px;
    border-radius:4px;
    background-color: #1e4e9d;
}
.subject .sub01 .text::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 4px;
    background:rgba(255,255,255,0.5);

}


.subject .sub01 .pic {
    margin-top: 135px;
    width: 50.03%;
    height: 400px !important;
    overflow: hidden;
}

.subject .sub01 .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.5s;
    background-size: cover !important;
}

.subject .sub01 .pic:hover i {
    transform: scale(1.1);
    transition-duration: 0.5s;
}

.subject .sub02 {
    padding-bottom: 80px;
    background: #f4f4f4 url(../images/page/subject_1.jpg) right bottom no-repeat;
}

.subject .sub02 .title {
    padding: 79px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 100px no-repeat;
}

.subject .sub02 .list li {
    transition: all 0.6s;
    position: relative;
    float: left;
    margin-right: 0.3%;
    width: 13.8%;
    height: 500px;
    overflow: hidden;
}

.subject .sub02 .list li:nth-child(4) {
    margin-right: 0;
}

.subject .sub02 .list .left {
    transition: all 0.6s;
    position: absolute;
    left: 0%;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #fff url(../images/page/subject_2.png) bottom center no-repeat;
    background-size: 100% auto;
}

.subject .sub02 .list .left .pad {
    padding-left: 6%;
    color: #333;
}

.subject .sub02 .list .left b {
    padding: 65px 0 166px;
    font-size: 48px;
    font-family: Arial;
}

.subject .sub02 .list .left i {
    margin-bottom: 60px;
    width: 19px;
    height: 4px;
    background: #333;
}

.subject .sub02 .list .left p {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
}

.subject .sub02 .list a {
    transition: all 0.6s;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.subject .sub02 .list a dl {
    position: relative;
    overflow: hidden;
}

.subject .sub02 .list a dt {
    width: 100%;
    height: 500px;
    transform: scale(1.1);
    transition-duration: 0.5s;
    transition-delay: 0.7s;
}

.subject .sub02 .list a dd {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
}

.subject .sub02 .list a dd i {
    float: left;
    padding: 0 26px;
    line-height: 120px;
    font-size: 60px;
    font-family: Arial;
}

.subject .sub02 .list a dd div.fl {
    width: calc(100% - 140px);
}

.subject .sub02 .list a dd b {
    padding: 34px 0 10px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subject .sub02 .list a dd p {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subject .sub02 .list li.cur {
    transition: all 0.6s;
    width: 57.7%;
}

.subject .sub02 .list li.cur .left {
    transition: all 0.6s;
    left: -100%;
}

.subject .sub02 .list li.cur a {
    transition: all 0.6s;
    left: 0;
}

.subject .sub02 .list li.cur a dt {
    transform: scale(1);
    transition-duration: 0.5s;
    transition-delay: 0.7s;
}





.subject .sub03 {
    position: relative;
}

.subject .sub03 .w1400 {
    height: 659px;
}

.subject .sub03 .pos {
    position: absolute;
    left: 0;
}

.subject .sub03 .bac {
    bottom: 0;
    width: 49.89%;
    height: 505px;
    background: #f4f4f4;
}

.subject .sub03 .pic {
    left: 6.8%;
    bottom: 70px;
    width: 46.87%;
    height: 506px;
    overflow: hidden;
}

.subject .sub03 .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.5s;
}

.subject .sub03 .pic:hover i {
    transform: scale(1.1);
    transition-duration: 0.5s;
}

.subject .sub03 .fr {
    width: 39.78%;
}

.subject .sub03 .next a {
    padding-bottom: 36px;
}

.subject .sub03 .next i {
    float: left;
    width: 28px;
    height: 30px;
    background: url(../images/icon/icon_51.png) left 9px no-repeat;
}

.subject .sub03 .next .text {
    position: relative;
    float: left;
    width: calc(100% - 28px);
    padding: 0 0 33px;
    border-bottom: #c9c9c9 1px solid;
}

.subject .sub03 .next .text::after {
    transition: all 0.5s;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: #cc3125;
    content: "";
}

.subject .sub03 .next b {
    margin-bottom: 4px;
    font-size: 22px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subject .sub03 .next p {
    font-size: 16px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subject .sub03 .next a:hover i {
    background: url(../images/icon/icon_51s.png) left 9px no-repeat;
}

.subject .sub03 .next a:hover b {
    color: #cb3125;
}

.subject .sub03 .next a:hover .text::after {
    transition: all 0.5s;
    width: 100%;
}



.subject .sub03 .go {
    margin-top: 20px;
    width: 130px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    background: url(../images/icon/icon_21.png) right center no-repeat;
}

.subject .sub03 .go em {
    transition: all 0.3s;
    width: 116px;
    background: url(../images/icon/icon_22.png) right 9px no-repeat;
}

.subject .sub03 .go:hover {
    background: url(../images/icon/icon_25.png) right center no-repeat;
}

.subject .sub03 .go:hover em {
    transition: all 0.3s;
    width: 122px;
    background: url(../images/icon/icon_24s.png) right 9px no-repeat;
}



.subject .sub04 {
    background: #fff url(../images/page/subject_5.jpg) bottom center no-repeat;
    background-size: 100% auto;
}

.subject .sub04 .w1400 {
    padding: 7px 0 76px;
}

.subject .sub04 .swiper-slide {
    padding: 25px 0 85px;
    position: relative;
    width: 100%;
}

.subject .sub04 .swiper-slide a {
    float: left;
    margin-right: 3.7%;
    width: 30.86%;
}

.subject .sub04 .swiper-slide a:nth-child(3) {
    margin-right: 0;
}

.subject .sub04 .swiper-slide .text {
    /* padding: 76px 5.9% 70px; */
}

.subject .sub04 .swiper-slide .t {
    margin-bottom: 34px;
    padding-bottom: 37px;
    border-bottom: #c9c9c9 1px solid;
}

.subject .sub04 .swiper-slide b {
    display: inline;
    font-size: 22px;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subject .sub04 .swiper-slide i {
    display: inline;
    color: #cd0013;
}

.subject .sub04 .swiper-slide p {
    line-height: 28px;
    font-size: 16px;
    color: #333;
}


.subject .sub04 .swiper-slide a:hover b {
    color: #cd0013;
}

.subject .sub04 .swiper-container-horizontal .swiper-pagination-bullets {
    left: 0%;
    bottom: 0px;
}

.subject .sub04 .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    margin: 0 5px;
    width: 27px;
    height: 27px;
    border-radius: 0;
    opacity: 1;
    background: url(../images/icon/icon_20.png) center no-repeat;
}

.subject .sub04 .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: url(../images/icon/icon_20s.png) center no-repeat;
}



.subject .ope04 {
    padding: 0px 0 80px;
    background: #f4f4f4 url(../images/page/operator_5.jpg) bottom center no-repeat;
    background-size: 100% auto;
}

.subject .ope04 .title{
    padding-top:20px;
    background: url(../images/icon/icon_3.png) left 40px no-repeat;
}








.subject .ope04 .tab_tit {
    position: relative;
}

.subject .ope04 .tab_tit .swiper-slide {
    float: left;
    margin-right: 3.3%;
    width: 48.35%;
    cursor: pointer;
}

.subject .ope04 .tab_tit p {
    height: 76px;
    line-height: 76px;
    text-align: center;
    font-size: 20px;
    color: #666;
    font-weight: bold;
    background: #ddd;
}

.subject .ope04 .tab_tit a i {
    margin: 0 auto;
    width: 22px;
    height: 10px;
}

.subject .ope04 .tab_tit .cur p {
    color: #fff;
    background: #cb3125;
}

.subject .ope04 .tab_tit .cur i {
    background: url(../images/icon/icon_50.png) center no-repeat;
}

.subject .ope04 .top .swiper-button-next,
.subject .ope04 .top .swiper-button-prev {
    top: 0;
    margin-top: 0px;
    z-index: 23;
    width: 40px;
    height: 86px;
    opacity: 1;
}

.subject .ope04 .top .swiper-button-next {
    right: 0;
    background: #f4f4f4 url(../images/icon/icon_55.png) right 32px no-repeat;
}

.subject .ope04 .top .swiper-button-prev {
    left: 0;
    background: #f4f4f4 url(../images/icon/icon_55.png) left center no-repeat;
}

.subject .ope04 .top .swiper-button-next:hover,
.subject .ope04 .top .swiper-button-prev:hover {
    opacity: 1;
}

.subject .ope04 .top .swiper-button-disabled {
    display: none;
}

.subject .ope04 .tab_next li {
    float: left;
    width: 48%;
}

.subject .ope04 .tab_next li:nth-child(2n) {
    float: right;
}

.subject .ope04 .tab_next a {
    padding-top: 45px;
}

.subject .ope04 .tab_next i {
    float: left;
    width: 28px;
    height: 80px;
    background: url(../images/icon/icon_51.png) left 9px no-repeat;
}

.subject .ope04 .tab_next .text {
    float: left;
    width: calc(100% - 28px);
    padding: 0 0 10px;
    border-bottom: #c9c9c9 1px solid;
}

.subject .ope04 .tab_next b {
    margin-bottom: 17px;
    height: 56px;
    font-size: 20px;
    color: #333;
}

.subject .ope04 .tab_next p {
    display: none;
    font-size: 16px;
    color: #666;
    line-height: 28px;
}

.subject .ope04 .tab_next a:hover i {
    background: url(../images/icon/icon_51s.png) left 9px no-repeat;
}

.subject .ope04 .tab_next a:hover b {
    color: #cb3125;
}

.subject .ope04 .tab_next .more {
    margin: 40px auto 0px;
    padding-top: 0;
    width: 160px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #cb301e;
    border-radius: 4px;
    cursor: pointer;
}

/*********** p4-3解决方案与服务-运营商-服务列表 ***********/
.service .w1400 .title{
    padding: 50px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 90px no-repeat;
}
.service .list {
    margin-bottom: 50px;
}

.service li {
    position: relative;
    float: left;
    margin-bottom: 30px;
    width: 49.07%;
    height: 394px;
}

.service li:nth-child(2n) {
    float: right;
}

.service .pic {
    width: 100%;
    height: 394px;
    overflow: hidden;
}

.service .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.5s;
}

.service li:hover .pic i {
    transform: scale(1.1);
    transition-duration: 0.5s;
}

.service li b {
    position: absolute;
    left: 9%;
    top: 40px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}

.service li .pos {
    position: absolute;
    left: 9%;
    bottom: 50px;
    width: 85%;
    height: 344px;
}


.service .swiper-slide {
    position: relative;
    padding-top: 108px;
    width: 100%;
}

.service .swiper-slide a {
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    opacity: 1;
}

.service .swiper-slide i {
    float: left;
    width: 17px;
    height: 40px;
    background: url(../images/icon/icon_52.png) left center no-repeat;
}

.service .swiper-slide p {
    float: left;
    width: calc(100% - 17px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service .swiper-slide a:hover {
    opacity: 1;
}

.service .but {
    position: absolute;
    right: 6%;
    top: 40px;
    width: 68px;
    height: 26px;
}

.service .swiper-button-next,
.service .swiper-button-prev {
    top: 49px;
    margin-top: 0px;
    width: 34px;
    height: 26px;
    opacity: 1;
}

.service .swiper-button-next {
    right: 0;
    background: url(../images/icon/icon_53.png) center no-repeat;
}

.service .swiper-button-prev {
    left: initial;
    right: 36px;
    background: url(../images/icon/icon_54.png) center no-repeat;
}

.service .swiper-button-next:hover,
.service .swiper-button-prev:hover {
    opacity: 1;
}

.service .other .swiper-button-next,
.service .other .swiper-button-prev {
    opacity: 0;
}

.service .my-button-disabled,
.service .my-button-disabled:hover {
    opacity: 0.3;
}





/*********** p3-2集团党建-党建动态 ***********/

.dynamic .list {
    margin: 80px auto 55px;
}

.dynamic .list li {
    position: relative;
    float: left;
    margin-bottom: 25px;
    padding: 40px 0;
    width: 49.07%;
    height: 153px;
    background: #fff;
}

.dynamic .list li:nth-child(2n) {
    float: right;
}

.dynamic .time {
    float: left;
    margin-top: 43px;
    width: 19.19%;
    text-align: center;
}

.dynamic .time b {
    font-size: 36px;
    color: #333;
    font-family: "Arial";
    font-weight: bold;
}

.dynamic .time p {
    font-size: 18px;
    color: #666;
    font-family: "Arial";
}

.dynamic .text {
    float: left;
    margin-top: 33px;
    width: 31%;
}

.dynamic .text b {
    height: 87px;
    line-height: 28px;
    font-size: 18px;
    color: #272727;
    overflow: hidden;
}

.dynamic .text p {
    display: none;
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

.dynamic .pic {
    float: right;
    margin-right: 4.5%;
    width: 38.71%;
    height: 150px;
    overflow: hidden;
}

.dynamic .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.8s;
}

.dynamic li:hover .pic i {
    transform: scale(1.1);
    transition-duration: 0.8s;
}

.dynamic .list li .lie {
    transition: all 0.8s;
    position: absolute;
    z-index: 3;
    background: #cd0013;
}

.dynamic .list li .lie_1 {
    right: 0;
    top: -2px;
    width: 0px;
    height: 2px;
}

.dynamic .list li .lie_2 {
    right: 0;
    top: 0;
    width: 2px;
    height: 0px;
}

.dynamic .list li .lie_3 {
    left: 0;
    bottom: 0;
    width: 2px;
    height: 0px;
}

.dynamic .list li .lie_4 {
    left: 0;
    bottom: 0px;
    height: 2px;
    width: 0px;
}

.dynamic .list li:hover .lie_1 {
    transition: all 0.8s;
    width: 100%;
}

.dynamic .list li:hover .lie_2 {
    transition: all 0.8s;
    height: 100%;
}

.dynamic .list li:hover .lie_3 {
    transition: all 0.8s;
    height: 100%;
}

.dynamic .list li:hover .lie_4 {
    transition: all 0.8s;
    width: 100%
}

.dynamic .other .text {
    margin-top: 33px;
    width: 76.31%;
}

.dynamic .other .text b {
    margin-bottom: 9px;
    height: 28px;
}

.dynamic .other .text p {
    display: block;
    height: 48px;
    overflow: hidden;
}

.dynamic .other .pic {
    display: none;
}

.dynamic .list li:hover .time b,
.dynamic .list li:hover .time p {
    color: #cd0013;
}

/*********** p3-4企业文化-先锋人物 ***********/

.figure .condition {
    margin: 80px auto 30px;
}

.figure .condition .fl {
    width: 32%;
    margin: 0 2% 0 0;
    cursor: pointer;
    background: #fff;
}

.figure .condition .fl:nth-child(3) {
    margin-right: 0;
}

.figure .condition .inp {
    padding: 0 20px;
    height: 54px;
    border: #c8c8c8 2px solid;
}

.figure .condition .inp input {
    width: 100%;
    height: 54px;
    line-height: 54px;
    font-size: 14px;
    color: #666;
    text-align: center;
    cursor: pointer;
}

.figure .condition .but {
    display: block;
    width: 100%;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #c7161d;
    border: none;
    cursor: pointer;
}

.figure .w1400 .list {
    margin-top:50px
}

.figure .list li {
    float: left;
    margin-right: 1.8%;
    width: 23.57%;
}

.figure .list li:nth-child(4n) {
    margin-right: 0;
}

.figure .list a {
    color: #333;
}

.figure .list a .pic {
    position: relative;
    width: 100%;
    height: 398px;
    overflow: hidden;
}

.figure .list a .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.5s;
}

.figure .list a b {
    padding: 23px 0 6px;
    font-size: 20px;
}

.figure .list a p {
    margin-bottom: 15px;
    height: 56px;
    line-height: 28px;
    font-size: 16px;
}

.figure .list a:hover .pic i {
    transform: scale(1.1);
    transition-duration: 0.5s;
}

.figure .list a:hover {
    color: #ca171d;
}



/*********** p3-3企业文化 ***********/
.culture .cul01 {
    position: relative;
    margin-top: 80px;
}

.culture .cul01 .title {
    position: absolute;
    left: 51.21%;
    top: 0;

    padding: 59px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 80px no-repeat;
}

@media screen and (max-width:1650px) {
    .culture .cul01 .title p {
        font-size: 29px;
    }
}

.culture .cul01 .tab_tit {
    position: absolute;
    left: 51.21%;
    top: 250px;
    z-index: 2;
    width: 6.85%;
}

.culture .cul01 .tab_tit a {
    margin-bottom: 73px;
    cursor: pointer;
}

.culture .cul01 .tab_tit a i {
    transition: all 0.5s;
    float: left;
    width: 7px;
    height: 55px;
    background: url(../images/icon/icon_62.jpg) center no-repeat;
    background-size: 100% 0px;
}

.culture .cul01 .tab_tit a em {
    float: right;
    width: calc(100% - 7px);
    padding-top: 35px;
    height: 20px;
    font-size: 16px;
    color: #666;
    text-align: center;
}

.culture .cul01 .tab_tit a:nth-child(1) em {
    background: url(../images/icon/icon_56.png) center top no-repeat;
}

.culture .cul01 .tab_tit a:nth-child(2) em {
    background: url(../images/icon/icon_57.png) center top no-repeat;
}

.culture .cul01 .tab_tit a:nth-child(3) em {
    background: url(../images/icon/icon_58.png) center top no-repeat;
}

.culture .cul01 .tab_tit a:nth-child(4) em {
    background: url(../images/icon/icon_59.png) center top no-repeat;
}

.culture .cul01 .tab_tit a.cur i,
.culture .cul01 .tab_tit a:hover i {
    transition: all 0.5s;
    background: url(../images/icon/icon_62.jpg) center no-repeat;
    background-size: 100% 55px;
}

.culture .cul01 .tab_tit a.cur em,
.culture .cul01 .tab_tit a:hover em {
    color: #cd0013;
}

.culture .cul01 .tab_tit a:nth-child(1).cur em,
.culture .cul01 .tab_tit a:nth-child(1):hover em {
    background: url(../images/icon/icon_56s.png) center top no-repeat;
}

.culture .cul01 .tab_tit a:nth-child(2).cur em,
.culture .cul01 .tab_tit a:nth-child(2):hover em {
    background: url(../images/icon/icon_57s.png) center top no-repeat;
}

.culture .cul01 .tab_tit a:nth-child(3).cur em,
.culture .cul01 .tab_tit a:nth-child(3):hover em {
    background: url(../images/icon/icon_58s.png) center top no-repeat;
}

.culture .cul01 .tab_tit a:nth-child(4).cur em,
.culture .cul01 .tab_tit a:nth-child(4):hover em {
    background: url(../images/icon/icon_59s.png) center top no-repeat;
}



.culture .cul01 .tab_next .next {
    display: none;
}

.culture .cul01 .tab_next .next.dis_ans {
    display: block;
}

.culture .cul01 .left {
    position: relative;
    z-index: 3;
    float: left;
    width: 47.71%;
    height: 773px;
    overflow: hidden;
}

.culture .cul01 .left i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 1.4s;
}

.culture .cul01 .left:hover i {
    transform: scale(1.1);
    transition-duration: 1.4s;
}

.culture .cul01 .left .videos {
    position: relative;
    width: 100%;
    height: 773px;
    cursor: pointer;
}

.culture .cul01 .left .videos .pos {
    display: block;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    margin: -98px 0 0 -98px;
    width: 196px;
    height: 196px;
    background: url(../images/icon/icon_60.png) center no-repeat;
}

.culture .cul01 .left .videos video {
    width: 100%;
    height: 100%;
}


.culture .cul01 .tab_next .right {
    float: right;
    margin-top: 210px;
    width: 41.71%;
}

.culture .cul01 .tab_next .right i {
    float: left;
    width: 10px;
    height: 21px;
    background: url(../images/icon/icon_61.png) center no-repeat;
}

.culture .cul01 .tab_next .right .text {
    float: left;
    margin-top: 26px;
    width: calc(100% - 10px);
    height: 470px;
    text-align: center;
    background: #f4f4f4;
}

.culture .cul01 .tab_next .right .text b {
    padding: 90px 0 30px;
    font-size: 26px;
    color: #d62d3d;
}

.culture .cul01 .tab_next .right .text p {
    padding: 0 10%;
    font-size: 16px;
    color: #666;
    line-height: 36px;
}


.culture .cul01 .tab_next .next:nth-child(1) .right i {
    margin-top: 54px;
}

.culture .cul01 .tab_next .next:nth-child(2) .right i {
    margin-top: 183px;
}

.culture .cul01 .tab_next .next:nth-child(3) .right i {
    margin-top: 309px;
}

.culture .cul01 .tab_next .next:nth-child(4) .right i {
    margin-top: 441px;
}

.popub_video {
    display: none;
    position: fixed;
    left: 10%;
    top: 10%;
    z-index: 31;
    width: 80%;
    height: 80%;
    text-align: center;
}

.popub_video video {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popub_video .next {
    position: relative;
    width: 100%;
    height: 100%;
}

.popub_video .next i {
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    height: 52px;
    background: url(../images/icon/icon_63s.png) center no-repeat;
    cursor: pointer;
}

.popub_video_bac {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 30;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}



.culture .cul02 {
    background: url(../images/page/culture_2.png) right bottom no-repeat;
    background-size: 37.55% auto;
}

.culture .cul02 .top .text {
    margin: 28px 0 80px;
    width: 52.1%;
    
}

.culture .cul02 .top .text b {
    line-height: 48px;
    font-size: 26px;
    color: #333;
}

.culture .cul02 .top .text p {
    line-height: 36px;
    font-size: 16px;
    color: #666;
}

.culture .cul02 .bot {
    background: rgba(244, 244, 244, 0.92)
}

.culture .cul02 .bot .w1400 {
    position: relative;
}

.culture .cul02 .bot .fl {
    /* margin-left: 2.85%; */
    padding: 80px 0;
    width: 49.28%;
    line-height: 36px;
    font-size: 16px;
    color: #666;
}

.culture .cul02 .bot .fr {
    position: absolute;
    right: -34px;
    top: 50%;
    margin-top: -25px;
    font-size: 36px;
    color: #ce0719;
}

.culture .cul02 .bot .fr p {
    padding-right: 108px;
    letter-spacing: 8px;
    background: url(../images/icon/icon_63.jpg) right center no-repeat;
}

.culture .cul03 {
    padding-bottom: 80px;
    background: #fff url(../images/bac/cul03_bac.png) center bottom no-repeat;
    background-size: 100% auto;
}

.culture .cul03 .next {
    margin: 30px 0 68px;
    line-height: 36px;
    font-size: 16px;
    color: #666;
}

.culture .cul03 .next img {
    margin: 0 auto;
    max-width: 100%;
}

.culture .cul03 a.fl {
    margin-right: 6.7%;
    width: 28.71%;
}

.culture .cul03 a.fl:nth-child(3) {
    margin-right: 0;
}

.culture .cul03 a.fl i {
    transition: all 0.5s;
    margin: 0 auto;
    width: 21px;
    height: 10px;
    background: url(../images/icon/icon_64.png) center bottom no-repeat;
    background-size: auto 0px;
}

.culture .cul03 a.fl .text {
    position: relative;
    height: 179px;
    background: #cb3125 url(../images/bac/cul03_bac2.png) left bottom no-repeat;
}

.culture .cul03 a.fl .text div {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #fff;
    text-align: center;
}

.culture .cul03 a.fl b {
    margin-bottom: 8px;
    font-size: 26px;
    line-height: 36px;
}

.culture .cul03 a.fl p {
    font-size: 16px;
    font-family: Arial;
}


.culture .cul03 a.fl.cur i {
    transition: all 0.5s;
    background-size: auto 10px;
}

.culture .cul04 {
    padding: 80px 0;
    background: #f4f4f4 url(../images/bac/cul04.jpg) center no-repeat;
    background-size: 100% auto;
}

.culture .cul04 .pad {
    padding: 0 3.14%;
}

.culture .cul04 .left {
    width: 46.85%;
}

.culture .cul04 .left a {
    position: relative;
    float: left;
    margin-right: 0.8%;
    padding: 1px 0;
    width: 24.4%;
    height: 421px;
    background: #fff url(../images/page/culture_3.png) right bottom no-repeat;
    background-size: 23.75% auto;
    cursor: pointer;
}

.culture .cul04 .left a:nth-child(1) {
    margin-top: 83px;
}

.culture .cul04 .left a:nth-child(2) {
    margin-top: 47px;
}

.culture .cul04 .left a:nth-child(3) {
    margin-top: 0;
}

.culture .cul04 .left a:nth-child(4) {
    margin: 73px 0 0 0;
}

.culture .cul04 .left .icon {
    position: relative;
    z-index: 2;
    margin: 61px 0 44px;
    width: 100%;
    height: 50px;
}

.culture .cul04 .left p {
    transition: all 0.5s;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 30px;
    height: 210px;
    font-size: 24px;
    color: #333;
    background: url(../images/icon/icon_71.png) center bottom no-repeat;
}

.culture .cul04 .left a .bac {
    transition: all 0.5s;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #cc3125;
}

.culture .cul04 .left a:nth-child(1) .icon {
    background: url(../images/icon/icon_65.png) center no-repeat;
}

.culture .cul04 .left a:nth-child(2) .icon {
    background: url(../images/icon/icon_66.png) center no-repeat;
}

.culture .cul04 .left a:nth-child(3) .icon {
    background: url(../images/icon/icon_67.png) center no-repeat;
}

.culture .cul04 .left a:nth-child(4) .icon {
    background: url(../images/icon/icon_68.png) center no-repeat;
}

.culture .cul04 .left a:hover p {
    transition: all 0.5s;
    color: #fff;
    background: url(../images/icon/icon_71s.png) center bottom no-repeat;
}

.culture .cul04 .left a:hover .bac {
    transition: all 0.5s;
    opacity: 1;
}

.culture .cul04 .left a:nth-child(1):hover .icon {
    background: url(../images/icon/icon_65s.png) center no-repeat;
}

.culture .cul04 .left a:nth-child(2):hover .icon {
    background: url(../images/icon/icon_66s.png) center no-repeat;
}

.culture .cul04 .left a:nth-child(3):hover .icon {
    background: url(../images/icon/icon_67s.png) center no-repeat;
}

.culture .cul04 .left a:nth-child(4):hover .icon {
    background: url(../images/icon/icon_68s.png) center no-repeat;
}


.culture .cul04 .right {
    width: 45.57%;
}

.culture .cul04 .right .text p {
    margin: 35px 0 18px;
    display: inline-block;
    line-height: 56px;
    font-size: 30px;
    color: #333;
    border-bottom: #de7781 1px solid;
}

.culture .cul04 .right .text .p_2 {
    margin: 0 0 0 97px;
}

@media screen and (max-width:1650px) {
    .culture .cul04 .title p {
        font-size: 29px;
    }
}


.culture .cul05 {
    padding: 80px 0 0;
}


.culture .cul05 .next {
    position: relative;
    margin-bottom: 40px;
}

.culture .cul05 .next .pos {
    position: absolute;
    right: 0;
    top: -80px;
    z-index: 9;
    width: 63.57%;
    background: #fff;
}

.culture .cul05 .gallery-top {
    height: 500px;
    width: 100%;
}

.culture .cul05 .next .pic {
    margin-left: 2.928%;
    width: 27.92%;
    height: 500px;
    overflow: hidden;
}

.culture .cul05 .next .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.5s;
}

.culture .cul05 .next .text {
    float: right;
    margin-top: 175px;
    width: 63.57%;
}

.culture .cul05 .next .text b {
    margin-bottom: 40px;
    font-size: 30px;
    color: #333;
}

.culture .cul05 .next .text p {
    height: 210px;
    line-height: 36px;
    font-size: 16px;
    color: #666;
}

.culture .cul05 .next .text .lie {
    display: inline-block;
    position: relative;
}

.culture .cul05 .next .text em {
    display: inline-block;
    padding: 0 4px;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    border-bottom: #000 1px solid;
}

.culture .cul05 .next .text i {
    transition: all 0.5s;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0px;
    height: 1px;
    background: #cc0013;
}

.culture .cul05 .next .text:hover em {
    color: #cc0013;
}

.culture .cul05 .next .text:hover i {
    transition: all 0.5s;
    width: 100%;
}

.culture .cul05 .swiper-button-next,
.culture .cul05 .swiper-button-prev {
    top: 128px;
    width: 11px;
    height: 21px;
}

.culture .cul05 .swiper-button-next {
    right: 0;
    background: url(../images/icon/icon_73.png) center no-repeat;
}

.culture .cul05 .swiper-button-prev {
    left: 0;
    background: url(../images/icon/icon_72.png) center no-repeat;
}

.culture .cul05 .swiper-button-next:hover {
    background: url(../images/icon/icon_73s.png) center no-repeat;
}

.culture .cul05 .swiper-button-prev:hover {
    background: url(../images/icon/icon_72s.png) center no-repeat;
}



.culture .cul05 .p_name {
    position: relative;
}

.culture .cul05 .p_name .lie {
    position: absolute;
    left: 0;
    top: 28px;
    width: 100%;
    height: 1px;
    background: #d2d2d2;
}


.culture .cul05 .p_name .w1400 {
    position: relative;
    padding: 0 11px;
}

.culture .cul05 .p_name .gallery-thumbs {
    height: 180px;
}

.culture .cul05 .p_name .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 1;
    cursor: pointer;
}

.culture .cul05 .p_name .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.culture .cul05 .p_name .lie_2 {
    position: relative;
    margin: 0 auto;
    width: 2px;
    height: 59px;
}

.culture .cul05 .p_name .lie_2 i {
    transition: all 0.5s;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2px;
    height: 13px;
    background: #d2d2d2;
}

.culture .cul05 .p_name b {
    padding: 26px 20px 0;
    font-size: 20px;
    color: #333;
    text-align: center;
}

.culture .cul05 .p_name p {
    padding: 16px 6px 0;
    font-size: 16px;
    color: #666;
    text-align: center;
}

.culture .cul05 .p_name .gallery-thumbs .swiper-slide-thumb-active .lie_2 i {
    transition: all 0.5s;
    height: 59px;
    background: #cc0013;
}




.culture .cul01 .left,
.culture .cul01 .title,
.culture .cul01 .tab_next,
.culture .cul01 .tab_tit {
    visibility: hidden;
}

.culture .cul01.active .left,
.culture .cul01.active .title,
.culture .cul01.active .tab_next {
    visibility: visible;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.culture .cul01.active .title {
    animation-delay: 0.4s;
}

.culture .cul01.active .tab_next {
    animation-delay: 0.6s;
}

.culture .cul01.active .tab_tit {
    visibility: visible;
    animation-delay: 0.9s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.culture .cul02 .title,
.culture .cul02 .top .text,
.culture .cul02 .bot .fl,
.culture .cul02 .bot .fr {
    visibility: hidden;
}

.culture .cul02.active .title,
.culture .cul02.active .top .text,
.culture .cul02.active .bot .fl,
.culture .cul02.active .bot .fr {
    visibility: visible;
    animation-delay: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.culture .cul02.active .top .text {
    animation-delay: 0.9s;
}

.culture .cul02.active .bot .fl {
    animation-delay: 1.2s;
}

.culture .cul02.active .bot .fr {
    animation-delay: 1.5s;
}


.culture .cul03 .title,
.culture .cul03 .tab_next,
.culture .cul03 .tab_tit {
    visibility: hidden;
}

.culture .cul03.active .title,
.culture .cul03.active .tab_next,
.culture .cul03.active .tab_tit a {
    visibility: visible;
    animation-delay: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.culture .cul03.active .tab_next {
    animation-delay: 0.9s;
}

.culture .cul03.active .tab_tit a:nth-child(1) {
    animation-delay: 1.2s;
}

.culture .cul03.active .tab_tit a:nth-child(2) {
    animation-delay: 1.4s;
}

.culture .cul03.active .tab_tit a:nth-child(3) {
    animation-delay: 1.6s;
}

.culture .cul04 .left a,
.culture .cul04 .title,
.culture .cul04 .text {
    visibility: hidden;
}

.culture .cul04.active .left a {
    visibility: visible;
    animation-delay: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.culture .cul04.active .left a:nth-child(2) {
    animation-delay: 0.9s;
}

.culture .cul04.active .left a:nth-child(3) {
    animation-delay: 1.2s;
}

.culture .cul04.active .left a:nth-child(4) {
    animation-delay: 1.5s;
}

.culture .cul04.active .title,
.culture .cul04.active .text {
    visibility: visible;
    animation-delay: 1.9s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.culture .cul04.active .text {
    animation-delay: 2.4s;
}

.culture .cul05 .next .pic,
.culture .cul05 .next .pos,
.culture .cul05 .next .text,
.culture .cul05 .gallery-thumbs .swiper-slide {
    visibility: hidden;
}


.culture .cul05.active .next .pic,
.culture .cul05.active .next .pos,
.culture .cul05.active .next .text,
.culture .cul05.active .gallery-thumbs .swiper-slide {
    visibility: visible;
    animation-delay: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.culture .cul05.active .next .pos {
    animation-delay: 0.9s;
}

.culture .cul05.active .next .text {
    animation-delay: 1.3s;
}

.culture .cul05.active .gallery-thumbs .swiper-slide:nth-child(1) {
    animation-delay: 1.7s;
}

.culture .cul05.active .gallery-thumbs .swiper-slide:nth-child(2) {
    animation-delay: 2s;
}

.culture .cul05.active .gallery-thumbs .swiper-slide:nth-child(3) {
    animation-delay: 2.3s;
}

.culture .cul05.active .gallery-thumbs .swiper-slide:nth-child(4) {
    animation-delay: 2.6s;
}



/*********** p5-1客户反馈-投诉与咨询 ***********/
.complaint .Messages {
    margin: 80px auto 80px;
    width: 1130px;
}

.complaint dl {
    margin-bottom: 16px;
}

.complaint dl.fl,
.complaint dl.fr {
    width: 47.25%;
    height: 63px;
}

.complaint dt {
    /* display: none; */
    float: left;
    line-height: 63px;
    font-size: 16px;
    color: #333;
}

.complaint dt.bac {
    padding-left: 10px;
    background: #fff;
}

.complaint dd {
    float: left;
    width: calc(100% - 48px);
    background: #fff;
}

/* .complaint dl.fr dd{width: calc(100% - 98px);} */
.complaint dd.clearfix {
    background: none;
}

.complaint dd .inp {
    padding: 0 10px;
}

.complaint dd input {
    width: 100%;
    height: 63px;
    line-height: 63px;
    font-size: 16px;
    color: #333;
}

* input::-moz-placeholder {
    color: #333;
}

* input::-webkit-input-placeholder {
    color: #333;
}

* input::-o-input-placeholder {
    color: #333;
}

* input::-ms-input-placeholder {
    color: #333;
}


.complaint dd textarea {
    padding: 20px 0;
    width: 100%;
    height: 110px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    border: none;
}

.complaint dd div.fl.inp {
    margin: 0 22px 0 48px;
    width: 176px;
    height: 63px;
    background: #fff;
}

.complaint dd div.fl.inp input {
    text-align: center;
}

.complaint dd img {
    float: left;
    margin-right: 15px;
    height: 63px;
}

.complaint dd i {
    float: left;
    line-height: 63px;
    font-size: 14px;
    color: #999;
    cursor: pointer;
}

.complaint dd i:hover {
    color: #cb301e;
}

.complaint .but {
    margin: 80px auto 0;
    display: block;
    width: 165px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #cb301e;
    border: none;
    cursor: pointer;
}


/*********** p5-2客户反馈-联系方式 ***********/
.contact .next {
    position: relative;
}

.contact .left {
    width: 100%;
    height: 634px;
}
.contact .left .imgMap{
    display: block;
    width: 100%;
    height: 100%;
}
.contact .next .pos {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 41.92%;
    height: 248px;
    color: #fff;
    background: rgba(0, 0, 0, 0.65);
}

.contact .next .pos b {
    padding: 42px 0 40px 40px;
    font-size: 22px;
}

.contact .next .pos .fl {
    position: relative;
    margin-left: 5%;
    width: 90%;
}

.contact .next .pos .fl .s {
    position: absolute;
    left: 0%;
    top: 50%;
    /* transform: translateY(-50%); */
    width: 100%;
    padding: 1px 0;
}

.contact .next .pos .icon {
    display: none;
    margin: 0px 0 10px;
    width: 100%;
    height: 40px;
}

.contact .next .pos p {
    margin: 20px auto;
    width: 80%;
    padding-left: 60px;
    /* max-width: 184px; */
    font-size: 16px;
    line-height: 40px;
    background: url(../images/icon/icon_75.png)left center no-repeat;
}

.contact .next .pos em {
    float: right;
    width: 1px;
    height: 128px;
    background: #757575;
}

.contact .next .pos .fl:nth-child(1) .icon {
    background: url(../images/icon/icon_75.png) center no-repeat;
}

.contact .next .pos .fl:nth-child(2) .icon {
    background: url(../images/icon/icon_76.png) center no-repeat;
}

.contact .next .pos .fl:nth-child(3) .icon {
    background: url(../images/icon/icon_77.png) center no-repeat;
}


/*********** p8-0搜索 ***********/
.page_search .t {
    margin: 50px auto 36px;
    border-bottom: #ca171d 1px solid;
}

.page_search .t .fl {
    width: calc(100% - 85px);
}

.page_search .t .inp {
    padding: 0 23px;
    height: 62px;
}

.page_search .t .inp input {
    width: 100%;
    height: 62px;
    line-height: 62px;
    font-size: 18px;
    color: #666;
    background: none;
}

.page_search .t .but {
    float: right;
    width: 75px;
    height: 62px;
    background: url(../images/icon/icon_78.png) center no-repeat;
    cursor: pointer;
    border: none;
}

.page_search .c {
    margin-bottom: 70px;
}

.page_search .c .text {
    margin-bottom: 30px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.page_search .c .text i {
    display: inline;
    color: #d20a10;
    font-weight: bold;
}

.page_search .c .next a {
    float: left;
    font-size: 18px;
    color: #333;
}

.page_search .c .next a.cur,
.page_search .c .next a:hover {
    color: #ca171d;
}

.page_search .c .next i {
    float: left;
    margin: 0 26px;
    width: 1px;
    height: 25px;
    background: #b5b5b5;
}

.page_search .b li {
    margin-bottom: 84px;
}

.page_search .b li b {
    margin-bottom: 16px;
    font-size: 24px;
    color: #333;
}

.page_search .b li b i {
    display: inline;
    color: #ca171d;
}

.page_search .b li em {
    float: left;
    margin-right: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #b5b5b5;
    font-family: Arial;
}

.page_search .b li span {
    color: #b5b5b5;
}

.page_search .b li p {
    margin-top: 14px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
}

.page_search .b li:hover b {
    color: #ca171d;
}

.page_search .b li:hover b i {
    font-weight: bold;
}

/*********** p6-0人力资源 ***********/
.manpower .man01 {
    padding-top: 80px;
    position: relative;
}

.manpower .man01 .title {
    padding: 4px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 25px no-repeat;
}


.manpower .man01 .next {
    width: 61.5%;
    height: 469px;
    background: #f4f4f4;
}

.manpower .man01 .next .pad {
    padding: 67px 9% 0 12%;
}

.manpower .man01 .next i {
    margin-bottom: 46px;
    width: 71px;
    height: 5px;
    background: #cc0004;
}

.manpower .man01 .next p {
    font-size: 16px;
    color: #666;
    line-height: 36px;
}

.manpower .man01 .pos {
    position: absolute;
}

.manpower .man01 .pic {
    left: 61.5%;
    top: 80px;
    width: 32.28%;
    height:calc(100% - 80px);
    overflow: hidden;
}

.manpower .man01 .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.5s;
}

.manpower .man01 .text {
    right: 0;
    top: 115px;
}

.manpower .man02 {
    padding-top: 80px;
}

.manpower .man02 .bac {
    height: 815px;
    background: url(../images/page/manpower_3.jpg) center no-repeat;
    background-size: cover;
}

.manpower .man02 .title {
    padding: 69px 0 40px 111px;
    background: url(../images/icon/icon_3s.png) left 90px no-repeat;
}

.manpower .man02 .title i,
.manpower .man02 .title p {
    color: #fff;
}

.manpower .man02 .right {
    position: relative;
    margin-top: 161px;
    width: 700px;
    height: 654px;
    background: rgba(205, 0, 19, 0.4);
}

.manpower .man02 .right .chunk {
    position: absolute;
    background: #fff;
}

.manpower .man02 .right .chunk_1 {
    left: 0;
    top: 0;
    width: 100%;
    height: 99px;
}

.manpower .man02 .right .chunk_2 {
    left: 0;
    top: 0;
    width: 99px;
    height: 100%;
}

.manpower .man02 .right .chunk_3 {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 99px;
}

.manpower .man02 .right .chunk_4 {
    right: 0;
    top: 0;
    width: 99px;
    height: 100%;
}


.manpower .man02 .gallery-top {
    margin: 121px auto;
    width: 413px;
    height: 413px;
    background: #fff;
}

.manpower .man02 .gallery-top .pad {
    padding: 46px 13.3% 0;
}

.manpower .man02 .gallery-top b {
    padding: 0 33px 22px;
    font-size: 26px;
    color: #333;
    line-height: 36px;
    text-align: center;
}

.manpower .man02 .gallery-top p {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    text-align: justify;
}



.manpower .man02 .number {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.manpower .man02 .gallery-thumbs {
    height: 30px;
    line-height: 30px;
}

.manpower .man02 .gallery-thumbs .swiper-slide {
    width: 100%;
    height: 100%;
    opacity: 1;
    font-size: 18px;
    color: #cd0013;
    font-weight: bold;
}

/* .manpower .man02 .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;} */

.manpower .man02 .number i {
    margin: 10px auto;
    width: 1px;
    height: 43px;
    background: #666;
}

.manpower .man02 .number p {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
}

.manpower .man02 .swiper-button-next,
.manpower .man02 .swiper-button-prev {
    margin-top: 0;
    top: 597px;
    width: 47px;
    height: 16px;
}

.manpower .man02 .swiper-button-next {
    right: 292px;
    background: url(../images/icon/icon_70.png) center no-repeat;
}

.manpower .man02 .swiper-button-prev {
    left: 277px;
    background: url(../images/icon/icon_69.png) center no-repeat;
}

/* .manpower .man02 .swiper-button-next.swiper-button-white{ background:#cd0013 url(../images/icon/icon_80.png) center no-repeat;}
.manpower .man02 .swiper-button-prev.swiper-button-white{ background:#cd0013 url(../images/icon/icon_79.png) center no-repeat;}


.manpower .man02 .swiper-button-next.swiper-button-disabled{ background:#fff url(../images/icon/icon_80.png) center no-repeat;}
.manpower .man02 .swiper-button-prev.swiper-button-disabled{ background:#fff url(../images/icon/icon_79.png) center no-repeat;} */



.manpower .man03 {
    background: url(../images/page/manpower_4.jpg) left bottom no-repeat;
    background-size: 100% auto;
}

.manpower .man03 .title {
    padding: 80px 0 40px 111px;
    background: url(../images/icon/icon_3.png) left 100px no-repeat;
}


.manpower .rec02 {
    padding-bottom: 80px
}

.manpower .rec02 .tab_next {
    padding-top: 30px
}

.manpower .rec02 li {
    position: relative;
    padding: 35px 93px 0 54px;
    background: #f6f6f6
}

.manpower .rec02 li:nth-child(2n) {
    background: #fff
}

.manpower .rec02 li .left {
    margin: 4px 27px 0 0;
    width: 5px;
    height: 20px;
    background: #333
}

.manpower .rec02 li .right {
    overflow: hidden;
    width: 96%;
    height: 139px
}

.manpower .rec02 li .hes .ts {
    margin-bottom: 32px;
    border-bottom: #e5e5e5 1px solid
}

.manpower .rec02 li .hes span {
    display: block;
    color: #333;
    font-weight: 700;
    font-size: 20px
}

.manpower .rec02 li .hes div.clearfix {
    margin: 25px auto 30px;
    line-height: 29px
}

.manpower .rec02 li .hes div.clearfix b {
    float: left;
    display: block;
    margin-right: 18%;
    color: #333;
    font-size: 16px
}

.manpower .rec02 li .hes div.clearfix b i {
    display: inline-block;
    color: #666
}

.manpower .rec02 li .hes div.clearfix em {
    float: left;
    display: block;
    margin-right: 20%;
    padding-left: 27px;
    height: 29px;
    background: url(../images/icon/icon_90.png) left center no-repeat;
    color: #666;
    font-size: 16px;
    font-family: Arial
}

.manpower .rec02 li .hes b {
    display: block;
    color: #333;
    font-weight: 700;
    font-size: 20px
}

.manpower .rec02 li .hes p {
    color: #666;
    font-size: 16px;
    line-height: 35px
}

.manpower .rec02 li .hes a {
    float: left;
    display: block;
    margin-right: 40px;
    width: 180px;
    height: 60px;
    border: #c7161d 1px solid;
    border-radius: 6px;
    color: #c7161d;
    text-align: center;
    font-size: 20px;
    line-height: 60px;
    cursor: pointer
}

.manpower .rec02 li .hes .t {
    float: left;
    display: block;
    margin-right: 40px;
    width: 180px;
    height: 60px;
    border: #e4e4e4 1px solid;
    border-radius: 6px;
    background: #e4e4e4;
    color: #333;
    text-align: center;
    font-size: 20px;
    line-height: 60px
}

.manpower .rec02 li .hes div.b {
    margin-bottom: 0;
    padding-bottom: 44px
}

.manpower .rec02 li .sel {
    position: absolute;
    top: 0px;
    right: 44px;
    padding-right: 24px;
    width: calc(100% - 68px);
    height: 175px;
    line-height: 175px;
    text-align: right;
    background: url(../images/icon/icon_93.png) right center no-repeat;
    color: #f6f6f6;
    font-size: 16px;
    cursor: pointer
}

.manpower .rec02 li:nth-child(2n) .sel {
    color: #fff
}

.manpower .rec02 li.cur {
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.manpower .rec02 li.cur .sel {
    background: url(../images/icon/icon_93s.png) right center no-repeat;
    color: #333
}

.pup_tj {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 23;
    display: none;
    width: 400px;
    background: #fff;
    transform: translate(-50%, -50%)
}

.pup_tj .tit {
    position: relative;
    height: 46px;
    border-top: #c7161d 2px solid;
    background: #f8f8f8
}

.pup_tj .tit i {
    float: left;
    margin: 18px 10px 0 20px;
    width: 4px;
    height: 13px;
    background: #c7161d
}

.pup_tj .tit b {
    float: left;
    color: #333;
    font-size: 18px;
    line-height: 46px
}

.pup_tj .tit span {
    position: absolute;
    right: -40px;
    width: 40px;
    height: 46px;
    background: url(../images/icon/icon_92.png) center no-repeat;
    cursor: pointer
}

.pup_tj .next {
    padding-bottom: 30px
}

.pup_tj .next div {
    text-align: center
}

.pup_tj .next img {
    margin: 0 auto;
    padding: 25px 0 14px
}

.pup_tj .next p {
    display: inline;
    color: #333;
    font-size: 16px
}

.pup_tj .next .file {
    position: relative;
    display: inline;
    overflow: hidden;
    color: #c7161d;
    font-size: 16px
}

.pup_tj .next .file input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    -moz-opacity: 0
}

.pup_tj .next i {
    display: inline;
    color: #999;
    font-size: 14px
}

.pup_tj .next em {
    display: inline;
    color: #333;
    font-size: 14px
}

.pup_tj .next .but {
    display: block;
    margin: 30px auto 0;
    width: 112px;
    height: 36px;
    border: #c7161d 1px solid;
    border-radius: 4px;
    color: #c7161d;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    cursor: pointer
}

.pup_tj_bac {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 21;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}




.manpower .man04 {
    padding: 1px 0 80px;
    background: #f4f4f4 url(../images/bac/man04.jpg) left bottom no-repeat;
    background-size: 100% auto;
}

.manpower .man04 .title {
    padding: 80px 0 67px 111px;
    background: url(../images/icon/icon_3.png) left 100px no-repeat;
}

.manpower .man04 .list {
    margin-bottom: 53px;
}

.manpower .man04 .list li {
    position: relative;
    float: left;
    margin-bottom: 25px;
    padding: 40px 0;
    width: 49.07%;
    height: 153px;
    background: #fff;
}

.manpower .man04 .list li:nth-child(2n) {
    float: right;
}

.manpower .man04 .time {
    float: left;
    margin-top: 43px;
    width: 19.19%;
    text-align: center;
}

.manpower .man04 .time b {
    font-size: 36px;
    color: #333;
    font-family: "Arial";
    font-weight: bold;
}

.manpower .man04 .time p {
    font-size: 18px;
    color: #666;
    font-family: "Arial";
}



.manpower .man04 .text {
    float: left;
    margin-top: 47px;
    width: 31%;
}

.manpower .man04 .text b {
    height: 56px;
    line-height: 28px;
    font-size: 18px;
    color: #272727;
    overflow: hidden;
}

.manpower .man04 .text p {
    display: none;
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

.manpower .man04 li:hover .pic i {
    transform: scale(1.1);
    transition-duration: 0.5s;
}

.manpower .man04 .list li .lie {
    transition: all 0.5s;
    position: absolute;
    z-index: 3;
    background: #cd0013;
}

.manpower .man04 .list li .lie_1 {
    right: 0;
    top: -2px;
    width: 0px;
    height: 2px;
}

.manpower .man04 .list li .lie_2 {
    right: 0;
    top: 0;
    width: 2px;
    height: 0px;
}

.manpower .man04 .list li .lie_3 {
    left: 0;
    bottom: 0;
    width: 2px;
    height: 0px;
}

.manpower .man04 .list li .lie_4 {
    left: 0;
    bottom: 0px;
    height: 2px;
    width: 0px;
}

.manpower .man04 .list li:hover .lie_1 {
    transition: all 0.5s;
    width: 100%;
}

.manpower .man04 .list li:hover .lie_2 {
    transition: all 0.5s;
    height: 100%;
}

.manpower .man04 .list li:hover .lie_3 {
    transition: all 0.5s;
    height: 100%;
}

.manpower .man04 .list li:hover .lie_4 {
    transition: all 0.5s;
    width: 100%
}

.manpower .man04 .other .text {
    margin-top: 33px;
    width: 76.31%;
}

.manpower .man04 .other .text b {
    margin-bottom: 9px;
    height: 28px;
}

.manpower .man04 .other .text p {
    display: block;
    height: 48px;
    overflow: hidden;
}


.manpower .man04 li:hover .time b,
.manpower .man04 li:hover .time p {
    color: #cd0013;
}


.manpower .man04 .more {
    position: relative;
    margin: 0 auto;
    width: 88px;
}

.manpower .man04 .more em {
    display: inline-block;
    padding: 0 4px;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    border-bottom: #000 1px solid;
}

.manpower .man04 .more i {
    transition: all 0.5s;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0px;
    height: 1px;
    background: #cc0013;
}

.manpower .man04 .more:hover em {
    color: #cc0013;
}

.manpower .man04 .more:hover i {
    transition: all 0.5s;
    width: 100%;
}


/*********** p9-1法律声明 ***********/
.varied .subnav .pos a {
    margin: 0 34px;
}

.varied .text {
    padding: 70px 4.7% 60px;
    background: #fff;
}

.varied .text .wen {
    margin-top: 40px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}

.varied .text h1.tit {
    font-size: 28px;
    font-weight: normal;
    color: #165ea4;
    text-align: center;
    letter-spacing: 3px;
}

.varied .text .wen b,
.varied .text .wen em,
.varied .text .wen i,
.varied .text .wen span,
.varied .text .wen a {
    display: inline-block
}

.people_contact table {
    margin-top: 40px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}

/*********** p9-7问卷调查 ***********/
.appraisal dl {
    margin-bottom: 33px;
}

.appraisal dl dt {
    font-size: 16px;
    color: #165ea4;
    font-weight: bold;
}

.appraisal dl dd.clearfix {
    border-bottom: #dbdada 1px dashed;
}

.appraisal dl div {
    float: left;
    position: relative;
    margin-right: 50px;
    padding-bottom: 10px;
    font-size: 16px;
    color: #666;
    line-height: 52px;
    cursor: pointer;
}

.appraisal dl p {
    padding-left: 26px;
    background: #fff url(../images/icon/icon_81.png) left center no-repeat;
}

.appraisal dl input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    cursor: pointer;
}

.appraisal dl div.cur p {
    background: url(../images/icon/icon_81s.png) left center no-repeat;
}

.appraisal dl textarea {
    margin-top: 23px;
    padding: 20px 2%;
    width: 96%;
    height: 126px;
    border: #d2d2d2 1px solid;
}

.appraisal .bot {
    margin-top: 40px;
}

.appraisal .bot .but {
    margin-right: 38px;
    width: 162px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #165ea4;
    cursor: pointer;
}

.appraisal .bot .but2 {
    color: #165ea4;
    font-size: 16px;
    line-height: 55px;
}


/*********** p9-8我要举报 ***********/

.report dl {
    margin-bottom: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
}

.report dt {
    float: left;
    padding-left: 41px;
    color: #065ea4;
}

.report dd {
    float: left;
}

.report dl:nth-child(2) dt {
    background: url(../images/icon/icon_82.png) left center no-repeat;
}

.report dl:nth-child(3) dt {
    background: url(../images/icon/icon_83.png) left center no-repeat;
}

.report dl:nth-child(4) dt {
    background: url(../images/icon/icon_84.png) left center no-repeat;
}

.report dl:nth-child(5) dt {
    background: url(../images/icon/icon_85.png) left center no-repeat;
}

.report dl:nth-child(6) dt {
    background: url(../images/icon/icon_82.png) left center no-repeat;
}

.report dl:nth-child(7) dt {
    background: url(../images/icon/icon_83.png) left center no-repeat;
}

.report dl:nth-child(8) dt {
    background: url(../images/icon/icon_84.png) left center no-repeat;
}

.report dl:nth-child(9) dt {
    background: url(../images/icon/icon_85.png) left center no-repeat;
}

.About_us,
.service,
.operator {
    background: #fff;
}


/*********** p1-4产业布局 ***********/
.industry .w1400 {
    margin:80px auto 80px;
    padding: 0px 0 60px;
    background: #fff;
}

.industry .w1400 ul {
    padding: 1px 3.2%;
}

.industry .w1400 ul li {
    padding-top: 60px;
}

.industry .w1400 ul .pic {
    float: left;
    width: 47.78%;
    height: 351px;
    overflow: hidden;
}

.industry .w1400 ul .pic i {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.7s;
}

.industry .w1400 ul li:hover .pic i {
    transform: scale(1.1);
    transition-duration: 0.7s;
}

.industry .w1400 ul .next {
    position: relative;
    float: right;
    width: 47.78%;
    border-bottom: #c4c4c4 1px solid;
}

.industry .w1400 ul .tit b {
    margin: 38px 0 4px;
    font-size: 40px;
    color: #333;
    font-family: Arial;
}

.industry .w1400 ul .tit i {
    float: left;
    margin: 15px 11px 0 0;
    width: 30px;
    height: 3px;
    background: #bc3f30;
}

.industry .w1400 ul .tit p {
    float: left;
    font-size: 24px;
    color: #bc3f30;
}

.industry .w1400 ul .text {
    margin: 30px 0 102px;
    height: 100px;
    font-size: 16px;
    color: #666;
    line-height: 25px;
    overflow: hidden;
}

.industry .w1400 ul .Read_More {
    position: absolute;
    right: 30px;
    bottom: 30px;
    padding-left: 30px;
    font-size: 16px;
    color: #bc3f30;
    background: url(../images/icon/icon_104.png) left center no-repeat;
    cursor: pointer;
}

.industry .w1400 ul .Read_More.cur {
    background: url(../images/icon/icon_104s.png) left center no-repeat;
}

.industry .w1400 ul li:nth-child(2n) .pic {
    float: right;
}

.industry .w1400 ul li:nth-child(2n) .next {
    float: left;
}


/***********下载 ***********/
.down_btn {
    width: 300px;
    height: 40px;
    margin: 50px auto 20px;
    border: 1px solid #666;
    color: #666;
    line-height: 40px;
    border-radius: 20px;
    display: flex;
}

.down_btn p {
    margin-left: 100px
}

.down_btn img {
    width: 25px;
    height: 25px;
    display: block;
    margin: 7px 20px;
}

.down_img {
    width: 200px;
    height: 230px;
    margin: 40px auto;
}

.down_img img {
    display: block;
    margin: 0 auto;
}


.contentText {
    display: flex;
    justify-content: space-between;
    margin: 50px auto;
}

.contentText .contentBox1 {
    width: 60%;
}

.contentText .contentBox2 {
    width: 30%;
}


.contentText .contentBox1 h3 {
    font-size: 24px;
    line-height: 70px
}

.contentText .contentBox1 p {
    font-size: 18px;
    line-height: 36px;
    text-indent: 2em;
}

.columnInfo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 50px 0 30px;
}

.columnBtn {
    margin-top: 40px;
    background: #fff;
    border-radius: 5px;
    margin-left: 25px;
    padding-left: 30px;
    height: 260px;
    padding-top: 20px;
}

.columnList {
    margin-bottom: 50px;
    width: 49%;
}

.columnTop {
    display: flex;
    background: url(../images/page/columnImg.png) center no-repeat;
    background-size: 100%;
    width: 100%;
    height: 65px;
    justify-content: space-between;
}

.columnTitle {
    font-size: 24px;
    font-weight: bold;
    color: #e8070b;
    padding-left: 45px;
}

.columnMore {
    font-size: 16px;
    color: #b1b1b1;
}

.columnText {
    background: url(../images/page/columnCri.png) no-repeat left center;
    padding: 0 33px;
    line-height: 48px;
    height: 48px;
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




.columnList.other {
    margin-right: 0;
    width: 100%;
}

.columnList.other .columnTop {
    background: url(../images/page/columnImg2.png) center no-repeat;
    background-size: 100%;
}



.culture .cul06 .next,
.culture .cul07 .next {
  padding: 80px 0;
  color: #fff;
  text-align: center;
  background: url(../images/page/cul06_bac2.jpg) center no-repeat;
  background-size: cover;
}
.culture .cul06 .next b,
.culture .cul07 .next b {
  margin-bottom: 20px;
  font-size: 30px;
}
.culture .cul06 .next p,
.culture .cul07 .next p {
  font-size: 22px;
  font-family: Arial;
}
.culture .cul06 .next.next2,
.culture .cul07 .next.next2 {
  background-image: url(../images/page/cul06_bac3.jpg);
}
.culture .cul01 {
  margin-bottom: 80px;
}
.culture .cul06 .title,
.culture .cul06 .next,
.culture .cul07 .title,
.culture .cul07 .mode {
  visibility: hidden;
}
.culture .cul06.active .title,
.culture .cul06.active .next,
.culture .cul07.active .title,
.culture .cul07.active .mode {
  visibility: visible;
  animation-delay: 0.6s;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


.culture .cul07 .mode {
  display: flex;
  justify-content: space-between;
}
.culture .cul07 .mode .next {
  margin-top: 50px;
  width: 48%;
  height: 86px;
}
.culture .cul07 .mode .pic {
  position: relative;
  width: 48%;
  height: 296px;
  cursor: pointer;
}
.culture .cul07 .mode .pic::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  content: "";
}
.culture .cul07 .mode .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.culture .cul07 .mode .pic i {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding-top: 100px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background: url(../images/icon/icon_60.png) top center no-repeat;
  background-size: 90px auto;
}
.culture .cul07 .mode .pic .Vsrc {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}