.banner .text{
	top: 23.784%;
}
.banner h5{
	font-size: 2em;
	color: inherit;
	font-weight: 600;
	margin: 1.15625em 0;
}
.banner p{
	font-size: 1.25em;
	color: inherit;
	line-height: 1.6;
	text-align: right;
}
.banner p i{
	margin: 0 1em;
}
.banner h5,.banner p{
	opacity: 0;
	-webkit-transform: translate(0,10vh);
	transform: translate(0,10vh);
	-webkit-transition: transform 0.5s 0.5s,opacity 0.5s 0.5s;
	transition: transform 0.5s 0.5s,opacity 0.5s 0.5s;
}
.banner.actived h5,.banner.actived p{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}



.sec1{
	padding: 9.9% 0 8.854%;
}
.sec1 .inner{
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.sec1 .text-box{
	width: 55.625%;
	opacity: 0;
	-webkit-transform: translate(-25vw,0);
	transform: translate(-25vw,0);
	-webkit-transition: transform 0.75s,opacity 0.75s;
	transition: transform 0.75s,opacity 0.75s;
}
.sec1 .text-box.actived{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}
.sec1 .text-box h3{
	font-size: 3.5em;
	color: #000;
	font-weight: normal;
	line-height: 1.286;
	margin-bottom: 0.57em;
}
.sec1 .text-box p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.78;
	margin-bottom: 0.78em;
}
.sec1 .text-box p:last-child{
	margin-bottom: 0;
}
.sec1 .text-box ul{
	margin-top: 5em;
}
.sec1 .text-box li{
	display: inline-block;
	vertical-align: top;
	margin-right: 9.6%;
}
.sec1 .text-box li:last-child{
	margin-right: 0;
}
.sec1 .text-box h5{
	font-size: 3.5em;
	line-height: 1.143;
	color: #333;
	font-weight: 500;
	margin-bottom: 0.2em;
}
.sec1 .text-box h5 sup{
	font-size: 0.36em;
	line-height: 1;
	font-weight: bold;
	vertical-align: top;
}
.sec1 .img-box{
	width: 40%;
	border-radius: 0.4375em;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translate(25vw,0);
	transform: translate(25vw,0);
	-webkit-transition: transform 0.75s,opacity 0.75s;
	transition: transform 0.75s,opacity 0.75s;
}
.sec1 .img-box.actived{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}





