.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: 10%;
	left: 0;
}
.section1.actived .text-box{
	top: 6.63%;
	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: #222;	
	font-weight: bold;
	margin-bottom: 0.452em;
}
.section1 .text-box p{
	font-size: 1.75em;
	color: #222;
}
.section1 .kv_new{
	top: 18%;
}
.section1 .img{
	width: 56.26%;
	position: absolute;
	left: 0;
	right: 0;
	top: 31.95%;
	margin: 0 auto;
	opacity: 0;
	-webkit-transform: scale(0.8,0.8);
	-moz-transform: scale(0.8,0.8);
	-ms-transform: scale(0.8,0.8);
	-o-transform: scale(0.8,0.8);
	transform: scale(0.8,0.8);
}
.section1.actived .img{
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
	opacity: 1;
	-webkit-transition: all 1s 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: 5.81%;
	width: 100%;
}
.section1 li{
	display: inline-block;
	vertical-align: top;
	margin: 0 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 0s;
	-moz-transition: all 0.5s 0s;
	-ms-transition: all 0.5s 0s;
	-o-transition: all 0.5s 0s;
	transition: all 0.5s 0s;
}
.section1 li:nth-child(2){
	-webkit-transition: all 0.5s 0.125s;
	-moz-transition: all 0.5s 0.125s;
	-ms-transition: all 0.5s 0.125s;
	-o-transition: all 0.5s 0.125s;
	transition: all 0.5s 0.125s;
}
.section1 li:nth-child(3){
	-webkit-transition: all 0.5s 0.25s;
	-moz-transition: all 0.5s 0.25s;
	-ms-transition: all 0.5s 0.25s;
	-o-transition: all 0.5s 0.25s;
	transition: all 0.5s 0.25s;
}
.section1 li:nth-child(4){
	-webkit-transition: all 0.5s 0.375s;
	-moz-transition: all 0.5s 0.375s;
	-ms-transition: all 0.5s 0.375s;
	-o-transition: all 0.5s 0.375s;
	transition: all 0.5s 0.375s;
}
.section1 li:nth-child(5){
	-webkit-transition: all 0.5s 0.5s;
	-moz-transition: all 0.5s 0.5s;
	-ms-transition: all 0.5s 0.5s;
	-o-transition: all 0.5s 0.5s;
	transition: all 0.5s 0.5s;
}
.section1 li:nth-child(6){
	-webkit-transition: all 0.5s 0.625s;
	-moz-transition: all 0.5s 0.625s;
	-ms-transition: all 0.5s 0.625s;
	-o-transition: all 0.5s 0.625s;
	transition: all 0.5s 0.625s;
}
.section1 li:nth-child(7){
	-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(8){
	-webkit-transition: all 0.5s 0.875s;
	-moz-transition: all 0.5s 0.875s;
	-ms-transition: all 0.5s 0.875s;
	-o-transition: all 0.5s 0.875s;
	transition: all 0.5s 0.875s;
}
.section1 ul.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{
	width: 5.15em;
}
.section1 li p{
	font-size: 1.25em;
	color: #222;
	margin-top: 1em;
}


.section2{
	position: relative;
	overflow: hidden;
}
.section2 .bg{
	width: 100%;
}
.section2 .text{
	position: absolute;
	left: -100%;
	top: 26.28%;
	opacity: 0;
}
.section2.actived .text{
	left: 8.28125%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section2 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	line-height: 1.4762;
	margin-bottom: 1.5em;
}
.section2 .text p{
	font-size: 1.375em;
	color: #222;
	line-height: 1.6364;
}
.section2 .img{
	width: 27.65625%;
	position: absolute;
	right: -100%;
	bottom: 3.837%;
	opacity: 0;
}
.section2.actived .img{
	right: 12.24%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section2 .cir-box{
	position: absolute;
	right: 2%;
	bottom: 12%;
	width: 50%;
	-webkit-transform: rotateX(25deg) rotateY(45deg);
	-moz-transform: rotateX(25deg) rotateY(45deg);
	-ms-transform: rotateX(25deg) rotateY(45deg);
	-o-transform: rotateX(25deg) rotateY(45deg);
	transform: rotateX(25deg) rotateY(45deg);
}
.section2 .cir-box img{
	width: 100%;
}
.section2 .cir-box .cir{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: rgba(42,113,185,0.4);
	-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: sec2cirani 4s linear infinite both;
	-moz-animation: sec2cirani 4s linear infinite both;
	-ms-animation: sec2cirani 4s linear infinite both;
	-o-animation: sec2cirani 4s linear infinite both;
	animation: sec2cirani 4s linear infinite both;
	border:1px solid #2a71b9;
}

@keyframes sec2cirani {
	100%{
		opacity: 0;
		transform: scale(3,3);
	}
}
@-webkit-keyframes sec2cirani {
	100%{
		opacity: 0;
		-webkit-transform: scale(3,3);
	}
}
@-moz-keyframes sec2cirani {
	100%{
		opacity: 0;
		-moz-transform: scale(3,3);
	}
}
@-ms-keyframes sec2cirani {
	100%{
		opacity: 0;
		-ms-transform: scale(3,3);
	}
}
@-o-keyframes sec2cirani {
	100%{
		opacity: 0;
		-o-transform: scale(3,3);
	}
}
.section2 .cir-box .cir:nth-child(1){
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.section2 .cir-box .cir:nth-child(2){
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.section2 .cir-box .cir:nth-child(3){
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-o-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
.section2 .cir-box .cir:nth-child(4){
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	-ms-animation-delay: 3.5s;
	-o-animation-delay: 3.5s;
	animation-delay: 3.5s;
}


.section3{
	overflow: hidden;
	position: relative;
	text-align: center;
}
.section3 .bg{
	width: 100%;
}
.section3 h3{
	position: absolute;
	width: 100%;
	top: 37.558%;
	right: -100%;
	font-size: 2.625em;
	color: #333;	
	font-weight: bold;
	opacity: 0;
	text-align: right;
}
.section3.actived h3{
	right: 10.46875%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section3 .img{
	width: 24.21875%;
	position: absolute;
	left: -100%;
	top: 4.535%;
	opacity: 0;
}
.section3.actived .img{
	left: 15.46875%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section3 ul{
	position: absolute;
	right: 10.46875%;
	top: 52%;
}
.section3 li{
	display: inline-block;
	vertical-align: top;
	margin-right: 4.125em;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
.section3 li:last-child{
	margin-right: 0;
}
.section3 li:nth-child(1){
	-webkit-transition: all 0.5s 1s;
	-moz-transition: all 0.5s 1s;
	-ms-transition: all 0.5s 1s;
	-o-transition: all 0.5s 1s;
	transition: all 0.5s 1s;
}
.section3 li:nth-child(2){
	-webkit-transition: all 0.5s 1.25s;
	-moz-transition: all 0.5s 1.25s;
	-ms-transition: all 0.5s 1.25s;
	-o-transition: all 0.5s 1.25s;
	transition: all 0.5s 1.25s;
}
.section3 li:nth-child(3){
	-webkit-transition: all 0.5s 1.5s;
	-moz-transition: all 0.5s 1.5s;
	-ms-transition: all 0.5s 1.5s;
	-o-transition: all 0.5s 1.5s;
	transition: all 0.5s 1.5s;
}
.section3 li:nth-child(4){
	-webkit-transition: all 0.5s 1.75s;
	-moz-transition: all 0.5s 1.75s;
	-ms-transition: all 0.5s 1.75s;
	-o-transition: all 0.5s 1.75s;
	transition: all 0.5s 1.75s;
}
.section3 li:nth-child(5){
	-webkit-transition: all 0.5s 2s;
	-moz-transition: all 0.5s 2s;
	-ms-transition: all 0.5s 2s;
	-o-transition: all 0.5s 2s;
	transition: all 0.5s 2s;
}
.section3 li:nth-child(6){
	-webkit-transition: all 0.5s 2.25s;
	-moz-transition: all 0.5s 2.25s;
	-ms-transition: all 0.5s 2.25s;
	-o-transition: all 0.5s 2.25s;
	transition: all 0.5s 2.25s;
}
.section3.actived ul li{
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}
.section3 li img{
	width: 3.75em;
}
.section3 li p{
	font-size: 1.125em;
	color: #333;
	margin-top: 1em;
}




.section4{
	position: relative;
	overflow: hidden;
}
.section4 .bg{
	width: 100%;
}
.section4 .text{
	position: absolute;
	left: -100%;
	top: 15.689%;
	opacity: 0;
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	line-height: 1.4286;
}
.section4.actived .text{
	left: 10.42%;
	transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	opacity: 1;
}
.section4 .clock-box{
	width: 22.6%;
	overflow: hidden;
	position: absolute;
	left: -100%;
	top: 38.563%;
	opacity: 0;
}
.section4.actived .clock-box{
	left: 11.823%;
	transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	opacity: 1;
}
.section4 .clock-box img{
	width: 100%;
}
.section4 .clock-box .hour,.section4 .clock-box .minute,.section4 .clock-box .seven{
	position: absolute;
	left: 0;
	top: 0;
}
.section4 .clock-box .seven{
	opacity: 0;
}
.section4.actived .clock-box .seven{
	opacity: 1;
	transition: all 1s 1s;
	-webkit-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
}
.section4.actived .clock-box .hour,.section4.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;
}
.section4.actived .clock-box .hour{
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	-ms-animation-duration: 2s;
}
.section4.actived .clock-box .minute{
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
}
.section4 .img{
	width: 25.1%;
	position: absolute;
	right: 15.9375%;
	bottom: 2.9%;
	opacity: 0;
}
.section4.actived .img{
	bottom: 7.9%;
	transition: all 1s 1s;
	-o-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-webkit-transition: all 1s 1s;
	opacity: 1;
}
.section4 .img img{
	width: 100%;
}
.section4 .img .swiper-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section4 .img .swiper-slide{
	margin-top: 0;
	margin-bottom: 0;
}
@keyframes rotate {
	0% {
	   transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes rotate {
	0% {
	   -webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes rotate {
	0% {
	   -moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}
@-o-keyframes rotate {
	0% {
	   -o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(360deg);
	}
}
@-ms-keyframes rotate {
	0% {
	   -ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
	}
}



.section5{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section5 .bg{
	width: 100%;
}
.section5 .text{
	position: absolute;
	left: 0;
	top: 13%;
	opacity: 0;
	width: 100%;
}
.section5.actived .text{
	top: 8.38%;
	transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	opacity: 1;
}
.section5 .text h5{
	font-size: 3em;
	color: #000;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.section5 .text p{
	font-size: 1.25em;
	color: #333;
}
.section5 .img{
	width: 100%;
	position: absolute;
	right: 0%;
	bottom: -5%;
	opacity: 0;
}
.section5.actived .img{
	bottom: 3.233%;
	transition: all 1s 0.5s;
	-o-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-webkit-transition: all 1s 0.5s;
	opacity: 1;
}








.section6{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section6 .bg{
	width: 100%;
}
.section6 .img{
	width: 19.427%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	opacity: 0;
}
.section6.actived .img{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section6 .text{
	position: absolute;
	width: 100%;
	top: 15%;
	left: 0;
	opacity: 0;
}
.section6.actived .text{
	top: 8.86%;
	-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;
	opacity: 1;
}
.section6 .text h5{
	font-size: 2.625em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.714em;
}
.section6 .text p{
	font-size: 1.125em;
	color: #fff;
}
.section6 .linehor{
	position: absolute;
	width: 0;
	height: 75.449%;
	bottom: 8.622%;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.section6.actived .linehor{
	width: 34.635%;
	-webkit-transition: all 2s 0.5s;
	-moz-transition: all 2s 0.5s;
	-ms-transition: all 2s 0.5s;
	-o-transition: all 2s 0.5s;
	transition: all 2s 0.5s;
}
.section6 .linehor.left{
	right: 50%;
	margin-right: 6.927%;
	background-image: url(../images/product_water_section6_lineleft_web.png);
	background-position: right center;
	transform-origin: right center;
}
.section6 .linehor.right{
	left: 50%;
	margin-left: 6.927%;
	background-image: url(../images/product_water_section6_lineright_web.png);
	background-position: left center;
	transform-origin: left center;
}
.section6 .line.bottom{
	/*background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	background-image: url(../images/product_water_section6_linebottom_bg_web.png);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 14%;
	margin: 0 auto;
	height: 3.353%;
	width: 0%;*/
	position: absolute;
	left: 0;
	right: 0;
	bottom: 13.173%;
	margin: 0 auto;
	height: 5.868%;
	opacity: 0;
}
.section6.actived .line.bottom{
	/*width: 27.76%;*/
	opacity: 1;
	-webkit-transition: all 2s 0.5s;
	-moz-transition: all 2s 0.5s;
	-ms-transition: all 2s 0.5s;
	-o-transition: all 2s 0.5s;
	transition: all 2s 0.5s;
}
.section6 .angle{
	font-size: 1.25em;
	color: #2a71b9;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 13.174%;
	margin-left: -1.25%;
	opacity: 0;
}
.section6.actived .angle{
	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;
}
.section6 .more{
	opacity: 0;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	display: block;
	width: 9.25em;
	height: 3.5em;
	line-height: 3.5em;
	border-radius: 1.75em;
	background-color: #2a71b9;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 3;
	bottom: 0;
	margin: 0 auto;
}
.section6.actived .more{
	-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;
	bottom: 3.6%;
}



.section7{
	/*padding-bottom: 5.2%;
	display: none;*/
}
.section7 .img-box{
	position: relative;
}
.section7 .img-box img{
	width: 100%;
}
.section7 .img-box .text{
	position: absolute;
}
.section7 .img-box:nth-child(1) .text{
	left: 0;
	width: 100%;
	text-align: center;
	bottom: 9.375%;
}
.section7 .img-box:nth-child(2) .text{
	top: 43.4375%;
	right: 10.46875%;
	text-align: right;
}
.section7 .img-box:nth-child(3) .text{
	bottom: 10.9375%;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}
.section7 .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;
	background-color: #2a71b9;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
.section7 .img-box:nth-child(1) .text h3{
	margin: 0 auto 1.136em;
}
.section7 .img-box:nth-child(2) .text h3{
	margin-bottom: 1.55em;
}
.section7 .img-box:nth-child(3) .text h3{
	vertical-align: middle;
	margin-right: 0.73em;
}
.section7 .img-box .text p{
	font-size: 1.375em;
	color: #666;
}
.section7 .img-box:nth-child(3) .text p{
	display: inline-block;
	vertical-align: middle;
}
.section7 .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;
}
.section7 .close img{
	vertical-align: middle;
	margin-right: 12px;
}



.section8{
	position: relative;
	overflow: hidden;
}
.section8 .bg{
	width: 100%;
}
.section8 .text{
	position: absolute;
	right: -100%;
	top: 27.9%;
	opacity: 0;
}
.section8.actived .text{
	right: 10.46875%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section8 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	line-height: 1.381;
	margin-bottom: 1.381em;
}
.section8 .text p{
	font-size: 1.375em;
	color: #333;
	font-weight: bold;
	line-height: 1.7273;
}
.section8 .img{
	width: 28.385%;
	position: absolute;
	left: 12.5%;
	bottom: 2.635%;
	opacity: 0;
}
.section8.actived .img{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}




.section9{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section9 .bg{
	width: 100%;
}
.section9 .text{
	position: absolute;
	right: 0;
	top: 15%;
	opacity: 0;
	width: 100%;
}
.section9.actived .text{
	top: 10.54%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section9 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.69em;
}
.section9 .text p{
	font-size: 1.375em;
	color: #333;
	font-weight: bold;
}
.section9 .img{
	width: 17.7%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -4%;
	opacity: 0;
}
.section9.actived .img{
	bottom: 1.2%;
	-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;
	opacity: 1;
}






.section10{
	position: relative;
	overflow: hidden;
}
.section10 .bg{
	width: 100%;
}
.section10 .text{
	position: absolute;
	left: -100%;
	top: 38.68%;
	opacity: 0;
}
.section10.actived .text{
	left: 10.1%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section10 .text h5{
	font-size: 2.625em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.524em;
}
.section10 .text p{
	font-size: 1.375em;
	color: #fff;
	font-weight: bold;
	line-height: 1.6364;
}
.section10 .img{
	width: 34.58333%;
	position: absolute;
	right: -100%;
	top: 11.377%;
	opacity: 0;
}
.section10.actived .img{
	right: 10.78125%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}



.section11{
	position: relative;
	overflow: hidden;
}
.section11 .bg{
	width: 100%;
}
.section11 .cir-box{
	position: absolute;
	left: 11.3%;
	top: 48%;
	width: 42.8125%;
}
.section11 .cir-box img{
	width: 100%;
}
.section11 .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: sec11cirani 4s linear infinite both;
	-moz-animation: sec11cirani 4s linear infinite both;
	-ms-animation: sec11cirani 4s linear infinite both;
	-o-animation: sec11cirani 4s linear infinite both;
	animation: sec11cirani 4s linear infinite both;
}
.section11 .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;
}
.section11 .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;
}
.section11 .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 sec11cirani {
	100%{
		opacity: 0;
		transform: scale(1.85,1.85);
	}
}
@-webkit-keyframes sec11cirani {
	100%{
		opacity: 0;
		-webkit-transform: scale(1.85,1.85);
	}
}
@-moz-keyframes sec11cirani {
	100%{
		opacity: 0;
		-moz-transform: scale(1.85,1.85);
	}
}
@-ms-keyframes sec11cirani {
	100%{
		opacity: 0;
		-ms-transform: scale(1.85,1.85);
	}
}
@-o-keyframes sec11cirani {
	100%{
		opacity: 0;
		-o-transform: scale(1.85,1.85);
	}
}
.section11 .desk{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.section11 .img0{
	width: 32.1875%;
	position: absolute;
	left: 16.3542%;
	bottom: 12.04%;
}
.section11 .img1{
	width: 3.8%;
	position: absolute;
	left: 45.46875%;
	bottom: 42.913%;
}
.section11 .img2{
	width: 3.8%;
	position: absolute;
	left: 20.52%;
	bottom: 57.28%;
}
.section11 .img3{
	width: 3.8%;
	position: absolute;
	left: 11.927%;
	bottom: 40.1%;
}
.section11 h3{
	text-align: center;
	position: absolute;
	left: 0;
	top: 9.71%;
	width: 100%;
	font-size: 3em;
	color: #222;
	font-weight: bold;
}
.section11 .text{
	width: 29.21875%;
	position: absolute;
	right: 11.5625%;
	top: 40.78%;
}
.section11 .text h5{
	font-size: 2.625em;
	color: #333;
	font-weight: bold;
	line-height: 1.333;
	margin-bottom: 0.62em;
}
.section11 .text p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.55;
}






.section12{
	position: relative;
	overflow: hidden;
}
.section12 .bg{
	width: 100%;
}
.section12 .text{
	width: 29.2%;
	position: absolute;
	left: -100%;
	top: 33.3%;
	opacity: 0;
}
.section12.actived .text{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	left: 11.614%;
	opacity: 1;
}
.section12 .text h5{
	font-size: 2.625em;
	color: #333;
	line-height: 1.381;
	margin-bottom: 0.666em;
}
.section12 .text p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.55;
}
.section12 .slide-box{
	width: 41.51%;
	position: absolute;
	right: -100%;
	bottom: 9.22%;
	opacity: 0;
}
.section12.actived .slide-box{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	right: 4.95%;
	opacity: 1;
}
.section12 .slide-box .swiper-container{
	position: absolute;
	left: 26.223%;
	top: 2.286%;
	width: 42.66%;
	margin: 0;
}
.section12 .slide-box .swiper-container .swiper-slide{
	margin: 0;
}
.section12 .slide-box img{
	width: 100%;
}






.section13{
	position: relative;
	overflow: hidden;
}
.section13 .bg{
	width: 100%;
}
.section13 .img{
	width: 22.7%;
	position: absolute;
	left: 23.49%;
	bottom: 15.54%;
	opacity: 0;
}
.section13.actived .img{
	bottom: 10.54%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section13 .img img{
	width: 100%;
}
.section13 .img .swiper-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section13 .img .swiper-slide{
	margin-top: 0;
	margin-bottom: 0;
}
.section13 .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%);
}
.section13 .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%);
}
.section13 .clock-box .text h5{
	font-size: 2.625em;
	color: #333;
	line-height: 1.43;
	margin-bottom: 0.6em;
}
.section13 .clock-box .text p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.55;
}
.section13 .clock-box img{
	width: 100%;
}
.section13 .clock-box .hour,.section13 .clock-box .minute{
	position: absolute;
	left: 0;
	top: 0; 
}
.section13.actived .clock-box .hour,.section13.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;
}
.section13.actived .clock-box .hour{
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	-ms-animation-duration: 2s;
}
.section13.actived .clock-box .minute{
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
}





.section14{
	position: relative;
	overflow: hidden;
}
.section14 .bg{
	width: 100%;
}
.section14 .text{
	position: absolute;
	left: -100%;
	top: 31.5%;
	opacity: 0;
}
.section14.actived .text{
	left: 10.46875%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section14 .text h5{
	font-size: 2.625em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 1.143em;
}
.section14 .text p{
	font-size: 1.375em;
	color: #fff;
	font-weight: bold;
	line-height: 1.6364;
}
.section14 .img{
	width: 23.229%;
	position: absolute;
	right: -100%;
	bottom: 4.1916%;
	opacity: 0;
}
.section14.actived .img{
	right: 16.0416%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}




.section15{
	overflow: hidden;
	position: relative;
}
.section15 .bg{
	width: 100%;
}
.section15 .wing-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
}
.section15 .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);
}
.section15.actived .wing-box .wing{
	-webkit-animation: sec15light 2s steps(15) 1s infinite;
	-moz-animation: sec15light 2s steps(15) 1s infinite;
	-ms-animation: sec15light 2s steps(15) 1s infinite;
	-o-animation: sec15light 2s steps(15) 1s infinite;
	animation: sec15light 2s steps(15) 1s infinite;
}
@keyframes sec15light {
	0%{
		background-position: 0% 0%;
	}
	50%{
		background-position: 0% 100%;
	}
	100%{
		background-position: 0% 100%;
	}
}
@-webkit-keyframes sec15light {
	0%{
		background-position: 0% 0%;
	}
	50%{
		background-position: 0% 100%;
	}
	100%{
		background-position: 0% 100%;
	}
}
@-moz-keyframes sec15light {
	0%{
		background-position: 0% 0%;
	}
	50%{
		background-position: 0% 100%;
	}
	100%{
		background-position: 0% 100%;
	}
}
@-ms-keyframes sec15light {
	0%{
		background-position: 0% 0%;
	}
	50%{
		background-position: 0% 100%;
	}
	100%{
		background-position: 0% 100%;
	}
}
@-o-keyframes sec15light {
	0%{
		background-position: 0% 0%;
	}
	50%{
		background-position: 0% 100%;
	}
	100%{
		background-position: 0% 100%;
	}
}
.section15 .img{
	width: 36%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10%;
	margin: 0 auto;
	z-index: 1;
	opacity: 0;
}
.section15.actived .img{
	bottom: -4.43%;
	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;
}
.section15 .text{
	text-align: center;
	position: absolute;
	width: 100%;
	top: 15%;
	left: 0;
	z-index: 1;
	opacity: 0;
}
.section15.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;
}
.section15 .text h5{
	font-size: 2.625em;
	color: #af9a7c;
	font-weight: bold;
	margin-bottom: 0.86em;
}
.section15 .text p{
	font-size: 1.75em;
	color: #fff;
	line-height: 1.29;
}



.section16{
	position: relative;
	text-align: center;
}
.section16 .bg{
	width: 100%;
}
.section16 .text{
	position: absolute;
	left: 0;
	top: 15%;
	width: 100%;
	opacity: 0;
}
.section16.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%;
}
.section16 .text h5{
	font-size: 3em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.458em;
}
.section16 .text p{
	font-size: 1.375em;
	color: #222;
	line-height: 1.55;
}
.section16 .slide-box{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 22.68%;
	width: 39.95%;
}
.section16 .swiper-container,.section16 .swiper-slide img{
	width: 100%;
	margin: 0;
}
.section16 .swiper-slide .img2{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 10.48%;
	width: 24.64%;
	height: auto;
}
.section16 .swiper-slide img{
	display: inline;
}
.section16 .swiper-slide{
	margin: 0;
	text-align: center;
}
.section16 .swiper-prev,.section16 .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;
}
.section16 .swiper-prev:hover,.section16 .swiper-next:hover{
	color: #fff;
	background-color: #2a71b9;
	border-color: #2a71b9;
}
.section16 .swiper-prev{
	right: 100%;
	margin-right: -4.172%;
}
.section16 .swiper-next{
	left: 100%;
	margin-left: -4.172%;
}
.section16 .swiper-prev img,.section16 .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;
}
.section16 .swiper-prev:hover img,.section16 .swiper-next:hover img{
	background-position: center bottom;
}
.section16 .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);
}
.section16 .swiper-next img{
	margin-left: 8px;
}



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




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


