/*头部banner*/

.aboutus-banner{
  height: 212px;
  background: url('../../image/index/aboutusbg1.png') no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutus-top-en{
  font-size: 10px;
  font-family: SourceHanSansSC, SourceHanSansSC-Bold;
  font-weight: 700;
  color: #ff7700;
  line-height: 15px;
  letter-spacing: 4px;
}

.aboutus-top-cn{
  font-size: 30px;
  font-family: SourceHanSansSC, SourceHanSansSC-Bold;
  font-weight: 700;
  color: #ff7700;
  line-height: 54px;
  letter-spacing: 15px;
}

.about-bottom{
 cursor: pointer;
}




/*公司简介*/
.aboutus-company{
 height: 600px;
 position: relative;
}

.company-left{
   width: 50%;
   background: #ff7700;
   text-align: center;
   padding-left: 118px;
   padding-right: 122px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.company-center{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%,-50%);
}

.company-box:before,.company-inner,.company-box:after{
  width: 20px;
  height: 20px; 
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;
  position: absolute;
  content: '';
}

.company-box:before{
  animation: scale1 2s infinite ;
}


.company-inner{
  animation: scale2 2s infinite ;
}

.company-box:after{
  animation: scale3 2s infinite ;
}

@keyframes scale1{0%{ transform: scale(1); opacity:1}100%{ transform: scale(2); opacity: 0.6;}}
@keyframes scale2{0%{ transform: scale(1);opacity:1;}100%{ transform: scale(5);opacity:0.4;}}
@keyframes scale3{0%{ transform: scale(1);opacity:1;}100%{ transform: scale(8);opacity:0;}}

/* @keyframes scale1{0%{ transform: scale(1); opacity:0.8}100%{ transform: scale(2); opacity: 0.5;}}
@keyframes scale2{0%{ transform: scale(1);opacity:0.5;}100%{ transform: scale(4);opacity:0.2;}}
@keyframes scale3{0%{ transform: scale(1); opacity:0.2}100%{ transform: scale(6); opacity: 0.2;}} */

.company-right{
   width: 50%;
}
.company-right img{
  width: 100%;
  height: 100%;
}

.company-info{
  font-size: 16px;
  font-family: Source Han Sans CN, Source Han Sans CN-Regular;
  font-weight: 400;
  text-align: justify;
  color: #ffffff;
  line-height: 40px;
}


.common-title{
  text-align: left;
}

.aboutus-company .common-title-en{
  align-items: flex-start;
}


/*创始人*/
.manager{
  height: 980px;
  background: url('../../image/aboutus/aboutusbg3.png') center bottom no-repeat,url('../../image/index/aboutusbg2.png') no-repeat;

}

.manager-item{
  position: relative;
}

.manager-item-img{
  overflow: hidden;
  border-radius: 10px;
}

.manager-item:hover .manager-item-img img{
   transform: scale(1.02);
   transition: all 0.3s ease;
}

.manager-item-img img{
  width: 100%;
  height: 488px;
}


.manager-item-info{
  background: rgba(255, 119, 0, 0.7);
  border-radius: 10px;
  text-align: center;
  padding: 30px 20px 0;
  position: absolute;
  left: 60px;
  bottom: -60px;
  width: 320px;
  height: 380px;
  display: none
}


.manager-item-info-title{
  font-size: 20px;
  font-family: Source Han Sans CN, Source Han Sans CN-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
}

.manager-item-info-position{
  font-size: 12px;
  font-family: Source Han Sans CN, Source Han Sans CN-Regular;
  font-weight: 400;
  text-align: left;
  color: #ff7700;
  line-height: 12px;
  background: #ffffff;
  border-radius: 8px;
  display: inline-block;
  padding: 2px 6px;
  margin: 10px 0 25px 0; 
}

.manager-item-info-detail{
  font-size: 14px;
  font-family: Source Han Sans CN, Source Han Sans CN-Regular;
  font-weight: 400;
  text-align: justify;
  color: #ffffff;
  line-height: 28px;
}

.manager-item-active .manager-item-info{
  display: block;
}




 /*公司历程*/
 .company-progress{
    padding-top: 100px;
   /* background: #f2f2f2; */
 }

 .company-progress .common-title-en:after{
   background: #ff7700;
 }





/*联系我们*/
.contactus{
 min-height: 730px;
 position: relative;
 /* background: url('../../image/aboutus/map.png'); */
 margin-top: 200px;
 margin-bottom: 100px;
}

.contactus-info{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0,-50%);
}


.contactus-inner{
  display: flex;
  background: rgba(0,0,0,0.50);
  padding: 44px 60px 34px 30px !important;
  justify-content: space-between;
}



.contact-title{
  font-size: 16px;
  font-family: Source Han Sans CN, Source Han Sans CN-Bold;
  font-weight: 700;
  text-align: left;
  color: #ff7700;
  padding-bottom: 22px;
}

.contact-info{
  font-size: 14px;
  font-family: Source Han Sans CN, Source Han Sans CN-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
}


.contactus-right img{
  width: 100px;
  height: 100px;
}



.qrCode-info{
  font-size: 12px;
  font-family: Source Han Sans CN, Source Han Sans CN-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  text-align: center;
}

