.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;
}
.section1 .bg{
	width: 100%;
}
.section1 .text{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 10%;
	opacity: 0;
}
.section1 .text.text1{
	width: 36.5625%;
}
.section1 .text.text2{
	width: 29.792%;
}
.section1.actived .text{
	top: 6.88%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section1 .kv_new{
	top: 16%;
}
.section1 .img{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 35%;
	width: 55.51%;
	opacity: 0;
}
.section1.actived .img{
	top: 30.263%;
	-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;
}
.section1 ul{
	position: absolute;
	left: 0;
	bottom: 8.6%;
	width: 100%;
	text-align: center;
}
.section1 ul li{
	margin: 0 3.4375em;
	display: inline-block;
	vertical-align: bottom;
	opacity: 0;
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	-o-transform: translateY(10%);
	transform: translateY(10%);
}
.section1 ul li:nth-child(2){
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
.section1 ul li:nth-child(3){
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.section1 ul li:nth-child(4){
	-webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;
}
.section1 ul li:nth-child(5){
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}
.section1 ul li:nth-child(6){
	-webkit-transition-delay: 1.25s;
	-moz-transition-delay: 1.25s;
	-ms-transition-delay: 1.25s;
	-o-transition-delay: 1.25s;
	transition-delay: 1.25s;
}
.section1 ul li:nth-child(7){
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.section1 ul.actived li{
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: all;
	-ms-transition-duration: 0.5s;
	-o-transition-property: all;
	-o-transition-duration: 0.5s;
	transition-property: all;
	transition-duration: 0.5s;
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}
.section1 ul li img{
	width: 4.1875em;
}
.section1 ul li p{
	font-size: 1.25em;
	color: #bbb;
	font-weight: bold;
	margin-top: 1em;
}



.section2{
	overflow: hidden;
	position: relative;
}
.section2 .bg{
	width: 100%;
}
.section2 .text{
	position: absolute;
	right: 8.333%;
	top: 20%;
	opacity: 0;
	width: 30.3125%;
}
.section2.actived .text{
	top: 16.86%;
	-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: #fff;
	font-weight: bold;
	margin-bottom: 1.05em;
}
.section2 .text p{
	font-size: 1.375em;
	color: #fff;
	font-weight: bold;
	line-height: 1.45;
}
.section2 .img{
	position: absolute;
	right: 10%;
	top: 49.535%;
	width: 41.458%;
	opacity: 0;
}
.section2.actived .img{
	right: 15.573%;
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
	opacity: 1;
}
.section2 ul{
	margin-top: 2.75em;
}
.section2 ul li{
	margin-right: 4em;
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
	opacity: 0;
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	-o-transform: translateY(10%);
	transform: translateY(10%);
}
.section2 ul li:last-child{
	margin-right: 0;
}
.section2 ul li:nth-child(1){
	-webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;
}
.section2 ul li:nth-child(2){
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}
.section2.actived ul li{
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: all;
	-ms-transition-duration: 0.5s;
	-o-transition-property: all;
	-o-transition-duration: 0.5s;
	transition-property: all;
	transition-duration: 0.5s;
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}
.section2 ul li img{
	width: 1.75em;
	margin-bottom: 1.25em;
}
.section2 ul li p{
	font-size: 1.125em;
	color: #fff;
	font-weight: lighter;
}





.section3{
	overflow: hidden;
	position: relative;
}
.section3 .bg{
	width: 100%;
}
.section3 .text{
	position: absolute;
	right: 0;
	top: 15%;
	opacity: 0;
	width: 100%;
	text-align: center;
}
.section3.actived .text{
	top: 11.5%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section3 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.714em;
}
.section3 .text p{
	font-size: 1.375em;
	color: #333;
	font-weight: bold;
}
.section3 .img{
	position: absolute;
	left: -5%;
	top: 30.116%;
	width: 43.333%;
	opacity: 0;
}
.section3.actived .img{
	left: 0;
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
	opacity: 1;
}




.section4{
	overflow: hidden;
	position: relative;
}
.section4 .bg{
	width: 100%;
}
.section4 .text{
	position: absolute;
	left: -50%;
	top: 41.28%;
	opacity: 0;
}
.section4.actived .text{
	left: 8.333%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section4 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.833em;
}
.section4 .text p{
	font-size: 1.375em;
	color: #222;
	font-weight: bold;
	line-height: 1.45;
}
.section4 .img{
	position: absolute;
	right: -50%;
	bottom: 0;
	width: 40.8333%;
	opacity: 0;
}
.section4.actived .img{
	right: 8.333%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}






.section5{
	overflow: hidden;
	position: relative;
}
.section5 .bg{
	width: 100%;
}
.section5 .text{
	position: absolute;
	right: 10.4166%;
	top: 35%;
	opacity: 0;
	text-align: center;
	width: 26.25em;
}
.section5.actived .text{
	top: 27%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section5 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
}
.section5 .text ul{
	margin-top: 5.625em;
}
.section5 .text li{
	display: inline-block;
	vertical-align: middle;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 3.875em;
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	-o-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
}
.section5 .text li:nth-child(3n){
	margin-right: 0;
}
.section5 .text li:nth-child(1){
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}
.section5 .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;
}
.section5 .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;
}
.section5 .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;
}
.section5 .text li:nth-child(5){
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-ms-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;
}
.section5 .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;
}
.section5.actived .text li{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(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;
}
.section5 .text li img{
	width: 3.75em;
}
.section5 .text li p{
	font-size: 1.125em;
	color: #222;
	margin-top: 1em;
}






.section6{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section6 .bg{
	width: 100%;
}
.section6 .text{
	position: absolute;
	width: 100%;
	top: 15%;
	left: 0;
	opacity: 0;
}
.section6.actived .text{
	top: 9.58%;
	-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.738em;
}
.section6 .text p{
	font-size: 1.125em;
	color: #fff;
}
/*.section6 .img{
	width: 37.34375%;
	position: absolute;
	left: 0;
	right: 0;
	top: 27%;
	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 .linehor{
	position: absolute;
	width: 0;
	height: 64.91%;
	top: 20.24%;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.section6.actived .linehor{
	width: 31.354%;
	-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: 18.59375%;
	background-image: url(../images/product_touch_section6_lineleft_web.png);
	background-position: right center;
	transform-origin: right center;
}
.section6 .linehor.right{
	left: 50%;
	margin-left: 18.59375%;
	background-image: url(../images/product_touch_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_touch_section6_linebottom_bg_web.png);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 17.964%;
	margin: 0 auto;
	height: 3.593%;
	width: 0%;
}
.section6.actived .line.bottom{
	width: 44.84375%;
	-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.375em;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 17.245%;
	opacity: 0;
}
.section6.actived .angle{
	opacity: 1;
	-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;
}*/
.section6 .screen2{
	position: absolute;
	right: 66.04%;
	top: 0;
	height: 100%;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
	width: 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center right;
	background-image: url(../images/product_touch_section6_img2_bg_web.png);
}
.section6.actived .screen2{
	-webkit-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	-o-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
	width: 33.96%;
}
.section6 .screen1{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	opacity: 0;
}
.section6.actived .screen1{
	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;
	left: 66.25%;
	top: 0;
	height: 100%;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	width: 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center left;
	background-image: url(../images/product_touch_section6_img3_bg_web.png);
}
.section6.actived .screen3{
	-webkit-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	-o-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
	width: 33.75%;
}
.section6 .screen4{
	position: absolute;
	left: 0;
	bottom: 15.2%;
	width: 100%;
	opacity: 0;
}
.section6.actived .screen4{
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
	opacity: 1;
}


.section7{
	position: relative;
	overflow: hidden;
}
.section7 .bg{
	width: 100%;
}
.section7 .text{
	position: absolute;
	width: 100%;
	top: 18%;
	left: 10.4166%;
	opacity: 0;
}
.section7.actived .text{
	top: 12.814%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section7 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.section7 .text p{
	font-size: 1.375em;
	color: #222;
	line-height: 1.818;
}
.section7 .more{
	font-size: 1.125em;
	color: #fff;
	text-align: center;
	width: 7.9em;
	height: 2.56em;
	line-height: 2.56em;
	background-color: #2a71b9;
	border-radius: 1.28em;
	display: block;
	position: absolute;
	top: 38%;
	left: 10.4166%;
	opacity: 0;
}
.section7.actived .more{
	top: 33%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section7 .clock-box{
	width: 22.6%;
	overflow: hidden;
	position: absolute;
	left: 10.4166%;
	top: 38.563%;
	opacity: 0;
}
.section7.actived .clock-box{
	opacity: 1;
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
}
.section7 .clock-box img{
	width: 100%;
}
.section7 .clock-box .hour,.section7 .clock-box .minute,.section7 .clock-box .seven{
	position: absolute;
	left: 0;
	top: 0;
}
.section7 .clock-box .seven{
	opacity: 0;
}
.section7.actived .clock-box .seven{
	opacity: 1;
	-webkit-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	-o-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
}
.section7.actived .clock-box .hour,.section7.actived .clock-box .minute{
	animation-name: rotate;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotate;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotate;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-o-animation-name: rotate;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	-ms-animation-name: rotate;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
}
.section7.actived .clock-box .hour{
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	-ms-animation-duration: 2s;
}
.section7.actived .clock-box .minute{
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
}
@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);
	}
}
.section7 .tv-box{
	width: 60.365%;
	position: absolute;
	right: -4%;
	top: 7%;
	overflow: hidden;
}
.section7 .tv-box img{
	width: 100%;
}
.section7 .tv-box video{
	position: absolute;
	top: 6.4%;
	left: 3.9%;
	height: 83.68%;
	overflow: hidden;
}
.section7 .tv-box .swiper-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section7 .tv-box .swiper-slide{
	margin-top: 0;
	margin-bottom: 0;
}


.section8{
	/*padding-bottom: 3.65%;
	display: none;*/
}
.section8 .img-box{
	position: relative;
}
.section8 .img-box img{
	width: 100%;
}
.section8 .img-box .text{
	position: absolute;
	left: 0;
	bottom: 10.9375%;
	width: 100%;
	text-align: center;
}
.section8 .img-box .text h3{
	font-size: 1.375em;
	color: #fff;
	font-weight: bold;
	width: 6.182em;
	height: 2em;
	line-height: 2em;
	border-radius: 0.227em;
	margin: 0 auto 1.4em;
	background-color: #2a71b9;
}
.section8 .img-box .text p{
	font-size: 1.375em;
	color: #666;
}
.section8 .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;
}
.section8 .close img{
	vertical-align: middle;
	margin-right: 12px;
}




