@charset "utf-8";
/*------------------------------------------------

--css   HST-V6 4K超高清视频会议终端
--by    市场部 Web Designer&Front end Engineer  Sivan
--date  2020-09-24 

--设计 背景磨砂+窗口投影+光影空间
--颜色 莫兰迪色 橙与绿
--需要提前载入24栅格系统 grid.min.css
--主流分辨率：1920px、1440px、1366px（优先考虑PC端）
--PC端内容宽度：1440px，前端JS转换100px=rem、
--看到写两个单位px rem不要慌，继续阅读本段直至理解

--当前样式使用css2 css3,基本适配PC、移动端，浏览器兼容至IE8以上（IE8部分一定错乱）
-------------------------------------------------*/

.v6_move{
	position: absolute;
	z-index: 999;
	left:0.14rem;
	top:0.40rem;
	display: block;
	font-size: 0.14rem;
	color:#FFF;
	width:88px;
	height:88px;
	width:0.88rem;
	height:0.88rem;
	text-align: center;
	vertical-align: middle;
	background: url(../images/round_em.png) no-repeat center center;
	background-size: cover;	
} 

/*---数字字体---*/
@font-face {
	font-family: 'num';
	src: url('../font/num.ttf');
}

/*头部header*/
#header {
	position: relative;
	z-index: 99;
	color: #d5ddf7
}
#header #nav_w {
	position: absolute;
	z-index: 99;
	top: 0;
	width: 100%;
	padding: 10px 0 0 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease
}

#header #nav_w .logo_con {
	margin-bottom: 10px;
	float: left
}

@media screen and (max-width:680px) {
	#header #nav_w .logo_con #logo img {
		height: 30px;
		background-size: contain
	}
}
#header #nav_w .nav_con {
	float: right
}
#header #nav_w .nav_con #btn_return {
	display: block;
	display: inline-block;
	position: relative;
	width: auto;
	min-width: 60px;
	padding: 0 20px;
	height: 34px;
	line-height: 30px;
	margin: 5px auto;
	text-align: center;
	font-size: 14px;
	color: #16222f;;
	vertical-align: middle;
	overflow: hidden;
	border: 2px solid #16222f;;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity:0.72;
}
#header #nav_w .nav_con #btn_return:hover{	
	opacity:1;
}
@media screen and (max-width:680px) {
	#header #nav_w .nav_con #btn_return {
		min-width: 60px;
		padding: 0 10px;
		height: 24px;
		line-height: 22px;
		margin: 0 auto;
		text-align: center;
		font-size: 10px;
		opacity: .8
	}
}

/**BANNER**/
#banner {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 2560px;
	margin: 0 auto;
	height:9.2rem;
	overflow: hidden;
	background:#d2d5d6 url(../images/v6_banner_bg.jpg) no-repeat center center;
	background-size: cover;
}
@media screen and (max-width:1400px) {
	#banner {
		min-height: 10rem;
		height:auto;

	}
}
@media screen and (max-width:992px) {
	#banner {

	}
}

@media screen and (max-width:1200px) {
	#banner {
		position: relative;
		z-index: 1;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
		background:#d2d5d6;
	}
}
#banner .banner_con {
	position: relative;
	z-index: 1;
}
#banner .banner_con .row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top:1.2rem;
}
@media screen and (max-width:750px) {
	#banner .banner_con .row{
	margin-top:0.6rem;
  }
}
.banner_text {
	width:100%;
	position: relative;
	z-index: 2;
	/*! top: 220px; */
	/*! top:2.2rem; */
	max-width: 1440px;
	min-width: 240px;
	margin: 0 auto;

	text-align: left;
	color:#16222f;;
}


@media screen and (max-width:768px) {
	.banner_text {
		width:90%;
		position: relative;
		z-index: 2;
		top: 100px;
		top:1.5rem;
		max-width: 1440px;
		min-width: 240px;
		margin: 0 auto;

		text-align: left;
	}
}

.banner_text  .line_tt{
	margin-bottom:60px;
	margin-bottom: 0.6rem;
	background-image: -moz-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
}
.banner_text  h2{
	font-family: "num", Helvetica, arial, sans-serif;
	color: #16222f;
	font-size: 48px;
	font-weight:bold;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
} 
.banner_text .round_em{
	position: absolute;
	z-index: -1;
	left:-0.40rem;
	top:-0.40rem;
	display: block;
	font-size: 0.14rem;
	color:#FFF;
	width:0.88rem;
	height:0.88rem;
	text-align: center;
	background: url(../images/round_em.png) no-repeat center center;
	background-size: cover;	
} 
.banner_text .line_em{
	display: block;
	display: inline-block;	
	margin:40px auto;
	width:40px;
	width:0.40rem;		
	height:8px;
	height:0.08rem;
	background-color:#6f6fff; 

	background-image: -moz-linear-gradient( 180deg, rgb(109,111,255) 0%, rgb(178,109,255) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(109,111,255) 0%, rgb(178,109,255) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(109,111,255) 0%, rgb(178,109,255) 100%);

}
.banner_text  .line_tt{
	margin-bottom:60px;
	margin-bottom: 0.6rem;
} 


@media screen and (max-width:768px) {
	.banner_text  .line_tt{
		display: none;
	} 
}
.banner_text h1{
	padding:16px 0 16px 0;
} 
.banner_text  h3{
	margin:40px 0 60px 0;
	margin:0.4rem 0 0.6rem 0;
	color: #213040;
	font-size: 24px;
	font-weight:bold;
	letter-spacing: 8px;
} 
.banner_text h4{
	font-size: 24px;
	padding-bottom:40px;
} 
.banner_text p{
	font-size: 16px;
} 

