.ty_about {
      min-width: 1400rpx;
      background: #F1F1F1;
}

p {
      margin: 0;
}

/* input属性按钮控件去掉 */
input::-webkit-inner-spin-button{
      appearance: none; 
      -webkit-appearance: none;
      -moz-appearance:textfield;
}

.pageinput{
      text-align: center;
}

.ty_about_content {
      width: 1400px;
      margin: 0px auto;
      padding: 40px 0;
      display: flex;
}

.ty_about_right {
      width: calc(100% - 180px);
      margin-left: 30px;
}

/* 关于泰丰 */

/* 公司简介 */

.ty_about_banner {
      width: 100%;
      height: 300px;
      background: url(/themes/mall/jd2014/styles/default/images/about_tyfon/index/banner.png) no-repeat;
      background-size: cover;
      position: relative;
}

.ty_about_banner .ty_about_banner_text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      font-size: 38px;
      text-align: center;
}

.ty_about_item {
      padding: 0 30px;
      background: #fff;
      margin-bottom: 30px;
}

.ty_about_article_text {
      padding: 30px 0;
      /* border-bottom: 1px solid #D8D8D8; */
      font-size: 16px;
}

.ty_about_article_text p{
  line-height: 36px;
}

.ty_about_firm {
      padding: 30px 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
}

.firm_item {
      text-align: center;
}

.firm_item_img {
      width: 120px;
      height: 114px;
      background: url(/themes/mall/jd2014/styles/default/images/about_tyfon/index/border.png) no-repeat;
      background-size: cover;
      margin: 0 auto;
      position: relative;
}

.firm_item_img span {
      font-size: 30px;
      font-weight: bold;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
}

.firm_item .title {
      color: #333;
      font-weight: bold;
      font-size: 17px;
      padding-top: 10px;
}

.firm_item p {
      font-size: 16px;
      line-height: 36px;
      display: block;
      width: 80%;
      margin: 0 auto;
}

/* 企业文化 */
.ty_about_firm_culture{
      background-color: #fff;
      padding: 0 20px;
      margin-bottom:30px;
}
.firm_culture{
      display: flex;
      overflow:hidden;
}
.firm_culture_item img{
      padding-top: 38px;
      padding-bottom: 20px;
      width: 58px;
}
.firm_culture_item .title{
      color: #333;
      font-weight: bold;
      font-size: 17px;
      padding-bottom:10px;
}
.firm_culture_item p{
      font-size: 13px;
      line-height: 24px;
}

/* 业务架构 */

.ty_about_brief {
      padding: 30px;
      background-color: #fff;
}

.brief-txt {
      color: #333;
      font-size: 20px;
      font-weight: 600;
      text-align: center;
      padding: 20px 0;
}

.brief-font{
      font-size: 16px;
      line-height: 36px;
}

.build-logo-container {
      width: 200px;
      height: 66px;
      line-height: 60px;
      text-align: center;
      border: 1px solid #D8D8D8;
      margin: 0 auto;
      margin-top: 30px;
}

.build-line-container {
      position: relative;
      width: 806px;
      height: 27px;
      margin: 0px auto;
      border-bottom: 1px solid #D8D8D8;
}

.build-line-container::after {
      content: ' ';
      position: absolute;
      left: 50%;
      top: 0;
      bottom: 0;
      width: 1px;
      background: #D8D8D8;
}

.build-item-container {
      width: 950px;
      margin: 0 auto;
      margin-top: 13px;
      margin-bottom: 30px;
}

.build-item {
      float: left;
      position: relative;
      width: 145px;
      height: 65px;
      margin-left: 122px;
      padding: 5px 0;
      border: 1px solid #D8D8D8;
      text-align: center;
      margin-top: 10px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
}

.build-item-active {
      background: #fff;
}

.build-item::after {
      content: '';
      position: absolute;
      left: 50%;
      top: -25px;
      width: 1px;
      height: 24px;
      background: #D8D8D8;
}