.section9{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section9 .bg{
	width: 100%;
}
.section9 .text{
	position: absolute;
	width: 100%;
	top: 13%;
	left: 0;
	opacity: 0;
}
.section9.actived .text{
	top: 8%;
	-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: #fff;
	font-weight: bold;
	margin-bottom: 0.6em;
}
.section9 .text p{
	font-size: 1.375em;
	color: #fff;
	font-weight: bold;
}
.section9 .img{
	width: 48.125%;
	position: absolute;
	left: 0;
	right: 0;
	top: 30%;
	margin: 0 auto;
	opacity: 0;
}
.section9.actived .img{
	top: 25.5%;
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
	opacity: 1;
}





.section10{
	overflow: hidden;
	text-align: center;
	background-color: #f1f1f1;
	padding: 4.166% 0 3.28125%;
}
.section10 .text{
	margin-bottom: 2.5em;
	position: relative;
	top: 2.6%;
	opacity: 0;
}
.section10.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;
}
.section10 .text h5{
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
	margin-bottom: 0.38em;
}
.section10 .text p{
	font-size: 1.375em;
	color: #222;
	font-weight: bold;
	line-height: 1.727;
}
.section10 .slide-box{
	position: relative;
	width: 48.125%;
	margin: 0 auto 1.875%;
}
.section10 .slide-box img{
	width: 100%;
}
.section10 .slide-box .swiper-container{
	position: absolute;
	left: 0;
	right: 0;
	top: 6.34%;
	width: 92%;
}
.section10 .slide-page a{
	display: inline-block;
	vertical-align: top;
	margin: 0 2.8125em;
}
.section10 .slide-page .icon1{
	background-image: url(../images/product_touch_section10_icon1.png);
}
.section10 .slide-page .icon2{
	background-image: url(../images/product_touch_section10_icon2.png);
}
.section10 .slide-page .icon3{
	background-image: url(../images/product_touch_section10_icon3.png);
}
.section10 .slide-page .icon4{
	background-image: url(../images/product_touch_section10_icon4.png);
}
.section10 .slide-page a img{
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	margin-bottom: 1.25em;
}
.section10 .slide-page a.active img{
	background-position: center bottom;
}
.section10 .slide-page a p{
	font-size: 1.375em;
	color: #222;
	font-weight: bold;
	padding-bottom: 0.59em;
	border-bottom: 2px solid transparent;
}
.section10 .slide-page a.active p{
	color: #2a71b9;
	border-color: #2a71b9;
}