.sec2 .inner{
	border-radius: 0.625em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../images/about_sec2_bg_web.jpg);
	background-size: cover;
	padding: 5.5% 7% 7%;
	opacity: 0;
	-webkit-transform: translate(0,10vh);
	transform: translate(0,10vh);
	-webkit-transition: transform 0.75s,opacity 0.75s;
	transition: transform 0.75s,opacity 0.75s;
}
.sec2 .inner.actived{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}
.sec2 h3{
	font-size: 3.5em;
	color: #fff;
	font-weight: normal;
	margin-bottom: 2.14em;
	float: left;
}
.sec2 .certificates{
	float: left;
	clear: both;
}
.sec2 .certificates li{
	display: inline-block;
	vertical-align: top;
	width: 19.5em;
	margin-right: 4em;
}
.sec2 .certificates li:last-child{
	margin-right: 0;
}
.sec2 .certificates img{
	border-radius: 0.4375em;
	margin-bottom: 1.5em;
}
.sec2 .certificates p{
	font-size: 1em;
	color: #fff;
	line-height: 1.5;
	letter-spacing: -0.03em;
}
.sec2 .certificates p b{
	font-weight: 600;
}
.sec2 .patents{
	float: right;
}
.sec2 .patents li{
	vertical-align: top;
	width: 13.75em;
	height: 10em;
	background-repeat: no-repeat;
	background-image: url(../images/about_sec2_img3.png);
	background-size: cover;
	margin-right: 5em;
	text-align: center;
	-webkit-display: inline-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.sec2 .patents li:last-child{
	margin-right: 0;
}
.sec2 .patents h5{
	font-size: 3.5em;
	color: #fff;
	line-height: 1.143;
	font-weight: 500;	
	margin-bottom: 0.214em;
}
.sec2 .patents p{
	font-size: 1.125em;
	color: #fff;
	line-height: 1.56;
}


.sec3{
	padding: 8.3% 0 4.2%;
}
.sec3 .inner{
	position: relative;
}
.sec3 .left-part{
	position: relative;
	z-index: 1;
	opacity: 0;
	-webkit-transform: translate(-25vw,0);
	transform: translate(-25vw,0);
	-webkit-transition: transform 0.75s,opacity 0.75s;
	transition: transform 0.75s,opacity 0.75s;
}
.sec3 .left-part.actived{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}
.sec3 .text-box{
	margin-bottom: 6.25%;
}
.sec3 .text-box h3{
	font-size: 3.5em;
	color: #333;
	line-height: 1.143;
	font-weight: normal;
	margin-bottom: 3%;
}
.sec3 .text-box p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.78;
}
.sec3 ul{
	-webkit-display: flex;
	-webkit-align-items: stretch;
	-webkit-justify-content: flex-start;
	-webkit-flex-direction: row;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-direction: row;
}
.sec3 li{
	width: 18.125em;
	border-radius: 0.4375em;
	box-shadow: 0px 0.25em 0.625em rgba(0, 0, 0, 0.1);
	margin-right: 1.5em;
	padding: 3.375em 1.5em 2.5em 2.5em;
	background-color: #fff;
	opacity: 0;
	-webkit-transform: translate(0,10vh);
	transform: translate(0,10vh);
	-webkit-transition: transform 0.75s,opacity 0.75s;
	transition: transform 0.75s,opacity 0.75s;
}
.sec3 li.actived{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}
.sec3 li:nth-child(2){
	-webkit-transition-delay: 0.25s,0.25s;
	transition-delay: 0.25s,0.25s;
}
.sec3 li:nth-child(3){
	-webkit-transition-delay: 0.5s,0.5s;
	transition-delay: 0.5s,0.5s;
}
.sec3 li:nth-child(4){
	-webkit-transition-delay: 0.75s,0.75s;
	transition-delay: 0.75s,0.75s;
}
.sec3 li:last-child{
	margin-right: 0;
}
.sec3 li img{
	width: 2.5em;
	margin-bottom: 2.25em;
	background-repeat: no-repeat;
	background-size: contain;
}
.sec3 li img.icon1{
	background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M204.8 611.456c-112.64 0-204.8 92.16-204.8 204.8 0 112.576 92.16 204.736 204.8 204.736 112.64 0 204.8-92.16 204.8-204.8 0-112.64-92.16-204.8-204.8-204.8zm0 358.336a152.96 152.96 0 0 1-153.6-153.6 152.96 152.96 0 0 1 153.6-153.6 152.96 152.96 0 0 1 153.6 153.6 152.96 152.96 0 0 1-153.6 153.6zm819.072-358.4c0-112.64-92.16-204.736-204.8-204.736-30.72 0-61.44 6.848-88.704 20.48l78.464-78.528c37.568-37.504 61.44-88.704 61.44-143.36C870.272 92.672 784.64 8.64 672.064 8.64c-58.048 0-108.288 21.76-145.856 54.592l37.568 37.568c26.304-21.248 67.264-37.568 111.68-37.568 81.92-6.848 143.616 53.312 143.616 138.624 0 40.96-17.024 81.92-44.352 109.248L614.336 471.488v-13.632c0-112.64-92.16-204.8-204.8-204.8h-13.632l167.872-152.32-37.568-37.504-253.184 241.024c-44.352 37.568-68.224 92.16-68.224 153.6 0 112.64 92.16 204.8 204.8 204.8 34.048 0 64.768-6.848 92.096-20.48l-20.48 20.48a199.68 199.68 0 0 0-71.68 153.6c0 112.576 92.16 204.736 204.8 204.736 57.984 0 109.184-23.936 143.36-61.44l204.736-204.8c37.568-34.112 61.44-85.312 61.44-143.36zm-767.936-153.6c0-40.896 13.696-75.008 40.96-102.336l13.696-13.632c27.264-23.936 61.44-37.568 98.944-37.568a152.96 152.96 0 0 1 153.6 153.6 152.96 152.96 0 0 1-153.6 153.6 152.96 152.96 0 0 1-153.6-153.6zm358.4 512a152.96 152.96 0 0 1-153.6-153.6c0-37.504 13.632-75.072 37.568-102.4l13.632-13.632c27.328-23.872 61.44-37.568 98.944-37.568a152.96 152.96 0 0 1 153.6 153.6c0 85.312-64.832 153.6-150.144 153.6zm204.8-139.968v-13.632c0-112.64-92.16-204.8-204.8-204.8H600.64l109.248-109.184a151.808 151.808 0 0 1 109.184-44.352 152.96 152.96 0 0 1 153.6 153.6c0 40.96-17.088 81.92-44.352 109.184L819.072 829.824zm-409.6-474.368c-57.984 0-102.4 44.352-102.4 102.4 0 57.984 44.416 102.4 102.4 102.4 58.048 0 102.4-44.416 102.4-102.4 0-58.048-44.352-102.4-102.4-102.4zm0 153.6a52.48 52.48 0 0 1-51.2-51.2c0-27.328 23.936-51.2 51.2-51.2 27.328 0 51.2 23.872 51.2 51.2a52.48 52.48 0 0 1-51.2 51.2zm-204.8 204.8c-57.984 0-102.4 44.352-102.4 102.4 0 57.984 44.416 102.336 102.4 102.336 58.048 0 102.4-44.352 102.4-102.4 0-57.984-44.352-102.4-102.4-102.4zm0 153.536a52.48 52.48 0 0 1-51.2-51.2c0-27.328 23.936-51.2 51.2-51.2 27.328 0 51.2 23.872 51.2 51.2a52.48 52.48 0 0 1-51.2 51.2zm409.6-153.6c-58.048 0-102.4 44.416-102.4 102.4 0 58.048 44.352 102.4 102.4 102.4 57.984 0 102.4-44.352 102.4-102.4 0-57.984-44.416-102.4-102.4-102.4zm0 153.6a52.48 52.48 0 0 1-51.2-51.2c0-27.328 23.872-51.2 51.2-51.2 27.264 0 51.2 23.872 51.2 51.2a52.48 52.48 0 0 1-51.2 51.2z' fill='%23005BAC'/%3E%3C/svg%3E");
}
.sec3 li img.icon2{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='34' height='34' viewBox='0 0 34 34'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M16.33.658a1.5 1.5 0 0 1 1.34 0l15 7.5a1.5 1.5 0 0 1 0 2.684l-15 7.5a1.5 1.5 0 0 1-1.34 0l-15-7.5a1.5 1.5 0 0 1 0-2.684l15-7.5zM5.353 9.5L17 15.323 28.646 9.5 17 3.677 5.354 9.5zM.66 16.33a1.5 1.5 0 0 1 2.012-.672L17 22.823l14.329-7.165a1.5 1.5 0 1 1 1.341 2.684l-15 7.5a1.5 1.5 0 0 1-1.34 0l-15-7.5a1.5 1.5 0 0 1-.671-2.013zm0 7.5a1.5 1.5 0 0 1 2.012-.672L17 30.323l14.329-7.165a1.5 1.5 0 1 1 1.341 2.684l-15 7.5a1.5 1.5 0 0 1-1.34 0l-15-7.5a1.5 1.5 0 0 1-.671-2.013z' fill='%23005BAC'/%3E%3Cpath d='M33.7 10.552q.3-.484.3-1.052 0-.568-.3-1.051-.298-.484-.806-.738l-15-7.5q-.894-.447-1.788 0l-15 7.5q-.508.254-.807.738Q0 8.932 0 9.5T.3 10.552q.299.483.807.737l15 7.5q.894.447 1.788 0l15-7.5q.508-.254.807-.737zm-1.253-1.946Q33 8.882 33 9.5t-.553.894l-15 7.5q-.447.224-.894 0l-15-7.5Q1 10.118 1 9.5t.553-.894l15-7.5q.447-.224.894 0l15 7.5zm-3.354.67q-.075-.149-.224-.223L17.224 3.23q-.106-.053-.224-.053-.118 0-.224.053L5.131 9.053q-.09.044-.154.12-.066.075-.097.169-.031.094-.024.193.007.1.051.189.075.149.224.223l11.645 5.823q.106.053.224.053.118 0 .224-.053l11.645-5.823q.09-.044.154-.12.066-.075.097-.169.031-.094.024-.193-.007-.1-.051-.189zm-1.565.224L17 14.764 6.472 9.5 17 4.236 27.528 9.5zm6.369 8.133q.262-.786-.108-1.527-.37-.741-1.157-1.003-.786-.262-1.527.108L17 22.264 2.895 15.211q-.741-.37-1.527-.108-.786.262-1.157 1.003-.37.74-.108 1.526t1.003 1.157l15 7.5q.894.447 1.788 0l15-7.5q.741-.37 1.003-1.157zm-1.581-1.582q.393.131.578.502.185.37.054.763-.13.393-.501.578l-15 7.5q-.447.224-.894 0l-15-7.5q-.37-.185-.501-.578-.131-.393.054-.763t.578-.502q.393-.13.763.055l14.33 7.164q.105.053.223.053.118 0 .224-.053l14.328-7.164q.371-.186.764-.055zm1.581 9.082q.262-.786-.108-1.527-.37-.741-1.157-1.003-.786-.262-1.527.108L17 29.764 2.895 22.711q-.741-.37-1.527-.108-.786.262-1.157 1.003-.37.74-.108 1.526t1.003 1.157l15 7.5q.894.447 1.788 0l15-7.5q.741-.37 1.003-1.157zm-1.581-1.582q.393.131.578.502.185.37.054.763-.13.393-.501.578l-15 7.5q-.447.224-.894 0l-15-7.5q-.37-.185-.501-.578-.131-.393.054-.763t.578-.502q.393-.13.763.055l14.33 7.164q.105.053.223.053.118 0 .224-.053l14.328-7.164q.371-.186.764-.055z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
}
.sec3 li img.icon3{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='27' height='33' viewBox='826 3406 27 33'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='1920' height='7143' rx='0'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='1920' height='7143' rx='0' fill='%23FFF'/%3E%3Cpath d='M838.973 3406.096l-12 4.5A1.5 1.5 0 0 0 826 3412v10.5c0 4.454 2.469 8.466 6.512 12.004a33.695 33.695 0 0 0 4.318 3.19l.82.498.673.383.506.267a1.5 1.5 0 0 0 1.342 0l.506-.267.673-.383.531-.32.289-.178a33.697 33.697 0 0 0 4.318-3.19c4.043-3.538 6.512-7.55 6.512-12.004V3412a1.5 1.5 0 0 0-.973-1.405l-12-4.5a1.5 1.5 0 0 0-1.054 0zm.527 3.006l10.5 3.938v9.46c0 3.42-2.031 6.722-5.488 9.746a30.74 30.74 0 0 1-3.932 2.904l-.676.41-.404.233-.404-.233-.676-.41a30.734 30.734 0 0 1-3.932-2.904l-.393-.35c-3.217-2.928-5.095-6.107-5.095-9.396v-9.46l10.5-3.938z' fill='%23005BAC'/%3E%3Cpath d='M846.817 3434.88q6.683-5.848 6.683-12.38V3412q0-.625-.356-1.14-.356-.513-.942-.733l-12-4.5q-.702-.263-1.404 0l-12 4.5q-.586.22-.942.734T825.5 3412v10.5q0 6.532 6.683 12.38 1.996 1.747 4.382 3.238l.832.505.686.39.513.27q.904.453 1.798.006l.523-.276.685-.39.537-.322.294-.182q2.388-1.492 4.384-3.239zM852.5 3412v10.5q0 6.079-6.341 11.628-1.936 1.693-4.252 3.14l-.283.176-.527.316-.66.376-.49.258q-.447.224-.885.005l-.498-.263-.66-.375-.809-.491q-2.318-1.448-4.254-3.142-6.341-5.55-6.341-11.628V3412q0-.693.649-.936l12-4.5q.351-.132.702 0l12 4.5q.649.243.649.936zm-7.659 20.622q5.659-4.95 5.659-10.122v-9.807l-11-4.125-11 4.125v9.807q0 4.98 5.262 9.77l.397.352q1.815 1.589 4.001 2.955l.681.414.659.379.659-.38.686-.416q2.18-1.363 3.996-2.952zm4.659-19.236v9.114q0 4.718-5.317 9.37-1.755 1.535-3.868 2.856l-.665.404-.15.086-.15-.086-.67-.407q-2.108-1.318-3.863-2.853l-.389-.347q-4.928-4.486-4.928-9.023v-9.114l10-3.75 10 3.75z' fill-rule='evenodd' fill='%23FFF'/%3E%3Cg fill='%23005BAC'%3E%3Cpath d='M837.625 3424.883l8.124-6.883 1.251 1.059-9.375 7.941-5.625-4.765 1.25-1.058 4.375 3.706z'/%3E%3Cpath d='M837.625 3424.555l-4.214-3.57-.161-.136-1.637 1.386 6.012 5.093 9.762-8.27-1.638-1.386-8.124 6.883zm-4.375-3.05l-.863.73 5.238 4.437 8.988-7.613-.864-.731-8.124 6.882-4.375-3.706z' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.sec3 li img.icon4{
	background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1026 1024' xmlns='http://www.w3.org/2000/svg' width='200.391' height='200'%3E%3Cpath d='M536.257 774.048l-60.462-2.15-.973-.117c-67.475-7.604-131.179-31.351-184.215-68.654-57.487-40.428-99.208-94.997-120.659-157.816-26.549-77.581-23.25-163.973-20.096-247.537 1.002-26.105 1.915-50.798 1.915-74.722 0-30.644 25.99-56.427 56.368-55.66 47.673 1.237 85.478 12.375 125.756 30.556 11.404-29.525 27.521-56.072 48.028-79.262 47.733-53.92 89.34-80.145 127.2-80.145 24.458 0 51.152 10.843 79.322 32.176 19.507 14.762 39.482 34.592 54.804 54.421 18.535 23.955 32.266 49.089 41.664 76.138 43.55-18.386 86.098-32.382 136.69-33.885h1.59c14.291 0 27.933 5.745 38.334 16.206 10.55 10.549 16.561 24.958 16.53 39.542-.117 44.612-.942 89.869-1.767 133.654-.178 9.93-.354 19.89-.53 29.818-.119 7.073-.177 14.409-.208 21.48-.294 41.722-.56 84.83-14.79 126.525-46.495 136.54-176.497 232.743-323.439 239.373l-1.062.059zm-56.602-53.862l56.338 2.004c125.403-6.099 236.104-88.071 275.675-204.283 11.522-33.738 11.786-72.601 12.051-110.168.031-7.221.09-14.674.207-22.011.178-9.989.355-19.948.561-29.908.796-43.578 1.621-88.631 1.74-132.828 0-.708-.442-1.857-1.416-2.83-.706-.707-1.354-.972-1.619-.972-51.77 1.533-94.318 18.858-144.555 41.37l-29.083 13.023-6.836-31.145c-6.837-31.175-20.094-59.195-40.514-85.625-24.899-32.206-65.975-66.444-93.082-66.444-12.285 0-40.13 8.132-88.364 62.643-21.775 24.603-37.39 54.127-46.378 87.747l-8.22 30.792-28.464-14.32c-45.995-23.131-82.149-36.773-130.914-38.04-1.119 0-3.152 2.004-3.152 3.861 0 24.927-.972 50.061-1.975 76.697-2.976 78.819-6.07 160.35 17.326 228.824 34.942 102.214 137.186 177.352 260.674 191.613zM393.97 941.998c-9.015 0-17.768-4.714-22.54-13.084-32.97-57.722-86.597-132.06-154.69-158.464-27.699-10.725-65.003-12.403-97.355-4.418-20.035 4.95-55.688 18.208-69.567 51.238-5.538 13.201-20.714 19.42-33.914 13.88-13.202-5.542-19.418-20.715-13.878-33.916 16.766-39.981 54.04-68.918 104.925-81.5 42.783-10.578 90.812-8.189 128.498 6.394 37.01 14.35 72.956 40.367 106.9 77.377 26.103 28.433 51.032 63.35 74.103 103.715 7.101 12.436 2.77 28.261-9.665 35.36-4.063 2.3-8.485 3.418-12.817 3.418zm237.902 0c-4.36 0-8.75-1.118-12.815-3.418-12.437-7.1-16.768-22.925-9.666-35.36 23.072-40.395 48-75.281 74.104-103.715 33.946-37.008 69.893-63.027 106.871-77.377 37.687-14.584 85.743-16.972 128.528-6.394 50.885 12.582 88.16 41.519 104.926 81.5 5.537 13.201-.679 28.374-13.879 33.916-13.2 5.54-28.374-.679-33.914-13.88-13.878-33.03-49.53-46.289-69.568-51.238-32.352-7.985-69.654-6.307-97.353 4.418-68.093 26.403-121.719 100.742-154.69 158.464-4.776 8.371-13.527 13.084-22.544 13.084zm-118.95 43.462c-14.319 0-25.929-11.58-25.929-25.9V748.12c0-14.32 11.61-25.9 25.93-25.9s25.93 11.58 25.93 25.9v211.44c0 14.32-11.61 25.9-25.93 25.9z' fill='%23005BAC'/%3E%3C/svg%3E");
}
.sec3 li h5{
	font-size: 1.25em;
	color: #333;
	line-height: 1.6;
	font-weight: normal;
	margin-bottom: 0.5em;
}
.sec3 li p{
	font-size: 0.875em;
	color: #999;
	line-height: 1.57;
	letter-spacing: -0.04em;
}
.sec3 .right-part{
	border-radius: 0.4375em;
	overflow: hidden;
	width: 31.25%;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	-webkit-transform: translate(25vw,0);
	transform: translate(25vw,0);
	-webkit-transition: transform 0.75s,opacity 0.75s;
	transition: transform 0.75s,opacity 0.75s;
}
.sec3 .right-part.actived{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}


.sec4{
	padding: 4.2% 0 12.5%;
}
.sec4 .inner{
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.sec4 .text-box{
	width: 58.75%;
	opacity: 0;
	-webkit-transform: translate(-25vw,0);
	transform: translate(-25vw,0);
	-webkit-transition: transform 0.75s,opacity 0.75s;
	transition: transform 0.75s,opacity 0.75s;
}
.sec4 .text-box.actived{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}
.sec4 h3{
	font-size: 3.5em;
	color: #333;
	font-weight: normal;
	line-height: 1.143;
	margin-bottom: 0.86em;
}
.sec4 p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.78;
}
.sec4 .swiper-container{
	width: auto;
	height: 28.125em;
	padding-right: 8.125em;
	overflow: visible;
	opacity: 0;
	-webkit-transform: translate(25vw,0);
	transform: translate(25vw,0);
	-webkit-transition: transform 0.75s,opacity 0.75s;
	transition: transform 0.75s,opacity 0.75s;
}
.sec4 .swiper-container.actived{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}
.sec4 .swiper-slide{
	border-radius: 0.4375em;
	overflow: hidden;
	opacity: 0 !important;
}
.sec4 .swiper-slide.swiper-slide-prev,.sec4 .swiper-slide.swiper-slide-next,.sec4 .swiper-slide.swiper-slide-active{
	opacity: 1 !important;
}
.sec4 .swiper-slide::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: opacity 0.75s;
	transition: opacity 0.75s;
}
.sec4 .swiper-slide.swiper-slide-active::after{
	opacity: 0;
}
.sec4 .swiper-slide img{
	width: auto;
	height: 100%;
}
.sec4 .swiper-pagination-bullet{
	background-color: transparent;
	opacity: 1;
	width: 1em;
	height: 1em;
	border: 1px solid transparent;
	margin: 0.3125em 0 !important;
	-webkit-display: flex !important;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.sec4 .swiper-pagination-bullet::before{
	content: "";
	background-color: #999;
	display: block;
	border-radius: 50%;
	width: 0.375em;
	height: 0.375em;
}
.sec4 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	border-color: #005BAC;
}
.sec4 .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
	background-color: #005BAC;
}




