/*banner*/

.banner_area{ display:block; height: 780px; width: 100%; position: relative; margin-top: -72px;overflow: hidden;}
.banner_bg{ display:block; height: 780px; width: 100%; background:#000; background-size: cover; position: absolute; left:0px; top: 0px;}
.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:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;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;}
.banner_txt .txtbox{
	display: inline-table;
}
.banner_txt .txtbox p{
	display: inline-block;
	color: #fff;
	font-size: 54px;
}
.banner_txt .txtbox .ltxt{
	margin-right: 180px;
}
.en-us .banner_txt{
	width: 440px;
	height: 150px;
	letter-spacing: 0;
	top: 38%;
}
.en-us .banner_txt .txtbox p{
	font-size: 48px;
	line-height: auto;
}
.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;
}

.slide_tips{ display:block; width: 30px; height: 57px; position: absolute; left: 50%; margin-left: -15px; bottom: 62px; z-index: 2;}
.slide_tips .s_line{ display:block; width: 2px; height: 32px; border-radius: 2px; position: absolute; left: 50%; margin-left: -1px; top: 0px; background: #fff;}
.slide_tips .txt{ display:block; width: 100%; position: absolute; left:0; text-align: center; bottom: 0px; font-size: 12px; letter-spacing: 2px;}


.en-us .slide_tips .txt{ left:-6px;}

.slide_tips .s_line{ animation: a_banner_s_line 3s 0.3s linear both infinite;-webkit-animation: a_banner_s_line 3s 0.3s linear both infinite;-ms-animation: a_banner_s_line 3s 0.3s linear both infinite;-moz-animation: a_banner_s_line 3s 0.3s linear both infinite;-o-animation: a_banner_s_line 3s 0.3s linear both infinite;}

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

.banner_txt .hook_area .word_1{ opacity: 1; }

.banner_txt .hook_area.animation1 .word_1{  animation: a_banner_start 0.2s linear forwards;-webkit-animation: a_banner_start 0.2s linear forwards;-ms-animation: a_banner_start 0.2s linear forwards;-moz-animation: a_banner_start 0.2s linear forwards;-moz-animation: a_banner_start 0.2s linear forwards;-o-animation: a_banner_start 0.2s linear forwards; }

.banner_txt .hook_area.animation2 .word_1{  animation: a_banner_end 0.2s linear forwards;-webkit-animation: a_banner_end 0.2s linear forwards;-ms-animation: a_banner_end 0.2s linear forwards;-moz-animation: a_banner_end 0.2s linear forwards;-o-animation: a_banner_end 0.2s linear forwards;}
.banner_txt .hook_area.animation2 .word_2{  animation: a_banner_start 0.2s linear forwards;-webkit-animation: a_banner_start 0.2s linear forwards;-ms-animation: a_banner_start 0.2s linear forwards;-moz-animation: a_banner_start 0.2s linear forwards;-o-animation: a_banner_start 0.2s linear forwards; }

.banner_txt .hook_area.animation3 .word_2{  animation: a_banner_end 0.2s linear forwards;-webkit-animation: a_banner_end 0.2s linear forwards;-ms-animation: a_banner_end 0.2s linear forwards;-moz-animation: a_banner_end 0.2s linear forwards;-o-animation: a_banner_end 0.2s linear forwards; }
.banner_txt .hook_area.animation3 .word_3{  animation: a_banner_start 0.2s linear forwards;-webkit-animation: a_banner_start 0.2s linear forwards;-ms-animation: a_banner_start 0.2s linear forwards;-moz-animation: a_banner_start 0.2s linear forwards;-o-animation: a_banner_start 0.2s linear forwards; }

.banner_txt .hook_area.animation4 .word_3{  animation: a_banner_end 0.2s linear forwards;-webkit-animation: a_banner_end 0.2s linear forwards;-ms-animation: a_banner_end 0.2s linear forwards;-moz-animation: a_banner_end 0.2s linear forwards;-o-animation: a_banner_end 0.2s linear forwards; }
.banner_txt .hook_area.animation4 .word_4{  animation: a_banner_start 0.2s linear forwards;-webkit-animation: a_banner_start 0.2s linear forwards;-ms-animation: a_banner_start 0.2s linear forwards;-moz-animation: a_banner_start 0.2s linear forwards;-o-animation: a_banner_start 0.2s 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;}
}



