@charset "utf-8";

/* CSS Document */

html,
body {
    font: 14px/1.8 "思源黑体 CN Light";
    color: #646464;
}

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

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

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

.banner a:active,
.banner a:hover {
    color: #fff;
}

.banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #ddd;
}

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

.banner .pic {
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.banner .pic .pimg {
    width: 100%;
    display: block;
    opacity: 1;
    transition: transform 5s ease 0s, opacity 2s ease 0s;
}

.banner .imgIn .pimg {
    opacity: 1;
    transform: matrix(1.1, 0, 0, 1.1, 0, 0);
}

.bannerText {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    color: #fff;
}

.bannerText .tx1 {
    max-width: 100%;
    margin: 0 auto;
}

.bannerText .tx2 {
    text-align: center;
    margin-top: 35px;
}

.amore {
    display: block;
    color: #fff;
    width: 100px;
    height: 37px;
    position: relative;
    margin: 0 auto;
}

.amore .ambor {
    border: 1px solid #fff;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.amore span {
    display: block;
    position: absolute;
    background: #b42c2c;
}

.aline_1 {
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    transition: 150ms;
    -webkit-transition: 150ms;
}

.aline_2 {
    width: 2px;
    height: 0;
    bottom: 0;
    right: 0;
    transition: 75ms 150ms;
    -webkit-transition: 75ms 150ms;
}

.aline_3 {
    width: 0;
    height: 2px;
    top: 0;
    right: 0;
    transition: 150ms 250ms;
    -webkit-transition: 150ms 250ms;
}

.aline_4 {
    width: 2px;
    height: 0;
    top: 0;
    left: 0;
    transition: 75ms 400ms;
    -webkit-transition: 75ms 400ms;
}

.banner .amore {
    margin-top: 5.8%;
}

.banner .amore:hover {
    color: #b42c2c;
}

.amore:hover .aline_1,
.amore:hover .aline_3 {
    width: 100%;
}

.amore:hover .aline_2,
.amore:hover .aline_4 {
    height: 100%;
}

.batxhide .tx,
.batxhide .amore {
    transition: 600ms;
    -webkit-transition: 600ms;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transform: translateY(80px);
    -webkit-transform: translateY(80px);
    opacity: 0;
}

.batxhide .tx2 {
    transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
}

.batxhide .amore {
    transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
}

.batxshow .tx,
.batxshow .amore {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}

.banner .bx-wrapper .bx-pager {
    height: 9px;
    bottom: 100px;
    padding-top: 0px;
    position: absolute;
    width: 100%;
    left: 0px;
    z-index: 99;
    text-align: center;
    line-height: 9px;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a {
    height: 9px;
    line-height: 9px;
    width: 9px;
    margin: 0px 9px;
    display: inline-block;
    overflow: hidden;
    background: url(../images/num_21.png) no-repeat scroll center center;
    cursor: pointer;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: url(../images/num_2.png) no-repeat scroll center center;
}

.downSider {
    width: 30px;
    height: 50px;
    background: url(../images/mouse.png) no-repeat center center;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 130px;
    z-index: 99;
    animation: b_jump 1.5s ease-in-out 0.1s alternate infinite;
    -webkit-animation: b_jump 1.5s ease-in-out 0.1s alternate infinite;
    cursor: pointer;
}

@keyframes b_jump {
    from {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }
}

@-webkit-keyframes b_jump {
    from {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }
}

.header {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 0 30px 0 55px;
    z-index: 899;
    height: 82px;
    overflow: hidden;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.3);
}

.header .logo {
    display: block;
    width: 292px;
    float: left;
    margin-top: 18px;
}

.header a {
    color: #323232 !important;
}

.header a:hover,
.header a:active {
    color: #b42c2c;
}

.header .logo img {
    width: 100%;
}

.header .nav {
    float: right;
    margin-top: 26px;
}

.header .nav li {
    float: left;
    margin-left: 30px;
    height: 30px;
    line-height: 30px;
    position: relative;
    overflow: hidden;
}

.header .nav a {
    display: block;
    position: relative;
    height: 60px;
    transition: 300ms;
    -webkit-transition: 300ms;
    top: 0;
}

.header .nav .tx {
    display: block;
    height: 30px;
}

.header .nav .tx_2 {
    color: #b42c2c;
}

.header .nav li:hover a,
.header .nav li.act a {
    top: -30px;
}

.tool {
    float: right;
    margin-top: 26px;
    margin-left: 40px;
}

.tool a {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    background-repeat: no-repeat;
    background-image: url(../images/tool.png);
    overflow: hidden;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.tool .sina {
    background-position: right top;
    margin-left: 10px;
}

.tool .sina:hover {
    background-position: right bottom;
}

.tool .weixin:hover {
    background-position: left bottom;
}

.popUpblack {
    background: url(../images/black.png) repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1010;
    display: none;
}

.popUp {
    width: 220px;
    height: 242px;
    border: 5px solid #b42c2c;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -87px 0 0 -115px;
    z-index: 1004;
}

.popUp .t {
    padding: 0 0 0 10px;
    height: 26px;
    line-height: 26px;
    color: #666;
    font-weight: bold;
    border-bottom: 1px solid #e8e8e8;
    background: #f2f2f2;
}

.popUp .t .close {
    padding: 0 10px 0 0;
    float: right;
    cursor: pointer;
    color: #666;
    font-weight: normal;
}

.popUp .img {
    padding: 20px;
}

.popUp .img img {
    width: 100%;
    height: 100%;
    display: block;
}

.header.pos {
    top: 0;
    bottom: auto;
    position: fixed;
}

.idx_title {
    width: 300px;
    margin: 0 auto;
    margin-bottom: 5%;
}

.idx_title .en {
    width: 100%;
}

.idx_title .en2 {
    display: none;
}

.idx_title:hover .en1 {
    display: none;
}

.idx_title:hover .en2 {
    display: block;
}

.idx_title .ch {
    width: 172px;
    height: 56px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    line-height: 56px;
    font-size: 25px;
    color: #000;
    overflow: hidden;
    margin-top: 10px;
}

.idx_title:hover .ch {
    color: #b42c2c;
}

.idx_line {
    display: block;
    background: #a1a1a1;
    position: absolute;
    transition: 150ms;
    transition-timing-function: linear;
}

.idx_line_1 {
    width: 21px;
    height: 1px;
    right: 50%;
    bottom: 0;
    transition-delay: 300ms;
}

.idx_line_2 {
    width: 21px;
    height: 1px;
    left: 50%;
    bottom: 0;
    transition-delay: 300ms;
}

.idx_line_3 {
    width: 1px;
    height: 0;
    left: 0;
    bottom: 0;
    transition-delay: 150ms;
}

.idx_line_4 {
    width: 1px;
    height: 0;
    right: 0;
    bottom: 0;
    transition-delay: 150ms;
}

.idx_line_5 {
    width: 0;
    height: 1px;
    left: 0;
    top: 0;
    transition-delay: 0ms;
}

.idx_line_6 {
    width: 0;
    height: 1px;
    right: 0;
    top: 0;
    transition-delay: 0ms;
}

.idx_title:hover .idx_line {
    background: #b42c2c;
}

.idx_title:hover .idx_line_1,
.idx_title:hover .idx_line_2 {
    width: 100%;
    transition-delay: 0ms;
}

.idx_title:hover .idx_line_3,
.idx_title:hover .idx_line_4 {
    height: 100%;
    transition-delay: 150ms;
}

.idx_title:hover .idx_line_5,
.idx_title:hover .idx_line_6 {
    width: 50%;
    transition-delay: 300ms;
}

.idx_pros {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.idx_pros a {
    display: block;
    width: 300px;
    height: 200px;
    margin-right: 20px;
    margin-bottom: 25px;
    float: left;
    color: #646464;
    border: 1px solid #eee;
    position: relative;
    border-right: 0;
    border-bottom: 0;
    overflow: hidden;
}

.idx_pros .ico,
.idx_pros .txts {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
}

.idx_pros .ico {
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    transition: left 500ms;
    -webkit-transition: left 500ms;
    width: 40%;
}

.idx_pros .idxp11 .ico {
    background-image: url(../images/img/project-ico1.png);
}

.idx_pros .idxp11:hover .ico {
    background-image: url(../images/img/project-ico1.png);
}

.idx_pros .idxp21 .ico {
    background-image: url(../images/img/project-ico2.png);
}

.idx_pros .idxp12 .ico {
    background-image: url(../images/img/project-ico3.png);
}

.idx_pros .idxp12:hover .ico {
    background-image: url(../images/img/project-ico3.png);
}

.idx_pros .idxp22 .ico {
    background-image: url(../images/img/project-ico4.png);
}

.idx_pros .idxp13 .ico {
    background-image: url(../images/img/project-ico5.png);
}

.idx_pros .idxp13:hover .ico {
    background-image: url(../images/img/project-ico5.png);
}

.idx_pros .idxp23 .ico {
    background-image: url(../images/img/project-ico6.png);
}

.idx_pros .txts {
    left: 40%;
    padding-right: 20%;
    transition: 500ms;
    -webkit-transition: 500ms;
    top: 10%;
    width: 60%;
}

.idx_pros .txts .ch {
    width: 65%;
    font-size: 18px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 3px;
    margin-top: 45px;
}

.idx_pros .idxp1 .txts .ch {
    color: #323232;
}

.idx_pros .txts .en {
    font-size: 12px;
    margin-top: 2px;
    word-wrap: break-word;
}

.idx_pros .pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.idx_pros .pic img {
    width: 100%;
}

.idx_pros .idxp2 {
    color: #fff;
}

.idx_pros .idxp2 .txts .ch {
    border-color: #fff;
}

.idx_pros .cover {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    overflow: visible;
    border: 0 solid #b42c2c;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.idx_pros a:hover .cover {
    opacity: 1;
    border: 150px solid #b42c2c;
}

.idx_pros a:hover .ico {
    left: 60%;
}

.idx_pros a:hover .txts {
    left: 0;
    padding-right: 0;
    padding-left: 15%;
}

.idx_pros .idxp1:hover {
    color: #fff;
}

.idx_pros .idxp1:hover .txts .ch {
    color: #fff;
}


/*.idx_pros .arrow {
    width: 18px;
    height: 18px;
    background: url(../images/wi_arrow.png) no-repeat center center;
    position: absolute;
    bottom: 15px;
    left: 75%;
    transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    opacity: 0;
    display: none\9;
    transition: 500ms;
    -webkit-transition: 500ms;
}*/


/*.idx_pros a:hover .arrow {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}*/

.i2 {
    margin-top: 7%;
}

.idxnews {
    width: 100%;
    height: 540px;
    overflow: hidden;
}

.inw-video {
    width: 50%;
    height: 100%;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
}

#vido_logo {
    display: none;
}

.vico {
    position: absolute;
    width: 69px;
    height: 69px;
    display: block;
    left: 50%;
    top: 50%;
    margin: -34px 0px 0px -34px;
}

.vico .vi1 {
    background: url(../images/video_i2.png) no-repeat scroll center center;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 300ms;
    -webkit-transition: 300ms;
}

.vico .vi2 {
    background: url(../images/video_i1.png) no-repeat scroll center center;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 3;
}

.vico:hover .vi1 {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}

#vido {
    position: relative;
    overflow: hidden;
    height: 100% !important;
    display: block;
}

#vido_display_button {
    background: none no-repeat!important;
}