.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: 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;
}
.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 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);
	}
}
.section11 .desk{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.section11 .img0{
	width: 32.1875%;
	position: absolute;
	left: 16.35%;
	bottom: 14.4%;
}
.section11 .img1{
	width: 10.2%;
	position: absolute;
	left: 41.823%;
	bottom: 51.395%;
}
.section11 .img2{
	width: 10.2%;
	position: absolute;
	left: 16.77%;
	bottom: 68.6%;
}
.section11 .img3{
	width: 10.2%;
	position: absolute;
	left: 8.33%;
	bottom: 48%;
}
.section11 .text{
	width: 33.333%;
	position: absolute;
	right: 8.333%;
	top: 28.84%;
}
.section11 .text h5{
	font-size: 2.625em;
	color: #333;
	font-weight: bold;
	line-height: 1.429;
	margin-bottom: 0.6em;
}
.section11 .text p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.56;
}





.section12{
	position: relative;
	overflow: hidden;
}
.section12 .bg{
	width: 100%;
}
.section12 .text{
	position: absolute;
	left: -50%;
	top: 40.36%;
	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: 8.333%;
	opacity: 1;
}
.section12 .text h5{
	font-size: 2.625em;
	color: #333;
	line-height: 1.38;
	margin-bottom: 0.738em;
}
.section12 .text p{
	font-size: 1.375em;
	color: #333;
}
.section12 .slide-box{
	width: 48.49%;
	position: absolute;
	right: -50%;
	top: 19.16%;
	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: 7.8125%;
	opacity: 1;
}
.section12 .slide-box .swiper-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	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 .text{
	position: absolute;
	top: 37.6%;
	right: -50%;
	opacity: 0;
}
.section13.actived .text{
	right: 8.333%;
	-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: 2.625em;
	color: #333;
	font-weight: bold;
	margin-bottom: 0.666em;
}
.section13 .text p{
	font-size: 1.375em;
	color: #333;
	font-weight: bold;
	line-height: 1.636;
}
.section13 .img{
	width: 14.427%;
	position: absolute;
	left: 5.34375%;
	top: 49.94%;
	opacity: 0;
}
.section13.actived .img{
	left: 7.34375%;
	-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;
}