/*首页内容*/
.descript_area{ display:block; width: 100%;}
.descript_area .txt{ text-align: center; font-size: 24px; color: #5f6464; line-height: 54px; padding: 105px 0 74px;font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;}
.descript_area .txt span.m{ display:none;}
.descript_area .txt span.pc{ display:block;}

.details_area{display:block; width: 100%; margin-bottom: 84px;}
.details_con{ display:block; width: 1240px; margin: 0px auto; height: 250px;}
.detail_list{ display:block; height: 250px;}
.detail_list li{ display:inline-block; float: left; height: 100%; width: 400px; text-align: center; margin-right:20px; position: relative; overflow: hidden;}
.detail_list li a{ display:block; height: 100%; width: 100%;}
.detail_list li a:after{ display:block; content: ""; height: 100%; width: 100%; background:rgba(0,82,217,0.7); position: absolute; left: 0px; top: 0px; z-index: 2; opacity: 0; transition: opacity 0.3s ease-out;}
.detail_list li p{ display:block; float: left; font-size: 30px; height: 40px; text-align: center; position: absolute; left: 50%; top: 50%; margin-top: -20px; z-index: 3; color: #fff; border-bottom: 1px solid rgba(255,255,255,0); transform: translate(-50%,0); padding-bottom: 3px; transition: border-bottom 0.3s ease-out;font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;padding-bottom: 5px;-webkit-transition: width 1s linear;}
.detail_list li p:after{
	content: ' ';
	width: 0;
	height: 2px;
	background: #fff;
	bottom: -2px;
	left: 0;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.2s linear;
}
.detail_list li img{ display:block; height:100%;; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; transform:scale(1); transition: transform 0.3s ease-out;}
.detail_list li.last{ margin-right:0px;}
.detail_list li a:hover:after{opacity:1;}
.detail_list li a:hover p:after{
	opacity: 1;
	left: 0;
	width: 100%;
}
.detail_list li a:hover img{ transform:scale(1.024);}

/*连接模块*/
.link_area{ display:block; width: 100%; height: 780px; background: #1b1f25; margin-bottom: 84px; }
.link_area .link_hook{ display:block; width:1440px; height: 780px; margin:0px auto;}
.link_area .link_tab{ display:block; width: 36%; height: 100%; float: left;}
.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:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;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:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;right: 30px;}
.link_area .tab_list .icon{ display:block; height: 16px; width: 54px; background: url(../image/icon/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 li.list_item_2 .icon{ margin-top: 9.0%; }
.link_area .tab_list li.list_item_3 .icon{ margin-top: 3.8%; }
.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.list_item_2 .tit{ margin-top: -10.9%; }
.link_area .tab_list li.list_item_2 .txt{margin-top: -0.2%; }

.link_area .tab_list li.list_item_3 .tit{ margin-top: -16.3%; }
.link_area .tab_list li.list_item_3 .txt{margin-top: -6.2%; }

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


.link_area .link_content{ display:block; width: 64%; height: 780px; margin-left: 36%; overflow: hidden;}
.link_area .link_content .con{ display:none; width: 100%; height: 100%;}
.link_area .link_content .con_1{ display:block;}

.link_area .link_con_list{ display:block; width: 100%; height: 100%;}
.link_area .link_con_list li{ display:block; width: 50%; float: left; height: 50%; background: url(../image/index/index_link_1_1.jpg) no-repeat center center; background-size: cover; overflow: hidden;}
.link_area .link_con_list li a{ display:block; width: 100%; height: 100%; position: relative;}
.link_area .con_1 .link_con_list li.item_1{ background-image: url(../image/index/index_link_1_1.jpg);}
.link_area .con_1 .link_con_list li.item_2{ background-image: url(../image/index/index_link_1_2.jpg); }
.link_area .con_1 .link_con_list li.item_3{ background-image: url(../image/index/index_link_1_3.jpg); }
.link_area .con_1 .link_con_list li.item_4{ background-image: url(../image/index/index_link_1_4.jpg); }

.link_area .con_2 .link_con_list li.item_1{ background-image: url(../image/index/index_link_2_1.jpg); }
.link_area .con_2 .link_con_list li.item_2{ background-image: url(../image/index/index_link_2_2.jpg); }
.link_area .con_2 .link_con_list li.item_3{ background-image: url(../image/index/index_link_2_3.jpg); width: 100%;}

.link_area .con_3 .link_con_list li.item_1{ background-image: url(../image/index/index_link_3_1.jpg); }
.link_area .con_3 .link_con_list li.item_2{ background-image: url(../image/index/index_link_3_2.jpg); }
.link_area .con_3 .link_con_list li.item_3{ background-image: url(../image/index/index_link_3_3.jpg); }
.link_area .con_3 .link_con_list li.item_4{ background-image: url(../image/index/index_link_3_4.jpg); }

.link_area .link_con_list .script{ display:block; width: 100%; height: 50%; position: absolute; left: 0px; bottom: 0px; background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.4),rgba(0,0,0,0)); }
.link_area .link_con_list .script .tit{ display:block; margin-left:43px; margin-top: 119px; font-size: 24px; color: #fff; transition: margin-top 0.3s ease-out;font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;}
.link_area .link_con_list .script .txt{ display:block; margin-left:43px; margin-top: 9px; line-height: 1.8; font-size: 16px; color: #fff; opacity: 0; transform: translate(0px,15px); transition: opacity 0.3s ease-out;font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;margin-right: 43px;}
.link_area .link_con_list .script .icon{ display:block;  height: 14px; width: 31px; background: url(../image/icon/icon_arrow_r_s.png) no-repeat 0 0; position: absolute; right: 71px; top: 71px; opacity: 0; transition: all 0.3s ease-out;background-size: 100% 100%;}

.link_area .link_con_list li a:hover .script .tit{ margin-top: 59px; }
.link_area .link_con_list li a:hover .script .txt{ opacity: 1; transform: translate(0px,0);}
.link_area .link_con_list li a:hover .script .icon{animation: a_arrow_r 0.2s linear forwards; }

@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(../image/icon/bg_4.png) no-repeat 0 0; background-size: contain;*/ position: relative;}
.resp_area .public_welfare{ display:block; width:627px; height:620px; position: absolute; left: 0px; top: 0px;}
.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 .shadow_bg{ display:block; width:100%; height:30%; position: absolute; left: 0px; bottom: 0px; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.15),rgba(0,0,0,0)); pointer-events: none;}
.resp_area .slide_list li .img{ display:block; width:627px; height:620px; position: absolute; left: 0px; top: 0px;}
.resp_area .slide_list li .img0{
    background: url(../image/index/index_resp_bg0.png) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img1{
	background: url(../image/index/index_resp_bg1.jpg) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img2{
	background: url(../image/index/index_resp_bg2.jpg) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img3{
	background: url(../image/index/index_resp_bg3.jpg) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .tit{ display:block; width: 500px;font-size: 24px; position: absolute; left: 53px; bottom: 107px;z-index: 1;font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;}
.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:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;}

.resp_area .public_welfare .hook_tri{ display:block; width:43px; height:620px; background: url(../image/icon/i_tri.png) no-repeat 0 0; background-size:  contain; position: absolute; right: 0px; bottom: 0px;}
.resp_area .slide_area .icon_arrow{ display:block; width:10px; height:16px; background: url(../image/icon/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 .icon_arrow_r{ left: auto; right: 98px; background: url(../image/icon/sli-right-icon.png) no-repeat center;background-size: 10px 16px;}
.resp_area .slide_area:hover .icon_arrow{
	display: block;
	opacity: 1;
}

.en-us .resp_area .slide_area .icon_arrow{ right:84px; bottom: 15px;}
.en-us .resp_area .slide_area .icon_arrow_r{ right:48px;}
.resp_area .resp_details{ display:block; width: 450px; position: absolute; left: 50%; margin-left: 68px; top: 50%; margin-top: -8.3%;}
.resp_area .resp_details .tit{ display:block; color: #2a2e2e; width: 450px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:36px; margin-bottom: 20px;font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;}
.resp_area .resp_details .txt{ display:block; color: #5f6464; width: 450px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:20px; margin-bottom: 40px;font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;}
.resp_area .resp_details .icon_arrow_r{ display:block; width: 38px; height: 16px; background: url(../image/icon/icon_arrow_r_dark.png) no-repeat 0 0; margin-left: 3px;background-size: 100% 100%;}

.en-us .resp_area .resp_details .txt{ white-space:normal; }


/*人才发展模块*/
.develop_area{ display:block; width: 100%;margin: 0px auto; position: relative;}
.develop_con{
	width: 1240px;
	margin: 0 auto;
}
.develop_area .develop_details{ display:block; width: 450px; position: absolute; left: 6.6%; top: 16%;z-index: 1;}
.develop_area .develop_details .tit{ display:block; color: #2a2e2e; width: 450px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:36px; margin-bottom: 20px;font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;}
.develop_area .develop_details .txt{ display:block; color: #5f6464; width: 450px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:20px; margin-bottom: 40px;font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;}
.develop_area .develop_details .icon_arrow_r{ display:block; width: 38px; height: 16px; background: url(../image/icon/icon_arrow_r_dark.png) no-repeat 0 0; margin-left: 3px;background-size: 100% 100%;}

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

.develop_area .slide_list .li1{
	background: url(../image/index/index_develop_bg1.jpg) no-repeat top;background-size: cover;
}
.develop_area .slide_list .li2{
	background: url(../image/index/index_develop_bg2.jpg) no-repeat top;background-size: cover;
}
.develop_area .slide_list .li3{
	background: url(../image/index/index_develop_bg3.jpg) no-repeat top;background-size: cover;
}

@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;
}


.block-link {
    display: block;
    height: 100%;
    width: 100%;
}




.en-us .link_area .link_con_list li a:hover .script .tit{ margin-top: 29px; }
.en-us .link_area .con_1 .link_con_list .item_2 a:hover .script .tit{
	margin-top: 30px;
}
.en-us .link_area .con_1 .link_con_list .item_2 a:hover .script .txt{ margin-right:40px;}
.en-us .link_area .con_3 .link_con_list .item_3 a:hover .script .tit{ margin-top:59px;}
.en-us .link_area .con_3 .link_con_list .item_3 a .script .icon{ top:75px;}
.en-us .link_area .con_3 .link_con_list .item_4 a:hover .script .tit{ margin-top:59px;}
.en-us .link_area .con_3 .link_con_list .item_4 a .script .icon{ top:75px;}


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

.en-us .link_area .tab_list li.list_item_3 .icon{
	margin-top: 12.8%;
}

.en-us .link_area .link_con_list .script .icon{
	top: 45px;
}
.en-us .link_area .con_1 .link_con_list .item_2 .script .icon{
	top: 45px;
}

.en-us .link_area .con_1 .link_con_list .item_3 a:hover .script .tit{
	margin-top: 0px;
}
.en-us .link_area .con_1 .link_con_list .item_4 a:hover .script .tit{
	margin-top: 49px;
}
.en-us .link_area .con_2 .link_con_list .item_1 a:hover .script .tit{
	margin-top: 86px;
}

.en-us .link_area .con_1 .link_con_list .item_3 .script .icon{
	top: 15px;
}

.en-us .link_area .con_2 .link_con_list .item_1 .script .icon{
	top: 102px;
}
.en-us .link_area .con_1 .link_con_list .item_4 .script .icon{
	top: 60px;
}

.en-us .link_area .con_3 .link_con_list .item_1 a:hover .script .tit{
	margin-top: 59px;
}

.en-us .link_area .con_3 .link_con_list .item_1 .script .icon{
	top: 75px;
}

.en-us .link_area .con_3 .link_con_list .item_4 .script .icon{
	top: 15px;
}

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

.en-us .resp_area .resp_details .tit{ white-space:normal;}




@media screen and (max-width: 375px ) {
	.descript_area .txt{ padding: 48px 20px 24px; }
	.descript_area .txt span.pc{ display:none;}
}

/*---------------------------------Banner Section----------------------------*/

.ten_banner .ten_banner_swiper .ten_banner_slide  img {
    width: 100%; height: 100%;
    object-fit: cover;
}

.ten_banner button {
    float: right;
    height: 50px;
    width: 200px;
    background: #f8c22d;
    line-height: 30px;
    font-size: 30px;
    font-weight: bold;
    font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    padding-bottom: 8px;
    margin-right: 24px;
    margin-top: 24px;
    cursor: pointer;
}
/*--------------------------------------------------------------------------------*/
.whats-new-container { background: #fbfbfb; }
.ten_cards{ position: relative; z-index: 1; margin-top: -120px; padding-bottom: 60px;}
.ten_cards h4{
    font-size: 28px;
    font-weight: 500;
    font-family: TencentSansW7CN;
    color: #FFF; margin-bottom:12px;
}

.en-us .ten_cards h4 {
    font-family: TencentSansW7;
}

.ten_cards .ten_card_grid{ margin-left: -24px; }
.ten_cards .ten_card_grid,
.ten_cards .ten_card_grid .ten_card_col1,
.ten_cards .ten_card_grid .ten_card_col2,
.ten_cards .ten_card_grid .ten_card_col3,
.ten_cards .ten_card_grid .ten_card_col4 { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }

.ten_cards .ten_card_grid .ten_card_col1{ align-items: stretch; }
.ten_cards .ten_card_grid .ten_card_col1{ width: calc(75% - 0px); }
.ten_cards .ten_card_grid .ten_card_col2{ width: calc(25% - 0px); }
.ten_cards .ten_card_grid .ten_card_col3{ width: calc(65% - 0px); }
.ten_cards .ten_card_grid .ten_card_col4{ width: calc(35% - 0px); }
.ten_cards .ten_card     { width: calc(100%   - 24px); margin-left: 24px; }
.ten_cards .ten_card--sml{ width: calc(33.33% - 24px); }
.ten_cards .ten_card--half { width: calc(50% - 24px); }
.ten_cards .ten_card--med{ width: calc(66.66% - 24px); }

.second_line_card_container {
    display: flex;
}

@media screen and (min-width: 1200px){
    .second_row_card .ten_img {
        height: 40%;
    }
    .ten_card_body {
        height: 60%;
    }
}

.ten_cards .investor_card { height: 258px; }

@media screen and (max-width: 1279px){
    .ten_cards .ten_card_grid .ten_card_col1{ width: calc(66.66% - 0px); }
    .ten_cards .ten_card_grid .ten_card_col2{ width: calc(33.33% - 0px); }
    .ten_cards .ten_card--sml{ width: calc(100% - 0px); }
    .ten_cards .ten_card--med{ width: calc(100% - 0px); }
}
@media screen and (max-width: 767px){
    .ten_cards .ten_card_grid .ten_card_col1{ width: calc(100% - 0px); }
    .ten_cards .ten_card_grid .ten_card_col2{ width: calc(100% - 0px); }
    .ten_cards .ten_card_grid .ten_card_col3{ width: calc(100% - 0px); }
    .ten_cards .ten_card_grid .ten_card_col4{ width: calc(100% - 0px); }
    .ten_cards .ten_card_grid .ten_card_col2{ align-items: stretch; }
    .ten_cards .ten_card_grid .ten_card_col4{ align-items: stretch; }
    .ten_cards .ten_card_grid .ten_card_col2 .ten_card{ width: calc(50% - 24px); }
    .ten_banner button {
        float: left;
        height: 40px;
        width: 160px;
        margin-top: 12px;
        font-size: 22px;

    }
}
@media screen and (max-width: 639px){
    .second_line_card_container {
        display: block;
    }
    .ten_cards .ten_card_grid .ten_card_col2 .ten_card{ width: calc(100% - 0px); }
    .ten_cards .ten_card_grid .ten_card--half{ width: calc(100% - 24px); }

}
/*--------------------------------------------------------------------------------*/
.ten_card{
    display: block; margin-bottom: 24px; height: auto;
    width: 100%; background: #FFF; color: #2b2e2e;
    display: flex; justify-content: flex-start;  flex-direction: column;
}
@media screen and (min-width: 768px){
    .ten_card:hover{
        transform: translateY(-4px); transition: ease all 0.3s;
        box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
    }
}

.ten_card .ten_card_body{ padding: 24px; }
.ten_card .ten_card_body .ten_tagline{ left: -24px; }
.ten_card .ten_card_body > :first-child{ margin-top: 0px; }
.ten_card .ten_card_body > :last-child { margin-bottom: 0px; }
.ten_card > .ten_img--full{ height: 100%; }
.ten_card  .ten_card_body p { padding: 12px 0; }
.ten_card h2{ font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;}
.ten_card h3{ font-weight: normal;  }
.ten_card a:hover h2,
.ten_card a:hover h3{ color: #0052D9; }

.ten_card_col3 .multi_media { height: 315px; }
.ten_card_col4 .multi_media { height: 315px; }
.second_line_card { height: 600px; }
.third_line_card { height: 540px; }
.ten_img--full h2,
.ten_img--full h3,
.ten_img--full h4,
.ten_img--full h5,
.ten_img--full h6,
.ten_img--full p{ max-width: 500px;}

.ten_card .ten_card_icon{ display: block; width: 60px; height: 60px; }

.ten_gallery .ten_img:hover img,
.ten_card .ten_img:hover img{
    transform: scale(1.05); transition: ease all 0.3s;
}
.ten_card .ten_img .auto-height {
    /*height: auto;*/
}

.ten_card.ten_card--grey{ background: #D8D7DF; }
.ten_card.ten_card--lightgrey{ background: #FBFBFB; }
.ten_card.ten_card--dark{ background: #1B1F25;  color: #FFF; }
.ten_card.ten_card--blue{ background: #0052d9; color: #FFF; }
.ten_card.ten_card--lightblue{ background: rgb(0, 169,206); color: #FFF; }

.ten_card.ten_card--white h2{ color: #0052D9; }

.ten_card.ten_card--dark a:hover h2,
.ten_card.ten_card--dark a:hover h3,
.ten_card.ten_card--blue a:hover h2,
.ten_card.ten_card--lightblue a:hover h2,
.ten_card.ten_card--lightblue a:hover h3,
.ten_card.ten_card--blue a:hover h3{ color: #FFF; }

.ten_card.ten_card--dark .ten_share,
.ten_card.ten_card--blue .ten_share{ filter: brightness(0) invert(1); }

.ten_card.ten_card--dark .ten_tagline{ color: #FFF; }
.ten_card.ten_card--blue .ten_tagline,
.ten_card.ten_card--blue .ten_tagline:before,
.ten_card.ten_card--blue .ten_tagline:after{ border-color: #FFF; color: #FFF; }

.ten_card.ten_card--lightblue .ten_tagline,
.ten_card.ten_card--lightblue .ten_tagline:before,
.ten_card.ten_card--lightblue .ten_tagline:after{ border-color: #FFF; color: #FFF; }

.ten_card.ten_card--dark .ten_download,
.ten_card.ten_card--blue .ten_download{ border:1px solid #FFF; color: #FFF !important;}
.ten_card.ten_card--dark .ten_download:hover,
.ten_card.ten_card--blue .ten_download:hover{ background: #FFF; color: #0052D9 !important;}
.ten_card.ten_card--dark .ten_download:before,
.ten_card.ten_card--blue .ten_download:before{ filter: brightness(0) invert(1); }
.ten_card.ten_card--dark .ten_download:hover:before,
.ten_card.ten_card--blue .ten_download:hover:before{ filter: none !important; }
.ten_card .ten_img {
    border-bottom: #FFFFFF solid 1px;
}
/*--------------------------------------------------------------------------------*/
.ten_links{
    padding: 0px 0px 48px 0px; font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: stretch; margin-left: -24px;
}

.ten_links .ten_img{ width: calc(25% - 24px); margin-left: 24px; margin-bottom: 24px; }
@media screen and (max-width: 1023px){ .ten_links .ten_img{ width: calc(50%  - 24px); margin-left: 24px; } }
@media screen and (max-width: 479px ){ .ten_links .ten_img{ width: calc(100% - 24px); margin-left: 24px; } }

.ten_links .ten_img:before{ padding-bottom: 60%; }
.ten_links .ten_img:after{
    content: ""; display: block;
    position: absolute; top:0px; left: 0px; width: 100%; height: 100%;
    background: rgba(25,74,195,0);
}
.ten_links .ten_img:hover:after{
    background: rgba(25,74,195,0.8); transition: ease all 0.3s;
}
.ten_links .ten_img:hover img{
    transform: scale(1.1); transition: ease all 0.3s;
}
.ten_links .ten_img .ten_img_txt{ color: #FFF; z-index: 1; justify-content: center; }
.ten_links .ten_img .ten_img_txt h2{ display: inline-block; width: auto; padding-top: 12px; }
.ten_links .ten_img .ten_img_txt h2:after{
    content: ""; display: block;
    margin: 12px 0px 0px 0px; width: 1%; height: 2px;
    background: #FFF; opacity: 0;
}
.ten_links .ten_img:hover .ten_img_txt h2:after{ width: 100%; opacity: 1; transition: ease all 0.3s; }
@media screen and (max-width: 820px ){
    .zh-cn .second_line_card,
    .zh-hk .second_line_card { height: 480px; }
}
@media screen and (max-width: 767px ){
    .ten_links .ten_img .ten_img_txt h2{ display: block; width: 100%; text-align: center; }

    .gui-video .ten_img_txt { justify-content: center; align-items: flex-end; text-align: center;}
    .second_line_card { height: auto; }
}
/*--------------------------------------------------------------------------------*/
.ten_home{
    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;
    font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
}
.ten_home h2{ font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif; }
.ten_home .ten_home_l{ width: calc(33.33% - 12px); padding-top: 24px; }
.ten_home .ten_home_r{ width: calc(66.66% - 12px); }

.ten_home .ten_home_l a{ display: block; margin: 12px 0px; opacity: 0.5; transition: ease all 0.3s; }
.ten_home .ten_home_l h2,
.ten_home .ten_home_l p{ transition: ease all 0.3s; position: relative; }
.ten_home .ten_home_l h2:before{
    content: ""; display: block; position: absolute;
    top:0px; left: -24px;
    height: 100%; width: 6px;
    background: rgba(25,74,195,0);
    transition: ease all 0.3s;
}
.ten_home .ten_home_l p:after{
    content: ""; display: block;
    width: 54px; height: 54px; opacity: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(../image/icon/icon_arrow_r.png);
    transition: ease all 0.3s;
}
.ten_home .ten_home_l a.active,
.ten_home .ten_home_l a:hover{ opacity: 1; }
.ten_home .ten_home_l a.active p:after,
.ten_home .ten_home_l a:hover p:after{ opacity: 1; }
.ten_home .ten_home_l a.active h2,
.ten_home .ten_home_l a.active p,
.ten_home .ten_home_l a:hover h2,
.ten_home .ten_home_l a:hover p { padding-left: 36px; }
.ten_home .ten_home_l a.active h2:before,
.ten_home .ten_home_l a:hover h2:before{ background: #0052D9; left: 0px; }

.ten_home .ten_home_card{ display: none; }
.ten_home .ten_home_card.active{ display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
.ten_home .ten_home_card .ten_img--5x4{ width: 50%; }
.ten_home .ten_home_card .ten_img--5x2{ width: 100%; }
.ten_home .ten_home_card .ten_img_txt{ padding: 24px 24px;}
.ten_home .ten_home_card .ten_img h3{ font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif; position: relative; }
.ten_home .ten_home_card .ten_img h3:after{
    content: ""; display: block; position: absolute;
    width: 36px; height: 24px; opacity: 0;
    top:calc(50% - 9px); right: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(../image/icon/icon_arrow_r.png);
    transition: ease all 0.3s;
}
.ten_home .ten_home_card .ten_img p{ display: none; }
.ten_home .ten_home_card .ten_img:hover p { display: block; }
.ten_home .ten_home_card .ten_img:hover h3:after{ right: 0px; opacity: 1; }

.ten_home--mobile{
    padding: 1px; display: none;
    font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
}
.ten_home--mobile .ten_img{ margin: 24px 0px; }
.ten_home--mobile .ten_img_txt{ padding: 12px 24px;}



@media screen and (max-width: 1023px ){
    .ten_home { display: none; }
    .ten_home--mobile{ display:  block; }
}
@media screen and (max-width: 767px ){ .ten_home--mobile .ten_img--5x2:before{ padding-bottom: 50%; } }
@media screen and (max-width: 479px ){ .ten_home--mobile .ten_img--5x2:before{ padding-bottom: 80%; } }

/*--------------------------------------------------------------------------------*/
.ten_tab  { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.ten_tab a{ display: block; margin: 0px 24px 0px 0px; padding: 6px 0px; }
.ten_tab a.active{ font-weight: bold; border-bottom: 3px solid #0052D9; color:#0052D9; }

.ten_tab--investor a{ padding: 18px 0px;}

@media screen and (max-width: 767px){
    .ten_tab a{ margin: 0px 24px 0px 0px; font-size: 14px; }
}
/*--------------------------------------------------------------------------------*/
.ten_index{ margin: 48px 0px 0px 0px; }
.ten_index span{ font-size: 14px; color:#919797; display: block; }
.ten_index a{ display:block; text-decoration:none; color:inherit; margin:12px 0px; }
.ten_index a:hover{ color:#0052D9; }
.ten_index a:after{
    content: ""; display: inline-block; vertical-align: middle;
    width:6px; height: 6px; transform: rotate(-45deg);
    border-bottom: 1px solid #0052D9;
    border-right: 1px solid #0052D9;
    margin-left: 6px; margin-bottom: 1px;
}
/*--------------------------------------------------------------------------------*/

/* 媒体 */
.dynamics-flx {
    width: 100%;
    margin-top: 44px;
}

.dynamics-flx .list-box {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.dynamics-flx .list-box a {
    display: block;
}

.dynamics-flx .list-box img {
    width: 100%;
    margin-bottom: 24px;
}

.dynamics-flx .list-box .mess {
    padding: 0 16px;
}

.dynamics-flx .list-box .mess .title {
    font-size: 20px;
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 30px;
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dynamics-flx .list-box .mess .desc {
    font-size: 16px;
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 29px;
    width: 100%;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 24px;
    height: 58px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dynamics-flx .list-box .mess .date {
    font-size: 16px;
    color: #919797;
    letter-spacing: 0;
    line-height: 28.8px;
    width: 100%;
    overflow: hidden;
}

.brand-item.brand-item-one {
    padding-top: 72px;
}

.perspective-flx {
    width: 100%;
    overflow: hidden;
    margin-top: 44px;
}

.perspective-flx .pic {
    width: 588px;
    float: left;
    margin-right: 72px;
    position: relative;
	height: 391px;
}

.perspective-flx .pic a {
    display: block;
    width: 100%;
    height: 100%;
}

.perspective-flx .pic a img {
    width: 100%;
    object-fit: cover;
	height: 100%;
}

.perspective-flx .pic .label {
    position: absolute;
    padding: 24px;
    box-sizing: border-box;
    bottom: 0;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 43px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0, .03), rgba(0,0,0, .1), rgba(0,0,0, .2), rgba(0,0,0, .3));
}

.perspective-flx .pic .label .txt {
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}

.perspective-flx .list-box {
    overflow: hidden;
}

.perspective-flx .list-box .li {
    width: 100%;
    margin-top: 41px;
}

.perspective-flx .list-box .li .label {
    font-size: 20px;
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.perspective-flx .list-box .li .date {
    font-size: 16px;
    color: #919797;
    letter-spacing: 0;
    line-height: 29px;
    margin-top: 8px;
}

.medis-mess-box .media-tab {
    width: 100%;
    margin-top: 24px;
}

.medis-mess-box .media-tab .ul {
    width: 100%;
    float: left;
}

.medis-mess-box .media-tab .ul li {
    width: 176px;
    float: left;
    height: 174px;
    box-sizing: border-box;
    padding-top: 37px;
    padding-bottom: 36px;
    cursor: pointer;
    position: relative;
}

.medis-mess-box .media-tab .ul li .line {
    background: #0052D9;
    height: 4px;
    width: 100%;
    position: absolute;
    top: -4px;
    left: 0;
    display: none;
}

.medis-mess-box .media-tab .ul li img {
    display: block;
    margin: 0 auto;
    height: 60px;
    margin-bottom: 9px;
}

.medis-mess-box .media-tab .ul li .label {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 29px;
}

.medis-mess-box .media-tab .ul .active-li {
    background: #fff;
}

.medis-mess-box .con-tab-box {
    width: 100%;
    background: #fff;
}

.medis-mess-box .media-tab .ul .active-li .line {
    display: block;
}

.medis-mess-box .con-tab-box .con-tab {
    display: none;
    height: 495px;
    box-sizing: border-box;
}

.medis-mess-box .con-tab-box .con-tab-active {
    display: block;
}

.medis-mess-box .con-tab-box .con-tab-1 .title {
    font-size: 24px;
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 43.2px;
    width: 100%;
    overflow: hidden;
    margin-top: 24px;
    margin-bottom: 96px;
}

.medis-mess-box .con-tab-box .con-tab-1 .list {
    float: left;
    width: 180px;
    text-align: center;
    margin-right: 40px;
}

.medis-mess-box .con-tab-box .con-tab-1 .list img {
    width: 42px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.medis-mess-box .con-tab-box .con-tab-1 .list .label {
    margin-bottom: 22px;
    font-size: 16px;
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 29px;
}

.medis-mess-box .con-tab-box .con-tab-1 .list a {
    font-size: 16px;
    color: #2A2E2E;
    letter-spacing: 0;
    text-align: right;
    line-height: 29px;
}

.medis-mess-box .con-tab-box .con-tab-mod {
    padding-top: 40px;
}

.medis-mess-box .con-tab-box .con-tab-mod .list {
    width: 22.5%;
	display: inline-block;
    margin-right: 1.2%;
    margin-bottom: 24px;
    position: relative;
	vertical-align: top;
}

.medis-mess-box .con-tab-box .con-tab-mod .list a {
    display: block;
    cursor: pointer;
}

.medis-mess-box .con-tab-box .con-tab-mod .list .pic-box {
    position: relative;
    margin-bottom: 8px;
}

.medis-mess-box .con-tab-box .con-tab-mod .list .pic {
    width: 100%;
}

.medis-mess-box .con-tab-box .con-tab-mod .c-r-m {
    margin-right: 0;
}

.medis-mess-box .con-tab-box .con-tab-mod .more-last-list .look-all {
    display: block;
}

.medis-mess-box .con-tab-box .con-tab-mod .list .label {
    font-size: 16px;
    color: #2A2E2E;
    letter-spacing: 0;
    text-align: center;
    line-height: 29px;
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.medis-mess-box .con-tab-box .con-tab-mod .list .down-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;
    display: none;
}

.medis-mess-box .con-tab-box .con-tab-mod .list:hover .down-icon {
    display: block;
}

.medis-mess-box .con-tab-box .con-tab-mod .look-all {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 82, 217, 0.8);
    display: none;
}

.medis-mess-box .con-tab-box .con-tab-mod .look-all .label {
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 36px;
    margin-top: 48px;
    text-align: center;
}

.medis-mess-box .con-tab-box .con-tab-mod .look-all .desc {
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center;
}

.brand-item.brand-item-four {
    padding-bottom: 20px;
}

.brand-item .big-perspective-flx .pic {
    width: 100%;
    /*height: 390px;*/
}

.digital-ark .mod-section-ad .desc{ width: 510px;}

.digital-ark .mod-section-ad h2{
  margin-top: 120px;
}
.digital-ark .mod-section-ad h2,.digital-ark .mod-section-ad .desc{
  color: #fff;
}
.graph-link-box{
  width: 100%;
}
.graph-link-box a{
  float: left;
  font-size: 16px;
  color:rgba(42,46,46,1);
  letter-spacing: 0;
  font-weight: bold;
  position: relative;
  padding-right: 24px;
  margin-right: 56px;
}

.en-us .graph-link-box .science-link{
  margin-top: 10px !important;
}
.graph-link-box a:after{
  position: absolute;
  content: ' ';
  width: 20px;
  height: 20px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  background: url(../image/icon/chevron-right-black.png) no-repeat center;
  background-size: 20px 20px;
  display: block;
}

.together .section-item .mess-text{
	width: 200px;
	padding-right: 50px;
  float: left;
  padding-left: 24px;
  }
  .together .section-item.section-one-item .mess-text{
	margin-top: 44px;
  }
  .together .section-item.section-two-item .mess-text{
	margin-top: 165px;
  }
  .en-us .together .section-item.section-two-item .mess-text{ margin-top:90px;}
  
  .business-user .section-item.section-three-item .mess-text{
	margin-top: 220px;
  }
  .en-us .together .section-item.section-three-item .mess-text{ margin-top:190px;}
  
  .together .section-item.section-four-item .mess-text{
	margin-top: 156px;
  }
  .together .section-item .mess-text h3{
	font-size: 30px;
	line-height: 224px;
	color: #2a2e2e;
	font-family:'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
  }
  .together .section-item .mess-text .desc{
	font-size: 14px;
	line-height: 25px;
	color: #5f6464;
  }
  .together .section-item .product-box{
	overflow: hidden;
  }
  .together .section-item .product-box .box{
	width: 25%;
	min-height: 224px;
	float: left;
	text-align: center;
	padding-top: 26px;
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
  }
  .digital-ark .section-item .product-box .box{
    width: 33.33333%;
    }
  .together .section-item.white-bg .product-box .box:hover{
	background: #fff;
  }
  
  .together .section-item .product-box .box .logo-pic{
	width: 100%;
  }
  .together .section-item .product-box .box .logo-pic img{
	width: 96px;
  }
  .together .section-item .product-box .box .mess{
	margin-top: 8px;
	width: 100%;
  }
  .together .section-item .product-box .box .name{
	font-size: 20px;
	line-height: 36px;
	color: #2a2e2e;
  }
  .en-us .together .section-item .product-box .box .name{ line-height: 30px;}
  .together .section-item .product-box .box .desc{
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	color: #5f6464;
  }
  .en-us .together .section-item .product-box .box .desc{
	display: none;
  }

  .tool-block{
    width: 100%;
    min-height: 320px;
    background:rgba(251,251,251,1);
    padding: 48px;
    box-sizing: border-box;
    margin-top: 24px;
  }

  .brand-item.white-bg{
    padding-bottom: 0;
  }
  .brand-item:last-child{
    padding-bottom: 96px;
  }

  .brand-two-item .mod-dan-box-2{
    margin-top: 22px;
  }