.banner_text .list_w{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	align-items: center;
	padding:64px 0 0 0;		
} 
.banner_text .list_w li{
	display: block;
	width:50%;
	overflow: hidden;	
} 
.banner_text .list_w li div{

	padding: 8px;
	margin:0 16px 16px 0 ;
	overflow: hidden;
	border:2px solid #999;
	font-size: 14px;
}
.banner_text .list_w li b{
	color:#6d6fff;
	background-image: linear-gradient(135deg, #b26dff, #6d6fff);
	font-size:0.18rem;
	font-weight: bold;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	-moz-box-decoration-break: clone;
	color: transparent;
	position:relative;
}

/*h1_w 适用于图片文案，不带btn*/
.banner_text .h_w {
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	-webkit-transition: all .8s ease;
	transition: all .8s ease
}

.banner_text .h1_w {
	z-index: 20;
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}
.banner_text .h2_w {
	z-index: 30;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}
.banner_text .h3_w {
	z-index: 30;
	-webkit-transition-delay:.3s;
	transition-delay: .3s
}
.banner_text .h4_w {
	z-index: 30;
	-webkit-transition-delay:.4s;
	transition-delay: .4s
}
.banner_text .h5_w {
	z-index: 30;
	-webkit-transition-delay:.5s;
	transition-delay: .5s
}
.banner_text .h6_w {
	z-index: 30;
	-webkit-transition-delay:.6s;
	transition-delay: .6s
}

.active .h_w {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media screen and (max-width:1200px) {
	.active .h_w img {
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
	}
}

@media screen and (max-width:680px) {
	.active .h_w img {	
		-moz-transform: scale(1.3, 1.3);
		-webkit-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3);
	}
}

/*Banner图片*/
.banner_img {
	position: relative;
	/*! margin: 1.4rem auto 1.4rem auto; */
}
.banner_img .img_all{
	-webkit-transition: all .8s ease;
	transition: all .8s ease

}
/*Banner图片动画*/
.banner_img  {
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	-webkit-transition: all .8s ease;
	transition: all .8s ease
}
.banner_img  img.img_all{/*! box-shadow: 0px 10px 50px 0px rgba(50, 55, 74, 0.4); */}/*阴影直接写在图片上，图片更小，加载更快*/ 
.active .banner_img  {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	-webkit-transition-delay: .1s;
	transition-delay: .1s	
}

/*图片冲击动画*/
.img_bg.active {
	-webkit-transform: scale(12);
	-webkit-filter: brightness(1);
	-moz-transform: scale(12);
	-moz-filter: brightness(1);
	transform: scale(12);
	filter: brightness(1);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
.img_bg {
	margin: auto;
	margin-top: auto;
	margin-left: auto;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	width: 320px;
	height: 320px;
	top: 50%;
	left: 50%;
	margin-left: -160px;
	margin-top: -160px;
	/*! background: url(../images/wave.png) no-repeat center center; */
	-webkit-transform: scale(0.01);
	-webkit-filter: brightness(3);
	-moz-transform: scale(0.01);
	-moz-filter: brightness(3);
	transform: scale(0.01);
	filter: brightness(3);
	-webkit-transition: all 4s ease;
	-moz-transition: all 4s ease;
	transition: all 4s ease;
}
@media (min-width:1400px) {
	.banner_img  img.img_all{max-width: 8.2rem;margin:0 auto;}
}
@media (max-width:1400px) {
	.banner_img  img.img_all37{	padding:0.1rem;max-width: 9.18rem;margin:2rem auto 1.4rem auto;}
}

@media (max-width:1200px) {
	.banner_img {
		margin: 1.4rem auto 1.4rem auto;
	}
}
@media (max-width:992px) {
	.banner_img {
		width:96%;
		margin: 2rem auto 1.4rem auto;
	}
}


@media screen and (max-width:1200px) {

	.banner_img img {
		margin: 0 auto;
	}
}

@media screen and (max-width:750px) {
	.banner_img {

	}
}

@media screen and (max-width:480px) {
	.banner_img {
	}
}


/*a1_w 适用于文字文案，带Btn*/


/*文字动画*/
.banner_text .a_w {
	opacity: 1;
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	-webkit-transition: all .8s ease;
	transition: all .8s ease
}
.banner_text .a2_w  {
	opacity: 1;
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.banner_text .a3_w  {
	opacity: 1;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}
.banner_text .a4_w  {
	opacity: 1;
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}
.banner_text .a5_w  {
	opacity: 1;
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}
.banner_text .a6_w  {
	opacity: 1;
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

.active .a_w {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/*Banner并排按钮*/
.banner_btn_w{
	margin: 0 auto 0.6rem auto;
}
.banner_list{
	max-width: 4rem;
	margin:0 -0.2rem;

}
.banner_btn_w a {
	display: block;
	float: left;
	margin: 0 20px 0 20px;
	display: block;
	text-align: center;
	width: 160px;
	height: 52px;
	line-height: 52px;
	font-size: 18px;
	color: #FFF;

	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;


	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.banner_btn_w a:before {

	line-height: 1;
	position: relative;
	content: "";
	background: url(../images/icon_btn_go.svg)  no-repeat center center;
	position: absolute;
	left: 70%;
	top: 50%;
	margin-top: -7px;
	width:8px;
	height:14px;

	font-size: 125%;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


.banner_btn_w a:hover:before {
	left: 80%;
	opacity: 100;
	filter: alpha(opacity=100);
}

.banner_btn_w .btn_readmore:hover:before {
	left: 84%;
	opacity: 100;
	filter: alpha(opacity=100);
}
.banner_btn_w a:active:before {
	color: #FFF;
}

.banner_btn_w .btn_readmore {
	background-color: #0282ff;
	background-image: -moz-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
}
.banner_btn_w .btn_readmore:hover {
	background-image: -moz-linear-gradient( -180deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
	background-image: -webkit-linear-gradient( -180deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
	background-image: -ms-linear-gradient( -180deg, rgb(0,128,255) 0%, rgb(50,190,255) 100%);
	box-shadow: 0px 8px 20px 0px rgba(0, 128, 255, 0.2);
}

.banner_btn_w .btn_download {
	background-color: #fd660e;
	background-image: -moz-linear-gradient( 0deg, rgb(253,98,13) 0%, rgb(253,194,35) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(253,98,13) 0%, rgb(253,194,35) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(253,98,13) 0%, rgb(253,194,35) 100%);
}
.banner_btn_w .btn_download:hover {
	background-image: -moz-linear-gradient( -180deg, rgb(253,98,13) 0%, rgb(253,194,35) 100%);
	background-image: -webkit-linear-gradient( -180deg, rgb(253,98,13) 0%, rgb(253,194,35) 100%);
	background-image: -ms-linear-gradient( -180deg, rgb(253,98,13) 0%, rgb(253,194,35) 100%);
	box-shadow: 0px 8px 20px 0px rgba(254, 127, 35, 0.2);
}


@media screen and (max-width:768px) {
	.banner_btn_w{
		max-width: 100%;
		margin: 0 auto 0.6rem auto;
	}

	.banner_list{
		max-width: 100%;
		margin: 0 auto;
		margin:0 -0.2rem;
	}
}	
@media screen and (max-width:768px) {
	.banner_btn_w a{
		width: 40%;
		height:auto;
		line-height: auto;
		overflow: hidden;
		font-size: .24rem;
		width: 40%;
		min-width: auto;
		padding: 0 10px;
		margin: 10px 10px;
		overflow: hidden
	}
}

/*#main*/

#main{position: relative;z-index: 1;background-color:#eeeeee;}

/*每屏公用*/
.s_w {
	position: relative;
	z-index: 1;
	min-height: 1400px;
	max-width: 2560px;
	padding: 180px 0;
	margin: 0 auto;
	overflow: hidden
}


.text_img_w h1 {
	display: inline-block;
	position: relative;
	font-size: 48px;
	font-size: .48rem;
	line-height: 1.2;

}
.text_img_w em {
}

.line_tt {
	position: absolute;
	z-index: -1;
	left:-0.24rem;
	top:-0.24rem;
	display: block;
	font-size: 0.14rem;
	color:#FFF;
	width:64px;
	height:64px;
	width:0.64rem;
	height:0.64rem;
	text-align: center;
	vertical-align: middle;
	background: url(../images/round_em_min.png) no-repeat center center;
	background-size: cover;	
}
.text_img_w img {
	color: transparent;

}
.text_img_w p {
	max-width: 820px;
	margin: 48px auto 60px auto;
	margin: .48rem auto .6rem auto;
	font-size: 24px;
	font-size: .24rem;
	line-height: 2.2
}
.text_img_w p i{
	display: none;	
	padding-right: 8px;
	padding-right: 0.08rem;
	font-weight: 700;	
}
/*s_2*/

.s_2 {
	min-height: 900px;
	max-width: 2560px;

	padding: 100px 0 200px 0;
	padding: 2rem 0 1rem 0;
	margin: 0 auto;	
	overflow: hidden;
	color: #16222f;
	background-color:#eceef1;
	background-size: cover;
}

.s_2 .text_img_w p {
	max-width: 820px;

	margin: .32rem auto .32rem auto;
	font-size: 24px;
	font-size: .24rem;
	line-height: 2
}

.s_2 .img_w{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	align-items: center;

} 

.s_2 .img_w{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;	

	position: relative;
	z-index: 10;
	width:100%;
	height:100%;
	overflow: initial;

	margin:0 -32px;
} 

/*s_2 H265 H264 图片*/
.h26x_img{
	position: relative;	
	margin:16px;
}
.h26x_img .img_con{
	position: relative;
	margin:0 16px;
	display: flex;
}
.h26x_img .mask_w{
	margin: auto;
	position: absolute;
	z-index: 1;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height: 100%;
	background:rgba(0, 0,0, 0.16);
}
.h26x_img .line_w{
	position: absolute;
	z-index: 1;
	left:0;
	right:0;
	bottom:0;
}
.h26x_img .tetx_w{
	font-size:16px;
	padding:16px 16px 32px 16px;
}
.h26x_img .tetx_w b{
	font-size:24px;
	padding-right: 16px;
}

.s_2  .icon_tt{max-width:3.13rem;margin:0 auto}

.s_2 .text_img_w h1 {
	color: #16222f;	
}

.s_2 .text_img_w h2 {
	font-size: 36px;
	font-size: .36rem;
	line-height: 1.2;
	margin-top: 80px;
	margin-top: .8rem;
	margin-bottom: 0px;
	margin-bottom: .0rem;
	letter-spacing: 2px;
}


/*视频解析动效*/
.active .h26x_img .line_w{
	opacity: 0;
	animation: line 2s infinite linear alternate;
}
.active .h26x_img .mask_w{

	opacity: 0;
	animation: line 2s infinite linear alternate;
}

/*line 线条动画*/
@-webkit-keyframes line {
	0% {
		-webkit-opacity:0
	}
	100% {
		-webkit-opacity:1
	}
}
@-moz-keyframes line {
	0% {
		-moz-opacity:0
	}
	100% {
		-moz-opacity:1
	}
}

@keyframes line {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}

/*mask 暗色背景动画*/
@-webkit-keyframes mask {
	0% {
		-webkit-opacity:1
	}
	100% {
		-webkit-opacity:0
	}
}
@-moz-keyframes mask {
	0% {
		-moz-opacity:1
	}
	100% {
		-moz-opacity:0
	}
}

@keyframes mask {
	0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}




/*数据图表*/
.s_2 .core_info{
	padding:0.32rem 0rem;
}
.s_2 .info_list{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline; 
	justify-content: start;
	margin:0.32rem 0 1.2rem 0;
	text-align:left;
}
.s_2 .info_l{
	margin-right: 4%;	
}
.s_2 .info_l h1{
	min-width:2rem;
	min-height:0.7rem;
	font-size: 64px;
	font-size: 0.64rem;
	color: #0084ff;

	margin: 0.24rem 0 0.32rem 0;	

	color:#6d6fff;
	background-image: linear-gradient(135deg, #b26dff, #6d6fff);
	font-weight: bold;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	-moz-box-decoration-break: clone;
	color: transparent;
	position:relative;

}
.s_2 .info_l h1  .counter{
	font-family: "num", Helvetica, arial, sans-serif;
}
.s_2 .info_l h1 em{
	font-size: 24px;
}
.s_2 .info_l h6{

}

/*右侧图表*/
.core_info .info_r{
	width:100%;
	font-size: 0.18rem;
}


.info_r .info_w {
	display: flex;
	flex-wrap: nowrap;
	align-items: center; 
	justify-content: start;
	min-width: 5.4rem;
	width:100%;
	margin-bottom: 0.16rem;
}
.info_w span{
	line-height: 1.6;
	min-width: 1.6rem;
}
.info_w .bar_w{
	display: block;
	width:80%;
	height:0.18rem;
	background-color: #333;	
}

.info_w .bar_h265{
	background-image: linear-gradient(135deg, #b26dff, #6d6fff);
}
.info_w .bar_h264{
	background-color: rgb(110, 121, 139);
}



/*大小*/
.info_list_size  .bar_h265{
	display: block;
	width:60%;
	background-image: linear-gradient(135deg, #b26dff, #6d6fff);
}






/*宽带*/
.info_list_broadband  .bar_h265{
	display: block;
	width:25%;
}

/*画质*/
.info_list_quality  .bar_h265{
	display: block;
	width:50%;
}
/*画质*/
.info_list_quality  .bar_h264{
	display: block;
	width:30%;
}


/*s_2核心 动画*/

.core_s .text_h1, .core_s .text_p,.core_s  .list_w,.core_s .core_info,.core_s .num_w,.core_s .core_img {
	opacity: 1;
	-webkit-transform: translate(0, 0.32rem);
	-moz-transform: translate(0, 0.32rem);
	transform: translate(0, 0.32rem);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
}
.core_s .text_h1 {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	transition-delay: .1s
}
.core_s .text_p {
	-webkit-transition-delay: 0.12s;
	-moz-transition-delay: 0.12s;
	transition-delay: 0.12s
}
.core_s .list_w {
	-webkit-transition-delay: 0.14s;
	-moz-transition-delay: 0.14s;
	transition-delay: 0.14s
}
.core_s .core_info {
	-webkit-transition-delay: 0.16s;
	-moz-transition-delay: 0.16s;
	transition-delay: 0.16s
}

.core_s .num_w {
	-webkit-transition-delay: 0.18s;
	-moz-transition-delay: 0.18s;
	transition-delay: 0.18s
}

.core_s .core_img {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s
}

.core_s .company_bottom:nth-child(1) {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: .2s
}
.core_s .company_bottom:nth-child(2) {
	-webkit-transition-delay: 0.22s;
	-moz-transition-delay: 0.22s;
	transition-delay: .22s
}
.company_l .company_bottom:nth-child(3) {
	-webkit-transition-delay: 0.24s;
	-moz-transition-delay: 0.24s;
	transition-delay: .24s
}

/*.active 触发动画  .video_w h3  .core_ms*/
.core_s .text_h1.active , .core_s .text_p.active ,.core_s .list_w.active,.core_s .core_info.active,.core_s .num_w.active,.core_s .core_img.active {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
}

/*s2 图表动画*/

.info_list .bar_w{
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
	width: 0;
}

/*大小*/
.info_list_size .bar_h265{
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: .2s;
}
.info_list_size .bar_h264 {
	-webkit-transition-delay: 0.22s;
	-moz-transition-delay: 0.22s;
	transition-delay: .22s;
}

/*宽带*/
.info_list_broadband .bar_h265{
	-webkit-transition-delay: 0.24s;
	-moz-transition-delay: 0.24s;
	transition-delay: .24s;
}
.info_list_broadband .bar_h265{
	-webkit-transition-delay: 0.32s;
	-moz-transition-delay: 0.32s;
	transition-delay: .32s;
}

/*画质*/
.info_list_quality .bar_h265{
	-webkit-transition-delay: 0.40s;
	-moz-transition-delay: 0.40s;
	transition-delay: .40s;
}
.info_list_quality .bar_h265{
	-webkit-transition-delay: 0.56s;
	-moz-transition-delay: 0.56s;
	transition-delay: .56s;
}


/*触发*/

/*大小*/
.info_list_size.active  .bar_h265{
	width: 50%;
}
.info_list_size.active  .bar_h264 {

	width: 100%;
}

/*宽带*/
.info_list_broadband.active  .bar_h265{
	width: 30%;
}
.info_list_broadband.active  .bar_h264{
	width: 100%;
}

/*画质*/
.info_list_quality.active  .bar_h265{
	width: 100%;
}
.info_list_quality.active  .bar_h264{
	width: 60%;
}



/*s_3*/
.s_3 {
	position: relative;
	min-height: 1100px;
	max-width: 1920px;
	padding: 200px 0;
	padding: 2rem 0;
	margin: 0 auto;	
	overflow: hidden;
	color: #1c2029;
	background:#e5f6fc url(../images/s_3_bg.jpg) no-repeat center top;
	background-size: cover;
}
.s_3_bg{
	margin: 1.6rem 0 0 0.9rem;
	position:absolute;
	z-index: -1;
	left:0;
	right:0;
	top:0;
	bottom:0;
	max-width:100%;
	width:100%;
	background: url(../images/s_3_img.png) no-repeat center top;	
	background-size: 100%;
}	

.s_3 .pull_r .img_w .img_0 {


}

.s_3  .icon_tt{max-width:3.13rem;margin:0 auto}

.s_3 .text_img_w h1 {

}


.s_3 .text_img_w h2 {
	font-size: 36px;
	font-size: .36rem;
	line-height: 1.2;
	margin-top: 80px;
	margin-top: .8rem;
	margin-bottom: 0px;
	margin-bottom: .0rem;
	letter-spacing: 2px;
}


.s_3 .text_img_w p {

}

.s_3_bg i{
	width:88px;
	height:88px;
	margin:auto;
	position: absolute;
  left:200px;
	top:50px;
	bottom:0;
}
.s_3_bg i#offsetX{
	font-size: 56px;
	width:88px;
	height:88px;
	margin:auto;
	position: absolute;
		z-index: 3;
  left:180px;
	top:-100px;
	bottom:0;
	
}
.s_3_bg i#offsetY{
	font-size: 32px;
	width:88px;
	height:88px;
	margin:auto;
	position: absolute;
	z-index: 3;
  left:300px;
	top:-180px;
	bottom:0;
	opacity: 0.64;
}

.s_3_bg .img_0{
	position: absolute;
	z-index: 2;
}

.s_3_bg .img_list {
	margin: auto;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	transition: all 0.8s ease
}

.s_3_bg .img_list img{
	max-width:1920px;
	margin:0 auto;
}

@media (max-width:1400px) {
	.s_3_bg .img_list img{max-width:100%;
		display:none;
	}
}

.s_3_bg .img_list .img_w {
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: -0.2rem;
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	transition: all 1.2s ease
}

@media screen and (max-width:1200px) {
	.s_3_bg .img_list {
		display: none;
	}
}

.active .img_list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}



/*s_4*/

.s_4 {
	position: relative;
	z-index: 1;
	min-height: 1200px;
	max-width: 1920px;
	padding: 100px 0;
	padding: 2rem 0 0 0;
	margin: 0 auto;	
	overflow: hidden;
	background:#f9ede8 url(../images/s_4_bg.jpg) no-repeat center top;
	background-size: 100% 100%;
}
@media(max-width:1600px) {
.s_4 { 	
	background-size: cover;
	}
	.s_4 .img_w {
		height: auto;
		display: block;
		margin: 0 auto !important;
	}
}

.s_4 .img_w{
	position: relative;
	z-index: 1;
}


.s_4  .text_img_w p {
	max-width: 1920px;
}



.s_4 .img_list {
	margin: auto;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	transition: all 0.8s ease
}

.s_4 .img_list img{
	max-width:1920px;
	margin:0 auto;
}

@media (max-width:1400px) {
	.s_4 .img_list img{max-width:100%;
		display:none;
	}
}
.s_4 .img_list .img_w {
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: -0.2rem;
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	transition: all 1.2s ease
}

@media screen and (max-width:1200px) {
	.s_4 .img_list {
		display: none;
	}
}
.active .img_list {

	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/*点缀图片动效*/
.active .img_list .img_w img{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.active .img_list .img_1 img{
	-webkit-animation: updown 6s infinite linear;
	-moz-animation: updown 6s infinite linear;

	animation: updown 6s infinite linear
}
.active .img_list .img_2 img{
	-webkit-animation: updown 4s infinite linear;
	-moz-animation: updown 4s infinite linear;

	animation: updown 4s infinite linear
}
.active .img_list .img_3 img{
	-webkit-animation: updown 9s infinite linear;
	-moz-animation: updown 9s infinite linear;

	animation: updown 9s infinite linear
}
.active .img_list .img_4 img{
	-webkit-animation: updown 5s infinite linear;
	-moz-animation: updown 5s infinite linear;

	animation: updown 5s infinite linear
}
.active .img_list .img_5 img{
	-webkit-animation: updown 6s infinite linear;
	-moz-animation: updown 6s infinite linear;

	animation: updown 6s infinite linear
}
.active .img_list .img_6 img{
	-webkit-animation: updown 7s infinite linear;
	-moz-animation: updown 7s infinite linear;
	animation: updown 7s infinite linear
}
.active .img_list .img_7 img{
	-webkit-animation: updown 8s infinite linear;
	-moz-animation: updown 8s infinite linear;
	animation: updown 8s infinite linear
}
.active .img_list .img_8 img{
	-webkit-animation: updown 5s infinite linear;
	-moz-animation: updown 8s infinite linear;
	animation: updown 9s infinite linear
}
.active .img_list .img_9 img{
	-webkit-animation: updown 5s infinite linear;
	-moz-animation: updown 5s infinite linear;
	animation: updown 5s infinite linear
}


/*s_5*/
.s_5 {
	min-height: 900px;
	max-width: 1920px;
	padding: 2rem 0 1.8rem 0;
	margin: 0 auto;	
	overflow: hidden;
	background-color:#eef1f1;
	background-size: cover;
}

.s_5 .scene_w{
	margin:0.32rem auto 0 auto;
}


.s_5 .scene_w h3 {
	display: inline-block;
	position: relative;
	font-size: 30px;
	font-size: .30rem;
	line-height: 1.2;
}
.s_5 .scene_w h3 em {
	position: absolute;
	z-index: -1;
	left:-0.12rem;
	top:-0.12rem;
	display: block;
	font-size: 0.14rem;
	color:#FFF;
	width:0.32rem;
	height:0.32rem;
	text-align: center;
	vertical-align: middle;
	background: url(../images/round_em_min.png) no-repeat center center;
	background-size: cover;	

}

.s_5 .scene_w ul{
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin:0.24rem auto 0 auto; 
}

.s_5 .scene_w li{
	display: inline-block;
	margin: 0.32rem  -12px  0  -12px;
}

.s_5 .scene_w li{
	max-width:50%;
}

.s_5 .scene_w li div{
	padding: 24px;
  margin:0 24px;
	border-radius: 8px;

	background-color:#e1e5e6;
	box-shadow: 0px 8px 32px 0px rgba(255, 255, 255, 0.12);
}
.s_5 .scene_w li p{
	font-size: 18px;
}
@media screen and (max-width:1200px) {
.s_5 .scene_w li p{
	font-size: 16px;
}
}
/*s_6*/

.s_6 {
	min-height: 600px;
	max-width: 2560px;
	padding: 2rem 0 1.8rem 0;
	margin: 0 auto;	
	overflow: hidden;

	background:#e0e2e3;
	background-size: cover;
}
.s_6 .text_w {
	padding:0 0.24rem;
}
.s_6 .text_w  b{
	display: block;
	font-weight: 500;
	margin-bottom: 0.16rem;
}



/*s_7*/

.s_7 {
	position: relative;
	z-index: 1;
	min-height: 1000px;
	max-width: 1920px;
	padding: 200px 0 0 0;
	padding: 2rem 0 0 0;
	margin: 0 auto;	
	overflow: hidden;
	background:#f9ede8 url(../images/s_7_bg.jpg) no-repeat center top;
	background-size: 100% 100%;
}


.s_7 .img_w{
	position: relative;
	z-index: 1;
}


.s_7  .text_img_w p {
	max-width: 1920px;
}






/*功能点-排列*/
.function_list_w{
	
	text-align: center;
	margin:0.8rem auto 1.2rem auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center
}
.function_list_w li{
	display: inline-block;
	font-size: 18px;
	margin:0 0.24rem;
}


.function_list_w  h4 {
	font-size: 0.24rem;
}
.function_list_w li span{
	display: inline-block;
	font-size: 18px;
	margin:8px 0;
	line-height: 1.2;
}
.function_list_w  i{
font-size: 14px;
	opacity: 0.6;
	margin:0 0.24rem;
}

@media screen and (max-width:1200px) {
.function_list_w li{
	max-width: 46%;
	min-width: 46%;
	display: inline-block;
	font-size: 12px;
	padding: 0.2rem;
	margin:0.12rem;
	border:1px solid #333;
}

.function_list_w li span{
	display: inline-block;
	font-size: 12px;
	margin:8px 0;
	line-height: 1.2;
}
	.function_list_w  i{
		display: none;
	} 
}
/*数据说明*/
.tips_p{
	text-align: center;
	padding:0.32rem 0 0.64rem 0;
	font-size: 0.14rem;
	color:#959595;
}
.tips_p em{
	color:red;
	padding:0 4px;
}

/*功能点*/
@media (max-width: 680px) {
	.text_box {
		display: none;
	}
}

.s_7 .btn_con {
	cursor: pointer;
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	z-index: 99;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../images/v6_icon_more.png) no-repeat center center;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.s_7 .btn_con b {
	position: absolute;
	margin: auto;
	left: -10px;
	top: 0;
	right: 0;
	bottom: 0;
	width: 62px;
	height: 62px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #00A8EC;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-animation: ripple 2s linear infinite 0s;
	-moz-animation: ripple 2s linear infinite 0s;
	animation: ripple 2s linear infinite 0s;
}

.s_7 .btn_con em {
	position: absolute;
	margin: auto;
	left: -10px;
	top: 0;
	right: 0;
	bottom: 0;
	width: 62px;
	height: 62px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #00A8EC;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-animation: 2s linear infinite 1s;
	-moz-animation: 2s linear infinite 1s;
	animation: ripple 2s linear infinite 1s;
}

.s_7 .btn_con span {
	position: absolute;
	margin: auto;
	left: -10px;
	top: 0;
	right: 0;
	bottom: 0;
	width: 62px;
	height: 62px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #00A8EC;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-animation: ripple 2s linear infinite 2s;
	-moz-animation: ripple 2s linear infinite 2s;
	animation: ripple 2s linear infinite 2s;
}

@-webkit-keyframes ripple {
	0% {
		-webkit-opacity: 0;
		-webkit-transform: scale(0, 0);
	}

	50% {
		-webkit-opacity: 0.3;
		-webkit-transform: scale(.5)
	}

	100% {
		-webkit-opacity: 0;
		-webkit-transform: scale(1.1);
	}
}

@-moz-keyframes ripple {
	0% {
		-moz-opacity: 0;
		-moz-transform: scale(0, 0);
	}

	50% {
		-moz-opacity: 0.3;
		-moz-transform: scale(.5);
	}

	100% {
		-moz-opacity: 0;
		-moz-transform: scale(1.1);
	}
}

@-moz-keyframes ripple {
	0% {
		opacity: 0;
		transform: scale(0, 0);
	}

	50% {
		opacity: .3;
		transform: scale(.5);
	}

	100% {
		opacity: 0;
		transform: scale(.9)
	}
}

.s_7 .btn_con.active {
	background: url(../images/v6_icon_more_h.png) no-repeat center center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.s_7 .btn_con.active b,
.mo_9 .btn_con.active em,
.mo_9 .btn_con.active span {
	display: none;
	overflow: hidden;
}

.s_7 .power_btn {
	left: -34%;
	top: 30%;
}

/*USB接口*/
.s_7 .usb_btn {
	left: -6%;
	top: 30%;
}

/*DP音视频*/
.s_7 .dp_btn {
	right: -24%;
	top: 3%;
}


/*LAN网口*/
.s_7 .net_btn {
	left: 8%;
	top: 12%;
}

.s_7 .audio_btn {
	right: -48%;
	top: 15%;
}

.s_7 .hdmi2_btn {
	left: 9%;
	top: 41%;
}

.s_7 .dc_btn {
	left: 18%;
	top: 19%;
}

.s_7 .cp_img .text_con {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transform: rotate(0) translateX(100px) translateY(100px) scale(0, 0);
	-moz-transform: rotate(0) translateX(100px) translateY(100px) scale(0, 0);
	transform: rotate(0) translateX(100px) translateY(100px) scale(0, 0);
	position: absolute;
	z-index: 10;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 240px;
	height: 120px;
	color: #FFF;
	background-color: rgb(57, 155, 252, .6);
	text-align: center;
	padding: 40px 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	transition: all 0.8s
}

.s_7 .cp_img .text_con h4 {
	font-weight: 700;font-size: 18px;
	margin: 4px 0;
}

.s_7 .cp_img .text_con p {
	font-size: 14px;
}

.s_7 .cp_img .show .text_con {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}

.s_7 .cp_img .power_w {
	left: -34%;
	top: 30%;
}

.s_7 .cp_img .show .power_w {
	display: block;
	left: -58%;
	top: 30%;
}

.s_7 .cp_img .power_w:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: -10px;
	top: 50px;
	border-top: solid 10px transparent;
	border-left: solid 10px rgb(57, 155, 252, .6);
	border-bottom: solid 10px transparent;
}

.s_7 .cp_img .usb_w {
	left: -6%;
	top: 10%;
}

.s_7 .cp_img .usb_w:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 110px;
	top: 120px;
	border-left: solid 10px transparent;
	border-top: solid 10px rgb(57, 155, 252, .6);
	border-right: solid 10px transparent;
}

.s_7 .cp_img .show .usb_w {
	display: block;
	left: -6%;
	top: -10%;
}

.s_7 .cp_img .dp_w {
	right: -24%;
	top: -20%;
}

.s_7 .cp_img .dp_w:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 110px;
	top: 120px;
	border-left: solid 10px transparent;
	border-top: solid 10px rgb(57, 155, 252, .6);
	border-right: solid 10px transparent;
}

.s_7 .cp_img .show .dp_w {
	display: block;
	right: -24%;
	top: -40%;

}

.s_7 .cp_img .hdmi1_w {
	left: -9%;
	top: 41%;
}

.s_7 .cp_img .hdmi1_w:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 110px;
	top: -10px;
	border-left: solid 10px transparent;
	border-bottom: solid 10px rgb(57, 155, 252, .6);
	border-right: solid 10px transparent;
}

.s_7 .cp_img .show .hdmi1_w {
	display: block;
	left: -9%;
	bottom: -20%;
}

.s_7 .cp_img .net_w {
	left: 8%;
	top: -10%;
}

.s_7 .cp_img .net_w:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 110px;
	top: 120px;
	border-left: solid 10px transparent;
	border-top: solid 10px rgb(57, 155, 252, .6);
	border-right: solid 10px transparent;
}



.s_7 .cp_img .show .net_w {
	display: block;
	left: 8%;
	top: -30%;
}

.s_7 .cp_img .audio_w {
	right: -48%;
	top: 0%;
}

.s_7 .cp_img .audio_w:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 110px;
	top: 120px;
	border-left: solid 10px transparent;
	border-top: solid 10px rgb(57, 155, 252, .6);
	border-right: solid 10px transparent;
}

.s_7 .cp_img .show .audio_w {
	display: block;
	right: -48%;
	top: -30%;
}

.s_7 .cp_img .hdmi2_w {
	left: 9%;
	top: 41%
}

.s_7 .cp_img .hdmi2_w:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 110px;
	top: -10px;
	border-left: solid 10px transparent;
	border-bottom: solid 10px rgb(57, 155, 252, .6);
	border-right: solid 10px transparent;
}

.s_7 .cp_img .show .hdmi2_w {
	display: block;
	left: 9%;
	bottom: -20%;
}

.s_7 .cp_img .dc_w {
	left: 18%;
	top: 19%;
}

.s_7 .cp_img .dc_w:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 110px;
	top: 120px;
	border-left: solid 10px transparent;
	border-top: solid 10px rgb(57, 155, 252, .6);
	border-right: solid 10px transparent;
}

.s_7 .cp_img .show .dc_w {
	display: block;
	left: 18%;
	top: 0%
}




/**----------------------------------**/





/**每一屏移动端通用处理**/

.s_w .pull_l .cp_text, .s_w .pull_r .cp_text {
	height: 800px;
	display: table-cell;
	vertical-align: middle
}
.s_w .pull_l .cp_img, .s_w .pull_r .cp_img {
	height: 800px;
	display: table-cell;
	vertical-align: middle
}
.s_w_a .pull_l, .s_w_b .pull_r {
	display: table
}

@media(max-width:1200px) {
	.s_w .pull_l .cp_text, .s_w .pull_r .cp_text {
		height: auto;
		text-align: center
	}
	.s_w .pull_l .cp_img, .s_w .pull_r .cp_img {
		height: auto
	}
}
.s_w .pull_c .cp_text {
	max-width: 620px;
	margin: 60px auto 60px auto;
	line-height: 32px;
	font-size: 18px
}
.s_w .pull_c .cp_text {
	max-width: 900px
}
.s_w_a {
	text-align: left;
}
.s_w_a .pull_r {
	text-align: left;
}
.s_w_a .pull_r .img_w img{
	/*! margin-top: -2rem; */
	/*! margin-left:  0.5rem; */
}
/*额外添加非公用*/
.s_6 .pull_r .img_w img{
	margin-left: 0.8rem;
}

@media(max-width:1200px) {
	.s_6 .pull_r .img_w img{
		padding:0.4rem
	}

}

@media(max-width:1366px) {
	.s_w_a .pull_r .img_w img{
		margin-left: 0.5rem;
	}
}

@media(max-width:1200px) {
	.s_w_a .pull_l .img_w  img{
		width: 100%;
		text-align: center;
		margin: 0 auto
	}
	.s_w_a .pull_r .img_w img{
		max-width: 100%;
		text-align: center;
		margin: 0 auto
	}
}

.s_w_b .pull_l {
	text-align: left
}
.s_w_b .pull_r .img_w img{
	margin-right: -100px
}

@media(max-width:1366px) {
	.s_w_b .pull_r .img_w img{
		margin-right: -100px
	}
}

@media(max-width:1200px) {
	.s_w_b .pull_r .img_w img{
		width: 100%;
		text-align: center
	}
	.s_w_b .pull_r {
		width: 100%;
		text-align: center;
		margin: 0 auto!important
	}
}

@media(max-width:1600px) {
	.s_w .text_w p br {
		display: none
	}
}

@media(max-width:1200px) {
	.s_w {
		padding: 1rem 0;
		min-height: auto
	}
	.s_w_a .pull_l, .s_w_b .pull_r {
		width: 100% !important;
		margin: 0 auto!important;
		display: block !important;
		float: none !important;
	}
	.s_w .text_w {
		height: auto;
		display: block;
		max-width: 7.2rem;
		margin: 0.5rem auto 0.5rem auto;
		text-align: center;
	}
	.pw_w .text_w .num_w {
		width: 1rem;
		height: 1rem;
		background-size: contain
	}
	.s_w .text_w h1 {
		margin: .4rem auto .4rem auto;
		font-size: .5rem;
		line-height: 1.3
	}
	.s_w .text_w em {

	}
	.s_w .text_w p {
		max-width: none;
		margin: .4rem auto .6rem auto;
		font-size: .3rem;
		line-height: 1.8;
	}
	.s_w .text_w p br {
		display: none;
	}
	.s_w .img_w {
		height: auto;
		display: block;
		margin: .5rem auto
	}
	.s_w_a .pull_r, .s_w_b .pull_l {
		height: auto;
		width: 100%;
	}
}

@media(max-width:480px) {
	.s_w {
		min-height: auto;
		padding: 1rem 0;
	}
	.s_w_a .pull_l, .s_w_b .pull_r {
		margin: 0 auto!important;
		display: block
	}
	.s_w .pull_l .text_w, .s_w .pull_r .text_w, .s_w .pull_c .text_w {
		height: auto;
		display: block;
		max-width: 6.2rem;
		margin: 1rem auto 0.5rem auto;
		font-size: .18rem;
		line-height: 1.5
	}
	.s_w .text_w h1 {
		margin: .5rem auto;
		font-size: .50rem
	}
	.s_w .text_w em {

	}
	.s_w .text_w p {
		margin: .5rem auto .5rem auto;
		font-size: .28rem;
		line-height: 1.8
	}



	.s_w .pull_l .img_w, .s_w .pull_r .img_w, .s_w .pull_c .img_w  {
		height: auto;
		display: block;
		margin: .5rem auto;
		bottom: 0
	}
	.s_w .pull_r, .s_w .pull_l {
		height: auto
	}
}
.s_w .active .text_w .num_w,.s_w .active .text_w .icon_tt {
	opacity: 1;
	-webkit-transition: all 1s .1s;
	-webkit-transition-delay: ease;
	-moz-transition: all 1s .1s ease;
	-o-transition: all 1s .1s ease;
	transition: all 1s .1s ease;
	-webkit-animation: moveDown 1s ease-in-out 0s backwards;
	-moz-animation: moveDown 1s ease-in-out 0s backwards;
	-o-animation: moveDown 1s ease-in-out 0s backwards;
	-ms-animation: moveDown 1s ease-in-out 0s backwards;
	animation: moveDown 1s ease-in-out 0s backwards
}
.s_w .active .text_w em {
	opacity: 1;
	-webkit-transition: all 1s .1s;
	-webkit-transition-delay: ease;
	-moz-transition: all 1s .1s ease;
	-o-transition: all 1s .1s ease;
	transition: all 1s .1s ease;

	-webkit-animation: moveDown 1s ease-in-out .1s backwards;
	-moz-animation: moveDown 1s ease-in-out .1s backwards;
	-o-animation: moveDown 1s ease-in-out .1s backwards;
	-ms-animation: moveDown 1s ease-in-out .1s backwards;
	animation: moveDown 1s ease-in-out .1s backwards
}
.s_w .active .text_w h2 {
	opacity: 1;
	-webkit-transition: all 1s .1s;
	-webkit-transition-delay: ease;
	-moz-transition: all 1s .1s ease;
	-o-transition: all 1s .1s ease;
	transition: all 1s .1s ease;
	-webkit-animation: moveDown 1s ease-in-out .1s backwards;
	-moz-animation: moveDown 1s ease-in-out .1s backwards;
	-o-animation: moveDown 1s ease-in-out .1s backwards;
	-ms-animation: moveDown 1s ease-in-out .1s backwards;
	animation: moveDown 1s ease-in-out .1s backwards
}
.s_w .active .text_w h1 {
	opacity: 1;
	-webkit-transition: all 1s .1s;
	-webkit-transition-delay: ease;
	-moz-transition: all 1s .1s ease;
	-o-transition: all 1s .1s ease;
	transition: all 1s .1s ease;
	-webkit-animation: moveDown 1s ease-in-out .2s backwards;
	-moz-animation: moveDown 1s ease-in-out .2s backwards;
	-o-animation: moveDown 1s ease-in-out .2s backwards;
	-ms-animation: moveDown 1s ease-in-out .2s backwards;
	animation: moveDown 1s ease-in-out .2s backwards
}

.s_w .active .text_w p {
	opacity: 1;
	-webkit-transition: all 1s .1s;
	-webkit-transition-delay: ease;
	-moz-transition: all 1s .1s ease;
	-o-transition: all 1s .1s ease;
	transition: all 1s .1s ease;
	-webkit-animation: moveDown 1s ease-in-out .6s backwards;
	-moz-animation: moveDown 1s ease-in-out .6s backwards;
	-o-animation: moveDown 1s ease-in-out .6s backwards;
	-ms-animation: moveDown 1s ease-in-out .6s backwards;
	animation: moveDown 1s ease-in-out .6s backwards
}
.s_w .active .text_w .list_w {
	opacity: 1;

}

.s_w  .list_w li {
	opacity: 1;
	-webkit-transform: translate3d(0, 40px, 0);
	-moz-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);

	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease
}
.s_w .list_w li:nth-child(1) {
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	transition-delay: 0.7s
}
.s_w .list_w li:nth-child(2) {
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	transition-delay: 0.8s
}
.s_w .list_w li:nth-child(3) {
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	transition-delay: 0.9s
}
.s_w .list_w li:nth-child(4) {
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	transition-delay: 1.2s
}
.s_w .list_w li:nth-child(5) {
	-webkit-transition-delay: 1.3s;
	-moz-transition-delay: 1.3s;
	transition-delay: 1.3s
}
.s_w .list_w li:nth-child(6) {
	-webkit-transition-delay: 1.4s;
	-moz-transition-delay: 1.4s;
	transition-delay: 1.4s
}
.s_w .list_w li:nth-child(7) {
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	transition-delay: 1.5s
}
.s_w .list_w li:nth-child(8) {
	-webkit-transition-delay: 1.6s;
	-moz-transition-delay: 1.6s;
	transition-delay: 1.6s
}
.s_w .active .text_w .list_w li {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}



.s_w .active .btn_r_more, .active .btn_view_further, .s_w .active .btn_free_trial {
	opacity: 1;
	-webkit-transition: all .3s .1s;
	-webkit-transition-delay: ease;
	-moz-transition: all .3s .1s ease;
	-o-transition: all .3s .1s ease;
	transition: all .3s .1s ease;
	-webkit-animation: moveDown .8s ease-in-out .4s backwards;
	-moz-animation: moveDown .8s ease-in-out .4s backwards;
	-o-animation: moveDown .8s ease-in-out .4s backwards;
	-ms-animation: moveDown .8s ease-in-out .4s backwards;
	animation: moveDown .8s ease-in-out .4s backwards;
	animation: moveDown 1.6s ease-in-out .2s backwards
}
.s_w .active .cp_center_img img {
	opacity: 1;
	-webkit-transition: 1.2s ease-in-out .6s backwards;
	-webkit-transition-delay: ease;
	-moz-transition: 1.2s ease-in-out .6s backwards ease;
	-o-transition: 1.2s ease-in-out .6s backwards ease;
	transition: 1.2s ease-in-out .6s backwards ease;
	-webkit-animation: moveDown 1.2s ease-in-out .6s backwards;
	-moz-animation: moveDown 1.2s ease-in-out .6s backwards;
	-o-animation: moveDown 1.2s ease-in-out .6s backwards;
	-ms-animation: moveDown 1.2s ease-in-out .6s backwards;
	animation: moveDown 1.2s ease-in-out .6s backwards
}


.s_w .active.pull_r .img_w  {
	opacity: 1;
	-webkit-transition: 1.2s ease-in-out .6s backwards;
	-webkit-transition-delay: ease;
	-moz-transition: 1.2s ease-in-out .6s backwards ease;
	-o-transition: 1.2s ease-in-out .6s backwards ease;
	transition: 1.2s ease-in-out .6s backwards ease;

	-webkit-animation: moveLeft 1.1s ease-in-out .6s backwards;
	-moz-animation: moveLeft 1.1s ease-in-out .6s backwards;
	-o-animation: moveLeft 1.1s ease-in-out .6s backwards;
	-ms-animation: moveLeft 1.1s ease-in-out .6s backwards;
	animation: moveLeft 1.1s ease-in-out .6s backwards
}




.s_w .active.pull_l .img_w  {
	-webkit-animation: moveRight 1.2s ease-in-out .6s backwards;
	-moz-animation: moveRight 1.2s ease-in-out .6s backwards;
	-o-animation: moveRight 1.2s ease-in-out .6s backwards;
	-ms-animation: moveRight 1.2s ease-in-out .6s backwards;
	animation: moveRight 1.2s ease-in-out .6s backwards
}
@-webkit-keyframes moveRight {
	0% {
		-webkit-transform:translateX(-40px);
		-webkit-opacity:1
	}
	100% {
		-webkit-transform:translateX(0px);
		-webkit-opacity:1
	}
}
@-moz-keyframes moveRight {
	0% {
		-moz-transform:translateX(-40px);
		-moz-opacity:1
	}
	100% {
		-moz-transform:translateX(0px);
		-moz-opacity:1
	}
}
@-o-keyframes moveRight {
	0% {
		-o-transform:translateX(-40px);
		-o-opacity:1
	}
	100% {
		-o-transform:translateX(0px);
		-o-opacity:1
	}
}
@keyframes moveRight {
	0% {
		transform:translateX(-40px);
		opacity:1
	}
	100% {
		transform:translateX(0px);
		opacity:1
	}
}



/*底部*/
#footer {
	background-color: #16222f;;
	color: #627183;
	padding-top: 10px;
	padding-bottom: 20px;
	max-width: 100%;
	overflow: hidden
}
#footer .footer_advantage_w {
	max-width: 100%;
	overflow: hidden
}
#footer .footer_advantage_w .con {
	padding: 0;
	border-bottom: 1px solid #273448
}
#footer .container {
	padding: 0
}
#footer .container .col-md-2 {
	padding: 0;
	width: 13%
}
#footer .footer_advantage {
	color: #72767b;
	padding: 30px 0;
	margin-right: -270px
}
#footer .footer_advantage_w .advantage_list {
	color: #d4dcf7;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	float: left;
	width: 25%;
	height: 100%
}
#footer .footer_advantage_w .advantage_list .icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 10px
}
#footer .footer_advantage_w .advantage_list .icon_1 {
	background: url(../images/icon_advantage.png) no-repeat 0 0
}
#footer .footer_advantage_w .advantage_list .icon_2 {
	background: url(../images/icon_advantage.png) no-repeat 0 -42px
}
#footer .footer_advantage_w .advantage_list .icon_3 {
	background: url(../images/icon_advantage.png) no-repeat 0 -84px
}
#footer .footer_advantage_w .advantage_list .icon_4 {
	background: url(../images/icon_advantage.png) no-repeat 0 -126px
}
#footer .footer_w {
	padding: 30px 0 30px 0
}
#footer .footer_w h5 {
	margin-bottom: 20px
}
#footer .footer_w h5, #footer .footer_w h5 a {
	color: #d4dcf7;
	font-size: 14px;
}
#footer .footer_w h5:hover, #footer .footer_w h5 a:hover {
	color: #008fd7
}
#footer .footer_menu a {
	line-height: 32px;
	color: #627183
}
#footer .footer_menu a:hover {
	color: #009deb
}
#footer .erweima_w {
	overflow: hidden
}
#footer .erweima_w .f_erweima_img {
	width: 110px;
	float: left;
	margin-top: 13px;
	margin-right: 20px
}
#footer .erweima_w .f_erweima_img img {
	max-width: 110px;
	color: #262a33
}
#footer .erweima_w .f_contact_text {
	float: left;
	color: #d4dcf7
}
#footer .erweima_w .f_contact_text h1 {
	font-size: 32px;
	font-weight: 700;
	margin: 20px 0 20px 0
}
#footer .erweima_w .f_contact_text p {
	letter-spacing: 2px
}
#footer .erweima_w .f_contact_btn {
	float: left
}