.sec5{
	position: relative;
	padding-top: 6.5625%;
}
.sec5::before{
	content: "";
	background-color: #000;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 7.75em;
}
.sec5 .inner{
	position: relative;
}
.sec5 h3{
	font-size: 3.5em;
	color: #fff;
	font-weight: 500;
	line-height: 1.143;
	text-align: center;
	margin-bottom: 7.375%;
	opacity: 0;
	-webkit-transform: translate(0,10vh);
	transform: translate(0,10vh);
	-webkit-transition: transform 0.75s,opacity 0.75s;
	transition: transform 0.75s,opacity 0.75s;
}
.sec5 h3.actived{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}
.sec5 .ul1{
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	margin-bottom: 7.875em;
}
.sec5 .ul1 li{
	position: relative;
	border-radius: 0.4375em;
	overflow: hidden;
	width: 47.5%;
	opacity: 0;
	-webkit-transition: transform 0.75s,opacity 0.75s;
	transition: transform 0.75s,opacity 0.75s;
}
.sec5 .ul1 li:first-child{
	-webkit-transform: translate(-25vw,0);
	transform: translate(-25vw,0);
}
.sec5 .ul1 li:last-child{
	-webkit-transform: translate(25vw,0);
	transform: translate(25vw,0);
}
.sec5 .ul1 li.actived{
	-webkit-transform: translate(0,0) !important;
	transform: translate(0,0) !important;
	opacity: 1 !important;
}
.sec5 .ul1 p{
	font-size: 1.5em;
	color: #fff;
	line-height: 1.33;
	position: absolute;
	left: 8.4%;
	right: 8.4%;
	bottom: 8.4%;
}
.sec5 .ul2{
	background-color: #005BAC;
	border-radius: 0.4375em;
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	padding: 3.875% 3% 4.375%;
	opacity: 0;
	-webkit-transform: translate(0,10vh);
	transform: translate(0,10vh);
	-webkit-transition: transform 0.75s,opacity 0.75s;
	transition: transform 0.75s,opacity 0.75s;
}
.sec5 .ul2.actived{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}
.sec5 .ul2 li{
	text-align: center;
	width: 12%;
}
.sec5 .ul2 h5{
	font-size: 3.5em;
	color: #fff;
	font-weight: 500;
	line-height: 1.143;
	margin-bottom: 0.2em;
}
.sec5 .ul2 p{
	font-size: 1.25em;
	color: #fff;
	line-height: 1.6;
}