.section14{
	overflow: hidden;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/product_touch_section14_bg_web.jpg);
	padding: 4.9% 0 4.11%;
}
.section14 h3{
	font-size: 3em;
	color: #222;
	font-weight: bold;
}
.section14 .img-box{
	position: relative;
	width: 33.49%;
	margin: 2.875em auto 3.75em;
}
.section14 .img-box img{
	width: 100%;
}
.section14 .img-box .ver{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.section14.actived .img-box .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;
}
.section14 .img-box .hor{
	position: absolute;
	left: 0;
	top: 0;
}
.section14.actived .img-box .hor{
	opacity: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition-duration: 1s , 1s;
	-webkit-transition-delay: 0s , 1s;
	-webkit-transition-property: transform , opacity;
	-moz-transition-duration: 1s , 1s;
	-moz-transition-delay: 0s , 1s;
	-moz-transition-property: transform , opacity;
	-ms-transition-duration: 1s , 1s;
	-ms-transition-delay: 0s , 1s;
	-ms-transition-property: transform , opacity;
	-o-transition-duration: 1s , 1s;
	-o-transition-delay: 0s , 1s;
	-o-transition-property: transform , opacity;
	transition-duration: 1s , 1s;
	transition-delay: 0s , 1s;
	transition-property: transform , opacity;
}
.section14 h4{
	font-size: 1.75em;
	color: #333;
	font-weight: normal;
	margin-bottom: 1.714em;
}
.section14 li{
	display: inline-block;
	vertical-align: top;
	margin: 0 5em;
}
.section14 li img{
	width: 4.0625em;
	margin-bottom: 1.25em;
}
.section14 li p{
	font-size: 1.125em;
	color: #999;
}





