.about-title .title {
	font-size: 34px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: 1;
}

.about-title .line {
	width: 68px;
	height: 2px;
	background: #000000;
	margin-top: 44px;
	display: inline-block;
}
.about .box1 {
	overflow: hidden;
}
.about .box1 .box-t {
	padding: 79px 0 103px;
}

.about .box1 .box-t .l {
	width: 54%;
}

.about .box1 .box-t .content1500 {
	display: flex;
	justify-content: space-between;
}

.about .box1 .box-t .des {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #444444;
	line-height: 32px;
	margin-top: 49px;
}

.about .box1 .box-t .des p:not(:last-child) {
	margin-bottom: 33px;
}

.about .box1 .box-t .r {
	width: 38.66%;
	text-align: center;
}

.about .box1 .box-t .r .en {
	font-size: 14px;
	font-family: Arial;
	font-weight: 400;
	color: #15A4DE;
	line-height: 18px;
	opacity: 0.5;
	text-transform: uppercase;
	text-align: center;
}

.about .box1 .box-t .r .zh {
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #15A4DE;
	line-height: 32px;
	margin-top: 10px;
}

.about .box1 .box-t .r .video {
	margin-top: 25px;
}

.about .box1 .box-t .r .video video {
	width: 100%;
}

.about .box1 .box-t .r .tips {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #555555;
	line-height: 1;
}

.about .box1 .box-t .r img {
	margin-right: 7px;
}

.about .box1 .box-c img {
	display: block;
	width: 100%;
}

.about .box2 {
	padding: 80px 0 100px;
	text-align: center;
}

.about .box2 .box-c {
	position: relative;
	margin-top: 40px;
	padding: 0 100px;
}

.about .box2 .box-c .gallery-thumbs .swiper:before {
	position: absolute;
	content: "";
	left: 0;
	width: 100%;
	top: 22px;
	height: 1px;
	background-color: #CCCCCC;
}

.about .box2 .box-c .gallery-thumbs .swiper-slide {
	width: auto;
	padding: 17px 0 0;
	height: 110px;
	cursor: pointer;
}

.about .box2 .box-c .gallery-thumbs .swiper-slide{
	margin-right: 110px;
}

.about .box2 .box-c .gallery-thumbs .dot {
	position: relative;
	width: 13px;
	height: 13px;
	background: #CCCCCC;
	border-radius: 50%;
	margin: 0 auto;
}

.about .box2 .box-c .gallery-thumbs .swiper-slide-thumb-active .dot {
	background-color: #15A4DE;
}

.about .box2 .box-c .gallery-thumbs .dot::before {
	position: absolute;
	content: "";
	width: 47px;
	height: 47px;
	border: 1px solid #15A4DE;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	opacity: 0;
}

.about .box2 .box-c .gallery-thumbs .swiper-slide-thumb-active .dot::before,
.about .box2 .box-c .gallery-thumbs .swiper-slide-thumb-active .dot::after {
	opacity: 1;
}

.about .box2 .box-c .gallery-thumbs .dot::after {
	position: absolute;
	content: "";
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 30px;
	background: #15A4DE;
	bottom: -47px;
	opacity: 0;
}

.about .box2 .box-c .gallery-thumbs .text {
	font-size: 24px;
	font-family: RanyBold;
	font-weight: 400;
	color: #9D9D9D;
	line-height: 1;
	margin-top: 20px;
}

.about .box2 .box-c .gallery-thumbs .swiper-slide-thumb-active .text {
	margin-top: 44px;
	font-size: 32px;
	color: #15A4DE;
}

.about .box2 .box-c .btn {
	position: absolute;
	top: 20px;
	transform: translateY(-50%);
	width: 58px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	background: #15A4DE;
	border-radius: 50%;
	z-index: 2;
	color: #fff;
}

.about .box2 .box-c .btn.btn-prev {
	left: 0;
}

.about .box2 .box-c .btn.btn-next {
	right: 0;
}

.about .box2 .box-c .btn .iconfont {
	font-size: 30px;
}

.about .box2 .box-c .gallery-top {
	margin-top: 45px;
}

.about .box2 .box-c .gallery-top .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.about .box2 .box-c .gallery-top .swiper-slide .l {
	width: 37.92%;
	text-align: left;
}

.about .box2 .box-c .gallery-top .swiper-slide .l .date {
	font-size: 70px;
	font-family: RanyBold;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 1;
	opacity: 0.2;
}

.about .box2 .box-c .gallery-top .swiper-slide .l .text-box {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #333333;
	line-height: 2;
	margin-top: 30px;
}

.about .box2 .box-c .gallery-top .swiper-slide .r {
	width: 52.3%;
}

.about .box2 .box-c .gallery-top .swiper-slide .r img {
	display: block;
	width: 100%;
}

.about .box3 {
	padding: 80px 0 136px;
	background-image: url(../img/about-box3-bg.jpg);
	background-size: cover;
	text-align: center;
	overflow: hidden;
	/*height: 894px;*/
}

.about .box3 .about-title .title {
	color: #fff;
}