.build-item:first-child {
      margin-left: 0;
}

.build-item:last-child {
      float: right;
}

.build-item .txt {
      font-size: 16px;
      color: #000000;
      width: 100%;   
}

.build-item .tit {
      width: 100%;
      font-size: 26px;
      color: #337ab7;
}

.build-item-font{
      font-size: 16px;
      line-height: 36px;
}

/* 基本信息 */

.about_profile .table {
      padding: 10px 30px;
      background: #fff;
      margin-bottom: 30px;
}

.about_profile .title {
      font-size: 24px;
      text-align: center;
      font-weight: bold;
      color: #333;
}

table {
      border: 1px solid #D8D8D8;
      margin: 25px 0;
}

table tr {
      border-bottom: 1px solid #D8D8D8;
}

table th {
      width: 200px;
      text-align: center;
      border-right: 1px solid #D8D8D8;
      padding: 20px;
      color: #999999;
      font-size: 16px;
}

table td {
      padding: 20px;
      font-size: 16px;
      line-height: 36px;
}

table tr:nth-child(2n) {
      background: #F8F8F8;
}

table tr:last-child {
      border-bottom: none;
}

/* 企业管制 */

.about_profile .profile_firm {
      padding: 10px 0;
      background: #fff;
      margin-bottom: 30px;
}
.profile_firm_icon{
      display: flex;
      justify-content: space-around;
      align-items: center;
}
#firm-chart {
      width: 500px;
      height: 500px;
}

.firm_text .top {
      margin-bottom: 100px;
}

.firm_text .text_title {
      font-size: 19px;
      font-weight: bold;
      padding: 10px 0;
      border-bottom: 1px solid #D8D8D8;
      width: 267px;
}

.firm_text .top p{
      font-size: 14px;
      color: #666666;
      line-height: 30px;
}

.firm_text .bottom_pointer .pointer{
      margin: 10px 5px;
      font-size: 16px;
      color: #8C8C8C;
}

.firm_text .bottom_pointer i{
      margin-right:5px ;
      display: inline-block;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background-color: #518AFC ;
}

/* 员工情况 */

.about_profile .profile_staff {
      padding: 20px 30px;
      background: #fff;
}

.about_profile .profile_staff .icon-box{
      display: flex;
      justify-content: space-around;
}

.age-chart-box, .education-chart-box {
      width: 720px;
      height: 550px;
      position: relative;
}

#age-chart, #education-chart {
      width: 100%;
      height:490px;
}

.about_profile .pointer-box {
      display: flex;
      align-items: center;
      justify-content: center;
}

.about_profile .pointer-box .pointer{
      display: inline-block;
      margin-right: 10px;
      font-size: 16px;
}

.about_profile .pointer-box i{
      display: inline-block;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background-color: #E55357 ;
}

.about_profile .text{
      color: #999999;
      font-size: 16px;
}

/* 创始人及管理团队 */

.about_team .about_team_member {
      padding: 30px;
      background: #fff;
      text-align: center;
      margin-bottom: 30px;
}

.about_team .title {
      font-size: 24px;
      text-align: center;
      font-weight: bold;
}

.about_team .about_team_member ul li {
      padding: 10px 0;
}

.about_team .about_team_member ul li .head {
      border: 1px solid #337ab7;
      border-radius: 50%;
      padding: 5px;
}

.about_team .about_team_member ul li .text_topic {
      color: #337ab7;
      font-size: 20px;
      font-weight: bold;
      padding: 20px 0;
}

.about_team .about_team_member ul li .text_content {
      text-align: left;
      font-size: 16px;
      line-height: 36px;
}

.about_team .about_team_member ul li.head_text {
      display: flex;
      align-items: center;
}

.about_team .about_team_member ul li .text_right {
      text-align: left;
}

.about_team .about_team_member ul li .text_right .text_topic {
      padding-right: 20px;
}

