@charset "utf-8";

.about01-page{

	height: auto;

	position: relative;

}

.about01-page .header{

	position: absolute;

	top: 50px;

	left: 50px;

	right: 50px;

	z-index: 9;

}

.about01-page .header .logo{

	float: left;

	width: 600px;

	height: 46px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-image: url(img/index_header_logo.png);

	background-position: center top;

}

.about01-page .header .menu{

	float: right;

	width: 40px;

	height: 40px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-image: url(img/index_header_menu.png);

	background-position: center top;

	cursor: pointer;

	position: relative;

}

.about01-page .header .menu p{

	position: absolute;

	left: 0;

	top: 100%;

	margin-top: 10px;

	width: 100%;

	text-align: center;

	font-size: 14px;

	color: #fff;

	font-weight: lighter;

}

.about01-page .main{

	background-color: #fff;

	overflow: hidden;

}

.about01-page .sec1{

	background-repeat: no-repeat;

	background-image: url(img/about01_sec1_bg.jpg);

	background-size: auto 100%;

	background-position: center center;

	transition: all 1s 0.5s;

	-webkit-transition: all 1s 0.5s;

	opacity: 0;

}

.about01-page .sec1.active{

	opacity: 1;

}

.about01-page .sec1 .inner{

	display: flex;

	align-items: center;

	justify-content: flex-end;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: flex-end;

	height: 1150px;

}

.about01-page .sec1 .text-box{

	position: relative;

	width: 70%;

	height: 1000px;

	/*display: inline-flex;*/

	align-items: flex-start;

	justify-content: center;

	flex-direction: column;

	-webkit-display: inline-flex;

	-webkit-align-items: flex-start;

	-webkit-justify-content: center;

	-webkit-flex-direction: column;

	padding: 0 5.8%;

	background-color: #fff;

	right: -100%;

	opacity: 0;

	transition: all 1s 1s;

	-webkit-transition: all 1s 1s;

}

.about01-page .sec1.active .text-box{

	opacity: 1;

	right: 0;

}

.about01-page .sec1 .text-box .img{

	position: absolute;

	left: -36.66%;

	bottom: 0;

	width: 36.66%;

}

.about01-page .sec1 .text-box .word{

	width: 15.8%;

	position: absolute;

	left: -15.8%;

	top: 25%;

}

.about01-page .sec1 .text-box h3{

	font-size: 36px;

	color: #333;

	font-weight: normal;

	margin-bottom: 36px;

	margin-top: 20px;

}

.about01-page .sec1 .text-box .line{

	width: 60px;

	height: 2px;

	background-color: #e60012;

	margin-bottom: 0px;

}

.about01-page .sec1 .text-box p{

	font-size: 14px;

	color: #666;

	font-weight: lighter;

	line-height: 30px;

	margin-bottom: 25px;

}

.about01-page .sec1 .text-box p b{

	font-weight: bold;

}

.about01-page .sec1 .text-box p.last{

	margin-bottom: 40px;

}

.about01-page .sec1 .text-box .playvideo{

	width: 160px;

	height: 50px;

	text-align: center;

	line-height: 48px;

	font-size: 16px;

	color: #333;

	display: block;

	border: 1px solid #333;

}

.about01-page .sec1 .text-box .playvideo:hover{

	color: #fff;

	background-color: #e60012;

	border-color: #e60012;

}

.about01-page .sec1 .text-box .playvideo span{

	display: inline-block;

	vertical-align: middle;

	height: 20px;

	width: 20px;

	margin-left: 10px;

	background-repeat: no-repeat;

	background-image: url(img/about01_sec1_playicon.png);

	background-size: 100% auto;

	background-position: center top;

}

.about01-page .sec1 .text-box .playvideo:hover span{

	background-position: center bottom;

}

.about01-page .sec2{

	background-color: #f9f9f9;

	font-size: 0;

	text-align: center;

}

.about01-page .sec2 .box{

	background-color: #f4f4f4;

	width: 33%;

	vertical-align: top;

	height: 600px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;

	-webkit-display: inline-flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

	-webkit-flex-direction: column;

	position: relative;

	opacity: 0;

	top: -20px;

	transition-property: all;

	transition-duration: 1s;

	-webkit-transition-property: all;

	-webkit-transition-duration: 1s;

}

.about01-page .sec2 .box:nth-child(1){

	transition-delay: 0.5s;

}

.about01-page .sec2 .box:nth-child(2){

	background-color: #f9f9f9;

	width: 34%;

	transition-delay: 1s;

}

.about01-page .sec2 .box:nth-child(3){

	transition-delay: 1.5s;

}

