/* 涓氬姟-闈㈠悜鐢ㄦ埛 */
.brief .mod-section-ad h2{
  color: #fff;
}
.brief .mod-section-ad .desc{
  color: #fff;
}

.brief .mod-tab li a{
  height: 53px;
  line-height: 53px;
  padding: 0;
  font-size: 16px;
}
.brief-text-box{
  width: 100%;
  margin-top: 52px;
  text-align: center;
  position: relative;
}
.brief-text-box h4{
  font-size: 20px;
  color: #666;
  letter-spacing: 0;
  text-align: center;
  line-height: 36px;
  margin-bottom: 16px;
  font-weight: 400;
  text-align: center;
  margin: 0 auto;
  line-height:45px;
  font-family: TencentSansw3;
}
.brief-text-box .desc{
  font-size: 20px;
  color: #666;
  letter-spacing: 0;
  text-align: center;
  line-height: 25px;
  width: 918px;
  line-height:45px;
  margin: 0 auto 16px auto;
  font-family: TencentSansw3;
}
.brief-text-box .more-awant-icon{
  width: 16px;
  height: 8px;
  background: url(../img/brief/more-awant-icon.png) no-repeat center;
  background-size: 100% 100%;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  left: 50%;
  transform: translate(-50%,0px);
  -webkit-transform: translate(-50%,0px);
  -moz-transform: translate(-50%,0px);
  -ms-transform: translate(-50%,0px);
  -o-transform: translate(-50%,0px);
  animation: a_arrow_d 2s linear both infinite;
  display: none;
}

@keyframes a_arrow_d {
	0%{ -webkit-transform: translate(-50%,0px);}
	50%{ -webkit-transform: translate(-50%,10px);}
	100%{ -webkit-transform: translate(-50%,0px);}
}

.mission{
  background: #FBFBFB;
  height: 312px;
  width: 100%;
  position: relative;
  margin-top: 96px;
  padding: 60px 96px;
  box-sizing: border-box;
}
.mission .text-bg{
  width: 824px;
  position: absolute;
  left: 82px;
  bottom: 0;
}
.mission .l-mess{
  float: left;
}
.mission .l-mess .label{
  font-size: 30px;
  color: #2A2E2E;
  letter-spacing: 0;
  font-family: 'TencentSansw7';
}
.mission .r-mess{
  float: right;
  width: 390px;
  height: 190px;
  position: relative;
}
.mission .r-mess:before{
  content: ' ';
  width: 1px;
  position: absolute;
  left: -60px;
  top: 0;
  display: block;
  bottom: 0;
  background: #D8D9DC;
}
.mission .r-mess .label{
  font-size: 20px;
  color: #2A2E2E;
  letter-spacing: 0;
  line-height: 36px;
}
.mission .r-mess .desc{
  font-size: 14px;
  color: #5F6464;
  letter-spacing: 0;
  line-height: 25px;
  margin-top: 16px;
}
.mission .line{
  width: 1px;
  height: 189px;
  background: #D8D9DC;
  position: absolute;
  left: 55.24%;
  top: 67px;
  display: none;
}