/* 荣誉证书 */

.about_team .about_team_honor {
      padding: 30px;
      background: #fff;
      margin-bottom: 30px;
}

.about_team .about_team_honor .honor_item{
      width:244px;
      margin: 14px;
      display: inline-block;
      box-sizing: border-box;
      vertical-align: top;
      cursor: pointer;
      text-align: center;
}

.about_team .about_team_honor .honor_item img{
      margin: 10px ;  
}

.about_team .about_team_honor .honor_item .scroll_hide{
      margin: 0 15px;
      text-align: center;
      overflow: hidden;
      background-color: #fff;
}

/* 管理团队 */

.about_team .about_team_director {
      padding: 30px;
      background: #fff;
}

.about_team .about_team_director .build-text-container {
      width: 145px;
      height: 74px;
      padding: 5px 0;
      text-align: center;
      border: 1px solid #D8D8D8;
      margin: 0 auto;
      margin-top: 20px;
}

.about_team .about_team_director .tit {
      color: #337ab7;
      font-size: 19px;
      font-weight: bold;
      margin: 3px 0;
}

.about_team .about_team_director .txt {
      color: #000000;
      font-size: 16px;
}

.about_team .about_team_director .build-line-container {
      width: 1009px;
}

.about_team .about_team_director .build-item-container {
      margin-bottom: 50px;
      width: 100%;
}

.about_team .about_team_director .build-item-container .build-item {
      width: 120px;
      height: 90px;
      margin-left: 81px;
}

.about_team .about_team_director .build-item-container .build-item:first-child {
      margin-left: 0px;
}

.no-member ul {
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      text-align: center;
      margin-top: 20px;
}

.no-member ul li .tit {
      padding-bottom: 10px;
}

/* 企业文化 */
 
.about_culture_item {
      background: #fff;
      padding:10px 30px;
      margin-bottom: 30px;
}

.about_culture_item .picture{
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.about_culture_item .title {
      text-align: center;
      font-size: 24px;
      font-weight: bold;
}

.about_culture_item .title span {
      font-size: 14px;
}

.about_culture_item ul.firm_culture {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 0 30px;
      margin-top: 10px;
}

.about_culture_item ul.firm_culture li {
      width: 50%;
      display: flex;
      align-items: center;
      margin: 10px 0;
}

.about_culture_item ul.firm_culture li .text_title {
      font-size: 20px;
      font-weight: bold;
      margin: 10px 0;
}

.about_culture_item ul.firm_culture li .text_content {
      font-size: 16px;
}

.about_culture_item ul.firm_culture li img {
      padding-right: 20px;
      width: 80px;
}

/* 办公环境 */

.about_culture_item .item_box {
      display: flex;
      align-content: center;
      justify-content: space-between;
      flex-wrap: wrap;
      padding-top: 20px;
}

.about_culture_item .item_img{
      width: 33%;
}

.about_culture_item .item_img img {
      display: block;
      width: 90%;
      margin: 0 auto;
      margin-bottom: 30px;
      cursor: pointer;
}

/* 主营业务 */

.about_business {
      background: #fff;
      padding: 10px 100px;
}

.about_business .title {
      text-align: center;
      font-weight: bold;
      font-size: 24px;
}

.business_ball_border {
      padding-top: 20px;
}

.ball_border_item {
      position: relative;
      width: 1000px;
      height: 282px;
      background: url('/themes/mall/jd2014/styles/default/images/about_tyfon/border_ball1.png') no-repeat;
      background-size: contain;
      object-fit: cover;
      display: flex;
      justify-content: space-around;
}

.ball_border_item:nth-child(2) {
      background: url('/themes/mall/jd2014/styles/default/images/about_tyfon/border_ball2.png') no-repeat;
      background-size: contain;
}

.ball_border_item_title {
      width: 203px;
      font-size: 20px;
      padding: 90px 0;
}

.ball_border_item_text {
      width: 713px;
      padding: 30px 10px;
      font-size: 16px;
      line-height: 30px;
}

/* 发展历程 */

.about_history {
      background: #fff;
      padding: 20px 30px;
}
.about_history .title {
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 25px;
}

.about_history .about_history_list {
      border-top: 1px solid #D8D8D8;
      padding: 20px 0 ;
}

.about_history .about_history_content{
      position: relative;
      padding: 0 30px; 
}

.about_history .about_history_list .line {
      width: 1px;
      height: 100%;
      background-color: #333;
      position: absolute;
      left: 113px;
      top: 50.3%;
      transform: translateY(-50%);
}

.about_history .about_history_list .dot {
      display: inline-block;
      position: relative;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      margin-right:20px;
      border: 1px solid #337ab7;
      cursor: pointer;
}

.about_history .about_history_list .dot.active{
      width: 14px;
      height: 14px;
      left: -3px;
      margin-right:15px;
}

.about_history .about_history_list .dot i.active{
      width: 8px;
      height: 8px;
}

.about_history .about_history_list .dot i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background-color: #337ab7;
      cursor: pointer;
}

