.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;
    -webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
	-moz-display: flex;
	-moz-align-items: center;
	-moz-justify-content: center;
	-moz-flex-direction: column;
	-ms-display: flex;
	-ms-align-items: center;
	-ms-justify-content: center;
	-ms-flex-direction: column;
	-o-display: flex;
	-o-align-items: center;
	-o-justify-content: center;
	-o-flex-direction: column;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.sec15 ul li .sec_box a{ color:#fff; font-size:22px; line-height:1;height:auto; margin-bottom:7%; display:block;border-bottom-left-radius:0; border-bottom-right-radius:0;}
.sec15 ul li .sec_box a:last-child{ margin-bottom: 0;}
.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{
	background-repeat: no-repeat;
	background-image: url(../images/product_sap_section1_bg_web.jpg);
	background-position: center center;
	background-size: auto 100%;
	position: relative;
	text-align: center;
	padding: 4.58% 0 3.54%;
	height: 72.375em;
}
.section1 .text-box{
	font-size: 3.875em;
	color: #fff;	
	font-weight: bold;
}
.section1 .video-box{
	margin: 2.65625% auto 3.958%;
	width: 45.5%;
	position: relative;
}
.section1 .video-box .img{
	width: 100%;
}
.section1 .video-box video{
	position: absolute;
	left: 0;
	right: 0;
	top: 1.77%;
	margin: 0 auto;
	width: 97.92%;
}
.section1 .video-box .cir-box{
	width: 0.875em;
	height: 0.875em;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
}
.section1 .video-box .cir-box.cir1{
	left: 21.416%;
	top: 23.266%;
}
.section1 .video-box .cir-box.cir2{
	right: 20.75%;
	top: 14.306%;
}
.section1 .video-box .cir-box.cir3{
	right: 38.583%;
	bottom: 25%;
}
.section1 .video-box .cir-box.cir4{
	left: 21.416%;
	bottom: 25%;
}
.section1 .video-box .cir-box .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	-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: sec1cirani 4s linear infinite both;
	-moz-animation: sec1cirani 4s linear infinite both;
	-ms-animation: sec1cirani 4s linear infinite both;
	-o-animation: sec1cirani 4s linear infinite both;
	animation: sec1cirani 4s linear infinite both;
}
@keyframes sec1cirani {
	100%{
		opacity: 0;
		transform: scale(5,5);
	}
}
@-webkit-keyframes sec1cirani {
	100%{
		opacity: 0;
		-webkit-transform: scale(5,5);
	}
}
@-moz-keyframes sec1cirani {
	100%{
		opacity: 0;
		-moz-transform: scale(5,5);
	}
}
@-ms-keyframes sec1cirani {
	100%{
		opacity: 0;
		-ms-transform: scale(5,5);
	}
}
@-o-keyframes sec1cirani {
	100%{
		opacity: 0;
		-o-transform: scale(5,5);
	}
}
.section1 .video-box .cir-box .circle:nth-child(2){
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
.section1 .video-box .cir-box .circle:nth-child(3){
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}
.section1 .video-box .cir-box .circle:nth-child(4){
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
}
.section1 .video-box .cir-box.cir1 .line1{
	width: 777%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	right: 50%;
	top: 50%;
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.section1 .video-box .cir-box.cir2 .line1{
	width: 777%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.section1 .video-box .cir-box.cir3 .line1{
	width: 777%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.section1 .video-box .cir-box.cir4 .line1{
	width: 777%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	right: 50%;
	top: 50%;
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.section1 .video-box .cir-box.cir1 .line2{
	width: 2650%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	right: 603%;
	bottom: 585%;
}
.section1 .video-box .cir-box.cir2 .line2{
	width: 2507%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 595%;
	top: 595%;
}
.section1 .video-box .cir-box.cir3 .line2{
	width: 4043%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 595%;
	top: 600%;
}
.section1 .video-box .cir-box.cir4 .line2{
	width: 2507%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	right: 585%;
	top: 600%;
}
.section1 .video-box .cir-box p{
	font-size: 1.375em;
	color: #fff;
	line-height: 1.364;
	position: absolute;
	text-align: left;
	white-space: nowrap;
}
.section1 .video-box .cir-box.cir1 p{
	right: 2000%;
	bottom: 700%;
}
.section1 .video-box .cir-box.cir2 p{
	left: 2030%;
	top: 285%;
}
.section1 .video-box .cir-box.cir3 p{
	left: 2750%;
	top: 285%;
}
.section1 .video-box .cir-box.cir4 p{
	right: 1950%;
	top: 285%;
}
.section1 li{
	display: inline-block;
	vertical-align: top;
	margin: 0 4%;
}
.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{
	position: relative;
	overflow: hidden;
}
.section2 .bg{
	width: 100%;
}
.section2 .img{
	width: 37.4%;
	position: absolute;
	margin: 0 auto;
	top: 0;
	bottom: 0;
	left: -100%;
	opacity: 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section2.actived .img{
	left: 12.8125%;
	opacity: 1;
}
.section2 .text-box{
	text-align: center;
	position: absolute;
	top: 30.23%;
	right: -100%;
	opacity: 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section2.actived .text-box{
	opacity: 1;
	right: 8.2%;
}
.section2 .text-box h3{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 1.9em;
}
.section2 li{
	display: inline-block;
	vertical-align: top;
	margin: 0 4.6%;
}
.section2 li img{
	height: 2.5em;
	margin-bottom: 1em;
}
.section2 li p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.333;
	font-weight: bold;
}

.section3{
	text-align: center;
	position: relative;
}
.section3 .scroll-box{
	position: relative;
	overflow: hidden;
}
.section3 .bg{
	width: 100%;
}
.section3 .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_sap_section3_img2_web.jpg);
}
.section3.actived .img-box{
	width: 50%;
}
.section3.actived .img-box.transition{
	transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	-ms-transition: all 2s;
	-moz-transition: all 2s;
}
.section3 .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;
}
.section3.actived .line{
	left: 50%;
}
.section3.actived .line.transition{
	transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	-ms-transition: all 2s;
	-moz-transition: all 2s;
}
.section3 .line .circle{
	width: 34px;
	height: 34px;
	position: absolute;
	left: 50%;
	margin-left: -17px;
	bottom: 20.5%;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../images/product_sap_section3_circle.png);
}
.section3 .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;
}
.section3 .line .circle p.hdr{
	right: 100%;
	margin-right: 26px;
}
.section3 .line .circle p.normal{
	left: 100%;
	margin-left: 26px;
}
.section3 .text{
	position: absolute;
	left: 0;
	top: 11.63%;
	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;
}
.section3.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);
}
.section3 .text h3{
	font-size: 2.625em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 1em;
}
.section3 .text p{
	font-size: 1.125em;
	color: #fff;
	font-weight: normal;
}
.section3 .text p span{
	margin: 0 2em;
}
.section3 .more{
	opacity: 0;
	font-size: 1.125em;
	color: #fff;
	display: block;
	width: 142px;
	height: 46px;
	line-height: 46px;
	border-radius: 23px;
	background-color: #2a71b9;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 3;
	bottom: 2.9%;
	margin: 0 auto;
}
.section3.actived .more{
	transition: all 1s 2s;
	-webkit-transition: all 1s 2s;
	-o-transition: all 1s 2s;
	-ms-transition: all 1s 2s;
	-moz-transition: all 1s 2s;
	opacity: 1;
	bottom: 5.8%;
}
.section4{
	/*padding-bottom: 5.2%;
	display: none;*/
}
.section4 .img-box{
	position: relative;
}
.section4 .img-box img{
	width: 100%;
}
.section4 .img-box .text{
	position: absolute;
	left: 0;
	bottom: 12.5%;
	width: 100%;
	text-align: center;
}
.section4 .img-box .text h3{
	font-size: 1.375em;
	color: #fff;
	font-weight: bold;
	width: 4.64em;
	height: 1.91em;
	line-height: 1.91em;
	border-radius: 0.227em;
	margin: 0 auto 1.136em;
	background-color: #2a71b9;
}
.section4 .img-box .text p{
	font-size: 1.375em;
	color: #666;
}
.section4 .close{
	text-align: center;
	display: block;
	margin: 2.6% auto 0;
	font-size: 18px;
	color: #fff;
	width: 110px;
	height: 46px;
	line-height: 46px;
	border-radius: 23px;
	background-color: #2a71b9;
}
.section4 .close img{
	vertical-align: middle;
	margin-right: 12px;
}