@media screen and (max-width:1400px) {
#footer .container {
	padding: 0 15px
}
#footer .footer_advantage {
	padding: 30px 15px;
	margin-right: 0
}
}
#footer .erweima_w .f_contact_btn .btn_view_footer {
	display: block;
	display: inline-block;
	width: auto;
	min-width: 60px;
	padding: 0 30px;
	height: 42px;
	line-height: 42px;
	margin: 24px 30px 0 0;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	background-color: #009deb;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}
.f_contact_btn .btn_view_footer:hover {
	background-color: #008fd7
}
#footer .erweima_w .f_contact_btn .btn_view_yellow {
	background-color: #ffb22d
}
.copyright_w {
	overflow: hidden;
	line-height: 32px
}
.copyright_w .copyright_span {
	float: left
}
.copyright_w .copyright_span a {
	color: #627183
}
.copyright_w .copyright_span a:hover {
	color: #008fd7
}
.copyright_w .safe_w {
	float: right;
	opacity: .8;
	filter: alpha(opacity=100)\5
}
.copyright_w .safe_w a {
	padding-left: 5px
}
.copyright_w .safe_w a img {
	width: 24px
}
.footer {
	background-color: #262a33;
	height: auto;
	padding: 10px 0 10px 0
}
.footer, .footer .f_nav_w p, .footer .f_nav_w a {
	color: #AAA
}
.footer .f_nav_w .f_padding {
	padding-top: 30px
}
.footer .f_nav_w li {
	list-style: none;
	margin: 8px 0
}
.footer .footer_bottom_w {
	margin-top: 20px;
	color: #999
}
.footer .footer_bottom_w a {
	color: #999
}
.footer .footer_bottom_w .safe_w {
	margin-top: 25px
}
.footer .footer_bottom_w .copy_w .f_nav {
	overflow: hidden
}
.footer .footer_bottom_w .copy_w .copyright {
	padding-top: 0;
	text-align: left;
	line-height: 24px
}
.footer .footer_bottom_w .copy_w .f_nav span {
	float: left;
	margin-right: 20px;
	line-height: 24px
}
.footer .footer_bottom_w .safe_w li {
	margin-right: 8px
}
.footer .link_w {
	margin-top: 10px;
	margin-bottom: 20px;
	height: auto
}
.footer .link_w #yqlj {
	position: relative;
	cursor: pointer;
	padding-right: 10px;
	padding-left: 10px;
	color: #AAA
}
.footer .link_w .yqljnr {
	display: none
}
.footer .on .yqljnr {
	display: block
}
.footer .on #yqlj {
	color: #08a3f0
}
.footer .link_w #yqlj i {
	position: absolute;
	font-family: "宋体";
	margin-left: 5px;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