/*时间轴*/
@charset "utf-8";
html,body{width:100%; height:100%; padding:0; margin:0;}
/* about-history */
.about-history{ height:701px; padding:64px 106px 0; background:#ff7700 no-repeat center fixed; -webkit-background-size:100% 100%; background-size:100% 100%;}
.about-title {margin-bottom: 25px;}
.about-title h3 {margin: 0 0 10px;font-size:34px;font-weight:400;color: #2c2c2c;}
.about-title p {margin: 0;font-size: 36px;font-weight: 300;color: #f7d0d0;}
.title-white h3{ color:#d6d6d6;}
.title-white p{ color:rgba(222,222,222,.09);}
.about-history-list{ position:relative;}
.about-history-list .flex-viewport{ padding:0 31px;}
.about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #fff; content:'';}
.about-history-list .slides li{ position:relative; width:253px; height:470px; margin-right:63px;}
.about-history-list .slides li .item{ 
  position:absolute; 
  right:-32px; bottom:0;
  left:-32px; 
  min-height:152px; 
  /* padding:44px 0 0 0;  */
  background-color:rgba(255,255,255,1); 
  -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;box-sizing:content-box;border-radius: 10px;}
.about-history-list .slides li .item:before{ position:absolute; top:-49px; left:50%; width:20px; height:20px; overflow:hidden; margin-left:-11px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:rgba(255,255,255,1); content:'';}
.about-history-list .slides li .item:after{ position:absolute; top:-44px; left:50%; width:10px; height:10px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#333333; content:'';}
.about-history-list .slides li:nth-child(even) .item{ top:0; bottom:auto; /*padding:0 0 44px;*/}
.about-history-list .slides li:nth-child(even) .item:before{ top:auto; bottom:-50px;}
.about-history-list .slides li:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.about-history-list .slides li .item:hover{ box-shadow: 0 0 5px rgba(255, 119, 0, 0.7); }
.about-history-list .slides li .item span{     
  position: absolute;
  left: 50%;
  top: -74px;
  transform: translateX(-50%);
  font-size: 16px;
  font-family: Source Han Sans CN, Source Han Sans CN-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
}

.about-history-list .slides li .item:hover h3{ color:#232323; background-color:#fff;}

.about-history-list .slides li .item .desc:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px; border-style:solid; border-color:transparent transparent #fff; content:'';}
.item:hover .desc:before{border-color:transparent transparent #DAB765;}

.about-history-list .slides li:nth-child(even) .item span{ top:auto; bottom:-74px;}

.about-history-list .slides li:nth-child(even) .item .desc:before{ top:100%; bottom:auto; border-width:18px 9px 0; border-color:#fff transparent transparent;}

.about-history-list .slides li .item .desc{ line-height:24px; padding:22px 26px 0; font-size:14px; color: #333333;}
.about-history-list .slides li .item:hover .desc{ color: #333333;}
.about-history-list .slides li .item .desc p{ margin:0;}
.about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direction-nav a{ position: absolute;
  top: 50%;
  width: 48px;
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  margin-top: -26px;
  font-size: 16px;
  font-family: simsun;
  color: #333;
  text-align: center;
  background: #fff;
  border-radius: 50%;}
.about-history-list .flex-direction-nav a.flex-prev{ left:-48px;}
.about-history-list .flex-direction-nav a.flex-next{ right:-48px;}
.about-history-swiper{ width:100%;}
.about-history-swiper .swiper-slide .item{ overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;}
.about-history-swiper .swiper-slide .item h3{ margin:0; height:40px; line-height:40px; overflow:hidden; font-size:20px; text-align:center; color:#999999; background-color:#e2e2e2;}
.about-history-swiper .swiper-slide .item .desc{ line-height:20px; padding:10px; font-size:14px; color:#929292;}
.about-history-swiper .swiper-slide .item .desc p{ margin:0;}
.about-history-swiper .about-history-pagination{ position:static; margin-top:10px;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet{ background:#fff;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet-active{ background:#C91523;}
a{color:#414141;text-decoration:none; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}a:hover{text-decoration:none;}.pull-left{float:left;}.pull-right{float:right;}.pull-none{float:none;}.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}* html .clearfix{zoom:1;}*:first-child+html .clearfix{zoom:1;}.container{width:980px;margin:0 auto;}img{max-width:100%;}img.full{display:block;width:100%;}.list{padding:0;margin:0;list-style:none;}.hidden{ display:none;}.col-1{ float:left; width:8.33333333%;}.col-2{ float:left; width:16.66666667%;}.col-3{ float:left; width:25%;}.col-4{ float:left; width:33.33333333%;}.col-5{ float:left; width:41.66666667%;}.col-6{ float:left; width:50%;}.col-7{ float:left; width:58.33333333%;}.col-8{ float:left; width:66.66666667%;}.col-9{ float:left; width:75%;}.col-10{ float:left; width:83.33333333%;}.col-11{ float:left; width:91.66666667%;}.col-12{ float:left; width:100%;}.col-13{ float:left; width:20%;}.col-offset-3{ margin-left:25%;}.tb{display:table; width:100%; height:100%;}.tbr{display:table-row;}.tbc{display:table-cell;vertical-align:middle;}















@media (min-width:768px) {
  /*头部banner*/

.aboutus-banner{
  height: 980px;
  background: url('../../image/index/aboutusbg1.png') no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutus-top-en{
 font-size: 21px;
 font-weight: 700;
 color: #ff7700;
 line-height: 31px;
 letter-spacing: 9px;
}

.aboutus-top-cn{
 font-size: 80px;
 font-weight: 700;
 color: #ff7700;
 line-height: 119px;
 letter-spacing: 33px;
}

.about-bottom{
 cursor: pointer;
}

/*公司简介*/
.aboutus-company{
 height: 980px;
 display: flex;
 /* background: url('../../image/index/aboutusbg2.png') no-repeat; */

}

}