.sec6{
	padding: 9.9% 0 9.375%;	
}
.sec6 .inner{
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.sec6 .text-box{
	width: 50%;
	opacity: 0;
	-webkit-transform: translate(25vw,0);
	transform: translate(25vw,0);
	-webkit-transition: transform 0.75s,opacity 0.75s;
	transition: transform 0.75s,opacity 0.75s;
}
.sec6 .text-box.actived{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}
.sec6 ul{
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	margin-bottom: 10%;
}
.sec6 h5{
	color: #005BAC;
	font-weight: normal;
	margin-bottom: 0.75em;
	font-size: 1em;
}
.sec6 h5 b{
	font-weight: bold;
	font-size: 3.5em;
	line-height: 1.143;
}
.sec6 h5 i{
	font-style: normal;
	font-size: 1.125em;
	line-height: 1.78;
	margin-left: 1em;
}
.sec6 p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.78;
}
.sec6 .img-box{
	width: 41.25%;
	border-radius: 0.4375em;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translate(-25vw,0);
	transform: translate(-25vw,0);
	-webkit-transition: transform 0.75s,opacity 0.75s;
	transition: transform 0.75s,opacity 0.75s;
}
.sec6 .img-box.actived{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}


@media only screen and (min-width:1024px){
}
@media only screen and (max-width:1024px){
	.banner .text{
		top: 22%;
	}
	.banner h5{
		font-size: 1em;
		margin: 0.5em 0;
		line-height: 1.45;
	}
	.banner p{
		font-size: 0.8em;
	}
	.banner p i{
		margin-right: 0;
	}
	.banner h5,.banner p{
		-webkit-transform: translate(0,5vh);
		transform: translate(0,5vh);
	}




	.sec1{
		padding: 10% 0;
	}
	.sec1 .inner{
		-webkit-display: block;
		display: block;
	}
	.sec1 .text-box{
		width: 100%;
		-webkit-transform: translate(0,10vh);
		transform: translate(0,10vh);
		margin-bottom: 10%;
	}
	.sec1 .text-box h3{
		font-size: 2.25em;
		margin-bottom: 5%;
	}
	.sec1 .text-box ul{
		margin-top: 10%;
	}
	.sec1 .text-box li{
		margin-right: 9.6%;
	}
	.sec1 .text-box h5{
		font-size: 2.25em;
	}
	.sec1 .img-box{
		width: 100%;
		-webkit-transform: translate(0,10vh);
		transform: translate(0,10vh);
	}





	.sec2 .inner{
		background-image: url(../images/about_sec2_bg_web.jpg);
		background-size: cover;
		background-position: center center;
		padding: 10% 5% 35%;
	}
	.sec2 .left-part{
		margin-bottom: 10%;
	}
	.sec2 h3{
		font-size: 2em;
		margin-bottom: 10%;
		float: none;
	}
	.sec2 .certificates{
		float: none;
	}
	.sec2 .certificates li{
		width: 47%;
		margin-right: 6%;
		float: left;
	}
	.sec2 .patents{
		float: none;
		margin-bottom: 10%;
	}
	.sec2 .patents li{
		background-size: cover;
		margin-right: 5em;
		font-size: 0.75em;
	}


	.sec3{
		padding: 15% 0 0;
	}
	.sec3 .left-part{
		-webkit-transform: translate(0,10vh);
		transform: translate(0,10vh);
	}
	.sec3 .text-box{
		margin-bottom: 10%;
	}
	.sec3 .text-box h3{
		font-size: 2.25em;
		margin-bottom: 5%;
	}
	.sec3 ul{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.sec3 li{
		width: 46%;
		margin-right: 8%;
		padding: 1.5em;
		margin-bottom: 8%;
	}
	.sec3 li:nth-child(2){
		-webkit-transition-delay: 0s,0s;
		transition-delay: 0s,0s;
	}
	.sec3 li:nth-child(3){
		-webkit-transition-delay: 0s,0s;
		transition-delay: 0s,0s;
	}
	.sec3 li:nth-child(4){
		-webkit-transition-delay: 0s,0s;
		transition-delay: 0s,0s;
	}
	.sec3 li:nth-child(even){
		margin-right: 0;
	}
	.sec3 li img{
		margin-bottom: 1em;
	}
	.sec3 .right-part{
		width: 100%;
		position: static;
		-webkit-transform: translate(0,10vh);
		transform: translate(0,10vh);
		margin-bottom: 10%;
	}


	.sec4{
		padding: 7.5% 0 25%;
	}
	.sec4 .inner{
		-webkit-display: block;
		display: block;
	}
	.sec4 .text-box{
		width: 100%;
		-webkit-transform: translate(0,10vh);
		transform: translate(0,10vh);
		margin-bottom: 10%;
	}
	.sec4 h3{
		font-size: 2.25em;
		margin-bottom: 5%;
	}
	.sec4 .swiper-container{
		height: 21.75em;
		padding-right: 7em;
		-webkit-transform: translate(0,10vh);
		transform: translate(0,10vh);
	}




	.sec5{
		padding-top: 10%;
	}
	.sec5::before{
		bottom: 12em;
	}
	.sec5 h3{
		font-size: 2.25em;
		margin-bottom: 10%;
	}
	.sec5 .ul1{
		-webkit-display: block;
		display: block;
		margin-bottom: 10%;
	}
	.sec5 .ul1 li{
		width: 100%;
		margin-bottom: 10%;
	}
	.sec5 .ul1 li:first-child{
		-webkit-transform: translate(0,10vh);
		transform: translate(0,10vh);
	}
	.sec5 .ul1 li:last-child{
		-webkit-transform: translate(0,10vh);
		transform: translate(0,10vh);
	}
	.sec5 .ul2{
		padding: 10% 5% 0;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.sec5 .ul2 li{
		width: 45%;
		margin-bottom: 10%;
	}
	.sec5 .ul2 h5{
		font-size: 2.5em;
	}
	.sec5 .ul2 p{
		font-size: 1.125em;
	}




	.sec6{
		padding: 15% 0;	
	}
	.sec6 .inner{
		-webkit-display: block;
		display: block;
	}
	.sec6 .text-box{
		width: 100%;
		-webkit-transform: translate(0,10vh);
		transform: translate(0,10vh);
		-webkit-transition: transform 0.75s 0.25s,opacity 0.75s 0.25s;
		transition: transform 0.75s 0.25s,opacity 0.75s 0.25s;
	}
	.sec6 .text-box > p{
		clear: both;
		opacity: 0;
		-webkit-transform: translate(0,10vh);
		transform: translate(0,10vh);
		-webkit-transition: transform 0.75s 0.5s,opacity 0.75s 0.5s;
		transition: transform 0.75s 0.5s,opacity 0.75s 0.5s;
	}
	.sec6 .text-box.actived > p{
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
	}
	.sec6 ul{
		-webkit-display: block;
		display: block;
		margin-bottom: 5%;
	}
	.sec6 li{
		margin-bottom: 5%;
	}
	.sec6 li:last-child{
		margin-bottom: 0;
	}
	.sec6 h5{
		margin-bottom: 0;
	}
	.sec6 h5 b{
		font-size: 2.25em;
	}
	.sec6 h5 i{
		margin-left: 0.5em;
	}
	.sec6 .img-box{
		width: 100%;
		margin-bottom: 5%;
		-webkit-transform: translate(0,10vh);
		transform: translate(0,10vh);
	}

}