.footer .on #yqlj i {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #08a3f0
}
.footer .link_w #yqljnr {
	width: 100%
}
.footer .link_w #yqljnr a {
	padding-right: 12px;
	font-size: 12px;
	color: #999
}
.footer .link_w #yqljnr a:hover {
	color: #FFF
}
.footer a:hover {
	color: #fff
}

/*移动端底部*/

@media(max-width:970px) {
	#footer {
		display: none
	}
	.m_footerr_w {
		display: block
	}
	.m_footer_nav_w {
		display: block
	}
	#goTopBtn {
		right: 10px;
		bottom: 10px
	}
	#doyoo_monitor, #doyoo_panel, #doyoo_share {
		display: none!important
	}
}


.m_footerr_w {
	background-color: #2c3656;
	background-image: -moz-linear-gradient( 0deg, rgb(24,27,32) 0%, rgb(45,55,89) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(24,27,32) 0%, rgb(45,55,89) 100%);
	background-image: linear-gradient( 0deg, rgb(24,27,32) 0%, rgb(45,55,89) 100%);
	color: #8d9db0;
	padding: 50px 10px;
}
.m_footerr_w .m_footerr {
	max-width:750px;
	margin: 0 auto
}

.m_footerr_w .m_footer_t_l {
	float: left;
	font-size: 16px;
	color: #657a92;
	line-height: 24Px
}
.m_footerr_w .m_footer_t_l .m_footer_phone {
	font-size: 32px;
	margin: 20px auto;
	color: #9db9d8
}
.m_footerr_w .m_footer_t_r {
	float: right;
	margin: 10px auto;
	text-align: center;
}
.m_footerr_w .m_footer_t_r span {
	display: block;	
	margin:0 auto;
	min-width: 1rem;	
	text-align: center;	
}

