/*reset*/

ul,ol{list-style: none;}
a{display: block;text-decoration: none;color: inherit;}
img,input,select,textarea,button{display: block;border: none;outline: none;background-color: transparent;}
em,address,strong{font-style: normal;font-weight: normal; display: block; }
video{display: block;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.clearfix{display: block;clear: both;}
::-webkit-input-placeholder {color: rgba(120,103,76,0.4);font-size: 14px;}
:-moz-placeholder {color:rgba(120,103,76,0.4);font-size: 14px;}
::-moz-placeholder {color:rgba(120,103,76,0.4);font-size: 14px;}
:-ms-input-placeholder {color:rgba(120,103,76,0.4);font-size: 14px;}
body ::-webkit-scrollbar{width: 4px;background-color:transparent;}
body ::-webkit-scrollbar-thumb{background-color:rgb(246,231,206);}
p strong{display:inline;}

.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/ 


/*keyframes*/
@-webkit-keyframes h_fadeInUp{
    0% {opacity: 0;-webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUp{
    0% {opacity: 0;-webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInUp{
    -webkit-animation-name: h_fadeInUp;
    animation-name: h_fadeInUp;
}
@-webkit-keyframes h_fadeInUp40{
    0% {opacity: 0;-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUp40{
    0% {opacity: 0;-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInUp40{
    -webkit-animation-name: h_fadeInUp40;
    animation-name: h_fadeInUp40;
}
@-webkit-keyframes h_fadeInDown{
    0% {opacity: 0;-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInDown{
    0% {opacity: 0;-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInDown{
    -webkit-animation-name: h_fadeInDown;
     animation-name: h_fadeInDown;
}
@-webkit-keyframes h_fadeInLeft{
    0% {opacity: 0;-webkit-transform: translate3d(-100px,0,0);transform: translate3d(-100px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInLeft{
    0% {opacity: 0;-webkit-transform: translate3d(-100px,0,0);transform: translate3d(-100px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInLeft{
    -webkit-animation-name: h_fadeInLeft;
    animation-name: h_fadeInLeft;
}
@-webkit-keyframes h_fadeInRight{
    0% {opacity: 0;-webkit-transform: translate3d(100px,0,0);transform: translate3d(100px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInRight{
    0% {opacity: 0;-webkit-transform: translate3d(100px,0,0);transform: translate3d(100px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInRight{
    -webkit-animation-name: h_fadeInRight;
    animation-name: h_fadeInRight;
}
@-webkit-keyframes h_zoomIn{
    0% {opacity: 0;-webkit-transform: scale(0,0);transform: scale(0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_zoomIn{
    0% {opacity: 0;-webkit-transform: scale(0,0);transform: scale(0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_zoomIn{
    -webkit-animation-name: h_zoomIn;
    animation-name: h_zoomIn;
}
@-webkit-keyframes h_fadeIn{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes h_fadeIn{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.h_fadeIn{
    -webkit-animation-name: h_fadeIn;
    animation-name: h_fadeIn;
}
@-webkit-keyframes h_rotate{
    0% {opacity: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_rotate{
    0% {opacity: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_rotate{
    -webkit-animation-name: h_rotate;
    animation-name: h_rotate;
}
@-webkit-keyframes h_rotate0{
    0% {opacity: 0;-webkit-transform: rotate(0deg) translate(0,40px);transform: rotate(0deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@keyframes h_rotate0{
    0% {opacity: 0;-webkit-transform: rotate(0deg) translate(0,40px);transform: rotate(0deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
.h_rotate0{
    -webkit-animation-name: h_rotate0;
    animation-name: h_rotate0;
}
@-webkit-keyframes h_rotate72{
    0% {opacity: 0;-webkit-transform: rotate(72deg) translate(0,40px);transform: rotate(72deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(72deg);transform: rotate(72deg);}
}
@keyframes h_rotate72{
    0% {opacity: 0;-webkit-transform: rotate(72deg) translate(0,40px);transform: rotate(72deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(72deg);transform: rotate(72deg);}
}
.h_rotate72{
    -webkit-animation-name: h_rotate72;
    animation-name: h_rotate72;
}
@-webkit-keyframes h_rotate144{ 
    0% {opacity: 0;-webkit-transform: rotate(144deg) translate(0,40px);transform: rotate(144deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(144deg);transform: rotate(144deg);}
}
@keyframes h_rotate144{ 
    0% {opacity: 0;-webkit-transform: rotate(144deg) translate(0,40px);transform: rotate(144deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(144deg);transform: rotate(144deg);}
}
.h_rotate144{
    -webkit-animation-name: h_rotate144;
    animation-name: h_rotate144;
}
@-webkit-keyframes h_rotate216{
    0% {opacity: 0;-webkit-transform: rotate(216deg) translate(0,40px);transform: rotate(216deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(216deg);transform: rotate(216deg);}
}
@keyframes h_rotate216{
    0% {opacity: 0;-webkit-transform: rotate(216deg) translate(0,40px);transform: rotate(216deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(216deg);transform: rotate(216deg);}
}
.h_rotate216{
    -webkit-animation-name: h_rotate216;
    animation-name: h_rotate216;
}
@-webkit-keyframes h_rotate288{
    0% {opacity: 0;-webkit-transform: rotate(288deg) translate(0,40px);transform: rotate(288deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(288deg);transform: rotate(288deg);}
}
@keyframes h_rotate288{
    0% {opacity: 0;-webkit-transform: rotate(288deg) translate(0,40px);transform: rotate(288deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(288deg);transform: rotate(288deg);}
}
.h_rotate288{
    -webkit-animation-name: h_rotate288;
    animation-name: h_rotate288;
}
@-webkit-keyframes h_fadeInUp0{
    0% {opacity: 0;-webkit-transform:translate(0,40px);transform:translate(0,40px);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUp0{
    0% {opacity: 0;-webkit-transform:translate(0,40px);transform:translate(0,40px);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInUp0{
    -webkit-animation-name: h_fadeInUp0;
    animation-name: h_fadeInUp0;
}
@-webkit-keyframes h_rotate1{
    0% {opacity: 0;-webkit-transform: rotate(0deg) translate(0,110px);transform: rotate(0deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@keyframes h_rotate1{
    0% {opacity: 0;-webkit-transform: rotate(0deg) translate(0,110px);transform: rotate(0deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@-webkit-keyframes h_rotate2{
    0% {opacity: 0;-webkit-transform: rotate(36deg) translate(0,110px);transform: rotate(36deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(36deg);transform: rotate(36deg);}
}
@keyframes h_rotate2{
    0% {opacity: 0;-webkit-transform: rotate(36deg) translate(0,110px);transform: rotate(36deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(36deg);transform: rotate(36deg);}
}
@-webkit-keyframes h_rotate3{
    0% {opacity: 0;-webkit-transform: rotate(72deg) translate(0,110px);transform: rotate(72deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(72deg);transform: rotate(72deg);}
}
@keyframes h_rotate3{
    0% {opacity: 0;-webkit-transform: rotate(72deg) translate(0,110px);transform: rotate(72deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(72deg);transform: rotate(72deg);}
}
@-webkit-keyframes h_rotate4{
    0% {opacity: 0;-webkit-transform: rotate(108deg) translate(0,110px);transform: rotate(108deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(108deg);transform: rotate(108deg);}
}
@keyframes h_rotate4{
    0% {opacity: 0;-webkit-transform: rotate(108deg) translate(0,110px);transform: rotate(108deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(108deg);transform: rotate(108deg);}
}
@-webkit-keyframes h_rotate5{
    0% {opacity: 0;-webkit-transform: rotate(144deg) translate(0,110px);transform: rotate(144deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(144deg);transform: rotate(144deg);}
}
@keyframes h_rotate5{
    0% {opacity: 0;-webkit-transform: rotate(144deg) translate(0,110px);transform: rotate(144deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(144deg);transform: rotate(144deg);}
}
@-webkit-keyframes h_rotate6{
    0% {opacity: 0;-webkit-transform: rotate(180deg) translate(0,110px);transform: rotate(180deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
}
@keyframes h_rotate6{
    0% {opacity: 0;-webkit-transform: rotate(180deg) translate(0,110px);transform: rotate(180deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
}
@-webkit-keyframes h_rotate7{
    0% {opacity: 0;-webkit-transform: rotate(216deg) translate(0,110px);transform: rotate(216deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(216deg);transform: rotate(216deg);}
}
@keyframes h_rotate7{
    0% {opacity: 0;-webkit-transform: rotate(216deg) translate(0,110px);transform: rotate(216deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(216deg);transform: rotate(216deg);}
}
@-webkit-keyframes h_rotate8{
    0% {opacity: 0;-webkit-transform: rotate(252deg) translate(0,110px);transform: rotate(252deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(252deg);transform: rotate(252deg);}
}
@keyframes h_rotate8{
    0% {opacity: 0;-webkit-transform: rotate(252deg) translate(0,110px);transform: rotate(252deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(252deg);transform: rotate(252deg);}
}
@-webkit-keyframes h_rotate9{
    0% {opacity: 0;-webkit-transform: rotate(288deg) translate(0,110px);transform: rotate(288deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(288deg);transform: rotate(288deg);}
}
@keyframes h_rotate9{
    0% {opacity: 0;-webkit-transform: rotate(288deg) translate(0,110px);transform: rotate(288deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(288deg);transform: rotate(288deg);}
}
@-webkit-keyframes h_rotate10{
    0% {opacity: 0;-webkit-transform: rotate(324deg) translate(0,110px);transform: rotate(324deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(324deg);transform: rotate(324deg);}
}
@keyframes h_rotate10{
    0% {opacity: 0;-webkit-transform: rotate(324deg) translate(0,110px);transform: rotate(324deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(324deg);transform: rotate(324deg);}
}
.h_rotate1{-webkit-animation-name: h_rotate1;animation-name: h_rotate1;}
.h_rotate2{-webkit-animation-name: h_rotate2;animation-name: h_rotate2;}
.h_rotate3{-webkit-animation-name: h_rotate3;animation-name: h_rotate3;}
.h_rotate4{-webkit-animation-name: h_rotate4;animation-name: h_rotate4;}
.h_rotate5{-webkit-animation-name: h_rotate5;animation-name: h_rotate5;}
.h_rotate6{-webkit-animation-name: h_rotate6;animation-name: h_rotate6;}
.h_rotate7{-webkit-animation-name: h_rotate7;animation-name: h_rotate7;}
.h_rotate8{-webkit-animation-name: h_rotate8;animation-name: h_rotate8;}
.h_rotate9{-webkit-animation-name: h_rotate9;animation-name: h_rotate9;}
.h_rotate10{-webkit-animation-name: h_rotate10;animation-name: h_rotate10;}
@keyframes h_fadeInDownFeed{
    0% {opacity: 0;-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInDownFeed{
    0% {opacity: 0;-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInDownFeed{
    -webkit-animation-name: h_fadeInDownFeed;
    -webkit-animation-timing-function: ease-out;
    animation-name: h_fadeInDownFeed;
    animation-timing-function: ease-out;
}
@keyframes h_fadeInUpFeed{
    0% {opacity: 0;-webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUpFeed{
    0% {opacity: 0;-webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInUpFeed{
    -webkit-animation-name: h_fadeInUpFeed;
    -webkit-animation-timing-function: ease-out;
    animation-name: h_fadeInUpFeed;
    animation-timing-function: ease-out;
}
@keyframes h_fadeInUpDownFeed{
    0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
    50%{-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
    100% {-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUpDownFeed{
    0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
    50%{-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
    100% {-webkit-transform: none;transform: none;}
}
.h_fadeInUpDownFeed{
    -webkit-animation-name: h_fadeInUpDownFeed;
    animation-name: h_fadeInUpDownFeed;
}
@keyframes h_fadeInLeftM{
    0% {opacity: 0;-webkit-transform: translate3d(60px,0,0);transform: translate3d(60px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInLeftM{
    0% {opacity: 0;-webkit-transform: translate3d(60px,0,0);transform: translate3d(60px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInLeftM{
    -webkit-animation-name: h_fadeInLeftM;
    animation-name: h_fadeInLeftM;
}



.join_talents .development{position: relative;z-index: 1;margin: -60px -460px 0 -460px;padding: 165px 460px 0 460px;height: 435px;background: url(../images/join_talents_02.jpg) no-repeat center;background-size: cover;}
.join_talents .development h4{position: relative;margin-bottom: 40px;}
.join_talents .development h4::before{content: "";position: absolute;top: 50%;margin-top: -32px;left: -76px;width: 76px;height: 64px;background: url(../images/join_talents_03.png) no-repeat left center;}
.join_talents .development h4 em{font-family:'webfont-RUBIK-REGULAR';line-height: 0.8em;font-size: 34px;color:rgba(120,100,87,0.7);text-transform: uppercase;margin-bottom: 12px;}
.join_talents .development h4 strong{font-size: 24px;color: rgb(235,9,35);letter-spacing: 8px;}
.join_talents .development .con{width:700px}
.join_talents .development .con>p{color: #54342d;line-height:35px}

.join_talents .development .img{position: absolute;bottom: 30px;left: 1100px;height: 375px;padding-left: 217px;}
.join_talents .development .img .block{width: 383px;height: 375px;position: absolute;top: 0;left: 0;}
.join_talents .development .img .block img{margin: 0 auto;}
.join_talents .development .img .block img:nth-child(1){position: relative;z-index: 5;top: 0;left: -18px;}
.join_talents .development .img .block img:nth-child(2){position: relative;z-index: 4;top: 8px;left: -16px;}
.join_talents .development .img .block img:nth-child(3){position: relative;z-index: 3;top: -1px;left: -10px;}
.join_talents .development .img .block img:nth-child(4){position: relative;z-index: 2;top: -28px;left: -9px;}
.join_talents .development .img .block img:nth-child(5){position: relative;z-index: 1;top: -72px;left: -3px;}
.join_talents .development .img .block img:nth-child(6){position: relative;z-index: 0;top: -147px;left: 0px;}
.join_talents .development .img ul{position: relative;z-index: 2;}
.join_talents .development .img ul li{height: 58px;position: relative;padding-left: 284px;}
.join_talents .development .img ul li:nth-child(1){height: 50px;background: url(../images/join_talents_04_line1.png) no-repeat left top;}
.join_talents .development .img ul li:nth-child(2){background: url(../images/join_talents_04_line2.png) no-repeat left top;}
.join_talents .development .img ul li:nth-child(3){background: url(../images/join_talents_04_line3.png) no-repeat left top;}
.join_talents .development .img ul li:nth-child(4){background: url(../images/join_talents_04_line4.png) no-repeat left top;}
.join_talents .development .img ul li:nth-child(5){background: url(../images/join_talents_04_line5.png) no-repeat left top;}
.join_talents .development .img ul li:nth-child(6){background: url(../images/join_talents_04_line6.png) no-repeat left top;}
.join_talents .development .img ul li p{margin: 0;}
.join_talents .development .img ul li strong{font-size: 16px;color:#000;margin-bottom: 5px;}
.join_talents .development .img ul li em{font-family:'webfont-RUBIK-REGULAR';font-size: 12px;color: #fec578;text-transform: uppercase;}