.section5{
	padding: 14.375% 0 19.479%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../images/product1_sec4_bg.jpg);
	position: relative;
	overflow: hidden;
}
.section5 .left{
	width: 50%;
}
.section5 .left .title{
	transform: translateY(1em);
	-webkit-transform: translateY(1em);
	-o-transform: translateY(1em);
	-ms-transform: translateY(1em);
	-moz-transform: translateY(1em);
	opacity: 0;
}
.section5.actived .left .title{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
	transform: translateY(0em);
	-webkit-transform: translateY(0em);
	-o-transform: translateY(0em);
	-ms-transform: translateY(0em);
	-moz-transform: translateY(0em);
}
.section5 .left .title h3{
	font-size: 2em;
	color: #222;
	font-weight: bold;
	line-height: 1.613;
}
.section5 .left .title h3 b{
	color: #2a71b9;
	font-size: 1.9375em;
	line-height: 1;
}
@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);
	}
}
.section5 .tv-box{
	width: 55.885%;
	position: absolute;
	right: -5.573%;
	top: 0;
	margin-top: 4.9%;
	overflow: hidden;
}
.section5 .tv-box img{
	width: 100%;
}
.section5 .tv-box video{
	height: 92%;
	position: absolute;
	left: 2.7%;
	top: 1.3%;
	right: 0;
	bottom: 6.3%;
	border-radius: 4px;
	overflow: hidden;
	margin: 0 auto;
}
.section6{
	text-align: center;
	position: relative;
}
.section6 .bg{
	width: 100%;
}
.section6 .screen1{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	opacity: 0;
}
.section6.actived .screen1{
	-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;
}
.section6 .screen2{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	margin: 0 auto;
	height: 100%;
	opacity: 0;
}
.section6.actived .screen2{
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section6 .screen3{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	opacity: 0;
}
.section6.actived .screen3{
	-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;
}
.section6 .lineleft{
	position: absolute;
	right: 67.45%;
	top: 0;
	height: 100%;
	background-image: url(../images/product_sap_section6_lineleft_web_bg.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right center;
	-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: 0;
}
.section6.actived .lineleft{
	width: 32.55%;
}
.section6 .lineright{
	position: absolute;
	left: 67.45%;
	top: 0;
	height: 100%;
	background-image: url(../images/product_sap_section6_lineright_web_bg.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
	-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: 0;
}
.section6.actived .lineright{
	width: 32.55%;
}
.section6 .text{
	position: absolute;
	top:15%;
	left: 0;
	width: 100%;
	opacity: 0;
}
.section6.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;
}
.section6 .text h3{
	font-size: 2.625em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.714em;
}
.section6 .text p{
	font-size: 1.125em;
	color: #fff;
}
.section7{
	position: relative;
	overflow: hidden;
}
.section7 .bg{
	width: 100%;
}
.section7 .cir-box{
	position: absolute;
	left: 11.3%;
	top: 48%;
	width: 42.8125%;
}
.section7 .cir-box img{
	width: 100%;
}
.section7 .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: sec7cirani 4s linear infinite both;
	-moz-animation: sec7cirani 4s linear infinite both;
	-ms-animation: sec7cirani 4s linear infinite both;
	-o-animation: sec7cirani 4s linear infinite both;
	animation: sec7cirani 4s linear infinite both;
}
.section7 .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;
}
.section7 .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;
}
.section7 .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 sec7cirani {
	100%{
		opacity: 0;
		transform: scale(1.85,1.85);
	}
}
@-webkit-keyframes sec7cirani {
	100%{
		opacity: 0;
		-webkit-transform: scale(1.85,1.85);
	}
}
@-moz-keyframes sec7cirani {
	100%{
		opacity: 0;
		-moz-transform: scale(1.85,1.85);
	}
}
@-ms-keyframes sec7cirani {
	100%{
		opacity: 0;
		-ms-transform: scale(1.85,1.85);
	}
}
@-o-keyframes sec7cirani {
	100%{
		opacity: 0;
		-o-transform: scale(1.85,1.85);
	}
}
.section7 .desk{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.section7 .img0{
	width: 32.1875%;
	position: absolute;
	left: 16.35%;
	bottom: 12%;
}
.section7 .img1{
	width: 10.3125%;
	position: absolute;
	left: 41.77%;
	bottom: 42.91%;
}
.section7 .img2{
	width: 10.3125%;
	position: absolute;
	left: 16.66%;
	bottom: 57.28%;
}
.section7 .img3{
	width: 10.3125%;
	position: absolute;
	left: 8.33%;
	bottom: 40.1%;
}
.section7 h3{
	text-align: center;
	position: absolute;
	left: 0;
	top: 9.71%;
	width: 100%;
	font-size: 3em;
	color: #222;
	font-weight: bold;
}
.section7 .text{
	width: 29.21875%;
	position: absolute;
	right: 11.5625%;
	top: 40.78%;
}
.section7 .text h5{
	font-size: 2.625em;
	color: #333;
	font-weight: bold;
	line-height: 1.333;
	margin-bottom: 0.62em;
}
.section7 .text p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.55;
}
.section8{
	position: relative;
	overflow: hidden;
}
.section8 .bg{
	width: 100%;
}
.section8 .text{
	width: 29%;
	position: absolute;
	left: -100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
}
.section8.actived .text{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	left: 11.6%;
	opacity: 1;
}
.section8 .text h5{
	font-size: 2.625em;
	color: #333;
	line-height: 1.43;
	margin-bottom: 0.6em;
}
.section8 .text p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.55;
}
.section8 .slide-box{
	width: 52.65625%;
	position: absolute;
	right: -100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
}
.section8.actived .slide-box{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	right: 4.32%;
	opacity: 1;
}
.section8 .slide-box .swiper-container{
	position: absolute;
	left: 11.276%;
	top: 1.45833%;
	width: 79.624%;
	margin: 0;
}
.section8 .slide-box .swiper-container .swiper-slide{
	margin: 0;
}
.section8 .slide-box img{
	width: 100%;
}
.section9{
	position: relative;
	overflow: hidden;
}
.section9 .bg{
	width: 100%;
}
.section9 .slide-box{
	width: 48.23%;
	position: absolute;
	left: 8.28125%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0.52% 0.52% 0.73% 0.46875%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../images/product_sap_section9_tv.jpg);
}
.section9 .slide-box .swiper-container{
	width: 100%;
	margin: 0;
}
.section9 .slide-box .swiper-container .swiper-slide{
	margin: 0;
}
.section9 .slide-box img{
	width: 100%;
}
.section9 .clock-box{
	width: 26.66%;
	position: absolute;
	right: 9.79%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.section9 .clock-box .text{
	width: 109%;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.section9 .clock-box .text h5{
	font-size: 2.625em;
	color: #333;
	line-height: 1.43;
	margin-bottom: 0.6em;
}
.section9 .clock-box .text p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.55;
}
.section9 .clock-box img{
	width: 100%;
}
.section9 .clock-box .hour,.section9 .clock-box .minute{
	position: absolute;
	left: 0;
	top: 0; 
}
.section9.actived .clock-box .hour,.section9.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;
}
.section9.actived .clock-box .hour{
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	-ms-animation-duration: 2s;
}
.section9.actived .clock-box .minute{
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
}