.m_footerr_w .m_footer_t_r span img {
	display: block;	
	margin:0 auto;
	min-width: 1rem;	
	text-align: center;	
}
.m_footer_nav_w {
	position: fixed;
	z-index: 999;
	bottom: 0;
	height: 50px;
	min-width: 240px;
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;
	color: #42566e;
	font-size: 12px;
	text-align: center
}
.m_footer_nav_w .m_footer_nav {
	max-width: 1200px;
	margin: 0 auto
}
.m_footer_nav_w .m_footer_nav li a {
	display: block;
	float: left;
	width: 50%;
	height: 50px;
	text-align: center;
	min-height: 1px;
	padding: 5px 5px;
	font-size: 14px;
	color: #36475a;
	border: 1px solid #e7e7e7;
	border-right: 0
}
.m_footer_nav_w .m_footer_nav li a div {
	width: 120px;
	height: 50px;
	margin: 5px auto
}
.m_footer_nav_w .m_footer_nav li a:hover {
	color: #089af8;
	background-color: #f2f2f2
}
.m_footer_nav_w .m_footer_nav li a p {
	margin: 0;
	line-height: 12px;
	height: 32px;
	line-height: 32px;
	float: left
}
.m_footer_nav_w .m_footer_nav li a .m_footer_icon {
	display: block;
	width: 34px;
	height: 32px;
	margin: 0 auto;
	float: left
}
.m_footer_nav_w .m_footer_nav li a .m_icon_ty {
	background: url(../images/m_gift.png) no-repeat 0 0;
	background-size: cover
}
.m_footer_nav_w .m_footer_nav li a .m_icon_zx {
	background: url(../images/m_chak.png) no-repeat 0 0;
	background-size: cover
}
.m_footer_nav_w .m_footer_nav li a .m_icon_xz {
	background: url(../images/m_download.png) no-repeat 0 0;
	background-size: cover
}
.m_footer_nav_w .m_footer_nav li a .m_icon_dh {
	background: url(../images/m_tel.png) no-repeat 0 0;
	background-size: cover
}
.m_footer_nav_w .m_footer_nav li a:hover .m_footer_icon {
	background-position: 0 -34px
}


