
/* CSS Document */

@import url("animate.min.css");
@import url("swiper-bundle.min.css");


/*关于我们*/
.about-section {
	position: relative;
    z-index: 200;
}
.about-con {
    background:#ffffff;
    margin-top:20px;
	box-shadow: 0px 0px 30px rgb(6,52,100,0.1);
    -moz-box-shadow: 0px 0px 30px rgb(6,52,100,0.1);
    -webkit-box-shadow: 0px 0px 30px rgb(6,52,100,0.1);
}
.about-content {
    text-align:center;
}
.about-content img {
    width:100%;
	aspect-ratio: 1.1044 / 1;
}
.about-des p {
    margin-bottom:20px;
}
@media (min-width:1200px){
.about-con {
    margin-top:-40px;
}
}

/*数据*/
.data-section {
    background:url(../image/about-bg1.jpg) no-repeat center center;
	background-size:cover;
	height:auto;
	padding: 30px 0;
	display: flex;
    justify-content: center;
    align-items: center;
}
.data-section .counter-wrap .counter-item {
  margin-top: 30px;
}
.data-section .counter-wrap .counter-item .counter-icon {
  margin-bottom: 30px;
}
.data-section .counter-wrap .counter-item span {
  font-size: 50px;
  line-height: 30px;
  font-weight: 700;
  color: #ffffff;
}
@media (min-width:992px){
.data-section .counter-wrap .counter-item span {
  font-size: 40px;
}
}
@media (min-width:1200px){
.data-section {
	height:300px;
	padding: 0;
}
.data-section .counter-wrap .counter-item span {
  font-size: 50px;
}
}