.about01-page .sec2.active .box{

	top: 0;

	opacity: 1;

}

.about01-page .sec2 .box .bg-word{

	font-size: 400px;

	font-family: 'Noto Sans SC';

	color: #fff;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

}

.about01-page .sec2 .box h3{

	position: relative;

	z-index: 1;

	font-size: 28px;

	color: #333333;

	font-weight: normal;

	margin-bottom: 40px;

}

.about01-page .sec2 .box .line{

	position: relative;

	z-index: 1;

	margin-bottom: 70px;

	width: 40px;

	height: 2px;

	background-color: #e60012;

}

.about01-page .sec2 .box ul{

	position: relative;

	z-index: 1;

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: space-around;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: space-around;

}

.about01-page .sec2 .box h5{

	color: #e60012;

	font-size: 20px;

	font-weight: normal;

	margin-bottom: 6px;

}

.about01-page .sec2 .box h5 span{

	font-size: 65px;

	font-family: 'Noto Sans SC';

	font-weight: bold;

}

.about01-page .sec2 .box p{

	font-size: 14px;

	color: #666;

}

.about01-page .video-cover{

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	align-items: center;

	justify-content: center;

	background-color: #fff;

	z-index: 12;

	display: none;

}

.about01-page .video-cover.active{

	display: flex;

	-webkit-display: flex;

}

.about01-page .video-cover .logo{

	width: 600px;

	height: 46px;

	background-repeat: no-repeat;

	background-position: center bottom;

	background-size: 100% auto;

	background-image: url(img/index_header_logo.png);

	position: absolute;

	left: 50px;

	top: 50px;

}

.about01-page .video-cover .close{

	position: absolute;

	right: 50px;

	top: 50px;

	width: 40px;

	height: 40px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-image: url(img/sidenav_close.png);

}

.about01-page .video-cover video{

	width: 52%;

}

.about01-page .sec3{

	padding: 134px 0 180px;

}

.about01-page .sec3 .inner{

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	-webkit-display: flex;

	-webkit-align-items: flex-start;

	-webkit-justify-content: space-between;

}

.about01-page .sec3 .left{

	width: 44%;

	position: relative;

	left: -100%;

	opacity: 0;

	transition: all 1s;

	-webkit-transition: all 1s;

	padding-top: 50px;

}

.about01-page .sec3.active .left{

	opacity: 1;

	left: 0;

}

.about01-page .sec3 .left .tab-control{

	margin-bottom: 75px;

	font-size: 0;

}

.about01-page .sec3 .left .tab-control a{

	display: inline-block;

	vertical-align: middle;

	font-size: 18px;

	color: #333;

	width: 120px;

	height: 48px;

	line-height: 46px;

	text-align: center;

}

.about01-page .sec3 .left .tab-control a.active{

	color: #e60012;

	border: 1px solid #e60012;

	border-radius: 24px;

}

.about01-page .sec3 .left .tab-content .text-box{

	display: none;

}

.about01-page .sec3 .left .tab-content .text-box.active{

	display: block;

}

.about01-page .sec3 .left .tab-content .text-box h3{

	font-size: 60px;

	color: rgba(51,51,51,0.08);

	font-family: 'Noto Sans SC';

	font-weight: bold;

	margin-bottom: 30px;

}

.about01-page .sec3 .left .tab-content .text-box .line{

	width: 60px;

	height: 2px;

	background-color: #e60012;

	margin-bottom: 30px;

}

.about01-page .sec3 .left .tab-content .text-box h4{

	font-size: 20px;

	color: #333;

	font-weight: lighter;

	margin-bottom: 18px;

}

.about01-page .sec3 .left .tab-content .text-box p{

	font-size: 14px;

	font-weight: lighter;

	color: #999;

	line-height: 30px;	

}

.about01-page .sec3 .right{

	width: 50%;

	position: relative;

	right: -100%;

	opacity: 0;

	transition: all 1s;

	-webkit-transition: all 1s;

}

.about01-page .sec3.active .right{

	opacity: 1;

	right: 0;

}

.about01-page .sec3 .right img{

	width: 100%;

	display: none;

}

.about01-page .sec3 .right img.active{

	display: block;

}

.about02-page{

	position: relative;

	overflow: hidden;

}

.about02-page .header{

	position: absolute;

	top: 50px;

	left: 50px;

	right: 50px;

	z-index: 9;

}

.about02-page .header .logo{

	float: left;

	width: 600px;

	height: 46px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-image: url(img/index_header_logo.png);

	background-position: center bottom;

}

