
.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{
	overflow: hidden;
	position: relative;
	text-align: center;
}
.section1 .bg{
	width: 100%;
}
.section1 .text-box{
	opacity: 0;
	position: absolute;
	width: 100%;
	top: 14%;
	left: 0;
}
.section1.actived .text-box{
	top: 8.6%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section1 .text-box h3{
	font-size: 3.875em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.47em;
}
.section1 .text-box p{
	font-size: 2.25em;
	color: #fff;
}
.section1 .kv_new{
	top: 24%;
}
.section1 .img{
	opacity: 0;
	width: 70.7%;
	position: absolute;
	left: 0;
	right: 0;
	top: 45%;
	margin: 0 auto;
}
.section1.actived .img{
	top: 40.674%;
	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;
}
.section1 ul{
	position: absolute;
	left: 0;
	bottom: 11.678%;
	width: 100%;
}
.section1 li{
	display: inline-block;
	vertical-align: top;
	margin: 0 5.2%;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
.section1 li:nth-child(1){
	-webkit-transition: all 0.5s 0.75s;
	-moz-transition: all 0.5s 0.75s;
	-ms-transition: all 0.5s 0.75s;
	-o-transition: all 0.5s 0.75s;
	transition: all 0.5s 0.75s;
}
.section1 li:nth-child(2){
	-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(3){
	-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(4){
	-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(5){
	-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.actived 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{
	height: 2.625em;
	margin-bottom: 1.25em;
}
.section1 li p{
	font-size: 1.25em;
	color: #bbb;
	font-weight: bold;
	line-height: 1.6;
}
.section2{
	text-align: center;
	position: relative;
}
.section2 .scroll-box{
	position: relative;
	overflow: hidden;
}
.section2 .bg{
	width: 100%;
}
.section2 .img-box{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 0%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
	background-image: url(../images/product_bar_section2_img2_web.jpg);
}
.section2.actived .img-box{
	width: 50%;
}
.section2.actived .img-box.transition{
	transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	-ms-transition: all 2s;
	-moz-transition: all 2s;
}
.section2 .line{
	width: 3px;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -1.5px;
	z-index: 2;
}
.section2.actived .line{
	left: 50%;
}
.section2.actived .line.transition{
	transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	-ms-transition: all 2s;
	-moz-transition: all 2s;
}
.section2 .line .circle{
	width: 34px;
	height: 34px;
	position: absolute;
	left: 50%;
	margin-left: -17px;
	bottom: 24.65%;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../images/product_sap_section3_circle.png);
}
.section2 .line .circle p{
	font-size: 16px;
	color: #fefefe;
	font-weight: bold;
	white-space: nowrap;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-shadow: 0 0 1px #000;
}
.section2 .line .circle p.hdr{
	right: 100%;
	margin-right: 26px;
}
.section2 .line .circle p.normal{
	left: 100%;
	margin-left: 26px;
}
.section2 .text{
	position: absolute;
	left: 0;
	top: 16.28%;
	width: 100%;
	z-index: 3;
	transform: translateY(1em);
	-webkit-transform: translateY(1em);
	-o-transform: translateY(1em);
	-ms-transform: translateY(1em);
	-moz-transform: translateY(1em);
	opacity: 0;
}
.section2.actived .text{
	transition: all 1s 1s;
	-webkit-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	opacity: 1;
	transform: translateY(0em);
	-webkit-transform: translateY(0em);
	-o-transform: translateY(0em);
	-ms-transform: translateY(0em);
	-moz-transform: translateY(0em);
}
.section2 .text h3{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.66em;
}
.section2 .text p{
	font-size: 1.75em;
	color: #222;
}
.section3{
	position: relative;
	overflow: hidden;
}
.section3 .bg{
	width: 100%;
}
.section3 .text{
	position: absolute;
	width: 100%;
	top: 18%;
	left: 10.4166%;
	opacity: 0;
}
.section3.actived .text{
	top: 12.814%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section3 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.section3 .text p{
	font-size: 1.375em;
	color: #222;
	line-height: 1.818;
}
.section3 .text p span{
	display: inline-block;
	vertical-align: middle;
	background-color: #222;
	border-radius: 50%;
	margin-right: 0.55em;
	width: 0.227em;
	height: 0.227em;
}
.section3 .clock-box{
	width: 22.6%;
	overflow: hidden;
	position: absolute;
	left: 10.4166%;
	top: 38.563%;
	opacity: 0;
}
.section3.actived .clock-box{
	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 .clock-box img{
	width: 100%;
}
.section3 .clock-box .hour,.section3 .clock-box .minute,.section3 .clock-box .seven{
	position: absolute;
	left: 0;
	top: 0;
}
.section3 .clock-box .seven{
	opacity: 0;
}
.section3.actived .clock-box .seven{
	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;
}
.section3.actived .clock-box .hour,.section3.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;
}
.section3.actived .clock-box .hour{
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	-ms-animation-duration: 2s;
}
.section3.actived .clock-box .minute{
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
}
@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);
	}
}
.section3 .tv-box{
	width: 142.1875%;
	position: absolute;
	right: -143%;
	top: 12.814%;
	overflow: hidden;
}
.section3.actived .tv-box{
	right: -83.125%;
	-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 .tv-box img{
	width: 100%;
}
.section3 .tv-box video{
	position: absolute;
	top: 6.4%;
	left: 3.9%;
	height: 83.68%;
	overflow: hidden;
}
.section3 .tv-box .swiper-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section3 .tv-box .swiper-slide{
	margin-top: 0;
	margin-bottom: 0;
}
.section4{
	overflow: hidden;
	position: relative;
	text-align: center;
}
.section4 .bg{
	width: 100%;
}
.section4 .text-box{
	opacity: 0;
	position: absolute;
	width: 100%;
	top: 15%;
	left: 0;
}
.section4.actived .text-box{
	top: 9.89%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section4 .text-box h3{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.69em;
}
.section4 .text-box p{
	font-size: 1.75em;
	color: #222;
}
.section4 ul{
	position: absolute;
	left: 0;
	bottom: 7.9%;
	width: 100%;
}
.section4 li{
	display: inline-block;
	vertical-align: top;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	border-right: 1px solid rgba(138,138,138,0.2);
	padding: 0 2%;
}
.section4 li:last-child{
	border-right: 0 none;
}
.section4 li:nth-child(1){
	-webkit-transition: all 0.5s 0.75s;
	-moz-transition: all 0.5s 0.75s;
	-ms-transition: all 0.5s 0.75s;
	-o-transition: all 0.5s 0.75s;
	transition: all 0.5s 0.75s;
}
.section4 li:nth-child(2){
	-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;
}
.section4 li:nth-child(3){
	-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;
}
.section4 li:nth-child(5){
	-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;
}
.section4 li:nth-child(6){
	-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;
}
.section4 li:nth-child(7){
	-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;
}
.section4 li:nth-child(8){
	-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;
}
.section4.actived li{
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}
.section4 li img{
	height: 2.125em;
	margin-bottom: 1.375em;
}
.section4 li p{
	font-size: 1.125em;
	color: #fff;
}
.section5{
	overflow: hidden;
	position: relative;
}
.section5 .bg{
	width: 100%;
}
.section5 .text{
	position: absolute;
	left: 0;
	right: 0;
	top: 19.185%;
	width: 76.927%;
	opacity: 0;
	margin: 0 auto;
	opacity: 0;
	-webkit-transform: translateY(25%);
	-moz-transform: translateY(25%);
	-ms-transform: translateY(25%);
	-o-transform: translateY(25%);
	transform: translateY(25%);
}
.section5.actived .text{
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section5 .text li{
	margin-bottom: 1.875em;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	-moz-display: flex;
	-moz-align-items: center;
	-moz-justify-content: space-between;
	-ms-display: flex;
	-ms-align-items: center;
	-ms-justify-content: space-between;
	-o-display: flex;
	-o-align-items: center;
	-o-justify-content: space-between;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.section5 .text h3{
	font-size: 2.625em;
	color: #fff;
	font-weight: bold;
}
.section5 .text h5{
	font-size: 1.75em;
	color: #fff;
	font-weight: normal;
}
.section5 .text p{
	font-size: 1em;
}
.section5 .text p span{
	vertical-align: middle;
	font-size: 1.375em;
	color: rgba(255,255,255,0.3);
}
.section5 .text p img{
	width: 1.75em;
	margin-right: 1em;
	vertical-align: middle;
}
.section6{
	overflow: hidden;
	position: relative;
	text-align: center;
}
.section6 .bg{
	width: 100%;
}
.section6 .text-box{
	opacity: 0;
	position: absolute;
	width: 100%;
	top: 20%;
	left: 0;
}
.section6.actived .text-box{
	top: 14.37%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section6 .text-box h3{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.section6 .text-box p{
	font-size: 1.75em;
	color: #222;
}
.section6 .img{
	opacity: 0;
	width: 56.5625%;
	position: absolute;
	left: 21%;
	top: 35%;
}
.section6.actived .img{
	top: 30.9%;
	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;
}
.section7{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section7 .bg{
	width: 100%;
}
.section7 .img{
	width: 65.365%;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-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;
}
.section7.actived .img{
	top: 44.91%;
	opacity: 1;
}
.section7 .img img{
	width: 100%;
}
.section7 .img .swiper-container{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.section7 .img .swiper-container .swiper-slide{
	margin: 0;
}
.section7 .clock-box{
	width: 26.66%;
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: 10.658%;
}
.section7 .clock-box .text{
	width: 173%;
	position: absolute;
	right: 50%;
	top: 17%;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
	opacity: 0;
}
.section7.actived .clock-box .text{
	top: 12.1%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section7 .clock-box .text h5{
	font-size: 2.625em;
	color: #333;
	margin-bottom: 0.57em;
}
.section7 .clock-box .text p{
	font-size: 1.75em;
	color: #333;
	line-height: 1.357;
}
.section7 .clock-box img{
	width: 100%;
}
.section7 .clock-box .hour,.section7 .clock-box .minute{
	position: absolute;
	left: 0;
	top: 0; 
}
.section7.actived .clock-box .hour,.section7.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;
}
.section7.actived .clock-box .hour{
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	-ms-animation-duration: 2s;
}
.section7.actived .clock-box .minute{
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
}
.section8{
	position: relative;
	overflow: hidden;
}
.section8 .bg{
	width: 100%;
}
.section8 .img{
	width: 48.90625%;
	position: absolute;
	left: -100%;
	top: 17.416%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 0;
}
.section8.actived .img{
	left: 8.229%;
	opacity: 1;
}
.section8 .text-box{
	position: absolute;
	right: -100%;
	top: 17.977%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 0;
}
.section8.actived .text-box{
	right: 13%;
	opacity: 1;
}
.section8 .text-box h3{
	font-size: 2.625em;
	color: #333;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.section8 .text-box h4{
	font-size: 1.75em;
	color: #333;
	font-weight: normal;
}
.section8 .text-box ul{
	margin-top: 2.875em;
}
.section8 .text-box li{
	position: relative;
	width: 1.75em;
	opacity: 0;
	-webkit-transform: translateY(25%);
	-moz-transform: translateY(25%);
	-ms-transform: translateY(25%);
	-o-transform: translateY(25%);
	transform: translateY(25%);
}
.section8 .text-box 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;
}
.section8 .text-box li:nth-child(2){
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-ms-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;
}
.section8 .text-box li:nth-child(3){
	-webkit-transition-delay: 2.5s;
	-moz-transition-delay: 2.5s;
	-ms-transition-delay: 2.5s;
	-o-transition-delay: 2.5s;
	transition-delay: 2.5s;
}
.section8.actived .text-box li{
	-webkit-transition-property: opacity ,transform;
	-webkit-transition-duration: 1s , 1s;
	-moz-transition-property: opacity ,transform;
	-moz-transition-duration: 1s , 1s;
	-ms-transition-property: opacity ,transform;
	-ms-transition-duration: 1s , 1s;
	-o-transition-property: opacity ,transform;
	-o-transition-duration: 1s , 1s;
	transition-property: opacity ,transform;
	transition-duration: 1s , 1s;
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.section8 .text-box li .icon{
	width: 100%;
}
.section8 .text-box li .line{
	width: 1px;
	height: 4.25em;
	margin: 0.625em auto;
	background-color: #0743ca;
}
.section8 .text-box .word{
	text-align: left;
	position: absolute;
	left: 2.625em;
	top: -0.3125em;
}
.section8 .text-box li h5{
	font-size: 2.375em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.21em;
}
.section8 .text-box li p{
	font-size: 1.125em;
	color: #222;
}
.section9{
	position: relative;
	overflow: hidden;
}
.section9 .bg{
	width: 100%;
}
.section9 .cir-box{
	position: absolute;
	left: 11.3%;
	top: 48%;
	width: 42.8125%;
}
.section9 .cir-box img{
	width: 100%;
}
.section9 .cir-box .cir{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #156caa;
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
	opacity: 0.5;
	-webkit-animation: sec9cirani 4s linear infinite both;
	-moz-animation: sec9cirani 4s linear infinite both;
	-ms-animation: sec9cirani 4s linear infinite both;
	-o-animation: sec9cirani 4s linear infinite both;
	animation: sec9cirani 4s linear infinite both;
}
.section9 .cir-box .cir:nth-child(2){
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
.section9 .cir-box .cir:nth-child(3){
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}
.section9 .cir-box .cir:nth-child(4){
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
}
@keyframes sec9cirani {
	100%{
		opacity: 0;
		transform: scale(1.85,1.85);
	}
}
@-webkit-keyframes sec9cirani {
	100%{
		opacity: 0;
		-webkit-transform: scale(1.85,1.85);
	}
}
@-moz-keyframes sec9cirani {
	100%{
		opacity: 0;
		-moz-transform: scale(1.85,1.85);
	}
}
@-ms-keyframes sec9cirani {
	100%{
		opacity: 0;
		-ms-transform: scale(1.85,1.85);
	}
}
@-o-keyframes sec9cirani {
	100%{
		opacity: 0;
		-o-transform: scale(1.85,1.85);
	}
}
.section9 .desk{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.section9 .img0{
	width: 32.1875%;
	position: absolute;
	left: 16.354%;
	bottom: 13.932%;
}
.section9 .img1{
	width: 11.1458%;
	position: absolute;
	left: 41.458%;
	bottom: 49.663%;
}
.section9 .img2{
	width: 11.1458%;
	position: absolute;
	left: 16.458%;
	bottom: 66.292%;
}
.section9 .img3{
	width: 11.1458%;
	position: absolute;
	left: 8%;
	bottom: 46.4%;
}
.section9 .text{
	width: 29.2%;
	position: absolute;
	right: 11.615%;
	top: 31.46%;
}
.section9 .text h5{
	font-size: 2.625em;
	color: #333;
	font-weight: bold;
	line-height: 1.333;
	margin-bottom: 0.64em;
}
.section9 .text p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.55;
}
.section10{
	position: relative;
	overflow: hidden;
}
.section10 .bg{
	width: 100%;
}
.section10 .text-box{
	position: absolute;
	width: 29.166%;
	top: 40.479%;
	left: -100%;
	opacity: 0;
}
.section10.actived .text-box{
	left: 11.614%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section10 .text-box h3{
	font-size: 2.625em;
	color: #333;
	line-height: 1.333;
	font-weight: bold;
	margin-bottom: 0.643em;
}
.section10 .text-box p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.555;
}
.section10 .img{
	width: 47.7%;
	position: absolute;
	right: -100%;
	top: 27.784%;
	opacity: 0;
}
.section10.actived .img{
	right: 5.677%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section10 .img img{
	width: 100%;
}
.section10 .img .swiper-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section10 .img .swiper-slide{
	margin: 0;
}
.section11{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section11 .bg{
	width: 100%;
}
.section11 h3{
	position: absolute;
	width: 100%;
	top: 14%;
	left: 0;
	opacity: 0;
	font-size: 3em;
	color: #222;
	font-weight: bold;
}
.section11.actived h3{
	top: 9.04%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section12{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section12 .bg{
	width: 100%;
}
.section12 .text-box{
	position: absolute;
	width: 100%;
	top: 14%;
	left: 0;
	opacity: 0;
}
.section12.actived .text-box{
	top: 9.287%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section12 h3{
	font-size: 3em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.625em;
}
.section12 p{
	font-size: 1.75em;
	color: #fff;
}
.section13{
	text-align: center;
	position: relative;
	overflow: hidden;
}
.section13 .bg{
	width: 100%;
	position: relative;
	opacity: 0;
	bottom: -15%;
}
.section13.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;
}
.section13 .text-box{
	position: absolute;
	left: 0;
	top: 5%;
	width: 100%;
	opacity: 0;
	z-index: 1;
}
.section13.actived .text-box{
	top: 11.98%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section13 .text-box h5{
	font-size: 3em;
	color: #333;
	font-weight: bold;
	margin-bottom: 0.5625em;
}
.section13 .text-box p{
	font-size: 1.125em;
	color: rgba(51,51,51,0.6);
	line-height: 1.333;
}








.section14{
	background-color: #f9fbfa;
	text-align: center;
	overflow: hidden;
	padding: 4.6875% 0 6.5%;
}
.section14 .text{
	margin-bottom: 8.5%;
	opacity: 0;
	position: relative;
	top: 20%;
}
.section14.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;
}
.section14 .text h5{
	font-size: 2.875em;
	color: #454747;
	font-weight: normal;
	margin-bottom: 0.7em;
}
.section14 .text p{
	font-size: 1.875em;
	color: #454747;
	font-weight: lighter;
}
.section14 li{
	margin: 0 0.5%;
	display: inline-block;
	vertical-align: bottom;
	opacity: 0;
	position: relative;
	top: 20%;
}
.section14 li:nth-child(1){
	width: 9.11%;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.section14 li:nth-child(2){
	width: 10.652%;
	-webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;
}
.section14 li:nth-child(3){
	width: 12.865%;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}
.section14 li:nth-child(4){
	width: 16.98%;
	-webkit-transition-delay: 1.25s;
	-moz-transition-delay: 1.25s;
	-ms-transition-delay: 1.25s;
	-o-transition-delay: 1.25s;
	transition-delay: 1.25s;
}
.section14 li:nth-child(5){
	width: 24.0625%;
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.section14.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;
}
.section14 li img{
	width: 100%;
}
.section14 li p{
	font-size: 1.5em;
	color: #000;
	font-weight: lighter;
	margin-top: 1.25em;
}
.section15{
	position: relative;
	overflow: hidden;
}
.section15 .bg{
	width: 100%;
}
.section15 .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;
}
.section15.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;
}
.section15 .text h5{
	font-size: 2.875em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.87em;
}
.section15 .text p{
	font-size: 1.75em;
	color: #222;
	font-weight: bold;
}
.section15 .text p img{
	vertical-align: middle;
	margin-right: 25px;
}
.section15.actived .text p img{
	-webkit-animation: sec15tel 1.2s 2s infinite;
	-moz-animation: sec15tel 1.2s 2s infinite;
	-ms-animation: sec15tel 1.2s 2s infinite;
	-o-animation: sec15tel 1.2s 2s infinite;
	animation: sec15tel 1.2s 2s infinite;
}
@keyframes sec15tel {
	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 sec15tel {
	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 sec15tel {
	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 sec15tel {
	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 sec15tel {
	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);
	}
}
.section15 .text p a{
	font-size: inherit;
	color: inherit;
	display: inline-block;
}
.section15.actived .text p a{
	-webkit-animation: sec15num 1.5s linear 3s infinite;
	-moz-animation: sec15num 1.5s linear 3s infinite;
	-ms-animation: sec15num 1.5s linear 3s infinite;
	-o-animation: sec15num 1.5s linear 3s infinite;
	animation: sec15num 1.5s linear 3s infinite;
}
@keyframes sec15num {
	0%{
		transform: scale(1,1);
	}
	50%{
		transform: scale(1.1,1.1);
	}
	100%{
		transform: scale(1,1);
	}
}
@-webkit-keyframes sec15num {
	0%{
		-webkit-transform: scale(1,1);
	}
	50%{
		-webkit-transform: scale(1.1,1.1);
	}
	100%{
		-webkit-transform: scale(1,1);
	}
}
@-moz-keyframes sec15num {
	0%{
		-moz-transform: scale(1,1);
	}
	50%{
		-moz-transform: scale(1.1,1.1);
	}
	100%{
		-moz-transform: scale(1,1);
	}
}
@-ms-keyframes sec15num {
	0%{
		-ms-transform: scale(1,1);
	}
	50%{
		-ms-transform: scale(1.1,1.1);
	}
	100%{
		-ms-transform: scale(1,1);
	}
}
@-o-keyframes sec15num {
	0%{
		-o-transform: scale(1,1);
	}
	50%{
		-o-transform: scale(1.1,1.1);
	}
	100%{
		-o-transform: scale(1,1);
	}
}
.section15 .text ul{
	margin-top: 12.5%;
}
.section15 .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;
}
.section15.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;
}
.section15.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;
}
.section15.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;
}
.section15.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;
}
.section15.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;
}
.section15.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;
}
.section15.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;
}
.section15 .text li img{
	width: 2.4em;
}
.section15 .text li h4{
	font-size: 1.125em;
	color: #191919;
	font-weight: bold;
	margin-top: 0.78em;
}



.section16{
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 5.2% 0 4.166%;
}
.section16 h3{
	font-size: 3em;
	color: #333333;
	font-weight: bold;
	margin-bottom: 1em;
}
.section16 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;
}
.section16 li{
	width: 15.2%;
	border-radius: 0.625em;
	overflow: hidden;
	background-color: #f2f2f2;
	text-align: left;
	margin-right: 3.2%;
}
.section16 li:last-child{
	margin-right: 0;
}
.section16 li .img{
	width: 100%;
}
.section16 li .text{
	padding: 1.625em 2em 2.25em;
}
.section16 li h5{
	font-size: 1.75em;
	color: #333;
	font-weight: normal;
	float: left;
	line-height: 1.2;
	max-width: 80%;
}
.section16 li .icon{
	float: right;
	width: 2em;
}
.section16 li .line{
	width: 1em;
	height: 2px;
	background-color: #c2c2c2;
	margin: 0.875em 0;
}
.section16 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-box{
		top: 15%;
	}
	.section1.actived .text-box{
		top: 7.8%;
	}
	.section1 .text-box h3{
		font-size: 1.9375em;
	}
	.section1 .text-box p{
		font-size: 1.1875em;
	}
	.section1 .kv_new{
		top: 27%;
	}
	.section1 .img{
		width: 83.733%;
		top: 60%;
	}
	.section1.actived .img{
		top: 55.84%;
	}
	.section1 ul{
		bottom: 7.59%;
	}
	.section1 li{
		margin: 0 6.66%;
	}
	.section1 li img{
		height: 1.3125em;
		margin-bottom: 0.625em;
	}
	.section1 li p{
		font-size: 0.625em;
	}
	.section2 .img-box{
		background-image: url(../images/product_bar_section2_img2_mobile.jpg);
	}
	.section2 .line{
		width: 2px;
		margin-left: -1px;
	}
	.section2 .line .circle{
		width: 1.0625em;
		height: 1.0625em;
		margin-left: -0.53125em;
		bottom: 27.288%;
	}
	.section2 .line .circle p{
		font-size: 0.5em;
	}
	.section2 .line .circle p.hdr{
		margin-right: 1.625em;
	}
	.section2 .line .circle p.normal{
		margin-left: 1.625em;
	}
	.section2 .text h3{
		font-size: 1.125em;
		line-height: 1.388;
		margin-bottom: 0.5em;
	}
	.section2 .text p{
		font-size: 0.875em;
	}
	.section3 .text{
		top: 13%;
		left: 0;
		text-align: center;
	}
	.section3.actived .text{
		top: 7.865%;
	}
	.section3 .text h5{
		font-size: 1.125em;
	}
	.section3 .text p{
		font-size: 0.6875em;
	}
	.section3 .text p span{
		display: none;
	}
	.section3 .clock-box{
		width: 57.333%;
		left: -50%;
		top: 36.18%;
	}
	.section3.actived .clock-box{
		left: -4%;
	}
	.section3 .tv-box{
		width: 181.866%;
		right: -182%;
		top: 44.444%;
	}
	.section3.actived .tv-box{
		right: -130.1333%;
		-webkit-transition: all 1s 1s;
		-moz-transition: all 1s 1s;
		-ms-transition: all 1s 1s;
		-o-transition: all 1s 1s;
		transition: all 1s 1s;
	}
	.section4.actived .text-box{
		top: 7.3%;
	}
	.section4 .text-box h3{
		font-size: 1.125em;
		margin-bottom: 0.64em;
	}
	.section4 .text-box p{
		font-size: 0.6875em;
	}
	.section4 ul{
		bottom: 3.38%;
	}
	.section4 li{
		margin-bottom: 1.6875em;
		padding: 0 5%;
	}
	.section4 li:nth-child(3){
		border-right: 0 none;
	}
	.section4 li img{
		height: 1.0625em;
		margin-bottom: 0.6875em;
	}
	.section4 li p{
		font-size: 0.5625em;
	}
	.section5 .text{
		top: 21%;
		width: 92.533%;
	}
	.section5 .text li{
		margin-bottom: 0.59375em;
	}
	.section5 .text h3{
		font-size: 1.125em;
	}
	.section5 .text h5{
		font-size: 0.6875em;
	}
	.section5 .text p span{
		font-size: 0.5625em;
	}
	.section5 .text p img{
		width: 0.6875em;
		margin-right: 0.5em;
	}
	.section6 .text-box{
		top: 25%;
	}
	.section6.actived .text-box{
		top: 18.35%;
	}
	.section6 .text-box h3{
		font-size: 1.125em;
		margin-bottom: 0.53em;
	}
	.section6 .text-box p{
		font-size: 0.6875em;
	}
	.section6 .img{
		width: 89%;
		left: 6.266%;
		top: 45%;
	}
	.section6.actived .img{
		top: 39.85%;
	}
	.section7 .img{
		width: 87.6%;
		top: 57%;
	}
	.section7.actived .img{
		top: 52.227%;
	}
	.section7 .clock-box{
		width: 68.266%;
		top: 9.677%;
	}
	.section7 .clock-box .text{
		width: 110%;
	}
	.section7.actived .clock-box .text{
		top: 13.08%;
	}
	.section7 .clock-box .text h5{
		font-size: 1.125em;
		line-height: 1.388;
		margin-bottom: 0.36em;
	}
	.section7 .clock-box .text p{
		font-size: 0.6875em;
		line-height: 1.727;
	}
	.section8 .img{
		width: 86.9333%;
		top: 50%;
		left: 8.229%;
		-webkit-transition: all 1s 2s;
		-moz-transition: all 1s 2s;
		-ms-transition: all 1s 2s;
		-o-transition: all 1s 2s;
		transition: all 1s 2s;
	}
	.section8.actived .img{
		left: 8.229%;
		top: 45.316%;
	}
	.section8 .text-box{
		right: auto;
		left: 8.229%;
		top: 15%;
	}
	.section8.actived .text-box{
		right: auto;
		left: 8.229%;
		top: 10.25%;
	}
	.section8 .text-box h3{
		font-size: 1.125em;
		margin-bottom: 0.61em;
	}
	.section8 .text-box h4{
		font-size: 0.6875em;
	}
	.section8 .text-box ul{
		margin-top: 1.5625em;
		padding-left: 0.1875em;
	}
	.section8 .text-box li{
		width: 0.875em;
	}
	.section8 .text-box li:nth-child(1){
		-webkit-transition-delay: 0.5s;
		-moz-transition-delay: 0.5s;
		-ms-transition-delay: 0.5s;
		-o-transition-delay: 0.5s;
		transition-delay: 0.5s;
	}
	.section8 .text-box li:nth-child(2){
		-webkit-transition-delay: 1s;
		-moz-transition-delay: 1s;
		-ms-transition-delay: 1s;
		-o-transition-delay: 1s;
		transition-delay: 1s;
	}
	.section8 .text-box 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;
	}
	.section8 .text-box li .line{
		height: 0.875em;
		margin: 0.3125em auto;
	}
	.section8 .text-box .word{
		left: 1.375em;
		top: 0;
	}
	.section8 .text-box li h5{
		font-size: 0.875em;
		margin-bottom: 0.25em;
	}
	.section8 .text-box li p{
		font-size: 0.5625em;
	}
	.section9 .cir-box{
		left: -4.8%;
		top: 56.8%;
		width: 109.6%;
	}
	.section9 .img0{
		width: 82.4%;
		left: 8%;
		bottom: 3.586%;
	}
	.section9 .img1{
		width: 28.533%;
		left: 68.666%;
		bottom: 37.13%;
	}
	.section9 .img2{
		width: 28.533%;
		left: 39.733%;
		bottom: 46.2%;
	}
	.section9 .img3{
		width: 28.533%;
		left: 2.8%;
		bottom: 39.98%;
	}
	.section9 .text{
		width: 75%;
		right: 12.5%;
		top: 8.755%;
		text-align: center;
	}
	.section9 .text h5{
		font-size: 1.125em;
		line-height: 1.444;
		margin-bottom: 0.5em;
	}
	.section9 .text p{
		font-size: 0.6875em;
		font-weight: bold;
	}
	.section10 .text-box{
		width: 65.3%;
		top: 15%;
		left: 17.35%;
		text-align: center;
	}
	.section10.actived .text-box{
		left: 17.35%;
		top: 11%;
	}
	.section10 .text-box h3{
		font-size: 1.125em;
		line-height: 1.388;
		margin-bottom: 0.857em;
	}
	.section10 .text-box p{
		font-size: 0.6875em;
		line-height: 1.455;
		font-weight: bold;
	}
	.section10 .img{
		width: 87.333%;
		right: 6.3335%;
		top: 52%;
	}
	.section10.actived .img{
		right: 6.3335%;
		top: 47.05%;
		-webkit-transition: all 1s 1s;
		-moz-transition: all 1s 1s;
		-ms-transition: all 1s 1s;
		-o-transition: all 1s 1s;
		transition: all 1s 1s;
	}
	.section11 h3{
		top: 18%;
		font-size: 1.125em;
	}
	.section11.actived h3{
		top: 12.84%;
	}
	.section12.actived .text-box{
		top: 10.367%;
	}
	.section12 h3{
		font-size: 1.125em;
		margin-bottom: 0.666em;
	}
	.section12 p{
		font-size: 0.6875em;
	}
	.section13.actived .text-box{
		top: 13.125%;
	}
	.section13 .text-box h5{
		font-size: 1.125em;
		margin-bottom: 0.666em;
	}
	.section13 .text-box p{
		font-size: 0.6875em;
		line-height: 1.273;
	}















	.section14{
		padding: 2.5em 0 1.375em;
	}
	.section14 .text{
		margin-bottom: 2.375em;
	}
	.section14 .text h5{
		font-size: 1.4375em;
		margin-bottom: 0.74em;
	}
	.section14 .text p{
		font-size: 0.9375em;
	}
	.section14 ul{
		-webkit-display: flex;
		-webkit-flex-wrap: wrap;
		-webkit-align-items: flex-end;
		-webkit-justify-content: space-between;
		-moz-display: flex;
		-moz-flex-wrap: wrap;
		-moz-align-items: flex-end;
		-moz-justify-content: space-between;
		-ms-display: flex;
		-ms-flex-wrap: wrap;
		-ms-align-items: flex-end;
		-ms-justify-content: space-between;
		-o-display: flex;
		-o-flex-wrap: wrap;
		-o-align-items: flex-end;
		-o-justify-content: space-between;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		justify-content: space-between;
		padding: 0 6.66%;
	}
	.section14 li{
		margin: 0 0 1.125em;
	}
	.section14 li:nth-child(1){
		width: 26.3%;
	}
	.section14 li:nth-child(2){
		width: 30.62%;
	}
	.section14 li:nth-child(3){
		width: 37.077%;
	}
	.section14 li:nth-child(4){
		width: 40.31%;
	}
	.section14 li:nth-child(5){
		width: 57.23%;
	}
	.section14 li p{
		font-size: 0.5625em;
		margin-top: 0.78em;
	}
	.section15 .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%);
	}
	.section15.actived .text{
		left: 0;
		top: 10.25%;
	}
	.section15 .text h5{
		font-size: 1.4375em;
	}
	.section15 .text p{
		font-size: 0.875em;
	}
	.section15 .text p img{
		width: 1.25em;
		margin-right: 0.9em;
	}
	.section15 .text ul{
		margin-top: 1.25em;
	}
	.section15 .text li{
		margin: 0 0.59375em;
	}
	.section15 .text li img{
		width: 1.1875em;
	}
	.section15 .text li h4{
		font-size: 0.5625em;
	}


	.section16{
		padding: 1.5625em 0 0.3125em;
	}
	.section16 h3{
		font-size: 1.5em;
		margin-bottom: 0.5em;
	}
	.section16 li{
		width: 43%;
		border-radius: 0.3125em;
		margin-right: 4%;
		margin-bottom: 0.9375em;
	}
	.section16 li:nth-child(even){
		margin-right: 0;
	}
	.section16 li .text{
		padding: 1.3125em 1em 1.125em;
	}
	.section16 li h5{
		font-size: 0.875em;
	}
	.section16 li .icon{
		width: 1em;
	}
	.section16 li .line{
		width: 0.5em;
		height: 1px;
		margin: 0.4375em 0;
	}
	.section16 li p{
		font-size: 0.4375em;
	}

}
@media only screen and (max-width:800px){
	/*sec15*/
	.sec15 ul{ width:900px;}
	/*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){
}