.about_history .about_history_list .row {
      margin-bottom: 30px;
}

.about_history .about_history_list .caption{
      border: 1px solid #337ab7;
      display: inline-block;
      padding: 0 10px;
      padding-top: 5px;
      padding-bottom: 2px;
      margin: 10px 0;
      width: 93px;
      margin-left: 48px;
      background-color: #fff;
      position: relative;
      font-size: 16px;
      cursor: pointer;
}

.about_history .about_history_list .list_dt_icon{
      position: absolute;
      right: 7px;
      top: 9px;
      display: block;
      width: 15px;
      height: 15px;
      cursor: pointer;
      background-size: contain;
      background:url("/themes/mall/jd2014/styles/default/images/about_tyfon/arrow_hide.png") no-repeat;
}

.about_history .about_history_list .text {
      display: inline-block;
      font-size: 16px;
      color: #999999;
      max-width: 80%;
      position: absolute;
      cursor: pointer;
}
.about_history .about_history_list .text.red{
      color: red;
}
.about_history .about_history_list .row:hover .text, .about_history .about_history_list .row .text.active {
      color: #337ab7;
      font-size: 16px;
}

.about_history .about_history_list .foldDivs .time{ 
      font-weight: bold;
      font-size: 16px;
      margin-right: 5px;

} 

/* 荣誉证书 */

.about_honor {
      background-color: #fff;
}

.about_honor .img{
    padding: 0 40px;
    background-image: url(https://cdn.tyfon.com.cn/themes/mall/jd2014/styles/default/images/about_tyfon/honor/honor-bg.png);
    background-size: 100% auto;
}

.about_honor .img-title{
    display: block;
    width: 100%;
    padding: 40px 15px;
}

.about_honor .img  .img_item{
      width: 244px;
      box-sizing: border-box; 
      margin: 15px 15px;
      display: inline-block;
      vertical-align: top;
      border: 1px solid #D8D8D8;
      background-color: #fff;
      cursor: pointer;
}

.about_honor .img  .img_item .scroll_hide {
    margin: 0 15px;
    text-align: center;
    overflow: hidden;
    background-color: #fff;
}

.about_honor .img  .img_item .scroll_hide p{
      display: inline-block;
      padding: 10px 0;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
}

#exhibit {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 10;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(0, 0, 0, .2);
}

#exhibit img {
      width: 30%;
      max-height: 60%;
      object-fit: fill;
      cursor: pointer;
}

.about_honor #exhibit img.active {
      animation: name1 .8s;
      animation-fill-mode: forwards;
}

@keyframes name1 {
      0% {
            transform: scale(0);
      }
      100% {
            transform: scale(2.5);
      }
}

/* 领导关怀 */

.about_leader_care {
      background-color: #fff;
      text-align: left;
}

