/*banner*/
.banner_txt{ display: block;width:640px; height: 81px;position: absolute; left: 50%; top: 45%;z-index: 2;text-align: center;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);font-family: 'TencentSansw3';letter-spacing: 18px;}
.banner_txt .hook_area{display: block; height: 100px; width: 150px; position: absolute; left: 157px; top: -9px; overflow: hidden;
	/* -webkit-mask: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1) 30%,rgba(0,0,0,1) 70%,rgba(0,0,0,0)); */
}
.banner_txt .txt{ display:none;}
.banner_txt .hook_area .word{display: block; height: 81px; min-width: 160px; position: absolute; left: 0px; top:9px;color: #fff;
	font-size: 54px;font-style: normal;text-align: left;}
.en-us .banner_txt{
	width: 440px;
	height: 150px;
	letter-spacing: 0;
	top: 38%;
}
.en-us .banner_txt .hook_area .word{
	height: 70px;
}
.en-us .banner_txt .hook_area{
	min-width: 600px;
	height: 90px;
	top: -14px;
	left: 275px;
	text-align: left;
}

.banner_txt .hook_area > i{ opacity: 0;}


/* .banner_txt .hook_area .word_2{ -webkit-animation: a_banner_word_2 9s linear 0.7s both infinite;}
.banner_txt .hook_area .word_3{ -webkit-animation: a_banner_word_2 9s linear 2.7s both infinite;}
.banner_txt .hook_area .word_4{ -webkit-animation: a_banner_word_2 9s linear 4.7s both infinite;} */

.banner_txt{ opacity: 0;}
.banner_txt.animation{ animation: a_banner 0.5s 0.5s linear forwards;-webkit-animation: a_banner 0.5s 0.5s linear forwards;-ms-animation: a_banner 0.5s 0.5s linear forwards;-moz-animation: a_banner 0.5s 0.5s linear forwards;-o-animation: a_banner 0.5s 0.5s linear forwards;}


@keyframes a_banner{
	0%{ transform: translate(-50%,20px);-webkit-transform: translate(-50%,20px);-ms-transform: translate(-50%,20px);-moz-transform: translate(-50%,20px);-o-transform: translate(-50%,20px); opacity: 0;}
	100%{ transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);  opacity: 1;}
}
@-webkit-keyframes a_banner{
	0%{ transform: translate(-50%,20px);-webkit-transform: translate(-50%,20px);-ms-transform: translate(-50%,20px);-moz-transform: translate(-50%,20px);-o-transform: translate(-50%,20px); opacity: 0;}
	100%{ transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);  opacity: 1;}
}
@-ms-keyframes a_banner{
	0%{ transform: translate(-50%,20px);-webkit-transform: translate(-50%,20px);-ms-transform: translate(-50%,20px);-moz-transform: translate(-50%,20px);-o-transform: translate(-50%,20px); opacity: 0;}
	100%{ transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);  opacity: 1;}
}
@-moz-keyframes a_banner{
	0%{ transform: translate(-50%,20px);-webkit-transform: translate(-50%,20px);-ms-transform: translate(-50%,20px);-moz-transform: translate(-50%,20px);-o-transform: translate(-50%,20px); opacity: 0;}
	100%{ transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);  opacity: 1;}
}
@-o-keyframes a_banner{
	0%{ transform: translate(-50%,20px);-webkit-transform: translate(-50%,20px);-ms-transform: translate(-50%,20px);-moz-transform: translate(-50%,20px);-o-transform: translate(-50%,20px); opacity: 0;}
	100%{ transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);  opacity: 1;}
}

@keyframes a_banner_start{
	0%{ transform:translate(0,88px);-webkit-transform:translate(0,88px);-ms-transform:translate(0,88px);-moz-transform:translate(0,88px);-o-transform:translate(0,88px); opacity: 1;}
	100%{ transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);  opacity: 1;}
}
@-webkit-keyframes a_banner_start{
	0%{ transform:translate(0,88px);-webkit-transform:translate(0,88px);-ms-transform:translate(0,88px);-moz-transform:translate(0,88px);-o-transform:translate(0,88px); opacity: 1;}
	100%{ transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);  opacity: 1;}
}
@-ms-keyframes a_banner_start{
	0%{ transform:translate(0,88px);-webkit-transform:translate(0,88px);-ms-transform:translate(0,88px);-moz-transform:translate(0,88px);-o-transform:translate(0,88px); opacity: 1;}
	100%{ transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);  opacity: 1;}
}
@-moz-keyframes a_banner_start{
	0%{ transform:translate(0,88px);-webkit-transform:translate(0,88px);-ms-transform:translate(0,88px);-moz-transform:translate(0,88px);-o-transform:translate(0,88px); opacity: 1;}
	100%{ transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);  opacity: 1;}
}
@-o-keyframes a_banner_start{
	0%{ transform:translate(0,88px);-webkit-transform:translate(0,88px);-ms-transform:translate(0,88px);-moz-transform:translate(0,88px);-o-transform:translate(0,88px); opacity: 1;}
	100%{ transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);  opacity: 1;}
 }