/*文化*/
.culture-section {
    display:none;
}
@media (min-width:1880px){
.culture-section {
    display:block;
    position:relative;
	background:#f3f5f8;
	height: 580px;
}
.culture-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.culture-logo {
    display:inline-block;
    margin:0 auto;
	position:relative;   
}
@keyframes scaleDraw {
0% {
    -webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
25% {
    -webkit-transform:scale(1.03);
	-moz-transform:scale(1.03);
	-ms-transform:scale(1.03);
	-o-transform:scale(1.03);
	transform:scale(1.03);
}
50% {
    -webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
75% {
    -webkit-transform:scale(1.03);
	-moz-transform:scale(1.03);
	-ms-transform:scale(1.03);
	-o-transform:scale(1.03);
	transform:scale(1.03);
}
}
.culture-logo .culture-logo-img {
	width:169px;
	height:168px;
	background:url(../image/culture-logo.png);
	background-size:169px 168px;
	-webkit-animation: scaleDraw 5s linear infinite;
	-moz-animation: scaleDraw 5s linear infinite;
	-ms-animation: scaleDraw 5s linear infinite;
	-o-animation: scaleDraw 5s linear infinite;
	animation: scaleDraw 5s linear infinite;
}
.culture-item {
    position:absolute;
	width:auto;
}
.culture-item1 {
	left: -281.5px;
    top: -145px;
	width:1024px;
}
.culture-item2 {
	left: -597px;
    top: 61.5px;
	width:618px;
}
.culture-item3 {
	left: -63px;
    top: 83px;
	width:732px;
}
}

/*发展历程*/
.development-section {
    display:none;
}
@media (min-width:1880px){
.development-section {
    display:block;
}
.swiper-parent {
    width:1160px;
	position:relative;
	background:url(../image/development-map.png) no-repeat center center;
	height:506px;
}
.development-item1 {
	_margin-top: 182px;
	margin-top: 93px;
}
.development-item2 {
	margin-top: 42px;
}
.development-item2 .development-ico {
    margin-left: 40px;
}
.development-item3 {
	margin-top: 0px;
}
.development-item3 .development-ico {
    margin-left: 80px;
}
.development-ico {
	margin-top: 10px;
}
.swiper-button-prev {
    top: auto;
    left: auto;
    right: -20px;
    bottom: 0;
    background: #C6CFDB;
	color:#063464;
    width: 70px;
    height: 70px;
	-webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.swiper-button-next {
    top: auto;
    left: auto;
    right: -110px;
    bottom: 0;
    background: #C6CFDB;
	color:#063464;
    width: 70px;
    height: 70px;
	-webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    display:none;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	display:none;
}
.swiper-button-next i, .swiper-button-prev i {
    font-size: 28px;
}
}

/*火箭*/
@media (min-width:1880px){
.hj{
  width: 165px;
  height: 161px;
  position: absolute;
  left: 0px;
  top: 230px;
  background-image: url("../image/hj.png");
  transform: rotate(53deg);
  -webkit-transform: rotate(53deg);
  -moz-transform: rotate(53deg);
  -ms-transform: rotate(53deg);
  -o-transform: rotate(53deg);
}
.run_top_right {
  display: block;
  animation: run-right-right 1.5s 0.1s 1 linear, run-right-top 1.5s 0.1s 1 cubic-bezier(.44,-0.81,.86,.62);
  animation-fill-mode: forwards;
}

@keyframes run-right-top {
  0% {
    _top: 300px;
	top: 230px;
  }

  100% {
    top: 43px;
  }
}

@keyframes run-right-right {
  0% {
    left: 0px;
  transform: rotate(53deg);
  -webkit-transform: rotate(53deg);
  -moz-transform: rotate(53deg);
  -ms-transform: rotate(53deg);
  -o-transform: rotate(53deg);
  }

  100% {
    left: 1320px;
  transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  }
}


}


/*轨迹线*/
.hj-lj {
    display:none;
}
@media (min-width:1880px){
.hj-lj {
    display:block;
    position:absolute;
	left: 28px;
    top: 150px;
}
.hj-lj .svg {
  stroke-dashoffset: 1280;
  stroke-dasharray: 1318;
}
@keyframes svg-path-animation {
	0% {
  stroke-dashoffset: 1280;
  stroke-dasharray: 1318;
	}
	100% {
  stroke-dashoffset: 0;
  stroke-dasharray: 1318;
	}
}
.svg-start .svg {
  animation: svg-path-animation 1.5s 0.1s 1 linear;
  animation-fill-mode: forwards;
}
}


/*团队*/
.about-team-tit {
    background:url(../image/page-team-bg.png) no-repeat center center;
	height:200px;
}
.about-team-tit .kingford-text {
    opacity: 0.3;
}
.about-team-list {
    margin-top:-145px;
}
.about-team-item {
    text-align:center;
}
.about-team-item ul li {
    display:inline-block;
	vertical-align: top;
}
.about-team-item ul li.team-item1 img {
    width: 100%;
	aspect-ratio: 1.9097 / 1;
}
.about-team-item ul li.team-item2 img {
    width: 100%;
	aspect-ratio: 1.8839 / 1;
}
.about-team-item ul li.team-item3 img {
    width: 100%;
	aspect-ratio: 1.0782 / 1;
}
.about-team-item ul li.team-item4 img {
    width: 100%;
	aspect-ratio: 1.4932 / 1;
}
.about-team-item ul li.team-item5 img {
    width: 100%;
	aspect-ratio: 1.0709 / 1;
}
.about-team-item ul li.team-item6 img {
    width: 100%;
	aspect-ratio: 1.1262 / 1;
}
.about-team-item ul li.team-item7 img {
    width: 100%;
	aspect-ratio: 1.4932 / 1;
}
.about-team-item ul li.team-item8 img {
    width: 100%;
	aspect-ratio: 1.1262 / 1;
}
.about-team-item ul li .about-team-img {
	overflow:hidden;
}
.about-team-item ul li .about-team-img img {
    vertical-align:top;
	transition: all 0.3s linear;
}
.about-team-item ul li:hover img {
    transform: scale(1.1);
}
.about-team-more {
    text-align:center;
}
.about-team-more a.kingford-btn1 {
    width: 180px;
    margin: 0 auto;
	color:#ffffff;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (min-width:1200px){
.about-team-tit {
	height:339px;
}
}

/*表单*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
   color:#8EA0B7;
   font-size:16px;
   font-weight:normal;
}
:-moz-placeholder {
   color:#8EA0B7;
   font-size:16px;
   font-weight:normal;
}
::-moz-placeholder {
   color:#8EA0B7;
   font-size:16px;
   font-weight:normal;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
   color:#8EA0B7;
   font-size:16px;
   font-weight:normal;
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {
   color:#8EA0B7;
   font-size:16px;
   font-weight:normal;
}
.single-form {
    margin-bottom: 20px;
}
.about-mes-form .form-control {
}
.about-mes-form textarea.form-control {
    height: 135px;
}
.kingford-btn-c {
	width: 100%;
    margin: 0 auto;
	background: #1D65B9;
	color:#ffffff;
	line-height: 36px;
	padding: 10px 20px;
	cursor: pointer;
	border:none;
	outline:none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.kingford-btn-c:hover {
	background: #40D6FF;
}
@media (min-width:576px){
.kingford-btn-c {
	width: 450px;
	line-height: 56px;
}
}