.about02-page .header .menu{

	float: right;

	width: 40px;

	height: 40px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-image: url(img/index_header_menu.png);

	background-position: center bottom;

	cursor: pointer;

	position: relative;

}

.about02-page .header .menu p{

	position: absolute;

	left: 0;

	top: 100%;

	margin-top: 10px;

	width: 100%;

	text-align: center;

	font-size: 14px;

	color: #333;

	font-weight: lighter;

}

.about02-page .main{

	background-color: #fff;

	height: 100%;

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

	-webkit-flex-direction: column;

}

.about02-page .main .title{

	font-size: 36px;

	color: #333;

	font-weight: normal;

	margin-bottom: 7.2%;

}

.about02-page .main .container-box{

	position: relative;

	height: 63%;

	width: 100%;

	display: flex;

	align-items: center;

	-webkit-display: flex;

	-webkit-align-items: center;

}

.about02-page .gallery-top{

	height: 100%;

	position: relative;

	z-index: 2;

	border-radius: 50%;

	background-color: #fff;

	border: 10px solid #e60012;

	margin: 0 auto;

}

.about02-page .gallery-top .bg{

	height: 100%;

	width: auto;

	opacity: 0;

}

.about02-page .gallery-top .swiper-wrapper{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.about02-page .gallery-top .swiper-slide{

	display: flex;

	align-items: center;

	justify-content: flex-start;

	flex-direction: column;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: flex-start;

	-webkit-flex-direction: column;

	padding: 0 12%;

	text-align: center;

	background-repeat: no-repeat;

	background-position: center center;

}

/*.about02-page .gallery-top .swiper-slide.slide1{

	background-image: url(img/about02_top_bg1.png);

}

.about02-page .gallery-top .swiper-slide.slide3{

	background-image: url(img/about02_top_bg3.png);

}

.about02-page .gallery-top .swiper-slide.slide4{

	background-image: url(img/about02_top_bg4.png);

}

.about02-page .gallery-top .swiper-slide.slide5{

	background-image: url(img/about02_top_bg5.png);

}

.about02-page .gallery-top .swiper-slide.slide6{

	background-image: url(img/about02_top_bg6.png);

}

.about02-page .gallery-top .swiper-slide.slide13{

	background-image: url(img/about02_top_bg13.png);

}

.about02-page .gallery-top .swiper-slide.slide14{

	background-image: url(img/about02_top_bg14.png);

}*/

.about02-page .gallery-top .swiper-slide .line{

	width: 1px;

	height: 9.09%;

	background-color: #333;

	margin-bottom: 5.4%;

	margin-top: 10%;

}

.about02-page .gallery-top .swiper-slide h5{

	font-size: 18px;

	color: #333;

	font-weight: lighter;

	font-family: 'Noto Sans SC';

	margin-bottom: 5%;

}

.about02-page .gallery-top .swiper-slide h3{

	font-size: 62px;

	color: #e60012;

	font-family: 'Noto Sans SC';

	font-weight: bold;

	margin-bottom: 8%;

}

.about02-page .gallery-top .swiper-slide p{

	font-size: 14px;

	color: #666;

	font-weight: lighter;

	line-height: 30px;

	max-height: 8.6em;

	padding-right: 4px;

	max-width: 100%;

}

.about02-page .gallery-top .swiper-slide p b{

	font-weight: bold;

}

.about02-page .gallery-top .swiper-pagination{

	bottom: 10%;

	font-size: 12px;

	color: #666;

	font-family: 'Noto Sans SC';

}

.about02-page .gallery-top .swiper-pagination .swiper-pagination-current{

	color: #e60012;

	font-size: 18px;

}

.about02-page .gallery-thumbs{

	position: absolute;

	left: 0;

	top: 23.6%;

	width: 100%;

	height: 12px;

	z-index: 1;

	background-repeat: repeat-x;

	background-image: url(img/about02_page_bgline.png);

	background-position: center center;

	transform: rotate(-5deg);

	-webkit-transform: rotate(-5deg);

}

.about02-page .gallery-thumbs .swiper-wrapper{

	width: auto;

	margin-left: -260px;

}

.about02-page .gallery-thumbs .swiper-slide{

	cursor: pointer;

	width: 12px;

	height: 12px;

	border-radius: 50%;

	background-color: #e60012;

	margin: 0 20px;

}

.about02-page .gallery-thumbs .swiper-slide.swiper-slide-active{

	background-color: transparent;

	margin: 0 260px;

}

.about02-page .swiper-button-prev,.about02-page .swiper-button-next{

	width: 20px;

	height: 34px;

	margin-top: -17px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-position: center top;

	z-index: 9;

}

.about02-page .swiper-button-prev{

	background-image: url(img/about02_prev.png);

	left: 16.6%;

}

.about02-page .swiper-button-next{

	background-image: url(img/about02_next.png);

	right: 16.6%;

}

.about02-page .swiper-button-prev.swiper-button-disabled,.about02-page .swiper-button-next.swiper-button-disabled{

	opacity: 1;

	background-position: center bottom;

}

.about03-page{

	position: relative;

	overflow: hidden;

}

.about03-page .header{

	position: absolute;

	top: 50px;

	left: 50px;

	right: 50px;

	z-index: 9;

}

.about03-page .header .logo{

	float: left;

	width: 174px;

	height: 46px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-image: url(img/index_header_logo.png);

	background-position: center bottom;

}

.about03-page .header .menu{

	float: right;

	width: 40px;

	height: 40px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-image: url(img/index_header_menu.png);

	background-position: center bottom;

	cursor: pointer;

	position: relative;

}

.about03-page .header .menu p{

	position: absolute;

	left: 0;

	top: 100%;

	margin-top: 10px;

	width: 100%;

	text-align: center;

	font-size: 14px;

	color: #333;

	font-weight: lighter;

}

.about03-page .main{

	background-color: #fff;

	height: 100%;

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

}

.about03-page .main .inner{

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: space-between;

	height: 100%;

}

.about03-page .main .left{

	width: 57.7%;

	display: flex;

	align-items: center;

	justify-content: center;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

	height: 100%;

}

.about03-page .main .left .word{

	width: 13%;

	border-right: 1px solid #eee;

	display: flex;

	align-items: center;

	justify-content: center;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

	transition: all 1s linear;

	-webkit-transition: all 1s linear;

	height: 0%;

	overflow: hidden;

}

.about03-page .main.active .left .word{

	height: 100%;

}

.about03-page .main .left .word img{

	width: 100%;

}

.about03-page .main .left .text-box{

	width: 87%;

	transition: all 1s 1s;

	-webkit-transition: all 1s 1s;

	opacity: 0;

	left: -100%;

	height: 80%;

}

.about03-page .main.active .left .text-box{

	opacity: 1;

	left: 0;

}

.about03-page .main .left .text-box h3{

	font-size: 36px;

	color: #333;

	font-weight: normal;

	margin-bottom: 48px;

}

.about03-page .main .left .text-box .line2{

	width: 120px;

	height: 2px;

	margin-bottom: 48px;

	background-color: #e60012;

}

.about03-page .main .left .text-box h4{

	font-size: 20px;

	color: #e60012;

	font-weight: lighter;

	margin-bottom: 32px;

}

.about03-page .main .left .text-box .line{

	width: 100%;

	height: 1px;

	background-color: #eee;

	margin-bottom: 48px;

}

.about03-page .main .left .text-box p{

	font-size: 14px;

	color: #666;

	font-weight: lighter;

	line-height: 30px;

	margin-bottom: 20px;	

}

.about03-page .main .left .text-box p.last{

	margin-bottom: 0;

	text-align: right;

}

.about03-page .main .left .text-box p.last b{

	font-weight: bold;

}

.about03-page .main .left .text-box .box{

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	-webkit-display: flex;

	-webkit-align-items: flex-start;

	-webkit-justify-content: space-between;

	margin-bottom: 30px;

}

.about03-page .main .left .text-box .box div{

	width: 50%;

}

.about03-page .main .left .text-box .box div p{

	margin-bottom: 0;

}

.about03-page .main .left .text-box .box div p b{

	font-weight: bold;

}

.about03-page .main .img{

	width: 33.3%;

	transition: all 1s 1s;

	-webkit-transition: all 1s 1s;

	opacity: 0;

	position: relative;

	right: -100%;

}

.about03-page .main.active .img{

	opacity: 1;

	right: 0;

}

/*????????????*/

.about04-page .header{

	position: absolute;

	top: 50px;

	left: 50px;

	right: 50px;

	z-index: 9;

}

.about04-page .header .logo{

	float: left;

	width: 174px;

	height: 46px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-image: url(img/index_header_logo.png);

	background-position: center top;

}

.about04-page .header .menu{

	float: right;

	width: 40px;

	height: 40px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-image: url(img/index_header_menu.png);

	background-position: center top;

	cursor: pointer;

	position: relative;

}

.about04-page .header .menu p{

	position: absolute;

	left: 0;

	top: 100%;

	margin-top: 10px;

	width: 100%;

	text-align: center;

	font-size: 14px;

	color: #fff;

	font-weight: lighter;

}

.about04-page .main{

	background-color: #fff;

	position: relative;

	text-align: center;

	overflow: hidden;

}

.about04-page .main .inner{

	width: 1400px;

}

.about04-page .main .sec1{

	height: 800px;

	background-repeat: no-repeat;

	background-image: url(img/about04_sec1_bg.jpg);

	background-size: auto 100%;

	background-position: center center;

	line-height: 800px;

	transition: all 1s;

	-webkit-transition: all 1s;

	opacity: 0;

}

.about04-page .main .sec1.active{

	opacity: 1;

}

.about04-page .main .sec1 img{

	vertical-align: middle;

	height: 17.75%;

	transition: all 1s 1s;

	-webkit-transition: all 1s 1s;

	position: relative;

	top: -40px;

	opacity: 0;

}

.about04-page .main .sec1.active img{

	opacity: 1;

	top: 0;

}

.about04-page .main .sec2{

	padding: 100px 0 190px;

	background-color: #f4f4f4;

}

.about04-page .main .sec2 .box{

	margin-bottom: 100px;

	position: relative;

}

.about04-page .main .sec2 .box.active{

	opacity: 1;

}

.about04-page .main .sec2 .box:last-child{

	margin-bottom: 0;

}

.about04-page .main .sec2 .box .bg{

	width: 100%;

}

.about04-page .main .sec2 .box .img-box{

	width: 92.86%;

	position: absolute;

	top: 0;

	height: 100%;

	z-index: 0;

	opacity: 0;

	transition: all 1s 0.5s;

	-webkit-transition: all 1s 0.5s;

}

.about04-page .main .sec2 .box .img-box.left{

	left: -100%;

}

.about04-page .main .sec2 .box .img-box.right{

	right: -100%;

}

.about04-page .main .sec2 .box.active .img-box.left{

	left: 0;

	opacity: 1;

}

.about04-page .main .sec2 .box.active .img-box.right{

	right: 0;

	opacity: 1;

}

.about04-page .main .sec2 .box .img-box img{

	height: 100%;

}

.about04-page .main .sec2 .box .text-box{

	z-index: 1;

	position: absolute;

	top: 0;

	height: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

	max-width: 50%;

	opacity: 0;

	transition: all 1s 0.5s;

	-webkit-transition: all 1s 0.5s;

}

.about04-page .main .sec2 .box .text-box.left{

	left: -100%;

}

.about04-page .main .sec2 .box .text-box.right{

	right: -100%;

}

.about04-page .main .sec2 .box.active .text-box.left{

	left: 0;

	opacity: 1;

}

.about04-page .main .sec2 .box.active .text-box.right{

	right: 0;

	opacity: 1;

}

.about04-page .main .sec2 .box .text-box .text{

	text-align: left;

	box-shadow: 0px 30px 20px rgba(0,0,0,0.07);

	padding: 70px 75px 50px 90px;

	background-color: #fff;

}

.about04-page .main .sec2 .box .text-box .text h3{

	font-size: 35px;

	color: #333;

	font-weight: normal;

	margin-bottom: 25px;

}

.about04-page .main .sec2 .box .text-box .text h4{

	font-size: 40px;

	color: #e60012;

	font-weight: lighter;

	font-family: 'Noto Sans SC';

	margin-bottom: 30px;

}

.about04-page .main .sec2 .box .text-box .text .line{

	width: 60px;

	height: 1px;

	background-color: #e60012;

	margin-bottom: 30px;

}

.about04-page .main .sec2 .box .text-box .text h5{

	font-size: 20px;

	color: #333;

	font-weight: lighter;

	margin-bottom: 16px;

}

.about04-page .main .sec2 .box .text-box .text p{

	font-size: 14px;

	color: #999;

	font-weight: lighter;

	line-height: 30px;

}


@media only screen and (max-width:1500px){

.about01-page .sec1 .text-box p{

	font-size: 13px;

	color: #666;

	font-weight: lighter;

	line-height: 30px;

	margin-bottom: 10px;

}

}


@media only screen and (max-width:1366px){

}

@media only screen and (max-width:1024px){

	.about01-page .header{

		top: 0.9375rem;

		left: 0.9375rem;

		right: 0.9375rem;

	}

	.about01-page .header .logo{

		width: 5.4375rem;

		height: 1.4375rem;

		margin-top: 0.3125rem;

		margin-left: 0.3125rem;

	}

	.about01-page .header .menu{

		width: 1.25rem;

		height: 1.25rem;

	}

	.about01-page .header .menu p{

	    margin-top: 0.1875rem;

	    font-size: 0.5625rem;

		white-space: nowrap;

	}

	.about01-page .sec1{

		background-position: center top;

		background-size: auto 31.25rem;

		background-color: #e9e9e9;

		padding-bottom: 4%;

	}

	.about01-page .sec1 .inner{

		height: auto;

		padding-top: 20.9375rem;

	}

	.about01-page .sec1 .text-box{

		width: 100%;

		height: auto;

		padding: 2rem 1.25rem 1.25rem;

	}

	.about01-page .sec1 .text-box .img{

		left: 0;

		bottom: 100%;

		width: 41.3%;

	}

	.about01-page .sec1 .text-box .word{

		width: 13.3%;

		left: auto;

		top: auto;

		right: 0;

		bottom: 100%;

		margin-bottom: 0.625rem;

	}

	.about01-page .sec1 .text-box h3{

		font-size: 1.125rem;

		margin-bottom: 1.125rem;

	}

	.about01-page .sec1 .text-box .line{

		width: 0.9375rem;

		height: 0.0625rem;

		margin-bottom: 0.875rem;

	}

	.about01-page .sec1 .text-box p{

		font-size: 0.75rem;

		line-height: 1.3125rem;

		margin-bottom: 0.375rem;

	}

	.about01-page .sec1 .text-box p.last{

		margin-bottom: 1.375rem;

	}

	.about01-page .sec1 .text-box .playvideo{

		width: 6.25rem;

		height: 2.1875rem;

		line-height: 2.125rem;

		font-size: 0.75rem;

		border-width: 0.03125rem;

	}

	.about01-page .sec1 .text-box .playvideo span{

		height: 0.9375rem;

		width: 0.9375rem;

		margin-left: 0.9375rem;

	}

	.about01-page .sec2 .box{

		width: 100%;

		height: 16.5625rem;

		top: -1rem;

	}

	.about01-page .sec2 .box:nth-child(2){

		width: 100%;

	}

	.about01-page .sec2 .box:nth-child(3){

		padding-bottom: 1.5625rem;

		height: 18.125rem;

	}

	.about01-page .sec2 .box .bg-word{

		font-size: 12.5rem;

		font-weight: bold;

	}

	.about01-page .sec2 .box h3{

		font-size: 1.125rem;

		margin-bottom: 1.25rem;

	}

	.about01-page .sec2 .box .line{

		margin-bottom: 2.1875rem;

		width: 1.25rem;

		height: 0.0625rem;

	}

	.about01-page .sec2 .box h5{

		font-size: 0.625rem;

		margin-bottom: 0.875rem;

	}

	.about01-page .sec2 .box h5 span{

		font-size: 2rem;

	}

	.about01-page .sec2 .box p{

		font-size: 0.75rem;

	}

	.about01-page .video-cover .logo{

		width: 5.4375rem;

		height: 1.4375rem;

		left: 1.25rem;

		top: 1.25rem;

	}

	.about01-page .video-cover .close{

		right: 0.9375rem;

		top: 0.9375rem;

		width: 1.25rem;

		height: 1.25rem;

	}

	.about01-page .video-cover video{

		width: 92%;

	}

	/*.about01-page .sec3{

		padding: 134px 0 180px;

	}

	.about01-page .sec3 .inner{

		display: flex;

		align-items: flex-start;

		justify-content: space-between;

		-webkit-display: flex;

		-webkit-align-items: flex-start;

		-webkit-justify-content: space-between;

	}

	.about01-page .sec3 .left{

		width: 44%;

		position: relative;

		left: -100%;

		opacity: 0;

		transition: all 1s;

		-webkit-transition: all 1s;

		padding-top: 50px;

	}

	.about01-page .sec3.active .left{

		opacity: 1;

		left: 0;

	}

	.about01-page .sec3 .left .tab-control{

		margin-bottom: 75px;

		font-size: 0;

	}

	.about01-page .sec3 .left .tab-control a{

		display: inline-block;

		vertical-align: middle;

		font-size: 18px;

		color: #333;

		width: 120px;

		height: 48px;

		line-height: 46px;

		text-align: center;

	}

	.about01-page .sec3 .left .tab-control a.active{

		color: #e60012;

		border: 1px solid #e60012;

		border-radius: 24px;

	}

	.about01-page .sec3 .left .tab-content .text-box{

		display: none;

	}

	.about01-page .sec3 .left .tab-content .text-box.active{

		display: block;

	}

	.about01-page .sec3 .left .tab-content .text-box h3{

		font-size: 60px;

		color: rgba(51,51,51,0.08);

		font-family: 'Noto Sans SC';

		font-weight: bold;

		margin-bottom: 30px;

	}

	.about01-page .sec3 .left .tab-content .text-box .line{

		width: 60px;

		height: 2px;

		background-color: #e60012;

		margin-bottom: 30px;

	}

	.about01-page .sec3 .left .tab-content .text-box h4{

		font-size: 20px;

		color: #333;

		font-weight: lighter;

		margin-bottom: 18px;

	}

	.about01-page .sec3 .left .tab-content .text-box p{

		font-size: 14px;

		font-weight: lighter;

		color: #999;

		line-height: 30px;	

	}

	.about01-page .sec3 .right{

		width: 50%;

		position: relative;

		right: -100%;

		opacity: 0;

		transition: all 1s;

		-webkit-transition: all 1s;

	}

	.about01-page .sec3.active .right{

		opacity: 1;

		right: 0;

	}

	.about01-page .sec3 .right img{

		width: 100%;

		display: none;

	}

	.about01-page .sec3 .right img.active{

		display: block;

	}*/

	.about02-page .header{

		top: 0.9375rem;

		left: 0.9375rem;

		right: 0.9375rem;

	}

	.about02-page .header .logo{

		width: 5.4375rem;

		height: 1.4375rem;

		margin-top: 0.3125rem;

		margin-left: 0.3125rem;

	}

	.about02-page .header .menu{

		width: 1.25rem;

		height: 1.25rem;

	}

	.about02-page .header .menu p{

	    margin-top: 0.1875rem;

	    font-size: 0.5625rem;

		white-space: nowrap;

	}

	.about02-page .main .title{

		font-size: 1.125rem;

		margin-bottom: 2.375rem;

	}

	.about02-page .main .container-box{

		height: auto;

		flex-direction: column;

		-webkit-flex-direction: column;

	}

	.about02-page .gallery-top{

		height: auto;

		width: 95%;

		border: 0.3125rem solid #e60012;

		margin-bottom: 1.875rem;

	}

	.about02-page .gallery-top .bg{

		height: auto;

		width: 100%;

	}

	.about02-page .gallery-top .swiper-slide{

		padding: 0 3.125rem;

	}

	.about02-page .gallery-top .swiper-slide .line{

		height: 1.5625rem;

		margin-bottom: 0.9375rem;

		margin-top: 1.375rem;

	}

	.about02-page .gallery-top .swiper-slide h5{

		font-size: 0.75rem

		margin-bottom: 0.75rem

	}

	.about02-page .gallery-top .swiper-slide h3{

		font-size: 2.0625rem;

		margin-bottom: 2.0625rem;

	}

	.about02-page .gallery-top .swiper-slide p{

		font-size: 0.75rem;

		line-height: 1.25rem;

		max-height: 7.5rem;

	}

	.about02-page .gallery-top .swiper-pagination{

		bottom: 1.625rem;

		font-size: 0.5625rem;

	}

	.about02-page .gallery-top .swiper-pagination .swiper-pagination-current{

		font-size: 0.75rem;

	}

	.about02-page .mobile-page-box{

		width: 86.67%;

		margin: 0 auto;

		display: flex;

		align-items: center;

		justify-content: space-between;

		-webkit-display: flex;

		-webkit-align-items: center;

		-webkit-justify-content: space-between;

		height: auto;

	}

	.about02-page .gallery-thumbs{

		position: static;

		height: auto;

		background-image: none;

		transform: rotate(0deg);

		-webkit-transform: rotate(0deg);

	}

	.about02-page .gallery-thumbs .swiper-wrapper{

		display: none;

	}

	.about02-page .gallery-thumbs .swiper-pagination{

		position: static;

	}

	.about02-page .gallery-thumbs .swiper-pagination-bullet{

		width: 0.25rem;

		height: 0.25rem;

		background-color: #aaa;

		margin: 0 0.3125rem;

		opacity: 1;

		vertical-align: middle;

	}

	.about02-page .gallery-thumbs .swiper-pagination-bullet.swiper-pagination-bullet-active{

		background-color: #e60012;

	}

	.about02-page .swiper-button-prev,.about02-page .swiper-button-next{

		width: 0.625rem;

		height: 1.0625rem;

		margin-top: 0;

		position: static;

	}

	.about03-page{

		overflow-y: auto;

		height: auto;

	}

	.about03-page .header{

		top: 0.9375rem;

		left: 0.9375rem;

		right: 0.9375rem;

	}

	.about03-page .header .logo{

		width: 5.4375rem;

		height: 1.4375rem;

		margin-top: 0.3125rem;

		margin-left: 0.3125rem;

	}

	.about03-page .header .menu{

		width: 1.25rem;

		height: 1.25rem;

	}

	.about03-page .header .menu p{

	    margin-top: 0.1875rem;

	    font-size: 0.5625rem;

		white-space: nowrap;

	}

	.about03-page .main{

		height: auto;

		display: block;

		-webkit-display: block;

		padding: 5.875rem 0 3.875rem;

	}

	.about03-page .main .inner{

		display: block;

		-webkit-display: block;

		height: auto;

		width: 86.67%;

	}

	.about03-page .main .left{

		width: 100%;

		display: block;

		-webkit-display: block;

		height: auto;

	}

	.about03-page .main .left .word{

		display: none;

	}

	.about03-page .main .left .text-box{

		width: 100%;

		left: 0;

		height: auto;

	}

	.about03-page .main .left .text-box h3{

		font-size: 1.3125rem;

		margin-bottom: 1.5rem;

	}

	.about03-page .main .left .text-box .line2{

		width: 0.9375rem;

		height: 0.0625rem;

		margin-bottom: 1.25rem;

	}

	.about03-page .main .left .text-box h4{

		font-size: 0.875rem;

		margin-bottom: 0.9375rem;

	}

	.about03-page .main .left .text-box .line{

		margin-bottom: 1.5rem;

	}

	.about03-page .main .left .text-box p{

		font-size: 0.625rem;

		line-height: 1.25rem;

		margin-bottom: 0.625rem;	

	}

	.about03-page .main .left .text-box .box{

		margin-bottom: 0.9375rem;

	}

	.about03-page .main .left .text-box .box div{

		width: 48%;

	}

	.about03-page .main .img{

		width: 100%;

		right: 0;

		margin-top: 1.6875rem;

	}

	/*????????????*/

	.about04-page .header{

		top: 0.9375rem;

		left: 0.9375rem;

		right: 0.9375rem;

	}

	.about04-page .header .logo{

		width: 5.4375rem;

		height: 1.4375rem;

		margin-top: 0.3125rem;

		margin-left: 0.3125rem;

	}

	.about04-page .header .menu{

		width: 1.25rem;

		height: 1.25rem;

	}

	.about04-page .header .menu p{

	    margin-top: 0.1875rem;

	    font-size: 0.5625rem;

		white-space: nowrap;

	}

	.about04-page .main .inner{

		width: 92%;

	}

	.about04-page .main .sec1{

		height: 25rem;

		line-height: 25rem;

	}

	.about04-page .main .sec1 img{

		top: -1.25rem;

	}

	.about04-page .main .sec2{

		padding: 2.5rem 0 5rem;

	}

	.about04-page .main .sec2 .box{

		margin-bottom: 2.5rem;

	}

	.about04-page .main .sec2 .box .bg{

		display: none;

	}

	.about04-page .main .sec2 .box .img-box{

		width: 100%;

		position: static;

		height: auto;

	}

	.about04-page .main .sec2 .box .img-box.left{

		left: 0;

	}

	.about04-page .main .sec2 .box .img-box.right{

		right: 0;

	}

	.about04-page .main .sec2 .box .img-box img{

		height: auto;

		width: 100%;

	}

	.about04-page .main .sec2 .box .text-box{

		position: relative;

		height: auto;

		display: block;

		-webkit-display: block;

		max-width: 88.4%;

		margin: -3.125rem auto 0;

	}

	.about04-page .main .sec2 .box .text-box.left{

		left: 0;

	}

	.about04-page .main .sec2 .box .text-box.right{

		right: 0;

	}

	.about04-page .main .sec2 .box .text-box .text{

		box-shadow: 0px 0.9375rem 0.625rem rgba(0,0,0,0.07);

		padding: 2rem 1.6875rem;

	}

	.about04-page .main .sec2 .box .text-box .text h3{

		font-size: 1.3125rem;

		margin-bottom: 1rem;

	}

	.about04-page .main .sec2 .box .text-box .text h4{

		font-size: 1.25rem;

		margin-bottom: 1.25rem;

	}

	.about04-page .main .sec2 .box .text-box .text .line{

		width: 1.875rem;

		height: 0.0625rem;

		margin-bottom: 1rem;

	}

	.about04-page .main .sec2 .box .text-box .text h5{

		font-size: 0.875rem;

		margin-bottom: 0.625rem;

	}

	.about04-page .main .sec2 .box .text-box .text p{

		font-size: 0.625rem;

		line-height: 1.125rem;

	}

}

@media only screen and (max-width:414px){

	

}