@media(min-width:992px) {
	.m_footerr_w {
		display: none
	}
	.m_footer_nav_w {
		display: none
	}
}

@media(max-width:750px) {
	.m_footerr_w .m_footer_t_l {
		float: none;
		width: 100%;
		text-align: center;
		margin:0 auto 0.4rem auto;
		font-size: 0.24rem;
		line-height: 20px;
		overflow: hidden;
	}
	.m_footerr_w .m_footer_t_l p{
		font-size: 0.24rem;
		line-height: 1.4;	
	}
	.m_footerr_w .m_footer_t_l .m_footer_phone {
		font-size: 68px;
		font-size: 0.68rem;
		margin:0.3rem auto;	
		font-weight: 700;
		font-family: "num", Helvetica, arial, sans-serif
	}
	.m_footerr_w .m_footer_t_r {
		float: none;
		text-align: center;
		margin: 10px auto
	}
	.m_footerr_w .m_footer_t_r span {
		margin:0 auto;
		text-align: center;
	}
}



.totop { width: 42px; height: 42px; position: fixed; z-index: 99; right: 42px; bottom: 42px; display: none; -webkit-border-radius: 30px; -moz-border-radius: 30px;border-radius: 30px; background: url(../images/totop.png) no-repeat 0 0px; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
.totop:hover { background: url(../images/totop.png) no-repeat 0 -42px;  -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }

/*图片放大*/
.bigimg{
	width:600px;
	position: fixed;
	left: 0;
	top: 0; 
	right: 0;
	bottom: 0;
	margin:auto;
	display: none;
	z-index:9999;
	border: 10px solid #fff;
}
.mask{
	position: fixed;
	left: 0;
	top: 0; 
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity:0.5;
	filter: Alpha(opacity=50);
	z-index: 98;
	transition:all 1s;
	display: none
}

.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}

