@charset "utf-8";

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1100px; margin: 0px auto; }
.w1132{ width:1200px; margin:0 auto;}


/*video style end*/
/* Slider */
.slick-slider { border-bottom:1px solid #eee;border-top:1px solid #eee; position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }

/*about style*/
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}


/*job style*/
.w900 { width: 900px; margin: 0px auto; }
.jobT { font-size: 30px; line-height: 1.4; color: #676767; margin-bottom: 30px; }

.strategy-btn { background-color: #a7a7a7; width: 114px; height: 30px; border-radius: 5px; display: block; margin: 0px auto; line-height: 30px; color: #fff; }
.strategy-btn:hover { background-color: #014DA1; }
.job-strategy-img { height:325px; background-size: cover; width: 100%; background-repeat: no-repeat; background-position: center center; text-align:center;color:#FFF; font-size:24px; padding-top:150px;}
.job-strategy-img p{ text-align:center; color:#FFF; font-size:24px;}

.job-strategy-list a:link, .job-strategy-list a:visited { color: #a7a7a7; text-decoration: underline; }
.job-strategy-list a:active, .job-strategy-list a:hover { color: #F0BE00; }
.job-strategy-list { font-size: 15px; color: #333; }
.job-strategy-list li { float: left; display: block; text-align: center; width: 29.33%; padding: 40px 2%; cursor: pointer; }
.job-strategy-list .jico { width: 60px; display: block; margin: 0px auto 10px; }
.job-strategy-list .t { font-size: 16px; color: #d70b13; margin-bottom: 15px; }
.job-strategy-list .c { width: 238px; margin: 0px auto; font-size: 15px;}
.job-strategy-list .c a { color:#333;}
.job-strategy-list li:hover .jico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.jobList { width: 1024px; margin: 0px auto; }
#jobpage2 { padding-bottom:70px; background:#ededed; padding-top:20px;}
#jobpage2 .w900 { margin-bottom: 0px; }
.jobList { color: #9e9e9e; background:#FFF; }
.jobList a:link, .jobList a:visited { color: #F0BE00; }
.jobList a:active, .jobList a:hover { color: #014DA1; }
.jobList .jspan { text-align: center; cursor: pointer; width:18%; display: block; float: left; color: #000; height: 52px; line-height: 52px;}
.jobList .jspan2 { text-align: center; cursor: pointer; width:46%; display: block; float: left; color: #000; height: 52px; line-height: 52px; font-size:15px;}

.jobList .jobdt { font-size: 20px; border-radius: 5px 5px 0px 0px; overflow: hidden; background-color: #d70b13; }
.jobList .jobdt .jspan { color: #fff; }
.jobList .jobTitle { border-bottom: 2px solid #ededed; }
.jobList .jobTitle .jspan{ font-size:15px; color:#333;}
.jobList .jobBcon { background-color: #fff; padding: 28px 5%; display: none; overflow: hidden; color:#000; border-bottom:2px solid #ededed; font-size:15px; line-height:26px;}
.jobList .active .jobTitle { color:#fff;}
#jobpage3 { padding-top:20px; }
#jobpage3 .jobT { text-align: center; }
.staffList .img { width: 100%; overflow: hidden; position: relative; }
.staffList .img .imgbg { width: 100%; height: 280px; display: block; background-position: center center; background-repeat: no-repeat; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.staffList .img .black-30 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.staffList .item { background-color: #fff; }
.staffList .con { padding: 40px 10%; height: 200px; position: relative; }
.staffList .con .zh { color: #000; font-size: 18px; height: 32px; overflow: hidden; margin-bottom:2%; }
.staffList .con .c { color: #333; height:79px; overflow: hidden; font-size:15px; }

.staffList .con .more2 { position: absolute; left: 10%; bottom: 40px; }
.staffList .con .newIa { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.staffList .item:hover { background-color: #e5e5e5; }
.staffList .item:hover .imgbg { transform: scale(1.06); -webkit-transform: scale(1.06); }
.staffList .item:hover .black-30 { opacity: 1; visibility: visible; }
.staffList .slick-arrow { width: 74px; height: 74px; display: block; border-radius: 50px; background: url(../images/img_btn2.png) no-repeat scroll center center; top: 50%; margin-top: -37px; z-index: 100; }
.staffList .slick-arrow i { background: url(../images/img_l.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.staffList .slick-prev { left: 2%; transform: translateX(30px); -webkit-transform: translateX(30px); -ms-transform: translateX(30px); opacity: 0; }
.staffList .slick-next { right: 2%; transform: translateX(-30px); -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); opacity: 0; }
.staffList .slick-prev i { background-image: url(../images/img_l.png); }
.staffList .slick-next i { background-image: url(../images/img_r.png); }
.staffList:hover .slick-prev, .staffList:hover .slick-next { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1; }
/*job style end*/