.framework-wrap{
  background: #FBFBFB;
  margin-top: 20px;
  padding: 80px 0;
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
}
.framework-box{
  width: 100%;
  margin-top: 38px;
  text-align: center;
}
.framework-box .compy{
  text-align: center;
  margin-top: 12px;
  position: relative;
  margin-bottom: 64px;
}
.framework-box .compy:after{
  content: ' ';
  height: 26px;
  width: 2px;
  background: #D8D9DC;
  position: absolute;
  bottom: -38px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
.framework-box .compy img{
  width: 183px;
}
.framework-box .list-ul{
  width: 100%;
  position: relative;
}
.framework-box .list-ul:before{
  content: ' ';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  width: 83.86%;
  top: -26px;
  height: 2px;
  background: #D8D9DC;
  display: block;
}
.framework-box .list-ul .first{
  margin-left: 0;
}
.framework-box .list-ul .li{
  width: 16.25%;
  background: #F2F3F5;
  padding: 32px  10px;
  box-sizing: border-box;
  text-align: center;
  float: left;
  margin-left: 0.5%;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 1s linear;
}
.framework-box .list-ul .li:first-child{
  margin-left: 0;
}
.framework-box .list-ul .li:before{
  content: ' ';
  height: 26px;
  width: 2px;
  background: #D8D9DC;
  position: absolute;
  top: -26px;
}
.framework-box .list-ul .li .label{
  font-size: 30px;
  color: #0052D9;
  letter-spacing: 0;
  font-family: 'TencentSansw7';
}
.framework-box .list-ul .li .val{
  font-size: 14px;
  color: #5F6464;
  letter-spacing: 0;
  line-height: 25px;
}
.en-us .framework-box .list-ul .li .val span{
  display: block;
}
.framework-box .list-ul .active-li{
  background: #fff;
}
.framework-box .list-ul .active-li .san{
  display: block;
}

.framework-box .li-mess-box{
  width: 100%;
  margin-top: 48px;
  background: #fff;
  position: relative;
}
.framework-box .li-mess-box .mess-text{
  padding: 32px 42px;
  display: none;
  font-size: 14px;
  color: #5F6464;
  letter-spacing: 0;
  line-height: 25px;
  text-align: left;
  opacity: 0;
  transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  -ms-transition: opacity 1s linear;
}
.framework-box .li-mess-box .active-mess{
  opacity: 1;
  display: block;
}
.framework-box .san{
  width: 48px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  bottom: -49px;
  display: none;
}

.team-box{
  margin-top: 48px;
}
.team-box .row{
  width: 100%;
  overflow: hidden;
  word-spacing: normal;
}
.team-box .li{
  width: 25%;
  float: left;
  height: 260px;
  padding-left: 32px;
  box-sizing: border-box;
  position: relative;
  background: #FBFBFB;
  cursor: pointer;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
}
.team-box .li:hover{
  background: #F2F3F5;
}
.team-box .li .pic{
  position: absolute;
  right: 0;
  top: 0;
}
.team-box .li .pic img{
  width: 120px;
  height: 120px;
}
.team-box .li .pic .block{
  width: 28px;
  height: 28px;
  background-color: #0052d9;
  position: absolute;
  left: -14px;
  bottom: -14px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.team-box .li:hover .pic .block{
  left: 0px;
  bottom: 0px;
}
.team-box .li .mess{
  float: left;
  margin-top: 105px;
  width: 100%;
}
.team-box .li .t-mess{
  margin-top: 75px;
}
.team-box .li .m-mess{
  margin-top: 45px;
}
.team-box .li .label{
  font-size: 20px;
  line-height: 30px;
  color: #0052d9;
  margin-bottom: 10px;
}
.team-box .li .job-mess{
  float: left;
  min-width: 160px;
}
.team-box .li .job-mess p{
  width: 100%;
  font-size: 14px;
  line-height: 21px;
  color: #5f6464;
}
.team-box .title-l{
  font-size: 24px;
  line-height: 43px;
  color: #2a2e2e;
  font-weight: 400;
  margin-top: 60px;
  margin-bottom: 35px;
  width: 100%;
  float: left;
}

.culture-wrap {
  background: #FBFBFB;
  padding-left: 100px;
  box-sizing: border-box;
}
.culture-box{
  width: 100%;
  overflow: hidden;
}
.culture-box .t-box{
  width: 100%;
  overflow: hidden;
  min-height: 610px;
}
.culture-box .t-box .pic{
  float: right;
  width: 60.2%;
  min-height: 610px;
  padding-left: 1%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.culture-box .t-box .mess-box{
  width: 39.23%;
  float: left;
  margin-top: 56px;
}
.culture-box .t-box .pic img{
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
}
.culture-box .b-box{
  width: 100%;
  overflow: hidden;
}
.culture-box .t-box h3{
  margin-bottom: 40px;
}
.culture-box .item-title{
  font-size: 20px;
  color: #0052D9;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 8px;
  font-weight: 400;
}
.culture-box .t-box .desc-text{
  font-size: 16px;
  color: #2A2E2E;
  letter-spacing: 0;
  line-height: 29px;
  width: 85%;
}
.culture-box .t-box .min-desc-text{
  text-align: left;
}
.culture-box .t-box ul{
  margin-top: 15px;
  margin-bottom: 57px;
}
.culture-box .t-box ul li{
  font-size: 14px;
  color: #5F6464;
  letter-spacing: 0;
  line-height: 25px;
}
.culture-box .t-box ul li i{
  font-style: normal;
  margin-right: 13px;
}
.culture-box .b-box{
  padding-top: 0px;
}
.culture-box .boxx{
  width: 100%;
}
.culture-box .boxx .x-item{
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.culture-box .boxx .x-item:last-child{
  margin-bottom: 0;
}
.culture-box .boxx .x-item h5{
  font-size: 24px;
  color: #2A2E2E;
  letter-spacing: 0;
  font-family: 'TencentSansw7';
  margin-bottom: 6px;
  font-weight: 400;
}
.culture-box .boxx .x-item .p{
  font-size: 16px;
  color: #2A2E2E;
  letter-spacing: 0;
  line-height: 29px;
}
.both{ clear: both;}
.history-header{ height: 384px; background-size: cover; background-image: url('../images/fz6.jpg'); background-position: center; color: #fff;}
.history-header h2{ text-align: center; font-size: 30px; line-height: 45px; padding-top: 150px; font-family: 'TencentSansw7';}

.progress-bar{ width: 530px; margin: auto; padding-top: 70px;}
.progress-bar .node{ width:24px ; height: 24px;  float: left; position: relative; border-radius: 50%; background:rgba(255,255,255,0.5);}
.progress-bar .node .txt{ position: absolute; font-size: 16px; top: -30px; width: 200px; text-align: center; left: 50%;  margin-left: -100px;}
.progress-bar .node .core{ width:18px; height: 18px; position: absolute; top:3px;  left:3px;  border-radius: 50%; }
.progress-bar .node.active .core{  background: #fff;}
.progress-bar .line{ float: left; height: 2px;  background:rgba(255,255,255,0.5); width:200px; margin-top: 11px;}


.history-content{ height: 413px; background: #FBFBFB ; color: #5F6464; overflow: hidden;}
.en-us .history-content{
  height: 620px;
}
.history-main{ width: 10000px; position: absolute;}
.history-main-box{ width: 384px; float: left; margin-right: 25px;}
.history-title{ font-size: 24px; padding-top: 40px; line-height: 36px; font-family: 'TencentSansw7'; padding-bottom: 8px; border-bottom:1px solid #D8D9DC; margin-bottom: 18px;color: #2A2E2E;}
.history-main-box .li{ line-height: 25px; margin-bottom: 18px; font-size: 14px;}
.history-main-box .li .left{ float: left; width: 40px; padding-right: 10px;  text-align: right;}
.history-main-box .li .right{ width: 320px; float: left;}

.history-content .mod-con{ position: relative;}

.clearfix-mission{ display: none;}

.history-button{ display: none;}

@media screen and (max-width: 750px) {
  .en-us .team-box .li-3,.en-us .team-box .li-10{ height:250px;}
  .en-us .team-box .li-5 .mess{ margin-top:35px;}
}

@media screen and (max-width: 376px) {
  .brief-text-box{
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 375px) {
  .en-us .team-box .li-7,.en-us .team-box .li-8{ height: 295px;}
  .en-us .team-box .li-7 .mess{ margin-top:15px;}
}

@media screen and (max-width: 360px) {
	.en-us .business-architecture-ul .title .left .t-type{ width:137px; margin-top: 21px;}
}


@media screen and (max-width: 330px) {
  .history-button .line-wrap{ margin-right:0%; }
}