.about_leader_care .title {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 25px;
}

.about_leader_care .title-icon{
    padding-top: 50px;
}

.about_leader_care .img-title{
    display: block;
    width: 100%;
    padding: 30px 30px;
}

.about_leader_care .leader_care .leader_care_li {
      width: 360px;
      margin: 10px ;
      box-sizing: border-box;
      overflow: hidden;
      display: inline-block;
      border: 1px solid #D8D8D8;
      background-color: #fff;
      cursor: pointer;
}
.about_leader_care .leader_care .policy img{
    height: 180px;
}

.pagination>li>a, .pagination>li>span{
      margin: 10px;
      border: 1px solid #999999;
      color: #999999;
}

.pagination>li>a:hover,.pagination>li>a.active{
      color: #fff;
      background-color: #337ab7;
}

.about_leader_care .leader_care{
    background-image: url(https://cdn.tyfon.com.cn/themes/mall/jd2014/styles/default/images/about_tyfon/honor/honor-bg.png);
    background-size: 100% auto;
}

.about_leader_care .leader_care .leader_care_li .scroll_hide {
      width: 313px;
      margin-left: 20px;
      text-align: center;
      overflow: hidden;
}

.about_leader_care .leader_care .leader_care_li .lead_scroll {
      display: inline-block;
      position: relative;
      padding: 10px 0;
      white-space: nowrap;
      font-size: 16px;
      color: #333;
}

.exhibit_wrapper{
      position: relative; 
      width: 100%;
}

 #exhibit p{
      width: 100%;
      color: #fff;
      font-size: 27px;
      font-weight: bold;
      position: absolute;
      bottom: -240px;
}

/* 法律资讯 */

/* 反洗钱措施 */

.anti_money {
      background-color: #fff;
      padding: 30px;
}

.anti_money .title {
      font-size: 24px;
      font-weight: bold;
      text-align: center;
}

.anti_money .top{
      display: flex;
      align-items: center;
      margin-bottom: 30px;
}

.anti_money .text {
      font-size: 16px;
      padding-left: 50px;
      line-height: 36px;
}

.anti_money .conter_title {
      position: relative;
      padding-bottom: 30px;
}

.anti_money .line {
      display: inline-block;
      width: 3px;
      height: 26px;
      position: absolute;
      background: #337ab7;
}

.anti_money .conter_title .conter_title_text {
      font-size: 20px;
      font-weight: bold;
      margin-left: 18px;
}

.anti_money_content {
      border: 1px solid #D8D8D8;
      padding: 30px 0;
}

.anti_money_content ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 0 10px;
}

.anti_money_content ul li {
      width: 50%;
      display: flex;
      align-items: center;
      margin: 10px 0;
}

.anti_money_content ul li .circle {
      display:inline-block;
      width: 35px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      color: #fff;
      background: #337ab7;
      border-radius: 50%;
      font-size: 16px;
      margin-right: 8px;
}

.anti_money_content ul li .text_item{
      width: 500px;
      padding: 0 10px;
      line-height: 36px;
}

.anti_money_content ul li .content_text {
      font-size: 15px;
     
}

.anti_money_content ul li .content_text_garss {
      color: #999999;
      font-size: 15px;
}

/* 服务协议,隐私政策 */

.about_service, .about_privacy {
      background-color: #fff;
      padding: 30px;
}

.about_service .title, .about_privacy .title {
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 30px;
}

.word-small-title {
      font-size: 21px;
      font-weight: bold;
      margin: 30px 0 10px;
}

.word-tit {
      font-size: 16px;
      margin-bottom: 15px;
      line-height: 36px;
}

.content-area-small-text {
      font-size: 16px;
      line-height: 33px;
}

/* 使用条款 */

.about_usage_terms {
      background-color: #fff;
      padding: 30px;
}

.about_usage_terms .table .title {
      font-weight: bold;
      font-size: 24px;
      text-align: center;
}