/*常用动画*/

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

@-webkit-keyframes moveDown {
	0% {
		-webkit-transform:translateY(30px);
		-webkit-opacity:1
	}
	100% {
		-webkit-transform:translateY(0px);
		-webkit-opacity:1
	}
}
@-moz-keyframes moveDown {
	0% {
		-webkit-transform:translateY(30px);
		-webkit-opacity:1
	}
	100% {
		-webkit-transform:translateY(0px);
		-webkit-opacity:1
	}
}
@-moz-keyframes moveDown {
	0% {
		-moz-transform:translateY(30px);
		-moz-opacity:1
	}
	100% {
		-moz-transform:translateY(0px);
		-moz-opacity:1
	}
}
@keyframes moveDown {
	0% {
		transform:translateY(30px);
		opacity:1
	}
	100% {
		transform:translateY(0px);
		opacity:1
	}
}


@-webkit-keyframes moveLeft {
	0% {
		-webkit-transform:translateX(40px);
		-webkit-opacity:0
	}
	100% {
		-webkit-transform:translateX(0px);
		-webkit-opacity:1
	}
}
@-moz-keyframes movemoveLeft {
	0% {
		-moz-transform:translateX(40px);
		-moz-opacity:0
	}
	100% {
		-moz-transform:translateX(0px);
		-moz-opacity:1
	}
}
@-o-keyframes movemoveLeft {
	0% {
		-o-transform:translateX(40px);
		-o-opacity:0
	}
	100% {
		-o-transform:translateX(0px);
		-o-opacity:1
	}
}
@keyframes movemoveLeft {
	0% {
		transform:translateX(0px);
		opacity:0
	}
	100% {
		transform:translateX(40px);
		opacity:1
	}
}