.about .box3 .about-title .line {
	background-color: #fff;
}

.about .box3 .box-c {
	margin-top: 110px;
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
}
.about .box3 .box-c  .r{
	position: relative;
	width: 28.85%;
	overflow: hidden;
}
.about .box3 .box-c .l{
	max-width: 68%;
	width: 700px;
}
.about .box3 .box-c .r::before{
	/* content: '';
	display: block;
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 50%);
	background-size: 210% 300%;
	background-position: right bottom;
	height: 300%;
	width: 300%;
	position: absolute;
	top: -500px;
	bottom: 0;
	right: 0;
	left: 0;
	border-radius: 0;
	animation: move 5s ;
	z-index: 1;
	transform: rotate(34deg); */
	/* transition: all 1s;
	-webkit-transition: all 1s; */
	position: absolute;
	content: "";
	left: -500px;
	top: -140px;
	width: 800px;
	height: 140px;
	background-color: rgba(255,255,255,.02);
	z-index: -1;
	animation: move 4s  infinite;
	transform: rotate(140deg);
}
@keyframes move{
	0%{
		transform: translate(0,0)rotate(140deg);
	}
	100%{
		transform: translate(700px,700px)rotate(140deg);
	}
}
/* .box1 .l .more:hover:before {
  
} */
.about .box3 .box-c  .r img{
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
}
.about .box3 .box-c li {
	text-align: left;
	/* width: 700px; */
	max-width: 100%;
	padding-bottom: 25px;
	border-bottom: 1px solid #fff;
	opacity: .2;
}

.about .box3 .box-c li:not(:last-child) {
	margin-bottom: 28px;
}

.about .box3 .box-c li.active {
	opacity: 1;
}

.about .box3 .box-c .li-t {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	cursor: pointer;
}

.about .box3 .box-c .li-t-l {
	display: flex;
	align-items: center;
}

.about .box3 .box-c .li-t-l .icon img {
	display: block;
}

.about .box3 .box-c .li-t-l .text-box {
	margin-left: 25px;
}

.about .box3 .box-c .li-t-l .text-box .zh {
	font-size: 28px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1;
}

.about .box3 .box-c .li-t-l .text-box .en {
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1;
	margin-top: 11px;
	text-transform: uppercase;
}

.about .box3 .box-c li.active .li-t-l .text-box .en {
	opacity: .3;
}

.about .box3 .box-c .li-t-r .iconfont {
	display: flex;
	transform: rotate(90deg);
	color: #fff;
	font-size: 22px;
}

.about .box3 .box-c .li-c {
	margin: 27px 0 19px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 30px;
	padding-left: 70px;
	display: none;
}

.about .box3 .box-c li.active .li-c {
	display: block;
}

.about .box4 {
	padding: 80px 0;
	text-align: center;
}

/* .about .box4 .box-c{
	margin-top: 50px;
	display: grid;
	column-count: 5;
	column-gap: 10px;
}
.about .box4 .box-c img{
	height: auto;
	width: 20%;
	height: 100%;
	margin-bottom: 10px;
} */
.about .box4 .box-c {
	-moz-column-count: 5;
	-webkit-column-count: 5;
	column-count: 5;
	-moz-column-gap: 27px;
	-webkit-column-gap: 27px;
	column-gap: 27px;
	margin-top: 52px;
}
.about .box4 .box-c .item {
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	margin-bottom: 10px;
}
.about .box4 .box-c img {
	display: block;
	width: 100%;
}