@media only screen and (max-width:1680px){
	/*sec14*/
	.sec14 .inner{ width:90%;}

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

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




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


	.section1.actived .text-box{
		top: 6.92%;
	}
	.section1 .text-box h3{
		font-size: 1.8125em;
		margin-bottom: 0.672em;
	}
	.section1 .text-box p{
		font-size: 0.875em;
		line-height: 1.714;
	}
	.section1 .kv_new{
		top: 21%;
	}
	.section1 .img{
		width: 75%;
		top: 36.834%;
	}
	.section1 ul{
		bottom: 2.082%;
		width: 92%;
		left: 4%;
	}
	.section1 li{
		margin: 0 0 1.5625em;
		width: 25%;
	}
	.section1 li img{
		width: 43.7333%;
	}
	.section1 li p{
		font-size: 0.6875em;
		margin-top: 1.1364em;
	}


	.section2 .text{
		top: 10.465%;
	}
	.section2.actived .text{
		left: 6.66%;
	}
	.section2 .text h5{
		font-size: 1.125em;
		line-height: 1.27777;
		margin-bottom: 1.05em;
	}
	.section2 .text p{
		font-size: 0.6875em;
		font-weight: bold;
	}
	.section2 .img{
		width: 48.533%;
		bottom: 4.88%;
	}
	.section2.actived .img{
		right: 5.2%;
	}


	.section3 h3{
		top: 13%;
		right: 0;
		font-size: 1.125em;
		text-align: center;
	}
	.section3.actived h3{
		right: 0;
		top: 7.9%;
	}
	.section3 .img{
		width: 49.7333%;
		left: 24.133%;
		top: 20%;
	}
	.section3.actived .img{
		top: 17.45%;
		left: 24.133%;
		-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;
	}
	.section3 ul{
		right: 4%;
		top: 86%;
		width: 92%;
	}
	.section3 li{
		width: 16.66%;
		margin-right: 0;
	}
	.section3 li img{
		width: 1.875em;
	}
	.section3 li p{
		font-size: 0.625em;
		margin-top: 0.8em;
	}




	.section4 .text{
		left: 0;
		top: 10%;
		font-size: 1.125em;
		line-height: 1.666;
		width: 100%;
		text-align: center;
	}
	.section4.actived .text{
		left: 0;
		top: 6.5%;
	}
	.section4 .clock-box{
		width: 57.333%;
		top: 33.1%;
	}
	.section4.actived .clock-box{
		left: -4%;
	}
	.section4 .img{
		width: 47.6%;
		right: -4%;
		bottom: 2%;
	}
	.section4.actived .img{
		bottom: 7.83%;
		transition: all 1s 1.5s;
		-o-transition: all 1s 1.5s;
		-ms-transition: all 1s 1.5s;
		-moz-transition: all 1s 1.5s;
		-webkit-transition: all 1s 1.5s;
	}



	.section5 .text h5{
		font-size: 1.5em;
		margin-bottom: 0.583em;
	}
	.section5 .text p{
		line-height: 1.455;
		font-size: 0.6875em;
		font-weight: bold;
	}
	.section5 .img{
		bottom: 5%;
	}
	.section5.actived .img{
		bottom: 8.1437%;
	}








	.section6 .img{
		width: 49.7333%;
	}
	.section6.actived .text{
		top: 9.58%;
	}
	.section6 .text h5{
		font-size: 1.3125em;
		margin-bottom: 0.5em;
	}
	.section6 .text p{
		font-size: 0.6875em;
		font-weight: bold;
	}
	.section6 .linehor{
		height: 62.036%;
		bottom: 15.688%;
	}
	.section6.actived .linehor{
		width: 32.4%;
	}
	.section6 .linehor.left{
		margin-right: 17.6%;
		background-image: url(../images/product_water_section6_lineleft_mobile.png);
		background-position: right center;
	}
	.section6 .linehor.right{
		margin-left: 17.6%;
		background-image: url(../images/product_water_section6_lineright_mobile.png);
		background-position: left center;
	}
	.section6 .line.bottom{
		width: 52.9333%;
	}
	/*.section6.actived .line.bottom{
		width: 71.07%;
	}*/
	.section6 .angle{
		font-size: 0.625em;
		bottom: 13.05%;
		margin-left: -3.5%;
	}
	.section6 .more{
		font-size: 0.5625em;
	}



	.section7{
		/*padding-bottom: 13.333%;*/
	}
	.section7 .img-box:nth-child(1) .text{
		bottom: 7.34375%;
	}
	.section7 .img-box:nth-child(2) .text{
		top: auto;
		right: 0;
		text-align: center;
		bottom: 7.34375%;
		width: 100%;
	}
	.section7 .img-box:nth-child(3) .text{
		bottom: 7.34375%;
	}
	.section7 .img-box .text h3{
		font-size: 0.875em;
		display: block;
	}
	.section7 .img-box:nth-child(1) .text h3{
		margin: 0 auto 0.6em;
	}
	.section7 .img-box:nth-child(2) .text h3{
		margin: 0 auto 0.6em;
	}
	.section7 .img-box:nth-child(3) .text h3{
		margin: 0 auto 0.6em;
	}
	.section7 .img-box .text p{
		font-size: 0.6875em;
		line-height: 1.273;
	}
	.section7 .img-box:nth-child(3) .text p{
		display: block;
	}
	.section7 .close{
		margin: 6.666% auto 0;
		font-size: 0.5625em;
		width: 6.111em;
		height: 2.56em;
		line-height: 2.56em;
		border-radius: 1.25em;
	}
	.section7 .close img{
		width: 0.833em;
		margin-right: 0.66em;
	}



	.section8 .text{
		right: 6.66%;
		top: 15%;
		text-align: left;
	}
	.section8.actived .text{
		right: 6.66%;
		top: 7.44%;
	}
	.section8 .text h5{
		font-size: 1.125em;
		line-height: 1.5;
		margin-bottom: 0.75em;
	}
	.section8 .text p{
		font-size: 0.6875em;
	}
	.section8 .img{
		width: 61.8666%;
		left: 13.4666%;
		bottom: 1.7%;
	}




	.section9.actived .text{
		top: 11.14%;
	}
	.section9 .text h5{
		font-size: 1.125em;
		margin-bottom: 0.8333em;
	}
	.section9 .text p{
		font-size: 0.6875em;
	}
	.section9 .img{
		width: 43.066%;
		bottom: 0;
	}
	.section9.actived .img{
		bottom: 5.03%;
	}





	.section10 .text{
		top: 24.19%;
	}
	.section10.actived .text{
		left: 3.2%;
	}
	.section10 .text h5{
		font-size: 1.125em;
		line-height: 1.6111;
		margin-bottom: 0.666em;
	}
	.section10 .text p{
		font-size: 0.6875em;
		line-height: 1.7273;
	}
	.section10 .img{
		width: 83.33%;
	}
	.section10.actived .img{
		right: -16.266%;
	}



	.section11 .cir-box{
		left: -4.8%;
		top: 56.8%;
		width: 109.6%;
	}
	.section11 .img0{
		width: 75.466%;
		left: 12.133%;
		bottom: 5.534%;
	}
	.section11 .img1{
		width: 9.7333%;
		left: 79.066%;
		bottom: 34.175%;
	}
	.section11 .img2{
		width: 9.7333%;
		left: 50%;
		bottom: 42.524%;
	}
	.section11 .img3{
		width: 9.7333%;
		left: 13.333%;
		bottom: 36.7%;
	}
	.section11 h3{
		top: 6.02%;
		font-size: 1.5em;
	}
	.section11 .text{
		width: 78%;
		right: 11%;
		top: 16.02%;
		text-align: center;
	}
	.section11 .text h5{
		font-size: 1.125em;
		margin-bottom: 0.58em;
	}
	.section11 .text p{
		font-size: 0.6875em;
		line-height: 1.455;
		font-weight: bold;
	}






	.section12 .text{
		width: 64.4%;
		text-align: center;
		left: 17.8%;
		top: 10%;
	}
	.section12.actived .text{
		left: 17.8%;
		top: 5.15%;
	}
	.section12 .text h5{
		font-size: 1.125em;
		line-height: 1.444;
		margin-bottom: 1em;
	}
	.section12 .text p{
		font-size: 0.6875em;
		line-height: 1.455;
		font-weight: bold;
	}
	.section12 .slide-box{
		width: 73.466%;
		right: 13.2627%;
		bottom: -5%;
	}
	.section12.actived .slide-box{
		-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;
		right: 13.2627%;
		bottom: 3.952%;
	}







	.section13 .img{
		width: 44%;
		left: 32.533%;
		top: 40%;
	}
	.section13.actived .img{
		top: 34.132%;
	}
	.section13 .clock-box{
		width: 42%;
		right: 29%;
		top: 2.444%;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	.section13 .clock-box .text{
		width: 181.26%;
		text-align: center;
		right: -40.63%;
	}
	.section13 .clock-box .text h5{
		font-size: 1.125em;
		line-height: 1.388;
		margin-bottom: 0.75em;
	}
	.section13 .clock-box .text p{
		font-size: 0.6875em;
		line-height: 1.455;
		font-weight: bold;
	}





	.section14 .text{
		width: 100%;
		left: 0;
		top: 10%;
		text-align: center;
	}
	.section14.actived .text{
		left: 0%;
		top: 5.714%;
	}
	.section14 .text h5{
		font-size: 1.3125em;
		margin-bottom: 0.6em;
	}
	.section14 .text p{
		font-size: 0.6875em;
		line-height: 1.455;
	}
	.section14 .img{
		width: 43.733%;
		right: 28.266%;
		bottom: 2%;
	}
	.section14.actived .img{
		right: 28.266%;
		bottom: 7.25%;
		-webkit-transition: all 1s 2s;
		-moz-transition: all 1s 2s;
		-ms-transition: all 1s 2s;
		-o-transition: all 1s 2s;
		transition: all 1s 2s;
	}




	.section15 .img{
		width: 69.866%;
	}
	.section15.actived .img{
		bottom: -4.767%;
	}
	.section15 .text{
		top: 15%;
	}
	.section15.actived .text{
		top: 8.72%;
	}
	.section15 .text h5{
		font-size: 1.3125em;
		margin-bottom: 0.833em;
	}
	.section15 .text p{
		font-size: 0.875em;
		line-height: 1.357;
	}



	.section16.actived .text{
		top: 7%;
	}
	.section16 .text h5{
		font-size: 1.125em;
		line-height: 1.333;
		margin-bottom: 0.278em;
	}
	.section16 .text p{
		font-size: 0.6875em;
	}
	.section16 .slide-box{
		width: 100%;
	}
	.section16 .swiper-slide .img2{
		position: static;
		margin-top: 1em;
	}
	.section16 .swiper-prev,.section16 .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;
	}
	.section16 .swiper-prev{
		right: 50%;
		margin-right: 7em;
	}
	.section16 .swiper-next{
		left: 50%;
		margin-left: 7em;
	}
	.section16 .swiper-prev img,.section16 .swiper-next img{
		height: 0.67em;
	}
	.section16 .swiper-prev img{
		margin-right: 0.5em;
	}
	.section16 .swiper-next img{
		margin-left: 0.5em;
	}







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

	.section19{
		padding: 1.5625em 0 0.3125em;
	}
	.section19 h3{
		font-size: 1.5em;
		margin-bottom: 0.5em;
	}
	.section19 li{
		width: 43%;
		border-radius: 0.3125em;
		margin-right: 4%;
		margin-bottom: 0.9375em;
	}
	.section19 li:nth-child(even){
		margin-right: 0;
	}
	.section19 li .text{
		padding: 1.3125em 1em 1.125em;
	}
	.section19 li h5{
		font-size: 0.875em;
	}
	.section19 li .icon{
		width: 1em;
	}
	.section19 li .line{
		width: 0.5em;
		height: 1px;
		margin: 0.4375em 0;
	}
	.section19 li p{
		font-size: 0.4375em;
	}


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