@keyframes a_banner_end{
	0%{ transform:translate(0,0px);-webkit-transform:translate(0,0px);-ms-transform:translate(0,0px);-moz-transform:translate(0,0px);-o-transform:translate(0,0px); opacity: 1;}
	100%{ transform:translate(0,-88px);-webkit-transform:translate(0,-88px);-ms-transform:translate(0,-88px);-moz-transform:translate(0,-88px);-o-transform:translate(0,-88px); opacity: 1; }
}
@-webkit-keyframes a_banner_end{
	0%{ transform:translate(0,0px);-webkit-transform:translate(0,0px);-ms-transform:translate(0,0px);-moz-transform:translate(0,0px);-o-transform:translate(0,0px); opacity: 1;}
	100%{ transform:translate(0,-88px);-webkit-transform:translate(0,-88px);-ms-transform:translate(0,-88px);-moz-transform:translate(0,-88px);-o-transform:translate(0,-88px); opacity: 1; }
}
@-ms-keyframes a_banner_end{
	0%{ transform:translate(0,0px);-webkit-transform:translate(0,0px);-ms-transform:translate(0,0px);-moz-transform:translate(0,0px);-o-transform:translate(0,0px); opacity: 1;}
	100%{ transform:translate(0,-88px);-webkit-transform:translate(0,-88px);-ms-transform:translate(0,-88px);-moz-transform:translate(0,-88px);-o-transform:translate(0,-88px); opacity: 1; }
}
@-moz-keyframes a_banner_end{
	0%{ transform:translate(0,0px);-webkit-transform:translate(0,0px);-ms-transform:translate(0,0px);-moz-transform:translate(0,0px);-o-transform:translate(0,0px); opacity: 1;}
	100%{ transform:translate(0,-88px);-webkit-transform:translate(0,-88px);-ms-transform:translate(0,-88px);-moz-transform:translate(0,-88px);-o-transform:translate(0,-88px); opacity: 1; }
}
@-o-keyframes a_banner_end{
	0%{ transform:translate(0,0px);-webkit-transform:translate(0,0px);-ms-transform:translate(0,0px);-moz-transform:translate(0,0px);-o-transform:translate(0,0px); opacity: 1;}
	100%{ transform:translate(0,-88px);-webkit-transform:translate(0,-88px);-ms-transform:translate(0,-88px);-moz-transform:translate(0,-88px);-o-transform:translate(0,-88px); opacity: 1; }
 }

 @keyframes a_banner_s_line {
	0%{ transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
	20%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
	30%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 0;}
	31%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0; opacity: 0;}
	50%{  transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0; opacity: 1;}
	100%{  transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
 }

@keyframes a_banner_word {
	0%{ -webkit-transform:translate(0,0); opacity: 1;}
	12.5%{ -webkit-transform:translate(0,0); opacity: 1;}
	25%{ -webkit-transform:translate(0,-70px); opacity: 0;}
	25.01%{ -webkit-transform:translate(0,-70px); opacity: 0;}
	25.02%{ -webkit-transform:translate(0,70px); opacity: 0;}
	50%{ -webkit-transform:translate(0,70px); opacity: 0;}
	87.5%{ -webkit-transform:translate(0,70px); opacity: 0;}
	100%{ -webkit-transform:translate(0,0); opacity: 1;}
}

@keyframes a_banner_word_2 {
	0%{ -webkit-transform:translate(0,70px); opacity: 0;}
	12.5%{ -webkit-transform:translate(0,70px); opacity: 0;}
	25%{ -webkit-transform:translate(0,0px); opacity: 1;}
	37.5%{ -webkit-transform:translate(0,0px); opacity: 1;}
	50%{ -webkit-transform:translate(0,-70px); opacity: 0;}
	50.01%{ -webkit-transform:translate(0,70px); opacity: 0;}
	100%{ -webkit-transform:translate(0,70px); opacity: 0;}
}



/*首页内容*/