.about .box4 .more{
	display: block;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	width: 240px;
	height: 54px;
	line-height: 52px;
	border: 1px solid #313131;
	margin: 53px auto 0;
}
.about .box4 .more:hover{
	background-color: #15A4DE;
	border-color: #15A4DE;
	color: #fff;
}
.about .box5{
	padding: 80px 0 100px;
	background-color: #F8F8F8;
}
.about .box5 .about-title{
	text-align: center;
}
.about .box5 .box-c{
	margin-top: 40px;
}
.about .box5 .box-c .swiper{
	padding-bottom: 64px;
}
.about .box5 .box-c .swiper-slide .pic img{
	display: block;
}
.about .box5 .box-c .swiper-slide .text{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #000000;
	line-height: 28px;
	margin-top: 28px;
	text-align: center;
}
.about .box5 .box-c .swiper-slide .pic img{
	display: block;
	width: 100%;
}
.about .box5 .swiper-pagination-bullet{
	width: 13px;
	height: 13px;
	background: #111111;
	opacity: 0.2;
	border-radius: 50%;
}
.about .box5 .swiper-pagination-bullet-active{
	opacity: 1;
}
.about .box5 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.about .box5 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 5px;
}
.about .box5 .swiper-horizontal>.swiper-pagination-bullets, 
.about .box5 .swiper-pagination-bullets.swiper-pagination-horizontal, 
.about .box5 .swiper-pagination-custom, 
.about .box5 .swiper-pagination-fraction{
	bottom: 0;
}
.about .box6{
	padding: 79px 0 100px;
	text-align: center;
}
.about .box6 .box-c{
	margin-top: 50px;
}
.about .box6 .box-c img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.about{
	border-bottom: 1px solid rgba(47, 47, 47, .1);
}
@media (max-width:1199px) {
	.about-title .title{
		font-size: 30px;
	}
	.about-title .line{
		margin-top: 30px;
	}
}
@media (max-width:1024px){
    .about .box3{
        height: auto;
    }
	.about-title .title{
		font-size: 28px;
	}
	.about .box1 .box-t .content1500{
		flex-direction: column;
	}
	.about .box1 .box-t .l{
		width: 100%;
	}
	.about .box1 .box-t .r{
		width: 100%;
		margin-top: 45px;
	}
	.about .box1 .box-t .des p:not(:last-child){
		margin-bottom: 20px;
	}
	.about .box2 .box-c .btn{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.about .box2 .box-c{
		padding: 0 50px;
	}
	.about .box2 .box-c .gallery-thumbs .text{
		font-size: 20px;
	}
	.about .box2 .box-c .gallery-thumbs .swiper-slide-thumb-active .text{
		font-size: 26px;
	}
	.about .box2 .box-c .gallery-thumbs .dot::before{
		width: 30px;
		height: 30px;
	}
	.about .box2 .box-c .gallery-thumbs .dot{
		width: 8px;
		height: 8px;
	}
	.about .box2 .box-c .gallery-thumbs .dot::after{
		bottom: -30px;
		height: 20px;
	}
	.about .box2 .box-c .gallery-top .swiper-slide{
		flex-direction: column;
	}
	.about .box2 .box-c .gallery-top .swiper-slide .l,
	.about .box2 .box-c .gallery-top .swiper-slide .r{
		width: 100%;
	}
	.about .box2 .box-c .gallery-top .swiper-slide .l .date{
		font-size: 44px;
	}
	.about .box2 .box-c .gallery-top .swiper-slide .l .text-box{
		font-size: 16px;
		line-height: 26px;
		margin-top: 20px;
	}
	.about .box2 .box-c .gallery-top .swiper-slide .r{
		margin-top: 25px;
	}
	.about .box2 .box-c .gallery-top{
		margin-top: 15px;
	}
	.about .box3 .box-c{
		flex-direction: column;
	}
	.about .box3 .box-c .l{
		max-width: 100%;
		width: 100%;
	}
	.about .box3 .box-c{
		margin-top: 70px;
	}
	.about .box3 .box-c .li-c{
		margin: 20px 0 10px;
		padding-left: 50px;
	}
	.about .box3 .box-c .li-t-l .text-box .zh{
		font-size: 24px;
	}
	.about .box3 .box-c .li-t-l .icon img{
		max-width: 35px;
		max-height: 35px;
	}
	.about .box3 .box-c li:not(:last-child){
		margin-bottom: 20px;
	}
	.about .box3 .box-c li{
		padding-bottom: 15px;
	}
	.about .box3 .box-c .li-t-l .text-box{
		margin-left: 15px;
	}
	.about .box3 .box-c .r{
		margin: 50px 0 0;
		width: 100%;
	}
	.about .box3 .box-c .r img{
		max-width: 70%;
		width: auto;
		margin: 0 auto;
	}
	.about .box3{
		padding: 60px 0 100px;
	}
	.about .box2 .box-c .gallery-thumbs .swiper-slide:not(:last-child){
		margin-right: 70px;
	}
}
@media (max-width:768px){
	.about-title .title{
		font-size: 26px;
	}
	.about .box3 .box-c .li-t-l .text-box .zh{
		font-size: 22px;
	}
}
@media (max-width:500px){
	.about .box1 .box-t{
		padding: 60px 0 30px ;
	}
	.about .box1 .box-t .des{
		margin-top: 25px;
	}
	.about-title .line{
		margin-top: 20px;
	}
	.about .box1 .box-t .des p:not(:last-child){
		margin-top: 10px;
	}
	.about .box1 .box-t .r{
		margin-top: 30px;
	}
	.about .box1 .box-t .r .zh{
		font-size: 18px;
	}
	.about .box2{
		padding: 60px 0;
	}
	.about .box2 .box-c .btn{
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.about .box2 .box-c .btn .iconfont{
		font-size: 18px;
	}
	.about .box2 .box-c{
		padding: 0 30px;
	}
	.about .box3 .box-c .li-t-l .text-box .zh{
		font-size: 20px;
	}
	.about .box3 .box-c{
		margin-top: 35px;
	}
	.about .box3 .box-c .li-c{
		margin: 10px 0 0;
		font-size: 16px;
	}
	.about .box3{
		padding: 60px 0;
	}
	.about .box4{
		padding: 60px 0;
	}
	.about .box4 .box-c{
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
	.about .box5{
		padding: 60px 0;
	}
	.about .box5 .box-c .swiper{
		padding-bottom: 49px;
	}
	.about .box5 .box-c .swiper-slide .text{
		margin-top: 15px;
		font-size: 16px;
	}
	.about .box6{
		padding: 60px 0;
	}
}