.section10{
	overflow: hidden;
	position: relative;
}
.section10 .bg{
	width: 100%;
}
.section10 .wing-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
}
.section10 .wing-box .wing{
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 0% 0%;
	background-image: url(../images/product_sap_section10_wing_bg.jpg);
}
.section10.actived .wing-box .wing{
	-webkit-animation: sec10light 2s steps(15) 1s infinite;
	-moz-animation: sec10light 2s steps(15) 1s infinite;
	-ms-animation: sec10light 2s steps(15) 1s infinite;
	-o-animation: sec10light 2s steps(15) 1s infinite;
	animation: sec10light 2s steps(15) 1s infinite;
}
@keyframes sec10light {
	0%{
		background-position: 0% 0%;
	}
	50%{
		background-position: 0% 100%;
	}
	100%{
		background-position: 0% 100%;
	}
}
@-webkit-keyframes sec10light {
	0%{
		background-position: 0% 0%;
	}
	50%{
		background-position: 0% 100%;
	}
	100%{
		background-position: 0% 100%;
	}
}
@-moz-keyframes sec10light {
	0%{
		background-position: 0% 0%;
	}
	50%{
		background-position: 0% 100%;
	}
	100%{
		background-position: 0% 100%;
	}
}
@-ms-keyframes sec10light {
	0%{
		background-position: 0% 0%;
	}
	50%{
		background-position: 0% 100%;
	}
	100%{
		background-position: 0% 100%;
	}
}
@-o-keyframes sec10light {
	0%{
		background-position: 0% 0%;
	}
	50%{
		background-position: 0% 100%;
	}
	100%{
		background-position: 0% 100%;
	}
}
.section10 .img{
	width: 59.9%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5%;
	margin: 0 auto;
	z-index: 1;
	opacity: 0;
}
.section10.actived .img{
	bottom: 13.24%;
	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;
}
.section10 .text{
	text-align: center;
	position: absolute;
	width: 100%;
	top: 15%;
	left: 0;
	z-index: 1;
	opacity: 0;
}
.section10.actived .text{
	top: 8.8%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section10 .text h5{
	font-size: 2.625em;
	color: #af9a7c;
	font-weight: bold;
	margin-bottom: 0.86em;
}
.section10 .text p{
	font-size: 1.75em;
	color: #fff;
	line-height: 1.29;
}


.section11{
	text-align: center;
	padding: 4.9% 0 4.21875%;
	overflow: hidden;
	background-image: url(../images/product_sap_section11_bg_web.jpg);
}
.section11 h3{
	font-size: 3em;
	color: #222;
	font-weight: bold;
	margin-bottom: 1.29em;
}
.section11 .img-box{
	margin: 0 auto 3.33%;
	width: 100%;
}
.section11 .img-box .img1,.section11 .img-box .img2,.section11 .img-box .img3{
	display: inline-block;
	vertical-align: top;
	width: 20.42%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
	background-image: url(../images/product_sap_section11_tv_ver.png);
	overflow: hidden;
}
.section11 .img-box .img1 img,.section11 .img-box .img3 img{
	width: 95.4%;
	margin: 1.786% 1.786% 1.531% 2.81%;
}
.section11 .img-box .img1{
	opacity: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.section11.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%);
}
.section11 .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);
}
.section11.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;
}
.section11 .img-box .img2 .ver{
	width: 95.4%;
	margin: 1.786% 1.786% 1.531% 2.81%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	background-image: url(../images/product_sap_section11_img2_bg.jpg);
	opacity: 0;
}
.section11.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;
}
.section11 .img-box .img2 .hor{
	position: absolute;
	top: 1.034%;
	right: 1.786%;
	bottom: 0.886%;
	left: 2.81%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	background-image: url(../images/product_sap_section11_img2_bg2.jpg);
}
.section11.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;
}
.section11 .img-box .img3{
	opacity: 0;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
}
.section11.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%);
}
.section11 .tip{
	font-size: 1.75em;
	color: #333;
	text-align: center;
	line-height: 1.357;
	margin-bottom: 1.07em;
}
.section11 li{
	display: inline-block;
	vertical-align: top;
	margin: 0 2.1%;
}
.section11 li img{
	height: 4.68em;
}
.section11 li p{
	font-size: 1.125em;
	color: #999;	
	margin-top: 1.11em;
}
.section12{
	position: relative;
	text-align: center;
}
.section12 .bg{
	width: 100%;
}
.section12 .text{
	position: absolute;
	left: 0;
	top: 15%;
	width: 100%;
	opacity: 0;
}
.section12.actived .text{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
	top: 9.92%;
}
.section12 .text h5{
	font-size: 3em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.458em;
}
.section12 .text p{
	font-size: 1.375em;
	color: #222;
	line-height: 1.55;
}
.section12 .slide-box{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 26.84%;
	width: 44.64%;
}
.section12 .swiper-container,.section12 .swiper-slide img{
	width: 100%;
	margin: 0;
}
.section12 .swiper-slide img{
	display: inline;
}
.section12 .swiper-slide{
	margin: 0;
	text-align: center;
}
.section12 .swiper-slide video{
	width: auto;
	height: 94.79%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 1.4%;
}
.section12 .swiper-slide .img2{
	margin-top: 2.9%;
	width: auto;
	max-width: 100%;
}
.section12 .swiper-prev,.section12 .swiper-next{
	cursor: pointer;
	font-size: 14px;
	color: #666;
	border: 1px solid #666;
	width: 118px;
	height: 38px;
	line-height: 36px;
	border-radius: 19px;
	position: absolute;
	top: 50%;
	margin-top: -19px;
}
.section12 .swiper-prev:hover,.section12 .swiper-next:hover{
	color: #fff;
	background-color: #2a71b9;
	border-color: #2a71b9;
}
.section12 .swiper-prev{
	right: 100%;
	margin-right: 8.2%;
}
.section12 .swiper-next{
	left: 100%;
	margin-left: 8.2%;
}
.section12 .swiper-prev img,.section12 .swiper-next img{
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-image: url(../images/product_sap_section12_icon_bg.png);
	background-position: center top;
}
.section12 .swiper-prev:hover img,.section12 .swiper-next:hover img{
	background-position: center bottom;
}
.section12 .swiper-prev img{
	margin-right: 8px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.section12 .swiper-next img{
	margin-left: 8px;
}
.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{
	position: absolute;
	left: 0;
	top: 5%;
	width: 100%;
	opacity: 0;
	z-index: 1;
}
.section13.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;
}
.section13 .text h5{
	font-size: 3em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.458em;
}
.section13 .text p{
	font-size: 1.375em;
	color: rgba(34,34,34,0.6);
	line-height: 1.55;
}
.section14{
	background-color: #f9fbfa;
	text-align: center;
	overflow: hidden;
	padding: 4.6875% 0 6.5%;
}
.section14 .text{
	margin-bottom: 3.177%;
	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.73%;
	display: inline-block;
	vertical-align: bottom;
	opacity: 0;
	position: relative;
	top: 20%;
}
.section14 li:nth-child(1){
	width: 9.9%;
	-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: 12.96875%;
	-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: 15.89%;
	-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: 18.96%;
	-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.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: 0.625%;
}
.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%;}
}
@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; }
}
@media only screen and (max-width:1280px){
	.section2 li{
		margin: 0 3%;
	}
	/*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;}
	/*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;}
	.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:14px;}
	.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{
		background-image: url(../images/product_sap_section1_bg_mobile.jpg);
		padding: 2.375em 0 3em;
		height: 31.25em;
	}
	.section1 .text-box{
		font-size: 1.9375em;
	}
	.section1 .video-box{
		margin: 2.625em auto 3.0625em;
		width: 52.8%;
	}
	.section1 .video-box .cir-box{
		width: 0.4375em;
		height: 0.4375em;
	}
	.section1 .video-box .cir-box.cir1{
		left: 26%;
		top: 8.98%;
	}
	.section1 .video-box .cir-box.cir2{
		right: 30.89%;
		top: 12.22%;
	}
	.section1 .video-box .cir-box.cir3{
		right: 42%;
		bottom: 2.99%;
	}
	.section1 .video-box .cir-box.cir4{
		left: 26%;
		bottom: 2.99%;
	}

	.section1 .video-box .cir-box.cir2 .line1{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.section1.actived .video-box .cir-box.cir2 .line1{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.section1 .video-box .cir-box.cir1 .line2{
		width: 814%;
		right: 580%;
		bottom: 565%;
	}
	.section1 .video-box .cir-box.cir2 .line2{
		width: 1050%;
		left: 586%;
		top: -500%;
	}
	.section1 .video-box .cir-box.cir3 .line2{
		width: 1600%;
		left: 586%;
		top: 593%;
	}
	.section1 .video-box .cir-box.cir4 .line2{
		width: 814%;
		right: 580%;
		top: 593%;
	}
	.section1 .video-box .cir-box p{
		font-size: 0.5625em;
		line-height: 1.333;
	}
	.section1 .video-box .cir-box.cir1 p{
		right: 400%;
		bottom: 615%;
	}
	.section1 .video-box .cir-box.cir2 p{
		left: 750%;
		top: -700%;
	}
	.section1 .video-box .cir-box.cir3 p{
		left: 650%;
		top: 350%;
	}
	.section1 .video-box .cir-box.cir4 p{
		right: 500%;
		top: 350%;
	}
	.section1 li{
		margin: 0 0.625em;
	}
	.section1 li img{
		height: 1.3125em;
		margin-bottom: 0.625em;
	}
	.section1 li p{
		font-size: 0.75em;
		color: #e2e2e2;
		font-weight: bold;
		line-height: 1.5;
	}
	.section2 .img{
		width: 61.33%;
		top: 37.33%;
		bottom: 0;
		left: -100%;
		right: 0;
	}
	.section2.actived .img{
		left: 0;
	}
	.section2 .text-box{
		width: 100%;
		top: 10.58%;
		right: -100%;
	}
	.section2.actived .text-box{
		right: 0;
	}
	.section2 .text-box h3{
		font-size: 1.125em;
		margin-bottom: 1.27em;
	}
	.section2 li{
		margin: 0 0.75em;
	}
	.section2 li img{
		height: 1.25em;
		margin-bottom: 0.5em;
	}
	.section2 li p{
		font-size: 0.625em;
		line-height: 1.5;
	}
	.section3 .img-box{
		background-image: url(../images/product_sap_section3_img2_mobile.jpg);
	}
	.section3 .line{
		width: 2px;
		margin-left: -1px;
	}
	.section3 .line .circle{
		width: 1.0625em;
		height: 1.0625em;
		margin-left: -0.53125em;
		bottom: 22.79%;
	}
	.section3 .line .circle p{
		font-size: 0.5em;
	}
	.section3 .line .circle p.hdr{
		margin-right: 1.625em;
	}
	.section3 .line .circle p.normal{
		margin-left: 1.625em;
	}
	.section3 .text h3{
		font-size: 1.125em;
		margin-bottom: 0.7em;
	}
	.section3 .text p{
		font-size: 0.75em;
		line-height: 1.66;
		font-weight: bold;
	}
	.section3 .text p span{
		display: none;
	}
	.section3 .more{
		font-size: 0.5625em;
		width: 8.875em;
		height: 2.56em;
		line-height: 2.56em;
		border-radius: 1.28em;
	}
	.section3.actived .more{
		bottom: 11.63%;
	}
	.section4{
		/*padding-bottom: 2.5em;*/
	}
	.section4 .img-box .text{
		bottom: 1.25em;
	}
	.section4 .img-box .text h3{
		font-size: 0.875em;
		width: 4.5em;
		height: 1.714em;
		line-height: 1.714em;
		border-radius: 0.179em;
		margin: 0 auto 0.61em;
	}
	.section4 .img-box .text p{
		font-size: 0.6875em;
		line-height: 1.273;
	}
	.section4 .close{
		margin: 2.77em auto 0;
		font-size: 0.5625em;
		width: 6.11em;
		height: 2.56em;
		line-height: 2.56em;
		border-radius: 1.28em;
	}
	.section4 .close img{
		height: 1em;
		margin-right: 0.65em;
	}
	.section5{
		padding: 3.3125em 0 3.5625em;
	}
	.section5 .left{
		width: 100%;
	}
	.section5 .left .title{
		text-align: center;
	}
	.section5 .left .title h3{
		font-size: 0.8125em;
	}
	.section5 .left .title h3 b{
		font-size: 1.923em;
	}
	.section5 .tv-box{
		width: 92.319%;
		right: 0;
		position: relative;
		margin: 2.875em auto 0;
	}
	.section5 .tv-box video{
		border-radius: 0.0625em;
		left: 2.4%;
	}
	.section6 .lineleft{
		right: 77.6%;
		background-image: url(../images/product_sap_section6_lineleft_mobile_bg.png);
	}
	.section6.actived .lineleft{
		width: 22.4%;
	}
	.section6 .lineright{
		left: 77.6%;
		background-image: url(../images/product_sap_section6_lineright_mobile_bg.png);
	}
	.section6.actived .lineright{
		width: 22.4%;
	}
	.section6 .text{
		top:20%;
	}
	.section6.actived .text{
		top:13.33%;
	}
	.section6 .text h3{
		font-size: 1.3125em;
		margin-bottom: 0.666em;
	}
	.section6 .text p{
		font-size: 0.6875em;
		font-weight: bold;
	}
	.section7 .cir-box{
		left: -4.8%;
		top: 56.8%;
		width: 109.6%;
	}
	.section7 .img0{
		width: 82.4%;
		left: 8%;
		bottom: 3.3%;
	}
	.section7 .img1{
		width: 26.4%;
		left: 69.87%;
		bottom: 34.175%;
	}
	.section7 .img2{
		width: 26.4%;
		left: 40.53%;
		bottom: 42.52%;
	}
	.section7 .img3{
		width: 26.4%;
		left: 4.13%;
		bottom: 36.8%;
	}
	.section7 h3{
		top: 5.83%;
		font-size: 1.5em;
	}
	.section7 .text{
		width: 76.2%;
		right: 11.9%;
		top: 15.4%;
		text-align: center;
	}
	.section7 .text h5{
		font-size: 1.125em;
		line-height: 1.444;
		margin-bottom: 0.5em;
	}
	.section7 .text p{
		font-size: 0.6875em;
		font-weight: bold;
	}
	.section8 .text{
		width: 65%;
		text-align: center;
		top: 5%;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	.section8.actived .text{
		left: 17.5%;
	}
	.section8 .text h5{
		font-size: 1.125em;
		line-height: 1.444;
		margin-bottom: 0.95em;
	}
	.section8 .text p{
		font-size: 0.6875em;
		font-weight: bold;
	}
	.section8 .slide-box{
		width: 94%;
		right: -100%;
		top: 41%;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	.section8.actived .slide-box{
		right: 3%;
	}
	.section9 .slide-box{
		width: 83.8%;
		left: 8.1%;
		top: 41.8%;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
		padding: 0.21875em 0.1875em 0.28125em 0.21875em;
	}
	.section9 .clock-box{
		width: 42%;
		right: 29%;
		top: 3%;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	.section9 .clock-box .text{
		width: 164%;
		right: -32%;
		text-align: center;
	}
	.section9 .clock-box .text h5{
		font-size: 1.125em;
		line-height: 1.444;
		margin-bottom: 0.95em;
	}
	.section9 .clock-box .text p{
		font-size: 0.6875em;
		font-weight: bold;
	}
	.section10 .img{
		width: 90.66%;
	}
	.section10.actived .img{
		bottom: 13%;
	}
	.section10 .text{
		top: 9.67%;
	}
	.section10.actived .text{
		top: 9.67%;
	}
	.section10 .text h5{
		font-size: 1.3125em;
		margin-bottom: 0.833em;
	}
	.section10 .text p{
		font-size: 0.875em;
		line-height: 1.357;
	}

	.section11{
		padding: 2.625em 0 1.875em;
		background-image: url(../images/product_sap_section11_bg_mobile.jpg);
	}
	.section11 h3{
		font-size: 1.125em;
		margin-bottom: 1.555em;
	}
	.section11 .img-box{
		margin: 0 auto 1em;
	}
	.section11 .img-box .img1,.section11 .img-box .img2,.section11 .img-box .img3{
		width: 29.8%;
	}
	.section11 .tip{
		font-size: 0.6875em;
		line-height: 1.636;
		margin-bottom: 1.45em;
	}
	.section11 li{
		margin: 0 1.25em;
	}
	.section11 li img{
		height: 2em;
	}
	.section11 li p{
		font-size: 0.5625em;
		margin-top: 1.16em;
	}
	.section12.actived .text{
		top: 6.05%;
	}
	.section12 .text h5{
		font-size: 1.125em;
		line-height: 1.3333;
		margin-bottom: 0.278em;
	}
	.section12 .text p{
		font-size: 0.6875em;
	}
	.section12 .slide-box{
		top: 40%;
		width: 80%;
	}
	.section12 .swiper-slide .img2{
		margin-top: 0.9375em;
		width: 31.8%;
	}
	.section12 .swiper-prev,.section12 .swiper-next{
		font-size: 0.5625em;
		width: 8.33em;
		height: 2.1em;
		line-height: 2em;
		border-radius: 1.05em;
		top: 100%;
		z-index: 1;
		margin-top: -2.55em;
	}
	.section12 .swiper-prev{
		right: 50%;
		margin-right: 7em;
	}
	.section12 .swiper-next{
		left: 50%;
		margin-left: 7em;
	}
	.section12 .swiper-prev img,.section12 .swiper-next img{
		height: 0.67em;
	}
	.section12 .swiper-prev img{
		margin-right: 0.5em;
	}
	.section12 .swiper-next img{
		margin-left: 0.5em;
	}
	.section13.actived .text{
		top: 11.1%;
	}
	.section13 .text h5{
		font-size: 1.125em;
		margin-bottom: 0.66em;
	}
	.section13 .text p{
		font-weight: bold;
		font-size: 0.6875em;
		color: #333;
		line-height: 1.455;
	}
	.section14{
		padding: 2.5em 0 2.25em;
	}
	.section14 .text{
		margin-bottom: 3.5em;
	}
	.section14 .text h5{
		font-size: 1.4375em;
		margin-bottom: 0.74em;
	}
	.section14 .text p{
		font-size: 0.9375em;
	}
	.section14 li{
		margin: 0 0.25em;
	}
	.section14 li:nth-child(1){
		width: 14.9333%;
	}
	.section14 li:nth-child(2){
		width: 19.467%;
	}
	.section14 li:nth-child(3){
		width: 24%;
	}
	.section14 li:nth-child(4){
		width: 28.53%;
	}
	.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;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%;}
}
@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){
}