@-webkit-keyframes fade_side_15 {
	0% {
		-webkit-opacity:0;
		-webkit-transform:translateX(0px) translateY(0)
	}
	50% {
		-webkit-opacity:1
	}
	100% {
		-webkit-opacity:0;
		-webkit-transform:translateX(45px) translateY(-45px)
	}
}
@-moz-keyframes fade_side_15 {
	0% {
		-moz-opacity:0;
		-moz-transform:translateX(0px) translateY(0)
	}
	50% {
		-moz-opacity:1
	}
	100% {
		-moz-opacity:0;
		-moz-transform:translateX(45px) translateY(-45px)
	}
}
@keyframes fade_side_15 {
	0% {
		opacity:0;
		transform:translateX(0px) translateY(0)
	}
	50% {
		opacity:1
	}
	100% {
		opacity:0;
		transform:translateX(45px) translateY(-45px)
	}
}

@-webkit-keyframes updown {
	0% {
		-webkit-transform:translateY(0.4rem)
	}
	50% {
		-webkit-transform:translateY(0px)
	}
	100% {
		-webkit-transform:translateY(0.4rem)
	}
}
@-moz-keyframes updown {
	0% {
		-moz-transform:translateY(0.4rem)
	}
	50% {
		-moz-transform:translateY(0px)
	}
	100% {
		-moz-transform:translateY(0.4rem)
	}
}

@-o-keyframes updown {
	0% {
		-o-transform:translateY(0.4rem)
	}
	50% {
		-o-transform:translateY(0px)
	}
	100% {
		-o-transform:translateY(0.4rem)
	}
}
@keyframes updown {
	0% {
		transform:translateY(0.4rem)
	}
	50% {
		transform:translateY(0px)
	}
	100% {
		transform:translateY(0.4rem)
	}
}


/*list_animation ul li通用向上缓动*/
.list_animation li {
	opacity: 1;

	-webkit-transform:translate(0,0.32rem);
	-moz-transform:translate(0,0.32rem);
	transform:translate(0,0.32rem);

	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	transition: all .8s ease 0s;	
}
.list_animation li:nth-child(1) {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	transition-delay: .1s
}
.list_animation li:nth-child(2) {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s
}
.list_animation li:nth-child(3) {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s
}
.list_animation li:nth-child(4) {
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s 
}
.list_animation li:nth-child(5) {
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	transition-delay: 0.5s
}
.list_animation li:nth-child(6) {
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	transition-delay: 0.6s
}
.list_animation li:nth-child(7) {
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	transition-delay: 0.7s
}
.list_animation li:nth-child(8) {
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	transition-delay: 0.8s
}
.list_animation li:nth-child(9) {
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	transition-delay: 0.9s
}
.list_animation li:nth-child(10) {
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	transition-delay: 1s
}
.list_animation li:nth-child(11) {
	-webkit-transition-delay: 1.1s;
	-moz-transition-delay: 1.1s;
	transition-delay: 1.1s
}
.list_animation li:nth-child(12) {
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	transition-delay: 1.2s
}
/*.active 触发动画*/
.list_animation.active  li {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	transform:translate(0,0);
}