/*连接模块*/
.link_area{ display:block; width: 100%; height: 780px; background: #1b1f25; margin-bottom: 84px; }
.link_area .tab_list{ display:block; height: 100%;}
.link_area .tab_list li{ display:block; height: 33.3%; opacity: 0.4; position: relative;}
.link_area .tab_list .tit{ display:block; font-size: 30px; color: #fff; position: absolute; left: 50%; margin-left: -32%; top: 50%; margin-top: -4.9%; transition: margin-left 0.3s ease-out;font-family: 'TencentSansw7';right: 32px;}
.link_area .tab_list .txt{ display:block; font-size: 16px; color: #fff; position: absolute; left: 50%; margin-left: -32%; top: 50%; margin-top: 5.8%; transition: margin-left 0.3s ease-out;font-family: 'TencentSansw3';right: 30px;}
.link_area .tab_list .icon{ display:block; height: 16px; width: 54px; background: url(../img/index/icon_arrow_r.png) no-repeat 0 0; position: absolute; left: 50%; /*margin-left: -21.5%;*/ margin-left: -32%; top: 50%; margin-top: 14.8%; opacity: 0; transition: margin-left 0.3s ease-out,opacity 0.3s ease-out;background-size: 100% 100%;}
.link_area .tab_list .tit:after{ display:block; content:""; height: 70px; width: 6px; background: #1e52d8; position: absolute; left: 50%; margin-left: -62%; top: 18%; opacity:0; transform: translate(-20px,0px); transition: opacity 0.3s ease-out,transform 0.3s ease-out;}

.link_area .tab_list li.current{opacity: 1;}
.link_area .tab_list li.current .tit{ margin-left: -28%; }
.link_area .tab_list li.current .txt{ margin-left: -28%; }
.link_area .tab_list li.current .tit:after{ opacity:1; transform: translate(0px,0px);}
.link_area .tab_list li.current .icon{ opacity:1; margin-left: -27.5%; }

@keyframes a_arrow_r {
	0%{ opacity: 0; right: 71px;}
	100%{opacity: 1; right: 51px;}
}


/*责任模块*/
.resp_area{ display:block; width:1280px; height:620px; margin: 0px auto 84px; /*background:url(../img/index/bg_4.png) no-repeat 0 0; background-size: contain;*/ position: relative;}
.resp_area .slide_area{ display:block; width:627px; height:620px; position: absolute; left: 0px; top: 0px; overflow: hidden;}
.resp_area .slide_list{
	display:block; width:100%; height:620px; position: relative;
}
.resp_area .slide_list li{ width:627px; height:620px;position: absolute;opacity: 0;transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;left: 0;top:1;}
.resp_area .slide_list li a{
    display: block;
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
}
.resp_area .slide_list li.active{
	opacity: 1;
}
.resp_area .slide_list li .img{ display:block; width:627px; height:620px; position: absolute; left: 0px; top: 0px;}
.resp_area .slide_list li .tit{ display:block; width: 500px;font-size: 24px; position: absolute; left: 53px; bottom: 107px;z-index: 1;font-family: 'TencentSansw7';}
.resp_area .slide_list li .txt{ display:block; width: 500px; font-size: 16px; position: absolute; left: 52px; bottom: 41px; line-height: 29px;z-index: 1;font-family: 'TencentSansw3';}
.resp_area .slide_area .icon_arrow{ display:block; width:10px; height:16px; background: url(../img/index/sli-left-icon.png) no-repeat center; position: absolute; right: 144px; bottom: 116px; margin-top:-30px;z-index:5;background-size: 10px 16px;padding: 5px;cursor: pointer; display: none\9; opacity: 0; transition: opacity 0.2s linear;}
.resp_area .slide_area:hover .icon_arrow{
	display: block;
	opacity: 1;
}

.en-us .resp_area .slide_area .icon_arrow{ right:84px; bottom: 15px;}


/*人才发展模块*/
.develop_area{ display:block; width: 100%;margin: 0px auto; position: relative;}

.develop_area .slide_area{ display:block; width: 100%; height: 100%; overflow: hidden;position: relative;}
.develop_area .slide_list{ display:block; width: 100%; height: 100%;position: relative;height: 1040px;}
.develop_area .slide_list li{ display:inline-block; width: 100%;height: 1040px; float: left;overflow: hidden;position: relative;opacity: 0;transition: 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;position: absolute;left: 0;top: 0;}
.develop_area .slide_list li.active{
	opacity: 1;
}

@keyframes offset {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 384;
  }
}

.video1 {
    width: 2560px;
    height: 780px;
    position: absolute;
    top: 0;
    left: 50%;
	margin-left: -1280px;
	z-index: 1;
}

.slide-tab{
	position: absolute;
	right: 32px;
	bottom: 24px;
}
.slide-tab .li{
	float: left;
	margin-left: 8px;
	width: 8px;
	height: 8px;
	background: #fff;
	transition: width 0.3s linear;
	-moz-transition: width 0.3s linear;
	-ms-transition: width 0.3s linear;
	-o-transition: width 0.3s linear;
	-webkit-transition: width 0.3s linear;
	cursor: pointer;
}
.slide-tab .li.active{
	width: 24px;
	background: #0052d9;
}


.en-us .link_area .tab_list .txt{
	top: 65%;
}
.en-us .link_area .tab_list .icon{
	margin-top: 20.6%;
}

.en-us .resp_area .slide_list li:nth-child(2) .tit{
	bottom: 135px;
}
.en-us .resp_area .slide_list li:nth-child(3) .tit{
	bottom: 135px;
}

.en-us .resp_area .slide_list li:nth-child(4) .tit{
    bottom: 135px;
}