.about_usage_terms .table p {
      font-size: 16px;
      color: #333333;
      margin: 30px 0;
      line-height: 36px;
}

.about_usage_terms .table tr th {
      font-weight: bold;
      color: #333;
}

/* 知识产权 */

.about_protect_knowledage {
      background-color: #fff;
      padding: 30px;
      margin-bottom: 30px;
}

.about_protect_knowledage .title {
      font-weight: bold;
      font-size: 24px;
      text-align: center;
      margin-bottom: 30px;
}

.about_protect_knowledage .text {
      font-size: 16px;
}

.about_protect_knowledage .paper{
      height: 349px;
      overflow: hidden;
      margin: 17px 0;
}
.about_protect_knowledage .paper .paper_picture{
      width: 258px;
      height: 349px;
      cursor: pointer;
}

.about_equity_knowledage {
      background-color: #fff;
      padding: 20px;
      margin-bottom: 40px;
}

.about_equity_knowledage .title {
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 30px;
      margin-left: 15px;
      position: relative;
}

.about_equity_knowledage .title::before {
      content: "";
      position: absolute;
      top: -2px;
      left: -18px;
      display: inline-block;
      width: 5px;
      height: 26px;
      background: #337ab7;
      border-radius: 3px; 
}

.about_equity_knowledage ul {
      border-top: 1px solid #D8D8D8;
      padding: 25px 0;
}

.about_equity_knowledage ul.equity_ul li {
      display: flex;
      align-items: center;
}

.about_equity_knowledage .equity_ul li img {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      margin-right: 20px;
}

.about_equity_knowledage ul li .content .content_title {
      font-size: 20px;
      font-weight: bold;
      padding-bottom: 10px;
}

.about_equity_knowledage ul li .content .content_text {
      font-size: 16px;
}

.policy_ul {
      text-align: center;
}

.policy_ul li .policy_li_title {
      display: flex;
      align-items: center;
      justify-content: center;
}

.policy_ul li .policy_li_title img {
      width: 50px;
      height: 50px;
      border-radius: 50%;
}

.policy_ul li .policy_li_title .content_title {
      margin-left: 10px;
      font-size: 20px;
      font-weight: bold;
}

.policy_ul li .content_text {
      font-size: 16px;
      line-height: 36px;
}

.policy_ul li .content_text_width {
      width: 700px;
      margin: 10px auto 0 auto;
}

.policy_ul li .policy_li {
      display: flex;
      margin-top: 10px;
}

.policy_ul li .policy_li .policy_li_item .content_text {
      margin: 0 30px;
}

/* 关于我们 */

/* 关注我们 */

.follow_us {
      background-color: #fff;
      padding: 30px;
}

.follow_us .title {
      font-weight: bold;
      font-size: 24px;
      text-align: center;
}

.follow_us .line_text {
      border-top: 1px solid #D8D8D8;
      padding-top: 12px;
      margin: 20px 0;
}

.follow_us .text {
      font-size: 16px;
      color: #666666;
}

.follow_us ul {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
}

.follow_us ul li {
      margin: 10px 18px;
      text-align: center;
}
.follow_us ul li img{
    width: 150px;
}

/* 联系我们 */

.contact_us {
      background-color: #fff;
      padding:10px 30px;
}

.contact_us .title_icon{
      display: flex;
      align-items: center;
      justify-content: space-between;
}
.contact_us .title {
      font-size: 24px;
      font-weight: bold;
      text-align: center;
}

.contact_us ul {
      padding-top: 10px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
}

.contact_us ul li {
      width: 49%;
      padding: 20px;
      margin: 15px 0;
      border: 1px solid #D8D8D8;
}

.contact_us ul li .content_title {
      font-weight: bold;
      font-size: 20px;
      line-height: 36px;
}

.contact_us ul li .content_text {
      font-size: 16px;
      line-height: 36px;
}