.inner{
	width: 1200px;
}
#video1{
	display: none;
}
/*sec14*/
.sec14{ width:100%; overflow:hidden; padding:5.2% 0;}
.sec14 .inner{ width:1600px; position:relative;}
.sec14 h1{ text-align:center; color:#222; padding-bottom:50px; font-size:38px; line-height:1; font-weight:bold;}
.sec14 .sec14_cont{ border-top:#bbb solid 1px; padding:50px 0 40px; opacity:0;}
.sec14 .sec14_tit{ width:30%;}
.sec14 .sec14_tit h2{ padding-left:100px; font-size:32px; line-height:1; color:#333;}
.sec14 .sec14_tet{ width:70%;}
.sec14 .sec14_tet ul.sec14_ul{ width:100%;}
.sec14 .sec14_tet ul.f-left,.sec14 .sec14_tet ul.f-right{ width:50%; }
.sec14 .sec14_tet ul li{ float:left; width:100%;font-size:16px; line-height:1.5; padding-bottom:10px; color:#333; font-weight:normal;}
.sec14 .sec14_tet ul li strong,.sec14 .sec14_tet ul li span{ float:left; display:block;line-height:1.5;}
.sec14 .sec14_tet ul li .colorw{ color:#fff;}
.sec14 .sec14_tet ul li img{
	max-width: 100%;
}
.sec14 .sec14_btn{ width:168px; height:45px; margin:0 auto;}
.sec14 .sec14_btn a{ display:block; color:#fff; width:100%; font-size:16px; height:45px; line-height:45px; text-align:center; background-color:#0e4b9f; }
.sec14 .sec14_btn a span.sec14_btn_icon{background-image:url(../images/porduct_meeting_detail1_sec14_icon.png); background-repeat:no-repeat; background-position:center; width:15px; height:8px; margin-left:6px; display:inline-block;}
.sec14 .sec14_btn a.active span.sec14_btn_icon{background-image:url(../images/porduct_meeting_detail1_sec14_icon1.png);}
.sec14_hide{ display:none;}
.sec14.actived h1{opacity:1;
	-webkit-animation: 	appearFromTB1  1000ms ease 50ms both;
	-moz-animation: 	appearFromTB1  1000ms ease 50ms both;
	-ms-animation: 		appearFromTB1  1000ms ease 50ms both;
	-o-animation: 		appearFromTB1  1000ms ease 50ms both;
	animation: 			appearFromTB1  1000ms ease 50ms both;
}
.sec14.actived .sec14_cont{opacity:1;
	-webkit-animation: 	appearFromTB1  1000ms ease 100ms both;
	-moz-animation: 	appearFromTB1  1000ms ease 100ms both;
	-ms-animation: 		appearFromTB1  1000ms ease 100ms both;
	-o-animation: 		appearFromTB1  1000ms ease 100ms both;
	animation: 			appearFromTB1  1000ms ease 100ms both;
}
/*sec15*/
.sec15{ width:100%; overflow:hidden; padding:70px 0 80px; background-color:#f7f7f7;}
.sec15 .inner{ width:1520px; position:relative;}
.sec15 h1{ text-align:center; color:#333; padding-bottom:35px; font-size:38px; line-height:1; font-weight:bold; opacity:0;}
.sec15 ul{ width:100%; text-align: center;}
.sec15 ul li{ display: inline-block; width:17%; text-align:center; margin-right:3.5%; opacity:0; position:relative; overflow:hidden;}
.sec15 ul li:last-child{ margin-right:0;}
.sec15 ul li .download_content{ display:block; width:100%; height:100%; border-bottom-left-radius:4px; border-bottom-right-radius:4px;transition: 0.15s linear; -moz-transition:0.15s linear; -webkit-transition:0.15s linear;}
.sec15 ul li:hover .download_content{ background-image:url(../images/porduct_meeting_detail1_sec15_bg.jpg); background-size:cover;}
.sec15 ul li img{ width:100%;}
.sec15 ul li p{ font-size:22px; line-height:80px; color:#333; padding-left:120px; text-align:left;}
.sec15 ul li:hover p{ color:#fff;}
.sec15 ul li .sec15_bottom{background-repeat:no-repeat; background-size:55px auto; background-position:30px center; transition: 0.25s linear; -moz-transition:0.25s linear; -webkit-transition:0.25s linear;border:#d4d4d4 solid 1px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top:none;}
.sec15 ul li.one .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon1.png); }
.sec15 ul li.second .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon2.png); }
.sec15 ul li.third .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon3.png); }
.sec15 ul li.fourth .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon4.png); }
.sec15 ul li.last .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon5.png); }
.sec15 ul li.one:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon1_1.png); }
.sec15 ul li.second:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon2_1.png); }
.sec15 ul li.third:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon3_1.png); }
.sec15 ul li.fourth:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon4_1.png); }
.sec15 ul li.last:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon5_1.png); }
.sec15 ul li .sec_box{ position:absolute;  top:-100%; height:100%; width:100%;transition: 0.5s linear; -moz-transition:0.5s linear; -webkit-transition:0.5s linear; background-image:url(../images/porduct_meeting_detail1_download_bg.png); background-repeat:repeat; z-index:1;border-top-left-radius:4px; border-top-right-radius:4px;}
.sec15 ul li .sec_box a{ color:#fff; font-size:22px; line-height:1;height:auto; padding-bottom:18px; display:block;border-bottom-left-radius:0; border-bottom-right-radius:0;}
.sec15 ul li .sec_box a:first-child{ padding-top:34px;}
.sec15 ul li .sec_box a.mobile{ display:none;}
.sec15 ul li:hover .sec_box{ top:0px;}
.sec15 ul li .sec_box a:hover{ text-decoration:underline;background-image:none;}
.sec15 ul li:hover .sec_box a{ background-image:none;}
.sec15.actived h1{opacity:1;
	-webkit-animation: 	appearFromTB1  1000ms ease 50ms both;
	-moz-animation: 	appearFromTB1  1000ms ease 50ms both;
	-ms-animation: 		appearFromTB1  1000ms ease 50ms both;
	-o-animation: 		appearFromTB1  1000ms ease 50ms both;
	animation: 			appearFromTB1  1000ms ease 50ms both;
}
.sec15.actived ul li{ opacity:1;
	-webkit-animation: 	appearFromTB1  1000ms ease 100ms both;
	-moz-animation: 	appearFromTB1  1000ms ease 100ms both;
	-ms-animation: 		appearFromTB1  1000ms ease 100ms both;
	-o-animation: 		appearFromTB1  1000ms ease 100ms both;
	animation: 			appearFromTB1  1000ms ease 100ms both;	
}
.sec15.actived ul li:nth-child(2){
	-webkit-animation: 	appearFromTB1  1000ms ease 300ms both;
	-moz-animation: 	appearFromTB1  1000ms ease 300ms both;
	-ms-animation: 		appearFromTB1  1000ms ease 300ms both;
	-o-animation: 		appearFromTB1  1000ms ease 300ms both;
	animation: 			appearFromTB1  1000ms ease 300ms both;	
}
.sec15.actived ul li:nth-child(3){
	-webkit-animation: 	appearFromTB1  1000ms ease 500ms both;
	-moz-animation: 	appearFromTB1  1000ms ease 500ms both;
	-ms-animation: 		appearFromTB1  1000ms ease 500ms both;
	-o-animation: 		appearFromTB1  1000ms ease 500ms both;
	animation: 			appearFromTB1  1000ms ease 500ms both;	
}
.sec15.actived ul li:nth-child(4){
	-webkit-animation: 	appearFromTB1  1000ms ease 700ms both;
	-moz-animation: 	appearFromTB1  1000ms ease 700ms both;
	-ms-animation: 		appearFromTB1  1000ms ease 700ms both;
	-o-animation: 		appearFromTB1  1000ms ease 700ms both;
	animation: 			appearFromTB1  1000ms ease 700ms both;	
}
.sec15.actived ul li:nth-child(5){
	-webkit-animation: 	appearFromTB1  1000ms ease 900ms both;
	-moz-animation: 	appearFromTB1  1000ms ease 900ms both;
	-ms-animation: 		appearFromTB1  1000ms ease 900ms both;
	-o-animation: 		appearFromTB1  1000ms ease 900ms both;
	animation: 			appearFromTB1  1000ms ease 900ms both;	
}
/*sec16*/
.sec16{ width:100%; padding-top:100px;}
.sec16 h1{ text-align:center; color:#222; font-size:38px; line-height:1; font-weight:bold; opacity:0;}
.sec16.actived h1{opacity:1;
	-webkit-animation: 	appearFromTB1  1000ms ease 50ms both;
	-moz-animation: 	appearFromTB1  1000ms ease 50ms both;
	-ms-animation: 		appearFromTB1  1000ms ease 50ms both;
	-o-animation: 		appearFromTB1  1000ms ease 50ms both;
	animation: 			appearFromTB1  1000ms ease 50ms both;
}
#featured-area{ display:none;}
.sec16 .swiper-container{ display:block;}
@-webkit-keyframes appearFromTB1 {
	0%	{opacity: 0; -webkit-transform: translateY(100px) ;}
	100%{ opacity: 1;-webkit-transform: translateY(0);}
}@-moz-keyframes appearFromTB1 {
	0%	{opacity: 0;-moz-transform: translateY(100px);}
	100%{opacity: 1; -moz-transform: translateY(0) ;}
}@-ms-keyframes appearFromTB1 {
	0%	{opacity: 0;-ms-transform: translateY(100px);}
	100%{opacity: 1;-ms-transform: translateY(0) ;}
}@-o-keyframes appearFromTB1 {
	0%	{opacity: 0;-o-transform: translateY(100px);}
	100%{opacity: 1;-o-transform: translateY(0) ;}
}@keyframes appearFromTB1 {
	0%	{opacity: 0;transform: translateY(100px) ;}
	100%{opacity: 1;transform: translateY(0) ;}
}



.section1{
	position: relative;
	overflow: hidden;
}
.section1 .bg{
	width: 100%;
}
.section1 .kv_new{
	top: 12%;
}
.section1 .img{
	width: 53.854%;
	position: absolute;
	top: 4.15%;
	right: 8.59375%;
}
.section1 .img .screen1,.section1 .img .screen2,.section1 .img .screen3,.section1 .img .screen4,.section1 .img .car{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
}
.section1 .img .screen1{
	-webkit-transform: translateX(-2.5%) translateY(-2.5%);
	-moz-transform: translateX(-2.5%) translateY(-2.5%);
	-ms-transform: translateX(-2.5%) translateY(-2.5%);
	-o-transform: translateX(-2.5%) translateY(-2.5%);
	transform: translateX(-2.5%) translateY(-2.5%);
}
.section1 .img .screen2{
	-webkit-transform: translateX(2.5%) translateY(-2.5%);
	-moz-transform: translateX(2.5%) translateY(-2.5%);
	-ms-transform: translateX(2.5%) translateY(-2.5%);
	-o-transform: translateX(2.5%) translateY(-2.5%);
	transform: translateX(2.5%) translateY(-2.5%);
}
.section1 .img .screen3{
	-webkit-transform: translateX(-2.5%) translateY(2.5%);
	-moz-transform: translateX(-2.5%) translateY(2.5%);
	-ms-transform: translateX(-2.5%) translateY(2.5%);
	-o-transform: translateX(-2.5%) translateY(2.5%);
	transform: translateX(-2.5%) translateY(2.5%);
}
.section1 .img .screen4{
	-webkit-transform: translateX(2.5%) translateY(2.5%);
	-moz-transform: translateX(2.5%) translateY(2.5%);
	-ms-transform: translateX(2.5%) translateY(2.5%);
	-o-transform: translateX(2.5%) translateY(2.5%);
	transform: translateX(2.5%) translateY(2.5%);
}
.section1.actived .img .screen{
	-webkit-transform: translateX(0%) translateY(0%);
	-moz-transform: translateX(0%) translateY(0%);
	-ms-transform: translateX(0%) translateY(0%);
	-o-transform: translateX(0%) translateY(0%);
	transform: translateX(0%) translateY(0%);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section1 .img .car{
	opacity: 0;
	-webkit-transform: translateX(10%);
	-moz-transform: translateX(10%);
	-ms-transform: translateX(10%);
	-o-transform: translateX(10%);
	transform: translateX(10%);
}
.section1.actived .img .car{
	opacity: 1;
	-webkit-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	-o-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}
.section1 .text{
	position: absolute;
	left: -50%;
	top: 21.98%;
	opacity: 0;
}
.section1.actived .text{
	opacity: 1;
	left: 10.46875%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section1 .text h5{
	font-size: 3.875em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.47em;	
}
.section1 .text p{
	font-size: 2.25em;
	color: #222;
	font-weight: bold;
}
.section1 ul{
	width: 27%;
	position: absolute;
	left: 10.46875%;
	top: 40.57%;
}
.section1 li{
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 33.333%;
	margin-bottom: 7.2%;
	opacity: 0;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
}
.section1 li:nth-child(1){
	-webkit-transition: all 0.5s 1s;
	-moz-transition: all 0.5s 1s;
	-ms-transition: all 0.5s 1s;
	-o-transition: all 0.5s 1s;
	transition: all 0.5s 1s;
}
.section1 li:nth-child(2){
	-webkit-transition: all 0.5s 1.25s;
	-moz-transition: all 0.5s 1.25s;
	-ms-transition: all 0.5s 1.25s;
	-o-transition: all 0.5s 1.25s;
	transition: all 0.5s 1.25s;
}
.section1 li:nth-child(3){
	-webkit-transition: all 0.5s 1.5s;
	-moz-transition: all 0.5s 1.5s;
	-ms-transition: all 0.5s 1.5s;
	-o-transition: all 0.5s 1.5s;
	transition: all 0.5s 1.5s;
}
.section1 li:nth-child(4){
	-webkit-transition: all 0.5s 1.75s;
	-moz-transition: all 0.5s 1.75s;
	-ms-transition: all 0.5s 1.75s;
	-o-transition: all 0.5s 1.75s;
	transition: all 0.5s 1.75s;
}
.section1 li:nth-child(5){
	-webkit-transition: all 0.5s 2s;
	-moz-transition: all 0.5s 2s;
	-ms-transition: all 0.5s 2s;
	-o-transition: all 0.5s 2s;
	transition: all 0.5s 2s;
}
.section1 li:nth-child(6){
	-webkit-transition: all 0.5s 2.25s;
	-moz-transition: all 0.5s 2.25s;
	-ms-transition: all 0.5s 2.25s;
	-o-transition: all 0.5s 2.25s;
	transition: all 0.5s 2.25s;
}
.section1.actived ul li{
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}
.section1 li img{
	width: 3.75em;
}
.section1 li p{
	font-size: 1.375em;
	color: #000;
	line-height: 1.6364;
	margin-top: 0.59em;
}



.section2{
	position: relative;
	overflow: hidden;
}
.section2 .bg{
	width: 100%;
}
.section2 .img1{
	position: absolute;
	left: -100%;
	bottom: 9.07%;
	width: 40.885%;
	opacity: 0;
}
.section2.actived .img1{
	left: 14.48%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section2 .img2{
	position: absolute;
	left: 51.77%;
	bottom: 16.05%;
	width: 14.21875%;
	opacity: 0;
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
.section2.actived .img2{
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
	opacity: 1;
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
}
.section2 .text{
	position: absolute;
	right: -100%;
	top: 32.9%;
	opacity: 0;
}
.section2.actived .text{
	right: 10.46875%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section2 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	line-height: 1.619;
	margin-bottom: 0.7143em;
}
.section2 .text p{
	font-size: 1.375em;
	color: #222;
	font-weight: bold;
	line-height: 1.6364;
}





.section3{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section3 .bg{
	width: 100%;
}
.section3 h3{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	width: 100%;
	position: absolute;
	top: 15%;
	left: 0;
	opacity: 0;
}
.section3.actived h3{
	top: 11.511%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section3 .img-box{
	width: 66.3%;
	position: absolute;
	left: 16.85%;
	top: 23.14%;
}
.section3 .img-box .screen{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.section3 .img-box .screen1{
	-webkit-transform: translateX(-5%) translateY(-5%);
	-moz-transform: translateX(-5%) translateY(-5%);
	-ms-transform: translateX(-5%) translateY(-5%);
	-o-transform: translateX(-5%) translateY(-5%);
	transform: translateX(-5%) translateY(-5%);
}
.section3 .img-box .screen2{
	-webkit-transform: translateX(0%) translateY(-5%);
	-moz-transform: translateX(0%) translateY(-5%);
	-ms-transform: translateX(0%) translateY(-5%);
	-o-transform: translateX(0%) translateY(-5%);
	transform: translateX(0%) translateY(-5%);	
}
.section3 .img-box .screen3{
	-webkit-transform: translateX(5%) translateY(-5%);
	-moz-transform: translateX(5%) translateY(-5%);
	-ms-transform: translateX(5%) translateY(-5%);
	-o-transform: translateX(5%) translateY(-5%);
	transform: translateX(5%) translateY(-5%);	
}
.section3 .img-box .screen4{
	-webkit-transform: translateX(-5%) translateY(5%);
	-moz-transform: translateX(-5%) translateY(5%);
	-ms-transform: translateX(-5%) translateY(5%);
	-o-transform: translateX(-5%) translateY(5%);
	transform: translateX(-5%) translateY(5%);	
}
.section3 .img-box .screen5{
	-webkit-transform: translateX(0%) translateY(5%);
	-moz-transform: translateX(0%) translateY(5%);
	-ms-transform: translateX(0%) translateY(5%);
	-o-transform: translateX(0%) translateY(5%);
	transform: translateX(0%) translateY(5%);
}
.section3 .img-box .screen6{
	-webkit-transform: translateX(5%) translateY(5%);
	-moz-transform: translateX(5%) translateY(5%);
	-ms-transform: translateX(5%) translateY(5%);
	-o-transform: translateX(5%) translateY(5%);
	transform: translateX(5%) translateY(5%);
}
.section3.actived .img-box .screen{
	-webkit-transform: translateX(0%) translateY(0%);
	-moz-transform: translateX(0%) translateY(0%);
	-ms-transform: translateX(0%) translateY(0%);
	-o-transform: translateX(0%) translateY(0%);
	transform: translateX(0%) translateY(0%);
	-webkit-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	-o-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
}
.section3 .img-box .leaf{
	position: absolute;
	width: 26.316%;
	left: 80%;
	top: 29%;
	opacity: 0;
}
.section3.actived .img-box .leaf{
	left: 96.78%;
	opacity: 1;
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
}
.section3 ul{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 5.12%;
}
.section3 ul li{
	display: inline-block;
	vertical-align: top;
	margin: 0 2%;
	opacity: 0;
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	-o-transform: translateY(10%);
	transform: translateY(10%);
}
.section3 ul li:nth-child(1){
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.section3 ul li:nth-child(2){
	-webkit-transition-delay: 1.75s;
	-moz-transition-delay: 1.75s;
	-ms-transition-delay: 1.75s;
	-o-transition-delay: 1.75s;
	transition-delay: 1.75s;
}
.section3 ul li:nth-child(3){
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-ms-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;
}
.section3 ul li:nth-child(4){
	-webkit-transition-delay: 2.25s;
	-moz-transition-delay: 2.25s;
	-ms-transition-delay: 2.25s;
	-o-transition-delay: 2.25s;
	transition-delay: 2.25s;
}
.section3 ul li:nth-child(5){
	-webkit-transition-delay: 2.5s;
	-moz-transition-delay: 2.5s;
	-ms-transition-delay: 2.5s;
	-o-transition-delay: 2.5s;
	transition-delay: 2.5s;
}
.section3 ul li:nth-child(6){
	-webkit-transition-delay: 2.75s;
	-moz-transition-delay: 2.75s;
	-ms-transition-delay: 2.75s;
	-o-transition-delay: 2.75s;
	transition-delay: 2.75s;
}
.section3 ul li:nth-child(7){
	-webkit-transition-delay: 3s;
	-moz-transition-delay: 3s;
	-ms-transition-delay: 3s;
	-o-transition-delay: 3s;
	transition-delay: 3s;
}
.section3.actived ul li{
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: all;
	-ms-transition-duration: 0.5s;
	-o-transition-property: all;
	-o-transition-duration: 0.5s;
	transition-property: all;
	transition-duration: 0.5s;
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}
.section3 ul li img{
	width: 3.75em;
}
.section3 ul li p{
	font-size: 1.125em;
	color: #222;
	margin-top: 1em;
}




.section4{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section4 .bg{
	width: 100%;
}
.section4 .text{
	position: absolute;
	left: 0;
	top: 15%;
	width: 100%;
	opacity: 0;
}
.section4.actived .text{
	top: 9.58%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section4 .text h5{
	font-size: 2.625em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.762em;
}
.section4 .text p{
	font-size: 1.125em;
	color: #fff;
}





.section5{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section5 .bg{
	width: 100%;
}
.section5 .text{
	width: 100%;
	position: absolute;
	top: 15%;
	left: 0;
	opacity: 0;
}
.section5.actived .text{
	top: 9.58%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section5 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.762em;
}
.section5 .text p{
	font-size: 1.125em;
	color: #222;
}
.section5 .img-box{
	width: 50.2%;
	position: absolute;
	left: 24.9%;
	top: 27.425%;
}
.section5 .img-box .screen{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.section5 .img-box .screen1{
	-webkit-transform: translateX(-2.5%) translateY(-2.5%);
	-moz-transform: translateX(-2.5%) translateY(-2.5%);
	-ms-transform: translateX(-2.5%) translateY(-2.5%);
	-o-transform: translateX(-2.5%) translateY(-2.5%);
	transform: translateX(-2.5%) translateY(-2.5%);
}
.section5 .img-box .screen2{
	-webkit-transform: translateX(2.5%) translateY(-2.5%);
	-moz-transform: translateX(2.5%) translateY(-2.5%);
	-ms-transform: translateX(2.5%) translateY(-2.5%);
	-o-transform: translateX(2.5%) translateY(-2.5%);
	transform: translateX(2.5%) translateY(-2.5%);	
}
.section5 .img-box .screen3{
	-webkit-transform: translateX(-2.5%) translateY(2.5%);
	-moz-transform: translateX(-2.5%) translateY(2.5%);
	-ms-transform: translateX(-2.5%) translateY(2.5%);
	-o-transform: translateX(-2.5%) translateY(2.5%);
	transform: translateX(-2.5%) translateY(2.5%);	
}
.section5 .img-box .screen4{
	-webkit-transform: translateX(2.5%) translateY(2.5%);
	-moz-transform: translateX(2.5%) translateY(2.5%);
	-ms-transform: translateX(2.5%) translateY(2.5%);
	-o-transform: translateX(2.5%) translateY(2.5%);
	transform: translateX(2.5%) translateY(2.5%);
}
.section5.actived .img-box .screen{
	-webkit-transform: translateX(0%) translateY(0%);
	-moz-transform: translateX(0%) translateY(0%);
	-ms-transform: translateX(0%) translateY(0%);
	-o-transform: translateX(0%) translateY(0%);
	transform: translateX(0%) translateY(0%);
	-webkit-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	-o-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
}






.section6{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section6 .bg{
	width: 100%;
}
.section6 .text{
	width: 100%;
	position: absolute;
	top: 15%;
	left: 0;
	opacity: 0;
}
.section6.actived .text{
	top: 9.58%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section6 .text h5{
	font-size: 2.625em;
	color: #333;
	font-weight: bold;
	margin-bottom: 0.45em;
}
.section6 .text p{
	font-size: 1.125em;
	color: #333;
}
.section6 .img{
	width: 83.333%;
	position: absolute;
	left: 0;
	right: 0;
	top: 28%;
	margin: 0 auto;
	opacity: 0;
}
.section6.actived .img{
	opacity: 1;
	top: 23.47%;
	-webkit-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	-o-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
}



.section7{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section7 .bg{
	width: 100%;
}
.section7 .text{
	width: 100%;
	position: absolute;
	top: 18%;
	left: 0;
	opacity: 0;
}
.section7.actived .text{
	top: 12.7%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section7 .text h5{
	font-size: 2.625em;
	color: #333;
	font-weight: bold;
	margin-bottom: 0.69em;
}
.section7 .text p{
	font-size: 1.125em;
	color: #333;
}
.section7 .img1{
	width: 17.45%;
	position: absolute;
	left: 0;
	right: 0;
	top: 46.35%;
	margin: 0 auto;
	opacity: 0;
}
.section7.actived .img1{
	opacity: 1;
	-webkit-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	-o-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
}
.section7 .img2{
	width: 32.29%;
	position: absolute;
	right: 50%;
	top: 33.29%;
	margin-right: 10.3125%;
	opacity: 0;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
}
.section7 .img3{
	width: 32.45%;
	position: absolute;
	left: 50%;
	top: 33.05%;
	margin-left: 10.3125%;
	opacity: 0;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
}
.section7.actived .img2,.section7.actived .img3{
	opacity: 1;
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}
.section7 .img p{
	font-size: 1.75em;
	color: #333;
	font-weight: bold;
	margin-top: 0.6em;
}
.section7 .img.img1 p{
	font-size: 1.125em;
	margin-top: 1.11em;
}




.section8{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section8 .bg{
	width: 100%;
}
.section8 .text{
	width: 100%;
	position: absolute;
	top: 15%;
	left: 0;
	opacity: 0;
}
.section8.actived .text{
	top: 9.58%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section8 .text h5{
	font-size: 2.625em;
	color: #333;
	font-weight: bold;
	margin-bottom: 0.69em;
}
.section8 .text p{
	font-size: 1.125em;
	color: #333;
}
.section8 .img{
	width: 35.9375%;
	position: absolute;
	top: 30%;
	opacity: 0;
}
.section8 .img1{
	right: 50%;
	margin-right: 6.5625%;
}
.section8.actived .img1{
	opacity: 1;
	-webkit-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	-o-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
}
.section8 .img2{
	left: 50%;
	margin-left: 6.5625%;
}
.section8.actived .img2{
	opacity: 1;
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
}
.section8 .img p{
	font-size: 1.75em;
	color: #fff;
	font-weight: bold;
	background-color: #2a71b9;
	display: inline-block;
	vertical-align: top;
	border-radius: 0.179em;
	height: 1.57em;
	line-height: 1.57em;
	padding: 0 0.714em;
	margin: 1em auto 0;
}





.section9{
	text-align: center;
	position: relative;
	overflow: hidden;
}
.section9 .bg{
	width: 100%;
}
.section9 .screen2{
	position: absolute;
	right: 66.04%;
	top: 0;
	height: 100%;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
	width: 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center right;
	background-image: url(../images/product_join_section9_img2_bg_web.png);
}
.section9.actived .screen2{
	-webkit-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	-o-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
	width: 33.96%;
}
.section9 .screen1{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	opacity: 0;
}
.section9.actived .screen1{
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section9 .screen3{
	position: absolute;
	left: 66.3%;
	top: 0;
	height: 100%;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	width: 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center left;
	background-image: url(../images/product_join_section9_img3_bg_web.png);
}
.section9.actived .screen3{
	-webkit-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	-o-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
	width: 33.7%;
}
.section9 .screen4{
	position: absolute;
	left: 0;
	bottom: 11.5%;
	width: 100%;
	opacity: 0;
}
.section9.actived .screen4{
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
	opacity: 1;
}
.section9 .text{
	position: absolute;
	top:15%;
	left: 0;
	width: 100%;
	opacity: 0;
}
.section9.actived .text{
	top:9.58%;
	-webkit-transition: all 1s 1.5s;
	-moz-transition: all 1s 1.5s;
	-ms-transition: all 1s 1.5s;
	-o-transition: all 1s 1.5s;
	transition: all 1s 1.5s;
	opacity: 1;
}
.section9 .text h3{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.738em;
}
.section9 .text p{
	font-size: 1.125em;
	color: #222;
}






.section10{
	position: relative;
	overflow: hidden;
}
.section10 .bg{
	width: 100%;
}
.section10 .text{
	position: absolute;
	left: -100%;
	top: 10.66%;
	opacity: 0;
}
.section10.actived .text{
	left: 10.46875%;
	transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	opacity: 1;
}
.section10 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	line-height: 1.4286;
	margin-bottom: 0.524em;
}
.section10 .text p{
	font-size: 1.125em;
	color: #222;
	line-height: 2.111;
}
.section10 .clock-box{
	width: 22.6%;
	overflow: hidden;
	position: absolute;
	left: -100%;
	top: 39.64%;
	opacity: 0;
}
.section10.actived .clock-box{
	left: 10.46875%;
	transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	opacity: 1;
}
.section10 .clock-box img{
	width: 100%;
}
.section10 .clock-box .hour,.section10 .clock-box .minute,.section10 .clock-box .seven{
	position: absolute;
	left: 0;
	top: 0;
}
.section10 .clock-box .seven{
	opacity: 0;
}
.section10.actived .clock-box .seven{
	opacity: 1;
	transition: all 1s 1s;
	-webkit-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
}
.section10.actived .clock-box .hour,.section10.actived .clock-box .minute{
	animation-name: rotate;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotate;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotate;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-o-animation-name: rotate;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	-ms-animation-name: rotate;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
}
.section10.actived .clock-box .hour{
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	-ms-animation-duration: 2s;
}
.section10.actived .clock-box .minute{
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
}
.section10 .img{
	width: 58.54166%;
	position: absolute;
	right: -100%;
	top: 13.89%;
	opacity: 0;
}
.section10.actived .img{
	right: -3.02%;
	transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	opacity: 1;
}
.section10 .img img{
	width: 100%;
}
.section10 .img .swiper-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section10 .img .swiper-slide{
	margin-top: 0;
	margin-bottom: 0;
}
@keyframes rotate {
	0% {
	   transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes rotate {
	0% {
	   -webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes rotate {
	0% {
	   -moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}
@-o-keyframes rotate {
	0% {
	   -o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(360deg);
	}
}
@-ms-keyframes rotate {
	0% {
	   -ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
	}
}




.section11{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section11 .bg{
	width: 100%;
}
.section11 .text{
	width: 100%;
	position: absolute;
	top: 15%;
	left: 0;
	opacity: 0;
}
.section11.actived .text{
	top: 11.511%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section11 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.69em;
}
.section11 .text p{
	font-size: 1.125em;
	color: #222;
}
.section11 .slide-box{
	width: 36.666%;
	position: absolute;
	top: 25.27%;
}
.section11 .slide-box.left{
	left: 8.23%;
}
.section11 .slide-box.right{
	right: 8.23%;
}
.section11 .slide-box .swiper-container{
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section11 .slide-box .swiper-slide{
	margin: 0;
}
.section11 .slide-box .swiper-slide img{
	width: 100%;
}



.section12{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section12 .bg{
	width: 100%;
}
.section12 .text{
	width: 100%;
	position: absolute;
	top: 15%;
	left: 0;
	opacity: 0;
}
.section12.actived .text{
	top: 11.511%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section12 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.69em;
}
.section12 .text p{
	font-size: 1.125em;
	color: #222;
}
.section12 .img-box{
	width: 82.08%;
	position: absolute;
	left: 8.96%;
	top: 31.86%;
}
.section12 .img-box .screen{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
}
.section12 .img-box .screen.top{
	-webkit-transform: translateY(-10%);
	-moz-transform: translateY(-10%);
	-ms-transform: translateY(-10%);
	-o-transform: translateY(-10%);
	transform: translateY(-10%);
}
.section12 .img-box .screen.bottom{
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	-o-transform: translateY(10%);
	transform: translateY(10%);
}
.section12.actived .img-box .screen{
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
}
.section12.actived .img-box .screen.delay1{
	-webkit-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	-o-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
}
.section12.actived .img-box .screen.delay2{
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
}
.section12.actived .img-box .screen.delay3{
	-webkit-transition: all 1s 1.5s;
	-moz-transition: all 1s 1.5s;
	-ms-transition: all 1s 1.5s;
	-o-transition: all 1s 1.5s;
	transition: all 1s 1.5s;
}
.section12.actived .img-box .screen.delay4{
	-webkit-transition: all 1s 2s;
	-moz-transition: all 1s 2s;
	-ms-transition: all 1s 2s;
	-o-transition: all 1s 2s;
	transition: all 1s 2s;
}



.section13{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section13 .bg{
	width: 100%;
}
.section13 h3{
	font-size: 3em;
	color: #222;
	font-weight: bold;
	position: absolute;
	top: 7.64%;
	left: 0;
	width: 100%;
}
.section13 .img-box{
	width: 100%;
	position: absolute;
	left: 0;
	top: 18%;
}
.section13 .img-box .img1,.section13 .img-box .img2,.section13 .img-box .img3{
	display: inline-block;
	vertical-align: top;
	width: 18.073%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
	background-image: url(../images/product_join_section13_border_ver.png);
	overflow: hidden;
}
.section13 .img-box .img1 img,.section13 .img-box .img3 img{
	width: calc(100% - 2px);
	width: -webkit-calc(100% - 2px);
	width: -moz-calc(100% - 2px);
	width: -o-calc(100% - 2px);
	margin: 1px;
}
.section13 .img-box .img1{
	opacity: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.section13.actived .img-box .img1{
	-webkit-transition: all 1s 2s;
	-moz-transition: all 1s 2s;
	-ms-transition: all 1s 2s;
	-o-transition: all 1s 2s;
	transition: all 1s 2s;
	opacity: 1;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}
.section13 .img-box .img2{
	position: relative;
	overflow: hidden;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.section13.actived .img-box .img2{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
}
.section13 .img-box .img2 .ver{
	width: calc(100% - 2px);
	width: -webkit-calc(100% - 2px);
	width: -moz-calc(100% - 2px);
	width: -o-calc(100% - 2px);
	margin: 1px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	background-image: url(../images/product_join_section13_img2_bg.png);
	opacity: 0;
}
.section13.actived .img-box .img2 .ver{
	opacity: 1;
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
}
.section13 .img-box .img2 .hor{
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	background-image: url(../images/product_join_section13_img2_bg2.png);
}
.section13.actived .img-box .img2 .hor{
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
	opacity: 0;
}
.section13 .img-box .img3{
	opacity: 0;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
}
.section13.actived .img-box .img3{
	-webkit-transition: all 1s 2s;
	-moz-transition: all 1s 2s;
	-ms-transition: all 1s 2s;
	-o-transition: all 1s 2s;
	transition: all 1s 2s;
	opacity: 1;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}
.section13 .tip{
	font-size: 1.75em;
	color: #333;
	position: absolute;
	left: 0;
	top: 72.52%;
	width: 100%;
}
.section13 ul{
	position: absolute;
	left: 0;
	top: 78.86%;
	width: 100%;
}
.section13 li{
	display: inline-block;
	vertical-align: top;
	margin: 0 2.1%;
}
.section13 li img{
	width: 8.0625em;
}
.section13 li p{
	font-size: 1.125em;
	color: #999;	
	margin-top: 1.166em;
}




.section14{
	text-align: center;
	position: relative;
	overflow: hidden;
	background-color: #dcdcdc;
}
.section14 .bg{
	width: 100%;
	position: relative;
	opacity: 0;
	bottom: -15%;
}
.section14.actived .bg{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
	bottom: 0;
}
.section14 .text{
	position: absolute;
	left: 0;
	top: 5%;
	width: 100%;
	opacity: 0;
	z-index: 1;
}
.section14.actived .text{
	top: 11.98%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section14 .text h5{
	font-size: 3em;
	color: #333;
	font-weight: bold;
	margin-bottom: 0.625em;
}
.section14 .text p{
	font-size: 1.75em;
	color: #333;
	font-weight: bold;
}


.section15{
	text-align: center;
	position: relative;
	overflow: hidden;
}
.section15 .bg{
	width: 100%;
}
.section15 .text{
	position: absolute;
	left: 0;
	top: 15%;
	width: 100%;
	opacity: 0;
}
.section15.actived .text{
	top: 9.58%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section15 .text h5{
	font-size: 3em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.625em;
}
.section15 .text p{
	font-size: 1.75em;
	color: #fff;
	font-weight: bold;
}




.section17{
	background-color: #f9fbfa;
	text-align: center;
	padding: 4.6875% 0 6.5%;
}
.section17 .text{
	opacity: 0;
	position: relative;
	top: 20%;
	margin-bottom: 3.33%;
}
.section17.actived .text{
	top: 0;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section17 .text h5{
	font-size: 2.875em;
	color: #454747;
	font-weight: normal;
	margin-bottom: 0.7em;
}
.section17 .text p{
	font-size: 1.875em;
	color: #454747;
	font-weight: lighter;
}
.section17 li{
	display: inline-block;
	vertical-align: bottom;
	opacity: 0;
	position: relative;
	top: 20%;
	margin: 0 0.9375%;
}
.section17 li:nth-child(1){
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
	width: 15.625%;
}
.section17 li:nth-child(2){
	-webkit-transition-delay: 1.25s;
	-moz-transition-delay: 1.25s;
	-ms-transition-delay: 1.25s;
	-o-transition-delay: 1.25s;
	transition-delay: 1.25s;
	width: 18.54%;
}
.section17.actived li{
	opacity: 1;
	top: 0;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	-ms-transition-duration: 1s;
	-ms-transition-property: all;
	-o-transition-duration: 1s;
	-o-transition-property: all;
	transition-duration: 1s;
	transition-property: all;
}
.section17 li img{
	width: 100%;
}
.section17 li p{
	font-size: 1.5em;
	color: #000;
	font-weight: lighter;
	margin-top: 0.85em;
}
.section18{
	position: relative;
	overflow: hidden;
}
.section18 .bg{
	width: 100%;
}
.section18 .text{
	position: absolute;
	left: -50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
}
.section18.actived .text{
	opacity: 1;
	left: 11.35%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section18 .text h5{
	font-size: 2.875em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.87em;
}
.section18 .text p{
	font-size: 1.75em;
	color: #222;
	font-weight: bold;
}
.section18 .text p img{
	vertical-align: middle;
	margin-right: 25px;
}
.section18.actived .text p img{
	-webkit-animation: sec18tel 1.2s 2s infinite;
	-moz-animation: sec18tel 1.2s 2s infinite;
	-ms-animation: sec18tel 1.2s 2s infinite;
	-o-animation: sec18tel 1.2s 2s infinite;
	animation: sec18tel 1.2s 2s infinite;
}
@keyframes sec18tel {
	0%{
		transform: rotate(0deg);
	}
	5%{
		transform: rotate(-45deg);
	}
	10%{
		transform: rotate(0deg);
	}
	15%{
		transform: rotate(45deg);
	}
	20%{
		transform: rotate(0deg);
	}
	25%{
		transform: rotate(-45deg);
	}
	30%{
		transform: rotate(0deg);
	}
	35%{
		transform: rotate(45deg);
	}
	40%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
@-webkit-keyframes sec18tel {
	0%{
		-webkit-transform: rotate(0deg);
	}
	5%{
		-webkit-transform: rotate(-45deg);
	}
	10%{
		-webkit-transform: rotate(0deg);
	}
	15%{
		-webkit-transform: rotate(45deg);
	}
	20%{
		-webkit-transform: rotate(0deg);
	}
	25%{
		-webkit-transform: rotate(-45deg);
	}
	30%{
		-webkit-transform: rotate(0deg);
	}
	35%{
		-webkit-transform: rotate(45deg);
	}
	40%{
		-webkit-transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(0deg);
	}
}
@-moz-keyframes sec18tel {
	0%{
		-moz-transform: rotate(0deg);
	}
	5%{
		-moz-transform: rotate(-45deg);
	}
	10%{
		-moz-transform: rotate(0deg);
	}
	15%{
		-moz-transform: rotate(45deg);
	}
	20%{
		-moz-transform: rotate(0deg);
	}
	25%{
		-moz-transform: rotate(-45deg);
	}
	30%{
		-moz-transform: rotate(0deg);
	}
	35%{
		-moz-transform: rotate(45deg);
	}
	40%{
		-moz-transform: rotate(0deg);
	}
	100%{
		-moz-transform: rotate(0deg);
	}
}
@-ms-keyframes sec18tel {
	0%{
		-ms-transform: rotate(0deg);
	}
	5%{
		-ms-transform: rotate(-45deg);
	}
	10%{
		-ms-transform: rotate(0deg);
	}
	15%{
		-ms-transform: rotate(45deg);
	}
	20%{
		-ms-transform: rotate(0deg);
	}
	25%{
		-ms-transform: rotate(-45deg);
	}
	30%{
		-ms-transform: rotate(0deg);
	}
	35%{
		-ms-transform: rotate(45deg);
	}
	40%{
		-ms-transform: rotate(0deg);
	}
	100%{
		-ms-transform: rotate(0deg);
	}
}
@-o-keyframes sec18tel {
	0%{
		-o-transform: rotate(0deg);
	}
	5%{
		-o-transform: rotate(-45deg);
	}
	10%{
		-o-transform: rotate(0deg);
	}
	15%{
		-o-transform: rotate(45deg);
	}
	20%{
		-o-transform: rotate(0deg);
	}
	25%{
		-o-transform: rotate(-45deg);
	}
	30%{
		-o-transform: rotate(0deg);
	}
	35%{
		-o-transform: rotate(45deg);
	}
	40%{
		-o-transform: rotate(0deg);
	}
	100%{
		-o-transform: rotate(0deg);
	}
}
.section18 .text p a{
	font-size: inherit;
	color: inherit;
	display: inline-block;
}
.section18.actived .text p a{
	-webkit-animation: sec18num 1.5s linear 3s infinite;
	-moz-animation: sec18num 1.5s linear 3s infinite;
	-ms-animation: sec18num 1.5s linear 3s infinite;
	-o-animation: sec18num 1.5s linear 3s infinite;
	animation: sec18num 1.5s linear 3s infinite;
}
@keyframes sec18num {
	0%{
		transform: scale(1,1);
	}
	50%{
		transform: scale(1.1,1.1);
	}
	100%{
		transform: scale(1,1);
	}
}
@-webkit-keyframes sec18num {
	0%{
		-webkit-transform: scale(1,1);
	}
	50%{
		-webkit-transform: scale(1.1,1.1);
	}
	100%{
		-webkit-transform: scale(1,1);
	}
}
@-moz-keyframes sec18num {
	0%{
		-moz-transform: scale(1,1);
	}
	50%{
		-moz-transform: scale(1.1,1.1);
	}
	100%{
		-moz-transform: scale(1,1);
	}
}
@-ms-keyframes sec18num {
	0%{
		-ms-transform: scale(1,1);
	}
	50%{
		-ms-transform: scale(1.1,1.1);
	}
	100%{
		-ms-transform: scale(1,1);
	}
}
@-o-keyframes sec18num {
	0%{
		-o-transform: scale(1,1);
	}
	50%{
		-o-transform: scale(1.1,1.1);
	}
	100%{
		-o-transform: scale(1,1);
	}
}
.section18 .text ul{
	margin-top: 12.5%;
}
.section18 .text li{
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin: 0 1.125em;
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	-o-transform: translateY(10%);
	transform: translateY(10%);
	opacity: 0;
}
.section18.actived .text li:nth-child(1){
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}
.section18.actived .text li:nth-child(2){
	-webkit-transition-delay: 1.25s;
	-moz-transition-delay: 1.25s;
	-ms-transition-delay: 1.25s;
	-o-transition-delay: 1.25s;
	transition-delay: 1.25s;
}
.section18.actived .text li:nth-child(3){
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.section18.actived .text li:nth-child(4){
	-webkit-transition-delay: 1.75s;
	-moz-transition-delay: 1.75s;
	-ms-transition-delay: 1.75s;
	-o-transition-delay: 1.75s;
	transition-delay: 1.75s;
}
.section18.actived .text li:nth-child(5){
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-ms-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;
}
.section18.actived .text li:nth-child(6){
	-webkit-transition-delay: 2.25s;
	-moz-transition-delay: 2.25s;
	-ms-transition-delay: 2.25s;
	-o-transition-delay: 2.25s;
	transition-delay: 2.25s;
}
.section18.actived .text li{
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	-ms-transition-duration: 1s;
	-ms-transition-property: all;
	-o-transition-duration: 1s;
	-o-transition-property: all;
	transition-duration: 1s;
	transition-property: all;
}
.section18 .text li img{
	width: 2.4em;
}
.section18 .text li h4{
	font-size: 1.125em;
	color: #191919;
	font-weight: bold;
	margin-top: 0.78em;
}




.section19{
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 5.2% 0 4.166%;
}
.section19 h3{
	font-size: 3em;
	color: #333333;
	font-weight: bold;
	margin-bottom: 1em;
}
.section19 ul{
	-webkit-display: flex;
	-webkit-align-items: stretch;
	-webkit-justify-content: center;
	-webkit-flex-wrap: wrap;
	-moz-display: flex;
	-moz-align-items: stretch;
	-moz-justify-content: center;
	-moz-flex-wrap: wrap;
	-ms-display: flex;
	-ms-align-items: stretch;
	-ms-justify-content: center;
	-ms-flex-wrap: wrap;
	-o-display: flex;
	-o-align-items: stretch;
	-o-justify-content: center;
	-o-flex-wrap: wrap;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
}
.section19 li{
	width: 13%;
	border-radius: 0.625em;
	overflow: hidden;
	background-color: #f2f2f2;
	text-align: left;
	margin-right: 0.625%;
}
.section19 li:last-child{
	margin-right: 0;
}
.section19 li .img{
	width: 100%;
}
.section19 li .text{
	padding: 1.625em 2em 2.25em;
}
.section19 li h5{
	font-size: 1.75em;
	color: #333;
	font-weight: normal;
	float: left;
	line-height: 1.2;
	max-width: 80%;
}
.section19 li .icon{
	float: right;
	width: 2em;
}
.section19 li .line{
	width: 1em;
	height: 2px;
	background-color: #c2c2c2;
	margin: 0.875em 0;
}
.section19 li p{
	font-size: 0.875em;
	color: #333333;
	line-height: 1.57;
}
@media only screen and (max-width:1680px){
	/*sec14*/
	.sec14 .inner{ width:90%;}

}
@media only screen and (max-width:1600px){
	/*sec15*/
	.sec15 .inner{ width:90%;}
	.sec15 ul li .sec_box a:first-child {padding-top: 20px;}
}
@media only screen and (max-width:1440px){
	/*sec14*/
	.sec14 .inner{ width:85%;}
	/*sec15*/
	.sec15 ul li{ width:18%; margin-right:2.5%; }
	.sec15 ul li p{ padding-left:40%; }
	.sec15 ul li .sec15_bottom{background-position:15px center; }
	.sec15 ul li .sec_box a{ padding-bottom:12px;}
	.sec15 ul li .sec_box a:first-child{ padding-top:30px;}
}
@media only screen and (max-width:1366px){
	/*sec15*/
	.sec15 ul li .sec_box a{padding-bottom:14px;}
	.sec15 ul li .sec_box a:first-child{ padding-top:18px;}
}
@media only screen and (max-width:1280px){
	/*sec14*/
	.sec14 h1{font-size:34px;}
	.sec14 h2{font-size:30px;}
	/*sec15*/
	.sec15 h1{font-size:34px;}
	.sec15 ul li p{font-size:20px;}
	.sec15 ul li .sec_box a{font-size:18px;}
	.sec15 ul li .sec_box a:first-child { padding-top: 20px;}
	/*sec16*/
	.sec16 h1{font-size:34px;}
}
@media only screen and (max-width:1152px){
	/*sec16*/
	.swiper-button-prev,.swiper-button-next {width: 40px;height: 40px;background-size: 10px;}

}
@media only screen and (max-width:1024px){
	/*sec14*/
	.sec14 h1{font-size:32px;}
	.sec14 h2{font-size:28px;}
	/*sec15*/
	.sec15 h1{font-size:32px;}
	.sec15 ul li p{font-size:18px; padding-left:34%;}
	.sec15 ul li:hover .download_content{ background-image:none;}
	.sec15 ul li:hover p{ color:#333;}
	.sec15 ul li.one:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon1.png); }
	.sec15 ul li.second:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon2.png); }
	.sec15 ul li.third:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon3.png); }
	.sec15 ul li.fourth:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon4.png); }
	.sec15 ul li.last:hover .sec15_bottom{ background-image:url(../images/porduct_meeting_detail1_sec15_icon5.png); }
	.sec15 ul li .sec15_bottom{background-size:24px auto;}
	.sec15 ul li .sec_box{top:0;}
	.sec15 ul li .sec_box a{ font-size:16px; padding-bottom:10px;}
	.sec15 ul li .sec_box a:hover{ text-decoration:none;}
	/*sec16*/
	.sec16 h1{font-size:32px;}
}
@media only screen and (max-width:1023px){
	.inner{
		width: 90%;
	}
	/*sec14*/
	.sec14 h1{ padding-bottom:25px; font-size:2rem;}
	.sec14 .sec14_cont{ padding:20px 0 30px;}
	.sec14 .sec14_tit{ width:20%;}
	.sec14 .sec14_tit h2{ padding-left:45px; font-size:1.7rem;}
	.sec14 .sec14_tet{ width:80%;}
	.sec14 .sec14_tet ul li{font-size:1.2rem;  padding-bottom:5px;}
	.sec14 .sec14_btn{ width:150px; height:34px;}
	.sec14 .sec14_btn a{font-size:1.3rem; height:34px; line-height:34px;}
	.sec14 .sec14_btn a span.sec14_btn_icon{ background-size:8px auto; width:10px; height:8px; margin-left:10px;}
	/*sec15*/
	.sec15{padding:45px 0 45px;}
	.sec15 .inner{ width:90%; overflow-x:auto; overflow-x:scroll; }
	.sec15 h1{ padding-bottom:35px; font-size:2rem;}
	.sec15 ul{ width:1100px;}
	.sec15 ul li{ margin-bottom:5px;}
	.sec15 ul li p{ font-size:1.6rem; line-height:40px;}
	.sec15 ul li .sec_box a{ font-size:1.6rem;}
	.sec15 ul li .sec_box a:first-child{ padding-top:23px;}
	.sec15 ul li .sec_box a.mobile{ display:block;}
	.sec15 ul li .sec_box a.web{ display:none;}
	/*sec16*/
	.sec16{padding-top:30px;}
	.sec16 h1{font-size:2rem;}
	.swiper-container { margin:0;}




	@-webkit-keyframes appearFromTB1 {
		0%	{opacity: 0; -webkit-transform: translateY(50px) ;}
		100%{ opacity: 1;-webkit-transform: translateY(0);}
	}@-moz-keyframes appearFromTB1 {
		0%	{opacity: 0;-moz-transform: translateY(50px);}
		100%{opacity: 1; -moz-transform: translateY(0) ;}
	}@-ms-keyframes appearFromTB1 {
		0%	{opacity: 0;-ms-transform: translateY(50px);}
		100%{opacity: 1;-ms-transform: translateY(0) ;}
	}@-o-keyframes appearFromTB1 {
		0%	{opacity: 0;-o-transform: translateY(50px);}
		100%{opacity: 1;-o-transform: translateY(0) ;}
	}@keyframes appearFromTB1 {
		0%	{opacity: 0;transform: translateY(50px) ;}
		100%{opacity: 1;transform: translateY(0) ;}
	}



	.section1{
		text-align: center;
	}
	.section1 .kv_new{
		top: 20%;
	}
	.section1 .img{
		width: 94.9333%;
		top: 25.167%;
		right: 4%;
	}
	.section1.actived .img .screen{
		-webkit-transition: all 1s 1s;
		-moz-transition: all 1s 1s;
		-ms-transition: all 1s 1s;
		-o-transition: all 1s 1s;
		transition: all 1s 1s;
	}
	.section1.actived .img .car{
		-webkit-transition: all 1s 1.5s;
		-moz-transition: all 1s 1.5s;
		-ms-transition: all 1s 1.5s;
		-o-transition: all 1s 1.5s;
		transition: all 1s 1.5s;
	}
	.section1 .text{
		width: 100%;
		left: 0%;
		top: 10%;
	}
	.section1.actived .text{
		left: 0%;
		top: 6.66%;
	}
	.section1 .text h5{
		font-size: 1.9375em;
		margin-bottom: 0.45em;	
	}
	.section1 .text p{
		font-weight: lighter;
		font-size: 1.125em;
	}
	.section1 ul{
		width: 80%;
		left: 10%;
		top: 72.3%;
	}
	.section1 li{
		margin-bottom: 1.125em;
	}
	.section1 li:nth-child(1){
		-webkit-transition: all 0.5s 2s;
		-moz-transition: all 0.5s 2s;
		-ms-transition: all 0.5s 2s;
		-o-transition: all 0.5s 2s;
		transition: all 0.5s 2s;
	}
	.section1 li:nth-child(2){
		-webkit-transition: all 0.5s 2.125s;
		-moz-transition: all 0.5s 2.125s;
		-ms-transition: all 0.5s 2.125s;
		-o-transition: all 0.5s 2.125s;
		transition: all 0.5s 2.125s;
	}
	.section1 li:nth-child(3){
		-webkit-transition: all 0.5s 2.25s;
		-moz-transition: all 0.5s 2.25s;
		-ms-transition: all 0.5s 2.25s;
		-o-transition: all 0.5s 2.25s;
		transition: all 0.5s 2.25s;
	}
	.section1 li:nth-child(4){
		-webkit-transition: all 0.5s 2.375s;
		-moz-transition: all 0.5s 2.375s;
		-ms-transition: all 0.5s 2.375s;
		-o-transition: all 0.5s 2.375s;
		transition: all 0.5s 2.375s;
	}
	.section1 li:nth-child(5){
		-webkit-transition: all 0.5s 2.5s;
		-moz-transition: all 0.5s 2.5s;
		-ms-transition: all 0.5s 2.5s;
		-o-transition: all 0.5s 2.5s;
		transition: all 0.5s 2.5s;
	}
	.section1 li:nth-child(6){
		-webkit-transition: all 0.5s 2.625s;
		-moz-transition: all 0.5s 2.625s;
		-ms-transition: all 0.5s 2.625s;
		-o-transition: all 0.5s 2.625s;
		transition: all 0.5s 2.625s;
	}
	.section1 li img{
		width: 1.875em;
	}
	.section1 li p{
		font-size: 0.6875em;
		font-weight: bold;
	}


	.section2 {
		text-align: center;
	}
	.section2 .img1{
		left: 7.6%;
		bottom: 7.59%;
		width: 70.266%;
	}
	.section2.actived .img1{
		left: 7.6%;
	}
	.section2 .img2{
		left: 69.7333%;
		bottom: 10.296%;
		width: 25.0666%;
	}
	.section2 .text{
		right: 0;
		top: 15%;
		width: 100%;
	}
	.section2.actived .text{
		top: 8.75%;
		right: 0;
	}
	.section2 .text h5{
		font-size: 1.125em;
		line-height: 1;
		margin-bottom: 0.944em;
	}
	.section2 .text p{
		font-size: 0.6875em;
	}





	.section3 h3{
		font-size: 1.3125em;
		top: 20%;
	}
	.section3.actived h3{
		top: 12.563%;
	}
	.section3 .img-box{
		width: 93.2%;
		left: 3.4%;
		top: 27%;
	}
	.section3 ul{
		bottom: 1%;
	}
	.section3 ul li{
		margin: 0 5% 1.34375em;
	}
	.section3 ul li img{
		width: 1.875em;
	}
	.section3 ul li p{
		font-size: 0.6875em;
		font-weight: bold;
		margin-top: 0.6364em;
	}




	.section4.actived .text{
		top: 7.25%;
	}
	.section4 .text h5{
		font-size: 1.3125em;
		margin-bottom: 0.45em;
	}
	.section4 .text p{
		font-size: 0.8125em;
		line-height: 1.46;
	}





	.section5.actived .text{
		top: 11.111%;
	}
	.section5 .text h5{
		font-size: 1.3125em;
		margin-bottom: 0.62em;
	}
	.section5 .text p{
		font-size: 0.8125em;
	}
	.section5 .img-box{
		width: 88%;
		left: 5.5%;
		top: 32.64%;
	}




	.section6 .text{
		top: 18%;
	}
	.section6.actived .text{
		top: 12.9%;
	}
	.section6 .text h5{
		font-size: 1.3125em;
		margin-bottom: 0.66em;
	}
	.section6 .text p{
		font-size: 0.8125em;
	}
	.section6 .img{
		width: 90.8%;
		top: 38%;
	}
	.section6.actived .img{
		top: 31.6%;
	}



	.section7 .text{
		top: 15%;
	}
	.section7.actived .text{
		top: 9.434%;
	}
	.section7 .text h5{
		font-size: 1.3125em;
		margin-bottom: 0.476em;
	}
	.section7 .text p{
		font-size: 0.75em;
		line-height: 1.3333;
	}
	.section7 .img1{
		width: 44.667%;
		top: 36.39%;
	}
	.section7 .img2{
		width: 40.9333%;
		top: 63.477%;
		margin-right: 4%;
	}
	.section7 .img3{
		width: 41.2%;
		top: 63.477%;
		margin-left: 4%;
	}
	.section7 .img p{
		font-size: 0.875em;
	}
	.section7 .img.img1 p{
		font-size: 0.5625em;
		margin-top: 1.0625em;
	}




	.section8 .text{
		top: 20%;
	}
	.section8.actived .text{
		top: 13.5%;
	}
	.section8 .text h5{
		font-size: 1.3125em;
		margin-bottom: 0.43em;
	}
	.section8 .text p{
		font-size: 0.8125em;
		line-height: 1.31;
	}
	.section8 .img{
		width: 38.667%;
		top: 45.5%;
	}
	.section8 .img1{
		margin-right: 7.2%;
	}
	.section8 .img2{
		margin-left: 7.2%;
	}
	.section8 .img p{
		font-size: 0.875em;
	}




	.section9 .screen2{
		right: 76.4%;
		background-image: url(../images/product_join_section9_img2_bg_mobile.png);
	}
	.section9.actived .screen2{
		width: 23.6%;
	}
	.section9 .screen3{
		left: 72.8%;
		background-image: url(../images/product_join_section9_img3_bg_mobile.png);
	}
	.section9.actived .screen3{
		width: 27.2%;
	}
	.section9 .screen4{
		bottom: 8.35%;
	}
	.section9 .text{
		top:15%;
	}
	.section9.actived .text{
		top:9.18%;
	}
	.section9 .text h3{
		font-size: 1.3125em;
		margin-bottom: 0.55em;
	}
	.section9 .text p{
		font-size: 0.6875em;
		line-height: 1.455;
	}





	.section10 .text{
		left: 0;
		top: 15%;
		text-align: center;
		width: 100%;
	}
	.section10.actived .text{
		top: 8.35%;
		left: 0;
	}
	.section10 .text h5{
		font-size: 1.125em;
		line-height: 1;
		margin-bottom: 0.583em;
	}
	.section10 .text p{
		font-size: 0.6875em;
		line-height: 1.818;
	}
	.section10 .clock-box{
		width: 57.333%;
		top: 38.563%;
	}
	.section10.actived .clock-box{
		left: -4%;
	}
	.section10 .img{
		width: 97%;
		top: 40.12%;
	}
	.section10.actived .img{
		right: -39.866%;
	}



	.section11 .text{
		top: 12%;
	}
	.section11.actived .text{
		top: 6.833%;
	}
	.section11 .text h5{
		font-size: 1.125em;
		line-height: 1.5;
		margin-bottom: 0.42em;
	}
	.section11 .text p{
		font-size: 0.6875em;
		line-height: 1.364;
	}
	.section11 .slide-box{
		width: 40.9333%;
		top: 43.666%;
	}
	.section11 .slide-box.left{
		left: 3.4%;
	}
	.section11 .slide-box.right{
		right: 3.4%;
	}


	.section12.actived .text{
		top: 10.58%;
	}
	.section12 .text h5{
		font-size: 1.125em;
		margin-bottom: 0.75em;
	}
	.section12 .text p{
		font-size: 0.6875em;
	}
	.section12 .img-box{
		width: 95.466%;
		left: 2.267%;
		top: 38.27%;
	}



	.section13 h3{
		font-size: 1.125em;
		top: 10%;
	}
	.section13 .img-box{
		top: 20.6%;
	}
	.section13 .img-box .img1,.section13 .img-box .img2,.section13 .img-box .img3{
		width: 27.555%;
	}
	.section13 .tip{
		font-size: 0.875em;
		line-height: 1.286;
		top: 65%;
	}
	.section13 ul{
		top: 78.516%;
	}
	.section13 li{
		margin: 0 1%;
	}
	.section13 li img{
		width: 4.03125em;
	}
	.section13 li p{
		font-size: 0.6875em;
		font-weight: bold;
		margin-top: 0.818em;
	}




	.section14 .text{
		top: 10%;
	}
	.section14.actived .text{
		top: 15.4%;
	}
	.section14 .text h5{
		font-size: 1.125em;
		margin-bottom: 0.72222em;
	}
	.section14 .text p{
		font-size: 0.6875em;
		line-height: 1.727;
	}


	.section15 .text{
		top: 20%;
	}
	.section15.actived .text{
		top: 14.59%;
	}
	.section15 .text h5{
		font-size: 1.125em;
		margin-bottom: 1em;
	}
	.section15 .text p{
		font-size: 0.6875em;
	}





	.section17{
		padding: 2.5em 0 2.25em;
	}
	.section17 .text{
		margin-bottom: 2.625em;
	}
	.section17 .text h5{
		font-size: 1.4375em;
		margin-bottom: 0.74em;
	}
	.section17 .text p{
		font-size: 0.9375em;
	}
	.section17 li{
		margin: 0 1.467%;
	}
	.section17 li:nth-child(1){
		width: 24.933%;
	}
	.section17 li:nth-child(2){
		width:29.6%;
	}
	.section17 li p{
		font-size: 0.75em;
		margin-top: 0.78em;
	}
	.section18 .text{
		width: 100%;
		text-align: center;
		left: 0;
		top: 15%;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	.section18.actived .text{
		left: 0;
		top: 10.25%;
	}
	.section18 .text h5{
		font-size: 1.4375em;
	}
	.section18 .text p{
		font-size: 0.875em;
	}
	.section18 .text p img{
		width: 1.25em;
		margin-right: 0.9em;
	}
	.section18 .text ul{
		margin-top: 1.25em;
	}
	.section18 .text li{
		margin: 0 0.59375em;
	}
	.section18 .text li img{
		width: 1.1875em;
	}
	.section18 .text li h4{
		font-size: 0.5625em;
	}


	.section19{
		padding: 1.5625em 0 0.3125em;
	}
	.section19 h3{
		font-size: 1.5em;
		margin-bottom: 0.5em;
	}
	.section19 ul{
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		padding: 0 5%;
	}
	.section19 li{
		width: 47.78%;
		border-radius: 0.3125em;
		margin-right: 4.44%;
		margin-bottom: 0.9375em;
	}
	.section19 li:nth-child(even){
		margin-right: 0;
	}
	.section19 li .text{
		padding: 1.3125em 1em 1.125em;
	}
	.section19 li h5{
		font-size: 0.875em;
	}
	.section19 li .icon{
		width: 1em;
	}
	.section19 li .line{
		width: 0.5em;
		height: 1px;
		margin: 0.4375em 0;
	}
	.section19 li p{
		font-size: 0.4375em;
	}

}
@media only screen and (max-width:800px){
	/*sec15*/
	.sec15 ul{ width:900px;text-align: left;}
	/*sec16*/
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:30px;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:30px;}
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:700px){
	/*sec14*/
	.sec14 .inner{ width:90%;}
}
@media only screen and (max-width:667px){
	/*sec14*/
	.sec14 .sec14_tit h2{ padding-left:0; text-align:right; padding-right:10px;}
	/*sec16*/
	.swiper-slide{ margin-top:30px; margin-bottom:30px;}
}
@media only screen and (max-width:568px){
	.mobile1{ display:block;}
	.web1{ display:none;}
	/*sec14*/
	.sec14 .sec14_tit{ width:25%;}
	.sec14 .sec14_tit h2{ padding-left:0; text-align:right; padding-right:10px;}
	.sec14 .sec14_tet{ width:75%;}
	.sec14 .sec14_tet ul.f-left, .sec14 .sec14_tet ul.f-right{ width:100%;}
	/*sec15*/
	.sec15 ul li .sec_box a:first-child {padding-top: 18px;}
}
@media only screen and (max-width:414px){
	/*sec16*/
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:15px;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:15px;}
}
@media only screen and (max-width:375px){
	/*sec14*/
	.sec14 .sec14_tit{ width:30%;}
	.sec14 .sec14_tet{ width:70%;}
}
@media only screen and (max-width:320px){
}