@charset "utf-8";/* CSS Document *//* fixed */html, body {font: 18px/1.8 "微软雅黑";color: #333;/*overflow-x:hidden;*/}
.pw {width: 1100px;margin: 0 auto;}
.pw2 {width: 1010px;margin:0px auto;}
img{ max-width:100%;}

@font-face {font-family: 'MyriadPro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: local('☺'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'MyriadProSemibold';
    src: url('../fonts/MyriadProSemibold.eot');
    src: url('../fonts/MyriadProSemibold.eot') format('embedded-opentype'), url('../fonts/MyriadProSemibold.woff2') format('woff2'), url('../fonts/MyriadProSemibold.woff') format('woff'), url('../fonts/MyriadProSemibold.ttf') format('truetype'), url('../fonts/MyriadProSemibold.svg#MyriadProSemibold') format('svg');
}

@font-face {
    font-family: 'MyriadPro-SemiCn';
    src: url('../fonts/MyriadPro-SemiCn_1.eot');
    src: local('☺'), url('../fonts/MyriadPro-SemiCn_1.woff') format('woff'), url('../fonts/MyriadPro-SemiCn_1.ttf') format('truetype'), url('../fonts/MyriadPro-SemiCn_1.svg') format('svg');
    font-weight: normal;font-style: normal;}

/* fixed end */
.logo {width: 223px;position: absolute;left: 40px;top: 22px;}
.nav a:link,.nav a:visited { color: #333;}
.nav li { padding: 34px 4px;  transition: 300ms;-webkit-transition: 300ms;}
.nav li > a {display: block; padding:0 10px;line-height:25px;}
 .nav li > a:hover {color: #fff;background: #DB0000;}
.s-header .logo {width: 281px;top: 9px;}
.s-header .nav li {padding: 19px 4px;}
.s-header .search-tx {padding-top: 6px;padding-bottom: 6px;}
.s-header .search {top: 12px;}
.banner .fixbg {height: 100%;background-position: center bottom;position: relative;}
.banner2 .fixbg {height: 100%;background-position: center bottom;position: relative;}
.bannertxts {color: #fff;padding: 0 7.5%;padding-top: 12.5%;position: absolute;left: 0;right: 0;top: 0;}
.bannertxts .tx1 {font-size: 26px;}

    .bannertxts .tx2 {
        font-weight: bold;
        font-size: 50px;
        margin-top: 10px;
    }

    .bannertxts .cen {
        font-family: 'MyriadPro';
    }

    .bannertxts .en1 {
        font-size: 26px;
        margin-top: 20px;
    }

    .bannertxts .en2 {
        font-size: 18px;
        margin-top: 10px;
    }

.mouse {
    width: 31px;
    height: 50px;
    position: absolute;
    left: 7.5%;
    bottom: 55px;
    z-index: 100;
    background: url(../Images/mouse.png) no-repeat center center;
    cursor: pointer;
}

    .mouse .ico {
        width: 6px;
        height: 6px;
        background-image: url(../Images/mouse2.png);
        left: 50%;
        margin-left: -3px;
        top: 10px;
        -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
        animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    }

@keyframes mouse-dot {
    from {
        opacity: 0;
    }

    33% {
        opacity: 1;
    }

    to {
        top: 35px;
        opacity: 0;
    }
}

@-webkit-keyframes mouse-dot {
    from {   opacity: 0;  }

    33% {
        opacity: 1;
    }

    to {
        top: 35px;
        opacity: 0;
    }
}

.search {
    position: absolute;
    top: 22px;
    right: 25px;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.search-tx {
    width: 348px;
    display: block;
    border: 1px solid #fff;
    border-radius: 5px !important;
    line-height: 25px;
    padding: 11px 50px 11px 20px;
    color: #fff;
    transition: 400ms;
    -webkit-transition: 400ms;
    border: 1px solid #e7e7e7;
    color: #d2d2d2;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    opacity: 0;
}

    .search-tx.show {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        opacity: 1;
    }

    .search-tx:focus {
        border: 1px solid #DB0000;
    }

.search-btn {
    width: 25px;
    height: 25px;
    background: url(../Images/rr-search.png) no-repeat center top;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 16px;
    transition: 300ms;
    -webkit-transition: 300ms;
}

    .search-btn:hover {
        background-position: center bottom;
    }

.ixTitle {
    margin-left: 22%;
    width: 555px;
}

.ixt {
    width: 335px;
    position: relative;
    display: block;
    color: #333;
}

    .ixt .bodr {
        border: 3px solid #d7d7d7;
        padding: 20px 0 20px 60px;
        padding-left: 30px\9;
    }

    .ixt .aen {
        font-family: 'MyriadPro';
        line-height: 1;
    }

    .ixt .en1 {
        font-size: 18px;
        color: #afafaf;
        letter-spacing: -1px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform-origin: left top;
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        -moz-transform-origin: left top;
        position: absolute;
        top: 25px;
        left: 45px;
        display: none\9;
    }

    .ixt .en2 {
        font-size: 50px;
        color: #919191;
        font-weight: bold;
        letter-spacing: -2px;
    }

    .ixt .ch {
        font-size: 20px;
        font-weight: bold;
        margin-top: 5px;
        letter-spacing: 35px;
    }

.ix1 {
    background: #f3f3f3;
    padding: 60px 0 80px 0;
}

.ixt .line,.culList .line {
    background: #DB0000;
    position: absolute;
    transition: 400ms;
    -webkit-transition: 400ms;
}

.ixt .line1,.culList .line1 {
    width: 0;
    height:2px;
    left: 0;
    top: 0;
}

.ixt .line2,.culList .line2 {
    width: 0;
    height:2px;
    right: 0;
    bottom: 0;
}

.ixt .line3,.culList .line3 {
    height: 0;
    width:2px;
    left: 0;
    bottom: 0;
}

.ixt .line4,.culList .line4 {
    height: 0;
    width:2px;
    right: 0;
    top: 0;
}

.ixt:hover .line1,.ixt:hover .line2,.culList li:hover .line1,.culList li:hover .line2 { width: 100%;}
.ixt:hover .line3,.ixt:hover .line4,.culList li:hover .line3,.culList li:hover .line4 {  height: 100%;}

.ixTitle .tx {
    line-height: 30px !important;
    height: 60px;
    margin-top: 20px;
}

.ixpro li {
    width: 25%;
    float: left;
}

.ixproList a {
    display: block;
    margin: 0 10px;
}

    .ixproList a:link,
    .ixproList a:visited {
        color: #fff;
    }

.ixproList .con {
    position: relative;
}

.ixproList .cover {
    background: url(../Images/black.png);
    background: rgba(0,0,0,.4);
    opacity: 0;
    display: none\9;
}

.ixproList .txts {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 60px 35px 0 35px;
}

    .ixproList .txts .line {
        width: 0;
        height: 2px;
        background: #fff;
        margin-bottom: 20px;
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .ixproList .txts .txx {
        opacity: 0;
        display: none\9;
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .ixproList .txts .ti {
        transform: translateX(-60px);
        -webkit-transform: translateX(-60px);
    }

    .ixproList .txts .tx1 {
        font-size: 18px;
        margin-bottom: 5px;
        transition-delay: 100ms;
        -webkit-transition-delay: 100ms;
    }

    .ixproList .txts .tx2 {
        font-size: 30px;
        transition-delay: 200ms;
        -webkit-transition-delay: 200ms;
    }

    .ixproList .txts .aen {
        position: absolute;
        left: 35px;
        bottom: 45px;
        font-size: 20px;
        font-family: 'MyriadPro-SemiCn';
        letter-spacing: -1px;
        transform: translateY(-60px);
        -webkit-transform: translateY(-60px);
        transition-delay: 300ms;
        -webkit-transition-delay: 300ms;
    }

.ixproList a:hover .cover {
    opacity: 1;
    display: block\9;
}

.ixproList a:hover .txts .line {
    width: 100%;
}

.ixproList a:hover .txts .txx {
    transform: translate(0);
    -webkit-transform: translate(0);
    opacity: 1;
    display: block\9;
}

.ixprob {
    position: relative;
    margin-top: 50px;
}

.ix-pro-arrow {
    font-size: 0;
    width: 58px;
    height: 58px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    background-color: #DB0000;
    z-index: 99;
    cursor: pointer;
    transition: 400ms;
    -webkit-transition: 400ms;
    opacity: 0;
    display: none\9;
}

.ix-pro-prev {
    left: 0;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
}

.ix-pro-next {
    right: 0;
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
}

.ix-pro-prev .ico {
    background-image: url(../Images/rr-ixproprev.png);
}

.ix-pro-next .ico {
    background-image: url(../Images/rr-ixpronext.png);
}

.ix-pro-arrow.show {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    opacity: 1;
    display: block\9;
}

.ixTitle2 .ixt .ch {
    letter-spacing: 15px;
}

.ixTitle2 .ixt .en1 {
    letter-spacing: 0;
}

.ixTitle2 .ixt {
    width: 280px;
}

.newsList li {
    display: block;
    width: 33.33%;
    /*margin-left:0.5%;*/
    float: left;
}
/*.newsList li:first-child{
	margin-left:0;
	}*/
.newsList a:link,
.newsList a:visited {
    color: #333;
}

.newsList .bodr {
    border: 1px solid #dfdfdf;
    height: 375px;
    position: relative;
    overflow: hidden;
    margin: 0 5px;
}

.newsList .txts {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 45px;
    transition: 400ms;
    -webkit-transition: 400ms;
}

    .newsList .txts .sy {
        margin-bottom: 15px;
        padding-top: 50px;
    }

    .newsList .txts .nowti,
    .newsList .txts .en {
        font-size: 20px;
        color: #464646;
        line-height: 3.5;
        overflow: hidden;
    }

    .newsList .txts .en {
        max-height: 60px;
    }

    .newsList .txts .tx {
        line-height: 30px !important;
        height: 60px;
        margin-top: 10px;
    }

    .newsList .txts .date {
        position: absolute;
        left: 45px;
        bottom: 40px;
    }

.newsList .pic {
    height: 100%;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    opacity: 0;
    display: none\9;
    transition: 600ms;
    -webkit-transition: 600ms;
}

    .newsList .pic .cover {
        background: url(../Images/black.png);
        background: rgba(0,0,0,.5);
        opacity: 0;
        display: none\9;
    }

.newsList li:hover .pic {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    display: block\9;
}

.newsList li:hover .pic .cover {
        opacity: 1;
        display: block\9;
    }

.newsList li:hover .bg {
    background: #DB0000;
}

.newsList li:hover a,
.newsList li:hover .txts .nowti,
.newsList li:hover .txts .en {
    color: #fff;
}

.newsList li:hover .txts {
    top: 38%;
}

.share {
    position: absolute;
    left: 45px;
    top: 44px;
    z-index: 55;
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0;
    display: none\9;
    transition: 400ms 100ms;
    -webkit-transition: 400ms 100ms;
    transform-origin: 15px 15px;
    -webkit-transform-origin: 15px 15px;
}

    .share .s {
        display: block;
        width: 30px;
        height: 30px;
    }

    .share .sbtn {
        background: url(../Images/share.png) no-repeat center -1px;
        float: left;
        cursor: pointer;
    }

    .share .sb {
        float: left;
    }

        .share .sb .s {
            float: left;
            margin-left: 10px;
            opacity: 0;
            display: none\9;
            transform: translateY(10px);
            -webkit-transform: translateY(10px);
        }

            .share .sb .s:nth-child(2n) {
                transform: translateY(-10px);
                -webkit-transform: translateY(-10px);
            }

        .share .sb.show .s {
            transform: translateY(0);
            -webkit-transform: translateY(0);
            opacity: 1;
            display: block\9;
        }

        .share .sb .weixin {
            background: url(../Images/weixin.png) no-repeat;
        }

        .share .sb .sina {
            background: url(../Images/sina.png) no-repeat;
        }

        .share .sb .more {
            background: url(../Images/share2.png) no-repeat;
        }

.newsList li:hover .share {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    display: block\9;
}

.ixmore {
    display: block;
    width: 34px;
    height: 34px;
    border: 2px solid #fff;
    position: absolute;
    right: 45px;
    top: 40px;
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    opacity: 0;
    display: none\9;
    transition: 400ms 100ms;
    -webkit-transition: 400ms 100ms;
}

    .ixmore .ico {
        background-image: url(../Images/rr-ixnewsaw.png);
    }

.newsList li:hover .ixmore {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
    display: block\9;
}

.ix2 {
    padding: 65px 5px 0 5px;
}

    .ix2 .newsList {
        margin-top: 30px;
    }

.ixlinksb {
    position: relative;
    width: 1100px;
    margin: 0 auto;
}

    .ixlinksb .item {
        padding: 65px 0;
    }

    .ixlinksb .bx-wrapper .bx-controls-direction a {
        width: 24px;
        height: 24px;
        border: 1px solid #d9d9d9;
        margin-top: -12px;
    }

    .ixlinksb .bx-wrapper .bx-prev {
        left: -80px;
    }

        .ixlinksb .bx-wrapper .bx-prev .ico {
            background-position: left center;
            background-image: url(../Images/rr-ixlogoprev.png);
        }

    .ixlinksb .bx-wrapper .bx-next {
        right: -80px;
    }

        .ixlinksb .bx-wrapper .bx-next .ico {
            background-position: right center;
            background-image: url(../Images/rr-ixlogonext.png);
        }

    .ixlinksb .bx-wrapper .bx-controls-direction a:hover {
        background: #DB0000;
        border-color: #DB0000;
    }

    .ixlinksb .bx-wrapper .bx-prev:hover .ico {
        background-position: right center;
    }

    .ixlinksb .bx-wrapper .bx-next:hover .ico {
        background-position: left center;
    }

.ixlinks .pic:hover {
    transform: translate(0,-20px);
    -webkit-transform: translate(0,-20px);
}

.footer {background: #555;padding: 60px 7.5%;color: #fff;font-size: 15px;}
    .footer a:link,
    .footer a:visited {
        color: #fff;
    }

    .footer a:hover,
    .footer a:active {
        color: #DB0000;
    }

    .footer .top {
        padding-bottom: 6.2%;
    }

.f-en {
    font-size: 56px;
    font-family: 'MyriadPro';
    line-height: 1.1;
    float: left;
}

.f-mass {
    float: left;
    margin-left: 30%;
}

    .f-mass .name {
        margin-bottom: 30px;
    }

    .f-mass input {
        display: block;
    }

    .f-mass .s-input {
        border: 1px solid #fff;
        background: #fff;
        line-height: 24px;
        padding: 12px 15px;
        width: 346px;
        margin-bottom: 12px;
        font-size: 15px;
        color: #919191;
    }

        .f-mass .s-input:focus {
            border: 1px solid #DB0000;
        }

    .f-mass .subBtn {
        width: 255px;
        height: 50px;
        background: #b2b2b2;
        color: #fff;
        cursor: pointer;
        transition: 300ms;
        -webkit-transition: 300ms;
        font-size: 15px;
    }

        .f-mass .subBtn:hover {
            background: #DB0000;
        }

.br {
    display: block;
}

.f-tx,
.f-cta,
.f-addr {
    float: left;
    margin-left: 10.8%;
}

  /* .f-cta a,
    .f-addr {
        cursor: default;
    }*/ 

.f-tx {
    margin-left: 0;
}

.tools a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: #fff;
    margin-left: 18px;
}

    .tools a:first-child {
        margin-left: 0;
    }

.tools .ico {
    background-position: center top;
}

.tools .sina .ico {
    background-image: url(../Images/sina2.png);
}

.tools .weixin .ico {
    background-image: url(../Images/weixin2.png);
}

.tools a:hover {
    background: #DB0000;
}

    .tools a:hover .ico {
        background-position: center bottom;
    }
/*menuBox*/
.navMobile {
    padding: 115px 0 75px 0;
}

    .navMobile a:link,
    .navMobile a:visited {
        color: #333;
    }

    .navMobile dd p > a:active,
    .navMobile dd p > a:hover {
        color: #fff;
    }

    .navMobile dd p > a {
        display: block;
        font-size: 20px;
        line-height: 1.4;
        padding: 12px 15px;
    }

        .navMobile dd p > a:hover {
            background: #DB0000;
        }

.menuBox .search {
    position: relative;
    top: 0;
    left: 0;
}

.menuBox .search-tx {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ececec;
    border-radius: 0 !important;
    background: #ececec;
    color: #333;
    padding-left: 15px;
    padding-right: 40px;
}

.menuBox .search-btn {
    right: 11px;
}

.header.show {
    box-shadow: none;
}

.navMobile .twoNav {
    display: none;
}

    .navMobile .twoNav a {
        display: block;
        padding: 7px 15px;
        line-height: 1.4;
        font-size: 14px;
    }

        .navMobile .twoNav a:hover,
        .navMobile .twoNav a:active {
            color: #DB0000;
        }
/*menuBox end*/

/*about*/
.pbanner .bannertxts {
    padding-top: 25%;
    padding-left: 4%;
    padding-right: 4%;
}

.pnav {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff;
    background: url(../Images/rr-abbg.png);
    padding: 0 4%;
    bottom: 0;
    transition: 300ms;
    -webkit-transition: 300ms;
}

    .pnav li {
        float: left;
        margin-left: 55px;
    }

        .pnav li:first-child {
            margin-left: 0;
        }

    .pnav a {
        display: block;
        line-height: 25px;
        padding: 14px 0;
    }

        .pnav a:link,
        .pnav a:visited {
            color: #454545;
        }

.s-pnav.pnav {
    position: fixed;
    bottom: auto;
    top: 63px;
    background: #e6e5e3;
    z-index: 1005;
}

    .s-pnav.pnav a {
        color: #727272;
        padding: 9px 0;
    }

.pnav a:active,
.pnav a:hover,
.pnav a.act {
    color: #DB0000;
}

.ptop {
    width: 25px;
    height: 25px;
    background: url(../Images/rr-pvaw.png) no-repeat center center;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 30px;
    cursor: pointer;
    animation: arrow-up 2s linear infinite running;
    -webkit-animation: arrow-up 2s linear infinite running;
}

@keyframes arrow-up {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    25% {
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
    }

    50% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    75% {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@-webkit-keyframes arrow-up {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    25% {
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
    }

    50% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    75% {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

.s-pnav.pnav .backtop {
    background: url(../Images/rr-pvaw2.png) no-repeat center center;
}

abt1.ixt {
    width: 270px;
}

.abt {
    margin: 0 auto;
}

.abt1.ixt .ch {
    letter-spacing: 30px;
    margin-top: 2px;
}

.abtx {
    text-align: center;
    margin-top: 55px;
}

    .abtx .ti {
        font-size: 24px;
        font-weight: bold;
        color: #DB0000;
    }

    .abtx .txx {
        font-size: 16px;
        line-height: 2;
        margin-top: 12px;
    }

.sershow li {
    width: 182px;
}

.sershow .ico {
    height: 80px;
    background-position: center top;
    transition: 0ms,transform 300ms;
    -webkit-transition: 0ms,transform 300ms;
}

.sershow .txts {
    font-size: 12px;
    color: #b0b0b0;
    padding: 0 5px;
    transition: 300ms;
    -webkit-transition: 300ms;
}

    .sershow .txts .cen {
        margin-bottom: 4px;
    }

.sershow li:hover .ico {
    background-position: center bottom;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.sershow li:hover .txts {
    color: #DB0000;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}

.sershow {
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

.abtx2 .top .pic {
    width: 40%;
    float: left;
    margin-top: 5px;
}

.abtx2 .top .txts {
    width: 57%;
    float: right;
}

.abtx2 .sptx {
    font-size: 18px;
    color: #DB0000;
    width: 530px;
    text-align: center;
    margin: 0 auto;
    margin-top: 65px;
}

.ab1 .fixbg {
    padding: 5.6% 0 5.8% 0;
    margin-top: 50px;
}

.ab1 {
    padding-top: 60px;
}

.ab2 {
    background: #f3f3f3;
    padding: 68px 0 80px 0;
}

.abt2.ixt .ch {
    letter-spacing: 33px;
    margin-top: 0;
}

.orgpic {
    margin-top: 75px;
}

    .orgpic img {
        max-width: 100%;
    }

.abt3.ixt .bodr {
    border-color: #fff;
}

.abt3.ixt .en1,
.abt3.ixt .en2,
.abt3.ixt .ch {
    color: #fff;
}

.abt3.ixt .ch {
    letter-spacing: 15px;
}

.abt3.ixt {
    width: 260px;
    margin: 0 auto;
}

.abtx3 {
    color: #fff;
    overflow: hidden;
    padding: 60px 0 35px 0;
}

    .abtx3 .name {
        float: right;
    }

        .abtx3 .name img {
            display: inline;
            vertical-align: middle;
        }

.ab3 .fixbg {
    padding-top: 50px;
}

.abt4.ixt .ch {
    letter-spacing: 37px;
    margin-top: 0;
}
 
.honorList a {
    display: block;
    width: 28.33%;
    position: relative;
    color: #fff;
    float: left;
    margin: 2.5% 0;
    margin-left: 5%;
    overflow: hidden;
}

.honorList {
    margin-left: -5%;
}

    .honorList .pic {
        border: 7px solid #fff;
        width: auto;
    }

    .honorList .cover {
        background: url(../Images/black.png);
        opacity: 0;
        display: none\9;
    }

    .honorList .txts {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        padding: 35px;
    }

        .honorList .txts .line {
            width: 0;
            height: 1px;
            background: #fff;
            transition: 400ms;
            -webkit-transition: 400ms;
        }

        .honorList .txts .ti {
            font-size: 16px;
            text-align: justify;
            margin-top: 15px;
            opacity: 0;
            display: none\9;
            transition: 400ms;
            -webkit-transition: 400ms;
            transform: translateX(60px);
            -webkit-transform: translateX(60px);
        }

    .honorList a:hover .cover {
        opacity: 1;
        display: block\9;
    }

    .honorList a:hover .txts .line {
        width: 100%;
    }

    .honorList a:hover .txts .ti {
        opacity: 1;
        display: block\9;
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    .honorList .wline {
        display: block;
        background: #DB0000;
        position: absolute;
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .honorList .wline1 {
        width: 0;
        height: 7px;
        left: 0;
        top: 0;
    }

    .honorList .wline2 {
        width: 0;
        height: 7px;
        right: 0;
        bottom: 0;
    }

    .honorList .wline3 {
        height: 0;
        width: 7px;
        left: 0;
        bottom: 0;
    }

    .honorList .wline4 {
        height: 0;
        width: 7px;
        right: 0;
        top: 0;
    }

    .honorList a:hover .wline1,
    .honorList a:hover .wline2 {
        width: 100%;
    }

    .honorList a:hover .wline3,
    .honorList a:hover .wline4 {
        height: 100%;
    }

.honor .slick-arrow {
    width: 50px;
    height: 80px;
    font-size: 0;
    position: absolute;
    top: 50%;
    margin-top: -40px;
}

.honor .slick-prev {
    background: url(../Images/rr-honorprev.png) no-repeat left center;
    left: -168px;
}

.honor .slick-next {
    background: url(../Images/rr-honornext.png) no-repeat right center;
    right: -168px;
}

.honor .slick-prev:hover {
    background-position: right center;
}

.honor .slick-next:hover {
    background-position: left center;
}

.honor {
    margin-top: 40px;
}

.ab4 {
    padding: 50px 0 80px 0;
}

.ab5 {
    background: #f3f3f3;
}

.abt5.ixt {
    margin: 0 auto;
}

    .abt5.ixt .en1 {
        letter-spacing: -3px;
    }

    .abt5.ixt .en2 {
        letter-spacing: 1px;
    }

.hisDome {
    position: relative;
    overflow: hidden;
    padding-top: 75px;
    padding-bottom: 65px;
    margin-top: 25px;
}

.hisList li {
    position: relative;
    margin-bottom: 15px;
}

.hisList .txts {
    padding: 18px 40px;
    background: #fff;
    position: relative;
}

    .hisList .txts .date {
        font-size: 17px;
        font-weight: bold;
        line-height: 1.4;
        color: #535353;
    }

.hisList .aw {
    width: 16px;
    height: 27px;
    background-image: url(../Images/rr-hisaw.png);
    position: absolute;
    top: 25px;
    left: -15px;
}

.hisList .line {
    width: 17px;
    height: 3px;
    background: #DB0000;
    position: absolute;
    top: 37px;
    left: -55px;
}

.hisDome .wline {
    width: 3px;
    display: block;
    position: absolute;
    top: 0;
    left: 62px;
    background: #a7a7a7;
    height: 100%;
}

.hisDome .dot {
    width: 43px;
    height: 43px;
    box-sizing: border-box;
    border: 3px solid #a7a7a7;
    display: block;
    position: absolute;
    top: 0;
    left: 42px;
    border-radius: 100%;
    background: url(../Images/rr-hisdot.png) no-repeat center center;
    background-color: #f3f3f3;
}

.hisList li:hover .txts {
    background: #DB0000;
    color: #fff;
}

.hisList li:hover .aw {
    background: url(../Images/rr-hisaw2.png) no-repeat center center;
}

.hisList li:hover .date {
    color: #fff;
}

.ab5 {
    padding: 45px 0 95px 0;
}

.hisb {
    height: 484px;
    padding-left: 120px;
    overflow: hidden;
    cursor: url("../images/mouse.ico"), default;
}
/*add style*/
.imgShowBox {
    background: url(../Images/black.png) repeat;
    background: none rgba(0,0,0,0.8);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(100%);
    transition: all 800ms ease 0s;
    z-index: 1110;
    width: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

    .no-csstransitions .imgShowBox {
        display: none;
    }

.imgShowDemo {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

    .imgShowDemo .item {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        background-size: contain;
    }

    .imgShowDemo .img {
        vertical-align: middle;
        height: auto;
        width: auto;
        max-height: 100%;
        max-width: 90%;
        margin: auto;
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }
/*.imgShowDemo .txt { background: url(../Images/black.png) repeat; background:none rgba(0,0,0,0.5); font-size: 14px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 10px 0px;}
.imgShowDemo .txt .i { padding:0px 3%; }
.imgShowDemo .txt .t{ font-size: 22px; line-height: 1.4; padding: 15px 0px;}*/
.hi-num {
    width: 85px;
    height: 65px;
    background: #272727;
    color: #fff;
    border-left: 1px solid #3a3a3a;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 65px;
    font-size: 16px;
}

.img-show {
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
}

    .no-csstransitions .img-show {
        display: block;
    }

.imgShowDemo .slick-prev, .imgShowDemo .slick-next {
    width: 51px;
    height: 51px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 100;
    transition: all 0s ease 0s;
    -webkit-transform: all 0s ease 0s;
    font-size: 0;
}

.imgShowDemo .slick-prev {
    background: url(../Images/img_btn2.png) no-repeat scroll left top;
    left: 2%;
}

.imgShowDemo .slick-next {
    background: url(../Images/img_btn2.png) no-repeat scroll right top;
    right: 2%;
}

.imgShowDemo .slick-prev:hover {
    background-position: left bottom;
}

.imgShowDemo .slick-next:hover {
    background-position: right bottom;
}

.overlayClose {
    background-color: #DB0000;
    width: 56px;
    height: 56px;
    display: block;
    position: fixed;
    right: 2%;
    top: 2%;
    transition: 300ms;
    -webkit-transition: 300ms;
    z-index: 100;
}

    .overlayClose i {
        background: url(../Images/close4.png) no-repeat scroll center center;
        width: 100%;
        height: 100%;
        display: block;
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .overlayClose:hover i {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
    }

/*add style end*/
/*about end*/

/*pro*/
.propanel {
    padding: 65px 4% 90px 4%;
}

.proList {
    margin-left: -4.5%;
}

    .proList a {
        display: block;
        float: left;
        width: 28.83%;
        margin-left: 4.5%;
        background: #fff;
        margin-bottom: 30px;
    }

        .proList a:link, .proList a:visited {
            color: #333;
        }

    .proList .txts {
        padding: 17px 0;
        transition: 300ms;
        -webkit-transition: 300ms;
    }

        .proList .txts .ti {
            font-size: 12px;
            color: #3f3f3f;
            white-space: nowrap;
            overflow: hidden;
        }

        .proList .txts .nowti {
            font-size: 16px;
            margin-top: 3px;
        }

    .proList a:hover {
        box-shadow: 0 0 8px rgba(0,0,0,.4);
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
    }

        .proList a:hover .txts {
            padding-left: 25px;
            padding-right: 25px;
        }

.promore {
    margin-top: 40px;
}

    .promore span {
        width: 13px;
        height: 13px;
        background: #DB0000;
        margin: 0 2px;
    }

    .promore .sp1 {
        animation: sp1 800ms linear alternate infinite;
        -webkit-animation: sp1 800ms linear alternate infinite;
        opacity: 1;
    }

    .promore .sp2 {
        animation: sp2 800ms linear alternate infinite;
        -webkit-animation: sp2 800ms linear alternate infinite;
        opacity: 0.5;
    }

    .promore .sp3 {
        animation: sp3 800ms linear alternate infinite;
        -webkit-animation: sp3 800ms linear alternate infinite;
        opacity: 0.3;
    }

    .promore .sp4 {
        animation: sp4 800ms linear alternate infinite;
        -webkit-animation: sp4 800ms linear alternate infinite;
        opacity: 0.1;
    }

@keyframes sp1 {
    0% {
        opacity: 1;
    }

    33% {
        opacity: 0.5;
    }

    66% {
        opacity: 0.3;
    }

    100% {
        opacity: 0.1;
    }
}

@keyframes sp2 {
    0% {
        opacity: 0.5;
    }

    33% {
        opacity: 0.3;
    }

    66% {
        opacity: 0.1;
    }

    100% {
        opacity: 0.3;
    }
}

@keyframes sp3 {
    0% {
        opacity: 0.3;
    }

    33% {
        opacity: 0.1;
    }

    66% {
        opacity: 0.3;
    }

    100% {
        opacity: 0.5;
    }
}

@keyframes sp4 {
    0% {
        opacity: 0.1;
    }

    33% {
        opacity: 0.3;
    }

    66% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes sp1 {
    0% {
        opacity: 1;
    }

    33% {
        opacity: 0.5;
    }

    66% {
        opacity: 0.3;
    }

    100% {
        opacity: 0.1;
    }
}

@-webkit-keyframes sp2 {
    0% {
        opacity: 0.5;
    }

    33% {
        opacity: 0.3;
    }

    66% {
        opacity: 0.1;
    }

    100% {
        opacity: 0.3;
    }
}

@-webkit-keyframes sp3 {
    0% {
        opacity: 0.3;
    }

    33% {
        opacity: 0.1;
    }

    66% {
        opacity: 0.3;
    }

    100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes sp4 {
    0% {
        opacity: 0.1;
    }

    33% {
        opacity: 0.3;
    }

    66% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

/*pd*/
.pdpanel {
    position: fixed;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    right: -100%;
    background: #fff;
    z-index: 9998;
    transition: 800ms;
    -webkit-transition: 800ms;
}

    .pdpanel.show {
        right: 0;
    }

.pd-header {
    position: fixed;
    top: 0;
    width: 100%;
    right: -100%;
    z-index: 999;
    transition: 800ms;
    -webkit-transition: 800ms;
}

    .pd-header .bodr {
        border-bottom: 1px solid #dedede;
        position: relative;
        padding: 30px 0 22px 0;
        margin: 0 45px;
        background: #fff;
    }

.pdpanel.show .pd-header {
    right: 0;
}

.pd-header .ti {
    font-size: 24px;
    line-height: 25px;
}

.backList {
    color: #DB0000;
    line-height: 25px;
    height: 25px;
}

    .backList .ico {
        width: 25px;
        height: 25px;
        background-image: url(../Images/rr-backlist.png);
        margin-right: 10px;
    }

    .backList:hover .ico {
        transform: translateX(-8px);
        -webkit-transform: translateX(-8px);
    }

.pd-header .backList {
    position: absolute;
    right: 15px;
    top: 25px;
}

.pdtop {
    height: 78px;
}

.pdpics {
    width: 100%;
}

    .pdpics .item {
        height: 680px;
        overflow: hidden;
    }

        .pdpics .item > img {
            height: 100%;
            margin: 0 auto;
        }

    .pdpics .slick-dots li {
        width: 7px;
        height: 7px;
        border-radius: 0;
        margin: 0 7px;
    }

        .pdpics .slick-dots li.slick-active,
        .pdpics .slick-dots li:hover {
            background: #DB0000 !important;
        }

    .pdpics .slick-dots {
        margin-top: 40px;
    }

    .pdpics .slick-arrow {
        width: 40px;
        height: 40px;
        position: absolute;
        z-index: 99;
        top: 50%;
        margin-top: -43px;
    }

    .pdpics .slick-next {
        right: 0;
        background: #b2b2b2 url(../Images/rr-pdnext.png) no-repeat center center;
    }

    .pdpics .slick-prev {
        left: 0;
        background: #b2b2b2 url(../Images/rr-pdprev.png) no-repeat center center;
    }

    .pdpics .slick-arrow:hover {
        background-color: #DB0000;
    }

.pd-con {
    padding-top: 40px;
}

.pdpicsb {
    padding: 0 45px;
    margin-bottom: 40px;
}

.pdtxts {
    background: #f3f3f3;
    padding: 30px 45px 65px 45px;
}

.pdt {
    width: 930px;
}

.pdtxts .txb {
    color: #373737;
    margin-top: 65px;
}

    .pdtxts .txb:first-child {
        margin-top: 0;
    }

    .pdtxts .txb .ti {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .pdtxts .txb .txx {
        text-align: justify;
        font-size: 16px;
    }
        /*.pdtxts .txb a:link, .pdtxts .txb a:visited { color:#787878; }
*/
        .pdtxts .txb .txx > a {
            display: block;
            color: #787878;
            cursor: auto;
        }

    .pdtxts .txb a:active,
    .pdtxts .txb a:hover {
        color: #DB0000;
    }

.pd-share {
    border-top: 1px solid #dedede;
    padding-top: 20px;
    margin-top: 45px;
}

.pdShare {
    width: 20px;
    height: 26px;
    display: block;
    background: url(../Images/rr-pdshare.png) no-repeat center center;
}

    .pdShare:hover {
        animation: awup2 1.2s linear infinite;
        -webkit-animation: awup2 1.2s linear infinite;
    }

@keyframes awup2 {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    25% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }

    50% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    75% {
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@-webkit-keyframes awup2 {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    25% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }

    50% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    75% {
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}
/*pd end*/

/*pro end*/



/*news*/
.newspanel {
    padding: 70px 5px 70px 5px;
}

    .newspanel .newsList li {
        margin-bottom: 10px;
    }

.backb {
    background: #e7e7e7;
}

.backList2 {
    display: block;
    background: #bbbbbb;
    color: #fff;
    width: 90px;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 0;
    padding-left: 35px;
    background: #bbbbbb url(../Images/rr-ndaw.png) no-repeat 15px 20px;
}

    .backList2:hover {
        background-color: #DB0000;
    }

.ndTitle {
    border-bottom: 1px solid #dedede;
    padding: 45px 0 17px 0;
}

    .ndTitle .ti {
        font-size: 45px;
        color: #000;
    }

    .ndTitle .date {
        font-size: 13px;
        color: #b3b3b3;
        margin-top: 58px;
    }

.ndtxts {
    padding: 80px 0 120px 0;
}

.down {
    display: block;
    border: 1px solid #a3a3a3;
    width: 155px;
    line-height: 25px;
    overflow: hidden;
    color: #DB0000;
    padding: 14px 0;
}

    .down .ico {
        width: 20px;
        height: 25px;
        background-image: url(../Images/rr-down.png);
        background-position: right center;
        margin-right: 10px;
    }

    .down:hover {
        background: #DB0000;
        border-color: #DB0000;
        color: #fff;
    }

        .down:hover .ico {
            background-position: left center;
        }

.ndtxts .down {
    margin-top: 50px;
}

.ndLinks .prev,
.ndLinks .next,
.ndLinks .nd-share {
    width: 33.33%;
    display: block;
    float: left;
    text-align: center;
}

.ndLinks {
    border-top: 1px solid #dedede;
}

    .ndLinks .name {
        font-size: 13px;
        color: #b5b5b5;
    }

    .ndLinks a:link,
    .ndLinks a:visited {
        color: #6f6f6f;
    }
    /*.ndLinks a:active,
.ndLinks a:hover {
	color:#DB0000;
	}*/
    .ndLinks .nowti {
        line-height: 24px;
        font-size: 18px;
        width: 50%;
        margin: 0 auto;
        margin-top: 10px;
    }

.ndShare a {
    width: 25px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(../Images/rr-ndshare.png);
    margin: 0 2px;
}

.ndShare .nds1 {
    background-position: left center;
}

.ndShare .nds2 {
    background-position: -25px center;
}

.ndShare .nds3 {
    background-position: -50px center;
}

.ndShare .nds4 {
    background-position: -75px center;
}

.ndShare .nds5 {
    background-position: -100px center;
}

.ndShare .nds6 {
    background-position: -125px center;
}

.ndShare .nds7 {
    background-position: -150px center;
}

.ndShare .nds8 {
    background-position: right center;
}

.ndShare a:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.ndLinks .ndShare {
    margin-top: 10px;
}

.ndLinks .prev .bodr {
    border-right: 1px solid #dedede;
}

.ndLinks .next .bodr {
    border-left: 1px solid #dedede;
}

.ndLinks .bodr,
.ndLinks .nd-share {
    padding: 55px 0 40px 0;
}

.ndLinks .prev:hover,
.ndLinks .next:hover {
    background: #ebebeb;
}
/*news end*/

/*cul*/
.cult1.ixt .ch {
    letter-spacing: 20px;
}

.culShow .txts {
    width: 48%;
}

.culShow .pic {
    width: 47%;
    margin-top: 55px;
}

.culShow .culs1 .txts {
    float: left;
}

.culShow .culs1 .pic {
    float: right;
}

.culShow .culs2 .txts {
    float: right;
}

.culShow .culs2 .pic {
    float: left;
}

.culShow .ti {
    font-size: 24px;
    color: #454545;
    margin-bottom: 15px;
}

.culShow .culTitle {
    width: 48%;
    margin-bottom: 60px;
}

.culShow .btm {
    clear: both;
}

.culShow li {
    padding: 25px 0 75px 0;
    overflow: hidden;
}

.culShow .culs2 .culTitle {
    float: right;
}

.cult2.ixt .ch {
    letter-spacing: 20px;
}

.cult2.ixt .en2 {
    letter-spacing: 5px;
}

.cult3.ixt .ch {
    letter-spacing: 14px;
}

.cult3.ixt .en2 {
    letter-spacing: 5px;
}

.culpanel {
    padding-top: 30px;
}

.culList li {
    margin-left: 1%;
    float: left;
    position: relative;
    margin-bottom: 1%;
}

.culList1 li {
    width: 32.33%;
}

.culList2 li {
    width: 49%;
}

.culList {
    margin-left: -1%;
}

    .culList .ti {
        font-size: 18px;
        font-weight: bold;
        line-height: 24px;
    }

    .culList .ti1 {
        color: #fff;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: -12px;
    }

    .culList .cover {
        background: url(../Images/black.png);
        background: rgba(0,0,0,.4);
    }

    .culList .txts {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: #fff;
        padding: 28px 20px 0 20px;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        opacity: 0;
        display: none\9;
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .culList .pic {
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .culList .txts .ti2 {
        color: #DB0000;
        border-bottom: 1px solid #bbbbbb;
        padding-bottom: 8px;
        margin-bottom: 15px;
    }

    .culList .txts .tx {
        height: 100px;
    }

    .culList li:hover .txts {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        opacity: 1;
        display: block\9;
    }

    .culList li:hover .pic {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        opacity: 0;
    }

.cul2 .fixbg {
    padding: 105px 0 100px 0;
}
/*cul end*/

/*cta*/
#map {
    width: 60%;
    height: 375px;
    float: left;
}

.ctaList {
    width: 36%;
    float: right;
}

    .ctaList .name {
        font-size: 20px;
        border-bottom: 1px solid #fff;
        padding-bottom: 3px;
        margin-bottom: 3px;
        cursor: pointer;
    }

    .ctaList a {
        display: block;
        color: #818181;
        cursor: auto;
    }

    .ctaList .csor {
        cursor: pointer;
    }

    .ctaList a:hover,
    .ctaList a:active {
        color: #DB0000;
    }

    .ctaList .txts {
        display: none;
        padding-bottom: 15px;
    }

    .ctaList li.act .name {
        color: #DB0000;
        border-bottom: 1px solid #DB0000;
    }

.ctapanel {
    padding: 60px 0 90px 0;
}
/*cta end*/

/*job*/
.jobt1.ixt .ch {
    letter-spacing: 38px;
    margin-top: 0;
}

.jobt1.ixt .en1 {
    letter-spacing: 4px;
}

.jboList li {
    width: 32.33%;
    margin-left: 1%;
    margin-bottom: 1%;
    float: left;
    transition: 400ms;
    -webkit-transition: 400ms;
}

.jboList {
    margin-left: -1%;
    margin-top: 40px;
}

    .jboList .txts {
        background: #f3f3f3;
        padding: 25px 30px 20px 30px;
    }

        .jboList .txts .line {
            width: 20px;
            height: 4px;
            background: #DB0000;
            margin-bottom: 15px;
        }

.job1 {
    padding: 40px 0 80px 0;
}

.jboList li:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.4);
}

.job2 {
    color: #fff;
}

    .job2 a:link,
    .job2 a:visited {
        color: #fff;
    }

    .job2 a:active,
    .job2 a:hover {
        color: #DB0000;
    }

.jobt2 .bodr {
    border-color: #fff;
}

.jobt2.ixt .en2,
.jobt2.ixt,
.jobt2.ixt .en1 {
    color: #fff;
}

    .jobt2.ixt .en2 {
        letter-spacing: -6px;
    }

    .jobt2.ixt .ch {
        letter-spacing: 38px;
        margin-top: 0;
    }

    .jobt2.ixt .en1 {
        letter-spacing: 3px;
    }

.jobtxts .freeTx {
    font-size: 16px;
    line-height: 2.1;
    margin-top: 28px;
}

.jobtxts {
    margin-bottom: 110px;
}

.job2 .fixbg {
    padding: 98px 0 0 0;
}

.looking {
    background: url(../Images/black.png);
    background: rgba(0,0,0,.2);
    padding: 45px 0;
}

    .looking .ti {
        font-size: 20px;
        font-weight: bold;
    }

    .looking .freeTx {
        font-size: 16px;
        margin-top: 10px;
    }

.jobt3.ixt .ch {
    letter-spacing: 13px;
    margin-top: 0;
}

.jobt3.ixt .en1 {
    letter-spacing: 3px;
}

.jobt3 {
    margin-bottom: 20px;
}

.jothtx a:link,
.jothtx a:visited {
    color: #0054ff;
    text-decoration: underline;
}

.jothtx a:active,
.jothtx a:hover {
    color: #DB0000;
}

.jothtx {
    text-align: justify;
}

.jbpocs > li {
    width: 44.5%;
    float: left;
    margin-left: 5.5%;
}

.jbpocs {
    margin-left: -5.5%;
    margin-top: 55px;
    margin-bottom: 45px;
}

    .jbpocs .name {
        font-size: 18px;
        font-weight: bold;
        color: #575757;
        margin-bottom: 35px;
    }

.pocs {
    border-top: 3px solid #a7a7a7;
    border-left: 3px solid #a7a7a7;
}

    .pocs li {
        width: 33.33%;
        height: 158px;
        text-align: center;
        position: relative;
    }

    .pocs .t li {
        float: left;
    }

    .pocs .b li {
        float: right;
    }

    .pocs .bodr {
        border: 3px solid #a7a7a7;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        border-top: none;
        border-left: none;
        z-index: 1;
    }

    .pocs .ti {
        font-size: 18px;
    }

    .pocs .ti2 {
        color: #919191;
    }

    .pocs .txx {
        font-size: 12px;
    }

    .pocs .aw {
        position: absolute;
        z-index: 9;
        transition: 0ms;
        -webkit-transition: 0ms;
        z-index: 3;
    }

    .pocs .aw1 {
        width: 18px;
        height: 25px;
        background-image: url(../Images/rr-jbaw1.png);
        top: 50%;
        margin-top: -12px;
        right: -14px;
        background-position: right center;
    }

    .pocs .aw2 {
        width: 25px;
        height: 18px;
        left: 50%;
        margin-left: -12px;
        bottom: -14px;
        background-position: center bottom;
        background-image: url(../Images/rr-jbaw3.png);
    }

    .pocs .aw3 {
        width: 18px;
        height: 25px;
        background-image: url(../Images/rr-jbaw2.png);
        top: 50%;
        margin-top: -12px;
        left: -17px;
        background-position: left center;
    }

    .pocs .bg {
        background-color: transparent;
        transition: 0ms;
        -webkit-transition: 0ms;
        z-index: 2;
    }

    .pocs .bg1 {
        top: -3px;
        left: -3px;
    }

    .pocs .bg2 {
        top: -3px;
    }

    .pocs .bg3 {
        left: -3px;
    }

    .pocs .bg4 {
        left: -3px;
        right: 3px;
    }

    .pocs li:hover .bg {
        background: #DB0000;
    }

    .pocs .txb {
        padding-top: 57px;
        position: relative;
        z-index: 4;
    }

    .pocs li:hover .txb,
    .pocs li:hover .ti {
        color: #fff;
    }

    .pocs li:hover .aw1 {
        background-position: left center;
    }

    .pocs li:hover .aw2 {
        background-position: center top;
    }

    .pocs li:hover .aw3 {
        background-position: right center;
    }

.job3 {
    padding: 65px 0;
}

.job4 {
    background: #f3f3f3;
    padding: 50px 0 35px 0;
}

.jothtx > li {
    width: 45%;
    margin-left: 10%;
    float: left;
}

    .jothtx > li:first-child {
        margin-left: 0;
    }

.jbname {
    font-size: 18px;
    font-weight: bold;
}

.job4 .jbname {
    margin-bottom: 20px;
}

.jobList a {
    display: block;
    color: #8c8c8c;
    width: 28.33%;
    margin-left: 5%;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    float: left;
}

.jobList {
    margin-left: -5%;
    margin-top: 65px;
}

    .jobList .bodr {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #DB0000;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 0;
        display: none\9;
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .jobList .ti {
        font-size: 26px;
        color: #505050;
        margin-bottom: 7px;
    }

    .jobList .num {
        font-size: 16px;
        margin-top: 50px;
    }

    .jobList .txts {
        border: 1px solid #dedede;
        padding-top: 35px;
        height: 170px;
        position: relative;
    }

    .jobList a:hover .bodr {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        display: block\9;
    }

    .jobList a:hover .txts,
    .jobList a:hover .ti {
        color: #fff;
    }
/*job end*/

/*mem*/
.memBanner {
    position: relative;
    overflow: hidden;
}

.menbaSlide {
    height: 100%;
    overflow: hidden;
}

.memBanner .pic {
    position: absolute;
    top: 0;
    right: 0;
}

    .memBanner .pic img {
        opacity: 1;
        transition: transform 5s, opacity 2s;
        -webkit-transition: transform 5s, opacity 2s;
    }

    .memBanner .pic.imgIn img {
        opacity: 1;
        transform: matrix(1.1, 0, 0, 1.1, 0, 0);
        -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    }

.memBanner .bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px;
    height: 8px;
    padding: 2px;
    background: none;
    border-radius: 100%;
}

.memBanner .bx-wrapper .bx-pager.bx-default-pager i {
    width: 6px;
    height: 6px;
    border: 1px solid #DB0000;
    border-radius: 100%;
    display: block;
}

.memBanner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.memBanner .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #DB0000;
}

.memBanner .bx-wrapper .bx-pager {
    bottom: 30px;
    z-index: 99;
}

.membatxts {
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    top: 30%;
    text-align: center;
    color: #000;
}

    .membatxts .aen {
        font-size: 65px;
    }

    .membatxts .ch {
        font-size: 50px;
        margin-top: 8px;
    }

.memtxts {
    position: relative;
    padding-left: 210px;
}

    .memtxts ul li {
        width: 45%;
        margin-left: 5%;
        float: left;
        font-size: 15px;
    }

    .memtxts ul {
        margin-left: -5%;
    }

.memLogo {
    display: block;
    width: 164px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -61px;
}

.mem1 {
    padding: 70px 0;
}

.mem2 {
    background: #eee;
    padding: 50px 4% 58px 4%;
}

.memList a {
    display: block;
    color: #888888;
}

.memList .date {
    color: #5b5b5b;
}

.memList .ti {
    font-size: 20px;
    color: #363636;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.memList .tx {
    height: 50px;
    margin-top: 8px;
}

.memList .more {
    color: #DB0000;
    margin-top: 15px;
}

.memList .item {
    width: 23%;
    margin: 0 1%;
    float: left;
}

.memList .bodr {
    padding: 15px;
    transition: 400ms;
    -webkit-transition: 400ms;
}

.memList .txts {
    padding: 15px 0 25px 0;
}

.memList a:hover .bodr {
    background: #DB0000;
}

.memList a:hover .txts,
.memList a:hover .txts .date,
.memList a:hover .txts .ti,
.memList a:hover .txts .more {
    color: #fff;
}
/*mem end*/
#top {
    width: 49px;
    height: 49px;
    position: fixed;
    bottom: 25px;
    right: 25px;
    border-radius: 100%;
    background: #DB0000;
    z-index: 1000;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    opacity: 0;
    display: none\9;
}

    #top.show {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1;
        display: block\9;
    }

    #top .ico {
        background-image: url(../Images/rr-top.png);
        animation: arrow-up 2s linear infinite running;
        -webkit-animation: arrow-up 2s linear infinite running;
    }

    #top:hover {
        background: rgba(255,0,0,.5);
    }

    #top.hide {
        display: none !important;
    }

.nav li > a.actvie {
    color: #fff;
    background: #DB0000;
}
.pager{
	margin-top:40px;
	}	
.pager a{
	width:30px;
	height:30px;
	border:1px solid #dfdfdf;
	line-height:30px;
	text-align:center;
	margin:0 2px;
	color:#848484;
	font-size:15px;
	}
.pager .arrow{
	font-family:"宋体";
	color:#dadada;
	}
.pager a:hover{
	background:#DB0000;
	border-color:#DB0000;
	color:#fff;
	}
.pager a.act{
	border-color:#DB0000;
	color:#DB0000;
	background:none;
	}

@media(max-width:1000px) {
.banner2{ height:250px;margin-bottom: 100px;}}