@charset "utf-8";
/* CSS Document */
/* fixed */
html, body {
    font: 14px/1.8 "微软雅黑";
    color: #686868;
    /*overflow-x:hidden;*/
}

.pw {
    width: 1100px;
    margin: 0 auto;
}

.pw2 {
    width: 1010px;
    margin: 0 auto;
}

@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/myriadpro-regular_1.eot');
    src: local('☺'), url('../fonts/myriadpro-regular.woff') format('woff'), url('../fonts/myriadpro-regular_1.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_1.eot');
    src: url('../fonts/myriadprosemibold_1.eot') format('embedded-opentype'), url('../fonts/myriadprosemibold.woff2') format('woff2'), url('../fonts/myriadprosemibold_1.woff') format('woff'), url('../fonts/myriadprosemibold_1.ttf') format('truetype'), url('../fonts/myriadprosemibold.svg#myriadprosemibold') format('svg');
}

@font-face {
    font-family: 'MyriadPro-SemiCn';
    src: url('../fonts/myriadpro-semicn_1_1.eot');
    src: local('☺'), url('../fonts/myriadpro-semicn_1.woff') format('woff'), url('../fonts/myriadpro-semicn_1_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;
}









.mtop {
    height: 93px;
}

.banner .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_1.png) no-repeat center center;
    cursor: pointer;
}

    .mouse .ico {
        width: 6px;
        height: 6px;
        background-image: url(../images/mouse2_1.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 #ff0000;
    }

.search-btn {
    width: 25px;
    height: 25px;
    background: url(../images/rr-search_1.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: 300px;
    position: relative;
    display: block;
    color: #686868;
}

    .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: #ff0000;
    position: absolute;
    transition: 400ms;
    -webkit-transition: 400ms;
}

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

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

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

.ixt .line4,
.culList .line4 {
    height: 0;
    width: 3px;
    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_1.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: #ff0000;
    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_1.png);
}

.ix-pro-next .ico {
    background-image: url(../images/rr-ixpronext_1.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: 230px;
}

.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: #686868;
}

.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: 1.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_1.png);
        background: rgba(0,0,0,.3);
        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: #ff0000;
}

.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_1.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_1.png) no-repeat;
        }

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

        .share .sb .more {
            background: url(../images/share2_1.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_1.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_1.png);
        }

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

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

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

    .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);
}



   
   

   
.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 #ff0000;
        }

    .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: #ff0000;
        }

.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_1.png);
}

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

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

    .tools a:hover .ico {
        background-position: center bottom;
    }

.tools {
    float: right;
}
/*menuBox*/

   

    

    

      

.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: #686868;
    padding-left: 15px;
    padding-right: 40px;
}

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



    

/*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_1.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: #ff0000;
}

.ptop {
    width: 25px;
    height: 25px;
    background: url(../images/rr-pvaw_1.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_1.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: #ff0000;
    }

    .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: #ff0000;
    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: #ff0000;
    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 #dadada;
        width: auto;
    }

    .honorList .cover {
        background: url(../images/black_1.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: #ff0000;
        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_1.png) no-repeat left center;
    left: -168px;
}

.honor .slick-next {
    background: url(../images/rr-honornext_1.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_1.png);
    position: absolute;
    top: 25px;
    left: -15px;
}

.hisList .line {
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background: #ff0000;
    position: absolute;
    top: 24px;
    left: -66px;
}

.hisDome .wline {
    width: 1px;
    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_1.png) no-repeat center center;
    background-color: #f3f3f3;
}

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

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

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

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

.hisb {
    height: 484px;
    width:900px;
    padding-left: 120px;
    overflow: hidden;
    cursor: url("../images/mouse.ico"), default;
}
/*add style*/
.imgShowBox {
    background: url(../images/black_1.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_1.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_1.png) no-repeat scroll left top;
    left: 2%;
}

.imgShowDemo .slick-next {
    background: url(../images/img_btn2_1.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: #ff0000;
    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_1.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: #686868;
        }

    .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: #ff0000;
        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;
    }



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

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

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



.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: #ff0000 !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_1.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: #ff0000;
    }

.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: #ff0000;
    }

.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_1.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: 10px 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_1.png) no-repeat 15px 20px;
}

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

.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: #ff0000;
    padding: 14px 0;
}

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

    .down:hover {
        background: #ff0000;
        border-color: #ff0000;
        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:#ff0000;
	}*/
    .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_1.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_1.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: #ff0000;
        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: #ff0000;
    }

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

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

.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: #ff0000;
            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: #ff0000;
    }

.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_1.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: #ff0000;
}

.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_1.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_1.png);
    }

    .pocs .aw3 {
        width: 18px;
        height: 25px;
        background-image: url(../images/rr-jbaw2_1.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: #ff0000;
    }

    .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: #ff0000;
        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 #ff0000;
    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: #ff0000;
}

.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: #ff0000;
    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: #ff0000;
}

.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: #ff0000;
    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_1.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;
    }


.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:#ff0000;
	border-color:#ff0000;
	color:#fff;
	}
.pager a.act{
	border-color:#ff0000;
	color:#ff0000;
	background:none;
	}