/* 头部 */
.head{
   width: 100%;
   height: 80px;
   position: fixed;
   top: 0;
   z-index: 9999;
}
/* 关于我们 */
.xt_aboutus{
   max-width: 100%;
   height: auto;
   margin-top: 80px;
}
.banner{
   width: 100%;
   height: auto;
   text-align: center;
}
.banner .scroll_div{
   /* position:relative;  
   overflow:hidden;   */
   height: auto;
   margin:0 auto;
}
.scroll_div .swiper-slide{
   width:1920px;  
   height: 448px;
   /* position:absolute;  
   left:50%;  
   margin-left:-960px;  */
}
.bg_banner{
   height: 448px;
}
/* .scroll_div .swiper-slide img{
   width:100%;
   height: 448px;
} */
.title{
   margin: 0 auto;
   overflow: hidden;
}
.title img{
   width: 93px;
   height: 16px;
   display: inline-block;
   margin: 0 48px 8px;
}
.title h2{
   font-size:48px;
   font-family:Source Han Sans CN;
   font-weight:600;
   line-height:48px;
   display: inline-block;
}
.aboutus_title_main{
   margin-top: 106px ;
}
.aboutus_title_main h2{
   color:#242526;
}
.aboutus_title p{
   font-size:24px;
   font-family:Source Han Sans CN;
   font-weight:400;
   color:#424242;
   line-height:22px;
   margin: 28px auto 80px;
}
.aboutus_statistics{
   width: 1105px;
   height: 80px;
   margin: 0 auto;
}
.aboutus_statistics div{
   width: 256px;
   height: 80px;
   padding: 0 10px;
   float: left;
   border-right:1px solid rgba(121,121,121, 0.33) ;
}
.aboutus_statistics div:last-child{
   border-right:none;
}
.aboutus_statistics div em{
   font-size:60px;
   font-family:Trade Gothic LT Std;
   font-weight:800;
   color:#0E64F3;
   line-height:22px;
   font-style: normal;
}
.ship_num i{
   font-size:43px;
   font-family:Trade Gothic LT Std;
   font-weight:800;
   color:#0E64F3;
   line-height:22px;
   font-style: normal;
}
.aboutus_statistics div span{
   font-size:24px;
   font-family:Source Han Sans CN;
   font-weight:600;
   color:#333;
   line-height:22px;
}
.aboutus_statistics div p{
   font-size:22px;
   font-family:Source Han Sans CN;
   font-weight:400;
   color:#797979;
   line-height:22px;
   margin-top: 14px;
}
.aboutus_intr{
  position: relative;
}
.aboutus_intr .bg{
   width: 100%;
   height: 340px;
   background:#F0F3F7;
   position: absolute;
   top:129px;
   left: 0;
   z-index: -1;
}
.aboutus_videointr{
   background:url(../images/aboutus/bg_videointr.png) no-repeat center bottom;
   width: 1430px;
   height: 418px;
   margin: 110px auto 51px;
}
.video_con{
   width:647px; 
   height:365px;
   float: left;
   margin-left: 216px;
   position: relative;
}
/* video::-webkit-media-controls {
   display:none ;
} */
.video_con button{
   width: 96px;
   height: 96px;
   background: url(../images/aboutus/start.png) no-repeat center;
   position: absolute;
   top: 126px;
   left: 275px;
   border: none;
}
.text_con{
   float: left;
   margin-left: 43px;
   color:#FFF;
   width: 320px;
   margin-top: 76px;
   text-align: left;
   overflow: hidden;
}
.text_con em{
   float: left;
   width:5px;
   height:30px;
   background:#FFF;
   font-style: normal;
}
.text_con span{
   font-size:30px;
   font-family:Source Han Sans CN;
   font-weight:bold;
   margin-left: 13px;
   line-height:30px;
}
.text_con p{
   font-size:20px;
   font-family:Source Han Sans CN;
   font-weight:400;
   line-height:30px;
   margin-top: 28px;
}
.aboutus_slogan{
   margin-top: 118px;
   position: relative;
   height: 994px;
}
.aboutus_slogan .bg{
   width: 100%;
   height: 717px;
   background:#F0F3F7;
   position: absolute;
   top:277px;
   left: 0;
   z-index: -1;
}
.slogan_con{
   position: absolute;
   width:100%;
   top:0;
   left: 0;
}
.aboutus_slogan img{
   margin:0 auto;
}
.aboutus_slogan_xq{
   width: 996px;
   height: 430px;
   margin: 75px auto 0;
}
.aboutus_slogan_xq div{
   float: left;
   width: 332px;
   height: 215px;
}
.aboutus_slogan_xq div img{
   width: 332px;
   height: 215px;
}
.aboutus_slogan_xq .wrapDiv {
   position:relative;
}
.aboutus_slogan_xq .wrapDiv img{
	transition:.3s;
	position:absolute;
   top:0;
   left: 0;
}
.pic01 {
	opacity:1;
}
.pic02 {
	opacity:0;
	transform:rotateY(-180deg);
}
.aboutus_slogan_xq .wrapDiv:hover .pic01 {
	transform:rotateY(180deg);
	opacity:0;
}
.aboutus_slogan_xq .wrapDiv:hover .pic02 {
	opacity:1;
	transform:rotateY(0);
}
.aboutus_timeline{
   background:url(../images/aboutus/bg_timeline.png) no-repeat center bottom;
   max-width: 100%;
   height: 641px;
   margin: 0 auto;
   overflow: hidden;
}
.timeline_title{
   margin-top: 104px ;
}
.timeline_title h2{
   color:#fff;
}
.timeline_con{
   height: 430px;
   margin-top: 61px;
   position: relative;
}
.line_main{
   width:1200px;
   height:1px;
   background:#fff;
   position: absolute;
   top:93px;
   left: 0;
}
.timeline_year{
   height: 190px;
   position: absolute;
   top: 18px;
   left: 60px;
}
.timeline_year li{
   float: left;
   text-align: center;
   margin: 0 14px;
}
.timeline_year li:nth-child(7){
   margin-top: -25px;
}
.timeline_year li:nth-child(2n){
   margin-top: 28px;
}
.timeline_year li p{
   width:80px;
   font-size:20px;
   font-family:Source Han Sans CN;
   font-weight:400;
   color:#fff;
   line-height:25px;
}
.timeline_year li div{
   width:30px;
   height: 30px;
   background: url(../images/aboutus/star02.png) no-repeat center;
   margin: 11px auto;
}
.star{
   background: url(../images/aboutus/star01.png) no-repeat center !important;
   animation: star1 0.3s;
   -moz-animation: star1 0.3s;	/* Firefox */
   -webkit-animation: star1 0.3s;	/* Safari 和 Chrome */
   -o-animation: star1 0.3s;
}
@keyframes star1
{
   0% {background-size: 100%;}
   50% {background-size: 103%;}
   100% {background-size: 100%;}
}
@-moz-keyframes star1 /* Firefox */
{
   0% {background-size: 100%;}
   50% {background-size: 103%;}
   100% {background-size: 100%;}
}
@-webkit-keyframes star1 /* Safari 和 Chrome */
{
   0% {background-size: 100%;}
   50% {background-size: 103%;}
   100% {background-size: 100%;}
}
@-o-keyframes star1 /* Opera */
{
   0% {background-size: 100%;}
   50% {background-size: 105%;}
   100% {background-size: 100%;}
}
.timeline_year li span{
   font-size:28px;
   font-family:Trade Gothic LT Std;
   font-weight:normal;
   color:#25AAFF;
   line-height:22px;
}
.poster2020{
   width:478px;
   height:125px;
   background: url(../images/aboutus/bg_poster2020.png) no-repeat center top;
   position: absolute;
   top:224px;
   left: 361px;
   padding-top:30px ;
}
.post{
   animation: post 0.3s;
   -moz-animation: post 0.3s;	/* Firefox */
   -webkit-animation: post 0.3s;	/* Safari 和 Chrome */
   -o-animation: post 0.3s;
}
@keyframes post
{
   0% {background-size: 90%;opacity: 0;}
   50% {background-size: 105%;opacity: 0.5;}
   100% {background-size: 100%;opacity:1;}
}
@-moz-keyframes post
{
   0% {background-size: 90%;opacity: 0;}
   50% {background-size: 105%;opacity: 0.5;}
   100% {background-size: 100%;opacity:1;}
}
@-webkit-keyframes post
{
   0% {background-size: 90%;opacity: 0;}
   50% {background-size: 105%;opacity: 0.5;}
   100% {background-size: 100%;opacity:1;}
}
@-o-keyframes post
{
   0% {background-size: 90%;opacity: 0;}
   50% {background-size: 105%;opacity: 0.5;}
   100% {background-size: 100%;opacity:1;}
}
.poster2020 p{
   font-size:20px;
   font-family:Source Han Sans CN;
   font-weight:400;
   color:#fff;
   line-height:29px;
   opacity:0.7;
   margin-top: 5px;
}
.poster2020 p:last-child{
   font-size:24px !important;
   opacity:1 !important;
}
.poster2020 .poster{
   animation: shadow 2s;
   -moz-animation: shadow 2s;	/* Firefox */
   -webkit-animation: shadow 2s;	/* Safari 和 Chrome */
   -o-animation: shadow 2s;
   text-shadow:0 0 3px  #F0F3F7;
}
@keyframes shadow
{
   from {text-shadow:0 0 1px  #F0F3F7;}
   to {text-shadow:0 0 5px  #F0F3F7;}
}
@-moz-keyframes shadow
{
   from {text-shadow:0 0 1px  #F0F3F7;}
   to {text-shadow:0 0 5px  #F0F3F7;}
}
@-webkit-keyframes shadow
{
   from {text-shadow:0 0 1px  #F0F3F7;}
   to {text-shadow:0 0 5px  #F0F3F7;}
}
@-o-keyframes shadow
{
   from {text-shadow:0 0 1px  #F0F3F7;}
   to {text-shadow:0 0 5px  #F0F3F7;}
}
.aboutus_mainitems{
   background: url(../images/aboutus/bg_mainitems.png) no-repeat center top;
   height: 576px;
   overflow: hidden;
}
.mainitems_title{
   margin-top: 104px ;
}
.mainitems_title h2{
   color:#242526;
}
.mainitems_con{
   width: 1105px;
   margin: 0 auto;
}
.mainitems_con dl{
   width: 178px;
   height: 240px;
   float: left;
   border-left: 1px dashed #D4D4D4;
   margin-top: 81px;
}
.mainitems_con dl:first-child{
   width: 332px;
   border-left: none;
}
.mainitems_con dl:first-child dt{
   margin-bottom: 16px;
}
.l{
   float: left;
   text-align: left;
   margin-left: 55px;
}
.r{
   float: right;
   text-align: left;
   margin-right: 55px;
}
.mainitems_con dl dt{
   font-size:20px;
   font-family:Source Han Sans CN;
   font-weight:bold;
   color:#242526;
   line-height:22px;
   /* margin-bottom: 37px; */
}
.mainitems_con dl dd{
   font-size:16px;
   font-family:Source Han Sans CN;
   font-weight:400;
   color:#424242;
   line-height:18px;
   margin: 22px auto;
   position: relative;
}
.mainitems_con dd img{
   max-width: 22px;
   position: absolute;
   top: -8px;
}
.i01{
   right: 8px;
}
.i02{
   right: 1px;
}
.i03{
   right: -24px;
}
.i04{
   right: 26px;
}
.i05{
   right: 33px;
}
.mainitems_con p img{
   max-width: 22px;
}
.aboutus_partner{
   background: url(../images/aboutus/bg_partner.png) no-repeat center top;
   height: 680px;
   overflow: hidden;
}
.partner_title{
   margin-top: 107px;
}
.partner_title h2{
   color:#fff;
}
.partner{
   max-width: 994px;
   height:343px;
   overflow: hidden;
   margin-top: 80px;
}
.partner_div{
   max-width: 100%;
   height: 343px;
   border-radius: 15px;
}
.partner_div img{
   width: 994px;
   height: 343px;
   float: left;
}
.partner_con .swiper-container{
   height: 400px;
}


/* 底部 */
.foot{
   width: 100%;
   height: 345px;
}

/* 2022-1-19改版 */
.xt_aboutus{
	font-family: HarmonyOS Sans SC;
}
.new-public{
	width: 1200px;
	margin: 0 auto;
}
.new-aboutus_title>h2{
	font-size: 42px;
	color: #000000;
	font-weight: 500;
	margin: 105px 0 11px 0px;
}
.new-aboutus_title>p{
	font-size: 18px;
	color: #000000;
	font-family: HarmonyOS_Sans_SC_Light;
}
.new-aboutus_statistics{
	margin-top: 75px;
	height: 200px;
}
.new-aboutus_statistics div{
	border-right: none;
}
.new-aboutus_statistics div>span{
	display: inline-block;
	width: 67px;
	height: 28px;
	background: #3273FF;
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 27px;
	margin-top: 8px;
}
.new-aboutus_statistics .num{
	font-size: 26px;
	color: #828383;
}
.new-aboutus_videointr dl dd{
	float: left;
	width: 448px;
	font-size: 18px; 
	color: #000000;
	margin: 88px 0 0 60px;
	text-align: left;
	line-height: 30px;
   position: relative;
}
.new-aboutus_videointr dl dd h2{
	font-size: 42px;
	color: #000000;
	font-weight: 500;
	margin-bottom: 40px;
}
.new-aboutus_videointr dl dd h6{
	position: absolute;
	top: -46px;
   right: -7px;
   font-size: 36px;
   color: #F0F0F0;
   line-height: 46px;
	text-align: left;
	font-weight: bold;
}
.new-aboutus_videointr dl dt{
	float: right;
	width: 578px;
	height: 410px;
   margin-right: 44px;
}
.new-aboutus_vision{
	width: 1078px;
	margin: 70px auto 0 auto;
	box-shadow: 4px 3px 11px 2px rgba(3, 17, 98, 0.1);
}
.new-aboutus_vision_left{
	float: left;
	width: 387px;
}
.new-aboutus_vision_right{
	float: left;
	width: 691px;
}
.new-aboutus_vision01{
	width: 387px;
	height: 232px;
	background: #3273FF;
	font-size: 18px;
	color: #fff;
}
.new-aboutus_vision01 span{
	padding:75px 0 18px 0;
}
.new-aboutus_vision span{
	display: block;
	font-size: 26px;
}
.new-aboutus_vision02{
	float: left;
	width: 324px;
	height: 187px;
	background: #1636B6;
	font-size: 17px;
	line-height: 28px;
	color: #fff;
}
.new-aboutus_vision02 span{
	margin: 46px 0 10px 0;
}
.new-aboutus_vision03{
	float: left;
	width: 367px;
	height: 187px;
	background: #F0F0F0;
	font-size: 17px;
	line-height: 28px;
	color: #000;
}
.new-aboutus_vision03 span{
	margin: 46px 0 10px 0;
}
.new-aboutus_slogan{
	margin-top: 70px;
	height: 615px;
}
.new-aboutus_partner{
	min-width: 1200px;
	background: url(../images/aboutus/new_partner_bg.png) no-repeat center top;
	height: 835px;
}
.new-partner_title h2{
	font-size: 42px;
	color: #000;
	padding-top: 100px;
}
.new-partner_title p{
	font-size: 18px;
	color: #000;
	padding: 20px 0 10px 0;
}
.new-aboutus_mainitems{
	min-width: 1200px;
	background: #F1F1F1;
	height: 872px;
}
.new-aboutus_mainitems h2{
	font-size: 42px;
	color: #000;
	padding-top: 100px;
}
.new-mainitems_con{
	width: 1200px;
	margin: 0 auto;
}
.new-mainitems_con dl dd{
	text-align: left;
}
.new-mainitems_con dt{
	font-size: 24px;
	color: #000;
	display: flex;
	align-items: center;
}
.new-mainitems_con dd span{
	display: inline-block;
	width: 200px;
	text-align: left;
	font-size: 15px;
	color: #000;
	line-height: 32px;
}
.new-mainitems_con dt img{
	margin-right: 11px;
}
.new-mainitems_con dl.new-mainitems_con_dl01{
	width: 240px;
	margin-left: 30px;
}
.new-mainitems_con dl.new-mainitems_con_dl02{
	width: 240px;
   height: 590px;
	padding-left: 30px;
	margin-right: 20px;
	border-left: 1px solid #D4D4D4;
}
.new-mainitems_con dl.new-mainitems_con_dl03{
	width: 240px;
	padding-left: 30px;
	height: 430px;
	border-left: 1px solid #D4D4D4;
}
.new-mainitems_con dl.new-mainitems_con_dl04{
	width: 240px;
	padding-left: 30px;
	height: 450px;
	border-left: 1px solid #D4D4D4;
}
.new-aboutus-choice{
	width: 100%;
	min-width: 1200px;
	background: url(../images/aboutus/new_choice_bg.png) no-repeat center top;
	height: 1248px;
}
.new-aboutus-choice h2{
	font-size: 42px;
	color: #000;
	padding: 104px 0 73px 0;
}
.new-aboutus-choice ul{
	padding: 0 48px;
}
.new-aboutus-choice ul li{
	float: left;
	width: 348px;
	height: 428px;
	background: #fff;
	box-shadow: 4px 3px 11px 2px rgba(3, 17, 98, 0.1);
	margin: 0 10px 68px;
}
.new-aboutus-choice ul li div img{
	margin-top: 23px;
}
.new-aboutus-choice ul li div h6{
	font-size: 24px;
	color: #000;
}
.new-aboutus-choice ul li div p{
	width: 290px;
	font-size: 15px;
	color: #828383;
	margin: 25px auto 0;
   text-align: left;
}
.new-aboutus_timeline h2{
	font-size: 42px;
	color: #000;
	padding: 128px 0 60px 0;
}
.new-timeline_con{
	/* padding-bottom: 218px;
	position: relative; */
	margin-bottom: 60px;
}

.new-timeline_year li{
	position: absolute;
	text-align: left;
}
.new-timeline_year li:first-child{
	top: 54px;
	left: 53px;
}
.new-timeline_year li:nth-child(2){
	top: 261px;
	left: 100px;
}
.new-timeline_year li:nth-child(3){
	top: 71px;
	left: 194px;
}
.new-timeline_year li:nth-child(4){
	top: 275px;
	left: 271px;
}
.new-timeline_year li:nth-child(5){
	top: 50px;
	left: 352px;
}
.new-timeline_year li:nth-child(6){
	top: 233px;
  left: 418px;
}
.new-timeline_year li:nth-child(7){
	top: -6px;
	left: 508px;
}
.new-timeline_year li:nth-child(8){
	top: 204px;
	left: 556px;
}
.new-timeline_year li:nth-child(9){
	top: 32px;
	left: 673px;
}
.new-timeline_year li:nth-child(10){
	top: 212px;
	right: 340px;
}
.new-timeline_year li:nth-child(11){
	top: -51px;
	right: 289px;
}
.new-timeline_year li:nth-child(12){
	top: 114px;
	right: 165px;
}
.new-timeline_year li:nth-child(13){
	right: 104px;
	top: -95px;
}
.new-timeline_year li h6{
	font-size: 24px;
	color: #3273FF;
	font-weight: bold;
	margin-bottom: 8px;
	letter-spacing: -2px;
}
.new-timeline_year li h6 span{
	color: #000;
	font-weight: normal;
	letter-spacing: 0;
	padding-left: 5px;
}
.new-timeline_year li p{
	font-size: 12px;
	color: #828383;
	line-height: 18px;
}

.aboutus_con{
	width: 100%;
}
body{
	min-width: 1200px;
}