.section15{
	position: relative;
	overflow: hidden;
	text-align: center;
	background-color: #e0e0e0;
}
.section15 .bg{
	width: 100%;
	opacity: 0;
	position: relative;
	top: 10%;
}
.section15.actived .bg{
	top: 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section15 .text{
	width: 100%;
	position: absolute;
	top: 8%;
	left: 0;
	opacity: 0;
}
.section15.actived .text{
	top: 12.7%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.section15 .text h5{
	font-size: 3em;
	color: #333;
	font-weight: bold;
	margin-bottom: 0.458em;
}
.section15 .text p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.333;
	opacity: 0.6;
}



.section16{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.section16 .bg{
	width: 100%;
}
.section16 h3{
	width: 100%;
	position: absolute;
	top: 15%;
	left: 0;
	opacity: 0;
	font-size: 2.625em;
	color: #222;
	font-weight: bold;
}
.section16.actived h3{
	top: 10.23%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}





.section17{
	background-color: #f9fbfa;
	text-align: center;
	padding: 4.6875% 0 6.5%;
}
.section17 .text{
	opacity: 0;
	margin-bottom: 3.23%;
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	-o-transform: translateY(20%);
	transform: translateY(20%);
}
.section17.actived .text{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section17 .text h5{
	font-size: 2.875em;
	color: #454747;
	font-weight: normal;
	margin-bottom: 0.7em;
}
.section17 .text p{
	font-size: 1.875em;
	color: #454747;
	font-weight: lighter;
}
.section17 li{
	display: inline-block;
	vertical-align: bottom;
	opacity: 0;
	margin: 0 1.25%;
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	-o-transform: translateY(20%);
	transform: translateY(20%);
}
.section17 li:nth-child(1){
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
	width: 9.0625%;
}
.section17 li:nth-child(2){
	-webkit-transition-delay: 1.25s;
	-moz-transition-delay: 1.25s;
	-ms-transition-delay: 1.25s;
	-o-transition-delay: 1.25s;
	transition-delay: 1.25s;
	width: 11.09375%;
}
.section17 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;
	width: 14.6875%;
}
.section17 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;
	width: 17.552%;
}
.section17 li:nth-child(5){
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-ms-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;
	width: 19.375%;
}
.section17.actived li{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(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.75em;
}
.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: 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);
	}
}
.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.375em;
}
.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 .text{
		top: 15%;
	}
	.section1 .text.text1{
		width: 81.6%;
	}
	.section1 .text.text2{
		width: 66.4%;
	}
	.section1.actived .text{
		top: 9.35%;
	}
	.section1 .kv_new{
		top: 17.8%;
	}
	.section1 .img{
		top: 45%;
		width: 60%;
	}
	.section1.actived .img{
		top: 40%;
	}
	.section1 ul{
		bottom: 2%;
	}
	.section1 ul li{
		margin: 0 1.25em 2.1875em;
	}
	.section1 ul li:nth-child(1){
		-webkit-transition-delay: 1.5s;
		-moz-transition-delay: 1.5s;
		-ms-transition-delay: 1.5s;
		-o-transition-delay: 1.5s;
		transition-delay: 1.5s;
	}
	.section1 ul li:nth-child(2){
		-webkit-transition-delay: 1.75s;
		-moz-transition-delay: 1.75s;
		-ms-transition-delay: 1.75s;
		-o-transition-delay: 1.75s;
		transition-delay: 1.75s;
	}
	.section1 ul li:nth-child(3){
		-webkit-transition-delay: 2s;
		-moz-transition-delay: 2s;
		-ms-transition-delay: 2s;
		-o-transition-delay: 2s;
		transition-delay: 2s;
	}
	.section1 ul li:nth-child(4){
		-webkit-transition-delay: 2.25s;
		-moz-transition-delay: 2.25s;
		-ms-transition-delay: 2.25s;
		-o-transition-delay: 2.25s;
		transition-delay: 2.25s;
	}
	.section1 ul li:nth-child(5){
		-webkit-transition-delay: 2.5s;
		-moz-transition-delay: 2.5s;
		-ms-transition-delay: 2.5s;
		-o-transition-delay: 2.5s;
		transition-delay: 2.5s;
	}
	.section1 ul li:nth-child(6){
		-webkit-transition-delay: 2.75s;
		-moz-transition-delay: 2.75s;
		-ms-transition-delay: 2.75s;
		-o-transition-delay: 2.75s;
		transition-delay: 2.75s;
	}
	.section1 ul li:nth-child(7){
		-webkit-transition-delay: 3s;
		-moz-transition-delay: 3s;
		-ms-transition-delay: 3s;
		-o-transition-delay: 3s;
		transition-delay: 3s;
	}
	.section1 ul li img{
		width: 2.09375em;
	}
	.section1 ul li p{
		font-size: 0.75em;
		color: #e2e2e2;
		margin-top: 0.875em;
	}



	.section2 .text{
		right: 0;
		width: 100%;
		text-align: center;
		top: 15%;
	}
	.section2.actived .text{
		top: 9.444%;
	}
	.section2 .text h5{
		font-size: 1.125em;
		margin-bottom: 0.611em;
	}
	.section2 .text p{
		font-size: 0.6875em;
	}
	.section2 .img{
		right: -30%;
		top: 62.444%;
		width: 67.066%;
	}
	.section2.actived .img{
		right: -24.2666%;
		-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;
	}
	.section2 ul{
		margin-top: 1em;
	}
	.section2 ul li{
		margin-right: 2em;
	}
	.section2 ul li img{
		width: 0.875em;
		margin-bottom: 0.625em;
	}
	.section2 ul li p{
		font-size: 0.5625em;
		font-weight: normal;
	}





	.section3 .text{
		top: 20%;
	}
	.section3.actived .text{
		top: 14.222%;
	}
	.section3 .text h5{
		font-size: 1.125em;
		margin-bottom: 0.86em;
	}
	.section3 .text p{
		font-size: 0.6875em;
		line-height: 1.45;
	}
	.section3 .img{
		left: -30%;
		top: 51.9%;
		width: 66.2666%;
	}
	.section3.actived .img{
		left: -19.333%;
	}




	.section4 .text{
		text-align: center;
		left: 0;
		top: 20%;
		width: 100%;
	}
	.section4.actived .text{
		left: 0;
		top: 15.8%;
	}
	.section4 .text h5{
		font-size: 1.125em;
		margin-bottom: 1.08em;
	}
	.section4 .text p{
		font-size: 0.6875em;
		line-height: 1.45;
	}
	.section4 .img{
		right: 9.667%;
		bottom: -10%;
		width: 80.666%;
	}
	.section4.actived .img{
		right: 9.667%;
		bottom: 0;
		-webkit-transition: all 1s 1s;
		-moz-transition: all 1s 1s;
		-ms-transition: all 1s 1s;
		-o-transition: all 1s 1s;
		transition: all 1s 1s;
	}





	.section5 .text{
		right: 6.676%;
		top: 15%;
		width: 86.66%;
	}
	.section5.actived .text{
		top: 8.93%;
	}
	.section5 .text h5{
		font-size: 1.125em;
	}
	.section5 .text ul{
		margin-top: 1.75em;
	}
	.section5 .text li{
		width: 20%;
		margin-right: 6.5%;
		margin-bottom: 1.25em;
	}
	.section5 .text li:nth-child(3n){
		margin-right: 6.6%;
	}
	.section5 .text li:nth-child(4n),.section5 .text li:last-child{
		margin-right: 0;
	}
	.section5 .text li:nth-child(5){
		margin-right: 30%;
	}
	.section5 .text li img{
		width: 1.875em;
	}
	.section5 .text li p{
		font-size: 0.5625em;
		margin-top: 0.8em;
	}






	.section6 .text{
		top: 18%;
	}
	.section6.actived .text{
		top: 13.28125%;
	}
	.section6 .text h5{
		font-size: 1.125em;
		margin-bottom: 0.89em;
	}
	.section6 .text p{
		font-size: 0.5625em;
	}
	/*.section6 .img{
		width: 55.0666%;
		top: 36.25%;
	}
	.section6 .linehor{
		height: 43.4375%;
		top: 34.0625%;
	}
	.section6.actived .linehor{
		width: 22.4667%;
	}
	.section6 .linehor.left{
		margin-right: 27.5333%;
		background-image: url(../images/product_touch_section6_lineleft_mobile.png);
	}
	.section6 .linehor.right{
		margin-left: 27.5333%;
		background-image: url(../images/product_touch_section6_lineright_mobile.png);
	}
	.section6 .line.bottom{
		background-image: url(../images/product_touch_section6_linebottom_bg_mobile.png);
		bottom: 18.90625%;
		height: 3.59375%;
	}
	.section6.actived .line.bottom{
		width: 100%;
	}
	.section6 .angle{
		font-size: 0.6875em;
		bottom: 17.5%;
	}*/
	.section6 .screen2{
		right: 67.334%;
		background-image: url(../images/product_touch_section6_img2_bg_mobile.png);
	}
	.section6.actived .screen2{
		width: 32.666%;
	}
	.section6 .screen3{
		left: 73.334%;
		background-image: url(../images/product_touch_section6_img3_bg_mobile.png);
	}
	.section6.actived .screen3{
		width: 26.666%;
	}
	.section6 .screen4{
		bottom: 20.362%;
	}



	.section7 .text{
		top: 13%;
		left: 0;
		text-align: center;
	}
	.section7.actived .text{
		top: 7.865%;
	}
	.section7 .text h5{
		font-size: 1.125em;
	}
	.section7 .text p{
		font-size: 0.6875em;
	}
	.section7 .more{
		font-size: 0.5625em;
		top: 90%;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.section7.actived .more{
		top: 87.865%;
		-webkit-transition: all 1s 2s;
		-moz-transition: all 1s 2s;
		-ms-transition: all 1s 2s;
		-o-transition: all 1s 2s;
		transition: all 1s 2s;
	}
	.section7 .clock-box{
		width: 57.333%;
		left: -50%;
		top: 36.18%;
	}
	.section7.actived .clock-box{
		left: -4%;
	}
	.section7 .tv-box{
		width: 82.5333%;
		right: -24.4%;
		top: 39.1%;
	}



	.section8{
		/*padding-bottom: 3.125em;*/
	}
	.section8 .img-box .text{
		bottom: 7.53%;
	}
	.section8 .img-box .text h3{
		font-size: 0.875em;
		width: 6.286em;
		height: 2.143em;
		line-height: 2.143em;
		border-radius: 0.1786em;
		margin: 0 auto 0.93em;
	}
	.section8 .img-box .text p{
		font-size: 0.6875em;
		line-height: 1.3636;
	}
	.section8 .close{
		margin: 2.78em auto 0;
		font-size: 0.5625em;
		width: 6.111em;
		height: 2.56em;
		line-height: 2.56em;
		border-radius: 1.28em;
	}
	.section8 .close img{
		width: 0.833em;
		margin-right: 0.666em;
	}



	.section9 .text{
		top: 15%;
	}
	.section9.actived .text{
		top: 11.385%;
	}
	.section9 .text h5{
		font-size: 1.125em;
		margin-bottom: 0.55em;
	}
	.section9 .text p{
		font-size: 0.6875em;
		line-height: 1.55;
	}
	.section9 .img{
		width: 67.2%;
		top: 45%;
	}
	.section9.actived .img{
		top: 38.3%;
	}





	.section10{
		padding: 10.4% 0 15.2%;
	}
	.section10 .text{
		margin-bottom: 1.4375em;
	}
	.section10 .text h5{
		font-size: 1.125em;
		line-height: 1.3889;
		margin-bottom: 1em;
	}
	.section10 .text p{
		font-size: 0.6875em;
	}
	.section10 .slide-box{
		width: 89%;
		margin: 0 auto 8.25%;
	}
	.section10 .slide-box .swiper-slide{
		margin: 0;
	}
	.section10 .slide-box .swiper-container{
		margin: 0 auto;
	}
	.section10 .slide-page a{
		margin: 0 1.40625em;
	}
	.section10 .slide-page a img{
		margin-bottom: 0.625em;
		width: 1.3125em;
	}
	.section10 .slide-page a p{
		font-size: 0.6875em;
		padding-bottom: 0.55em;
	}




	.section11 .cir-box{
		left: 0;
		top: 53%;
		width: 100%;
	}
	.section11 .img0{
		width: 82.4%;
		left: 8.8%;
		bottom: 3.594%;
	}
	.section11 .img1{
		width: 24.4%;
		left: 70.8%;
		bottom: 37.21%;
	}
	.section11 .img2{
		width: 24.4%;
		left: 41.7333%;
		bottom: 46.3%;
	}
	.section11 .img3{
		width: 24.4%;
		left: 5.066%;
		bottom: 40.06%;
	}
	.section11 .text{
		width: 100%;
		right: 0;
		top: 8.35%;
		text-align: center;
	}
	.section11 .text h5{
		font-size: 1.125em;
		line-height: 1.444;
		margin-bottom: 0.53em;
	}
	.section11 .text p{
		font-weight: bold;
		font-size: 0.6875em;
		line-height: 1.455;
	}



	.section12 .text{
		left: 0;
		top: 20%;
		width: 100%;
		text-align: center;
	}
	.section12.actived .text{
		left: 0;
		top: 15.8%;
	}
	.section12 .text h5{
		font-size: 1.125em;
		margin-bottom: 1.1118em;
	}
	.section12 .text p{
		font-size: 0.6875em;
		font-weight: bold;
	}
	.section12 .slide-box{
		width: 87.2%;
		right: 6.4%;
		top: 55%;
	}
	.section12.actived .slide-box{
		-webkit-transition: all 1s 1s;
		-moz-transition: all 1s 1s;
		-ms-transition: all 1s 1s;
		-o-transition: all 1s 1s;
		transition: all 1s 1s;
		right: 6.4%;
		top: 49%;
	}




	.section13 .text{
		position: absolute;
		top: 18%;
		right: 0;
		width: 100%;
		text-align: center;
	}
	.section13.actived .text{
		right: 0;
		top: 13.17%;
	}
	.section13 .text h5{
		font-size: 1.125em;
		margin-bottom: 0.8333em;
	}
	.section13 .text p{
		font-size: 0.6875em;
		line-height: 1.455;
	}
	.section13 .img{
		width: 26.1333%;
		left: -2%;
		top: 59.52%;
	}
	.section13.actived .img{
		left: 3%;
	}






	.section14{
		padding: 8% 0 7.333%;
	}
	.section14 h3{
		font-size: 1.125em;
	}
	.section14 .img-box{
		width: 60.666%;
		margin: 0.875em auto 1.09375em;
	}
	.section14 h4{
		font-size: 0.6875em;
		line-height: 1.6364;
		margin-bottom: 1.136em;
	}
	.section14 li{
		margin: 0 12%;
	}
	.section14 li img{
		width: 2.03125em;
		margin-bottom: 0.625em;
	}
	.section14 li p{
		font-size: 0.5625em;
	}




	.section15 .text{
		top: 13%;
	}
	.section15.actived .text{
		top: 18.89%;
	}
	.section15 .text h5{
		font-size: 1.125em;
		margin-bottom: 0.666em;
	}
	.section15 .text p{
		font-size: 0.6875em;
		line-height: 1.455;
	}



	.section16 h3{
		font-size: 1.125em;
	}
	.section16.actived h3{
		top: 11%;
	}







	.section17{
		padding: 2.5em 0 3.6875em;
	}
	.section17 .text{
		margin-bottom: 2.625em;
	}
	.section17 .text h5{
		font-size: 1.4375em;
		margin-bottom: 0.74em;
	}
	.section17 .text p{
		font-size: 0.9375em;
	}
	.section17 li{
		margin: 0 1.466%;
	}
	.section17 li:nth-child(1){
		width: 10.1333%;
	}
	.section17 li:nth-child(2){
		width: 12.4%;
	}
	.section17 li:nth-child(3){
		width: 16.4%;
	}
	.section17 li:nth-child(4){
		width: 19.6%;
	}
	.section17 li:nth-child(5){
		width: 21.6%;
	}
	.section17 li p{
		font-size: 0.5625em;
		margin-top: 1.166em;
	}
	.section18 .text{
		width: 100%;
		text-align: center;
		left: 0;
		top: 15%;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	.section18.actived .text{
		left: 0;
		top: 10.25%;
	}
	.section18 .text h5{
		font-size: 1.4375em;
	}
	.section18 .text p{
		font-size: 0.875em;
	}
	.section18 .text p img{
		width: 1.25em;
		margin-right: 0.9em;
	}
	.section18 .text ul{
		margin-top: 1.25em;
	}
	.section18 .text li{
		margin: 0 0.59375em;
	}
	.section18 .text li img{
		width: 1.1875em;
	}
	.section18 .text li h4{
		font-size: 0.5625em;
	}

	.section19{
		padding: 1.5625em 0 0.3125em;
	}
	.section19 h3{
		font-size: 1.5em;
		margin-bottom: 0.5em;
	}
	.section19 ul{
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		padding: 0 5%;
	}
	.section19 li{
		width: 47.78%;
		border-radius: 0.3125em;
		margin-right: 4.44%;
		margin-bottom: 0.9375em;
	}
	.section19 li:nth-child(even){
		margin-right: 0;
	}
	.section19 li .text{
		padding: 1.3125em 1em 1.125em;
	}
	.section19 li h5{
		font-size: 0.875em;
	}
	.section19 li .icon{
		width: 1em;
	}
	.section19 li .line{
		width: 0.5em;
		height: 1px;
		margin: 0.4375em 0;
	}
	.section19 li p{
		font-size: 0.4375em;
	}
}
@media only screen and (max-width:800px){
	/*sec15*/
	.sec15 ul{ width:900px;text-align: left;}
	/*sec16*/
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:30px;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:30px;}
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:700px){
	/*sec14*/
	.sec14 .inner{ width:90%;}
}
@media only screen and (max-width:667px){
	/*sec14*/
	.sec14 .sec14_tit h2{ padding-left:0; text-align:right; padding-right:10px;}
	/*sec16*/
	.swiper-slide{ margin-top:30px; margin-bottom:30px;}
}
@media only screen and (max-width:568px){
	.mobile1{ display:block;}
	.web1{ display:none;}
	/*sec14*/
	.sec14 .sec14_tit{ width:25%;}
	.sec14 .sec14_tit h2{ padding-left:0; text-align:right; padding-right:10px;}
	.sec14 .sec14_tet{ width:75%;}
	.sec14 .sec14_tet ul.f-left, .sec14 .sec14_tet ul.f-right{ width:100%;}
	/*sec15*/
	.sec15 ul li .sec_box a:first-child {padding-top: 18px;}
}
@media only screen and (max-width:414px){
	/*sec16*/
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:15px;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:15px;}
}
@media only screen and (max-width:375px){
	/*sec14*/
	.sec14 .sec14_tit{ width:30%;}
	.sec14 .sec14_tet{ width:70%;}
}
@media only screen and (max-width:320px){
}