.inw-txts {
    width: 27.5%;
    height: 100%;
    float: left;
    background: #fff;
}

.inw-txts .bodr {
    border: 1px solid #eeeeee;
    height: 538px;
}

.inw-txts .empty {
    height: 70px;
    position: relative;
}

.inw-txts .year {
    width: 20%;
    float: left;
    position: relative;
    line-height: 52px;
}

.inw-txts .year .line {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #eee;
    width: 1px;
    height: 100%;
}

.inw-txts .txts {
    float: left;
    width: 70%;
    margin-right: 10%;
    line-height: 52px;
}

.inw-txts .empty .year,
.inw-txts .empty .txts {
    height: 100%;
}

.inews .date {
    font-size: 16px;
    color: #000;
    text-align: center;
    font-weight: 600;
}

.inews {
    position: relative;
}

.inews a {
    display: block;
    color: #646464;
    white-space: nowrap;
}

.inews .year a {
    text-align: right;
    padding-right: 20px;
    position: relative;
}

.inews .txts {
    padding-top: 52px;
}

.inews .txts a {
    padding-left: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.inw-txts .l_line {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 1px;
    background: #eee;
}

.inw-txts .s_line {
    width: 11px;
    height: 1px;
    position: absolute;
    top: 50%;
    display: block;
    background: #eee;
    right: -5px;
}

.inw-pic {
    width: 22.5%;
    float: left;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.inw-pic ul {
    width: 100%;
    height: 100%;
}

.inw-pic ul li {
    width: 100%;
    height: 100%;
}

.jwplayer.aspectMode {
    height: 100% !important;
}

.jwplayer .jwicon {
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: pointer;
    background: url(../images/video_i1.png) no-repeat!important;
    width: 69px!important;
    height: 69px!important;
    transform: rotate(0deg) !important;
}

.jwplayer .jwicon:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.jwlogo,
.jwclick {
    display: none!important;
}

.inw-pic .owl-theme .owl-controls .owl-page {
    display: block;
}

.inw-pic .owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 4px;
    margin: 5px 0;
    background: #fff;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.inw-pic .owl-theme .owl-controls {
    position: absolute;
    top: 60px;
    left: 20px;
}

.inw-pic .owl-theme .owl-controls .owl-page.active span {
    width: 22px;
}

.i3 {
    margin-top: 6.5%;
}

.works a {
    display: block;
    color: #969696;
    float: left;
    width: 25%;
}

.works .pic {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.works .pic img {
    width: 100%;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.works .bodr {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #b42b2b;
    transition: 300ms;
    -webkit-transition: 300ms;
    opacity: 0;
    display: none\9;
}

.works .title {
    padding: 40px 0;
    padding-left: 30px;
    position: relative;
    transition: background 300ms;
    -webkit-transition: background 300ms;
}

.works .title .ch {
    font-size: 16px;
    font-family: "宋体";
    white-space: nowrap;
    overflow: hidden;
}

.works .title .en {
    color: #e6e6e6;
}

.works .title .line {
    display: block;
    background: #fff;
    position: absolute;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.works .title .line_1 {
    width: 24px;
    height: 1px;
    top: 50%;
    right: 30px;
    margin-top: -1px;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
}

.works .title .line_2 {
    width: 1px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    right: 42px;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
}

.works a:hover .bodr {
    opacity: 1;
    display: block\9;
}

.works a:hover .pic img {
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
}

.works a:hover .title {
    background: #b42b2b;
}

.works a:hover .title .ch {
    color: #fff;
}

.works a:hover .title .en {
    color: #fff;
}

.works a:hover .title .line {
    transform: translate(0);
    -webkit-transform: translate(0);
}

.fo-logo {
    float: left;
    width: 200px;
}

.fo-logo img {
    width: 100%;
}

.fo-cta {
    float: left;
    margin-left: 15.5%;
}

.fo-cta p strong {
    font-weight: normal;
    color: #b42b2b;
    text-transform: uppercase;
}

.fo-tool {
    float: right;
    text-align: right;
    font-size: 0;
}

.footer a {
    color: white;
}

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

.fo-tool a,
.fo-tool p {
    font-size: 12px;
}

.fo-tool .wxs {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-bottom: 17px;
}

.fo-tool .wxs a {
    width: 40px;
    height: 30px;
    float: left;
    background: #eeeeee;
}

.fo-tool .wxs .ico {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/ftool.png) no-repeat left top;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.fo-tool .wxs .sina .ico {
    background-position: right top;
}

.fo-tool .wxs a:hover {
    background: #b42b2b;
}

.fo-tool .wxs .weixin:hover .ico {
    background-position: left bottom;
}

.fo-tool .wxs .sina:hover .ico {
    background-position: right bottom;
}

.foTop {
    padding-top: 7.5%;
}

.fo-nav {
    float: right;
    margin-top: 9.5%;
}

.fo-nav li {
    float: left;
}

.fo-nav strong {
    font-weight: normal;
    color: #c9c9c9;
    margin: 0 15px;
}

.foBg {
    width: 100%;
    height: 29px;
    background: url(../images/fbbg.jpg);
}

.fo-map {
    margin-top: 20px;
}

.fo-map .openmap {
    background: #ba251e;
    color: #fff;
    line-height: 20px;
    padding: 4px 0 6px 0;
    cursor: pointer;
}

.fo-map .openmap .arrow {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/openmap.png) no-repeat center center;
    animation: omap 1.5s linear alternate infinite;
    -webkit-animation: omap 1.5s linear alternate infinite;
    float: left;
}

@keyframes omap {
    from {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    to {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
    }
}

@-webkit-keyframes omap {
    from {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    to {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
    }
}

.fo-map .openmap .ch {
    font-size: 16px;
    float: left;
    margin-left: 20px;
}

.fo-map .openmap .en {
    text-transform: uppercase;
    float: left;
    margin-left: 35px;
}

.indexpanel {
    padding: 60px 0 6% 0;
}

#fomap {
    width: 100%;
    overflow: hidden;
    display: none;
}

#fomap img {
    width: 100%;
}


/* menuBox */

.menu-handler {
    width: 58px;
    height: 58px;
    cursor: pointer;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    margin-left: 15px;
    z-index: 901;
}

.menu-handler .burger {
    width: 24px;
    height: 2px;
    background: #000;
    display: block;
    position: absolute;
    z-index: 5;
    top: 20px;
    left: 50%;
    margin: 0px 0px 0px -12px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
}

.menu-handler .burger-2 {
    top: 27px;
}

.menu-handler .burger-3 {
    top: 35px;
}

.csstransforms .menu-handler.active .burger-1 {
    top: 27px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.csstransforms .menu-handler.active .burger-2 {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.csstransforms .menu-handler.active .burger-3 {
    top: 27px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.csstransforms .trans,
.csstransforms .trans:hover {
    -webkit-transition: all 277ms ease-in-out;
    -moz-transition: all 277ms ease-in-out;
    -o-transition: all 277ms ease-in-out;
    transition: all 277ms ease-in-out;
    -ms-transition: all 277ms ease-in-out;
}

.csstransforms .trans-fast,
.csstransforms .trans-fast:hover {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
}

.no-csstransforms .menu-handler.active .burger-1,
.no-csstransforms .menu-handler.active .burger-2,
.no-csstransforms .menu-handler.active .burger-3 {
    display: none;
}

.no-csstransforms .menu-handler.active {
    background: url(../images/mob_close.png) no-repeat scroll center center;
}

.menuBox {
    position: fixed;
    left: 0px;
    top: -100%;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 900;
    background-color: #f6f7f7;
}

.menuBoxShow {
    right: 0px;
}


/* .menuclose {} */

.navMobile {
    padding: 10% 0px 50px;
}

.navMobile dd {
    display: block;
    width: 100%;
    text-align: center;
}

.navMobile dd p {
    width: 200px;
    margin: 0 auto;
}

.navMobile dd p a {
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
}

.navMobile dd a {
    display: block;
    padding: 12px 0px;
    line-height: 1.4;
    font-size: 14px;
    color: #646464;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.navMobile dd span {
    display: block;
    position: absolute;
    top: 50%;
    background: #000;
    width: 0;
    height: 1px;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.navMobile dd .line_1 {
    left: 0;
}

.navMobile dd .line_2 {
    right: 0;
}

.navMobile dd a:hover,
.navMobile dd p a.cur {
    color: #bc3e3e;
}

.navMobile dd a:active {
    color: #bc3e3e;
}

.navMobile dd a:hover span,
.navMobile dd p a.cur span {
    width: 40px;
}

.mlogo {
    width: 175px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

.mlogo img {
    width: 100%;
}

.menuBox .tool {
    float: none;
    text-align: center;
    font-size: 0;
    margin: 0;
}

.tool a {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


/* menuBox end */

.banner .owl-theme .owl-controls {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 0;
    bottom: 30px;
}

.banner .owl-theme .owl-controls .owl-page span {
    margin: 0 5px;
    background: #fff;
    vertical-align: middle;
}

.banner .owl-theme .owl-controls .owl-page.active span {
    background: #b42b2b;
}

.banner .mtx {
    display: none;
}

.inw-txts .txts a:hover {
    color: #d12a2a;
}

.pheader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 889;
}

.mtop {
    height: 82px;
}

.pbanner {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.pbanner .vt {
    width: 100%;
    display: block;
}

.pbanner .pbatxbox {
    width: 1100px;
    position: absolute;
    left: 50%;
    margin-left: -550px;
    bottom: 50px;
}

.pnav {
    background: #e5e5e5;
    position: relative;
}

.pnav a {
    color: #fff;
    display: block;
}

.pnav a:hover,
.pnav a:active,
.pnav .cnav a {
    color: #646464;
}

.pnav li {
    float: left;
    width: 16.6666%;
    *width: 16.6%;
    background: #cfa972;
    line-height: 43px;
    text-align: center;
    position: relative;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.pnav li:hover,
.pnav .cnav {
    background: #fff;
}

.pnav li .line {
    display: block;
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.ab_title .en {
    font-size: 40px;
    line-height: 0.9;
    color: #e6e6e6;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.ab_title .en strong {
    display: block;
    color: #b4b4b4;
    letter-spacing: 0;
}

.ab_title .ch {
    font-size: 25px;
    color: #000;
    margin-top: 10px;
}

.ab_title .line {
    display: block;
    width: 42px;
    height: 1px;
    background: #a1a1a1;
    margin-top: 8px;
}

.ab1 .txts,
.ab2 .txtsBox {
    width: 65%;
    float: right;
    margin-top: 40px;
}

.ab1 .txts p {
    width: 47%;
    float: left;
    margin-left: 6%;
    text-align: justify;
}

.ab1 .txts p:first-child {
    margin-left: 0;
}

.ab .pic {
    width: 100%;
    overflow: hidden;
}

.ab .pic img {
    width: 100%;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.ab .pic:hover img {
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
}

.ab1 .pic {
    margin-top: 60px;
}

.ab {
    padding-bottom: 6.5%;
    padding-top: 55px
}

.ab2 {
    background: #eeeeee;
}

.ab2 .txtsBox .txts {
    float: left;
    width: 47%;
}

.ab2 .txtsBox .txts p {
    text-align: justify;
}

.ab2 .txtsBox .pics {
    float: left;
    width: 47%;
    margin-left: 6%;
}

.ab2 .txtsBox .pics .pic {
    margin-bottom: 25px;
}

.ab_teams {
    margin-top: 7%;
}

.ab_teams .team {
    width: 22%;
    margin-left: 4%;
    float: left;
    position: relative;
    overflow: hidden;
}

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

.ab_teams .team .txts {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ba251e;
    color: #fff;
    top: 95%;
    transition: 500ms;
    -webkit-transition: 500ms;
}

.ab_teams .team:hover .txts {
    background: url(../images/abbg.png);
    top: 0;
}

.ab_teams .team .pad {
    padding: 45px 5% 0 5%;
}

.ab_teams .title p {
    width: 50%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
}

.ab_teams .title .job {
    text-align: right;
}

.ab_teams .title .name {
    font-size: 18px;
}

.ab_teams .title {
    border-bottom: 1px solid #fff;
}

.ab_teams .team .tx {
    text-align: justify;
    padding-top: 32px;
    line-height: 25px;
    height: 120px;
    overflow: hidden;
}

.ab_teams .team .line {
    height: 1px;
    width: 90%;
    background: #fff;
    position: absolute;
    left: 5%;
    bottom: 20px;
}

.ab_teams .owl-theme .owl-controls .owl-page span,
.jo_teams .owl-theme .owl-controls .owl-page span {
    border: 2px solid #fff;
    background: #ba251e;
    margin: 0px 4px;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.ab_teams .owl-theme .owl-controls .owl-page.active span,
.jo_teams .owl-theme .owl-controls .owl-page.active span {
    background: #fff;
    border: 2px solid #ba251e;
}

.owl-theme .owl-controls .owl-page {
    vertical-align: middle;
}

.owl-theme .owl-controls .owl-pagination {
    font-size: 0;
}

.ab_teams .owl-theme .owl-controls,
.jo_teams .owl-theme .owl-controls {
    margin-top: 8%;
}

.ab4 {
    background: #f4f4f4;
}

.abpic {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 10%;
}

.historyDemo {
    width: 688px;
    margin: 0 auto;
    position: relative;
    margin-top: 25px;
}

.historyDemo ul {
    width: 100%;
}

.historyDemo li {
    min-height: 770px;
}

.historyDemo .arrow {
    width: 38px;
    height: 38px;
    background: #ba251e;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
    z-index: 1;
}

.historyDemo .arrow .ico {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/his-arrow.png) no-repeat center top;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.historyDemo .arrow:hover .ico {
    background-position: center bottom;
}

.hisCell {
    width: 100%;
    position: relative;
}

.hisR {
    width: 45%;
    padding-left: 5%;
    float: right;
    position: relative;
    height: 115px;
}

.hisL {
    width: 45%;
    float: left;
    padding-right: 5%;
    position: relative;
    height: 115px;
}

.hisCell .txts {
    width: 268px;
    border: 1px solid #e5e5e5;
    padding: 10px 20px 25px 20px;
    position: relative;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.hisCell .txts .date {
    font-size: 18px;
    color: #323232;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
    position: relative;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.hisCell .txts .date .line {
    display: block;
    width: 20px;
    height: 7px;
    background: #a0a0a0;
    position: absolute;
    left: 5px;
    bottom: -4px;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.hisCell .txts .tx {
    text-align: justify;
    padding-top: 15px;
    line-height: 25px;
    min-height: 50px;
    max-height: 100px;
    overflow: hidden;
}

.hisCell .dot {
    width: 9px;
    height: 9px;
    display: block;
    position: absolute;
    top: 47px;
    background: #a0a0a0;
    border-radius: 100%;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.hisL .dot {
    right: -5px;
}

.hisR .dot {
    left: -4px;
}

.hisCell .txts .aw {
    display: block;
    width: 10px;
    color: #000;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 42px;
    font-family: "宋体";
}

.hisL .txts .aw {
    right: -18px;
}

.hisR .txts .aw {
    left: -18px;
}

.hisCell .his:hover .txts {
    border-color: #ba251e;
}

.hisCell .his:hover .txts .date {
    color: #ba251e;
    border-color: #ba251e;
}

.hisCell .his:hover .txts .date .line,
.hisCell .his:hover .dot {
    background: #ba251e;
}

.hisCell .his:hover .txts .aw {
    color: #ba251e;
}

.bx-next {
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.historyDemo .l_line {
    width: 1px;
    height: 92%;
    background: #a0a0a0;
    position: absolute;
    left: 50%;
    top: 5%;
}

.hisbo {
    width: 16px;
    height: 16px;
    border: 2px solid #e5e5e5;
    margin: 0 auto;
    border-radius: 100%;
}

.hisbo span {
    display: block;
    width: 10px;
    height: 10px;
    background: #a0a0a0;
    margin: 3px;
    border-radius: 100%;
}

.fixbg {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-attachment: scroll\9;
}

.ab6 {
    position: relative;
}

.ab6 .fixbg {
    position: absolute;
    top: 0;
    left: 0;
}

.ab6 .cover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/black.png);
}

.ab6 .ppw {
    position: relative;
}

.ab6 .ab_title .en,
.ab6 .ab_title .en strong,
.ab6 .ab_title .ch {
    color: #fff;
}

.ab6 .ab_title .line {
    background: #fff;
}

.ab_logos {
    width: 1136px;
    position: relative;
    z-index: 1;
}

.ab_logos a {
    display: block;
    width: 248px;
    margin-right: 36px;
    position: relative;
    overflow: hidden;
    float: left;
    margin-top: 50px;
}

.ab_logos a img {
    width: 100%;
}

.ab_logos .cov {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    border: 0 solid #b42b2b;
    transition: 300ms ease-in-out;
    -webkit-transition: 300ms ease-in-out;
}

.ab_logos a:hover .cov {
    border: 3px solid #b42b2b;
}

.top {
    display: block;
    width: 55px;
    height: 35px;
    position: fixed;
    right: 5%;
    bottom: 80px;
    z-index: 888;
    background: url(../images/top.png) no-repeat center center;
    transition: 500ms;
    -webkit-transition: 500ms;
}

.top.tophide {
    transform: translateY(60px);
    -webkit-transform: translateY(60px);
    opacity: 0;
    display: none\9;
}

.aboutpanel {
    padding-top: 4%;
}

.cpnav {
    display: none;
    width: 100%;
    color: #FFF;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    background: #CFA972;
    cursor: pointer;
}

.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 10px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.nwnav li {
    width: 50%;
}

.nw-news {
    width: 1190px;
    position: relative;
}

.nw-news a {
    display: block;
    color: #646464;
    float: left;
    width: 505px;
    margin-right: 90px;
    position: relative;
    overflow: hidden;
    margin-bottom: 65px;
}

.nw-news .pic {
    width: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.nw-news .pic img {
    width: 100%;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.nw-news a:hover .pic img {
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
}

.nw-news .txts_1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/nwbg.png);
    color: #e6e6e6;
    padding: 10px 5%;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.nw-news .txts_1 .date {
    width: 25%;
    float: left;
}

.nw-news .txts_1 .tx {
    width: 75%;
    float: left;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.nw-news a:hover .txts_1 {
    bottom: -100%;
    opacity: 0;
}

.nw-news .txts_2 {
    position: absolute;
    width: 55%;
    height: 90%;
    top: 5%;
    left: 5%;
    background: url(../images/abbg.png);
    color: #e6e6e6;
    padding: 0 10% 0 25%;
    overflow: hidden;
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0;
    display: none\9;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.nw-news .txts_2 .date {
    position: absolute;
    bottom: 15px;
    left: 5%;
}

.nw-news .txts_2 .date strong {
    font-weight: normal;
    display: block;
    font-size: 25px;
    line-height: 1;
}

.nw-news .txts_2 .ti {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 10px;
}

.nw-news .txts_2 .tx {
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    padding-top: 5px;
    text-align: justify;
}

.nw-news .txts_2 .line {
    width: 60%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 23px;
}

.nw-news .txts_2 .arrow {
    width: 12%;
    height: 10px;
    background: url(../images/nw-arrow.png) no-repeat left center;
    position: absolute;
    right: 0;
    bottom: 19px;
}

.nw-news a:hover .txts_2 {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    display: block\9;
}

.newspanel {
    padding: 7.8% 0 5% 0;
}

.pager {
    text-align: center;
    font-size: 0;
    margin-top: 5%;
}

.pager span {
    display: inline-block;
    vertical-align: middle;
    *display: block;
    *zoom: 1;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    background: #ba251e;
    margin: 0 3px;
    border-radius: 100%;
    transition: 300ms;
    -webkit-transition: 300ms;
    cursor: pointer;
}

.pager span:hover,
.pager span.active {
    border: 1px solid #ba251e;
    background: #fff;
}

.nd-title {
    width: 100%;
    color: #fff;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding: 55px 0 45px 0;
}

.nd-title .ti {
    font-size: 22px;
    line-height: 1.6;
}

.nd-title .mass {
    margin-top: 20px;
}

.ndtxtsBox {
    width: 720px;
    margin: 0 auto;
}

.nd-txts {
    width: 640px;
    margin: 0 auto;
    padding: 11.5% 0 12.5% 0;
}

.nd-txts p {
    text-align: justify;
}

.nd-txts img {
    max-width: 100%;
    margin: 0 auto;
}

.swnd a {
    width: 50%;
    color: #646464;
    float: left;
    font-size: 12px;
    line-height: 28px;
    display: block;
}

.swnd a strong {
    font-weight: normal;
    font-size: 14px;
    display: block;
}

.ndnext {
    text-align: right;
}

.swnd {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 13px;
}

.swnd a:hover {
    color: #b42b2b;
}

.share {
    margin-top: 10px;
}

.share a {
    width: 35px;
    height: 35px;
    float: left;
    display: block;
    background: url(../images/share.png) no-repeat;
    margin-right: 8px;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.share .wxin {
    background-position: center top;
}

.share .qq {
    background-position: right top;
}

.share .sina:hover {
    background-position: left bottom;
}

.share .wxin:hover {
    background-position: center bottom;
}

.share .qq:hover {
    background-position: right bottom;
}

.backList {
    display: block;
    height: 44px;
    width: 122px;
    margin: 0 auto;
    text-align: center;
    line-height: 44px;
    overflow: hidden;
    color: #646464;
    position: relative;
    letter-spacing: 0px;
    transition: 300ms;
    -webkit-transition: 300ms;
    margin-top: 10.5%;
}

.backList span {
    position: absolute;
    display: block;
    width: 50%;
    height: 1px;
    background: #cccccc;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.backList .line_1 {
    top: 0;
    right: 50%;
}

.backList .line_2 {
    top: 0;
    left: 50%;
}

.backList .line_3 {
    bottom: 0;
    right: 50%;
}

.backList .line_4 {
    bottom: 0;
    left: 50%;
}

.backList:hover {
    color: #b42b2b;
    letter-spacing: 2px;
}

.backList:hover span {
    width: 0;
}

.ndpanel {
    padding-bottom: 5%;
}

.pronav ul {
    text-align: center;
    font-size: 0;
}

.pronav ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    vertical-align: middle;
    width: 16.6666%;
    *width: 16.6%;
}

.pronav ul a {
    display: block;
    color: #646464;
    line-height: 15px;
    text-align: center;
    position: relative;
}

.pronav li .ico {
    display: block;
    width: 100%;
    height: 105px;
    background-repeat: no-repeat;
    background-position: center -12px;
}

.pronav li .ch {
    font-size: 16px;
}

.pronav li .en {
    font-size: 12px;
    letter-spacing: -1px;
    color: #c8c8c8;
}

.pronav li .line {
    width: 90px;
    height: 1px;
    background: #eee;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
}

.pronav a .bg {
    width: 170px;
    height: 170px;
    background: #ba251e;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -85px;
    transition: 300ms;
    -webkit-transition: 300ms;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    opacity: 0;
    display: none\9;
}

.pronav li:hover .bg,
.pronav li.act .bg {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    display: block\9;
}

.pronav li .txts {
    position: relative;
}

.pronav .pnv1 .ico {
    background-image: url(../images/idxIco1.png);
}

.pronav .pnv2 .ico {
    background-image: url(../images/idxIco22.png);
}

.pronav .pnv3 .ico {
    background-image: url(../images/idxIco3.png);
}

.pronav .pnv4 .ico {
    background-image: url(../images/idxIco44.png);
}

.pronav .pnv5 .ico {
    background-image: url(../images/idxIco5.png);
}

.pronav .pnv6 .ico {
    background-image: url(../images/idxIco66.png);
}

.pronav .pnv1:hover .ico,
.pronav .pnv1.act .ico {
    background-image: url(../images/idxIco11.png);
}

.pronav .pnv2:hover .ico,
.pronav .pnv2.act .ico {
    background-image: url(../images/idxIco2.png);
}

.pronav .pnv3:hover .ico,
.pronav .pnv3.act .ico {
    background-image: url(../images/idxIco33.png);
}

.pronav .pnv4:hover .ico,
.pronav .pnv4.act .ico {
    background-image: url(../images/idxIco4.png);
}

.pronav .pnv5:hover .ico,
.pronav .pnv5.act .ico {
    background-image: url(../images/idxIco55.png);
}

.pronav .pnv6:hover .ico,
.pronav .pnv6.act .ico {
    background-image: url(../images/idxIco6.png);
}

.pronav li:hover a,
.pronav li:hover .en,
.pronav li.act a,
.pronav li.act .en {
    color: #fff;
}

.pronav li:hover .line,
.pronav li.act .line {
    background: #fff;
}

.pronav li .arrow {
    width: 100%;
    height: 15px;
    background: url(../images/pro-arrow.png) no-repeat center center;
    margin-top: 125px;
    transition: 300ms;
    -webkit-transition: 300ms;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
}

.pronav li:hover .arrow,
.pronav li.act .arrow {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.pronav {
    padding: 5.5% 0 25px 0;
}

.propanel .ab_title {
    text-align: center;
}

.propanel .ab_title .line {
    margin: 0 auto;
    margin-top: 7px;
}

.ab_title .en {
    color: #b4b4b4;
}

.propanel {
    background: #f5f5f5;
    padding: 60px 0 9% 0;
}

.pro_txts .ti {
    font-size: 18px;
    color: #000;
    background: url(../images/tai.png) no-repeat left center;
    padding-left: 3%;
}

.pro_txts p {
    text-align: justify;
    padding-left: 3%;
}

.pro_txts .txts .tx {
    width: 30%;
    float: left;
}

.pro_txts .txts .pic {
    width: 64%;
    overflow: hidden;
    margin-left: 3%;
    float: left;
}

.pro_txts .pic img {
    transition: 600ms;
    -webkit-transition: 600ms;
    width: 100%;
}

.pro_txts .pic:hover img {
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
}

.pro_txts .txts {
    margin-top: 45px;
    margin-bottom: 7.5%;
}

.pro_txts {
    margin-top: 8%;
}

.prosw_pics li {
    width: 33.3333%;
    float: left;
    width: 33.3%;
    background: #fff;
    position: relative;
    cursor: pointer;
}

.prosw_pics li .bodr {
    padding: 30px 40px 0 40px;
    border: 1px solid #fff;
    transition: 300ms;
    -webkit-transition: 300ms;
    position: relative;
}

.prosw_pics li .pic {
    width: 100%;
    overflow: hidden;
}

.prosw_pics li .pic img {
    width: 100%;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.prosw_pics li .ti {
    color: #1a1a1a;
    text-align: center;
    line-height: 55px;
    white-space: nowrap;
    overflow: hidden;
}

.prosw_pics li:hover .bodr,
.prosw_pics li.act .bodr {
    border: 1px solid #ba251e;
}

.prosw_pics li:hover .pic img,
.prosw_pics li.act .pic img {
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
}

.prosw_pics li .arrow {
    width: 100%;
    height: 25px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    background: url(../images/pro-arrow2.png) no-repeat center bottom;
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    opacity: 0;
    display: none\9;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.prosw_pics li:hover .arrow,
.prosw_pics li.act .arrow {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
    display: block\9;
}

.prosw_pics {
    margin-top: 60px;
}

.prosw_txts {
    margin-top: 90px;
}

.prosw_txts li {
    background: #fff;
    padding: 40px 20% 60px 20%;
}

.prosw_txts li h2 {
    font-size: 24px;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 20px;
}

.prosw_txts li p {
    text-align: justify;
}

.prosw_txts li img {
    max-width: 100%;
}

.pro1 {
    padding: 45px 15% 9% 15%;
    background: #fff;
    margin-top: 50px;
}

.pro1 .ptxts {
    width: 45%;
    margin-left: 10%;
    float: left;
}

.pro1 .ptxts:first-child {
    margin-left: 0;
}

.pro1 .ptxts .pic {
    width: 245px;
    height: 245px;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
}

.pro1 .ptxts .pic img {
    width: 100%;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.pro1 .ptxts:hover .pic img {
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
}

.pro1 .ptxts .ti {
    color: #000;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    padding-top: 15px;
}

.pro1 .ptxts .tx {
    text-align: justify;
    padding-top: 15px;
}

.prot_txts .ti,
.proth_txts .ti {
    font-size: 18px;
    color: #000;
    padding-left: 30px;
    background: url(../images/tai.png) no-repeat left center;
    margin-bottom: 30px;
}

.pro2 {
    background: #ffffff;
    padding-bottom: 8.5%;
}

.prot_txts .txts {
    padding-left: 30px;
}

.prot_txts .txts p {
    text-align: justify;
}

.prot_txts .tx1 {
    width: 30%;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
}

.prot_txts .txts img {
    margin: 0 auto;
    max-width: 100%;
}

.prot_txts .txts .img1 {
    margin-top: 60px;
}

.prot_txts .txts .tx2 {
    border-left: 1px solid #b63030;
    padding-left: 15px;
    margin-top: 8%;
    text-align: justify;
}

.prot_txts .txts .tx2 strong {
    color: #323232;
}

.prot_txts {
    padding-top: 8.5%;
}

.protpanel {
    padding-bottom: 0;
}

.proBox1 {
    padding-bottom: 5.5%;
}

.proth_txts .txtsBox {
    padding-left: 30px;
}

.proth_txts .txts {
    width: 30%;
    float: left;
}

.proth_txts .pic {
    overflow: hidden;
}

.proth_txts .txb1 .pic {
    width: 65%;
    float: right;
}

.proth_txts .pic img {
    width: 100%;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.proth_txts .pic:hover img {
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
}

.proth_txts .txts .ti1 {
    color: #000000;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 10px;
    margin-bottom: 8px;
}

.proth_txts .txts .tx {
    text-align: justify;
}

.proth_txts .txb2 .pic {
    width: 30%;
    float: right;
}

.proth_txts .txb2 .txts {
    margin-left: 5%;
}

.proth_txts .txb2 .txts:first-child {
    margin-left: 0;
}

.proth_txts .txb3 {
    margin-top: 7.5%;
}

.proth_txts .prothL .txts {
    width: 100%;
    float: none;
}

.proth_txts .prothL {
    float: left;
    width: 32%;
}

.proth_txts .prothR {
    float: right;
    width: 63%;
}

.proth_txts .prothL .ti2 {
    margin-top: 10%;
}

.proth_txts {
    margin-top: 8.5%;
}

.proth_txts .prosiL {
    width: 32%;
    float: right;
}

.proth_txts .prosiL .txts {
    width: 100%;
    float: none;
}

.proth_txts .prosiR {
    float: left;
    width: 63%;
}

.worksnav {
    padding-bottom: 125px;
}

.workspanel {
    padding-bottom: 5%;
}

.wk-prev,
.wk-next {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
}

.wk-prev {
    left: 0;
    background: url(../images/wk-prev.png) no-repeat left center;
}

.wk-next {
    right: 0;
    background: url(../images/wk-next.png) no-repeat right center;
}

.wk_pics {
    position: relative;
    width: 100%;
}

.wk_pics li {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.wk_pics li .pic {
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.wk_pics li img {
    width: 100%;
}

.wk_pics .tx {
    text-align: center;
    font-size: 18px;
    color: #1a1a1a;
    padding-top: 10px;
}

.wkswnd a strong {
    border-bottom: 1px solid #eee;
    padding-bottom: 0;
}

.wkswnd {
    border: none;
    margin-top: 10%;
}

.wkswnd a {
    font-size: 14px;
    color: #1a1a1a;
}

.jdTi {
    font-size: 18px;
    color: #1a1a1a;
    text-align: center;
    margin: 20px 0;
}

#jdp {
    width: 865px;
    margin: 0 auto;
}

.jdpanel {
    padding: 5% 0;
}

.jonav li {
    width: 25%;
}

.jo1 .tis {
    width: 228px;
    border: 1px solid #ba251e;
    padding: 23px 0 17px 0;
    float: left;
    margin-left: 6.5%;
}

.jo1 .tis p {
    font-size: 18px;
    color: #000;
    text-align: center;
}

.jo1 .tis .line {
    display: block;
    width: 30px;
    height: 1px;
    background: #1a1a1a;
    margin: 25px auto;
}

.jo1 .tis .arrow {
    width: 100%;
    height: 10px;
    background: url(../images/jo_arrow.png) no-repeat center center;
    display: block;
    animation: omap 1.5s linear alternate infinite;
    -webkit-animation: omap 1.5s linear alternate infinite;
}

.jo1 .tx {
    width: 60%;
    float: right;
    text-align: justify;
}

.jo1 {
    padding: 8.8% 0 6.2% 0;
}

.jot {
    padding-left: 55px;
}

.jot span {
    display: block;
    width: 16%;
    float: left;
    line-height: 47px;
    height: 47px;
    overflow: hidden;
}

.jot span:first-child {
    padding-left: 4%;
}

.jod>span {
    background: #a0a0a0;
    color: #fff;
    cursor: pointer;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.jotxs {
    position: relative;
    margin-bottom: 30px;
}

.jos {
    padding-left: 55px;
    display: none;
}

.jos .bodr {
    border: 1px solid #ba251e;
    padding: 30px 5% 7% 5%;
    border-top: 0;
}

.jos .bodr span {
    display: block;
    border-top: 1px solid #eee;
    padding-top: 25px;
    margin-top: 35px;
}

.jotxs .line {
    background: #e60012;
    display: block;
    position: absolute;
}

.jotxs .line_1 {
    width: 21px;
    height: 1px;
    top: 23px;
    left: 15px;
}

.jotxs .line_2 {
    width: 1px;
    height: 21px;
    top: 13px;
    left: 25px;
}

.jotxs .arrow {
    width: 55px;
    height: 47px;
    position: absolute;
    top: 0;
    left: 0;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.jotxs:hover .jod>span,
.jotxs.act .jod>span {
    background: #ba251e;
}

.jotxs.act .arrow {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.jo2 {
    padding-bottom: 6.2%;
}

.jo3 {
    background: #eee;
    padding: 5.8% 0 4.8% 0;
}

.jo_edus {
    width: 1140px;
    margin: 0 auto;
}

.jo_edus li {
    width: 245px;
    margin: 10px 20px;
    background: #fff;
    float: left;
}

.jo_edus a {
    color: #787878;
}

.jo_edus li .pic {
    width: 100%;
    overflow: hidden;
}

.jo_edus li .pic img {
    width: 100%;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.jo_edus li:hover .pic img {
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
}

.jo_edus a {
    color: #646464;
}

.jo_edus a:hover,
.jo_edus a:active {
    color: #ba251e;
}

.jo_edus li .txts {
    padding: 18px 5% 15px 5%;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.jo_edus li .txts .ti {
    color: #1a1a1a;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
}

.jo_edus li .txts .date {
    color: #787878;
}

.jo_edus li:hover .txts {
    background: #ba251e;
}

.jo_edus li:hover .txts .ti,
.jo_edus li:hover .txts .date {
    color: #fff;
}

.jo_teams a {
    width: 33.3333%;
    width: 33.3%;
    float: left;
    display: block;
    color: #1a1a1a;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.jo_teams .pic {
    width: 100%;
    overflow: hidden;
}

.jo_teams .pic img {
    width: 100%;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.jo_teams a:hover .pic img {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
}

.jo_teams a .tx {
    padding: 0 5%;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
}

.jo_teams a:hover {
    background: #ba251e;
    color: #fff;
}

.jo4 {
    padding: 9% 0 5% 0;
}

.jo_teams .owl-theme .owl-controls {
    margin-top: 50px;
}

.cu1 .tx1 {
    font-size: 35px;
    color: #000;
}

.cu1 p {
    text-align: center;
}

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

.cu1 .tx2 {
    font-size: 18px;
    color: #323232;
    margin-top: 60px;
}

.cu1 .line {
    width: 40px;
    height: 1px;
    display: block;
    margin: 0 auto;
    background: #1a1a1a;
    margin-top: 5px;
}

.cu1 .tx3 {
    margin-top: 25px;
}

.cu1 .img1 {
    margin-top: 80px;
}

.cu1 {
    padding: 5.5% 0 50px 0;
}

.cu2 {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 1.5% 0 5.5% 0;
}

.cu2 .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/abbg.png);
}

.cu2 .ppw {
    position: relative;
}

.cu2 .fixbg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.cu2 .txts,
.cu3 .txts {
    text-align: center;
    color: #fff;
    margin-top: 55px;
}

.cu2 .t1,
.cu3 .t1 {
    font-size: 18px;
}

.cu2 .line,
.cu3 .line {
    width: 40px;
    height: 1px;
    background: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}

.cu2 .tx {
    margin-top: 25px;
}

.cu3 .line {
    background: #1a1a1a;
}

.cu3 .txts {
    color: #646464;
}

.cu3 .t1 {
    color: #323232;
}

.cu3 .tx {
    margin-top: 25px;
}

.cu3 .txs {
    width: 60%;
    margin: 0 auto;
}

.cu3 .txs .txs_ti {
    float: left;
    color: #1a1a1a;
    border: 1px solid #ba251e;
    line-height: 45px;
    height: 45px;
    width: 15%;
    overflow: hidden;
    text-align: center;
}

.cu3 .txs .txs_tx {
    width: 80%;
    float: right;
    text-align: justify;
}

.cu3 .txs li {
    margin-top: 30px;
}

.txsfo li {
    width: 20.5%;
    margin-left: 6%;
    float: left;
}

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

.txsfo li .tfo_ti {
    color: #1a1a1a;
}

.txsfo li .tfo_tx {
    text-align: justify;
    margin-top: 25px;
}

.txsfo {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 4.5% 0 9% 0;
    margin-top: 9%;
}

.cu3 {
    padding-bottom: 6.3%;
}

.cu4 .cu2 {
    padding: 35px 0 80px 0;
}

.cu4 .cu3 .tx {
    text-align: justify;
}

#map {
    height: 410px;
}

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

.ctas li .icob {
    width: 65px;
    height: 65px;
    background: #b52c2c;
    border-radius: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.ctas li .ico {
    display: block;
    background-position: center center;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.ctas .cta1 .ico {
    background-image: url(../images/ctaico1.png);
}

.ctas .cta2 .ico {
    background-image: url(../images/ctaico2.png);
}

.ctas .cta3 .ico {
    background-image: url(../images/ctaico3.png);
}

.ctas .cta4 .ico {
    background-image: url(../images/ctaico4.png);
}

.ctas li .en {
    text-align: center;
    text-transform: uppercase;
    color: #b3b3b3;
    margin-top: 7px;
}

.ctas li .ch {
    text-align: center;
    margin-top: 12px;
}

.ctas li:hover .ico {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.ctas {
    margin-top: 5.5%;
}

.cta_words {
    background: #f6f6f6;
    padding: 5% 0 5% 0;
    margin-top: 5%;
}

.words {
    width: 472px;
    margin: 0 auto;
}

.words .s-input {
    height: 33px;
    background: #f6f6f6;
    border: 1px solid #c9c9c9;
    padding-left: 15px;
    color: #c8c8c8;
    font-family: "思源黑体 CN Light";
    font-size: 14px;
    line-height: 33px;
}

.words .s-textarea {
    line-height: 25px;
    height: 100px;
    overflow: hidden;
    width: 454px;
    margin-top: 6px;
}

.words .name,
.words .phone {
    width: 216px;
}

.subBtn {
    width: 136px;
    height: 52px;
    border: 1px solid #c9c9c9;
    color: #787878;
    font-family: "思源黑体 CN Light";
    font-size: 14px;
    cursor: pointer;
    transition: 300ms;
    -webkit-transition: 300ms;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
}

.subBtn:hover {
    background: #ba251e;
    color: #fff;
}

.words .s-input:focus {
    border: 1px solid #ba251e;
}

.load {
    width: 100%;
    background: url(../img/load_bg.jpg) no-repeat center bottom;
    position: relative;
    background-size: cover;
}

.load .bbg {
    width: 100%;
    height: 29px;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/fbbg.jpg);
    position: absolute;
}

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

.load_txs .la_tx1 {
    margin-top: 28px;
}

.load_txs .la_tx2 {
    margin-top: 7%;
}

.load_txs {
    padding-top: 11%;
}

.la_line {
    width: 230px;
    height: 1px;
    margin: 0 auto;
    background: #e5e5e5;
    margin-top: 30px;
    position: relative;
}

.la_line .line {
    display: block;
    position: absolute;
    width: 0;
    height: 1px;
    background: #cf373d;
    top: 0;
    left: 0;
}

.enter {
    width: 98px;
    height: 36px;
    border: 1px solid #e5e5e5;
    margin: 0 auto;
    position: relative;
    margin-top: 5%;
}

.enter .bg {
    display: block;
    width: 100%;
    height: 0;
    background: #cf373d;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.enter .tx {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/load_tx3.png) no-repeat center center;
}

.enDown {
    cursor: pointer;
}

.enDown:hover .bg {
    height: 100%;
}

.enDown:hover .tx {
    background: url(../images/load_tx4.png) no-repeat center center;
}

.transy {
    transform: translateY(60px);
    -webkit-transform: translateY(60px);
    transition: 700ms;
    -webkit-transition: 700ms;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    opacity: 0;
}

.tranShow {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}

.dly_1 {
    transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
}

.dly_2 {
    transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
}

.dly_3 {
    transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
}

.dly_4 {
    transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
}

.dly_5 {
    transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
}

.dly_6 {
    transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
}

.dly_7 {
    transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
}

.ixwk-prev,
.ixwk-next {
    cursor: pointer;
    width: 40px;
    height: 40px;
    top: 30%;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(../images/wk-arrow.png);
    z-index: 200;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.works {
    position: relative;
}

.ixwk-prev {
    left: 25px;
}

.ixwk-next {
    right: 25px;
    background-position: right bottom;
}

.ixwk-next:hover {
    background-position: left bottom;
}

.ixwk-prev:hover {
    background-position: right top;
}