@charset "utf-8";
	/* CSS Document*/
	@font-face {
	font-family: 'Nexa Light';
	/*字体名称*/
	src: url('../fonts/NexaLight.otf');
	/*字体源文件*/
}

/*reset*/
body {
	color:#444;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:"微软雅黑","宋体","arial","sans-serif";
	text-align:left;
	background:#fff;
	min-width:1120px;
	overflow-x:hidden;
}
@media(max-width:1024px) {
	html {
	width:1024px;
	overflow-x:hidden;
}
body {
	min-width:1024px;
	width:1024px;
	overflow-x:hidden;
	padding-top:0;
}
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {
	margin:0;
	padding:0;
	outline:none;
}
ul,ol,dl,dt,dd,li {
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:12px;
	font-weight:normal;
}
address,cite,code,em,th {
	font-weight:normal;
	font-style:normal;
}
a {
	text-decoration:none;
	color:#444;
	blr:expression(this.onFocus=this.blur());
	outline: none;
}
a:hover {
	text-decoration:none;
	color:#1c55a6;
}
a:visited {
	text-decoration:none;
}
a:focus {
	outline:none;
	-moz-outline:none;
}
.clearBoth {
	clear:both;
}
img {
	vertical-align:top;
	border:0;
}
.cB {
	clear:both;
}
.cA:after {
	content:".";
	visibility:hidden;
	clear:both;
	height:0;
	display:block;
}
.cA {
	zoom:1;
}
.pR {
	position:relative;
}
.pA {
	position:absolute;
}
.l0 {
	left:0;
}
.r0 {
	right:0;
}
.t0 {
	top:0;
}
.b0 {
	bottom:0;
}
.fL {
	float:left;
}
.fR {
	float:right;
}
.mobileMenuMain {
	display:none;
}
/*top*/
	.top {
	width:100%;
	height:33px;
	background:#555;
	position:fixed;
	top:0;
	left:0;
}
/*topMain*/
	.top .topMain {
	width:1120px;
	height:33px;
	margin:0 auto;
}
@media screen and (max-width:1024px) {
	.top {
		width:1024px;
		height:33px;
		position:fixed;
		top:0;
		left:0;
	}
	.top .topMain {
		width:96%;
	}
	.mobileMenuMain {
		display:none;
	}
}
/*topLeft*/
.top .topMain .topLeft {
	width:350px;
	height:33px;
	line-height:33px;
	font-size:12px;
	color:#c2c2c2;
}
.top .topMain .topLeft span {
	width:100px;
	height:17px;
	line-height:17px;
	background:url(../home/bg.png) 0 0 no-repeat;
	margin:0 0 0 29px;
	padding:0 0 0 20px;
}
/*topRight*/
	.top .topMain ul.topRight {
	width:auto;
	height:33px;
	color:#C1C1C1;
	z-index:99999999;
}
.top .topMain ul.topRight li {
	width:auto;
	height:33px;
	line-height:33px;
	background:url(../home/bg_menu_li.png) right 7px no-repeat;
	display:inline-block;
	float:left;
	position:relative;
	cursor:pointer;
}
.top .topMain ul.topRight li a {
	font-size:12px;
	color:#c1c1c1;
	display:inline-block;
	padding:0 12px;
}
.top .topMain ul.topRight li a:hover {
	color:#df032b;
}
.top .topMain ul.topRight li.wechat {
	width:18px;
	height:15px;
	display:block;
	background:url(../home/bg_wechat.png) 12px 9px no-repeat;
	padding:9px 12px;
}
.top .topMain ul.topRight li.wechat:hover {
	background:url(../home/bg_wechat_hover.png) 12px 9px no-repeat;
}
.top .topMain ul.topRight li.weibo {
	width:18px;
	height:15px;
	display:block;
	background:url(../home/bg_weibo.png) 12px 9px no-repeat;
	padding:9px 12px;
}
.top .topMain ul.topRight li.weibo:hover {
	background:url(../home/bg_weibo_hover.png) 12px 9px no-repeat;
}
.top .topMain ul.topRight li.message {
	width:10px;
	height:17px;
	display:block;
	background:url(../home/bg_message.png) 12px 8px no-repeat;
	padding:8px 12px;
}
.top .topMain ul.topRight li.message:hover {
	background:url(../home/bg_message_hover.png) 12px 8px no-repeat;
}
img.topWechat {
	width:145px;
	height:145px;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	top:-145px;
	left:50%;
	z-index:9;
	margin:0 0 0 400px;
}
img.topweibo {
	width:145px;
	height:145px;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	top:-145px;
	left:50%;
	z-index:9;
	margin:0 0 0 400px;
}
img.topMobilesite {
	width:145px;
	height:145px;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	top:-145px;
	left:50%;
	z-index:9;
	margin:0 0 0 400px;
}
@media screen and (max-width:1024px) {
	img.topWechat {
	margin:0 0 0 320px;
}
img.topweibo {
	margin:0 0 0 350px;
}
img.topMobilesite {
	margin:0 0 0 320px;
}
}
.topImgHover {
	animation:toprightimg 0.5s ease-in-out 0s both;
	-moz-animation:toprightimg 0.5s ease-in-out 0s both;
	-webkit-animation:toprightimg 0.5s ease-in-out 0s both;
	-o-animation:toprightimg 0.5s ease-in-out 0s both;
}
@keyframes toprightimg {
	0% {
	top:33px;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
100% {
	top:33px;
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
}
@-moz-keyframes toprightimg {
	0% {
	top:33px;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
100% {
	top:33px;
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
}
@-webkit-keyframes toprightimg {
	0% {
	top:33px;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
100% {
	top:33px;
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
}
@-o-keyframes toprightimg {
	0% {
	top:33px;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
100% {
	top:33px;
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
}
/*menu*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align:baseline;
}
header {
	width:100%;
	z-index:999;
	background:#fff;
	display:block;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
}
@media screen and (max-width:1024px) {
	header {
	width:96%;
	display:block;
	padding:0 2%;
}
}
.menuMain {
	width:1120px;
	height:81px;
	margin:33px auto 0;
	padding:0;
}
@media screen and (max-width:1024px) {
	.menuMain {
	width:1024px;
}
}
header #logo {
	display:inline-block;
	height:47px;
	line-height:47px;
	margin:17px 0;
	float:left;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
header nav {
	display:inline-block;
	float:right;
	padding:0 20px;
	width:auto;
	height:auto;
	background:none;
	position:static;
	top:auto;
	left:auto;
	right:auto;
	z-index:auto;
}
header nav ul.nav {
	width:auto;
	height:auto;
}
header nav li {
	width:auto;
	height:81px;
	display:inline-block;
	float:left;
	cursor:pointer;
	margin:auto;
}
header nav li a {
	width:auto;
	height:81px;
	line-height:81px;
	font-size:15px;
	color:#555;
	font-weight:normal;
	border-bottom:none;
	display:block;
	padding:0 25px;
}
@media screen and (max-width:1024px) {
	header nav li a {
	font-size:17px;
	padding:0 20px;
}
}
header nav li a:hover {
	color:#df0029;
}
header nav li a.current,header nav li.cur a {
	color:#df0029;
}
header .menuMain nav ul.nav li .mobileHiddenMenu {
	display:none;
	width:100%;
	height:auto;
	border-bottom:1px solid #ccc;
}
header.smaller {
	height:60px;
	display:block;
	position:fixed;
	top:0;
	left:0;
	margin:0;
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.1);
	box-shadow:3px 3px 3px rgba(0,0,0,.1);
}
header.smaller nav li {
	height:60px;
}
header.smaller nav li a {
	height:60px;
	line-height:60px;
}
header.smaller .top {
	display:none;
}
header.smaller .menuMain {
	margin:0 auto;
}
header.smaller #logo {
	width:202px;
	height:47px;
	line-height:47px;
	margin:6px 0;
}
header.smaller .subMenuMain {
	top:60px;
}
.subMenuMain {
	width:1120px;
	height:auto;
	overflow:hidden;
	display:none;
	border-top:1px solid #ececec;
	background:#fff;
	position:absolute;
	top:114px;
	left:50%;
	z-index:99999999999999999;
	margin:0 0 0 -1560px;
	padding:0 1000px;
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.1);
	box-shadow:3px 3px 3px rgba(0,0,0,.1);
	background-color:rgba(255,255,255,.95);
}
@media screen and (max-width:1024px) {
.subMenuMain {
	width:100%;
	height:auto;
	margin:0 0 0 -1480px;
}
}	.subMenu {
	height:200px;
	margin:0 0 23px;
	padding:23px 0 0;
	overflow:hidden;
}
/*update 20160328*/
	.arrow1 {
	background-image:url(../home/bg_menu_li_.png);
	background-repeat:no-repeat;
	/*update 20160328*/
	background-position:558px 0;
	/*update 20160328*/
	 }
.arrow2 {
	background-image:url(../home/bg_menu_li_.png);
	background-repeat:no-repeat;
	/*update 20160328*/
	background-position:673px 0;
	/*update 20160328*/
	 }
.arrow3 {
	background-image:url(../home/bg_menu_li_.png);
	background-repeat:no-repeat;
	/*update 20160328*/
	background-position:770px 0;
	/*update 20160328*/
	 }
.arrow4 {
	background-image:url(../home/bg_menu_li_.png);
	background-repeat:no-repeat;
	/*update 20160328*/
	background-position:865px 0;
	/*update 20160328*/
	 }
.arrow5 {
	background-image:url(../home/bg_menu_li_.png);
	background-repeat:no-repeat;
	/*update 20160328*/
	background-position:963px 0;
	/*update 20160328*/
	 }
/*.arrow1 {
	background-image:url(../home/bg_menu_li_.png);
	background-repeat:no-repeat;
	background-position:1480px 0;
}
.arrow2 {
	background-image:url(../home/bg_menu_li_.png);
	background-repeat:no-repeat;
	background-position:1600px 0;
}
.arrow3 {
	background-image:url(../home/bg_menu_li_.png);
	background-repeat:no-repeat;
	background-position:1695px 0;
}
.arrow4 {
	background-image:url(../home/bg_menu_li_.png);
	background-repeat:no-repeat;
	background-position:1810px 0;
}
.arrow5 {
	background-image:url(../home/bg_menu_li_.png);
	background-repeat:no-repeat;
	background-position:1865px 0;
}
.arrow6 {
	background-image:url(../home/bg_menu_li_.png);
	background-repeat:no-repeat;
	background-position:1960px 0;
}*/
.subMenuMain .subMenuList {
	width:auto;
	max-width:360px;
	height:auto;
	border-right:none;
	display:inline-block;
	float:left;
	padding:0 20px;
}
.subMenuMain .subMenuList p {
	width:auto;
	height:auto;
	line-height:24px;
}
.subMenuMain .subMenuList p.subMenuTitle {
	width:auto;
	height:24px;
	line-height:24px;
	font-size:17px;
	color:#333;
	margin:12px 0 12px;
}
.subMenuMain .subMenuList p a {
	font-size:14px;
	color:#888;
}
.subMenuMain .subMenuList p a:hover {
	color:#df0029;
}
.subMenuMain .subMenuList p.subMenuTitle a {
	font-size:15px;
	color:#333;
}
.subMenuMain .pas {
	width:300px;
	height:140px;
	border-right:1px solid #ececec;
	display:inline-block;
	float:left;
	margin:0 50px 0 0;
}
.subMenuMain p.pasTit1 {
	width:280px;
	height:38px;
	line-height:38px;
	font-size:30px;
	color:#df0029;
}
.subMenuMain p.pasTit2 {
	width:280px;
	height:30px;
	line-height:30px;
	font-size:20px;
	color:#c1c1c1;
	font-family:"arial";
	margin:1px 0 0;
}
.subMenuMain p.pasCon {
	width:280px;
	line-height:25px;
	font-size:16px;
	color:#888;
	margin:12px 0 0;
}
@media screen and (max-width:1024px) {
	.subMenuMain .pas {
	width:200px;
	margin:0 20px 0 0;
}
.subMenuMain p.pasTit1 {
	width:200px;
	height:38px;
	line-height:38px;
	font-size:30px;
	color:#df0029;
}
.subMenuMain p.pasTit2 {
	width:200px;
	height:30px;
	line-height:30px;
	font-size:20px;
	color:#c1c1c1;
	font-family:"arial";
	margin:1px 0 0;
}
.subMenuMain p.pasCon {
	width:200px;
	line-height:25px;
	font-size:16px;
	color:#888;
	margin:12px 0 0;
}
}
.menu-case-type {
	height:30px;
	line-height:30px;
	color:#333;
	font-size:15px;
	margin-top:12px;
	margin-left:30px;
}
.menu-case-type a,.menu-case-industry a {
	display:inline-block;
	color:#888;
	font-size:15px;
	padding:0 15px 0 0;
}
.menu-case-type a:hover,.menu-case-industry a:hover {
	color:#df0029;
}
.menu-case-industry {
	margin-top:10px;
	line-height:30px;
	color:#333;
	font-size:15px;
}
/* focus*/
	.slide-main {
	height:580px;
	position:relative;
	margin:0px 0 0;
}
.prev,.next {
	display:block;
	width:44px;
	height:44px;
	position:absolute;
	z-index:222;
	top:267px;
	overflow:hidden;
	cursor:pointer;
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	_border:1px solid none;
}
.prev {
	left:70px;
}
.next {
	right:70px;
}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
.item {
	display:block;
	width:100%;
	height:5px;
	position:absolute;
	z-index:124;
	top:540px;
	left:0;
	text-align:center;
}
.item a {
	display:inline-block;
	width:24px;
	height:5px;
	margin-right:11px;
	background:#444;
	opacity:0.3;
	-moz-opacity:0.3;
	filter:alpha(opacity=30);
	overflow:hidden;
}
.item a.cur {
	background:#fff;
}
.slide-box,.slide {
	display:block;
	width:100%;
	height:580px;
	overflow:hidden;
}
.slide-box {
	position:relative;
}
.slide {
	display:none;
	position:absolute;
	z-index:8;
}
.slide-box .row {
	position:relative;
}
.slide-ele {
	position:absolute;
	z-index:9;
}
/* 首页幻灯*/
	/* update 2018.8.23*/
	.banAnimate .slide5 {
	height:580px;
	width:100%;
	animation-name:bannerSlide5-bg;
	animation: bannerSlide5-bg 1s ease 0s normal none;
	-moz-animation: bannerSlide5-bg 1s ease 0s normal none;
	-webkit-animation: bannerSlide5-bg 1s ease 0s normal none;
	-o-animation: bannerSlide5-bg 1s ease 0s normal none;
}
.banAnimate .slide5-b {
	top:87px;
	left:280px;
	animation: bannerSlide5-r 1s ease 0s normal none;
	-moz-animation: bannerSlide5-r 1s ease 0s normal none;
	-webkit-animation: bannerSlide5-r 1s ease 0s normal none;
	-o-animation: bannerSlide5-r 1s ease 0s normal none;
}
.banAnimate .slide5-b1 {
	top:97px;
	left:400px;
	animation: bannerSlide5-b1 0.5s ease 0s normal none;
	-moz-animation: bannerSlide5-b1 0.5s ease 0s normal none;
	-webkit-animation: bannerSlide5-b1 0.5s ease 0s normal none;
	-o-animation: bannerSlide5-b1 0.5s ease 0s normal none;
}
.banAnimate .slide5-b2 {
	top:136px;
	left:215px;
	animation: bannerSlide5-b2 1s ease 0s normal none;
	-moz-animation: bannerSlide5-b2 1s ease 0s normal none;
	-webkit-animation: bannerSlide5-b2 1s ease 0s normal none;
	-o-animation: bannerSlide5-b2 1s ease 0s normal none;
}
.banAnimate .slide5-b3 {
	top:243px;
	left:368px;
	animation: bannerSlide5-b3 1s ease 0s normal none;
	-moz-animation: bannerSlide5-b3 1s ease 0s normal none;
	-webkit-animation: bannerSlide5-b3 1s ease 0s normal none;
	-o-animation: bannerSlide5-b3 1s ease 0s normal none;
}
.banAnimate .slide5-b4 {
	top:285px;
	left:370px;
	animation: bannerSlide5-b4 1.3s ease 0s normal none;
	-moz-animation: bannerSlide5-b4 1.3s ease 0s normal none;
	-webkit-animation: bannerSlide5-b4 1.3s ease 0s normal none;
	-o-animation: bannerSlide5-b4 1.3s ease 0s normal none;
}
.banAnimate .slide5-b5 {
	top:345px;
	left:388px;
	animation: bannerSlide5-b5 1.6s ease 0s normal none;
	-moz-animation: bannerSlide5-b5 1.6s ease 0s normal none;
	-webkit-animation: bannerSlide5-b5 1.6s ease 0s normal none;
	-o-animation: bannerSlide5-b5 1.6s ease 0s normal none;
}
.banAnimate .slide5-b6 {
	top:385px;
	left:470px;
	animation: bannerSlide5-b6 2s ease 0s normal none;
	-moz-animation: bannerSlide5-b6 2s ease 0s normal none;
	-webkit-animation: bannerSlide5-b6 2s ease 0s normal none;
	-o-animation: bannerSlide5-b6 2s ease 0s normal none;
}
@-webkit-keyframes bannerSlide5-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes bannerSlide5-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@keyframes bannerSlide5-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-webkit-keyframes bannerSlide5-r {
	from {
	opacity:0;
	top:280px;
	left:500px;
	transform:scale(0,0);
}
to {
	opacity:1;
	top:87px;
	left:280px;
	transform:scale(1,1);
}
}
@-moz-keyframes bannerSlide5-r {
	from {
	opacity:0;
	top:280px;
	left:500px;
	transform:scale(0,0);
}
to {
	opacity:1;
	top:87px;
	left:280px;
	transform:scale(1,1);
}
}
@keyframes bannerSlide5-r {
	from {
	opacity:0;
	top:280px;
	left:500px;
	transform:scale(0,0);
}
to {
	opacity:1;
	top:87px;
	left:280px;
	transform:scale(1,1);
}
}
@-webkit-keyframes bannerSlide5-b1 {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:97px;
}
}
@-moz-keyframes bannerSlide5-b1 {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:97px;
}
}
@keyframes bannerSlide5-b1 {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:97px;
}
}
@-webkit-keyframes bannerSlide5-b2 {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:136px;
}
}
@-moz-keyframes bannerSlide5-b2 {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:136px;
}
}
@keyframes bannerSlide5-b2 {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:136px;
}
}
@-webkit-keyframes bannerSlide5-b3 {
	from {
	opacity:0;
	top:400px;
}
to {
	opacity:1;
	top:243px;
}
}
@-moz-keyframes bannerSlide5-b3 {
	from {
	opacity:0;
	top:400px;
}
to {
	opacity:1;
	top:243px;
}
}
@keyframes bannerSlide5-b3 {
	from {
	opacity:0;
	top:400px;
}
to {
	opacity:1;
	top:243px;
}
}
@-webkit-keyframes bannerSlide5-b4 {
	from {
	opacity:0;
	top:500px;
}
to {
	opacity:1;
	top:285px;
}
}
@-moz-keyframes bannerSlide5-b4 {
	from {
	opacity:0;
	top:500px;
}
to {
	opacity:1;
	top:285px;
}
}
@keyframes bannerSlide5-b4 {
	from {
	opacity:0;
	top:500px;
}
to {
	opacity:1;
	top:285px;
}
}
@-webkit-keyframes bannerSlide5-b5 {
	from {
	opacity:0;
	top:550px;
}
to {
	opacity:1;
	top:345px;
}
}
@-moz-keyframes bannerSlide5-b5 {
	from {
	opacity:0;
	top:550px;
}
to {
	opacity:1;
	top:345px;
}
}
@keyframes bannerSlide5-b5 {
	from {
	opacity:0;
	top:550px;
}
to {
	opacity:1;
	top:345px;
}
}
@-webkit-keyframes bannerSlide5-b6 {
	from {
	opacity:0;
	top:600px;
}
to {
	opacity:1;
	top:385px;
}
}
@-moz-keyframes bannerSlide5-b6 {
	from {
	opacity:0;
	top:600px;
}
to {
	opacity:1;
	top:385px;
}
}
@keyframes bannerSlide5-b6 {
	from {
	opacity:0;
	top:600px;
}
to {
	opacity:1;
	top:385px;
}
}
/* update 2018.8.23*/
	.banAnimate .slide1 {
	height:580px;
	width:100%;
	animation-name:bannerSlide1-bg;
	animation: bannerSlide1-bg 1s ease 0s normal none;
	-moz-animation: bannerSlide1-bg 1s ease 0s normal none;
	-webkit-animation: bannerSlide1-bg 1s ease 0s normal none;
	-o-animation: bannerSlide1-bg 1s ease 0s normal none;
}
.banAnimate .slide1-a {
	top:162px;
	left:208px;
	animation: bannerSlide1-l 1s ease 0s normal none;
	-moz-animation: bannerSlide1-l 1s ease 0s normal none;
	-webkit-animation: bannerSlide1-l 1s ease 0s normal none;
	-o-animation: bannerSlide1-l 1s ease 0s normal none;
}
.banAnimate .slide1-b {
	top:198px;
	right:233px;
	animation: bannerSlide1-r 1s ease 0s normal none;
	-moz-animation: bannerSlide1-r 1s ease 0s normal none;
	-webkit-animation: bannerSlide1-r 1s ease 0s normal none;
	-o-animation: bannerSlide1-r 1s ease 0s normal none;
}
@-webkit-keyframes bannerSlide1-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes bannerSlide1-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@keyframes bannerSlide1-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-webkit-keyframes bannerSlide1-l {
	from {
	opacity:0;
	left:0;
}
to {
	opacity:1;
	left:208px;
}
}
@-moz-keyframes bannerSlide1-l {
	from {
	opacity:0;
	left:0;
}
to {
	opacity:1;
	left:208px;
}
}
@keyframes bannerSlide1-l {
	from {
	opacity:0;
	left:0;
}
to {
	opacity:1;
	left:208px;
}
}
@-webkit-keyframes bannerSlide1-r {
	from {
	opacity:0;
	right:0;
}
to {
	opacity:1;
	right:233px;
}
}
@-moz-keyframes bannerSlide1-r {
	from {
	opacity:0;
	right:0;
}
to {
	opacity:1;
	right:233px;
}
}
@keyframes bannerSlide1-r {
	from {
	opacity:0;
	right:0;
}
to {
	opacity:1;
	right:233px;
}
}
.slide2 {
	position:relative;
	height:580px;
	width:100%;
	animation-name:bannerSlide2-bg;
	animation:bannerSlide2-bg 1s ease-out 0s normal none;
	-moz-animation:bannerSlide2-bg 1s ease-out 0s normal none;
	-webkit-animation:bannerSlide2-bg 1s ease-out 0s normal none;
	-o-animation:bannerSlide2-bg 1s ease-out 0s normal none;
}
.slide2-a {
	position:absolute;
	top:199px;
	left:-15px;
	animation-name:bannerSlide2-t;
	animation: bannerSlide2-t 1s ease 0s normal none;
	-moz-animation: bannerSlide2-t 1s ease 0s normal none;
	-webkit-animation: bannerSlide2-t 1s ease 0s normal none;
	-o-animation: bannerSlide2-t 1s ease 0s normal none;
}
.slide2-b {
	position:absolute;
	top:90px;
	right:-15px;
	animation-name:bannerSlide2-b;
	animation: bannerSlide2-b 1s ease 0s normal none;
	-moz-animation: bannerSlide2-b 1s ease 0s normal none;
	-webkit-animation: bannerSlide2-b 1s ease 0s normal none;
	-o-animation: bannerSlide2-b 1s ease 0s normal none;
}
@-webkit-keyframes bannerSlide2-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes bannerSlide2-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@keyframes bannerSlide2-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-webkit-keyframes bannerSlide2-t {
	from {
	opacity:0;
	top:580px;
}
to {
	opacity:1;
	top:199px;
}
}
@-moz-keyframes bannerSlide2-t {
	from {
	opacity:0;
	top:580px;
}
to {
	opacity:1;
	top:199px;
}
}
@keyframes bannerSlide2-t {
	from {
	opacity:0;
	top:580px;
}
to {
	opacity:1;
	top:199px;
}
}
@-webkit-keyframes bannerSlide2-b {
	from {
	opacity:0;
	top:0;
}
to {
	opacity:1;
	top:90px;
}
}
@-moz-keyframes bannerSlide2-b {
	from {
	opacity:0;
	top:0;
}
to {
	opacity:1;
	top:90px;
}
}
@keyframes bannerSlide2-b {
	from {
	opacity:0;
	top:0;
}
to {
	opacity:1;
	top:90px;
}
}
.slide3 {
	height:580px;
	width:100%;
	animation-name:bannerSlide2-bg;
	animation: bannerSlide2-bg 1s ease-out 0s normal none;
	-moz-animation: bannerSlide2-bg 1s ease-out 0s normal none;
	-webkit-animation: bannerSlide2-bg 1s ease-out 0s normal none;
	-o-animation: bannerSlide2-bg 1s ease-out 0s normal none;
}
.slide3-a {
	top:123px;
	left:183px;
	animation: bannerSlide3-jt 1s ease 0s normal none;
	-moz-animation: bannerSlide3-jt 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-jt 1s ease 0s normal none;
	-o-animation: bannerSlide3-jt 1s ease 0s normal none;
}
.slide3-b {
	top:123px;
	right:184px;
	animation: bannerSlide3-jr 1s ease 0s normal none;
	-moz-animation: bannerSlide3-jr 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-jr 1s ease 0s normal none;
	-o-animation: bannerSlide3-jr 1s ease 0s normal none;
}
.slide3-c {
	top:394px;
	right:184px;
	animation: bannerSlide3-jb 1s ease 0s normal none;
	-moz-animation: bannerSlide3-jb 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-jb 1s ease 0s normal none;
	-o-animation: bannerSlide3-jb 1s ease 0s normal none;
}
.slide3-d {
	top:394px;
	left:183px;
	animation: bannerSlide3-jl 1s ease 0s normal none;
	-moz-animation: bannerSlide3-jl 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-jl 1s ease 0s normal none;
	-o-animation: bannerSlide3-jl 1s ease 0s normal none;
}
.slide3-e {
	top:125px;
	left:183px;
	animation: bannerSlide3-center 1s ease 0s normal none;
	-moz-animation: bannerSlide3-center 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-center 1s ease 0s normal none;
	-o-animation: bannerSlide3-center 1s ease 0s normal none;
}
.slide3-f {
	top:198px;
	left:237px;
	animation: bannerSlide3-center 1s ease 0s normal none;
	-moz-animation: bannerSlide3-center 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-center 1s ease 0s normal none;
	-o-animation: bannerSlide3-center 1s ease 0s normal none;
}
.slide3-g {
	top:500px;
	left:391px;
	animation: bannerSlide3-tel 1s ease 0s normal none;
	-moz-animation: bannerSlide3-tel 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-tel 1s ease 0s normal none;
	-o-animation: bannerSlide3-tel 1s ease 0s normal none;
}
/*@-webkit-keyframes bannerSlide2-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes bannerSlide2-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@keyframes bannerSlide2-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}*/
	@-webkit-keyframes bannerSlide3-jt {
	from {
	opacity:0;
	top:0px;
	left:0;
}
to {
	opacity:1;
	top:123px;
	left:183px;
}
}	@-moz-keyframes bannerSlide3-jt {
	from {
	opacity:0;
	top:0px;
	left:0;
}
to {
	opacity:1;
	top:123px;
	left:183px;
}
}	@keyframes bannerSlide3-jt {
	from {
	opacity:0;
	top:0px;
	left:0;
}
to {
	opacity:1;
	top:123px;
	left:183px;
}
}
@-webkit-keyframes bannerSlide3-jr {
	from {
	opacity:0;
	top:0;
	right:0;
}
to {
	opacity:1;
	top:123px;
	right:184px;
}
}	@-moz-keyframes bannerSlide3-jr {
	from {
	opacity:0;
	top:0;
	right:0;
}
to {
	opacity:1;
	top:123px;
	right:184px;
}
}	@keyframes bannerSlide3-jr {
	from {
	opacity:0;
	top:0;
	right:0;
}
to {
	opacity:1;
	top:123px;
	right:184px;
}
}
@-webkit-keyframes bannerSlide3-jb {
	from {
	opacity:0;
	top:600px;
	right:0;
}
to {
	opacity:1;
	top:394px;
	right:184px;
}
}	@-moz-keyframes bannerSlide3-jb {
	from {
	opacity:0;
	top:600px;
	right:0;
}
to {
	opacity:1;
	top:394px;
	right:184px;
}
}	@keyframes bannerSlide3-jb {
	from {
	opacity:0;
	top:600px;
	right:0;
}
to {
	opacity:1;
	top:394px;
	right:184px;
}
}
@-webkit-keyframes bannerSlide3-jl {
	from {
	opacity:0;
	top:600px;
	left:0;
}
to {
	opacity:1;
	top:394px;
	left:183px;
}
}	@-moz-keyframes bannerSlide3-jl {
	from {
	opacity:0;
	top:600px;
	left:0;
}
to {
	opacity:1;
	top:394px;
	left:183px;
}
}	@keyframes bannerSlide3-jl {
	from {
	opacity:0;
	top:600px;
	left:0;
}
to {
	opacity:1;
	top:394px;
	left:183px;
}
}
@-webkit-keyframes bannerSlide3-center {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}	@-moz-keyframes bannerSlide3-center {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}	@keyframes bannerSlide3-center {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}
@-webkit-keyframes bannerSlide3-tel {
	from {
	opacity:0;
	top:600px;
}
to {
	opacity:1;
	top:500px;
}
}	@-moz-keyframes bannerSlide3-tel {
	from {
	opacity:0;
	top:600px;
}
to {
	opacity:1;
	top:500px;
}
}	@keyframes bannerSlide3-tel {
	from {
	opacity:0;
	top:600px;
}
to {
	opacity:1;
	top:500px;
}
}
.banAnimate .slide4 {
	height:580px;
	width:100%;
	animation-name:bannerSlide4-bg;
	animation: bannerSlide4-bg 1s ease 0s normal none;
	-moz-animation: bannerSlide4-bg 1s ease 0s normal none;
	-webkit-animation: bannerSlide4-bg 1s ease 0s normal none;
	-o-animation: bannerSlide4-bg 1s ease 0s normal none;
}
.banAnimate .slide4-a {
	top:80px;
	left:100px;
	animation: bannerSlide4-l 1s ease 0s normal none;
	-moz-animation: bannerSlide4-l 1s ease 0s normal none;
	-webkit-animation: bannerSlide4-l 1s ease 0s normal none;
	-o-animation: bannerSlide4-l 1s ease 0s normal none;
}
.banAnimate .slide4-b {
	top:350px;
	left:80px;
	animation: bannerSlide4-r 1s ease 0s normal none;
	-moz-animation: bannerSlide4-r 1s ease 0s normal none;
	-webkit-animation: bannerSlide4-r 1s ease 0s normal none;
	-o-animation: bannerSlide4-r 1s ease 0s normal none;
}
@-webkit-keyframes bannerSlide4-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes bannerSlide4-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@keyframes bannerSlide4-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-webkit-keyframes bannerSlide4-l {
	from {
	opacity:0;
	left:600px;
}
to {
	opacity:1;
	left:100px;
}
}
@-moz-keyframes bannerSlide4-l {
	from {
	opacity:0;
	left:600px;
}
to {
	opacity:1;
	left:100px;
}
}
@keyframes bannerSlide4-l {
	from {
	opacity:0;
	left:600px;
}
to {
	opacity:1;
	left:100px;
}
}
@-webkit-keyframes bannerSlide4-r {
	from {
	opacity:0;
	left:-100px;
}
to {
	opacity:1;
	left:80px;
}
}
@-moz-keyframes bannerSlide4-r {
	from {
	opacity:0;
	left:-100px;
}
to {
	opacity:1;
	left:80px;
}
}
@keyframes bannerSlide4-r {
	from {
	opacity:0;
	left:-100px;
}
to {
	opacity:1;
	left:80px;
}
}
.banAnimate .obj-b {
	display:block;
	animation-name:saAni;
	-webkit-animation:saAni 0.4s linear 0s normal none;
	-moz-animation:saAni 0.4s linear 0s normal none;
	animation:saAni 0.4s linear 0s normal none;
}
@-webkit-keyframes saAni {
	from {
	opacity:0;
	-webkit-transform:scale(0,0);
}
to {
	opacity:1;
	-webkit-transform:scale(1,1);
}
}
@-moz-keyframes saAni {
	from {
	opacity:0;
	-moz-transform:scale(0,0);
}
to {
	opacity:1;
	-moz-transform:scale(1,1);
}
}
@keyframes saAni {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}
.watch-code.code-show {
	display:block;
	animation-name:scode;
	-webkit-animation:scode 0.3s linear 0s normal none;
	-moz-animation:scode 0.3s linear 0s normal none;
	animation:scode 0.3s linear 0s normal none;
}
@-webkit-keyframes scode {
	from {
	opacity:0;
	-webkit-transform:scale(1,0);
	transform-origin:left bottom;
}
to {
	opacity:1;
	-webkit-transform:scale(1,1);
	transform-origin: left bottom;
}
}
@-moz-keyframes scode {
	from {
	opacity:0;
	-moz-transform:scale(1,0);
	transform-origin:left bottom;
}
to {
	opacity:1;
	-moz-transform:scale(1,1);
	transform-origin:bottom bottom;
}
}
@keyframes scode {
	from {
	opacity:0;
	transform:scale(1,0);
	transform-origin:left bottom;
}
to {
	opacity:1;
	transform:scale(1,1);
	transform-origin: left bottom;
}
}
.banAnimate .obj-c,.banAnimate .obj-e {
	display:block;
	animation-name:saAnic;
	-webkit-animation:saAnic 0.3s linear 0s normal none;
	-moz-animation:saAnic 0.3s linear 0s normal none;
	animation:saAnic 0.3s linear 0s normal none;
}
@-webkit-keyframes saAnic {
	from {
	opacity:0;
	left:47%;
}
to {
	opacity:1;
	left:50%;
}
}
@-moz-keyframes saAnic {
	from {
	opacity:0;
	left:47%;
}
to {
	opacity:1;
	left:50%;
}
}
@keyframes saAnic {
	from {
	opacity:0;
	left:47%;
}
to {
	opacity:1;
	left:50%;
}
}
.banAnimate .obj-d,.banAnimate .obj-f {
	display:block;
	animation-name:saAnid;
	-webkit-animation:saAnid 0.3s linear 0s normal none;
	-moz-animation:saAnid 0.3s linear 0s normal none;
	animation:saAnid 0.3s linear 0s normal none;
}
@-webkit-keyframes saAnid {
	from {
	opacity:0;
	left:53%;
}
to {
	opacity:1;
	left:50%;
}
}
@-moz-keyframes saAnid {
	from {
	opacity:0;
	left:53%;
}
to {
	opacity:1;
	left:50%;
}
}
@keyframes saAnid {
	from {
	opacity:0;
	left:53%;
}
to {
	opacity:1;
	left:50%;
}
}
/* update 2018.9.21*/
	.slide6 {
	position:relative;
	height:580px;
	width:100%;
	animation-name:bannerSlide6-bg;
	animation:bannerSlide6-bg 1s ease-out 0s normal none;
	-moz-animation:bannerSlide6-bg 1s ease-out 0s normal none;
	-webkit-animation:bannerSlide6-bg 1s ease-out 0s normal none;
	-o-animation:bannerSlide6-bg 1s ease-out 0s normal none;
}
.slide6-a {
	position:absolute;
	top:-30px;
	left:-360px;
	animation-name:bannerSlide6-a;
	animation: bannerSlide6-a 3s ease 0s normal none;
	-moz-animation: bannerSlide6-a 3s ease 0s normal none;
	-webkit-animation: bannerSlide6-a 3s ease 0s normal none;
	-o-animation: bannerSlide6-a 3s ease 0s normal none;
}
.slide6-b {
	position:absolute;
	top:-30px;
	left:789px;
	animation-name:bannerSlide6-b;
	animation: bannerSlide6-b 3s ease 0s normal none;
	-moz-animation: bannerSlide6-b 3s ease 0s normal none;
	-webkit-animation: bannerSlide6-b 3s ease 0s normal none;
	-o-animation: bannerSlide6-b 3s ease 0s normal none;
}
.slide6-c {
	position:absolute;
	top:86px;
	left:130px;
	animation-name:bannerSlide6-c;
	animation: bannerSlide6-c 2s ease 0s normal none;
	-moz-animation: bannerSlide6-c 2s ease 0s normal none;
	-webkit-animation: bannerSlide6-c 2s ease 0s normal none;
	-o-animation: bannerSlide6-c 2s ease 0s normal none;
}
@-webkit-keyframes bannerSlide6-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes bannerSlide6-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@keyframes bannerSlide6-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-webkit-keyframes bannerSlide6-a {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:-30px;
}
}
@-moz-keyframes bannerSlide6-a {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:-30px;
}
}
@keyframes bannerSlide6-a {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:-30px;
}
}
@-webkit-keyframes bannerSlide6-b {
	from {
	opacity:0;
	top:20px;
	left:730px;
}
to {
	opacity:1;
	top:-30px;
	left:789px;
}
}
@-moz-keyframes bannerSlide6-b {
	from {
	opacity:0;
	top:20px;
	left:730px;
}
to {
	opacity:1;
	top:-30px;
	left:789px;
}
}
@keyframes bannerSlide6-b {
	from {
	opacity:0;
	top:20px;
	left:700px;
}
to {
	opacity:1;
	top:-30px;
	left:789px;
}
}
@-webkit-keyframes bannerSlide6-c {
	from {
	opacity:0;
	top:0;
}
to {
	opacity:1;
	top:86px;
}
}
@-moz-keyframes bannerSlide6-c {
	from {
	opacity:0;
	top:0;
}
to {
	opacity:1;
	top:86px;
}
}
@keyframes bannerSlide6-c {
	from {
	opacity:0;
	top:0;
}
to {
	opacity:1;
	top:86px;
}
}
/* update 2018.9.21*/
	/* update 2018.9.30*/
	.slide1 {
	position:relative;
	height:580px;
	width:100%;
	animation-name:bannerSlide6-bg;
	animation:bannerSlide6-bg 1s ease-out 0s normal none;
	-moz-animation:bannerSlide6-bg 1s ease-out 0s normal none;
	-webkit-animation:bannerSlide6-bg 1s ease-out 0s normal none;
	-o-animation:bannerSlide6-bg 1s ease-out 0s normal none;
}
.slide7-1 {
	position:absolute;
	top:0px;
	left:-410px;
	animation-name:bannerSlide7-1;
	animation: bannerSlide7-1 1s ease 0s normal none;
	-moz-animation: bannerSlide7-1 1s ease 0s normal none;
	-webkit-animation: bannerSlide7-1 1s ease 0s normal none;
	-o-animation: bannerSlide7-1 1s ease 0s normal none;
}
.slide7-1-2 {
	position:absolute;
	top:0px;
	left:-390px;
	animation-name:bannerSlide7-1-2;
	animation: bannerSlide7-1-2 1s ease 0s normal none;
	-moz-animation: bannerSlide7-1-2 1s ease 0s normal none;
	-webkit-animation: bannerSlide7-1-2 1s ease 0s normal none;
	-o-animation: bannerSlide7-1-2 1s ease 0s normal none;
}
.slide7-2 {
	position:absolute;
	top:0px;
	left:-360px;
	animation-name:bannerSlide7-2;
	animation: bannerSlide7-2 1s ease 0s normal none;
	-moz-animation: bannerSlide7-2 1s ease 0s normal none;
	-webkit-animation: bannerSlide7-2 1s ease 0s normal none;
	-o-animation: bannerSlide7-2 1s ease 0s normal none;
}
.slide7-3 {
	position:absolute;
	top:0px;
	left:-360px;
	animation-name:bannerSlide7-3;
	animation: bannerSlide7-3 2s ease 0s normal none;
	-moz-animation: bannerSlide7-3 2s ease 0s normal none;
	-webkit-animation: bannerSlide7-3 2s ease 0s normal none;
	-o-animation: bannerSlide7-3 2s ease 0s normal none;
}
.slide7-4 {
	position:absolute;
	top:0px;
	left:-360px;
	animation-name:bannerSlide7-4;
	animation: bannerSlide7-4 2s ease 0s normal none;
	-moz-animation: bannerSlide7-4 2s ease 0s normal none;
	-webkit-animation: bannerSlide7-4 2s ease 0s normal none;
	-o-animation: bannerSlide7-4 2s ease 0s normal none;
}
.slide7-5 {
	position:absolute;
	top:0px;
	left:-360px;
	animation-name:bannerSlide7-5;
	animation: bannerSlide7-5 1s ease 0s normal none;
	-moz-animation: bannerSlide7-5 1s ease 0s normal none;
	-webkit-animation: bannerSlide7-5 1s ease 0s normal none;
	-o-animation: bannerSlide7-5 1s ease 0s normal none;
}
@-webkit-keyframes bannerSlide7-1 {
	from {
	opacity:0;
	top:-50px;
}
to {
	opacity:1;
	top:-0px;
}
}	@-moz-keyframes bannerSlide7-1 {
	from {
	opacity:0;
	top:-50px;
}
to {
	opacity:1;
	top:-0px;
}
}	@keyframes bannerSlide7-1 {
	from {
	opacity:0;
	top:-50px;
}
to {
	opacity:1;
	top:-0px;
}
}
@-webkit-keyframes bannerSlide7-1-2 {
	from {
	opacity:0;
	top:50px;
}
to {
	opacity:1;
	top:-0px;
}
}	@-moz-keyframes bannerSlide7-1-2 {
	from {
	opacity:0;
	top:50px;
}
to {
	opacity:1;
	top:-0px;
}
}	@keyframes bannerSlide7-1-2 {
	from {
	opacity:0;
	top:50px;
}
to {
	opacity:1;
	top:-0px;
}
}
@-webkit-keyframes bannerSlide7-2 {
	from {
	top:200px;
}
to {
	top:-0px;
}
}	@-moz-keyframes bannerSlide7-2 {
	from {
	top:200px;
}
to {
	top:-0px;
}
}	@keyframes bannerSlide7-2 {
	from {
	top:200px;
}
to {
	top:-0px;
}
}
@-webkit-keyframes bannerSlide7-3 {
	from {
	opacity:0;
	top:-100px;
}
to {
	opacity:1;
	top:0px;
}
}	@-moz-keyframes bannerSlide7-3 {
	from {
	opacity:0;
	top:-100px;
}
to {
	opacity:1;
	top:0px;
}
}	@keyframes bannerSlide7-3 {
	from {
	opacity:0;
	top:-100px;
}
to {
	opacity:1;
	top:0px;
}
}
@-webkit-keyframes bannerSlide7-4 {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}	@-moz-keyframes bannerSlide7-4 {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}	@keyframes bannerSlide7-4 {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-webkit-keyframes bannerSlide7-5 {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}	@-moz-keyframes bannerSlide7-5 {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}	@keyframes bannerSlide7-5 {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}
/* update 2018.9.30*/
	/* update 2018.12.13 金牌运营管家*/
	.guanjia-1 {
	position:absolute;
	top:97px;
	left:470px;
	opacity:0;
	animation-name:bannerGuanjia-1;
	animation: bannerGuanjia-1 7s ease 0s normal none;
	-moz-animation: bannerGuanjia-1 7s ease 0s normal none;
	-webkit-animation: bannerGuanjia-1 7s ease 0s normal none;
	-o-animation: bannerGuanjia-1 7s ease 0s normal none;
}
.guanjia-1-1 {
	position:absolute;
	top:101px;
	left:154px;
	opacity:0;
	animation-name:bannerGuanjia-1-1;
	animation: bannerGuanjia-1-1 7s ease 0s normal none;
	-moz-animation: bannerGuanjia-1-1 7s ease 0s normal none;
	-webkit-animation: bannerGuanjia-1-1 7s ease 0s normal none;
	-o-animation: bannerGuanjia-1-1 7s ease 0s normal none;
}
.guanjia-1-2 {
	position:absolute;
	top:229px;
	left:74px;
	opacity:0;
	animation-name:bannerGuanjia-1-2;
	animation: bannerGuanjia-1-2 7s ease 0s normal none;
	-moz-animation: bannerGuanjia-1-2 7s ease 0s normal none;
	-webkit-animation: bannerGuanjia-1-2 7s ease 0s normal none;
	-o-animation: bannerGuanjia-1-2 7s ease 0s normal none;
}
.guanjia-1-3 {
	position:absolute;
	top:337px;
	left:114px;
	opacity:0;
	animation-name:bannerGuanjia-1-3;
	animation: bannerGuanjia-1-3 7s ease 0s normal none;
	-moz-animation: bannerGuanjia-1-3 7s ease 0s normal none;
	-webkit-animation: bannerGuanjia-1-3 7s ease 0s normal none;
	-o-animation: bannerGuanjia-1-3 7s ease 0s normal none;
}
.guanjia-1-4 {
	position:absolute;
	top:447px;
	left:184px;
	opacity:0;
	animation-name:bannerGuanjia-1-4;
	animation: bannerGuanjia-1-4 7s ease 0s normal none;
	-moz-animation: bannerGuanjia-1-4 7s ease 0s normal none;
	-webkit-animation: bannerGuanjia-1-4 7s ease 0s normal none;
	-o-animation: bannerGuanjia-1-4 7s ease 0s normal none;
}
.guanjia-1-5 {
	position:absolute;
	top:439px;
	left:818px;
	opacity:0;
	animation-name:bannerGuanjia-1-5;
	animation: bannerGuanjia-1-5 7s ease 0s normal none;
	-moz-animation: bannerGuanjia-1-5 7s ease 0s normal none;
	-webkit-animation: bannerGuanjia-1-5 7s ease 0s normal none;
	-o-animation: bannerGuanjia-1-5 7s ease 0s normal none;
}
.guanjia-1-6 {
	position:absolute;
	top:328px;
	left:820px;
	opacity:0;
	animation-name:bannerGuanjia-1-6;
	animation: bannerGuanjia-1-6 7s ease 0s normal none;
	-moz-animation: bannerGuanjia-1-6 7s ease 0s normal none;
	-webkit-animation: bannerGuanjia-1-6 7s ease 0s normal none;
	-o-animation: bannerGuanjia-1-6 7s ease 0s normal none;
}
.guanjia-1-7 {
	position:absolute;
	top:181px;
	left:892px;
	opacity:0;
	animation-name:bannerGuanjia-1-7;
	animation: bannerGuanjia-1-7 7s ease 0s normal none;
	-moz-animation: bannerGuanjia-1-7 7s ease 0s normal none;
	-webkit-animation: bannerGuanjia-1-7 7s ease 0s normal none;
	-o-animation: bannerGuanjia-1-7 7s ease 0s normal none;
}
.guanjia-1-8 {
	position:absolute;
	top:75px;
	left:735px;
	opacity:0;
	animation-name:bannerGuanjia-1-8;
	animation: bannerGuanjia-1-8 7s ease 0s normal none;
	-moz-animation: bannerGuanjia-1-8 7s ease 0s normal none;
	-webkit-animation: bannerGuanjia-1-8 7s ease 0s normal none;
	-o-animation: bannerGuanjia-1-8 7s ease 0s normal none;
}
.guanjia-2 {
	position:absolute;
	top:158px;
	left:189px;
	opacity:1;
	animation-name:bannerGuanjia-2;
	animation: bannerGuanjia-2 7s ease 0s normal none;
	-moz-animation: bannerGuanjia-2 7s ease 0s normal none;
	-webkit-animation: bannerGuanjia-2 7s ease 0s normal none;
	-o-animation: bannerGuanjia-2 7s ease 0s normal none;
}
.guanjia-2-1 {
	position:absolute;
	top:198px;
	left:483px;
	opacity:1;
	animation-name:bannerGuanjia-2-1;
	animation: bannerGuanjia-2-1 7s ease 0s normal none;
	-moz-animation: bannerGuanjia-2-1 7s ease 0s normal none;
	-webkit-animation: bannerGuanjia-2-1 7s ease 0s normal none;
	-o-animation: bannerGuanjia-2-1 7s ease 0s normal none;
}
.guanjia-2-2 {
	position:absolute;
	top:302px;
	left:483px;
	opacity:1;
	animation-name:bannerGuanjia-2-2;
	animation: bannerGuanjia-2-2 7s ease 0s normal none;
	-moz-animation: bannerGuanjia-2-2 7s ease 0s normal none;
	-webkit-animation: bannerGuanjia-2-2 7s ease 0s normal none;
	-o-animation: bannerGuanjia-2-2 7s ease 0s normal none;
}
@-webkit-keyframes bannerGuanjia-1 {
	0% {
	opacity:0;
	transform:scale(0,0);
}
10% {
	opacity:1;
	transform:scale(1,1);
}
50% {
	opacity:1;
	transform:scale(1,1);
}
60% {
	opacity:0;
	transform:scale(0,0);
}
}	@-moz-keyframes bannerGuanjia-1 {
	0% {
	opacity:0;
	transform:scale(0,0);
}
10% {
	opacity:1;
	transform:scale(1,1);
}
50% {
	opacity:1;
	transform:scale(1,1);
}
60% {
	opacity:0;
	transform:scale(0,0);
}
}	@keyframes bannerGuanjia-1 {
	0% {
	opacity:0;
	transform:scale(0,0);
}
10% {
	opacity:1;
	transform:scale(1,1);
}
50% {
	opacity:1;
	transform:scale(1,1);
}
60% {
	opacity:0;
	transform:scale(0,0);
}
}
@-webkit-keyframes bannerGuanjia-1-1 {
	0% {
	opacity:0;
	top:50px;
	left:0px;
}
10% {
	opacity:1;
	top:101px;
	left:154px;
}
50% {
	opacity:1;
	top:101px;
	left:154px;
}
60% {
	opacity:0;
	top:50px;
	left:0px;
}
}	@-moz-keyframes bannerGuanjia-1-1 {
	0% {
	opacity:0;
	top:50px;
	left:0px;
}
10% {
	opacity:1;
	top:101px;
	left:154px;
}
50% {
	opacity:1;
	top:101px;
	left:154px;
}
60% {
	opacity:0;
	top:50px;
	left:0px;
}
}	@keyframes bannerGuanjia-1-1 {
	0% {
	opacity:0;
	top:50px;
	left:0px;
}
10% {
	opacity:1;
	top:101px;
	left:154px;
}
50% {
	opacity:1;
	top:101px;
	left:154px;
}
60% {
	opacity:0;
	top:50px;
	left:0px;
}
}
@-webkit-keyframes bannerGuanjia-1-2 {
	0% {
	opacity:0;
	top:210px;
	left:-100px;
}
10% {
	opacity:1;
	top:229px;
	left:74px;
}
50% {
	opacity:1;
	top:229px;
	left:74px;
}
60% {
	opacity:0;
	top:210px;
	left:-100px;
}
}	@-moz-keyframes bannerGuanjia-1-2 {
	0% {
	opacity:0;
	top:210px;
	left:-100px;
}
10% {
	opacity:1;
	top:229px;
	left:74px;
}
50% {
	opacity:1;
	top:229px;
	left:74px;
}
60% {
	opacity:0;
	top:210px;
	left:-100px;
}
}	@keyframes bannerGuanjia-1-2 {
	0% {
	opacity:0;
	top:210px;
	left:-100px;
}
10% {
	opacity:1;
	top:229px;
	left:74px;
}
50% {
	opacity:1;
	top:229px;
	left:74px;
}
60% {
	opacity:0;
	top:210px;
	left:-100px;
}
}
@-webkit-keyframes bannerGuanjia-1-3 {
	0% {
	opacity:0;
	top:360px;
	left:0px;
}
10% {
	opacity:1;
	top:337px;
	left:114px;
}
50% {
	opacity:1;
	top:337px;
	left:114px;
}
60% {
	opacity:0;
	top:360px;
	left:0px;
}
}	@-moz-keyframes bannerGuanjia-1-3 {
	0% {
	opacity:0;
	top:360px;
	left:0px;
}
10% {
	opacity:1;
	top:337px;
	left:114px;
}
50% {
	opacity:1;
	top:337px;
	left:114px;
}
60% {
	opacity:0;
	top:360px;
	left:0px;
}
}	@keyframes bannerGuanjia-1-3 {
	0% {
	opacity:0;
	top:360px;
	left:0px;
}
10% {
	opacity:1;
	top:337px;
	left:114px;
}
50% {
	opacity:1;
	top:337px;
	left:114px;
}
60% {
	opacity:0;
	top:360px;
	left:0px;
}
}
@-webkit-keyframes bannerGuanjia-1-4 {
	0% {
	opacity:0;
	top:500px;
	left:0px;
}
10% {
	opacity:1;
	top:447px;
	left:184px;
}
50% {
	opacity:1;
	top:447px;
	left:184px;
}
60% {
	opacity:0;
	top:500px;
	left:0px;
}
}	@-moz-keyframes bannerGuanjia-1-4 {
	0% {
	opacity:0;
	top:500px;
	left:0px;
}
10% {
	opacity:1;
	top:447px;
	left:184px;
}
50% {
	opacity:1;
	top:447px;
	left:184px;
}
60% {
	opacity:0;
	top:500px;
	left:0px;
}
}	@keyframes bannerGuanjia-1-4 {
	0% {
	opacity:0;
	top:500px;
	left:0px;
}
10% {
	opacity:1;
	top:447px;
	left:184px;
}
50% {
	opacity:1;
	top:447px;
	left:184px;
}
60% {
	opacity:0;
	top:500px;
	left:0px;
}
}
@-webkit-keyframes bannerGuanjia-1-5 {
	0% {
	opacity:0;
	top:500px;
	left:1000px;
}
10% {
	opacity:1;
	top:439px;
	left:818px;
}
50% {
	opacity:1;
	top:439px;
	left:818px;
}
60% {
	opacity:0;
	top:500px;
	left:1000px;
}
}	@-moz-keyframes bannerGuanjia-1-5 {
	0% {
	opacity:0;
	top:500px;
	left:1000px;
}
10% {
	opacity:1;
	top:439px;
	left:818px;
}
50% {
	opacity:1;
	top:439px;
	left:818px;
}
60% {
	opacity:0;
	top:500px;
	left:1000px;
}
}	@keyframes bannerGuanjia-1-5 {
	0% {
	opacity:0;
	top:500px;
	left:1000px;
}
10% {
	opacity:1;
	top:439px;
	left:818px;
}
50% {
	opacity:1;
	top:439px;
	left:818px;
}
60% {
	opacity:0;
	top:500px;
	left:1000px;
}
}
@-webkit-keyframes bannerGuanjia-1-6 {
	0% {
	opacity:0;
	top:350px;
	left:1000px;
}
10% {
	opacity:1;
	top:328px;
	left:820px;
}
50% {
	opacity:1;
	top:328px;
	left:820px;
}
60% {
	opacity:0;
	top:350px;
	left:1000px;
}
}	@-moz-keyframes bannerGuanjia-1-6 {
	0% {
	opacity:0;
	top:350px;
	left:1000px;
}
10% {
	opacity:1;
	top:328px;
	left:820px;
}
50% {
	opacity:1;
	top:328px;
	left:820px;
}
60% {
	opacity:0;
	top:350px;
	left:1000px;
}
}	@keyframes bannerGuanjia-1-6 {
	0% {
	opacity:0;
	top:350px;
	left:1000px;
}
10% {
	opacity:1;
	top:328px;
	left:820px;
}
50% {
	opacity:1;
	top:328px;
	left:820px;
}
60% {
	opacity:0;
	top:350px;
	left:1000px;
}
}
@-webkit-keyframes bannerGuanjia-1-7 {
	0% {
	opacity:0;
	top:160px;
	left:1000px;
}
10% {
	opacity:1;
	top:181px;
	left:892px;
}
50% {
	opacity:1;
	top:181px;
	left:892px;
}
60% {
	opacity:0;
	top:160px;
	left:1000px;
}
}	@-moz-keyframes bannerGuanjia-1-7 {
	0% {
	opacity:0;
	top:160px;
	left:1000px;
}
10% {
	opacity:1;
	top:181px;
	left:892px;
}
50% {
	opacity:1;
	top:181px;
	left:892px;
}
60% {
	opacity:0;
	top:160px;
	left:1000px;
}
}	@keyframes bannerGuanjia-1-7 {
	0% {
	opacity:0;
	top:160px;
	left:1000px;
}
10% {
	opacity:1;
	top:181px;
	left:892px;
}
50% {
	opacity:1;
	top:181px;
	left:892px;
}
60% {
	opacity:0;
	top:160px;
	left:1000px;
}
}
@-webkit-keyframes bannerGuanjia-1-8 {
	0% {
	opacity:0;
	top:50px;
	left:800px;
}
10% {
	opacity:1;
	top:75px;
	left:735px;
}
50% {
	opacity:1;
	top:75px;
	left:735px;
}
60% {
	opacity:0;
	top:50px;
	left:800px;
}
}	@-moz-keyframes bannerGuanjia-1-8 {
	0% {
	opacity:0;
	top:50px;
	left:800px;
}
10% {
	opacity:1;
	top:75px;
	left:735px;
}
50% {
	opacity:1;
	top:75px;
	left:735px;
}
60% {
	opacity:0;
	top:50px;
	left:800px;
}
}	@keyframes bannerGuanjia-1-8 {
	0% {
	opacity:0;
	top:50px;
	left:800px;
}
10% {
	opacity:1;
	top:75px;
	left:735px;
}
50% {
	opacity:1;
	top:75px;
	left:735px;
}
60% {
	opacity:0;
	top:50px;
	left:800px;
}
}
@-webkit-keyframes bannerGuanjia-2 {
	0% {
	opacity:0;
	left:250px;
}
50% {
	opacity:0;
	left:250px;
}
70% {
	opacity:1;
	left:189px;
}
100% {
	opacity:1;
	left:189px;
}
}	@-moz-keyframes bannerGuanjia-2 {
	0% {
	opacity:0;
	left:250px;
}
50% {
	opacity:0;
	left:250px;
}
70% {
	opacity:1;
	left:189px;
}
100% {
	opacity:1;
	left:189px;
}
}	@keyframes bannerGuanjia-2 {
	0% {
	opacity:0;
	left:250px;
}
50% {
	opacity:0;
	left:250px;
}
70% {
	opacity:1;
	left:189px;
}
100% {
	opacity:1;
	left:189px;
}
}
@-webkit-keyframes bannerGuanjia-2-1 {
	0% {
	opacity:0;
	top:300px;
}
60% {
	opacity:0;
	top:300px;
}
70% {
	opacity:1;
	top:198px;
}
100% {
	opacity:1;
	top:198px;
}
}	@-moz-keyframes bannerGuanjia-2-1 {
	0% {
	opacity:0;
	top:300px;
}
50% {
	opacity:0;
	top:300px;
}
70% {
	opacity:1;
	top:198px;
}
100% {
	opacity:1;
	top:198px;
}
}	@keyframes bannerGuanjia-2-1 {
	0% {
	opacity:0;
	top:300px;
}
50% {
	opacity:0;
	top:300px;
}
70% {
	opacity:1;
	top:198px;
}
100% {
	opacity:1;
	top:198px;
}
}
@-webkit-keyframes bannerGuanjia-2-2 {
	0% {
	opacity:0;
	top:400px;
}
50% {
	opacity:0;
	top:400px;
}
70% {
	opacity:1;
	top:302px;
}
100% {
	opacity:1;
	top:302px;
}
}	@-moz-keyframes bannerGuanjia-2-2 {
	0% {
	opacity:0;
	top:400px;
}
50% {
	opacity:0;
	top:400px;
}
70% {
	opacity:1;
	top:302px;
}
100% {
	opacity:1;
	top:302px;
}
}	@keyframes bannerGuanjia-2-2 {
	0% {
	opacity:0;
	top:400px;
}
50% {
	opacity:0;
	top:400px;
}
70% {
	opacity:1;
	top:302px;
}
100% {
	opacity:1;
	top:302px;
}
}
/* update 2018.12.13 end*/
	/* update 2018.12.27 元旦*/
	/*.yd2019-1-1 {
	position:absolute;
	top:0px;
	left:-400px;
	opacity:1;
	animation-name:yd2019-1-1;
	animation: yd2019-1-1 1s ease 0s normal none;
	-moz-animation: yd2019-1-1 1s ease 0s normal none;
	-webkit-animation: yd2019-1-1 1s ease 0s normal none;
	-o-animation: yd2019-1-1 1s ease 0s normal none;
}
.yd2019-1-2 {
	position:absolute;
	top:0px;
	right:-400px;
	opacity:1;
	animation-name:yd2019-1-2;
	animation: yd2019-1-2 1s ease 0s normal none;
	-moz-animation: yd2019-1-2 1s ease 0s normal none;
	-webkit-animation: yd2019-1-2 1s ease 0s normal none;
	-o-animation: yd2019-1-2 1s ease 0s normal none;
}
.yd2019-2 {
	position:absolute;
	top:78px;
	left:370px;
	opacity:1;
	animation-name:yd2019-2;
	animation: yd2019-2 1s ease 0s normal none;
	-moz-animation: yd2019-2 1s ease 0s normal none;
	-webkit-animation: yd2019-2 1s ease 0s normal none;
	-o-animation: yd2019-2 1s ease 0s normal none;
}
.yd2019-3 {
	position:absolute;
	top:200px;
	left:688px;
	opacity:1;
	animation-name:yd2019-3;
	animation: yd2019-3 1s ease 0s normal none;
	-moz-animation: yd2019-3 1s ease 0s normal none;
	-webkit-animation: yd2019-3 1s ease 0s normal none;
	-o-animation: yd2019-3 1s ease 0s normal none;
}
.yd2019-4 {
	position:absolute;
	top:464px;
	left:370px;
	opacity:1;
	animation-name:yd2019-4;
	animation: yd2019-4 1s ease 0s normal none;
	-moz-animation: yd2019-4 1s ease 0s normal none;
	-webkit-animation: yd2019-4 1s ease 0s normal none;
	-o-animation: yd2019-4 1s ease 0s normal none;
}
@-webkit-keyframes yd2019-1-1 {
	from {
	opacity:0;
	left:-200px;
}
to {
	opacity:1;
	left:-400px;
}
}	@-moz-keyframes yd2019-1-1 {
	from {
	opacity:0;
	left:-200px;
}
to {
	opacity:1;
	left:-400px;
}
}	@keyframes yd2019-1-1 {
	from {
	opacity:0;
	left:-200px;
}
to {
	opacity:1;
	left:-400px;
}
}
@-webkit-keyframes yd2019-1-2 {
	from {
	opacity:0;
	right:-200px;
}
to {
	opacity:1;
	right:-400px;
}
}	@-moz-keyframes yd2019-1-2 {
	from {
	opacity:0;
	right:-200px;
}
to {
	opacity:1;
	right:-400px;
}
}	@keyframes yd2019-1-2 {
	from {
	opacity:0;
	right:-200px;
}
to {
	opacity:1;
	right:-400px;
}
}
@-webkit-keyframes yd2019-2 {
	from {
	opacity:0;
	left:500px;
}
to {
	opacity:1;
	left:370px;
}
}	@-moz-keyframes yd2019-2 {
	from {
	opacity:0;
	left:500px;
}
to {
	opacity:1;
	left:370px;
}
}	@keyframes yd2019-2 {
	from {
	opacity:0;
	left:500px;
}
to {
	opacity:1;
	left:370px;
}
}
@-webkit-keyframes yd2019-3 {
	from {
	opacity:0;
	left:500px;
}
to {
	opacity:1;
	left:688px;
}
}	@-moz-keyframes yd2019-3 {
	from {
	opacity:0;
	left:500px;
}
to {
	opacity:1;
	left:688px;
}
}	@keyframes yd2019-3 {
	from {
	opacity:0;
	left:500px;
}
to {
	opacity:1;
	left:688px;
}
}
@-webkit-keyframes yd2019-4 {
	from {
	opacity:0;
	top:400px;
}
to {
	opacity:1;
	top:464px;
}
}	@-moz-keyframes yd2019-4 {
	from {
	opacity:0;
	top:400px;
}
to {
	opacity:1;
	top:464px;
}
}	@keyframes yd2019-4 {
	from {
	opacity:0;
	top:400px;
}
to {
	opacity:1;
	top:464px;
}
}*/

/* update 2020 newyear */
.newyear2020-1-1{ position:absolute; top:218px; left:0px;opacity:1; animation-name:newyear2020-1-1; animation: newyear2020-1-1 1s ease 0s normal none; -moz-animation: newyear2020-1-1 1s ease 0s normal none; -webkit-animation: newyear2020-1-1 1s ease 0s normal none; -o-animation: newyear2020-1-1 1s ease 0s normal none; }
.newyear2020-1-2{ position:absolute; top:229px; right:-20px;opacity:1; animation-name:newyear2020-1-2; animation: newyear2020-1-2 1s ease 0s normal none; -moz-animation: newyear2020-1-2 1s ease 0s normal none; -webkit-animation: newyear2020-1-2 1s ease 0s normal none; -o-animation: newyear2020-1-2 1s ease 0s normal none; }
.newyear2020-2{ position:absolute; top:104px; left:251px;opacity:1; animation-name:newyear2020-2; animation: newyear2020-2 1s ease 0s normal none; -moz-animation: newyear2020-2 1s ease 0s normal none; -webkit-animation: newyear2020-2 1s ease 0s normal none; -o-animation: newyear2020-2 1s ease 0s normal none; }

@-webkit-keyframes newyear2020-1-1{from{opacity:0; left:-150px;} to{opacity:1; left:0px;} }
		@-moz-keyframes newyear2020-1-1{from{opacity:0; left:-150px;} to{opacity:1; left:0px;} }
		@keyframes newyear2020-1-1{from{opacity:0; left:-150px;} to{opacity:1; left:0px;} }
@-webkit-keyframes newyear2020-1-2{from{opacity:0; right:-140px;} to{opacity:1; right:-20px;} }
		@-moz-keyframes newyear2020-1-2{from{opacity:0; right:-140px;} to{opacity:1; right:-20px;} }
		@keyframes newyear2020-1-2{from{opacity:0; right:-140px;} to{opacity:1; right:-20px;} }		
@-webkit-keyframes newyear2020-2{from{opacity:0; top:300px;} to{opacity:1; top:104px;} }
		@-moz-keyframes newyear2020-2{from{opacity:0; left:300px;} to{opacity:1; top:104px;} }
		@keyframes newyear2020-2{from{opacity:0; top:300px;} to{opacity:1; top:104px;} }

/* update 2020.4.14 复工 */
.fugong-1{ position:absolute; top:110px; left:201px;opacity:1; animation-name:fugong-1; animation: fugong-1 1s ease 0s normal none; -moz-animation: fugong-1 1s ease 0s normal none; -webkit-animation:fugong-1 1s ease 0s normal none; -o-animation: fugong-1 1s ease 0s normal none; }
.fugong-2{ position:absolute; top:300px; left:340px;opacity:1; animation-name:fugong-2; animation: fugong-2 1s ease 0s normal none; -moz-animation: fugong-2 0.5s ease 0s normal none; -webkit-animation: fugong-2 0.5s ease 0s normal none; -o-animation: fugong-2 0.5s ease 0s normal none; }
.fugong-3{ position:absolute; top:341px; left:398px;opacity:1; animation-name:fugong-3; animation: fugong-3 2s ease 0s normal none; -moz-animation: fugong-3 1s ease 0s normal none; -webkit-animation: fugong-3 1s ease 0s normal none; -o-animation: fugong-3 0s ease 0s normal none; }

@-webkit-keyframes fugong-1{from{opacity:0; top:-150px;} to{opacity:1; top:110px;} }
		@-moz-keyframes fugong-1{from{opacity:0; top:-150px;} to{opacity:1; top:110px;} }
		@keyframes fugong-1{from{opacity:0; top:-150px;} to{opacity:1; top:110px;} }
@-webkit-keyframes fugong-2{from{opacity:0; top:600px} to{opacity:1; top:300px} }
		@-moz-keyframes fugong-2{from{opacity:0; top:600px} to{opacity:1; top:300px} }
		@keyframes fugong-2{from{opacity:0; top:600px} to{opacity:1; top:300px} }		
@-webkit-keyframes fugong-3{from{opacity:0; top:600px;} to{opacity:1; top:341px;} }
		@-moz-keyframes fugong-3{from{opacity:0; top:600px;} to{opacity:1; top:341px;} }
		@keyframes fugong-3{from{opacity:0; top:600px;} to{opacity:1; top:341px;} }		
		
		
/* update 2020.4.30 Mayday */
.mayday-1{ position:absolute; top:130px; left:254px;opacity:1; animation-name:mayday-1; animation: mayday-1 1s ease 0s normal none; -moz-animation: mayday-1 1s ease 0s normal none; -webkit-animation:mayday-1 1s ease 0s normal none; -o-animation: mayday-1 1s ease 0s normal none; }
.mayday-2{ position:absolute; top:320px; left:270px;opacity:1; animation-name:mayday-2; animation: mayday-2 1s ease 0s normal none; -moz-animation: mayday-2 0.5s ease 0s normal none; -webkit-animation: mayday-2 0.5s ease 0s normal none; -o-animation: mayday-2 0.5s ease 0s normal none; }

@-webkit-keyframes mayday-1{from{opacity:0; top:50px;} to{opacity:1; top:130px;} }
		@-moz-keyframes mayday-1{from{opacity:0; top:50px;} to{opacity:1; top:130px;} }
		@keyframes mayday-1{from{opacity:0; top:50px;} to{opacity:1; top:130px;} }
@-webkit-keyframes mayday-2{from{opacity:0; top:600px} to{opacity:1; top:320px} }
		@-moz-keyframes mayday-2{from{opacity:0; top:600px} to{opacity:1; top:320px} }
		@keyframes mayday-2{from{opacity:0; top:600px} to{opacity:1; top:320px} }		
	

/*announcement*/
	.announcementMain {
	width:1077px;
	height:54px;
	background:url(../home/bg_announcement.png) 0 center no-repeat;
	padding:0 0 0 43px;
	margin:0 auto;
	overflow:hidden;
}
.announcementMain li {
	width:1077px;
	height:54px;
	line-height:54px;
	overflow:hidden;
}
.announcementMain li a {
	font-size:12px;
	color:#535353;
}
.announcementMain li a:hover {
	color:#df0029;
}
@media screen and (max-width:1024px) {
	.announcementMain {
	width:981px;
	background:url(../home/bg_announcement.png) 10px center no-repeat;
}
.announcementMain li {
	width:981px;
}
.announcementMain li a {
	font-size:17px;
}
}
/*business*/
	ul.business {
	width:1120px;
	height:286px;
	margin:0 auto 60px;
}
@media screen and (max-width:1024px) {
	ul.business {
	width:1024px;
	height:261px;
	margin:0 auto 20px;
}
}	ul.business li {
	width:279px;
	height:285px;
	background:#fafafa;
	display:inline-block;
	float:left;
	margin:0 1px 0 0;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
ul.business li .websiteBuildingBg {
	width:279px;
	height:1px;
	background:#df5589;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
}
ul.business li:hover .websiteBuildingBg {
	width:279px;
	height:1px;
	background:#df5589;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
	animation:websitebuildingbg 0.7s ease 0.2s both;
	-moz-animation:websitebuildingbg 0.7s ease 0.2s both;
	-webkit-animation:websitebuildingbg 0.7s ease 0.2s both;
	-o-animation:websitebuildingbg 0.7s ease 0.2s both;
}
@media screen and (max-width:1024px) {
	ul.business li {
	width:255px;
	height:260px;
}
ul.business li .websiteBuildingBg {
	width:255px;
}
ul.business li:hover .websiteBuildingBg {
	width:255px;
}
}
@keyframes websitebuildingbg {
	0% {
	height:0px;
	opacity:0;
}
100% {
	height:285px;
	opacity:1;
}
}
@-moz-keyframes websitebuildingbg {
	0% {
	height:0px;
	opacity:0;
}
100% {
	height:285px;
	opacity:1;
}
}
@-webkit-keyframes websitebuildingbg {
	0% {
	height:0px;
	opacity:0;
}
100% {
	height:285px;
	opacity:1;
}
}
@-o-keyframes websitebuildingbg {
	0% {
	height:0px;
	opacity:0;
}
100% {
	height:285px;
	opacity:1;
}
}	ul.business li .websiteBuildingIco {
	width:79px;
	height:65px;
	position:absolute;
	top:72px;
	left:100px;
	z-index:3;
	overflow:hidden;
}
ul.business li:hover .websiteBuildingIco {
	width:79px;
	height:65px;
	position:absolute;
	top:72px;
	left:100px;
	z-index:3;
	overflow:hidden;
	animation:websitebuildingico 0.2s ease 0s both;
	-moz-animation:websitebuildingico 0.2s ease 0s both;
	-webkit-animation:websitebuildingico 0.2s ease 0s both;
	-o-animation:websitebuildingico 0.2s ease 0s both;
}
@keyframes websitebuildingico {
	0% {
	top:72px;
}
100% {
	top:-72px;
}
}	@-moz-keyframes websitebuildingico {
	0% {
	top:72px;
}
100% {
	top:-72px;
}
}	@-webkit-keyframes websitebuildingico {
	0% {
	top:72px;
}
100% {
	top:-72px;
}
}	@-o-keyframes websitebuildingico {
	0% {
	top:72px;
}
100% {
	top:-72px;
}
}	ul.business li .E-commerceBg {
	width:279px;
	height:1px;
	background:#2fbfd9;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
}
ul.business li:hover .E-commerceBg {
	width:279px;
	height:1px;
	background:#2fbfd9;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
	animation:websitebuildingbg 0.7s ease 0.2s both;
	-moz-animation:websitebuildingbg 0.7s ease 0.2s both;
	-webkit-animation:websitebuildingbg 0.7s ease 0.2s both;
	-o-animation:websitebuildingbg 0.7s ease 0.2s both;
}
@media screen and (max-width:1024px) {
	ul.business li .E-commerceBg {
	width:255px;
}
ul.business li:hover .E-commerceBg {
	width:255px;
}
}	ul.business li .E-commerceIco {
	width:74px;
	height:76px;
	position:absolute;
	top:72px;
	left:102px;
	z-index:3;
	overflow:hidden;
}
ul.business li:hover .E-commerceIco {
	width:74px;
	height:76px;
	position:absolute;
	top:72px;
	left:102px;
	z-index:3;
	overflow:hidden;
	animation:ecommerceico 0.2s ease 0s both;
	-moz-animation:ecommerceico 0.2s ease 0s both;
	-webkit-animation:ecommerceico 0.2s ease 0s both;
	-o-animation:ecommerceico 0.2s ease 0s both;
}
@keyframes ecommerceico {
	0% {
	top:76px;
}
100% {
	top:-76px;
}
}	@-moz-keyframes ecommerceico {
	0% {
	top:76px;
}
100% {
	top:-76px;
}
}	@-webkit-keyframes ecommerceico {
	0% {
	top:76px;
}
100% {
	top:-76px;
}
}	@-o-keyframes ecommerceico {
	0% {
	top:76px;
}
100% {
	top:-76px;
}
}	ul.business li .mobileSiteBg {
	width:279px;
	height:1px;
	background:#ec983c;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
}
ul.business li:hover .mobileSiteBg {
	width:279px;
	height:1px;
	background:#ec983c;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
	animation:websitebuildingbg 0.7s ease 0.2s both;
	-moz-animation:websitebuildingbg 0.7s ease 0.2s both;
	-webkit-animation:websitebuildingbg 0.7s ease 0.2s both;
	-o-animation:websitebuildingbg 0.7s ease 0.2s both;
}
@media screen and (max-width:1024px) {
	ul.business li .mobileSiteBg {
	width:255px;
}
ul.business li:hover .mobileSiteBg {
	width:255px;
}
}	ul.business li .mobileSiteIco {
	width:38px;
	height:73px;
	position:absolute;
	top:72px;
	left:120px;
	z-index:3;
	overflow:hidden;
}
ul.business li:hover .mobileSiteIco {
	width:38px;
	height:73px;
	position:absolute;
	top:72px;
	left:120px;
	z-index:3;
	overflow:hidden;
	animation:mobilesiteico 0.2s ease 0s both;
	-moz-animation:mobilesiteico 0.2s ease 0s both;
	-webkit-animation:mobilesiteico 0.2s ease 0s both;
	-o-animation:mobilesiteico 0.2s ease 0s both;
}
@keyframes mobilesiteico {
	0% {
	top:73px;
}
100% {
	top:-73px;
}
}	@-moz-keyframes mobilesiteico {
	0% {
	top:73px;
}
100% {
	top:-73px;
}
}	@-webkit-keyframes mobilesiteico {
	0% {
	top:73px;
}
100% {
	top:-73px;
}
}	@-o-keyframes mobilesiteico {
	0% {
	top:73px;
}
100% {
	top:-73px;
}
}	ul.business li .websiteMarketingBg {
	width:279px;
	height:1px;
	background:#afcb30;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
}
ul.business li:hover .websiteMarketingBg {
	width:279px;
	height:1px;
	background:#afcb30;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
	animation:websitebuildingbg 0.7s ease 0.2s both;
	-moz-animation:websitebuildingbg 0.7s ease 0.2s both;
	-webkit-animation:websitebuildingbg 0.7s ease 0.2s both;
	-o-animation:websitebuildingbg 0.7s ease 0.2s both;
}
@media screen and (max-width:1024px) {
	ul.business li .websiteMarketingBg {
	width:255px;
}
ul.business li:hover .websiteMarketingBg {
	width:255px;
	height:1px;
	background:#afcb30;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
}
}	ul.business li .websiteMarketingIco {
	width:70px;
	height:70px;
	position:absolute;
	top:72px;
	left:104px;
	z-index:3;
	overflow:hidden;
}
ul.business li:hover .websiteMarketingIco {
	width:70px;
	height:70px;
	position:absolute;
	top:72px;
	left:104px;
	z-index:3;
	overflow:hidden;
	animation:websitemarketingico 0.2s ease 0s both;
	-moz-animation:websitemarketingico 0.2s ease 0s both;
	-webkit-animation:websitemarketingico 0.2s ease 0s both;
	-o-animation:websitemarketingico 0.2s ease 0s both;
}
@keyframes websitemarketingico {
	0% {
	top:70px;
}
100% {
	top:-70px;
}
}	@-moz-keyframes websitemarketingico {
	0% {
	top:70px;
}
100% {
	top:-70px;
}
}	@-webkit-keyframes websitemarketingico {
	0% {
	top:70px;
}
100% {
	top:-70px;
}
}	@-o-keyframes websitemarketingico {
	0% {
	top:70px;
}
100% {
	top:-70px;
}
}	ul.business li h3 {
	width:279px;
	height:29px;
	line-height:29px;
	font-size:17px;
	color:#333;
	text-align:center;
	position:absolute;
	top:170px;
	z-index:3;
}
ul.business li:hover h3 {
	width:279px;
	height:29px;
	line-height:29px;
	font-size:17px;
	color:#333;
	text-align:center;
	position:absolute;
	top:170px;
	z-index:3;
	animation:businesstitle 0.15s ease-out 0.4s both;
	-moz-animation:businesstitle 0.15s ease-out 0.4s both;
	-webkit-animation:businesstitle 0.15s ease-out 0.4s both;
	-o-animation:businesstitle 0.15s ease-out 0.4s both;
}
@media screen and (max-width:1024px) {
	ul.business li h3 {
	width:255px;
}
ul.business li:hover h3 {
	width:255px;
}
}	@keyframes businesstitle {
	0% {
	top:170px;
}
50% {
	color:#fff;
}
100% {
	top:49px;
	color:#fff;
}
}	@-moz-keyframes businesstitle {
	0% {
	top:170px;
}
50% {
	color:#fff;
}
100% {
	top:49px;
	color:#fff;
}
}	@-webkit-keyframes businesstitle {
	0% {
	top:170px;
}
50% {
	color:#fff;
}
100% {
	top:49px;
	color:#fff;
}
}	@-o-keyframes businesstitle {
	0% {
	top:170px;
}
50% {
	color:#fff;
}
100% {
	top:49px;
	color:#fff;
}
}	ul.business li p {
	width:229px;
	height:100px;
	line-height:25px;
	font-size:15px;
	color:#fff;
	text-align:center;
	position:absolute;
	top:285px;
	z-index:3;
	padding:0 25px;
	overflow:hidden;
}
ul.business li:hover p {
	width:229px;
	height:100px;
	line-height:25px;
	font-size:15px;
	color:#fff;
	text-align:center;
	position:absolute;
	top:285px;
	z-index:3;
	padding:0 25px;
	overflow:hidden;
	animation:businesscontent 0.15s ease-out 0.55s both;
	-moz-animation:businesscontent 0.15s ease-out 0.55s both;
	-webkit-animation:businesscontent 0.15s ease-out 0.55s both;
	-o-animation:businesscontent 0.15s ease-out 0.55s both;
}
@media screen and (max-width:1024px) {
	ul.business li p {
	width:205px;
}
ul.business li:hover p {
	width:205px;
}
}	@keyframes businesscontent {
	0% {
	top:285px;
}
100% {
	top:102px;
}
}	@-moz-keyframes businesscontent {
	0% {
	top:285px;
}
100% {
	top:102px;
}
}	@-webkit-keyframes businesscontent {
	0% {
	top:285px;
}
100% {
	top:102px;
}
}	@-o-keyframes businesscontent {
	0% {
	top:285px;
}
100% {
	top:102px;
}
}	ul.business li a {
	width:97px;
	height:31px;
	line-height:31px;
	font-size:12px;
	color:#333;
	text-align:center;
	background:#fff;
	border-radius:20px;
	display:block;
	position:absolute;
	top:285px;
	left:100px;
	z-index:3;
}
ul.business li:hover a {
	width:97px;
	height:31px;
	line-height:31px;
	font-size:12px;
	color:#333;
	text-align:center;
	background:#fff;
	border-radius:20px;
	display:block;
	position:absolute;
	top:285px;
	left:100px;
	z-index:3;
	animation:businessa 0.15s ease-out 0.7s both;
	-moz-animation:businessa 0.15s ease-out 0.7s both;
	-webkit-animation:businessa 0.15s ease-out 0.7s both;
	-o-animation:businessa 0.15s ease-out 0.7s both;
}
@media screen and (max-width:1024px) {
	ul.business li a {
	top:285px;
	left:80px;
}
ul.business li:hover a {
	top:285px;
	left:80px;
}
}	@keyframes businessa {
	0% {
	top:285px;
}
100% {
	top:234px;
}
}	@-moz-keyframes businessa {
	0% {
	top:285px;
}
100% {
	top:234px;
}
}	@-webkit-keyframes businessa {
	0% {
	top:285px;
}
100% {
	top:234px;
}
}	@-o-keyframes businessa {
	0% {
	top:285px;
}
100% {
	top:234px;
}
}	@media screen and (max-width:1024px) {
	@keyframes businessa {
	0% {
	top:285px;
}
100% {
	top:214px;
}
}	@-moz-keyframes businessa {
	0% {
	top:285px;
}
100% {
	top:214px;
}
}	@-webkit-keyframes businessa {
	0% {
	top:285px;
}
100% {
	top:214px;
}
}	@-o-keyframes businessa {
	0% {
	top:285px;
}
100% {
	top:214px;
}
}	}
/*cases*/
.cases {
	width:100%;
	height:772px;
	background:#f5f5f5;
}
.cases .casesMain {
	width:1120px;
	height:772px;
	margin:0 auto;
}
.cases .casesMain h3 {
	width:1120px;
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#000;
	text-align:center;
	padding:48px 0 38px;
}
.cases .casesMain h3 span {
	font-size:21px;
	color:#c0c0c0;
}
@media screen and (max-width:1024px) {
	.cases {
	height:721px;
}
.cases .casesMain {
	width:986px;
	height:721px;
	margin:0 auto;
}
.cases .casesMain h3 {
	width:986px;
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#000;
	text-align:center;
	padding:48px 0 38px;
}
}
.about_title_in h2 {
	height:40px;
	font-size:23px;
	color:#000;
	text-align:center;
	margin-bottom:10px;
}
.about_title_in h2 span {
	height:40px;
	line-height:40px;
	display:inline-block;
	overflow:hidden;
}
.about_title_in h2 span.en {
	height:40px;
	line-height:40px;
	font-size:28px;
	color:#BFBFBF;
	border-right:2px solid #df0029;
	padding-right:15px;
	margin-right:15px;
}
/*casesTitle*/
.caseTitleMain {
	width:1120px;
	text-align:center;
	margin:0 auto;
	display:block;
	padding-top:30px;
}
.casesTitle,.casesTitle1 {
	width:1120px;
	text-align:center;
	margin:33px auto 0;
	display:block;
}
@media screen and (max-width:1024px) {
	.caseTitleMain {
	width:986px;
	text-align:center;
	margin:0 auto;
	display:block;
	padding-top:10px;
}
.casesTitle,.casesTitle1 {
	width:986px;
	text-align:center;
	margin:10px auto 0;
	display:block;
}
}
.casesTitle1 a{
	width:auto;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#555;
	text-align:center;
	display: inline-block;
	background:#fff;
	border:1px solid #D7D7D7;
	-moz-border-radius:20px;
	/* Gecko browsers*/
	-webkit-border-radius:20px;
	/* Webkit browsers*/
	border-radius:20px;
	/* W3C syntax*/
	cursor:pointer;
	padding:0 30px;
	-webkit-transition:background 0.5s;
	-moz-transition:background 0.5s;
	-ms-transition:background 0.5s;
	-o-transition:background 0.5s;
	transition:background 0.5s;
	margin:0 10px;
}
.casesTitle h2,.casesTitle h1 {
	width:auto;
	height:40px;
	line-height:40px;
	display:inline-block;
}
.casesTitle1 h2,.casesTitle1 h1 {
	width:auto;
	height:40px;
	line-height:40px;
	display:inline-block;
}
.casesTitle a {
	width:auto;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#555;
	text-align:center;
	display:inline-block;
	background:#fff;
	border:1px solid #D7D7D7;
	-moz-border-radius:20px;
	/* Gecko browsers*/
	-webkit-border-radius:20px;
	/* Webkit browsers*/
	border-radius:20px;
	/* W3C syntax*/
	cursor:pointer;
	margin:0 10px;
	padding:0 30px;
	-webkit-transition:background 0.5s;
	-moz-transition:background 0.5s;
	-ms-transition:background 0.5s;
	-o-transition:background 0.5s;
	transition:background 0.5s;
}
@media screen and (max-width:1024px) {
	.casesTitle h2,.casesTitle h1 {
		margin:0 10px 10px;
	}
	.casesTitle a,.casesTitle1 a {
		font-size:17px;
	}
}	
.casesTitle a:hover,.casesTitle1 a:hover {
	background:#df0029;
	border:1px solid rgba(255,255,255,0);
	color:#fff;
}
.casesTitle a.current,.casesTitle1 a.current {
	background:#df0029;
	border:1px solid rgba(255,255,255,0);
	color:#fff;
}
/*casesList*/
	.casesList {
	width:1120px;
	height:450px;
	margin:40px auto 0;
}
.casesListImg {
	width:1120px;
	height:450px;
}
@media screen and (max-width:1024px) {
	.casesList {
	width:986px;
	height:396px;
	margin:40px auto 0;
}
.casesListImg {
	width:986px;
	height:396px;
}
}	.casesListImg a {
	display:inline-block;
	float:left;
	margin:0 10px 14px 0;
	overflow:hidden;
	position: relative;
}
.casesListImg a.mr14 {
	margin:0 12px 14px 5px;
}
.casesListImg a img {
	position:absolute;
	left:0;
	top:0;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s ease-in-out;
}
.casesListImg a.casead-p1,.casesListImg a.casead-p1 img {
	width:268px;
	height:168px;
}
@media screen and (max-width:1024px) {
	.casesListImg a.casead-p1,.casesListImg a.casead-p1 img {
	width:237px;
	height:147px;
}
.casesListImg a.mr0 {
	margin:0 0 14px;
}
.casesListImg a.mr14 {
	margin:0 10px 14px 0;
}
}
.casesListImg a.casead-p2,.casesListImg a.casead-p4,.casesListImg a.casead-p2 img,.casesListImg a.casead-p4 img {
	width:268px;
	height:268px;
}
@media screen and (max-width:1024px) {
	.casesListImg a.casead-p2,.casesListImg a.casead-p4,.casesListImg a.casead-p2 img,.casesListImg a.casead-p4 img {
	width:237px;
	height:237px;
}
}
.casesListImg a.casead-p3,.casesListImg a.casead-p3 img {
	width:554px;
	height:268px;
}
@media screen and (max-width:1024px) {
	.casesListImg a.casead-p3,.casesListImg a.casead-p3 img {
	width:484px;
	height:237px;
}
}
.casesListImg a.casead-p1:hover img,.casesListImg a.casead-p2:hover img,.casesListImg a.casead-p3:hover img,.casesListImg a.casead-p4:hover img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-ms-transform:scale(1.2, 1.2);
	/*IE 9*/
	-moz-transform:scale(1.2, 1.2);
	/*Firefox*/
	-o-transform:scale(1.2, 1.2);
	/*Opera*/
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
/*casesMore*/
	.casesMore {
	width:93px;
	height:27px;
	line-height:27px;
	background:url(../home/bg_cases_more.png) right center no-repeat;
	margin:32px auto 0;
}
.casesMore a {
	width:93px;
	height:27px;
	font-size:14px;
	color:#555;
	display:inline-block;
}
.casesMore a:hover {
	color:#df032b;
}
@media screen and (max-width:1024px) {
.casesMore {
	margin:30px auto 0;
}
.casesMore a {
	font-size:17px;
}
}
/*choice*/
.choice {
	width:1120px;
	height:auto;
	margin:0 auto;
	text-align:center;
}
@media screen and (max-width:1024px) {
	.choice {
		width:1024px;
	}
}	
.choice .en h2 {
	font-size:35px;
	color:#C0C0C0;
	font-family:Nexa Light, Kalinga, Times New Roman;
}
.choice h3 {
	font-size:23px;
	color:#000;
	background:url('../home/choiceline.gif') no-repeat center bottom;
	padding-bottom:20px;
	margin-bottom:20px;
}
.choice p {
	font-size:14px;
	color:#666;
	margin:0 210px;
	line-height:1.8;
}
@media screen and (max-width:1024px) {
	.choice p {
	font-size:17px;
}
}
.choice dl {
	float:left;
	width:22%;
	margin:50px 0 0 8%;
}
.choice dl.choice1 {
	background:url('../home/choice1_1.png') no-repeat center top;
}
.choice dl.choice2 {
	background:url('../home/choice2_1.png') no-repeat center top;
}
.choice dl.choice3 {
	background:url('../home/choice3_1.png') no-repeat center top;
}
.choice dl.choice1:hover {
	background:url('../home/choice1.png') no-repeat center top;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
	cursor:pointer;
}
.choice dl.choice2:hover {
	background:url('../home/choice2.png') no-repeat center top;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
	cursor:pointer;
}
.choice dl.choice3:hover {
	background:url('../home/choice3.png') no-repeat center top;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
	cursor:pointer;
}
.choice dt {
	margin:110px 0 20px;
	font-size:29px;
	text-align:center;
	color:#535353;
}
.choice dt h3{
	font-size:29px;
	color:#535353;
}
.choice dd {
	font-size:14px;
	color:#868686;
	line-height:1.8;
	text-align:left;
}
@media screen and (max-width:1024px) {
	.choice dl.choice1 {
	background:url('../home/choice1.png') no-repeat center top;
}
.choice dl.choice2 {
	background:url('../home/choice2.png') no-repeat center top;
}
.choice dl.choice3 {
	background:url('../home/choice3.png') no-repeat center top;
}
.choice dd {
	font-size:17px;
}
}
/*client*/
.client {
	width:1120px;
	height:auto;
	margin:0 auto;
}
.client .clientTitle {
	width:1120px;
	height:32px;
	line-height:32px;
	font-size:17px;
	color:#555;
	text-align:center;
	background:url(../home/bg_client_title.jpg) 0 center no-repeat;
	margin:0 auto;
}
.client ul.clientList {
	width:1080px;
	height:140px;
	margin:15px auto 0;
}
.client ul.clientList li {
	width:180px;
	height:60px;
	margin:5px 0;
	display:inline-block;
	float:left;
	text-align:center;
}
@media screen and (max-width:1024px) {
	.client {
	width:984px;
	height:auto;
	margin:0 auto;
}
.client .clientTitle {
	width:984px;
	height:32px;
	line-height:32px;
	font-size:17px;
	color:#555;
	text-align:center;
	background:url(../home/bg_client_title.jpg) 0 center no-repeat;
	margin:0 auto;
}
.client ul.clientList {
	width:984px;
	height:174px;
	margin:15px auto 0;
}
.client ul.clientList li {
	width:246px;
	height:82px;
}
}
/*news*/
.news {
	width:100%;
	height:497px;
	background:#f5f5f5;
	margin:57px 0 0;
}
.news .newsMain {
	width:1120px;
	height:497px;
	margin:0 auto;
}
.news .newsMain h3 {
	width:1120px;
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#000;
	text-align:center;
	padding:48px 0 0;
}
.news .newsMain h3 span {
	font-size:21px;
	color:#c0c0c0;
}
.swiper-pagination1 {
	display:none;
}
@media screen and (max-width:1024px) {
	.news {
	width:984px;
	height:467px;
	background:#f5f5f5;
	margin:30px auto 0;
	padding:0 20px;
}
.news .newsMain {
	width:984px;
	height:497px;
	margin:0 auto;
}
.news .newsMain h3 {
	width:984px;
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#000;
	text-align:center;
	padding:25px 0 0;
}
.news .newsMain h3 span {
	font-size:21px;
	color:#c0c0c0;
}
.swiper-pagination1 {
	display:none;
}
}
/*newsList*/
.news .newsMain ul.newsList li {
	width:355px;
	height:auto;
	display:inline-block;
	float:left;
	margin:0 25px 0 0;
}
.news .newsMain ul.newsList li .newsListTitle {
	width:355px;
	height:51px;
	line-height:51px;
	font-size:17px;
	color:#555;
	margin:22px 0 0 2px;
}
@media screen and (max-width:1024px) {
	.news .newsMain ul.newsList li {
	width:303px;
}
.news .newsMain ul.newsList li .newsListTitle {
	width:303px;
	margin:22px 0 0 2px;
}
}	.news .newsMain ul.newsList li.newsList1 .newsListTitle {
	background:url(../home/bg_newslist1.jpg) 0 bottom no-repeat;
}
.news .newsMain ul.newsList li.newsList2 .newsListTitle {
	background:url(../home/bg_newslist2.jpg) 0 bottom no-repeat;
}
.news .newsMain ul.newsList li.newsList3 {
	margin:0;
}
.news .newsMain ul.newsList li.newsList3 .newsListTitle {
	background:url(../home/bg_newslist3.jpg) 0 bottom no-repeat;
}
.news .newsMain ul.newsList li .newsListTitle span {
	width:100px;
	height:51px;
	line-height:51px;
	display:inline-block;
	float:left;
}
.news .newsMain ul.newsList li .newsListTitle em {
	width:57px;
	height:51px;
	line-height:51px;
	font-size:12px;
	color:#525252;
	text-align:center;
	display:inline-block;
	float:right;
	background:url(../home/bg_newslist_more.png) right center no-repeat;
	padding:0 17px 0 0;
}
.news .newsMain ul.newsList li .newsListTitle em a {
	width:57px;
	height:51px;
	font-size:12px;
	color:#525252;
}
.news .newsMain ul.newsList li .newsListTitle em a:hover {
	color:#df0029;
}
.news .newsMain ul.newsList li dl {
	width:355px;
	height:84px;
	margin:16px 0 0;
}
.news .newsMain ul.newsList li dl dt {
	width:150px;
	height:84px;
	display:inline-block;
	float:left;
	margin:0 10px 0 0;
}
.news .newsMain ul.newsList li dl dt img {
	width:150px;
	height:84px;
}
.news .newsMain ul.newsList li dl dd {
	width:195px;
	height:37px;
	line-height:18px;
	display:inline-block;
	float:left;
	overflow:hidden;
}
@media screen and (max-width:1024px) {
	.news .newsMain ul.newsList li dl {
	width:303px;
	height:84px;
	margin:16px 0 0;
}
.news .newsMain ul.newsList li dl dt {
	width:100px;
	height:56px;
	display:inline-block;
	float:left;
	margin:0 10px 0 0;
}
.news .newsMain ul.newsList li dl dt img {
	width:100px;
	height:56px;
}
.news .newsMain ul.newsList li dl dd {
	width:193px;
	height:37px;
	line-height:18px;
	display:inline-block;
	float:left;
	overflow:hidden;
}
}	.news .newsMain ul.newsList li dl dd a {
	font-size:12px;
	color:#898989;
}
.news .newsMain ul.newsList li dl dd.newsTitle {
	margin:0 0 9px;
}
.news .newsMain ul.newsList li dl dd.newsTitle a {
	color:#535353;
}
.news .newsMain ul.newsList li dl dd a:hover {
	color:#df032b;
}
@media screen and (max-width:1024px) {
	.news .newsMain ul.newsList li dl dd.newsTitle {
	height:44px;
	line-height:22px;
	margin:0 0 9px;
}
.news .newsMain ul.newsList li dl dd a {
	font-size:14px;
}
.news .newsMain ul.newsList li dl dd.newsTitle a {
	font-size:16px;
	color:#535353;
}
}	.news .newsMain ul.newsList li ol {
	width:355px;
	height:131px;
	margin:13px 0 0;
	overflow:hidden;
}
.news .newsMain ul.newsList li ol li {
	width:355px;
	height:27px;
	line-height:27px;
	overflow:hidden;
}
.news .newsMain ul.newsList li ol li a {
	font-size:12px;
	color:#525252;
}
.news .newsMain ul.newsList li ol li a:hover {
	color:#df032b;
}
@media screen and (max-width:1024px) {
	.news .newsMain ul.newsList li ol {
	width:303px;
	height:215px;
}
.news .newsMain ul.newsList li ol li {
	width:303px;
	height:30px;
	line-height:30px;
}
.news .newsMain ul.newsList li ol li a {
	font-size:16px;
}
}
/*partners*/
	.partners {
	width:1120px;
	height:auto;
	margin:0 auto;
}
.partners h3 {
	width:1120px;
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#000;
	text-align:center;
	padding:48px 0 0;
}
.partners h3 span {
	font-size:21px;
	color:#c0c0c0;
}
.partnersMore {
	display:none;
}
@media screen and (max-width:1024px) {
	.partners {
	width:1024px;
}
.partners h3 {
	width:1024px;
	padding:30px 0 0;
}
.partnersMore {
	display:none;
}
}	.partners ul {
	width:1120px;
	height:180px;
	margin:0 auto;
	padding:0 0 32px;
}
.partners ul li {
	width:160px;
	height:90px;
	display:inline-block;
	float:left;
}
.partners ul li img {
	width:160px;
	height:90px;
	overflow:hidden;
}
.mb32 {
	margin:0 0 32px;
}
@media screen and (max-width:1024px) {
	.partners ul {
	width:960px;
	height:180px;
	margin:0 auto;
	padding:0 0 0px;
}
.partners ul li {
	width:160px;
	height:90px;
	display:inline-block;
	float:left;
}
.partners ul li img {
	width:160px;
	height:90px;
	overflow:hidden;
}
.mb32 {
	margin:0 0 32px;
}
}
/*footer*/
	.footer {
	width:100%;
	height:auto;
	background:#555;
	border-bottom:1px solid #676767;
}
.footer .footerMain {
	width:1120px;
	height:auto;
	margin:0 auto;
	padding:0 0 51px 0;
}
@media screen and (max-width:1024px) {
	.footer .footerMain {
	width:984px;
	height:auto;
	margin:0 auto;
	padding:0 0 51px 0;
}
}	.footer .footerMain dl {
	width:127px;
	height:auto;
	display:inline-block;
	float:left;
	margin:37px 35px 0 0;
}
@media screen and (max-width:1024px) {
	.footer .footerMain dl {
	width:127px;
	height:auto;
	display:inline-block;
	float:left;
	margin:37px 15px 0 0;
}
}	.footer .footerMain dl dt {
	height:39px;
	line-height:39px;
}
.footer .footerMain dl dt a {
	font-size:17px;
	color:#f4f4f4;
}
.footer .footerMain dl dt a:hover {
	color:#df032b;
}
.footer .footerMain dl dd {
	height:auto;
	line-height:26px;
}
.footer .footerMain dl dd a {
	font-size:12px;
	color:#888;
}
.footer .footerMain dl dd a:hover {
	color:#df032b;
}
.footer .footerMain dl.contactUs {
	width:382px;
	height:auto;
	border-left:1px solid #676767;
	padding:0 0 0 38px;
}
@media screen and (max-width:1024px) {
	.footer .footerMain dl.contactUs {
	width:362px;
	height:auto;
	border-left:1px solid #676767;
	padding:0 0 0 38px;
}
}	.footer .footerMain dl.contactUs dt {
	height:30px;
	line-height:30px;
	font-size:21px;
	color:#fff;
}
.footer .footerMain dl.contactUs dt span {
	font-size:12px;
	color:#898989;
}
.footer .footerMain dl.contactUs dt em {
	width:37px;
	display:inline-block;
	float:right;
	background:url(../home/bg.png) 0 -187px no-repeat;
	padding:0 17px 0 0;
}
.footer .footerMain dl.contactUs dt em a {
	width:54px;
	font-size:12px;
	color:#fff;
	display:inline-block;
}
.footer .footerMain dl.contactUs dt em a:hover {
	color:#ca7b1c;
}
.footer .footerMain dl.contactUs dd.tel1 {
	height:30px;
	line-height:30px;
	font-size:21px;
	color:#898989;
	background:url(../home/bg_telphone.png) 0 center no-repeat;
	margin:16px 0 0 0;
	padding:0 0 0 36px;
	overflow:hidden;
}
.footer .footerMain dl.contactUs dd.tel2 {
	height:25px;
	line-height:25px;
	font-size:17px;
	color:#898989;
	margin:7px 0 0 0;
	padding:0 0 0 36px;
	overflow:hidden;
}
.footer .footerMain dl.contactUs dd.email {
	height:25px;
	line-height:25px;
	font-size:17px;
	color:#898989;
	background:url(../home/bg_email.png) 0 center no-repeat;
	margin:6px 0 0 0;
	padding:0 0 0 36px;
	overflow:hidden;
}
.footer .footerMain dl.contactUs dd.address {
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#898989;
	background:url(../home/bg_address.png) 0 center no-repeat;
	margin:7px 0 0 0;
	padding:0 0 0 36px;
	overflow:hidden;
}
/*foot*/
	.foot {
	width:100%;
	height:34px;
	background:#555;
	padding:15px 0;
}
.foot .footMain {
	width:1120px;
	height:34px;
	margin:0 auto;
}
@media screen and (max-width:1024px) {
	.foot {
	width:100%;
	height:53px;
	background:#555;
	padding:15px 0;
}
.foot .footMain {
	width:1024px;
	height:53px;
	margin:0 auto;
}
}	.foot .footMain dl dt {
	width:147px;
	height:34px;
	display:inline-block;
	float:left;
	margin:0 13px 0 0;
}
.foot .footMain dl dd {
	width:700px;
	height:34px;
	line-height:19px;
	color:#fff;
	display:inline-block;
	float:left;
}
@media screen and (max-width:1024px) {
	.foot .footMain dl dd {
	width:600px;
	height:53px;
	line-height:19px;
	color:#fff;
	display:inline-block;
	float:left;
}
}	.foot .footMain dl dd a {
	font-size:12px;
	color:#fff;
	margin:0 5px;
}
.foot .footMain dl dd a:hover {
	color:#df032b;
}
.foot .footMain dl dd p.copyright {
	padding:0 0 0 5px;
	color:#c0c0c0;
}
.foot .footMain dl dd p.copyright img {
	vertical-align:middle;
	margin-right:5px;
}
.foot .footMain dl dd p.copyright a {
	color:#c0c0c0;
}
.foot .footMain dl dd p.copyright a:hover {
	color:#df032b;
}
.foot .footMain ul.footRight {
	width:200px;
	height:33px;
}
.foot .footMain ul.footRight li {
	width:auto;
	height:33px;
	line-height:33px;
	font-size:12px;
	color:#fff;
	display:inline-block;
	float:left;
}
.foot .footMain ul.footRight li a {
	font-size:12px;
	color:#c1c1c1;
	display:block;
	padding:0 12px;
	height:33px;
}
.foot .footMain ul.footRight li.wechat a {
	width:18px;
	height:15px;
	display:block;
	background:url(../home/bg_wechat.png) 12px 9px no-repeat;
	padding:9px 12px;
}
.foot .footMain ul.footRight li.wechat a:hover {
	background:url(../home/bg_wechat_hover.png) 12px 9px no-repeat;
}
.foot .footMain ul.footRight li.weibo a {
	width:18px;
	height:15px;
	display:block;
	background:url(../home/bg_weibo.png) 12px 9px no-repeat;
	padding:9px 12px;
}
.foot .footMain ul.footRight li.weibo a:hover {
	background:url(../home/bg_weibo_hover.png) 12px 9px no-repeat;
}
.foot .footMain ul.footRight li.message {
	padding:0;
}
.foot .footMain ul.footRight li.message a {
	width:10px;
	height:17px;
	display:block;
	background:url(../home/bg_message.png) 12px 8px no-repeat;
	padding:8px 12px;
}
.foot .footMain ul.footRight li.message a:hover {
	background:url(../home/bg_message_hover.png) 12px 8px no-repeat;
}
/*cyber security*/
	.cyberSecurity {
	width:1120px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin:0 auto;
	padding:13px 0;
}
.cyberSecurity img {
	margin:0 10px;
}
.cyberSecurity a {
	width:auto;
	height:40px;
}
@media screen and (max-width:1024px) {
	.cyberSecurity {
	width:984px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin:0 auto;
	padding:13px 0;
}
}
/*foot link*/
	.footLink {
	width:1120px;
	height:19px;
	line-height:19px;
	font-size:12px;
	color:#888;
	text-align:center;
	margin:9px auto 50px;
}
.footLink a {
	font-size:12px;
	color:#888;
}
.footLink a:hover {
	font-size:12px;
	color:#df032b;
}
@media screen and (max-width:1024px) {
	.footLink {
	width:984px;
}
}
/*banner*/
	.banner {
	width:100%;
	height:auto;
	margin:0px 0 0;
	height:235px;
	background: -moz-linear-gradient(top, #F7F7F7 0%, #E7E7E7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#E7E7E7));
	background: -webkit-linear-gradient(top, #F7F7F7 0%,#E7E7E7 100%);
	background: -o-linear-gradient(top, #F7F7F7 0%,#E7E7E7 100%);
	background: -ms-linear-gradient(top, #F7F7F7 0%,#E7E7E7 100%);
	background: linear-gradient(to bottom, #F7F7F7 0%,#E7E7E7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#E7E7E7',GradientType=0);
}
/*.banner img {
	width:100%;
	height:auto;
	overflow:hidden;
}*/
	.banner .row {
	position:relative;
}
.banner-right {
	position:absolute;
	top:0px;
	right:0px;
	animation: bannerright 1s;
	-moz-animation: bannerright 1s;
	-webkit-animation: bannerright 1s;
	-o-animation: bannerright 1s;
}
.banner-left {
	position:absolute;
	top:79px;
	left:0px;
	animation: bannerleft 1s;
	-moz-animation: bannerleft 1s;
	-webkit-animation: bannerleft 1s;
	-o-animation: bannerleft 1s;
}
.banner-goright {
	position:absolute;
	top:10px;
	right:50px;
	animation: bannergoright 1s;
	-moz-animation: bannergoright 1s;
	-webkit-animation: bannergoright 1s;
	-o-animation: bannergoright 1s;
}
@keyframes bannerright {
	from {
	top:0px;
	right:-300px;
	opacity:0;
}
to {
	top:0px;
	right:0px;
	opacity:1;
}
}	@-moz-keyframes bannerright {
	from {
	top:0px;
	right:-300px;
	opacity:0;
}
to {
	top:0px;
	right:0px;
	opacity:1;
}
}	@-webkit-keyframes bannerright {
	from {
	top:0px;
	right:-300px;
	opacity:0;
}
to {
	top:0px;
	right:0px;
	opacity:1;
}
}	@-o-keyframes bannerright {
	from {
	top:0px;
	right:-300px;
	opacity:0;
}
to {
	top:0px;
	right:0px;
	opacity:1;
}
}
@keyframes bannerleft {
	from {
	top:79px;
	left:-300px;
	opacity:0;
}
to {
	top:79px;
	left:0px;
	opacity:1;
}
}	@-moz-keyframes bannerleft {
	from {
	top:79px;
	left:-300px;
	opacity:0;
}
to {
	top:79px;
	left:0px;
	opacity:1;
}
}	@-webkit-keyframes bannerleft {
	from {
	top:79px;
	left:-300px;
	opacity:0;
}
to {
	top:79px;
	left:0px;
	opacity:1;
}
}	@-o-keyframes bannerleft {
	from {
	top:79px;
	left:-300px;
	opacity:0;
}
to {
	top:79px;
	left:0px;
	opacity:1;
}
}	.banner-aboutbg {
	position:relative;
	overflow:hidden;
	height:235px;
	background: -moz-linear-gradient(top, #0185D3 0%, #75BCE7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0185D3), color-stop(100%,#75BCE7));
	background: -webkit-linear-gradient(top, #0185D3 0%,#75BCE7 100%);
	background: -o-linear-gradient(top, #0185D3 0%,#75BCE7 100%);
	background: -ms-linear-gradient(top, #0185D3 0%,#75BCE7 100%);
	background: linear-gradient(to bottom, #0185D3 0%,#75BCE7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0185D3', endColorstr='#75BCE7',GradientType=0);
}
.banner-about1 {
	position:absolute;
	top:85px;
	left:50px;
	animation: banner-aboutl 1s;
	-moz-animation: banner-aboutl 1s;
	-webkit-animation: banner-aboutl 1s;
	-o-animation: banner-aboutl 1s;
	z-index:9999;
}
.banner-about2 {
	position:absolute;
	top:-90px;
	right:60px;
	animation: banner-aboutt 1s;
	-moz-animation: banner-aboutt 1s;
	-webkit-animation: banner-aboutt 1s;
	-o-animation: banner-aboutt 1s;
}
@keyframes banner-aboutl {
	from {
	top:0px;
	opacity:0;
}
to {
	top:85px;
	opacity:1;
}
}	@-moz-keyframes banner-aboutl {
	from {
	top:0px;
	opacity:0;
}
to {
	top:85px;
	opacity:1;
}
}	@-webkit-keyframes banner-aboutl {
	from {
	top:0px;
	opacity:0;
}
to {
	top:85px;
	opacity:1;
}
}	@-o-keyframes banner-aboutl {
	from {
	top:0px;
	opacity:0;
}
to {
	top:85px;
	opacity:1;
}
}
@keyframes banner-aboutt {
	from {
	top:0px;
	opacity:0;
}
to {
	top:-80px;
	opacity:1;
}
}	@-moz-keyframes banner-aboutt {
	from {
	top:0px;
	opacity:0;
}
to {
	top:-90px;
	opacity:1;
}
}	@-webkit-keyframes banner-aboutt {
	from {
	top:0px;
	opacity:0;
}
to {
	top:-90px;
	opacity:1;
}
}	@-o-keyframes banner-aboutt {
	from {
	top:0px;
	opacity:0;
}
to {
	top:-90px;
	opacity:1;
}
}
/* products*/
.banner-prodbg {
	position:relative;
	overflow:hidden;
	height:235px;
	background: -moz-linear-gradient(top, #216EB2 0%, #3FBFE9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#216EB2), color-stop(100%,#3FBFE9));
	background: -webkit-linear-gradient(top, #216EB2 0%,#3FBFE9 100%);
	background: -o-linear-gradient(top, #216EB2 0%,#3FBFE9 100%);
	background: -ms-linear-gradient(top, #216EB2 0%,#3FBFE9 100%);
	background: linear-gradient(to bottom, #216EB2 0%,#3FBFE9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216EB2', endColorstr='#3FBFE9',GradientType=0);
}
.banner-prod1 {
	position:absolute;
	top:85px;
	left:50px;
	animation: banner-prodl 1s;
	-moz-animation: banner-prodl 1s;
	-webkit-animation: banner-prodl 1s;
	-o-animation: banner-prodl 1s;
}
.banner-prod2 {
	position:absolute;
	top:-60px;
	right:-200px;
	animation: banner-prodt 1s;
	-moz-animation: banner-prodt 1s;
	-webkit-animation: banner-prodt 1s;
	-o-animation: banner-prodt 1s;
}
@keyframes banner-prodl {
	from {
	top:0px;
	opacity:0;
}
to {
	top:85px;
	opacity:1;
}
}	@-moz-keyframes banner-prodl {
	from {
	top:120px;
	opacity:0;
}
to {
	top:85px;
	opacity:1;
}
}	@-webkit-keyframes banner-prodl {
	from {
	top:120px;
	opacity:0;
}
to {
	top:85px;
	opacity:1;
}
}	@-o-keyframes banner-prodl {
	from {
	top:120px;
	opacity:0;
}
to {
	top:85px;
	opacity:1;
}
}
@keyframes banner-prodt {
	from {
	right:-360px;
	opacity:0;
}
to {
	right:-200px;
	opacity:1;
}
}	@-moz-keyframes banner-prodt {
	from {
	right:-360px;
	opacity:0;
}
to {
	right:-200px;
	opacity:1;
}
}	@-webkit-keyframes banner-prodt {
	from {
	right:-360px;
	opacity:0;
}
to {
	right:-200px;
	opacity:1;
}
}	@-o-keyframes banner-prodt {
	from {
	right:-360px;
	opacity:0;
}
to {
	right:-200px;
	opacity:1;
}
}
/* center to right*/
	@keyframes bannergoright {
	from {
	top:10px;
	right:300px;
	opacity:0;
}
to {
	top:10px;
	right:50px;
	opacity:1;
}
}
@-moz-keyframes bannergoright {
	from {
	top:10px;
	right:300px;
	opacity:0;
}
to {
	top:10px;
	right:50px;
	opacity:1;
}
}
@-webkit-keyframes bannergoright {
	from {
	top:10px;
	right:300px;
	opacity:0;
}
to {
	top:10px;
	right:50px;
	opacity:1;
}
}
@-o-keyframes bannergoright {
	from {
	top:10px;
	right:300px;
	opacity:0;
}
to {
	top:10px;
	right:50px;
	opacity:1;
}
}
/*seach*/
.banner .seach {
	width:485px;
	height:75px;
	top:50%;
	left:50%;
	margin:-37px 0 0px;
}


.banner-casebg {
	position:relative;
	overflow:hidden;
	height:235px;
	background:url(../home/bg_banner_contactus.jpg) center top no-repeat;
	background-size:auto 235px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216EB2', endColorstr='#3FBFE9',GradientType=0);
}

.banner-case1 {
	position:absolute;
	top:52px;
	left:175px;
	animation: banner-casel 1s;
	-moz-animation: banner-casel 1s;
	-webkit-animation: banner-casel 1s;
	-o-animation: banner-casel 1s;
}

.banner-case2 {
	position:absolute;
	top:6px;
	right:300px;
	animation: banner-caset 1s;
	-moz-animation: banner-caset 1s;
	-webkit-animation: banner-caset 1s;
	-o-animation: banner-caset 1s;
}

@keyframes banner-casel {
	from {
		top:-100px;
		opacity:0;
	} to {
		top:52px;
		opacity:1;
	}
}

@-moz-keyframes banner-casel {
	from {
		top:-100px;
		opacity:0;
	} to {
		top:52px;
		opacity:1;
	}
}

@-webkit-keyframes banner-casel {
	from {
		top:-100px;
		opacity:0;
	} to {
		top:52px;
		opacity:1;
	}
}

@-o-keyframes banner-casel {
	from {
		top:-100px;
		opacity:0;
	} to {
		top:52px;
		opacity:1;
	}
}

@keyframes banner-caset {
	from {
		right:-360px;
		opacity:0;
	} to {
		right:300px;
		opacity:1;
	}
}

@-moz-keyframes banner-caset {
	from {
		right:-360px;
		opacity:0;
	} to {
		right:300px;
		opacity:1;
	}
}

@-webkit-keyframes banner-caset {
	from {
		right:-360px;
		opacity:0;
	} to {
		right:300px;
		opacity:1;
	}
}

@-o-keyframes banner-caset {
	from {
		right:-360px;
		opacity:0;
	} to {
		right:300px;
		opacity:1;
	}
}


@media screen and (max-width:1024px) {
	.banner .seach {
	width:485px;
	height:75px;
	top:50%;
	left:50%;
	margin:-37px 0 0px -180px;
}
}	.banner .seach .keywords {
	width:406px;
	height:41px;
	line-height:41px;
	border:none;
	display:inline-block;
	float:left;
	background:#fff;
	padding:0 0 0 5px;
}
.banner .seach .seachBtn {
	width:73px;
	height:41px;
	line-height:41px;
	font-size:14px;
	color:#fff;
	text-align:center;
	border:none;
	display:inline-block;
	float:left;
	background:#df0029;
}
.banner .seach p {
	width:485px;
	height:19px;
	line-height:19px;
	font-size:12px;
	color:#666;
	margin:14px 0 0;
	display:inline-block;
	overflow:hidden;
}
.banner .seach p a {
	font-size:12px;
	color:#666;
	display:inline-block;
	margin:0 32px 0 0;
}
.banner .seach p a:hover {
	color:#df032b;
}
.companyProfileMain {
	width:100%;
	height:auto;
	background:#f5f5f5;
	margin:-4px 0 0;
}
/*current location*/
	.currentLocation {
	width:1120px;
	height:32px;
	line-height:32px;
	color:#666;
	text-align:right;
	margin:0 auto;
}
@media screen and (max-width:1024px) {
	.currentLocation {
	width:1024px;
	height:32px;
	line-height:32px;
	color:#666;
	text-align:right;
	margin:0 auto;
	display:none;
}
}
.currentLocation a {
	font-size:12px;
	color:#666;
}
.currentLocation a:hover {
	font-size:12px;
	color:#df032b;
}
/*company profile*/
	.companyProfile {
	width:1120px;
	margin:0 auto;
	padding:48px 0;
}
.companyProfile h3 {
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#df0029;
	text-align:center;
	margin:0 0 47px;
}
.companyProfile h3 span {
	font-size:17px;
	color:#c0c0c0;
}
.companyProfile p {
	width:1120px;
	line-height:26px;
	font-size:14px;
	color:#666;
	text-align:left;
	text-indent:2em;
	margin:0 0 24px 0;
}
@media screen and (max-width:1024px) {
	.companyProfile {
	width:1024px;
	margin:0 auto;
	padding:48px 0;
}
.companyProfile h3 {
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#df0029;
	text-align:center;
	margin:0 0 47px;
}
.companyProfile h3 span {
	font-size:17px;
	color:#c0c0c0;
}
.companyProfile p {
	width:1024px;
	line-height:26px;
	font-size:14px;
	color:#666;
	text-align:left;
	text-indent:2em;
	margin:0 0 24px 0;
}
}
/*corporate culture*/
	.corporateCulture {
	width:1120px;
	height:auto;
	margin:0 auto;
}
@media screen and (max-width:1024px) {
	.corporateCulture {
	width:1024px;
	height:auto;
	margin:0 auto;
}
}	.corporateCulture h3 {
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#df0029;
	text-align:center;
	margin:58px 0 0;
}
.corporateCulture h3 span {
	font-size:17px;
	color:#c0c0c0;
}
/*corporateCulturePicture*/
	.corporateCulturePicture {
	width:1120px;
	height:auto;
	margin:47px auto;
}
.corporateCulturePicture a img {
	width:277px;
	height:auto;
}
@media screen and (max-width:1024px) {
	.corporateCulturePicture {
	width:1024px;
	height:auto;
	margin:47px auto;
}
}
/*advantage*/
	.advantage {
	width:100%;
	height:auto;
	background:#f5f5f5;
	padding:48px 0;
}
.advantage .advantageMain {
	width:1120px;
	height:auto;
	margin:0 auto;
}
.advantage .advantageMain h3 {
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#df0029;
	text-align:center;
	margin:0 0 47px;
}
.advantage .advantageMain h3 span {
	font-size:17px;
	color:#c0c0c0;
}
/*advantage content*/
	.advantageContent {
	width:1070px;
	height:auto;
	margin:84px 0 0 0;
	padding:0 25px;
}
.advantageContent .advantageContent1 {
	width:394px;
	height:auto;
	line-height:18px;
	font-size:14px;
	color:#666;
	font-family:"黑体";
}
.advantageContent .advantageContent2 {
	width:394px;
	height:auto;
	line-height:18px;
	font-size:14px;
	color:#666;
	font-family:"黑体";
}
.advantageContent .advantageContent3 {
	width:394px;
	height:auto;
	line-height:18px;
	font-size:14px;
	color:#666;
	font-family:"黑体";
	padding:95px 360px 0;
}
/*honor*/
	.honor {
	width:1120px;
	height:auto;
	margin:0 auto;
}
.honor h3 {
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#df0029;
	text-align:center;
	margin:47px 0;
}
.honor h3 span {
	font-size:17px;
	color:#c0c0c0;
}
.honor ul {
	width:1120px;
	height:auto;
	margin:auto;
}
.honor ul li {
	width:280px;
	height:auto;
	display:inline-block;
	float:left;
}
.honor ul li dl {
	width:206px;
	height:auto;
}
.honor ul li dl dt {
	width:203px;
	height:157px;
	background:url(../home/bg_honor.jpg) no-repeat;
	padding:3px 0 0 3px;
}
.honor ul li dl dd {
	width:206px;
	height:45px;
	line-height:45px;
	text-align:center;
}
.honor ul li dl dd a {
	font-size:12px;
	color:#666;
}
.honor ul li dl dd a:hover {
	color:#df032b;
}
/*jobs*/
	.jobs {
	width:100%;
	height:auto;
	background:#f5f5f5;
}
.jobs .jobsMain {
	width:1120px;
	height:auto;
	margin:0 auto;
}
.jobs .jobsMain h3 {
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#df0029;
	text-align:center;
	margin:47px 0;
	padding:47px 0;
}
.jobs .jobsMain h3 span {
	font-size:17px;
	color:#c0c0c0;
}
/*channel Cases Main*/
	.channelCasesMain {
	width:100%;
	height:auto;
	background:#f5f5f5;
	margin:0px 0 0;
}
.channelCasesMain ul.channelCasesList {
	width:1120px;
	height:auto;
	margin:22px auto 0;
	padding:0 0 50px;
}
.channelCasesMain ul.channelCasesList li .channelCasesListTit {
	width:1120px;
	height:auto;
}
@media screen and (max-width:1024px) {
	.channelCasesMain {
	width:100%;
	height:auto;
	margin:0px 0 0;
}
.channelCasesMain ul.channelCasesList {
	width:924px;
	height:auto;
	margin:22px auto 0;
	padding:0 0 50px;
}
.channelCasesMain ul.channelCasesList li .channelCasesListTit {
	width:924px;
	height:auto;
}
}	.channelCasesMain ul.channelCasesList li .channelCasesListTit a {
	height:35px;
	line-height:35px;
	font-size:14px;
	color:#666;
	display:inline-block;
	background:url(../home/bg.png) 0 -20px no-repeat;
	padding:0 20px;
}
.channelCasesMain ul.channelCasesList li .channelCasesListTit a:hover {
	color:#df032b;
	background:url(../home/bg.png) 0 -50px no-repeat;
}
.channelCasesMain ul.channelCasesList li .channelCasesListTit a.current {
	color:#df032b;
	background:url(../home/bg.png) 0 -50px no-repeat;
}
/* 2016.3.2*/
ul.channelCasesListContent {
	width:1120px;
	height:auto;
	margin:22px auto 0;
	display:block;
}
ul.channelCasesListContent li {
	width:350px;
	height:317px;
	display:inline-block;
	float:left;
	background:#fff;
	margin:0 11px 40px;
}
ul.channelCasesListContent li img {
	width:350px;
	height:233px;
}
ul.channelCasesListContent li p {
	width:330px;
	height:21px;
	line-height:21px;
	text-align:center;
	margin:16px 10px;
	overflow:hidden;
}
ul.channelCasesListContent li p a {
	font-size:14px;
	color:#555;
}
ul.channelCasesListContent li p a:hover {
	color:#df032b;
}
ul.channelCasesListContent li dl {
	width:330px;
	margin:2px 10px;
	overflow:hidden;
}
ul.channelCasesListContent li dl {
	font-size:13px;
	color:#c0c0c0;
}
ul.channelCasesListContent li dl dt {
	width:167px;
	height:20px;
	line-height:20px;
	display:inline-block;
	float:left;
	background:url(../home/bg.png) 0 -97px no-repeat;
	padding:0 0 0 20px;
	overflow:hidden;
}
ul.channelCasesListContent li dl dd {
	height:20px;
	line-height:20px;
	display:inline-block;
	float:right;
	overflow:hidden;
	margin:0 5px 0 0;
}
ul.channelCasesListContent li dl dd.view {
	width:auto;
	background:url(../home/bg.png) 0 -131px no-repeat;
	padding:0 10px 0 25px;
}
ul.channelCasesListContent li dl dd.thumbsUp {
	width:auto;
	background:url(../home/bg.png) 0 -162px no-repeat;
	padding:0 0 0 18px;
}
@media screen and (max-width:1024px) {
	ul.channelCasesListContent {
	width:1024px;
	height:auto;
	margin:22px auto 0;
	display:block;
}
ul.channelCasesListContent li {
	width:320px;
	height:317px;
	display:inline-block;
	float:left;
	background:#fff;
	margin:0 10px 40px;
}
ul.channelCasesListContent li img {
	width:320px;
	height:233px;
}
ul.channelCasesListContent li p {
	width:320px;
	height:21px;
	line-height:21px;
	text-align:center;
	margin:16px 10px;
	overflow:hidden;
}
ul.channelCasesListContent li p a {
	font-size:14px;
	color:#555;
}
ul.channelCasesListContent li p a:hover {
	color:#df032b;
}
ul.channelCasesListContent li dl {
	width:300px;
	margin:2px 10px;
	overflow:hidden;
}
ul.channelCasesListContent li dl {
	font-size:13px;
	color:#c0c0c0;
}
ul.channelCasesListContent li dl dt {
	width:167px;
	height:20px;
	line-height:20px;
	display:inline-block;
	float:left;
	background:url(../home/bg.png) 0 -97px no-repeat;
	padding:0 0 0 20px;
	overflow:hidden;
}
ul.channelCasesListContent li dl dd {
	height:20px;
	line-height:20px;
	display:inline-block;
	float:right;
	overflow:hidden;
	margin:0 5px 0 0;
}
ul.channelCasesListContent li dl dd.view {
	width:auto;
	background:url(../home/bg.png) 0 -131px no-repeat;
	padding:0 10px 0 25px;
}
ul.channelCasesListContent li dl dd.thumbsUp {
	width:auto;
	background:url(../home/bg.png) 0 -162px no-repeat;
	padding:0 0 0 18px;
}
}
/*case*/
	.websiteInfo {
	width:1120px;
	height:179px;
	background:#fff;
	border-top:1px solid #d7d7d7;
	margin:0 auto;
}
.websiteInfo .websiteInfoLeft {
	width:831px;
	height:179px;
	padding:0 0 0 30px;
}
.websiteInfo .websiteInfoLeft h3 {
	width:831px;
	height:39px;
	line-height:39px;
	font-size:31px;
	color:#545454;
	margin:23px 0 7px;
}
.websiteInfo .websiteInfoLeft .websiteInfoClassification {
	width:831px;
	height:19px;
	line-height:19px;
	margin:0 0 17px;
	overflow:hidden;
	white-space:nowrap;
	color:#888;
}
@media screen and (max-width:1024px) {
	.websiteInfo {
	width:1024px;
	height:179px;
	background:#fff;
	border-top:1px solid #d7d7d7;
	margin:0 auto;
}
.websiteInfo .websiteInfoLeft {
	width:731px;
	height:179px;
	padding:0 0 0 30px;
}
.websiteInfo .websiteInfoLeft h3 {
	width:731px;
	height:39px;
	line-height:39px;
	font-size:31px;
	color:#545454;
	margin:23px 0 7px;
}
.websiteInfo .websiteInfoLeft .websiteInfoClassification {
	width:731px;
	height:19px;
	line-height:19px;
	margin:0 0 17px;
	overflow:hidden;
	white-space:nowrap;
	color:#888;
}
}	.websiteInfo .websiteInfoLeft .websiteInfoClassification span {
	display:inline-block;
}
.websiteInfo .websiteInfoLeft .websiteInfoClassification .websiteClass {
	padding:0 24px 0 22px;
	background:url(../home/bg.png) 0 -236px no-repeat;
	overflow:hidden;
}
.websiteInfo .websiteInfoLeft .websiteInfoClassification a {
	font-size:12px;
	display:inline-block;
	margin:0 20px 0 0;
}
.websiteInfo .websiteInfoLeft .websiteInfoClassification a:hover {
	font-size:12px;
	color:#df032b;
}
.websiteInfo .websiteInfoLeft .websiteInfoClassification .websiteDate {
	padding:0 34px 0 21px;
	background:url(../home/bg.png) 0 -97px no-repeat;
	overflow:hidden;
}
.websiteInfo .websiteInfoLeft .websiteInfoClassification .websiteView {
	width:63px;
	padding:0 0 0 26px;
	background:url(../home/bg.png) 0 -131px no-repeat;
	overflow:hidden;
}
.websiteInfo .websiteInfoLeft p {
	width:831px;
	height:44px;
	line-height:22px;
	font-size:14px;
	color:#545454;
	overflow:hidden;
}
.websiteInfo .websiteInfoRight {
	width:125px;
	height:163px;
	text-align:center;
	padding:16px 43px 0 30px;
}
.websiteInfo .websiteInfoRight img {
	width:125px;
	height:102px;
}
.websiteInfo .websiteInfoRight p {
	width:107px;
	height:29px;
}
.websiteInfo .websiteInfoRight p a {
	width:107px;
	height:29px;
	line-height:29px;
	font-size:12px;
	color:#525252;
	text-align:center;
	display:inline-block;
	border:1px solid #ececec;
	-moz-border-radius:25px;
	/* Gecko browsers*/
	-webkit-border-radius:25px;
	/* Webkit browsers*/
	border-radius:25px;
	/* W3C syntax*/
	margin:14px 0 0 9px;
}
.websiteInfo .websiteInfoRight p a:hover {
	color:#df0029;
	border:1px solid #df0029;
}
/*website images*/
	.websiteImages {
	width:1120px;
	height:auto;
	text-align:center;
	margin:73px auto 0;
}
.websiteImages img {
	max-width:1120px;
	height:auto;
	margin:0 0 0px;
	padding:0;
}
@media screen and (max-width:1024px) {
	.websiteImages {
	width:1024px;
	height:auto;
	text-align:center;
	margin:73px auto 0;
}
.websiteImages img {
	max-width:1024px;
	height:auto;
	margin:0 0 0px;
	padding:0;
}
}
/*fav and up*/
	.favAndUp {
	width:1120px;
	height:93px;
	text-align:center;
	margin:0 auto;
}
@media screen and (max-width:1024px) {
	.favAndUp {
	width:1024px;
	height:93px;
	text-align:center;
	margin:0 auto;
}
}	.favAndUp a {
	width:27px;
	height:23px;
	text-align:center;
	display:inline-block;
	margin:0 23px;
	padding:70px 33px 0;
}
.favAndUp a em {
	width:27px;
	height:23px;
	display:block;
	overflow:hidden;
}
.favAndUp a.fav {
	background:url(../home/bg_fav.png) no-repeat;
}
.favAndUp a.fav:hover {
	color:#df0029;
	background:url(../home/bg_fav_hover.png) no-repeat;
}
.favAndUp a.up {
	background:url(../home/bg_up.png) no-repeat;
}
.favAndUp a.up:hover {
	color:#df0029;
	background:url(../home/bg_up_hover.png) no-repeat;
}
/*website classification*/
	.websiteClassification {
	width:1118px;
	height:57px;
	border:1px solid #d7d7d7;
	margin:40px auto 0;
	-moz-border-radius:25px;
	/* Gecko browsers*/
	-webkit-border-radius:25px;
	/* Webkit browsers*/
	border-radius:25px;
	/* W3C syntax*/
	 }
.websiteClassification .websiteClassificationLeft {
	width:700px;
	height:57px;
	line-height:57px;
	font-size:14px;
	color:#eb850c;
	padding:0 0 0 22px;
	overflow:hidden;
}
@media screen and (max-width:1024px) {
	.websiteClassification {
	width:1022px;
	height:57px;
	border:1px solid #d7d7d7;
	margin:40px auto 0;
	-moz-border-radius:25px;
	/* Gecko browsers*/
	-webkit-border-radius:25px;
	/* Webkit browsers*/
	border-radius:25px;
	/* W3C syntax*/
	 }
.websiteClassification .websiteClassificationLeft {
	width:500px;
	height:57px;
	line-height:57px;
	font-size:14px;
	color:#eb850c;
	padding:0 0 0 22px;
	overflow:hidden;
}
}	.websiteClassification .websiteClassificationLeft a {
	font-size:14px;
	color:#666;
	margin:0 10px;
}
.websiteClassification .websiteClassificationLeft a:hover {
	color:#df0029;
}
.websiteClassification .websiteClassificationRight {
	width:auto;
	height:57px;
	line-height:57px;
	overflow:hidden;
	padding:0 28px 0 0;
}
.websiteClassification .websiteClassificationRight img {
	vertical-align:middle;
	margin:0 7px 0;
}
/*pre and next*/
	.preAndNext {
	width:1120px;
	height:21px;
	line-height:21px;
	margin:16px auto 0;
}
@media screen and (max-width:1024px) {
	.preAndNext {
	width:1024px;
	height:21px;
	line-height:21px;
	margin:16px auto 0;
}
}	.preAndNext a {
	display:inline-block;
	font-size:14px;
	color:#888;
	height:21px;
	overflow:hidden;
}
.preAndNext a:hover {
	color:#df0029;
}
.preAndNext span {
	display:inline-block;
	width:500px;
	height:21px;
	overflow:hidden;
}
.preAndNext span.nextWebsite {
	text-align:right;
}
/*news list*/
	ul.channelNewsListContent {
	width:1120px;
	height:auto;
	margin:29px auto 38px;
}
@media screen and (max-width:1024px) {
	ul.channelNewsListContent {
	width:1024px;
	height:auto;
	margin:0 auto 38px;
}
}	ul.channelNewsListContent li {
	width:350px;
	height:338px;
	display:inline-block;
	float:left;
	border:3px solid #f5f5f5;
	background:#fff;
	margin:0 8px 61px;
}
@media screen and (max-width:1024px) {
	ul.channelNewsListContent li {
	width:320px;
	height:338px;
	display:inline-block;
	float:left;
	border:3px solid #f5f5f5;
	background:#fff;
	margin:0 7px 61px;
}
}	ul.channelNewsListContent li:hover {
	border:3px solid #df012a;
}
ul.channelNewsListContent li img {
	width:350px;
	height:200px;
}
@media screen and (max-width:1024px) {
	ul.channelNewsListContent li img {
	width:320px;
	height:200px;
}
}	ul.channelNewsListContent li p {
	width:330px;
	height:21px;
	line-height:21px;
	text-align:center;
	margin:7px 0 5px;
	padding:0 10px;
	overflow:hidden;
}
@media screen and (max-width:1024px) {
	ul.channelNewsListContent li p {
	width:300px;
	height:21px;
	line-height:21px;
	text-align:center;
	margin:7px 0 5px;
	padding:0 10px;
	overflow:hidden;
}
}	ul.channelNewsListContent li p a {
	font-size:14px;
	color:#555;
}
ul.channelNewsListContent li p a:hover {
	color:#df0029;
}
ul.channelNewsListContent li .newsIntroduction {
	width:330px;
	height:58px;
	line-height:16px;
	text-indent:2em;
	padding:0 10px;
	overflow:hidden;
	line-height:21px;
	height:63px;
	margin-bottom:10px;
}
@media screen and (max-width:1024px) {
	ul.channelNewsListContent li .newsIntroduction {
	width:300px;
	height:58px;
	line-height:16px;
	text-indent:2em;
	padding:0 10px;
	overflow:hidden;
	line-height:21px;
	height:63px;
	margin-bottom:10px;
}
}	ul.channelNewsListContent li .newsIntroduction a {
	font-size:12px;
	color:#898989;
}
ul.channelNewsListContent li .newsIntroduction a:hover {
	color:#df0029;
}
ul.channelNewsListContent li dl {
	width:330px;
	margin:2px 10px;
	overflow:hidden;
}
@media screen and (max-width:1024px) {
	ul.channelNewsListContent li dl {
	width:280px;
	margin:2px 10px;
	overflow:hidden;
}
}	ul.channelNewsListContent li dl {
	font-size:13px;
	color:#c0c0c0;
}
ul.channelNewsListContent li dl dt {
	width:80px;
	height:20px;
	line-height:20px;
	display:inline-block;
	float:left;
	background:url(../home/bg.png) 0 -97px no-repeat;
	padding:0 0 0 20px;
	overflow:hidden;
}
ul.channelNewsListContent li dl dd {
	height:20px;
	line-height:20px;
	display:inline-block;
	float:left;
	overflow:hidden;
	margin:0 5px 0 0;
}
ul.channelNewsListContent li dl dd.author {
	width:80px;
	background:url(../home/bg.png) 0 -272px no-repeat;
	padding:0 0 0 20px;
}
ul.channelNewsListContent li dl dd.comment {
	width:46px;
	background:url(../home/bg.png) 0 -302px no-repeat;
	padding:0 0 0 18px;
}
/*news*/
	.newsLeft {
	width:162px;
	height:auto;
	margin:78px 0 0;
}
.newsLeft dl {
	width:162px;
	height:auto;
}
.newsLeft dl dt {
	width:141px;
	height:24px;
	line-height:24px;
	font-size:17px;
	color:#eb860d;
	background:url(../home/bg.png) 0 -335px no-repeat;
	margin:0 0 18px;
	padding:0 0 0 21px;
}
.newsLeft dl dd {
	width:162px;
	line-height:23px;
}
.newsLeft dl dd a {
	font-size:12px;
	color:#858585;
}
.newsLeft dl dd a:hover {
	color:#df0029;
	; }
.newsLeft dl dd img {
	vertical-align:middle;
	margin:0 5px;
}
.newsRight {
	width:920px;
	height:auto;
	margin:45px 0 0;
}
/*news content*/
	.newsRight .newsContent {
	width:900px;
	height:auto;
	margin:0 10px;
}
.newsRight .newsContent h3 {
	width:900px;
	height:auto;
	font-size:29px;
	color:#545454;
	padding:0 0 7px;
	border-bottom:1px solid #d7d7d7;
}
.newsRight .newsContent .newsInfo {
	width:900px;
	height:19px;
	margin:7px 0 45px;
	font-size:12px;
	color:#898989;
}
.newsRight .newsContent .newsInfo span {
	display:inline-block;
	margin:0 25px;
}
.newsRight .newsContent p {
	width:900px;
	line-height:25px;
	font-size:14px;
	color:#535353;
}
.newsRight .newsContent p.newsContentTit {
	font-weight:bold;
	padding:25px 0;
}
/*fav and up*/
	.newsRight .newsFavAndUp {
	width:920px;
	height:93px;
	text-align:center;
	margin:70px auto 0;
}
.newsRight .newsFavAndUp a {
	width:27px;
	height:23px;
	text-align:center;
	display:inline-block;
	margin:0 23px;
	padding:70px 33px 0;
}
.newsRight .newsFavAndUp a em {
	width:27px;
	height:23px;
	display:block;
	overflow:hidden;
}
.newsRight .newsFavAndUp a.fav {
	background:url(../home/bg_fav.png) no-repeat;
}
.newsRight .newsFavAndUp a.fav:hover {
	color:#df0029;
	background:url(../home/bg_fav_hover.png) no-repeat;
}
.newsRight .newsFavAndUp a.up {
	background:url(../home/bg_up.png) no-repeat;
}
.newsRight .newsFavAndUp a.up:hover {
	color:#df0029;
	background:url(../home/bg_up_hover.png) no-repeat;
}
/*website classification*/
	.newsRight .newsWebsiteClassification {
	width:918px;
	height:57px;
	border:1px solid #d7d7d7;
	margin:40px auto 0;
	-moz-border-radius:25px;
	/* Gecko browsers*/
	-webkit-border-radius:25px;
	/* Webkit browsers*/
	border-radius:25px;
	/* W3C syntax*/
	 }
.newsRight .newsWebsiteClassification .newsWebsiteClassificationLeft {
	width:600px;
	height:57px;
	line-height:57px;
	font-size:14px;
	color:#eb850c;
	padding:0 0 0 22px;
	overflow:hidden;
}
.newsRight .newsWebsiteClassification .newsWebsiteClassificationLeft a {
	font-size:14px;
	color:#666;
	margin:0 10px;
}
.newsRight .newsWebsiteClassification .newsWebsiteClassificationLeft a:hover {
	color:#df0029;
}
.newsRight .newsWebsiteClassification .newsWebsiteClassificationRight {
	width:auto;
	height:57px;
	line-height:57px;
	overflow:hidden;
	padding:10px 28px 0 0;
}
.newsRight .newsWebsiteClassification .newsWebsiteClassificationRight img {
	vertical-align:middle;
	margin:0 7px 0;
}
/*pre and next*/
	.newsRight .newsPreAndNext {
	width:920px;
	height:21px;
	line-height:21px;
	margin:16px auto 134px;
}
.newsRight .newsPreAndNext a {
	display:inline-block;
	font-size:14px;
	color:#888;
	height:21px;
	overflow:hidden;
}
.newsRight .newsPreAndNext a:hover {
	color:#df0029;
}
.newsRight .newsPreAndNext span {
	display:inline-block;
	width:400px;
	height:21px;
	overflow:hidden;
}
.newsRight .newsPreAndNext span.nextWebsite {
	text-align:right;
}
/*products*/
	.channelCasesMain ul.channelProductsList li .channelCasesListTit {
	width:1120px;
	height:auto;
	margin:23px auto 0;
}
.channelCasesMain ul.channelProductsList li .channelCasesListTit a {
	height:35px;
	line-height:35px;
	font-size:14px;
	color:#666;
	display:inline-block;
	background:url(../home/bg.png) 0 -20px no-repeat;
	padding:0 20px;
}
.channelCasesMain ul.channelProductsList li .channelCasesListTit a:hover {
	color:#df032b;
	background:url(../home/bg.png) 0 -50px no-repeat;
}
.channelCasesMain ul.channelProductsList li .channelCasesListTit a.current {
	color:#df032b;
	background:url(../home/bg.png) 0 -50px no-repeat;
}
/*purpose*/
	.purpose {
	width:1120px;
	height:auto;
	margin:0 auto;
	padding:67px 0 71px;
}
.purpose h3 {
	width:1120px;
	height:37px;
	font-size:29px;
	color:#555;
	text-align:center;
	padding:0 0 25px;
}
.purpose p {
	width:1120px;
	height:70px;
	line-height:23px;
	font-size:14px;
	color:#666;
	padding:0 0 71px;
}
/*creative*/
	.creative {
	width:100%;
	height:auto;
	background:#fff;
	padding:43px 0 0;
}
.creative h3 {
	width:auto;
	height:37px;
	font-size:29px;
	color:#555;
	text-align:center;
	padding:0 0 25px;
}
/*useExperience*/
	.useExperience {
	width:100%;
	height:auto;
	padding:43px 0 0;
}
.useExperience h3 {
	width:auto;
	height:37px;
	font-size:29px;
	color:#555;
	text-align:center;
	padding:0 0 25px;
}
/*features*/
	.features {
	width:100%;
	height:auto;
	background:#fff;
	padding:43px 0 0;
}
.features h3 {
	width:auto;
	height:37px;
	font-size:29px;
	color:#555;
	text-align:center;
	padding:0 0 25px;
}
/*internetMarketing*/
	.internetMarketing {
	width:100%;
	height:auto;
	padding:43px 0 0;
}
.internetMarketing h3 {
	width:auto;
	height:37px;
	font-size:29px;
	color:#555;
	text-align:center;
	padding:0 0 25px;
}
/*program*/
	.program {
	width:1120px;
	height:auto;
	margin:0 auto;
	padding:67px 0 71px;
}
.program h3 {
	width:1120px;
	height:37px;
	font-size:29px;
	color:#555;
	text-align:center;
	padding:0 0 25px;
}
.program p {
	width:1120px;
	height:70px;
	line-height:23px;
	font-size:14px;
	color:#666;
	text-align:center;
	padding:0 0 71px;
}
/*features2*/
	.features2 {
	width:100%;
	height:auto;
	background:#fff;
	padding:43px 0 0;
}
.features2 h3 {
	width:auto;
	height:37px;
	font-size:29px;
	color:#555;
	text-align:center;
	padding:0 0 25px;
}
/*technicalAdvantages*/
	.technicalAdvantages {
	width:100%;
	height:auto;
	padding:43px 0 0;
}
.technicalAdvantages h3 {
	width:auto;
	height:37px;
	font-size:29px;
	color:#555;
	text-align:center;
	padding:0 0 25px;
}
/*hotIssues*/
	.hotIssues {
	width:100%;
	height:auto;
	background:#fff;
	padding:43px 0 0;
}
.hotIssues h3 {
	width:auto;
	height:37px;
	font-size:29px;
	color:#555;
	text-align:center;
	padding:0 0 25px;
}
/*classicCase*/
.classicCase {
	width:100%;
	height:auto;
	padding:43px 0 0;
}
.classicCase h3 {
	width:auto;
	height:37px;
	font-size:29px;
	color:#555;
	text-align:center;
	padding:0 0 25px;
}
/*onlineConsultation*/
.onlineConsultation {
	width:100%;
	height:auto;
	background:#fff;
	padding:43px 0 0;
}
.onlineConsultation h3 {
	width:auto;
	height:37px;
	font-size:29px;
	color:#555;
	text-align:center;
	padding:0 0 25px;
}
/*services*/
.servicesList {
	width:1120px;
	height:auto;
	margin:55px auto 0;
}
.servicesList dl {
	width:500px;
	height:89px;
	display:inline-block;
	float:left;
	margin:0 0 53px;
	padding:0 40px 0 0;
	overflow:hidden;
}
.servicesList dl dt {
	width:450px;
	height:17px;
	line-height:17px;
	background:url(../home/bg.png) 0 -370px no-repeat;
	padding:0 0 0 25px;
	overflow:hidden;
}
.servicesList dl dt a {
	font-size:14px;
	color:#46acd2;
}
.servicesList dl dd {
	width:450px;
	height:72px;
	line-height:24px;
	padding:0 0 0 25px;
	overflow:hidden;
}
.servicesList dl dd a {
	font-size:12px;
	color:#525252;
}

ul.solutionList{
	width:1120px;
	height:auto;
	margin:0 auto;
	padding:80px 0 20px;
	list-style:none;
}

ul.solutionList li{
	width:1100px;
	height:188px;
	border:1px solid #d9d9d9;
	background:#fff;
	margin:0 auto 23px;
	padding:9px;
	list-style:none;
}

ul.solutionList li .solutionLiLeft{
	width:280px;
	height:188px;
	display:inline-block;
	float:left;
}

ul.solutionList li .solutionLiLeft img{
	width:280px;
	height:188px;
	display:block;
}

ul.solutionList li .solutionLiRight{
	width:780px;
	height:188px;
	display:inline-block;
	float:right;
}

ul.solutionList li .solutionLiRight .solutionLiRightTitle{
	width:780px;
	height:45px;
	line-height:45px;
	font-size:18px;
	color:#282828;
	display:inline-block;
	float:left;
	overflow:hidden;
}

ul.solutionList li .solutionLiRight .solutionLiRightContent{
	width:780px;
	height:75px;
	line-height:25px;
	font-size:14px;
	color:#5C5C5C;
	overflow:hidden;
	margin:10px auto 0;
}

ul.solutionList li .solutionLiRight .solutionLiRightReadmore{
	width:780px;
	height:36px;
	overflow:hidden;
	margin:22px auto 0;
}

ul.solutionList li .solutionLiRight .solutionLiRightReadmore a{
	width:122px;
	height:36px;
	line-height:36px;
	font-size:14px;
	color:#5C5C5C;
	text-align:center;
	background:#DDE9FF;
	display:block;
	padding:0;
}

ul.solutionList li .solutionLiRight .solutionLiRightReadmore a:hover{
	color:#fff;
	background:#73B9FF;
	transition:ease-in-out 0.5s;
}

@media screen and (max-width:1024px) {
	.servicesList {
	width:1024px;
	height:auto;
	margin:55px auto 0;
}
.servicesList dl {
	width:480px;
	height:89px;
	display:inline-block;
	float:left;
	margin:0 0 53px;
	padding:0 12px 0 20px;
	overflow:hidden;
}
.servicesList dl dt {
	width:450px;
	height:17px;
	line-height:17px;
	background:url(../home/bg.png) 0 -370px no-repeat;
	padding:0 0 0 25px;
	overflow:hidden;
}
.servicesList dl dt a {
	font-size:14px;
	color:#46acd2;
}
.servicesList dl dd {
	width:450px;
	height:72px;
	line-height:24px;
	padding:0 0 0 25px;
	overflow:hidden;
}
.servicesList dl dd a {
	font-size:12px;
	color:#525252;
}
}
.service2List {
	width:1120px;
	height:auto;
	margin:45px auto 0;
	border-bottom:1px solid #d7d7d7;
}
.service2List .serviceContent {
	width:1120px;
	height:206px;
	text-align:center;
	display:table;
	border-top:1px solid #d7d7d7;
}
.service2List .serviceContent .serviceCon {
	vertical-align:middle;
	display:table-cell;
}
.service2List .serviceContent .serviceCon a {
	font-size:29px;
	color:#df0029;
	top:-50%;
}
.servicesContent {
	width:1120px;
	height:auto;
	margin:0px auto 0;
}
.servicesContent h3 {
	width:1120px;
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#555;
	text-align:center;
	padding:0 0 25px;
	border-bottom:1px solid #d7d7d7;
}
/*services*/
ul.servicesLeft {
	width:147px;
	height:auto;
	margin:45px 0 0;
	float:left;
}
ul.servicesLeft li {
	width:147px;
	height:32px;
}
ul.servicesLeft li a {
	width:147px;
	height:14px;
	line-height:14px;
	font-size:14px;
	color:#545454;
	display:inline-block;
	background:url(../home/bg_service_left.png) right no-repeat;
	padding:0 25px 18px 0;
	text-align:right;
}
ul.servicesLeft li a:hover {
	color:#df0029;
	background:url(../home/bg_service_left_hover.png) right no-repeat;
}
ul.servicesLeft li.last a {
	background:url(../home/bg_service_left_last.png) right top no-repeat;
}
ul.servicesLeft li.last a:hover {
	background:url(../home/bg_service_left_last_hover.png) right top no-repeat;
}
ul.servicesLeft li.current a {
	background:url(../home/bg_service_left_hover.png) right no-repeat;
}
.servicesRight {
	width:920px;
	height:auto;
	margin:45px 0;
}
/*services content*/
.servicesRight .servicesContent {
	width:900px;
	height:auto;
	margin:0 10px;
}
.servicesRight .servicesContent h3 {
	width:900px;
	height:auto;
	font-size:29px;
	color:#545454;
	padding:0 0 7px;
	border-bottom:1px solid #d7d7d7;
}
.servicesRight .servicesContent p {
	width:900px;
	line-height:25px;
	font-size:14px;
	color:#535353;
	margin:0 0 26px;
}
.servicesRight .servicesContent p.servicesContentTit {
	font-weight:bold;
	padding:25px 0;
	margin:-26px 0 0;
}
/* aside*/
	#sidebar.sticky {
	float:none;
	position:fixed;
	top:200px;
	z-index:6;
	left:auto;
}
.channelServicesListTit {
	width:1120px;
	height:auto;
	margin:0 auto;
	padding:25px 0 0;
}
.channelServicesListTit a {
	height:35px;
	line-height:35px;
	font-size:14px;
	color:#666;
	display:inline-block;
	background:url(../home/bg.png) 0 -20px no-repeat;
	padding:0 20px;
}
.channelServicesListTit a:hover {
	color:#df032b;
	background:url(../home/bg.png) 0 -50px no-repeat;
}
.channelServicesListTit a.current {
	color:#df032b;
	background:url(../home/bg.png) 0 -50px no-repeat;
}
.bgf5 {
	background:#f5f5f5;
}
/* 2016.3.2*/
	.row {
	width:1120px;
	margin:0 auto;
}
@media screen and (max-width:1024px) {
	.row {
	width:1000px;
	margin:0 auto;
}
}
.space50 {
	clear:both;
	height:50px;
	overflow:hidden;
}
.space30 {
	clear:both;
	height:30px;
	overflow:hidden;
}
.space20 {
	clear:both;
	height:20px;
	overflow:hidden;
}
.right {
	float:right;
}
.tcenter {
	text-align:center;
}
.bg-gray {
	background:#f5f5f5;
}
.red {
	color:#C00;
}
.f21 {
	font-size:21px;
}
a.case-p {
	display:block;
	width:350px;
	height:233px;
	overflow:hidden;
	position: relative;
}
a.case-p img {
	width:350px;
	height:233px;
	position:absolute;
	left:0;
	top:0;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s ease-in-out;
}
a.case-p:hover img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-ms-transform:scale(1.2, 1.2);
	/* IE 9*/
	-moz-transform:scale(1.2, 1.2);
	/* Firefox*/
	-o-transform:scale(1.2, 1.2);
	/* Opera*/
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
.searchlist {
	margin-bottom:20px;
}
.searchlist li {
	line-height:40px;
	font-size:14px;
	border-bottm:1px solid #CCC;
}
.searchlist li span {
	color:#999;
	font-size:12px;
}
/*page*/
	.page {
	width:1120px;
	height:33px;
	margin:40px auto 60px;
}
.page .pageLeft {
	width:720px;
	height:33px;
	line-height:33px;
	float:left;
}
.page .pageLeft a {
	width:33px;
	height:33px;
	font-size:14px;
	color:#666;
	text-align:center;
	display:inline-block;
	float:left;
	background:#fff;
	border:1px solid #d7d7d7;
	-moz-border-radius:50%;
	/* Gecko browsers*/
	-webkit-border-radius:50%;
	/* Webkit browsers*/
	border-radius:50%;
	/* W3C syntax*/
	margin:0 15px 0 0;
}
.page .pageLeft a.page_cur {
	color:#fff;
	background:#df0029;
	border:1px solid #df0029;
}
.page .pageLeft a:hover {
	color:#fff;
	background:#df0029;
	border:1px solid #df0029;
}
.page .pageRight {
	float:right;
	width:auto;
	height:33px;
	line-height:33px;
}
.page .pageRight a {
	width:auto;
	height:33px;
	font-size:14px;
	color:#df0029;
	text-align:center;
	display:inline-block;
	float:left;
	background:#ececec;
	-moz-border-radius:25px;
	/* Gecko browsers*/
	-webkit-border-radius:25px;
	/* Webkit browsers*/
	border-radius:25px;
	/* W3C syntax*/
	margin:0 15px 0 0;
	padding:0 25px;
}
.page .pageRight a.nopage {
	width:33px;
	height:33px;
	font-size:14px;
	color:#fff;
	display:inline-block;
	float:left;
	-moz-border-radius:50%;
	/* Gecko browsers*/
	-webkit-border-radius:50%;
	/* Webkit browsers*/
	border-radius:50%;
	/* W3C syntax*/
	padding:0;
}
@media screen and (max-width:1024px) {
	.page {
		width:1000px;
		height:33px;
		margin:40px auto 60px;
	}
}
/* notifyModal*/
#myModal {
	display:none;
}
.warningBox{
	width:380px;
	height:auto;
	border-radius:10px;
	position:fixed;
	left:50%;
	top:30%;
	z-index:9999999;
	display:none;
	margin-left:-190px;
}
.warningBoxTitle{
	width:380px;
	height:45px;
	border-radius:5px 5px 0 0;
	background:#F9A91E;
}
.warningBoxTitle img{
	width:14px;
	height:13px;
	dipslay:block;
	float:right;
	margin-right:18px;
	margin-top:16px;
}
.warningBoxContent{
	width:340px;
	height:auto;
	line-height:140%;
	font-size:14px;
	color:#4C4C4C;
	text-align:center;
	border-radius:0 0 5px 5px;
	background:#fff;
	padding:20px;
}
.notifyModal {
	position:fixed;
	z-index:999999;
	background:rgba(0,0,0,0.5);
	opacity:0;
	cursor:pointer;
	transition:all 200ms ease
}
.notifyModal.overlay {
	top:0;
	bottom:0;
	left:0;
	right:0
}
.notifyModal.overlay.center {
	top:0;
	bottom:0
}
.notifyModal.open {
	opacity:1
}
.notifyModal.open .notifyModal_content {
	-webkit-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1)
}
.notifyModal .notifyModal_content {
	position:absolute;
	background:#FFF;
	width:330px;
	padding:0 15px 35px;
	margin:auto;
	border-radius:5px;
	text-align:center;
	box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);
	transition:all 200ms ease;
	-webkit-transform:scale(0.95,0.95);
	-ms-transform:scale(0.95,0.95);
	transform:scale(0.95,0.95);
	font-family:sans-serif;
	font-size:14px;
	font-weight:initial;
	font-style:initial;
	color:initial;
	text-decoration:initial;
	text-transform:initial
}
.notifyModal.leftTop {
	top:0;
	left:0
}
.notifyModal.centerTop {
	top:0;
	left:0;
	right:0
}
.notifyModal.rightTop {
	top:0;
	right:0
}
.notifyModal.center {
	top:35%;
	bottom:auto;
	left:0;
	right:0
}
.notifyModal.leftBottom {
	bottom:0;
	left:0
}
.notifyModal.centerBottom {
	bottom:0;
	left:0;
	right:0
}
.notifyModal.rightBottom {
	bottom:0;
	right:0
}
.notifyModal.center .notifyModal_content {
	left:0;
	right:0;
	top:35%
}
.notifyModal.leftTop .notifyModal_content {
	left:20px;
	top:20px
}
.notifyModal.centerTop .notifyModal_content {
	left:0;
	right:0;
	top:20px
}
.notifyModal.rightTop .notifyModal_content {
	right:20px;
	top:20px
}
.notifyModal.leftBottom .notifyModal_content {
	left:20px;
	bottom:20px
}
.notifyModal.centerBottom .notifyModal_content {
	left:0;
	right:0;
	bottom:20px
}
.notifyModal.rightBottom .notifyModal_content {
	right:20px;
	bottom:20px
}
.modelTitle{
	background:url(../home/bg_model_title.png) center top no-repeat;
	width:360px;
	height:45px;
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:35px;
}
.notifyModal .notifyModal_content .close {
	line-height:12px;
	font-size:25px;
	font-weight:bold;
	font-family:serif;
	position:absolute;
	right:18px;
	top:18px;
	color:#000;
	opacity:0.2;
	padding:0;
	cursor:pointer;
	background:transparent;
	border:0;
	outline:0
}
.notifyModal .notifyModal_content .close:hover {
	opacity:1
}
/*right service*/
	#leftsead {
	width:47px;
	height:290px;
	position:fixed;
	top:350px;
	right:0px;
	z-index:999;
}
@media screen and (max-width:1024px) {
	#leftsead {
	width:47px;
	height:290px;
	position:fixed;
	display:none;
	top:350px;
	right:0px;
	z-index:999;
}
}
#leftsead ul {
	list-style:none;
	margin:0;
	padding:0;
	outline:none;
}
*html #leftsead {
	margin-top:258px;
	position:absolute;
	top:expression(eval(document.documentElement.scrollTop));
	margin:0;
	padding:0;
	outline:none;
}
#leftsead li {
	width:47px;
	height:51px;
	margin:0 0 3px;
	list-style:none;
	list-style:none;
	padding:0;
	outline:none;
}
#leftsead li img {
	float:right;
}
#leftsead li a {
	height:51px;
	float:right;
	display:block;
	min-width:47px;
	max-width:161px;
	border-radius:15px 0 0 15px;
	-webkit-transition:background 0.2s;
	-moz-transition:background 0.2s;
	-ms-transition:background 0.2s;
	-o-transition:background 0.2s;
	transition:background 0.2s;
	text-decoration:none;
	font-family:"微软雅黑","宋体","arial","sans-serif";
}
#leftsead li#tel a {
	background-color:#FFA101;
	text-decoration:none;
}
#leftsead li#qq a {
	background-color:#3BC8DA;
	text-decoration:none;
}
#leftsead li#message a {
	background-color:#95C033;
	text-decoration:none;
}
#leftsead li#ew a {
	background-color:#DDBE01;
	text-decoration:none;
}
#leftsead li a:hover,#leftsead li#btn a {
	background-color:#DF0029;
	text-decoration:none;
}
#leftsead li a .shows {
	display:block;
}
#leftsead li a .hides {
	margin-right:-143px;
	cursor:pointer;
	cursor:hand;
}
#leftsead li a.youhui .hides {
	display:none;
	position:absolute;
	right:143px;
}
#leftsead li a.youhui .2wm {
	display:none;
	position:absolute;
	right:143px;
}
/*#p2 {
	width:112px;
	background-color:#DF0029;
	height:51px;
	margin-left:47px;
	line-height:51px;
	text-align:center;
}*/
	#p3 {
	width:112px;
	background-color:#FFA101;
	height:51px;
	margin-left:47px;
	line-height:51px;
	text-align:center;
}
#p4 {
	width:112px;
	background-color:#95c033;
	height:51px;
	margin-left:47px;
	line-height:51px;
	text-align:center;
}
#p1 {
	width:47px;
	height:51px;
	float:left
}
.wechat {
	position:relative;
}
.rightMenuCode {
	width:302px;
	height:auto;
	position:absolute;
	right:60px;
	top:-50px;
	display:none;
}
.rightMenuCodeMobilesite {
	width:145px;
	height:auto;
	display:inline-block;
	float:left;
}
.rightMenuCodeMobilesite img {
	width:145px;
	height:145px;
}
.rightMenuCodeMobilesite p {
	width:145px;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#000;
	text-align:center;
	background:#fff;
	overflow:hidden;
}
.rightMenuCodeWechat {
	width:145px;
	height:auto;
	display:inline-block;
	float:right;
}
.rightMenuCodeWechat img {
	width:145px;
	height:145px;
}
.rightMenuCodeWechat p {
	width:145px;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#000;
	text-align:center;
	background:#fff;
	overflow:hidden;
}
#top_btn {
	cursor:pointer;
}
#leftsead li.qq {
	width:47px;
	height:51px;
	border-radius:15px 0 0 15px;
	background:#3bc8da url(../home/service2.png) 0 0 no-repeat;
	margin:0 0 3px;
	cursor:pointer;
	position:relative;
}
#leftsead li.qq .rightMenuQqMain {
	width:47px;
	height:51px;
	border-radius:15px 0 0 15px;
	background:#3bc8da url(../home/service2.png) 0 0 no-repeat;
	position:absolute;
	bottom:0;
	right:0;
	z-index:99999999;
	overflow:hidden;
}
#leftsead li.qq:hover .rightMenuQqMain {
	animation:rightmenuqqhover 1s ease-in-out 0s both;
	-moz-animation:rightmenuqqhover 1s ease-in-out 0s both;
	-webkit-animation:rightmenuqqhover 1s ease-in-out 0s both;
	-o-animation:rightmenuqqhover 1s ease-in-out 0s both;
}
@keyframes rightmenuqqhover {
	0% {
	width:47px;
	height:51px;
}
30% {
	width:150px;
	height:51px;
}
100% {
	width:150px;
	height:310px;
}
}
@-moz-keyframes rightmenuqqhover {
	0% {
	width:47px;
	height:51px;
}
30% {
	width:150px;
	height:51px;
}
100% {
	width:150px;
	height:310px;
}
}
@-webkit-keyframes rightmenuqqhover {
	0% {
	width:47px;
	height:51px;
}
30% {
	width:150px;
	height:51px;
}
100% {
	width:150px;
	height:310px;
}
}
@-o-keyframes rightmenuqqhover {
	0% {
	width:47px;
	height:51px;
}
30% {
	width:150px;
	height:51px;
}
100% {
	width:150px;
	height:310px;
}
}
.rightMenuQqMain h3 {
	width:150px;
	height:24px;
	line-height:24px;
	font-size:17px;
	color:#fff;
	margin:12px 0 0;
	padding:0 0 0 47px;
}
.rightMenuQqMain h4 {
	width:150px;
	height:21px;
	line-height:21px;
	font-size:14px;
	color:#fff;
	margin:12px 0 5px;
	padding:0 0 0 12px;
}
.rightMenuQqMain p {
	width:110px;
	height:30px;
	margin:0 20px;
}
.rightMenuQqMain p a {
	width:110px;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#fff;
	background:url(../home/rightmenuqq.png) 12px center no-repeat;
	float:none;
	margin:0 0 14px;
	padding:0 0 0 30px;
	border-radius:0;
	height:21px;
	float:none;
	display:block;
	min-width:150px;
	max-width:150px;
	border-radius:0;
	-webkit-transition:background 0.2s;
	-moz-transition:background 0.2s;
	-ms-transition:background 0.2s;
	-o-transition:background 0.2s;
	transition:background 0.2s;
	text-decoration:none;
	font-family:"微软雅黑","宋体","arial","sans-serif";
}
.rightMenuQqMain p a:hover {
	background:none;
}
/*qqservice*/
	#fbmodal {
	position: absolute;
	left: 0;
	z-index:99999;
	text-align: left;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
}
#fbmodal .popup {
	position:fixed;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
#fbmodal table {
	border-collapse: collapse;
}
#fbmodal td {
	border-bottom: 0;
	padding: 0;
}
#fbmodal .content {
	padding: 10px;
	font-size: 11px;
}
#fbmodal .container {
	}
#fbmodal .body {
	background: #ffffff;
	overflow: hidden;
}
#fbmodal .loading {
	text-align: center;
}
#fbmodal .image {
	text-align: center;
}
#fbmodal img {
	border: 0;
	margin: 0;
}
#fbmodal .footer {
	background: #f0f0f0;
	border-top: 1px solid #DDDDDD;
	padding:8px 0;
	height: 26px;
	text-align:right;
}
#fbmodal .tl, #fbmodal .tr, #fbmodal .bl, #fbmodal .br {
	height:10px;
	width:10px;
	overflow: hidden;
	padding: 0;
}
#fbmodal_overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.fbmodal_hide {
	z-index: -100;
}
.fbmodal_overlay {
	background-color: #000;
	z-index: 9999;
}
#fbmodal .title {
	padding: 6px 6px 6px 8px;
	background: #C1C1C1;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
}
#fbmodal .button_outside_border_blue {
	border: solid #29447e 1px;
	border-bottom: solid #1a356e 1px;
	cursor: pointer;
	float: left;
}
#fbmodal .button_inside_border_blue {
	padding: 4px 6px 4px 6px;
	background-color: #5c75a9;
	border-top: solid #8a9cc2 1px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
}
#fbmodal .button_outside_border_grey {
	margin-left: 5px;
	border: solid #9b9b9b 1px;
	cursor: pointer;
	float: left;
}
/*#fbmodal .button_inside_border_grey {
	padding: 4px 6px 4px 6px;
	background-image: url("../home/fbmodal_cancel.png");
	border-top: solid #ffffff 1px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
}*/
	#fbmodal .right {
	float: right;
}
#fbmodal .clear {
	clear: both;
}

div.button_inside_border_blue:active {
	background-color: #4f6aa3;
}

.kf_qq_r {
	width:52px;
	height:174px;
	position:fixed;
	top:200px;
	right:-10px;
}
.kf_qq_r a {
	background:url(../img/qq_kf.png) no-repeat -81px -66px;
	display:block;
	width:52px;
	height:174px;
}
.kf_qq_r a:hover {
	opacity: 0.8;
}
.democode {
	width:400px;
	margin:30px auto 0 auto;
	line-height:24px;
}
.democode h2 {
	font-size:14px;
	color:#3366cc;
	height:28px;
}
.agree {
	margin:40px auto;
	width:400px;
	font-size:16px;
	font-weight:800;
	color:#3366cc;
}
.btnbox {
	text-align:center;
	height:30px;
	padding-top:10px;
	background:#ECF9FF;
}
#windownbg {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	top:0;
	left:0;
}
#windown-box {
	position:fixed;
	_position:absolute;
	border:8px solid #4CB3E7;
	background:#FFF;
	text-align:left;
}
#windown-title {
	position:relative;
	height:44px;
	border-bottom:1px solid #CCCCCC;
	overflow:hidden;
	background:#F5F5F5;
}
#windown-title h2 {
	color: #666666;
	font-size: 25px;
	font-weight: bold;
	height: 40px;
	left: 10px;
	line-height: 40px;
	padding-left: 84px;
	position: absolute;
	top: 5px;
}
#windown-title p {
	color: #666666;
	font-size: 15px;
	font-weight: bold;
	left: 198px;
	position: absolute;
	top: 17px;
}
#windown-close {
	cursor: pointer;
	height: 12px;
	overflow: hidden;
	position: absolute;
	right: 10px;
	text-indent: -10em;
	top: 17px;
	width: 12px;
}
.mainlist {
	width:100%;
}
#windown-content-border {
	position:relative;
	top:-1px;
}
.kf_qq_li {
	width:500px;
	padding:19px 0;
}
.kf_qq_li .kf_qq_li_right {
	width:90%;
	font-family:"微软雅黑";
	color:#333;
	margin:0 auto;
}
.kf_qq_li_1 {
	background-position:3px -262px;
}
.kf_qq_li_2 {
	background-position:3px -355px;
}
.kf_qq_li_3 {
	background-position:0px -425px;
}
.kf_qq_li_4 {
	background-position:0px -510px;
}
.kf_r_t {
	width:100%;
	padding-bottom:4px;
}
.kf_r_t span {
	font-size:16px;
	padding-top:3px;
}
.kf_r_t .qyqq {
	width:102px;
	height:24px;
	line-height:24px;
	font-size:15px;
	color:#fff;
	background:#3A9EDF;
	display:block;
	text-align:center;
	float:left;
	font-weight:bold;
}
.kf_qq_c {
	width:100%;
	overflow:hidden;
}
.kf_qq_c ul {
	}
.kf_qq_c ul li {
	width:auto;
	padding:0 0 0 25px;
	height:23px;
	float:left;
	margin-right:20px;
	display:inline;
	margin-bottom:7px;
	font-family:"宋体";
	background:url('../home/qq.jpg') no-repeat left center;
}
.kf_qq_c ul li a {
	width:auto;
	height:23px;
	line-height:23px;
	display:block;
	color:#333;
	text-align:center;
	font-size:13px;
}
.kf_qq_c ul a:hover {
	}
.kf_r_d {
	border-top: 1px solid #CCCCCC;
	font-size: 12px;
	padding-top: 4px;
	width: 100%;
}
.ke_qq_jl {
	width:189px;
	float:left;
}
.ke_qq_jl_l {
	min-height:100px;
	margin-right:13px;
}
.ke_qq_jl p {
	line-height:20px;
	display:block;
	float:left;
	width:100%;
}
.ke_qq_jl .jl_left {
	float:left;
	width:53px;
	font-size:13px;
}
.ke_qq_jl .jl_right {
	float:left;
	width:134px;
	font-size:13px;
	line-height:20px;
}
.ke_qq_jl .jl_right .jl_call {
	padding-left:24px;
	float:left;
	display:block;
	padding-bottom:2px;
}
.ke_qq_jl .jl_right .jl_qq {
	padding-left:25px;
	float:left;
	display:block;
}
.ke_qq_jl .jl_right .jl_qq a {
	width:93px;
	height:23px;
	line-height:23px;
	display:block;
	color:#333;
	text-align:center;
	font-size:13px;
}
.ke_qq_jl .jl_right .jl_qq a:hover {
	}
#windown-content img,#windown-content iframe {
	display:block;
}
#windown-content .loading {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-8px;
	margin-top:-8px;
}
/*service form*/
.serviceForm {
	display:none;
}
.submitCon2 {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.serviceForm .submitCon2 {
	overflow-y:auto;
}
.book-content {
	width:350px;
	height:auto;
	line-height:140%;
	font-size:14px;
	color:#fff;
	margin:0 auto;
	padding-bottom:20px;
	line-height:1.8;
}
.book-content strong {
	font-size:14px;
}
.submitCon2 input {
	width:350px;
	height:41px;
	font-size:14px;
	color:#fff;
	font-family:"微软雅黑","宋体","arial","sans-serif";
	border:1px solid #fff;
	border-radius:5px;
	background:none;
	margin:0 auto 10px;
	padding:0 5px;
	display:block;
}
.submitCon2 input::-webkit-input-placeholder {
    color:#fff;
}
.submitCon2 input:-moz-placeholder {
    color:#fff;
}
.submitCon2 input::-moz-placeholder {
    color:#fff;
}
.submitCon2 input:-ms-input-placeholder {
    color:#fff;
}
.submitCon2 textarea {
	width:350px;
	height:85px;
	line-height:21px;
	font-size:14px;
	color:#fff;
	font-family:"微软雅黑","宋体","arial","sans-serif";
	border:1px solid #fff;
	border-radius:5px;
	background:none;
	padding:5px;
	display:block;
	margin:0 auto;
}
.submitCon2 textarea::-webkit-input-placeholder {
    color:#fff;
}
.submitCon2 textarea:-moz-placeholder {
    color:#fff;
}
.submitCon2 textarea::-moz-placeholder {
    color:#fff;
}
.submitCon2 textarea:-ms-input-placeholder {
    color:#fff;
}
.submitCon2 .productBtn {
	width:185px;
	height:43px;
	line-height:43px;
	font-size:16px;
	color:#FF6116;
	text-align:center;
	border:none;
	background:#fff;
	border-radius:5px;
	margin:20px auto 0;
	padding:0;
	cursor:pointer;
	display:block;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
}
.want2 {
	width:405px;
	height:42px;
	border:1px solid #f5f5f5;
	background:#fff;
	margin:0 0 5px;
}
.want2 .set2 {
	width:400px;
	height:42px;
	line-height:42px;
	font-size:14px;
	color:#898989;
	text-align:left;
	display:block;
	margin:0;
	padding:0 0 0 5px;
}
.set2 {
	background:url(../home/btn_2.png) 380px center no-repeat;
}
.select2 {
	background:url(../home/btn_1.png) 380px center no-repeat;
}
.new2 {
	width:405px;
	position:absolute;
	border:1px solid #f5f5f5;
	background:#fff;
	display:none;
	z-index:99999;
}
.want2 ul li {
	width:400px;
	line-height:30px;
	font-size:14px;
	color:#898989;
	padding:0 0 0 5px;
}
.want2 ul li:hover {
	background:#ccc;
	color:#fff;
}
/* 弹窗update 2016.3.23*/
#box {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	display:none;
	z-index:9999;
}
.qqServiceMain {
	width:500px;
	height:363px;
	background:url(../home/bg_qqservices.png) no-repeat;
	background-size:500px 363px;
	position:fixed;
	left:50%;
	top:50%;
	z-index:99999;
	display:none;
	margin-top:-181px;
	margin-left:-250px;
}
.qqServiceContent{
	width:100%;
	height:100%;
	position:relative;
}
#close{
	width:14px;
	height:14px;
	position:absolute;
	right:18px;
	top:15px;
	cursor:pointer;
}
#close img{
	width:14px;
	height:14px;
}
.qqServiceTelnumber{
	width:250px;
	height:auto;
	position:absolute;
	top:52px;
	right:32px;
}
.qqServiceTelnumber p{
	width:250px;
	height:auto;
	line-height:140%;
	font-size:32px;
	color:#fff;
	font-family: "microsoft yahei";
	font-weight:bold;
	text-align:right;
}
ul.qqServiceList{
	width:440px;
	height:auto;
	position:absolute;
	top:180px;
	left:25px;
	list-style:none;
}
ul.qqServiceList li{
	width:110px;
	height:91px;
	display:inline-block;
	float:left;
	list-style:none;
}
ul.qqServiceList li .qqServiceLiIcon{
	width:31px;
	height:37px;
	display:block;
	margin:0 auto;
}
ul.qqServiceList li .qqServiceLiIcon img{
	width:31px;
	height:37px;
}
ul.qqServiceList li .qqServiceLiName{
	width:77px;
	height:48px;
	line-height:24px;
	font-size:16.8px;
	color:#FFFFFF;
	text-align:center;
	display:block;
	margin:7px auto 0;
}
ul.qqServiceList li .qqServiceLiName .f14{
	font-size:14px;
}
.qqServiceTips{
	width:450px;
	height:35px;
	line-height:35px;
	font-size:16px;
	color:#676767;
	text-align:center;
	font-family: arial;
	position:absolute;
	bottom:10px;
	left:25px;
	overflow:hidden;
}
.serviceForm {
	display:none;
	position:fixed;
	left:50%;
	top:15%;
	border-radius:10px;
	background:#fff;
	z-index:99999;
	width:500px;
	min-height:457px;
	background:url(../home/bg_contactus_line.png) center top repeat-y;
	margin-left:-250px;
}
.serviceFormContent {
	width:100%;
	height:100%;
	background:none;
	position:relative;
}
.serviceFormTop{
	width:500px;
	min-height:333px;
	background:url(../home/bg_contactus_top.png) no-repeat;
	padding-top:55px;
}
.serviceFormTitle{
	width:100%;
	height:auto;
	line-height:140%;
	font-size:38px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin:0 auto 15px;
}
.serviceFormBottom{
	width:500px;
	height:124px;
	background:url(../home/bg_contactus_bottom.png) no-repeat;
}
.boxTitle{
	width:14px;
	height:14px;
	position:absolute;
	right:18px;
	top:15px;
	cursor:pointer;
}
.boxTitle span{
	width:14px;
	height:14px;
}
.boxTitle span img{
	width:14px;
	height:14px;
}
/*about*/
.about-intro p {
	margin:10px 0;
	font-size:14px;
	line-height:1.8;
	color:#666;
	text-indent:2em;
}
.about_title h2 {
	font-size:23px;
	color:#000;
	text-align:center;
	margin-bottom:30px;
	line-height:40px;
	height:40px;
}
.about_title h2 span {
	display:inline-block;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	overflow:hidden;
}
.about_title h2 span.en {
	font-size:28px;
	color:#BFBFBF;
	border-right:2px solid #DF0029;
	padding-right:15px;
	margin-right:15px;
	line-height:40px;
	height:40px;
}
.about-culture h3 {
	font-size:17px;
	color:#DF0027;
	line-height:1.8;
	text-align:center;
}
.about-culture h4 {
	font-size:17px;
	color:#333;
	line-height:1.8;
	text-align:center;
}
.about-culture p {
	font-size:14px;
	color:#878787;
	line-height:1.8;
	text-align:center;
}
.about-culture img {
	max-width:100%;
}
.about-adv dl {
	float:left;
	width:17%;
	padding:110px 1.4% 0;
	background:url('../home/about_2.png') no-repeat center top;
	margin-bottom:20px;
}
.about-adv dt {
	text-align:center;
	font-size:17px;
	color:#666;
	margin-bottom:10px;
}
.about-adv dt h3{
	text-align:center;
	font-size:17px;
	color:#666;
}
.about-adv dd {
	font-size:14px;
	color:#868686;
	line-height:1.6;
}
.about-contact dl {
	font-size:15px;
	color:#888;
	height:35px;
	line-height:35px;
}
.about-contact dt {
	display:inline-block;
	float:left;
	width:47%;
	text-align:right;
	padding-right:1%;
}
.about-contact dd {
	display:inline-block;
	float:left;
	width:50%;
	text-align:left;
}
.about-contact dd.en {
	font-family:Verdana, Geneva, sans-serif;
}
.about-contact dd a {
	color:#888;
}
.about-map {
	height:550px;
	border:#ccc solid 1px;
}
.iw_poi_title {
	color:#CC5522;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	padding-right:13px;
	white-space:nowrap
}
.iw_poi_content {
	font:12px arial,sans-serif;
	overflow:visible;
	padding-top:4px;
	white-space:-moz-pre-wrap;
	word-wrap:break-word
}
/* user*/
	.gray {
	color:#AAA;
}
.blue {
	color:#39F;
}
.user-left {
	float:left;
	margin:30px 0;
	width:220px;
}
.user-left-t {
	background-color:#DF0029;
	height:50px;
	line-height:50px;
	padding:0 15px;
	color:#FFF;
	font-size:16px;
}
.user-left-c {
	background-color:#FFF;
	height:40px;
	line-height:40px;
	padding:0 15px;
	font-size:14px;
	margin-top:1px;
}
.user-left-c a {
	display:block;
	width:100%;
	color:#5252525;
}
.user-left-c a.current {
	color:#DF0029;
}
.user-right {
	float:right;
	margin:30px 0;
	width:860px;
	min-height:500px;
}
.user-right h5 {
	font-size:16px;
	font-weight:normal;
	line-height:50px;
	border-bottom:1px solid #CCC;
}
.user-right-c {
	padding:30px 0;
	font-size:14px;
}
.user-list th {
	background-color:#FFF;
	padding:10px 0;
	font-size:12px;
	text-align:center;
}
.user-list td {
	padding:12px 0;
}
.table-list td {
	border-bottom:1px solid #CCC;
	font-size:12px;
}
.txt {
	border:1px solid #E4E4E4;
	background-color:#FFF;
	line-height:35px;
	height:35px;
	border-radius:4px;
	padding:0 10px;
	font-size:14px;
	margin:10px 10px;
}
.user-btn-primary {
	display:inline-block;
	border:none;
	background-color:#DF0029;
	line-height:30px;
	height:35px;
	border-radius:4px;
	padding:0 50px;
	font-size:14px;
	color:#FFF;
	margin:15px 10px;
	cursor:pointer;
}
.user-btn-default {
	display:inline-block;
	border:none;
	background-color:#DBDBDB;
	line-height:30px;
	height:35px;
	border-radius:4px;
	padding:0 50px;
	font-size:14px;
	color:#333;
	margin:15px 10px;
	cursor:pointer;
}
.message {
	padding:260px 0 100px;
	background:url(../home/info.png) no-repeat center 80px;
}
.message h2 {
	font-size:36px;
	color:#DF0029;
	text-align:center;
}
.message-links {
	text-align:center;
}
.message-links a {
	display:inline-block;
	border:none;
	background-color:#FF9300;
	line-height:30px;
	height:35px;
	border-radius:4px;
	padding:0 50px;
	font-size:14px;
	color:#FFF;
	margin:15px 10px;
	cursor:pointer;
}
.message-content {
	text-align:center;
	padding:30px;
	font-size:18px;
	line-height:1.8;
}
/* discount 专题*/
	.topic2017banner {
	width:100%;
	max-width:1920px;
	height:auto;
	margin:0 auto;
}
.topic2017banner img {
	width:100%;
	max-width:1920px;
	height:auto;
}
.topic2017Main {
	width:100%;
	height:auto;
	background:url(../home/topic2017bg.jpg) repeat;
	padding:0 0 100px;
}
.topic2017Sc1Title {
	width:836px;
	height:189px;
	margin:0 auto;
}
.topic2017Sc1Content {
	width:922px;
	height:auto;
	line-height:32px;
	font-size:18px;
	color:#222;
	text-align:center;
	margin:0 auto;
}
.topic2017Sc2Title {
	width:320px;
	height:65px;
	line-height:65px;
	font-size:30px;
	color:#e40B1c;
	text-align:center;
	border-bottom:1px solid #f42f41;
	margin:70px auto 0;
}
.topic2017Sc2Info {
	width:566px;
	height:auto;
	font-size:16px;
	color:#673131;
	text-align:center;
	margin:23px auto 0;
}
.topic2017Sc2Img {
	width:355px;
	height:314px;
	margin:38px auto 0;
}
.topic2017Sc2Btn {
	width:193px;
	height:44px;
	line-height:44px;
	font-size:20px;
	color:#fff;
	text-align:center;
	border-radius:20px;
	background:#ef4733;
	margin:16px auto 0;
}
.topic2017Sc2Btn a {
	width:193px;
	height:44px;
	line-height:44px;
	font-size:20px;
	color:#fff;
	text-align:center;
	display:block;
}
.topic2017Sc3Title1 {
	width:100%;
	height:65px;
	line-height:65px;
	font-size:30px;
	color:#e40B1c;
	text-align:center;
	margin:70px auto 0;
}
.topic2017Sc3TitleLine {
	width:320px;
	height:1px;
	border-bottom:1px solid #f42f41;
	margin:0 auto;
}
.topic2017Sc3Content {
	width:707px;
	height:auto;
	line-height:32px;
	font-size:16px;
	color:#774848;
	text-align:center;
	margin:25px auto 0;
}
.topic2017Sc3Img {
	width:306px;
	height:380px;
	margin:38px auto 0;
}
.topic2017Sc4Img {
	width:224px;
	height:322px;
	background:url(../home/sc4img.png) no-repeat;
	margin:38px auto 0;
	padding:120px 0 0;
}
p.topic2017Sc4Price {
	width:224px;
	height:50px;
	line-height:50px;
	font-size:40px;
	color:#fbef4f;
	text-align:center;
}
p.topic2017Sc4Btn {
	width:156px;
	height:44px;
	line-height:44px;
	font-size:20px;
	color:#fff;
	text-align:center;
	background:#FFB401;
	border-radius:20px;
	margin:24px auto 0;
}
p.topic2017Sc4Btn a {
	width:156px;
	height:44px;
	line-height:44px;
	font-size:20px;
	color:#fff;
	text-align:center;
	display:inline-block;
}
.topic2017Footer {
	width:1010px;
	height:auto;
	padding:40px;
	font-size:16px;
	color:#333;
	text-align:center;
	border:1px solid #774848;
	margin:0 auto 100px;
}
.topic2017Footer p {
	width:1010px;
	line-height:35px;
}
.productChooseUs {
	width:100%;
	height:auto;
	background:#f5f5f5;
	padding:0 0 100px;
}
.productChooseUsMain {
	width:1120px;
	height:auto;
	margin:0 auto;
}
.productChooseUsTitle h3{
	width:1120px;
	height:42px;
	line-height:42px;
	font-size:33px;
	color:#545454;
	text-align:center;
	margin:0 auto;
}
.productChooseUsTitle h3 span {
	color:#df0028;
}
.productChooseUsSubTitle {
	width:1120px;
	height:24px;
	line-height:24px;
	font-size:17px;
	color:#878787;
	text-align:center;
	margin:16px auto 0;
}
@media screen and (max-width:1024px) {
	.productChooseUs {
	width:100%;
	height:auto;
	padding:0 0 35px;
}
.productChooseUsMain {
	width:1024px;
	height:auto;
	margin:0 auto;
}
.productChooseUsTitle h3{
	width:1024px;
	height:42px;
	line-height:42px;
	font-size:33px;
	color:#545454;
	text-align:center;
	margin:0 auto;
}
.productChooseUsSubTitle {
	width:1024px;
	height:24px;
	line-height:24px;
	font-size:17px;
	color:#878787;
	text-align:center;
	margin:16px auto 0;
}
}
ul.productChooseUsList {
	width:1120px;
	height:153px;
	margin:55px auto 0;
	overflow:hidden;
}
@media screen and (max-width:1024px) {
	ul.productChooseUsList {
	width:1024px;
	height:153px;
	margin:55px auto 0;
	overflow:hidden;
}
}
ul.productChooseUsList li {
	width:135px;
	height:153px;
	display:inline-block;
	float:left;
	margin:0 44px;
}
ul.productChooseUsList li .productChooseUsLi {
	width:135px;
	height:153px;
	position:relative;
}
@media screen and (max-width:1024px) {
	ul.productChooseUsList li {
	width:135px;
	height:153px;
	display:inline-block;
	float:left;
	margin:0 34px;
}
}
ul.productChooseUsList li:hover .productChooseUsLi {
	animation:productchooseusli 0s ease-in-out 0.3s both;
	-moz-animation:productchooseusli 0s ease-in-out 0.3s both;
	-webkit-animation:productchooseusli 0s ease-in-out 0.3s both;
	-o-animation:productchooseusli 0s ease-in-out 0.3s both;
}
@keyframes productchooseusli {
	0% {
	width:135px;
	height:153px;
}
100% {
	width:0;
	height:0px;
}
}
@-moz-keyframes productchooseusli {
	0% {
	width:135px;
	height:153px;
}
100% {
	width:0;
	height:0px;
}
}
@-webkit-keyframes productchooseusli {
	0% {
	width:135px;
	height:153px;
}
100% {
	width:0;
	height:0px;
}
}
@-o-keyframes productchooseusli {
	0% {
	width:135px;
	height:153px;
}
100% {
	width:0;
	height:0px;
}
}
ul.productChooseUsList li .productChooseUsLi img {
	width:135px;
	height:153px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
ul.productChooseUsList li:hover .productChooseUsLi img {
	animation:productchooseuslistimg 0.3s ease-in-out 0s both;
	-moz-animation:productchooseuslistimg 0.3s ease-in-out 0s both;
	-webkit-animation:productchooseuslistimg 0.3s ease-in-out 0s both;
	-o-animation:productchooseuslistimg 0.3s ease-in-out 0s both;
}
@keyframes productchooseuslistimg {
	0% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-moz-transform: rotate(0deg);
}
99% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:rotate(120deg);
	-ms-transform:rotate(120deg);
	-webkit-transform:rotate(120deg);
	-o-transform:rotate(120deg);
	-moz-transform: rotate(120deg);
}
100% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
}
@-moz-keyframes productchooseuslistimg {
	0% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-moz-transform: rotate(0deg);
}
99% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:rotate(120deg);
	-ms-transform:rotate(120deg);
	-webkit-transform:rotate(120deg);
	-o-transform:rotate(120deg);
	-moz-transform: rotate(120deg);
}
100% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
}
@-webkit-keyframes productchooseuslistimg {
	0% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-moz-transform: rotate(0deg);
}
99% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:rotate(120deg);
	-ms-transform:rotate(120deg);
	-webkit-transform:rotate(120deg);
	-o-transform:rotate(120deg);
	-moz-transform: rotate(120deg);
}
100% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
}
@-o-keyframes productchooseuslistimg {
	0% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-moz-transform: rotate(0deg);
}
99% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:rotate(120deg);
	-ms-transform:rotate(120deg);
	-webkit-transform:rotate(120deg);
	-o-transform:rotate(120deg);
	-moz-transform: rotate(120deg);
}
100% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
}
ul.productChooseUsList li .productChooseUsLi a {
	width:135px;
	height:153px;
	line-height:153px;
	font-size:17px;
	color:#333;
	text-align:center;
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:99999;
	cursor:pointer;
}
ul.productChooseUsList li:hover .productChooseUsLi a {
	width:135px;
	height:153px;
	line-height:153px;
	font-size:17px;
	color:#333;
	text-align:center;
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:99999;
	cursor:pointer;
	animation:productchooseuslistp 0s ease-in-out 0.3s both;
	-moz-animation:productchooseuslistp 0s ease-in-out 0.3s both;
	-webkit-animation:productchooseuslistp 0s ease-in-out 0.3s both;
	-o-animation:productchooseuslistp 0s ease-in-out 0.3s both;
}
@keyframes productchooseuslistp {
	0% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
99% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
100% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
}
@-moz-keyframes productchooseuslistp {
	0% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
99% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
100% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
}
@-webkit-keyframes productchooseuslistp {
	0% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
99% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
100% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
}
@-o-keyframes productchooseuslistp {
	0% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
99% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
100% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
}
ul.productChooseUsList li .productChooseUsLiHover {
	width:135px;
	height:153px;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	position:relative;
}
ul.productChooseUsList li:hover .productChooseUsLiHover {
	animation:productchooseuslihover 1.0s ease-in-out 0.25s both;
	-moz-animation:productchooseuslihover 1.0s ease-in-out 0.25s both;
	-webkit-animation:productchooseuslihover 1.0s ease-in-out 0.25s both;
	-o-animation:productchooseuslihover 1.0s ease-in-out 0.25s both;
}
@keyframes productchooseuslihover {
	0% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
100% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
}
@-moz-keyframes productchooseuslihover {
0% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
100% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
}
@-webkit-keyframes productchooseuslihover {
	0% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
100% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
}
@-o-keyframes productchooseuslihover {
	0% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
100% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
}
ul.productChooseUsList li .productChooseUsLiHover img {
	width:135px;
	height:153px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
ul.productChooseUsList li .productChooseUsLiHover a {
	width:135px;
	height:153px;
	font-size:14px;
	color:#fff;
	text-align:center;
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:99999;
	padding:100px 0 0;
	cursor:pointer;
}
.productChooseUs2 {
	width:100%;
	height:auto;
	background:#fff;
	padding:100px 0;
}
.productChooseUs2Main {
	width:1120px;
	height:auto;
	margin:0 auto;
}
.productChooseUs2Title h3{
	width:1120px;
	height:42px;
	line-height:42px;
	font-size:33px;
	color:#545454;
	text-align:center;
	margin:0 auto 20px;
}
.productChooseUs2Title h3 span {
	color:#df0028;
}
.productChooseUs2Main p {
	width:1120px;
	height:24px;
	line-height:24px;
	font-size:17px;
	color:#898989;
	text-align:center;
	margin:0 auto 13px;
}
@media screen and (max-width:1024px) {
.productChooseUs2 {
	width:100%;
	height:auto;
	padding:45px 0;
}
.productChooseUs2Main {
	width:1024px;
	height:auto;
	margin:0 auto;
}
.productChooseUs2Title h3{
	width:1024px;
	height:42px;
	line-height:42px;
	font-size:33px;
	color:#545454;
	text-align:center;
	margin:0 auto 20px;
}
.productChooseUs2Title h3 span {
	color:#df0028;
}
.productChooseUs2Main p {
	width:1024px;
	height:24px;
	line-height:24px;
	font-size:17px;
	color:#898989;
	text-align:center;
	margin:0 auto 13px;
}
}
.productMarketing {
	width:100%;
	max-width:1920px;
	height:513px;
	background:url(../home/bg_productmarketing.jpg) center top no-repeat;
	margin:0 auto;
	overflow:hidden;
}
@media screen and (max-width:1024px) {
	.productMarketing {
	width:100%;
	max-width:1920px;
	height:513px;
	background:url(../home/bg_productmarketing.jpg) center top no-repeat;
	margin:0 auto;
	overflow:hidden;
}
}
.productMarketingLeft {
	width:667px;
	height:513px;
	top:513px;
	left:50%;
	margin:0 0 0 -1033px;
}
.productMarketingLeftHover {
	width:667px;
	height:513px;
	animation:productmarketingleft 0.5s ease-in-out 0s both;
	-moz-animation:productmarketingleft 0.5s ease-in-out 0s both;
	-webkit-animation:productmarketingleft 0.5s ease-in-out 0s both;
	-o-animation:productmarketingleft 0.5s ease-in-out 0s both;
}
@keyframes productmarketingleft {
	0% {
	top:513px;
	left:50%;
	margin:0 0 0 -1033px;
}
100% {
	top:0;
	left:50%;
	margin:0 0 0 -619px;
}
}
@-moz-keyframes productmarketingleft {
	0% {
	top:513px;
	left:50%;
	margin:0 0 0 -1033px;
}
100% {
	top:0;
	left:50%;
	margin:0 0 0 -619px;
}
}
@-webkit-keyframes productmarketingleft {
	0% {
	top:513px;
	left:50%;
	margin:0 0 0 -1033px;
}
100% {
	top:0;
	left:50%;
	margin:0 0 0 -619px;
}
}
@-o-keyframes productmarketingleft {
	0% {
	top:513px;
	left:50%;
	margin:0 0 0 -1033px;
}
100% {
	top:0;
	left:50%;
	margin:0 0 0 -619px;
}
}
.productMarketingLeft img {
	width:667px;
	height:513px;
}
.productMarketingRight {
	width:1120px;
	height:auto;
	text-align:right;
	margin:0 auto;
	padding:132px 0 0;
}
.productMarketingRight h3 {
	width:1120px;
	height:42px;
	line-height:42px;
	font-size:33px;
	color:#545454;
	margin:0 auto 20px;
}
.productMarketingRight h3 span {
	color:#df0028;
}
.productMarketingRight p {
	width:1120px;
	height:24px;
	line-height:24px;
	font-size:17px;
	color:#898989;
	margin:0 auto 13px;
}
@media screen and (max-width:1024px) {
.productMarketingLeft {
	width:667px;
	height:513px;
	top:0;
	left:50%;
	margin:0 0 0 -619px;
}
.productMarketingRight {
	width:950px;
	height:auto;
	text-align:right;
	margin:0 auto;
	padding:132px 0 0;
}
.productMarketingRight h3 {
	width:950px;
	height:42px;
	line-height:42px;
	font-size:33px;
	color:#545454;
	margin:0 auto 20px;
}
.productMarketingRight h3 span {
	color:#df0028;
}
.productMarketingRight p {
	width:950px;
	height:24px;
	line-height:24px;
	font-size:17px;
	color:#898989;
	margin:0 auto 13px;
}
}
/* 自适应手机版 */
@media screen and (max-width: 767px) {
	.banner-casebg {
		position:relative;
		overflow:hidden;
		height:235px;
		background:url(../home/bg_banner_contactus.jpg) center top no-repeat;
		background-size:auto 235px;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216EB2', endColorstr='#3FBFE9',GradientType=0);
	}
	
	.banner-case1 {
		position:absolute;
		top:52px;
		left:5%;
		animation: banner-casel 1s;
		-moz-animation: banner-casel 1s;
		-webkit-animation: banner-casel 1s;
		-o-animation: banner-casel 1s;
	}
	
	.banner-case2 {
		position:absolute;
		top:6px;
		right:15%;
		animation: banner-caset 1s;
		-moz-animation: banner-caset 1s;
		-webkit-animation: banner-caset 1s;
		-o-animation: banner-caset 1s;
	}
	
	@keyframes banner-casel {
		from {
			top:-100px;
			opacity:0;
		} to {
			top:52px;
			opacity:1;
		}
	}
	
	@-moz-keyframes banner-casel {
		from {
			top:-100px;
			opacity:0;
		} to {
			top:52px;
			opacity:1;
		}
	}
	
	@-webkit-keyframes banner-casel {
		from {
			top:-100px;
			opacity:0;
		} to {
			top:52px;
			opacity:1;
		}
	}
	
	@-o-keyframes banner-casel {
		from {
			top:-100px;
			opacity:0;
		} to {
			top:52px;
			opacity:1;
		}
	}
	
	@keyframes banner-caset {
		from {
			right:-360px;
			opacity:0;
		} to {
			right:15%;
			opacity:1;
		}
	}
	
	@-moz-keyframes banner-caset {
		from {
			right:-360px;
			opacity:0;
		} to {
			right:15%;
			opacity:1;
		}
	}
	
	@-webkit-keyframes banner-caset {
		from {
			right:-360px;
			opacity:0;
		} to {
			right:15%;
			opacity:1;
		}
	}
	
	@-o-keyframes banner-caset {
		from {
			right:-360px;
			opacity:0;
		} to {
			right:15%;
			opacity:1;
		}
	}

html {
	width:768px;
	overflow-x:hidden;
}
body {
	min-width:768px;
	width:768px;
	overflow-x:hidden;
}
.top {
	display:none;
}
.mobileMenuMain {
	width:96%;
	height:80px;
	margin:0 auto;
	display:block;
}
.mobileLogo {
	width:268px;
	height:80px;
	display:inline-block;
	float:left;
	position:relative;
	margin-left:2%;
}
.mobileLogo img {
	max-width:268px;
	max-height:80px;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
.mobileMenuIcon {
	width:40px;
	height:40px;
	background:url(../home/mobile_header_menu.png) right center no-repeat;
	background-size:auto 30px;
	display:block;
	float:right;
	margin-top:20px;
	padding-right:2%;
}
.mobileMenuIconClose {
	width:40px;
	height:40px;
	background:url(../home/mobile_header_menu.png) right center no-repeat;
	background-size:auto 30px;
	display:block;
	float:right;
	margin-top:20px;
	padding-right:2%;
}
header .menuMain #logo {
	display:none;
}
header {
	width:100%;
	height:auto;
	background:#fff;
	display:none;
	float:none;
	padding:0;
	position:fixed;
	top:80px;
	left:0;
	right:0;
	z-index:9999999;
}
header .menuMain {
	width:100%;
	height:auto;
	display:block;
}
header nav {
	width:100%;
	height:auto;
	background:#fff;
	display:block;
	float:none;
	padding:0;
}
header nav ul.nav {
	width:100%;
	height:auto;
}
header nav li {
	width:96%;
	height:auto;
	display:block;
	float:none;
	cursor:pointer;
	margin:0 auto;
}
header nav li a {
	width:100%;
	height:80px;
	line-height:80px;
	font-size:28px;
	color:#555;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	display:block;
	padding:0;
}
header nav li a:hover {
	color:#df0029;
}
header nav li a.current,header nav li.cur a {
	color:#df0029;
}
header .menuMain nav ul.nav li .mobileHiddenMenu {
	width:100%;
	height:auto;
	border-bottom:1px solid #ccc;
	display:block;
}
header .menuMain nav ul.nav li .mobileHiddenMenu a {
	width:33%;
	height:50px;
	line-height:50px;
	font-size:24px;
	color:#555;
	text-align:center;
	font-weight:normal;
	border-bottom:none;
	display:inline-block;
	padding:0;
}
header .subMenuMain {
	height:0;
	display:none;
	overflow:hidden;
}
header.smaller {
	height:auto;
	display:none;
	position:static;
	top:auto;
	left:auto;
	margin:auto;
	-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
	box-shadow:0px 0px 0px rgba(0,0,0,0);
}
header.smaller nav li {
	height:auto;
}
header.smaller nav li a {
	height:80px;
	line-height:80px;
}
header.smaller .top {
	display:none;
}
header.smaller .menuMain {
	margin:auto;
}
header.smaller #logo {
	display:none;
	width:202px;
	height:47px;
	line-height:47px;
	margin:6px 0;
}
header.smaller .subMenuMain {
	display:none;
	top:auto;
}
.announcementMain {
	width:768px;
	height:80px;
	background:url(../home/bg_announcement.png) 10px center no-repeat;
}
.announcementMain li {
	width:728px;
	height:80px;
	line-height:80px;
}
.announcementMain li a {
	font-size:24px;
}
ul.business {
	width:742px;
	height:560px;
	margin:0 auto 20px;
	padding-right:26px;
}
ul.business li {
	width:344px;
	height:260px;
	margin-left:26px;
	margin-bottom:20px;
}
ul.business li:nth-child(2) {
	float:right;
}
ul.business li:nth-child(4) {
	float:right;
}
ul.business li .websiteBuildingBg {
	width:344px;
}
ul.business li:hover .websiteBuildingBg {
	width:344px;
}
ul.business li .E-commerceBg {
	width:344px;
}
ul.business li:hover .E-commerceBg {
	width:344px;
}
ul.business li h3 {
	width:344px;
	font-size:24px;
}
ul.business li:hover h3 {
	width:344px;
	font-size:24px;
}
ul.business li p {
	width:294px;
}
ul.business li:hover p {
	width:294px;
}
ul.business li .mobileSiteBg {
	width:344px;
}
ul.business li:hover .mobileSiteBg {
	width:344px;
}
ul.business li .websiteMarketingBg {
	width:344px;
}
ul.business li:hover .websiteMarketingBg {
	width:344px;
	height:1px;
	background:#afcb30;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
}
ul.business li .websiteBuildingIco {
	width:79px;
	height:65px;
	position:absolute;
	top:72px;
	left:132px;
	z-index:3;
	overflow:hidden;
}
ul.business li:hover .websiteBuildingIco {
	width:79px;
	height:65px;
	position:absolute;
	top:72px;
	left:132px;
	z-index:3;
	overflow:hidden;
}
ul.business li .E-commerceIco {
	width:74px;
	height:76px;
	position:absolute;
	top:72px;
	left:135px;
	z-index:3;
	overflow:hidden;
}
ul.business li:hover .E-commerceIco {
	width:74px;
	height:76px;
	position:absolute;
	top:72px;
	left:135px;
	z-index:3;
	overflow:hidden;
}
ul.business li .mobileSiteIco {
	width:38px;
	height:73px;
	position:absolute;
	top:72px;
	left:153px;
	z-index:3;
	overflow:hidden;
}
ul.business li:hover .mobileSiteIco {
	width:38px;
	height:73px;
	position:absolute;
	top:72px;
	left:153px;
	z-index:3;
	overflow:hidden;
}
ul.business li .websiteMarketingIco {
	width:70px;
	height:70px;
	position:absolute;
	top:72px;
	left:137px;
	z-index:3;
	overflow:hidden;
}
ul.business li:hover .websiteMarketingIco {
	width:70px;
	height:70px;
	position:absolute;
	top:72px;
	left:137px;
	z-index:3;
	overflow:hidden;
}
ul.business li a {
	top:285px;
	left:125px;
}
ul.business li:hover a {
	top:285px;
	left:125px;
}
@keyframes businessa {
	0% {
	top:285px;
}
100% {
	top:214px;
}
}	@-moz-keyframes businessa {
	0% {
	top:285px;
}
100% {
	top:214px;
}
}	@-webkit-keyframes businessa {
	0% {
	top:285px;
}
100% {
	top:214px;
}
}	@-o-keyframes businessa {
	0% {
	top:285px;
}
100% {
	top:214px;
}
}	.cases {
	height:1200px;
}
.cases .casesMain {
	width:736px;
	height:1600px;
	margin-left:32px;
}
.cases .casesMain h3 {
	width:100%;
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#000;
	text-align:center;
	padding:48px 0 38px;
}
.caseTitleMain {
	width:100%;
	text-align:center;
	margin:0 auto;
	display:block;
	padding-top:10px;
}
.casesTitle,.casesTitle1 {
	width:100%;
	text-align:center;
	margin:10px auto 0;
	display:block;
}
.casesTitle h2,.casesTitle h1 {
	width:auto;
	height:60px;
}
.casesTitle a,.casesTitle1 a {
	font-size:24px;
	margin:0 10px;
	padding:10px;
}
.casesList {
	width:100%;
	height:auto;
	margin:40px auto 0;
}
.casesListImg {
	width:100%;
	height:auto;
}
.casesListImg a {
	display:inline-block;
	float:left;
	margin:0 30px 14px 0;
	overflow:hidden;
	position: relative;
}
.casesListImg a.casead-p1,.casesListImg a.casead-p1 img {
	width:336px;
	height:211px;
}
.casesListImg a.mr0 {
	margin:0 0 14px;
}
.casesListImg a.mr14 {
	margin:0 30px 14px 0;
}
.casesListImg a.casead-p2,.casesListImg a.casead-p4,.casesListImg a.casead-p2 img,.casesListImg a.casead-p4 img {
	width:336px;
	height:211px;
}
.casesListImg a.casead-p3,.casesListImg a.casead-p3 img {
	width:484px;
	height:237px;
}
.casesListImg a:nth-child(5) {
	width:336px;
	height:211px;
}
.casesListImg a:nth-child(7) {
	width:336px;
	height:211px;
	margin-top:-450px;
	margin-left:366px;
}
.casesListImg a:nth-child(5) img {
	width:336px;
	height:211px;
}
.casesListImg a:nth-child(7) img {
	width:336px;
	height:211px;
}
.casesListImg a:nth-child(6) {
	width:702px;
	height:211px;
}
.casesListImg a:nth-child(6) img {
	width:702px;
	height:211px;
}
.casesMore {
	width:140px;
	height:27px;
	line-height:27px;
	background:url(../home/bg_cases_more.png) right center no-repeat;
	margin:32px auto 0;
}
.casesMore a {
	width:123px;
	height:27px;
	font-size:24px;
	color:#555;
	display:inline-block;
}
.casesMore a:hover {
	color:#df032b;
}
.choice {
	width:768px;
}
.choice h3 {
	font-size:26px;
}
.choice p {
	width:728px;
	font-size:26px;
	color:#666;
	margin:0 20px;
	line-height:1.8;
}
.choice dl {
	float:none;
	width:96%;
	margin:20px 2%;
	padding-left:137px;
}
.choice dl.choice1 {
	background:url('../home/choice1.png') no-repeat 30px center;
}
.choice dl.choice2 {
	background:url('../home/choice2.png') no-repeat 15px center;
}
.choice dl.choice3 {
	background:url('../home/choice3.png') no-repeat 15px center;
}
.choice dl.choice1:hover {
	background:url('../home/choice1.png') no-repeat 30px center;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
	cursor:pointer;
}
.choice dl.choice2:hover {
	background:url('../home/choice2.png') no-repeat 15px center;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
	cursor:pointer;
}
.choice dl.choice3:hover {
	background:url('../home/choice3.png') no-repeat 15px center;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
	cursor:pointer;
}
.choice dt {
	width:570px;
	margin:0;
	font-size:29px;
	text-align:left;
	color:#535353;
}
.choice dt h3{
	font-size:29px;
	color:#535353;
}
.choice dd {
	width:570px;
	font-size:17px;
	color:#868686;
	line-height:1.8;
	text-align:left;
}
.client {
	width:768px;
	height:auto;
	margin:0 auto;
}
.client .clientTitle {
	width:768px;
	height:32px;
	line-height:32px;
	font-size:17px;
	color:#555;
	text-align:center;
	background:url(../home/bg_client_title.jpg) center center repeat-x;
	margin:0 auto;
}
.client ul.clientList {
	width:768px;
	height:174px;
	margin:15px auto 0;
}
.client ul.clientList li {
	width:246px;
	height:82px;
}
.news {
	width:728px;
	height:667px;
	background:#f5f5f5;
	margin:30px auto 0;
	padding:0 20px;
}
.news .newsMain {
	width:728px;
	height:657px;
	margin:0 auto;
}
.news .newsMain h3 {
	width:728px;
	height:37px;
	line-height:37px;
	font-size:29px;
	color:#000;
	text-align:center;
	padding:25px 0 0;
}
.news .newsMain h3 span {
	font-size:21px;
	color:#c0c0c0;
}
.swiper-pagination1 {
	display:block;
}
.news .newsMain ul.newsList li {
	width:728px;
}
.news .newsMain ul.newsList li .newsListTitle {
	width:698px;
	font-size:24px;
	margin:22px 0 0 2px;
}
.news .newsMain ul.newsList li dl dd.newsTitle {
	max-height:30px;
	height:30px;
	line-height:30px;
	margin:0 0 9px;
}
.news .newsMain ul.newsList li dl dd a {
	font-size:24px;
}
.news .newsMain ul.newsList li dl dd.newsTitle a {
	font-size:26px;
	color:#535353;
}
.news .newsMain ul.newsList li ol {
	width:698px;
	height:340px;
}
.news .newsMain ul.newsList li ol li {
	width:698px;
	height:55px;
	line-height:55px;
}
.news .newsMain ul.newsList li ol li a {
	font-size:26px;
}
.news .newsMain ul.newsList li .newsListTitle span {
	width:100px;
	height:51px;
	line-height:51px;
	display:inline-block;
	float:left;
}
.news .newsMain ul.newsList li .newsListTitle em {
	width:80px;
	height:51px;
	line-height:51px;
	font-size:24px;
	color:#525252;
	text-align:center;
	display:inline-block;
	float:right;
	background:url(../home/bg_newslist_more.png) right center no-repeat;
	padding:0 17px 0 0;
}
.news .newsMain ul.newsList li .newsListTitle em a {
	width:80px;
	height:51px;
	font-size:24px;
	color:#525252;
}
.news .newsMain ul.newsList li dl {
	width:698px;
	height:84px;
	margin:16px 0 0;
}
.news .newsMain ul.newsList li dl dt {
	width:200px;
	height:114px;
	display:inline-block;
	float:left;
	margin:0 10px 0 0;
}
.news .newsMain ul.newsList li dl dt img {
	width:200px;
	height:114px;
}
.news .newsMain ul.newsList li dl dd {
	width:488px;
	height:60px;
	line-height:30px;
	display:inline-block;
	float:left;
	overflow:hidden;
}
.partners {
	width:768px;
}
.partners h3 {
	width:768px;
	padding:30px 0 0;
}
.partners ul {
	width:740px;
	height:180px;
	margin:0 auto;
	padding:0 0 0px;
}
.partners ul li {
	width:160px;
	height:90px;
	display:inline-block;
	float:left;
	margin:0 12px 0 13px;
}
.partners ul li img {
	width:160px;
	height:90px;
	overflow:hidden;
}
.mb32 {
	margin:0 0 32px;
}
.partnersMore {
	width:140px;
	height:27px;
	line-height:27px;
	background:url(../home/bg_cases_more.png) right center no-repeat;
	display:block;
	margin:32px auto 0;
}
.partnersMore a {
	width:123px;
	height:27px;
	font-size:24px;
	color:#555;
	display:inline-block;
}
.partnersMore a:hover {
	color:#df032b;
}
.footer .footerMain {
	width:708px;
	height:auto;
	margin:0 auto;
	padding:0 0 20px 0;
}
.footer .footerMain dl {
	width:127px;
	height:auto;
	display:inline-block;
	float:left;
	margin:37px 15px 0 0;
}
.footer .footerMain dl dt {
	height:39px;
	line-height:39px;
}
.footer .footerMain dl dt a {
	font-size:26px;
	color:#f4f4f4;
}
.footer .footerMain dl dt a:hover {
	color:#df032b;
}
.footer .footerMain dl dd {
	height:auto;
	line-height:26px;
}
.footer .footerMain dl dd a {
	font-size:26px;
	color:#888;
}
.footer .footerMain dl dd a:hover {
	color:#df032b;
}
.footer .footerMain dl.contactUs {
	width:708px;
	height:auto;
	border-left:none;
	border-top:1px solid #676767;
	padding:15px 0 0;
}
.footer .footerMain dl.contactUs dt {
	height:30px;
	line-height:30px;
	font-size:26px;
	color:#fff;
}
.footer .footerMain dl.contactUs dt span {
	font-size:26px;
	color:#898989;
}
.footer .footerMain dl.contactUs dt em {
	width:90px;
	display:inline-block;
	float:right;
	background:url(../home/bg.png) 43px -187px no-repeat;
	padding:0 17px 0 0;
}
.footer .footerMain dl.contactUs dt em a {
	width:64px;
	font-size:26px;
	color:#fff;
	display:inline-block;
}
.footer .footerMain dl.contactUs dt em a:hover {
	color:#ca7b1c;
}
.footer .footerMain dl.contactUs dd.tel1 {
	height:35px;
	line-height:35px;
	font-size:26px;
	color:#898989;
	background:url(../home/bg_telphone.png) 0 center no-repeat;
	margin:16px 0 0 0;
	padding:0 0 0 36px;
	overflow:hidden;
}
.footer .footerMain dl.contactUs dd.tel2 {
	height:35px;
	line-height:35px;
	font-size:26px;
	color:#898989;
	margin:7px 0 0 0;
	padding:0 0 0 36px;
	overflow:hidden;
}
.footer .footerMain dl.contactUs dd.email {
	height:35px;
	line-height:35px;
	font-size:26px;
	color:#898989;
	background:url(../home/bg_email.png) 0 center no-repeat;
	margin:6px 0 0 0;
	padding:0 0 0 36px;
	overflow:hidden;
}
.footer .footerMain dl.contactUs dd.address {
	height:35px;
	line-height:35px;
	font-size:26px;
	color:#898989;
	background:url(../home/bg_address.png) 0 center no-repeat;
	margin:7px 0 0 0;
	padding:0 0 0 36px;
	overflow:hidden;
}
.foot {
	width:100%;
	height:120px;
	background:#555;
	padding:15px 0;
}
.foot .footMain {
	width:728px;
	height:auto;
	margin:0 auto;
}
.foot .footMain dl dt {
	display:none;
}
.foot .footMain dl dd {
	width:728px;
	height:90px;
	line-height:35px;
	font-size:24px;
	color:#fff;
	display:block;
	float:none;
	margin:0 auto;
}
.foot .footMain dl dd a {
	font-size:24px;
	color:#fff;
	margin:0 5px;
}
.foot .footMain dl dd a:hover {
	color:#df032b;
}
.foot .footMain dl dd p.copyright {
	padding:10px 0 10px 5px;
	color:#c0c0c0;
}
.foot .footMain dl dd p.copyright img {
	vertical-align:middle;
	margin-right:5px;
}
.foot .footMain dl dd p.copyright a {
	color:#c0c0c0;
}
.foot .footMain dl dd p.copyright a:hover {
	color:#df032b;
}
.foot .footMain ul.footRight {
	display:none;
}
/*cyber security*/
.cyberSecurity {
	display:none;
}
.footLink {
	display:none;
}
/* focus*/
.slide-main {
	height:580px;
	position:relative;
	margin:0px 0 0;
}
.prev,.next {
	display:block;
	width:44px;
	height:44px;
	position:absolute;
	z-index:222;
	top:267px;
	overflow:hidden;
	cursor:pointer;
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	_border:1px solid none;
}
.prev {
	left:70px;
}
.next {
	right:70px;
}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
.item {
	display:block;
	width:100%;
	height:5px;
	position:absolute;
	z-index:124;
	top:540px;
	left:0;
	text-align:center;
}
.item a {
	display:inline-block;
	width:24px;
	height:5px;
	margin-right:11px;
	background:#444;
	opacity:0.3;
	-moz-opacity:0.3;
	filter:alpha(opacity=30);
	overflow:hidden;
}
.item a.cur {
	background:#fff;
}
.slide-box,.slide {
	display:block;
	width:100%;
	height:580px;
	overflow:hidden;
}
.slide-box {
	position:relative;
}
.slide {
	display:none;
	position:absolute;
	z-index:8;
}
.slide a {
	display:block;
	width:100%;
	height:100%;
}
.slide-box .row {
	position:relative;
}
.slide-ele {
	position:absolute;
	z-index:9;
}
/* 首页幻灯*/
/* update 2018.8.23*/
.banAnimate .slide5 {
	height:580px;
	width:100%;
	animation-name:bannerSlide5-bg;
	animation: bannerSlide5-bg 1s ease 0s normal none;
	-moz-animation: bannerSlide5-bg 1s ease 0s normal none;
	-webkit-animation: bannerSlide5-bg 1s ease 0s normal none;
	-o-animation: bannerSlide5-bg 1s ease 0s normal none;
}
.banAnimate .slide5-b {
	top:87px;
	left:120px;
	animation: bannerSlide5-r 1s ease 0s normal none;
	-moz-animation: bannerSlide5-r 1s ease 0s normal none;
	-webkit-animation: bannerSlide5-r 1s ease 0s normal none;
	-o-animation: bannerSlide5-r 1s ease 0s normal none;
}
.banAnimate .slide5-b1 {
	top:97px;
	left:240px;
	animation: bannerSlide5-b1 0.5s ease 0s normal none;
	-moz-animation: bannerSlide5-b1 0.5s ease 0s normal none;
	-webkit-animation: bannerSlide5-b1 0.5s ease 0s normal none;
	-o-animation: bannerSlide5-b1 0.5s ease 0s normal none;
}
.banAnimate .slide5-b2 {
	top:136px;
	left:55px;
	animation: bannerSlide5-b2 1s ease 0s normal none;
	-moz-animation: bannerSlide5-b2 1s ease 0s normal none;
	-webkit-animation: bannerSlide5-b2 1s ease 0s normal none;
	-o-animation: bannerSlide5-b2 1s ease 0s normal none;
}
.banAnimate .slide5-b3 {
	top:243px;
	left:208px;
	animation: bannerSlide5-b3 1s ease 0s normal none;
	-moz-animation: bannerSlide5-b3 1s ease 0s normal none;
	-webkit-animation: bannerSlide5-b3 1s ease 0s normal none;
	-o-animation: bannerSlide5-b3 1s ease 0s normal none;
}
.banAnimate .slide5-b4 {
	top:285px;
	left:210px;
	animation: bannerSlide5-b4 1.3s ease 0s normal none;
	-moz-animation: bannerSlide5-b4 1.3s ease 0s normal none;
	-webkit-animation: bannerSlide5-b4 1.3s ease 0s normal none;
	-o-animation: bannerSlide5-b4 1.3s ease 0s normal none;
}
.banAnimate .slide5-b5 {
	top:345px;
	left:228px;
	animation: bannerSlide5-b5 1.6s ease 0s normal none;
	-moz-animation: bannerSlide5-b5 1.6s ease 0s normal none;
	-webkit-animation: bannerSlide5-b5 1.6s ease 0s normal none;
	-o-animation: bannerSlide5-b5 1.6s ease 0s normal none;
}
.banAnimate .slide5-b6 {
	top:385px;
	left:310px;
	animation: bannerSlide5-b6 2s ease 0s normal none;
	-moz-animation: bannerSlide5-b6 2s ease 0s normal none;
	-webkit-animation: bannerSlide5-b6 2s ease 0s normal none;
	-o-animation: bannerSlide5-b6 2s ease 0s normal none;
}
@-webkit-keyframes bannerSlide5-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes bannerSlide5-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@keyframes bannerSlide5-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-webkit-keyframes bannerSlide5-r {
	from {
	opacity:0;
	top:280px;
	left:500px;
	transform:scale(0,0);
}
to {
	opacity:1;
	top:87px;
	left:120px;
	transform:scale(1,1);
}
}
@-moz-keyframes bannerSlide5-r {
	from {
	opacity:0;
	top:280px;
	left:500px;
	transform:scale(0,0);
}
to {
	opacity:1;
	top:87px;
	left:120px;
	transform:scale(1,1);
}
}
@keyframes bannerSlide5-r {
	from {
	opacity:0;
	top:280px;
	left:500px;
	transform:scale(0,0);
}
to {
	opacity:1;
	top:87px;
	left:120px;
	transform:scale(1,1);
}
}
@-webkit-keyframes bannerSlide5-b1 {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:97px;
}
}
@-moz-keyframes bannerSlide5-b1 {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:97px;
}
}
@keyframes bannerSlide5-b1 {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:97px;
}
}
@-webkit-keyframes bannerSlide5-b2 {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:136px;
}
}
@-moz-keyframes bannerSlide5-b2 {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:136px;
}
}
@keyframes bannerSlide5-b2 {
	from {
	opacity:0;
	top:20px;
}
to {
	opacity:1;
	top:136px;
}
}
@-webkit-keyframes bannerSlide5-b3 {
	from {
	opacity:0;
	top:400px;
}
to {
	opacity:1;
	top:243px;
}
}
@-moz-keyframes bannerSlide5-b3 {
	from {
	opacity:0;
	top:400px;
}
to {
	opacity:1;
	top:243px;
}
}
@keyframes bannerSlide5-b3 {
	from {
	opacity:0;
	top:400px;
}
to {
	opacity:1;
	top:243px;
}
}
@-webkit-keyframes bannerSlide5-b4 {
	from {
	opacity:0;
	top:500px;
}
to {
	opacity:1;
	top:285px;
}
}
@-moz-keyframes bannerSlide5-b4 {
	from {
	opacity:0;
	top:500px;
}
to {
	opacity:1;
	top:285px;
}
}
@keyframes bannerSlide5-b4 {
	from {
	opacity:0;
	top:500px;
}
to {
	opacity:1;
	top:285px;
}
}
@-webkit-keyframes bannerSlide5-b5 {
	from {
	opacity:0;
	top:550px;
}
to {
	opacity:1;
	top:345px;
}
}
@-moz-keyframes bannerSlide5-b5 {
	from {
	opacity:0;
	top:550px;
}
to {
	opacity:1;
	top:345px;
}
}
@keyframes bannerSlide5-b5 {
	from {
	opacity:0;
	top:550px;
}
to {
	opacity:1;
	top:345px;
}
}
@-webkit-keyframes bannerSlide5-b6 {
	from {
	opacity:0;
	top:600px;
}
to {
	opacity:1;
	top:385px;
}
}
@-moz-keyframes bannerSlide5-b6 {
	from {
	opacity:0;
	top:600px;
}
to {
	opacity:1;
	top:385px;
}
}
@keyframes bannerSlide5-b6 {
	from {
	opacity:0;
	top:600px;
}
to {
	opacity:1;
	top:385px;
}
}
/* update 2018.8.23*/
	.banAnimate .slide1 {
	height:580px;
	width:100%;
	animation-name:bannerSlide1-bg;
	animation: bannerSlide1-bg 1s ease 0s normal none;
	-moz-animation: bannerSlide1-bg 1s ease 0s normal none;
	-webkit-animation: bannerSlide1-bg 1s ease 0s normal none;
	-o-animation: bannerSlide1-bg 1s ease 0s normal none;
}
.banAnimate .slide1-a {
	top:162px;
	left:18px;
	animation: bannerSlide1-l 1s ease 0s normal none;
	-moz-animation: bannerSlide1-l 1s ease 0s normal none;
	-webkit-animation: bannerSlide1-l 1s ease 0s normal none;
	-o-animation: bannerSlide1-l 1s ease 0s normal none;
}
.banAnimate .slide1-b {
	top:193px;
	right:70px;
	animation: bannerSlide1-r 1s ease 0s normal none;
	-moz-animation: bannerSlide1-r 1s ease 0s normal none;
	-webkit-animation: bannerSlide1-r 1s ease 0s normal none;
	-o-animation: bannerSlide1-r 1s ease 0s normal none;
}
@-webkit-keyframes bannerSlide1-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes bannerSlide1-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@keyframes bannerSlide1-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-webkit-keyframes bannerSlide1-l {
	from {
	opacity:0;
	left:0;
}
to {
	opacity:1;
	left:18px;
}
}
@-moz-keyframes bannerSlide1-l {
	from {
	opacity:0;
	left:0;
}
to {
	opacity:1;
	left:18px;
}
}
@keyframes bannerSlide1-l {
	from {
	opacity:0;
	left:0;
}
to {
	opacity:1;
	left:18px;
}
}
@-webkit-keyframes bannerSlide1-r {
	from {
	opacity:0;
	right:0;
}
to {
	opacity:1;
	right:70px;
}
}
@-moz-keyframes bannerSlide1-r {
	from {
	opacity:0;
	right:0;
}
to {
	opacity:1;
	right:70px;
}
}
@keyframes bannerSlide1-r {
	from {
	opacity:0;
	right:0;
}
to {
	opacity:1;
	right:70px;
}
}
.slide2 {
	position:relative;
	height:580px;
	width:100%;
	animation-name:bannerSlide2-bg;
	animation:bannerSlide2-bg 1s ease-out 0s normal none;
	-moz-animation:bannerSlide2-bg 1s ease-out 0s normal none;
	-webkit-animation:bannerSlide2-bg 1s ease-out 0s normal none;
	-o-animation:bannerSlide2-bg 1s ease-out 0s normal none;
}
.slide2-a {
	position:absolute;
	top:199px;
	left:25px;
	animation-name:bannerSlide2-t;
	animation: bannerSlide2-t 1s ease 0s normal none;
	-moz-animation: bannerSlide2-t 1s ease 0s normal none;
	-webkit-animation: bannerSlide2-t 1s ease 0s normal none;
	-o-animation: bannerSlide2-t 1s ease 0s normal none;
}
.slide2-b {
	position:absolute;
	top:30px;
	right:30px;
	animation-name:bannerSlide2-b;
	animation: bannerSlide2-b 1s ease 0s normal none;
	-moz-animation: bannerSlide2-b 1s ease 0s normal none;
	-webkit-animation: bannerSlide2-b 1s ease 0s normal none;
	-o-animation: bannerSlide2-b 1s ease 0s normal none;
}
@-webkit-keyframes bannerSlide2-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes bannerSlide2-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@keyframes bannerSlide2-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-webkit-keyframes bannerSlide2-t {
	from {
	opacity:0;
	top:580px;
}
to {
	opacity:1;
	top:199px;
}
}
@-moz-keyframes bannerSlide2-t {
	from {
	opacity:0;
	top:580px;
}
to {
	opacity:1;
	top:199px;
}
}
@keyframes bannerSlide2-t {
	from {
	opacity:0;
	top:580px;
}
to {
	opacity:1;
	top:199px;
}
}
@-webkit-keyframes bannerSlide2-b {
	from {
	opacity:0;
	top:0;
}
to {
	opacity:1;
	top:30px;
}
}
@-moz-keyframes bannerSlide2-b {
	from {
	opacity:0;
	top:0;
}
to {
	opacity:1;
	top:30px;
}
}
@keyframes bannerSlide2-b {
	from {
	opacity:0;
	top:0;
}
to {
	opacity:1;
	top:30px;
}
}
.slide3 {
	height:580px;
	width:100%;
	animation-name:bannerSlide2-bg;
	animation: bannerSlide2-bg 1s ease-out 0s normal none;
	-moz-animation: bannerSlide2-bg 1s ease-out 0s normal none;
	-webkit-animation: bannerSlide2-bg 1s ease-out 0s normal none;
	-o-animation: bannerSlide2-bg 1s ease-out 0s normal none;
}
.slide3-a {
	top:123px;
	left:10px;
	animation: bannerSlide3-jt 1s ease 0s normal none;
	-moz-animation: bannerSlide3-jt 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-jt 1s ease 0s normal none;
	-o-animation: bannerSlide3-jt 1s ease 0s normal none;
}
.slide3-b {
	top:123px;
	right:10px;
	animation: bannerSlide3-jr 1s ease 0s normal none;
	-moz-animation: bannerSlide3-jr 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-jr 1s ease 0s normal none;
	-o-animation: bannerSlide3-jr 1s ease 0s normal none;
}
.slide3-c {
	top:394px;
	right:10px;
	animation: bannerSlide3-jb 1s ease 0s normal none;
	-moz-animation: bannerSlide3-jb 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-jb 1s ease 0s normal none;
	-o-animation: bannerSlide3-jb 1s ease 0s normal none;
}
.slide3-d {
	top:394px;
	left:10px;
	animation: bannerSlide3-jl 1s ease 0s normal none;
	-moz-animation: bannerSlide3-jl 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-jl 1s ease 0s normal none;
	-o-animation: bannerSlide3-jl 1s ease 0s normal none;
}
.slide3-e {
	top:125px;
	left:10px;
	animation: bannerSlide3-center 1s ease 0s normal none;
	-moz-animation: bannerSlide3-center 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-center 1s ease 0s normal none;
	-o-animation: bannerSlide3-center 1s ease 0s normal none;
}
.slide3-f {
	top:198px;
	left:50px;
	animation: bannerSlide3-center 1s ease 0s normal none;
	-moz-animation: bannerSlide3-center 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-center 1s ease 0s normal none;
	-o-animation: bannerSlide3-center 1s ease 0s normal none;
}
.slide3-g {
	top:500px;
	left:200px;
	animation: bannerSlide3-tel 1s ease 0s normal none;
	-moz-animation: bannerSlide3-tel 1s ease 0s normal none;
	-webkit-animation: bannerSlide3-tel 1s ease 0s normal none;
	-o-animation: bannerSlide3-tel 1s ease 0s normal none;
}
/*@-webkit-keyframes bannerSlide2-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes bannerSlide2-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@keyframes bannerSlide2-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}*/
	@-webkit-keyframes bannerSlide3-jt {
	from {
	opacity:0;
	top:0px;
	left:0;
}
to {
	opacity:1;
	top:123px;
	left:10px;
}
}	@-moz-keyframes bannerSlide3-jt {
	from {
	opacity:0;
	top:0px;
	left:0;
}
to {
	opacity:1;
	top:123px;
	left:10px;
}
}	@keyframes bannerSlide3-jt {
	from {
	opacity:0;
	top:0px;
	left:0;
}
to {
	opacity:1;
	top:123px;
	left:10px;
}
}
@-webkit-keyframes bannerSlide3-jr {
	from {
	opacity:0;
	top:0;
	right:0;
}
to {
	opacity:1;
	top:123px;
	right:10px;
}
}	@-moz-keyframes bannerSlide3-jr {
	from {
	opacity:0;
	top:0;
	right:0;
}
to {
	opacity:1;
	top:123px;
	right:10px;
}
}	@keyframes bannerSlide3-jr {
	from {
	opacity:0;
	top:0;
	right:0;
}
to {
	opacity:1;
	top:123px;
	right:10px;
}
}
@-webkit-keyframes bannerSlide3-jb {
	from {
	opacity:0;
	top:600px;
	right:0;
}
to {
	opacity:1;
	top:394px;
	right:10px;
}
}	@-moz-keyframes bannerSlide3-jb {
	from {
	opacity:0;
	top:600px;
	right:0;
}
to {
	opacity:1;
	top:394px;
	right:10px;
}
}	@keyframes bannerSlide3-jb {
	from {
	opacity:0;
	top:600px;
	right:0;
}
to {
	opacity:1;
	top:394px;
	right:10px;
}
}
@-webkit-keyframes bannerSlide3-jl {
	from {
	opacity:0;
	top:600px;
	left:10px;
}
to {
	opacity:1;
	top:394px;
	left:183px;
}
}	@-moz-keyframes bannerSlide3-jl {
	from {
	opacity:0;
	top:600px;
	left:10px;
}
to {
	opacity:1;
	top:394px;
	left:183px;
}
}	@keyframes bannerSlide3-jl {
	from {
	opacity:0;
	top:600px;
	left:10px;
}
to {
	opacity:1;
	top:394px;
	left:0;
}
}
@-webkit-keyframes bannerSlide3-center {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}	@-moz-keyframes bannerSlide3-center {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}	@keyframes bannerSlide3-center {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}
@-webkit-keyframes bannerSlide3-tel {
	from {
	opacity:0;
	top:600px;
}
to {
	opacity:1;
	top:500px;
}
}	@-moz-keyframes bannerSlide3-tel {
	from {
	opacity:0;
	top:600px;
}
to {
	opacity:1;
	top:500px;
}
}	@keyframes bannerSlide3-tel {
	from {
	opacity:0;
	top:600px;
}
to {
	opacity:1;
	top:500px;
}
}
.banAnimate .slide4 {
	height:580px;
	width:100%;
	animation-name:bannerSlide4-bg;
	animation: bannerSlide4-bg 1s ease 0s normal none;
	-moz-animation: bannerSlide4-bg 1s ease 0s normal none;
	-webkit-animation: bannerSlide4-bg 1s ease 0s normal none;
	-o-animation: bannerSlide4-bg 1s ease 0s normal none;
}
.banAnimate .slide4-a {
	top:80px;
	left:100px;
	animation: bannerSlide4-l 1s ease 0s normal none;
	-moz-animation: bannerSlide4-l 1s ease 0s normal none;
	-webkit-animation: bannerSlide4-l 1s ease 0s normal none;
	-o-animation: bannerSlide4-l 1s ease 0s normal none;
}
.banAnimate .slide4-b {
	top:350px;
	left:80px;
	animation: bannerSlide4-r 1s ease 0s normal none;
	-moz-animation: bannerSlide4-r 1s ease 0s normal none;
	-webkit-animation: bannerSlide4-r 1s ease 0s normal none;
	-o-animation: bannerSlide4-r 1s ease 0s normal none;
}
@-webkit-keyframes bannerSlide4-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes bannerSlide4-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@keyframes bannerSlide4-bg {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-webkit-keyframes bannerSlide4-l {
	from {
	opacity:0;
	left:600px;
}
to {
	opacity:1;
	left:100px;
}
}
@-moz-keyframes bannerSlide4-l {
	from {
	opacity:0;
	left:600px;
}
to {
	opacity:1;
	left:100px;
}
}
@keyframes bannerSlide4-l {
	from {
	opacity:0;
	left:600px;
}
to {
	opacity:1;
	left:100px;
}
}
@-webkit-keyframes bannerSlide4-r {
	from {
	opacity:0;
	left:-100px;
}
to {
	opacity:1;
	left:80px;
}
}
@-moz-keyframes bannerSlide4-r {
	from {
	opacity:0;
	left:-100px;
}
to {
	opacity:1;
	left:80px;
}
}
@keyframes bannerSlide4-r {
	from {
	opacity:0;
	left:-100px;
}
to {
	opacity:1;
	left:80px;
}
}
.banAnimate .obj-b {
	display:block;
	animation-name:saAni;
	-webkit-animation:saAni 0.4s linear 0s normal none;
	-moz-animation:saAni 0.4s linear 0s normal none;
	animation:saAni 0.4s linear 0s normal none;
}
@-webkit-keyframes saAni {
	from {
	opacity:0;
	-webkit-transform:scale(0,0);
}
to {
	opacity:1;
	-webkit-transform:scale(1,1);
}
}
@-moz-keyframes saAni {
	from {
	opacity:0;
	-moz-transform:scale(0,0);
}
to {
	opacity:1;
	-moz-transform:scale(1,1);
}
}
@keyframes saAni {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}
.watch-code.code-show {
	display:block;
	animation-name:scode;
	-webkit-animation:scode 0.3s linear 0s normal none;
	-moz-animation:scode 0.3s linear 0s normal none;
	animation:scode 0.3s linear 0s normal none;
}
@-webkit-keyframes scode {
	from {
	opacity:0;
	-webkit-transform:scale(1,0);
	transform-origin:left bottom;
}
to {
	opacity:1;
	-webkit-transform:scale(1,1);
	transform-origin: left bottom;
}
}
@-moz-keyframes scode {
	from {
	opacity:0;
	-moz-transform:scale(1,0);
	transform-origin:left bottom;
}
to {
	opacity:1;
	-moz-transform:scale(1,1);
	transform-origin:bottom bottom;
}
}
@keyframes scode {
	from {
	opacity:0;
	transform:scale(1,0);
	transform-origin:left bottom;
}
to {
	opacity:1;
	transform:scale(1,1);
	transform-origin: left bottom;
}
}
.banAnimate .obj-c,.banAnimate .obj-e {
	display:block;
	animation-name:saAnic;
	-webkit-animation:saAnic 0.3s linear 0s normal none;
	-moz-animation:saAnic 0.3s linear 0s normal none;
	animation:saAnic 0.3s linear 0s normal none;
}
@-webkit-keyframes saAnic {
	from {
	opacity:0;
	left:47%;
}
to {
	opacity:1;
	left:50%;
}
}
@-moz-keyframes saAnic {
	from {
	opacity:0;
	left:47%;
}
to {
	opacity:1;
	left:50%;
}
}
@keyframes saAnic {
	from {
	opacity:0;
	left:47%;
}
to {
	opacity:1;
	left:50%;
}
}
.banAnimate .obj-d,.banAnimate .obj-f {
	display:block;
	animation-name:saAnid;
	-webkit-animation:saAnid 0.3s linear 0s normal none;
	-moz-animation:saAnid 0.3s linear 0s normal none;
	animation:saAnid 0.3s linear 0s normal none;
}
@-webkit-keyframes saAnid {
	from {
	opacity:0;
	left:53%;
}
to {
	opacity:1;
	left:50%;
}
}
@-moz-keyframes saAnid {
	from {
	opacity:0;
	left:53%;
}
to {
	opacity:1;
	left:50%;
}
}
@keyframes saAnid {
	from {
	opacity:0;
	left:53%;
}
to {
	opacity:1;
	left:50%;
}
}
.slide7-1 {
	position:absolute;
	top:0px;
	left:-610px;
	animation-name:bannerSlide7-1;
	animation: bannerSlide7-1 1s ease 0s normal none;
	-moz-animation: bannerSlide7-1 1s ease 0s normal none;
	-webkit-animation: bannerSlide7-1 1s ease 0s normal none;
	-o-animation: bannerSlide7-1 1s ease 0s normal none;
}
.slide7-1-2 {
	position:absolute;
	top:0px;
	left:-590px;
	animation-name:bannerSlide7-1-2;
	animation: bannerSlide7-1-2 1s ease 0s normal none;
	-moz-animation: bannerSlide7-1-2 1s ease 0s normal none;
	-webkit-animation: bannerSlide7-1-2 1s ease 0s normal none;
	-o-animation: bannerSlide7-1-2 1s ease 0s normal none;
}
.slide7-2 {
	position:absolute;
	top:0px;
	left:-560px;
	animation-name:bannerSlide7-2;
	animation: bannerSlide7-2 1s ease 0s normal none;
	-moz-animation: bannerSlide7-2 1s ease 0s normal none;
	-webkit-animation: bannerSlide7-2 1s ease 0s normal none;
	-o-animation: bannerSlide7-2 1s ease 0s normal none;
}
.slide7-3 {
	position:absolute;
	top:0px;
	left:-560px;
	animation-name:bannerSlide7-3;
	animation: bannerSlide7-3 2s ease 0s normal none;
	-moz-animation: bannerSlide7-3 2s ease 0s normal none;
	-webkit-animation: bannerSlide7-3 2s ease 0s normal none;
	-o-animation: bannerSlide7-3 2s ease 0s normal none;
}
.slide7-4 {
	position:absolute;
	top:0px;
	left:-560px;
	animation-name:bannerSlide7-4;
	animation: bannerSlide7-4 2s ease 0s normal none;
	-moz-animation: bannerSlide7-4 2s ease 0s normal none;
	-webkit-animation: bannerSlide7-4 2s ease 0s normal none;
	-o-animation: bannerSlide7-4 2s ease 0s normal none;
}
.slide7-5 {
	position:absolute;
	top:0px;
	left:-560px;
	animation-name:bannerSlide7-5;
	animation: bannerSlide7-5 1s ease 0s normal none;
	-moz-animation: bannerSlide7-5 1s ease 0s normal none;
	-webkit-animation: bannerSlide7-5 1s ease 0s normal none;
	-o-animation: bannerSlide7-5 1s ease 0s normal none;
}
@-webkit-keyframes bannerSlide7-1 {
	from {
	opacity:0;
	top:-50px;
}
to {
	opacity:1;
	top:-0px;
}
}	@-moz-keyframes bannerSlide7-1 {
	from {
	opacity:0;
	top:-50px;
}
to {
	opacity:1;
	top:-0px;
}
}	@keyframes bannerSlide7-1 {
	from {
	opacity:0;
	top:-50px;
}
to {
	opacity:1;
	top:-0px;
}
}
@-webkit-keyframes bannerSlide7-1-2 {
	from {
	opacity:0;
	top:50px;
}
to {
	opacity:1;
	top:-0px;
}
}	@-moz-keyframes bannerSlide7-1-2 {
	from {
	opacity:0;
	top:50px;
}
to {
	opacity:1;
	top:-0px;
}
}	@keyframes bannerSlide7-1-2 {
	from {
	opacity:0;
	top:50px;
}
to {
	opacity:1;
	top:-0px;
}
}
@-webkit-keyframes bannerSlide7-2 {
	from {
	top:200px;
}
to {
	top:-0px;
}
}	@-moz-keyframes bannerSlide7-2 {
	from {
	top:200px;
}
to {
	top:-0px;
}
}	@keyframes bannerSlide7-2 {
	from {
	top:200px;
}
to {
	top:-0px;
}
}
@-webkit-keyframes bannerSlide7-3 {
	from {
	opacity:0;
	top:-100px;
}
to {
	opacity:1;
	top:0px;
}
}	@-moz-keyframes bannerSlide7-3 {
	from {
	opacity:0;
	top:-100px;
}
to {
	opacity:1;
	top:0px;
}
}	@keyframes bannerSlide7-3 {
	from {
	opacity:0;
	top:-100px;
}
to {
	opacity:1;
	top:0px;
}
}
@-webkit-keyframes bannerSlide7-4 {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}	@-moz-keyframes bannerSlide7-4 {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}	@keyframes bannerSlide7-4 {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-webkit-keyframes bannerSlide7-5 {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}	@-moz-keyframes bannerSlide7-5 {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}	@keyframes bannerSlide7-5 {
	from {
	opacity:0;
	transform:scale(0,0);
}
to {
	opacity:1;
	transform:scale(1,1);
}
}
/* update 2019.1.3 金牌管家*/
.guanjia-1 {
	position:absolute;	top:97px;	left:250px;	opacity:0;
	animation-name:bannerGuanjia-1;	animation: bannerGuanjia-1 7s ease 0s normal none;	-moz-animation: bannerGuanjia-1 7s ease 0s normal none;	-webkit-animation: bannerGuanjia-1 7s ease 0s normal none;	-o-animation: bannerGuanjia-1 7s ease 0s normal none;
}
.guanjia-1-1 {
	position:absolute;	top:60px;	left:120px;	opacity:0;
	animation-name:bannerGuanjia-1-1;	animation: bannerGuanjia-1-1 7s ease 0s normal none;	-moz-animation: bannerGuanjia-1-1 7s ease 0s normal none;	-webkit-animation: bannerGuanjia-1-1 7s ease 0s normal none;	-o-animation: bannerGuanjia-1-1 7s ease 0s normal none;
}
.guanjia-1-2 {
	position:absolute;	top:200px;	left:15px;	opacity:0;
	animation-name:bannerGuanjia-1-2;	animation: bannerGuanjia-1-2 7s ease 0s normal none;	-moz-animation: bannerGuanjia-1-2 7s ease 0s normal none;	-webkit-animation: bannerGuanjia-1-2 7s ease 0s normal none;	-o-animation: bannerGuanjia-1-2 7s ease 0s normal none;
}
.guanjia-1-3 {
	position:absolute;	top:340px;	left:80px;	opacity:0;
	animation-name:bannerGuanjia-1-3;	animation: bannerGuanjia-1-3 7s ease 0s normal none;	-moz-animation: bannerGuanjia-1-3 7s ease 0s normal none;	-webkit-animation: bannerGuanjia-1-3 7s ease 0s normal none;	-o-animation: bannerGuanjia-1-3 7s ease 0s normal none;
}
.guanjia-1-4 {
	position:absolute;	top:447px;	left:100px;	opacity:0;
	animation-name:bannerGuanjia-1-4;	animation: bannerGuanjia-1-4 7s ease 0s normal none;	-moz-animation: bannerGuanjia-1-4 7s ease 0s normal none;	-webkit-animation: bannerGuanjia-1-4 7s ease 0s normal none;	-o-animation: bannerGuanjia-1-4 7s ease 0s normal none;
}
.guanjia-1-5 {
	position:absolute;	top:439px;	left:480px;	opacity:0;
	animation-name:bannerGuanjia-1-5;	animation: bannerGuanjia-1-5 7s ease 0s normal none;	-moz-animation: bannerGuanjia-1-5 7s ease 0s normal none;	-webkit-animation: bannerGuanjia-1-5 7s ease 0s normal none;	-o-animation: bannerGuanjia-1-5 7s ease 0s normal none;
}
.guanjia-1-6 {
	position:absolute;	top:328px;	left:520px;	opacity:0;
	animation-name:bannerGuanjia-1-6;	animation: bannerGuanjia-1-6 7s ease 0s normal none;	-moz-animation: bannerGuanjia-1-6 7s ease 0s normal none;	-webkit-animation: bannerGuanjia-1-6 7s ease 0s normal none;	-o-animation: bannerGuanjia-1-6 7s ease 0s normal none;
}
.guanjia-1-7 {
	position:absolute;	top:181px;	left:520px;	opacity:0;
	animation-name:bannerGuanjia-1-7;	animation: bannerGuanjia-1-7 7s ease 0s normal none;	-moz-animation: bannerGuanjia-1-7 7s ease 0s normal none;	-webkit-animation: bannerGuanjia-1-7 7s ease 0s normal none;	-o-animation: bannerGuanjia-1-7 7s ease 0s normal none;
}
.guanjia-1-8 {
	position:absolute;	top:75px;	left:460px;	opacity:0;
	animation-name:bannerGuanjia-1-8;	animation: bannerGuanjia-1-8 7s ease 0s normal none;	-moz-animation: bannerGuanjia-1-8 7s ease 0s normal none;	-webkit-animation: bannerGuanjia-1-8 7s ease 0s normal none;	-o-animation: bannerGuanjia-1-8 7s ease 0s normal none;
}
.guanjia-1-1 img, .guanjia-1-2 img, .guanjia-1-3 img, .guanjia-1-4 img, .guanjia-1-5 img, .guanjia-1-6 img, .guanjia-1-7 img, .guanjia-1-8 img { height:50px; }
.guanjia-2 {
	position:absolute;	top:158px;	left:40px;	opacity:1;
	animation-name:bannerGuanjia-2;	animation: bannerGuanjia-2 7s ease 0s normal none;	-moz-animation: bannerGuanjia-2 7s ease 0s normal none;	-webkit-animation: bannerGuanjia-2 7s ease 0s normal none;	-o-animation: bannerGuanjia-2 7s ease 0s normal none;
}
.guanjia-2-1 {
	position:absolute;	top:180px;	left:250px;	opacity:1;
	animation-name:bannerGuanjia-2-1;	animation: bannerGuanjia-2-1 7s ease 0s normal none;	-moz-animation: bannerGuanjia-2-1 7s ease 0s normal none;	-webkit-animation: bannerGuanjia-2-1 7s ease 0s normal none;	-o-animation: bannerGuanjia-2-1 7s ease 0s normal none;
}
.guanjia-2-2 {
	position:absolute;	top:270px;	left:250px;	opacity:1;
	animation-name:bannerGuanjia-2-2;	animation: bannerGuanjia-2-2 7s ease 0s normal none;	-moz-animation: bannerGuanjia-2-2 7s ease 0s normal none;	-webkit-animation: bannerGuanjia-2-2 7s ease 0s normal none;	-o-animation: bannerGuanjia-2-2 7s ease 0s normal none;
}
.guanjia-2 img { height:200px; }
.guanjia-2-1 img, .guanjia-2-2 img { height:80px; }
@-webkit-keyframes bannerGuanjia-1 {	0% {	opacity:0;	transform:scale(0,0);}10% {	opacity:1;	transform:scale(1,1);}50% {	opacity:1;	transform:scale(1,1);}60% {	opacity:0;	transform:scale(0,0);}}
@-moz-keyframes bannerGuanjia-1 {	0% {	opacity:0;	transform:scale(0,0);}10% {	opacity:1;	transform:scale(1,1);}50% {	opacity:1;	transform:scale(1,1);}60% {	opacity:0;	transform:scale(0,0);}}
@keyframes bannerGuanjia-1 {	0% {	opacity:0;	transform:scale(0,0);}10% {	opacity:1;	transform:scale(1,1);}50% {	opacity:1;	transform:scale(1,1);}60% {	opacity:0;	transform:scale(0,0);}}

@-webkit-keyframes bannerGuanjia-1-1 {	0% {	opacity:0;	top:30px;	left:0px;}10% {	opacity:1;	top:60px;	left:120px;}50% {	opacity:1;	top:60px;	left:120px;}60% {	opacity:0;	top:30px;	left:0px;}}
@-moz-keyframes bannerGuanjia-1-1 {	0% {	opacity:0;	top:30px;	left:0px;}10% {	opacity:1;	top:60px;	left:120px;}50% {	opacity:1;	top:60px;	left:120px;}60% {	opacity:0;	top:30px;	left:0px;}}
@keyframes bannerGuanjia-1-1 {	0% {	opacity:0;	top:30px;	left:0px;}10% {	opacity:1;	top:60px;	left:120px;}50% {	opacity:1;	top:60px;	left:120px;}60% {	opacity:0;	top:30px;	left:0px;}}

@-webkit-keyframes bannerGuanjia-1-2 {	0% {	opacity:0;	top:150px;	left:-100px;}10% {	opacity:1;	top:200px;	left:15px;}50% {	opacity:1;	top:200px;	left:15px;}60% {	opacity:0;	top:150px;	left:-100px;}}
@-moz-keyframes bannerGuanjia-1-2 {	0% {	opacity:0;	top:150px;	left:-100px;}10% {	opacity:1;	top:200px;	left:15px;}50% {	opacity:1;	top:200px;	left:15px;}60% {	opacity:0;	top:150px;	left:-100px;}}
@keyframes bannerGuanjia-1-2 {	0% {	opacity:0;	top:150px;	left:-100px;}10% {	opacity:1;	top:200px;	left:15px;}50% {	opacity:1;	top:200px;	left:15px;}60% {	opacity:0;	top:150px;	left:-100px;}}

@-webkit-keyframes bannerGuanjia-1-3 {	0% {	opacity:0;	top:360px;	left:0px;}10% {	opacity:1;	top:340px;	left:80px;}50% {	opacity:1;	top:340px;	left:80px;}60% {	opacity:0;	top:360px;	left:0px;}}
@-moz-keyframes bannerGuanjia-1-3 {	0% {	opacity:0;top:360px;	left:0px;}10% {	opacity:1;	top:340px;	left:80px;}50% {	opacity:1;	top:340px;	left:80px;}60% {	opacity:0;	top:360px;	left:0px;}}
@keyframes bannerGuanjia-1-3 {	0% {	opacity:0;	top:360px;	left:0px;}10% {	opacity:1;	top:340px;	left:80px;}50% {	opacity:1;	top:340px;	left:80px;}60% {	opacity:0;	top:360px;	left:0px;}}

@-webkit-keyframes bannerGuanjia-1-4 {0% {	opacity:0;	top:500px;	left:0px;}10% {	opacity:1;	top:447px;	left:100px;}50% {	opacity:1;	top:447px;	left:100px;}60% {	opacity:0;	top:500px;	left:0px;}}
@-moz-keyframes bannerGuanjia-1-4 {	0% {	opacity:0;	top:500px;	left:0px;}10% {	opacity:1;	top:447px;	left:100px;}50% {	opacity:1;	top:447px;	left:100px;}60% {	opacity:0;	top:500px;	left:0px;}}
@keyframes bannerGuanjia-1-4 {	0% {	opacity:0;	top:500px;	left:0px;}10% {	opacity:1;	top:447px;	left:100px;}50% {	opacity:1;	top:447px;	left:100px;}60% {	opacity:0;	top:500px;	left:0px;}}

@-webkit-keyframes bannerGuanjia-1-5 {	0% {	opacity:0;	top:500px;	left:1000px;}10% {	opacity:1;	top:439px;	left:480px;}50% {	opacity:1;	top:439px;	left:480px;}60% {	opacity:0;	top:500px;left:1000px;}}
@-moz-keyframes bannerGuanjia-1-5 {	0% {	opacity:0;	top:500px;	left:1000px;}10% {	opacity:1;	top:439px;	left:480px;}50% {	opacity:1;	top:439px;	left:480px;}60% {	opacity:0;	top:500px;	left:1000px;}}
@keyframes bannerGuanjia-1-5 {	0% {	opacity:0;	top:500px;	left:1000px;}10% {	opacity:1;	top:439px;	left:480px;}50% {	opacity:1;	top:439px;	left:480px;}60% {	opacity:0;	top:500px;	left:1000px;}}

@-webkit-keyframes bannerGuanjia-1-6 {	0% {	opacity:0;	top:350px;	left:1000px;}10% {	opacity:1;	top:328px;	left:520px;}50% {	opacity:1;	top:328px;	left:520px;}60% {	opacity:0;	top:350px;	left:1000px;}}
@-moz-keyframes bannerGuanjia-1-6 {	0% {	opacity:0;	top:350px;	left:1000px;}10% {	opacity:1;	top:328px;	left:520px;}50% {	opacity:1;	top:328px;	left:520px;}60% {	opacity:0;	top:350px;	left:1000px;}}
@keyframes bannerGuanjia-1-6 {	0% {	opacity:0;	top:350px;	left:1000px;}10% {	opacity:1;	top:328px;	left:520px;}50% {	opacity:1;	top:328px;	left:520px;}60% {	opacity:0;	top:350px;	left:1000px;}}

@-webkit-keyframes bannerGuanjia-1-7 {	0% {	opacity:0;	top:160px;	left:1000px;}10% {	opacity:1;	top:181px;	left:520px;}50% {	opacity:1;	top:181px;	left:520px;}60% {	opacity:0;	top:160px;	left:1000px;}}
@-moz-keyframes bannerGuanjia-1-7 {	0% {	opacity:0;	top:160px;	left:1000px;}10% {	opacity:1;	top:181px;	left:520px;}50% {	opacity:1;	top:181px;	left:520px;}60% {	opacity:0;	top:160px;	left:1000px;}}
@keyframes bannerGuanjia-1-7 {	0% {	opacity:0;	top:160px;	left:1000px;}10% {	opacity:1;	top:181px;	left:520px;}50% {	opacity:1;	top:181px;	left:520px;}60% {	opacity:0;	top:160px;	left:1000px;}}

@-webkit-keyframes bannerGuanjia-1-8 {	0% {	opacity:0;	top:50px;	left:1000px;}10% {	opacity:1;	top:75px;	left:480px;}50% {	opacity:1;	top:75px;	left:480px;}60% {	opacity:0;	top:50px;	left:1000px;}}
@-moz-keyframes bannerGuanjia-1-8 {	0% {	opacity:0;	top:50px;	left:1000px;}10% {	opacity:1;	top:75px;	left:480px;}50% {	opacity:1;	top:75px;	left:480px;}60% {	opacity:0;	top:50px;	left:1000px;}}
@keyframes bannerGuanjia-1-8 {	0% {	opacity:0;	top:50px;	left:1000px;}10% {	opacity:1;	top:75px;	left:480px;}50% {	opacity:1;	top:75px;	left:480px;}60% {	opacity:0;	top:50px;	left:1000px;}}

@-webkit-keyframes bannerGuanjia-2 {	0% {	opacity:0;	left:100px;}50% {	opacity:0;	left:100px;}70% {	opacity:1;	left:40px;}100% {	opacity:1;	left:40px;}}
@-moz-keyframes bannerGuanjia-2 {	0% {	opacity:0;	left:100px;}50% {	opacity:0;	left:100px;}70% {	opacity:1;	left:40px;}100% {	opacity:1;	left:40px;}}
@keyframes bannerGuanjia-2 {	0% {	opacity:0;	left:100px;}50% {	opacity:0;	left:100px;}70% {	opacity:1;	left:40px;}100% {	opacity:1;	left:40px;}}

@-webkit-keyframes bannerGuanjia-2-1 {	0% {	opacity:0;	top:300px;}60% {	opacity:0;	top:300px;}70% {	opacity:1;	top:180px;}100% {	opacity:1;	top:180px;}}
@-moz-keyframes bannerGuanjia-2-1 {	0% {	opacity:0;	top:300px;}50% {	opacity:0;	top:300px;}70% {	opacity:1;	top:180px;}100% {	opacity:1;	top:180px;}}
@keyframes bannerGuanjia-2-1 {	0% {	opacity:0;	top:300px;}50% {	opacity:0;	top:300px;}70% {	opacity:1;	top:180px;}100% {	opacity:1;	top:180px;}}

@-webkit-keyframes bannerGuanjia-2-2 {	0% {	opacity:0;	top:400px;}50% {	opacity:0;	top:400px;}70% {	opacity:1;	top:270px;}100% {	opacity:1;	top:270px;}}
@-moz-keyframes bannerGuanjia-2-2 {	0% {	opacity:0;	top:400px;}50% {	opacity:0;	top:400px;}70% {	opacity:1;	top:270px;}100% {	opacity:1;	top:270px;}}
@keyframes bannerGuanjia-2-2 {	0% {	opacity:0;	top:400px;}50% {	opacity:0;	top:400px;}70% {	opacity:1;	top:270px;}100% {opacity:1;	top:270px;} }
/* /update 2019.1.3 */

.about_title_in h2 {
	height:50px;
	font-size:30px;
	color:#000;
	text-align:center;
	margin-bottom:10px;
}
.about_title_in h2 span {
	height:50px;
	line-height:50px;
	display:inline-block;
	overflow:hidden;
}
.about_title_in h2 span.en {
	height:50px;
	line-height:50px;
	font-size:35px;
	color:#BFBFBF;
	border-right:2px solid #df0029;
	padding-right:15px;
	margin-right:15px;
}
.caseTitleMain {
	width:768px;
	text-align:center;
	margin:0 auto;
	display:block;
	padding-top:10px;
}
.casesTitle,.casesTitle1 {
	width:768px;
	text-align:center;
	margin:10px auto 0;
	display:block;
}
.productChooseUs {
	width:100%;
	height:auto;
	padding:0 0 35px;
}
.productChooseUsMain {
	width:768px;
	height:auto;
	margin:0 auto;
}
.productChooseUsTitle h3{
	width:768px;
	height:42px;
	line-height:42px;
	font-size:33px;
	color:#545454;
	text-align:center;
	margin:0 auto;
}
.productChooseUsSubTitle {
	width:768px;
	height:24px;
	line-height:24px;
	font-size:17px;
	color:#878787;
	text-align:center;
	margin:16px auto 0;
}
.channelCasesMain {
	width:768px;
	height:auto;
	margin:0;
	overflow:hidden;
}
.channelCasesMain ul.channelCasesList {
	width:678px;
	height:auto;
	margin:22px auto 0;
	padding:0 0 50px;
}
.channelCasesMain ul.channelCasesList li .channelCasesListTit {
	width:678px;
	height:auto;
	font-size:22px;
}
.channelCasesListTit {
	font-size:22px;
}
.channelCasesMain ul.channelCasesList li .channelCasesListTit a {
	height:45px;
	line-height:45px;
	font-size:21px;
	color:#666;
	display:inline-block;
	background:url(../home/bg.png) 0 -15px no-repeat;
	padding:0 20px;
}
.channelCasesMain ul.channelCasesList li .channelCasesListTit a:hover {
	color:#df032b;
	background:url(../home/bg.png) 0 -15px no-repeat;
}
.channelCasesMain ul.channelCasesList li .channelCasesListTit a.current {
	color:#df032b;
	background:url(../home/bg.png) 0 -15px no-repeat;
}
ul.channelCasesListContent {
	width:768px;
	height:auto;
	margin:22px auto 0;
	display:block;
}
ul.channelCasesListContent li {
	width:340px;
	height:317px;
	display:inline-block;
	float:left;
	background:#fff;
	margin:0 22px 40px;
}
ul.channelCasesListContent li img {
	width:340px;
	height:233px;
}
ul.channelCasesListContent li p {
	width:320px;
	height:21px;
	line-height:21px;
	text-align:center;
	margin:16px 10px;
	overflow:hidden;
}
ul.channelCasesListContent li p a {
	font-size:20px;
	color:#555;
}
ul.channelCasesListContent li p a:hover {
	color:#df032b;
}
ul.channelCasesListContent li dl {
	width:320px;
	margin:2px 10px;
	overflow:hidden;
}
ul.channelCasesListContent li dl {
	font-size:20px;
	color:#c0c0c0;
}
ul.channelCasesListContent li dl dt {
	width:150px;
	height:20px;
	line-height:20px;
	display:inline-block;
	float:left;
	background:url(../home/bg.png) 0 -97px no-repeat;
	padding:0 0 0 20px;
	overflow:hidden;
}
ul.channelCasesListContent li dl dd {
	height:20px;
	line-height:20px;
	display:inline-block;
	float:right;
	overflow:hidden;
	margin:0 5px 0 0;
}
ul.channelCasesListContent li dl dd.view {
	width:auto;
	background:url(../home/bg.png) 0 -131px no-repeat;
	padding:0 10px 0 25px;
}
ul.channelCasesListContent li dl dd.thumbsUp {
	width:auto;
	background:url(../home/bg.png) 0 -162px no-repeat;
	padding:0 0 0 18px;
}
.page {
	width:720px;
	height:33px;
	margin:25px auto 35px;
}
.servicesList {
	width:688px;
	height:auto;
	margin:5px auto 0;
	overflow:hidden;
}
.servicesList dl {
	width:688px;
	height:auto;
	display:inline-block;
	float:left;
	margin:0 0 53px;
	padding:0;
	overflow:hidden;
}
.servicesList dl dt {
	width:663px;
	height:auto;
	line-height:30px;
	background:url(../home/bg.png) 0 -360px no-repeat;
	padding:0 0 0 25px;
	overflow:hidden;
}
.servicesList dl dt a {
	font-size:24px;
	color:#46acd2;
}
.servicesList dl dd {
	width:688px;
	height:auto;
	line-height:30px;
	padding:0;
	overflow:hidden;
}
.servicesList dl dd a {
	font-size:22px;
	color:#525252;
}

ul.solutionList{
	width:96%;
	height:auto;
	margin:0 auto;
	padding:20px 0;
	list-style:none;
}

ul.solutionList li{
	width:96%;
	height:auto;
	border:none;
	background:#fff;
	margin:0 auto 25px;
	padding:20px 2%;
	list-style:none;
}

ul.solutionList li .solutionLiLeft{
	width:100%;
	height:auto;
	display:inline-block;
	float:none;
}

ul.solutionList li .solutionLiLeft img{
	width:100%;
	height:auto;
	display:block;
}

ul.solutionList li .solutionLiRight{
	width:100%;
	height:auto;
	display:inline-block;
	float:right;
}

ul.solutionList li .solutionLiRight .solutionLiRightTitle{
	width:100%;
	height:auto;
	line-height:140%;
	font-size:28px;
	color:#282828;
	display:inline-block;
	float:none;
	overflow:hidden;
	margin:0 auto;
}

ul.solutionList li .solutionLiRight .solutionLiRightContent{
	width:100%;
	height:auto;
	line-height:140%;
	font-size:28px;
	color:#5C5C5C;
	overflow:hidden;
	margin:10px auto 0;
}

ul.solutionList li .solutionLiRight .solutionLiRightReadmore{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:10px auto 0;
}

ul.solutionList li .solutionLiRight .solutionLiRightReadmore a{
	width:50%;
	height:auto;
	line-height:100%;
	font-size:28px;
	color:#5C5C5C;
	text-align:center;
	background:#DDE9FF;
	display:block;
	padding:20px 0;
}

ul.solutionList li .solutionLiRight .solutionLiRightReadmore a:hover{
	color:#fff;
	background:#73B9FF;
	transition:ease-in-out 0.5s;
}



ul.channelNewsListContent {
	width:768px;
	height:auto;
	margin:0 auto 38px;
}
ul.channelNewsListContent li {
	width:338px;
	height:400px;
	display:inline-block;
	float:left;
	border:3px solid #f5f5f5;
	background:#fff;
	margin:0 20px 20px;
}
ul.channelNewsListContent li img {
	width:338px;
	height:200px;
}
ul.channelNewsListContent li p {
	width:318px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin:7px 0 5px;
	padding:0 10px;
	overflow:hidden;
}
ul.channelNewsListContent li p a {
	font-size:20px;
	color:#555;
}
ul.channelNewsListContent li .newsIntroduction {
	width:318px;
	height:90px;
	line-height:30px;
	text-indent:2em;
	padding:0 10px;
	overflow:hidden;
	margin-bottom:10px;
}
ul.channelNewsListContent li .newsIntroduction a {
	font-size:20px;
	color:#898989;
}
ul.channelNewsListContent li dl {
	width:318px;
	margin:2px 10px;
	overflow:hidden;
}
ul.channelNewsListContent li dl {
	font-size:20px;
	color:#c0c0c0;
}
ul.channelNewsListContent li dl dt {
	width:140px;
	height:25px;
	line-height:25px;
	display:inline-block;
	float:left;
	background:url(../home/bg.png) 0 -94px no-repeat;
	padding:0 0 0 20px;
	overflow:hidden;
}
ul.channelNewsListContent li dl dd {
	height:25px;
	line-height:25px;
	display:inline-block;
	float:left;
	overflow:hidden;
	margin:0 5px 0 0;
}
ul.channelNewsListContent li dl dd.author {
	width:80px;
	background:url(../home/bg.png) 0 -269px no-repeat;
	padding:0 0 0 20px;
}
ul.channelNewsListContent li dl dd.comment {
	width:26px;
	background:url(../home/bg.png) 0 -299px no-repeat;
	padding:0 0 0 18px;
}
.row {
	width:768px;
	margin:0 auto;
}
.about-intro p {
	width:728px;
	margin:10px auto;
	font-size:14px;
	line-height:1.8;
	color:#666;
	text-indent:2em;
}
.about-culture h3 {
	width:728px;
	font-size:17px;
	color:#DF0027;
	line-height:1.8;
	text-align:center;
	margin:0 auto;
}
.about-culture h4 {
	width:728px;
	font-size:17px;
	color:#333;
	line-height:1.8;
	text-align:center;
	margin:0 auto;
}
.about-culture p {
	width:728px;
	font-size:14px;
	color:#878787;
	line-height:1.8;
	text-align:center;
	margin:0 auto;
}
.about-culture img {
	max-width:96%;
	display:block;
	margin:0 auto;
}
.about-adv dl {
	float:left;
	width:17%;
	padding:110px 1.4% 0;
	background:url('../home/about_2.png') no-repeat center top;
	margin-bottom:20px;
}
.about-adv dt {
	text-align:center;
	font-size:20px;
	color:#666;
	margin-bottom:10px;
}
.about-adv dd {
	font-size:18px;
	color:#868686;
	line-height:1.6;
}
.about-contact dl {
	font-size:20px;
	color:#888;
	height:35px;
	line-height:35px;
}
.about-contact dt {
	display:inline-block;
	float:left;
	width:47%;
	text-align:right;
	padding-right:1%;
}
.about-contact dd {
	display:inline-block;
	float:left;
	width:50%;
	text-align:left;
}
.about-contact dd.en {
	font-family:Verdana, Geneva, sans-serif;
}
.about-contact dd a {
	color:#888;
}
.about-map {
	height:550px;
	border:#ccc solid 1px;
}
.websiteInfo {
	width:768px;
	height:179px;
	background:#fff;
	border-top:1px solid #d7d7d7;
	margin:0 auto;
}
.websiteInfo .websiteInfoLeft {
	width:728px;
	height:179px;
	margin:0 auto;
	padding:0 20px;
}
.websiteInfo .websiteInfoLeft h3 {
	width:728px;
	height:39px;
	line-height:39px;
	font-size:31px;
	color:#545454;
	margin:23px 0 7px;
}
.websiteInfo .websiteInfoLeft .websiteInfoClassification {
	width:728px;
	height:30px;
	line-height:30px;
	margin:0 0 17px;
	overflow:hidden;
	white-space:nowrap;
	color:#888;
}
.websiteInfo .websiteInfoLeft p {
	width:728px;
	height:44px;
	line-height:22px;
	font-size:14px;
	color:#545454;
	overflow:hidden;
}
.websiteInfo .websiteInfoRight {
	width:728px;
	height:50px;
	text-align:center;
	background:#fff;
	padding:0 20px;
}
.websiteInfo .websiteInfoRight img {
	width:125px;
	height:102px;
}
.websiteInfo .websiteInfoRight p {
	width:125px;
	height:30px;
	display:block;
	margin:0 auto;
}
.websiteInfo .websiteInfoRight p a {
	width:125px;
	height:30px;
	line-height:30px;
	font-size:20px;
	color:#525252;
	text-align:center;
	display:inline-block;
	border:1px solid #ececec;
	-moz-border-radius:25px;
	/* Gecko browsers*/
	-webkit-border-radius:25px;
	/* Webkit browsers*/
	border-radius:25px;
	/* W3C syntax*/
	margin:14px 0 0 9px;
}
.websiteInfo .websiteInfoRight p a:hover {
	color:#df0029;
	border:1px solid #df0029;
}
.websiteInfo .websiteInfoLeft .websiteInfoClassification .websiteClass {
	padding:0 24px 0 22px;
	background:url(../home/bg.png) 0 -230px no-repeat;
	overflow:hidden;
}
.websiteInfo .websiteInfoLeft .websiteInfoClassification .websiteDate {
	padding:0 34px 0 21px;
	background:url(../home/bg.png) 0 -91px no-repeat;
	overflow:hidden;
}
.websiteInfo .websiteInfoLeft .websiteInfoClassification .websiteView {
	width:63px;
	padding:0 0 0 26px;
	background:url(../home/bg.png) 0 -125px no-repeat;
	overflow:hidden;
}
.websiteImages {
	width:728px;
	height:auto;
	text-align:center;
	margin:45px auto 0;
}
.websiteImages img {
	max-width:728px;
	height:auto;
	margin:0;
	padding:0;
}
.favAndUp {
	width:728px;
	height:93px;
	text-align:center;
	margin:0 auto;
}
.websiteClassification {
	width:728px;
	height:114px;
	border:1px solid #d7d7d7;
	margin:25px auto 0;
	padding:0 10px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
}
.websiteClassification .websiteClassificationLeft {
	width:728px;
	height:57px;
	line-height:57px;
	font-size:14px;
	color:#eb850c;
	padding:0;
	overflow:hidden;
}
.websiteClassification .websiteClassificationRight {
	width:728px;
	height:57px;
	line-height:57px;
	overflow:hidden;
	padding:0 0 0 0;
}
.websiteClassification .websiteClassificationRight img {
	vertical-align:middle;
	margin:0 7px 0;
}
/*pre and next*/
.preAndNext {
	width:728px;
	height:35px;
	line-height:35px;
	margin:15px auto 0;
}
.preAndNext a {
	display:inline-block;
	font-size:20px;
	color:#888;
	height:35px;
	overflow:hidden;
}
.preAndNext span {
	display:inline-block;
	width:350px;
	height:35px;
	overflow:hidden;
}
.banner img.headerSearchBg {
	display:none;
}
.banner .seach {
	width:485px;
	height:75px;
	top:55px;
	left:141px;
	margin:0;
}
.banner .seach .keywords {
	width:406px;
	height:41px;
	line-height:41px;
	border:none;
	display:inline-block;
	float:left;
	background:#fff;
	padding:0 0 0 5px;
}
.banner .seach .seachBtn {
	width:73px;
	height:41px;
	line-height:41px;
	font-size:14px;
	color:#fff;
	text-align:center;
	border:none;
	display:inline-block;
	float:left;
	background:#df0029;
	-webkit-appearance:none;
	outline:none;
	border-radius:0;
}
.banner .seach p {
	width:485px;
	height:auto;
	line-height:30px;
	font-size:12px;
	color:#666;
	margin:14px 0 0;
	display:inline-block;
	overflow:hidden;
}
.banner .seach p a {
	font-size:20px;
	color:#666;
	display:inline-block;
	margin:0 32px 0 0;
}
.banner .seach p a:hover {
	color:#df032b;
}
.service2List {
	width:768px;
	height:auto;
	margin:15px auto 0;
	border-bottom:1px solid #d7d7d7;
}
.service2List .serviceContent {
	width:768px;
	height:106px;
	text-align:center;
	display:table;
	border-top:1px solid #d7d7d7;
}
.service2List .serviceContent .serviceCon {
	vertical-align:middle;
	display:table-cell;
}
.service2List .serviceContent .serviceCon a {
	font-size:29px;
	color:#df0029;
	top:-50%;
}
/*products classic case*/
.productsClassicCaseMain {
	width:100%;
	height:auto;
	background:#f5f5f5;
}
.productsClassicCase {
	width:1120px;
	height:auto;
	margin:0 auto;
	padding:67px 0 0;
}
.productsClassicCase h3 {
	width:1120px;
	height:42px;
	line-height:42px;
	font-size:33px;
	color:##333;
	text-align:center;
	margin:0 auto;
}
.productsClassicCase .line {
	width:1120px;
	height:5px;
	background:url(../home/bg_products_line.png) no-repeat;
	margin:11px 0;
}
.productsClassicCase .subTit {
	width:1120px;
	height:24px;
	line-height:24px;
	font-size:17px;
	color:#858585;
	text-align:center;
	margin:0 0 54px;
}
.productsClassicCaseList {
	width:1210px;
	height:216px;
	margin:0 auto;
	padding:0 0 73px;
}
.tab-T-3 {
	width:104px;
	height:26px;
	margin:33px auto 0;
}
.tab-T-3 li {
	width:16px;
	height:16px;
	font-size:0;
	border-radius:50%;
	background:#d7d7d7;
	float:left;
	margin:0 5px;
	cursor:pointer;
	display:inline;
}
.tab-T-3 li.cur {
	background:#df0029;
}
.count li {
	width:278px;
	height:168px;
	display:inline-block;
	float:left;
}
.count li img {
	width:267px;
	height:168px;
	margin:0 11px 0 0;
}
.leftBtn {
	width:49px;
	text-align:left;
	margin:57px 0 0;
	cursor:pointer;
}
.rightBtn {
	width:49px;
	text-align:right;
	margin:57px 0 0;
	cursor:pointer;
}

.channelCasesMain ul{
	margin-top: 20px;
	margin-left:auto;
}
.channelCasesMain li{
	float: left;
	margin-right: 200px;
	
}
.channelCasesMain li a{
	color: cornflowerblue;
}

.ts {
    position: absolute;
    left: 400px;
    top: 12px;
    color: red;
    width: 100px;
}

.form-line {
    position: relative;
}



/* update 2020 newyear */		
/* 手机版 */
	.newyear2020-1-1{ position:absolute; top:350px; left:20px;opacity:1; animation-name:newyear2020-1-1; animation: newyear2020-1-1 1s ease 0s normal none; -moz-animation: newyear2020-1-1 1s ease 0s normal none; -webkit-animation: newyear2020-1-1 1s ease 0s normal none; -o-animation: newyear2020-1-1 1s ease 0s normal none; }
	.newyear2020-1-1 img,.newyear2020-1-2 img { width:150px; }
	.newyear2020-1-2{ position:absolute; top:350px; right:20px;opacity:1; animation-name:newyear2020-1-2; animation: newyear2020-1-2 1s ease 0s normal none; -moz-animation: newyear2020-1-2 1s ease 0s normal none; -webkit-animation: newyear2020-1-2 1s ease 0s normal none; -o-animation: newyear2020-1-2 1s ease 0s normal none; }
	.newyear2020-2{ position:absolute; top:80px; left:120px;opacity:1; animation-name:newyear2020-2; animation: newyear2020-2 1s ease 0s normal none; -moz-animation: newyear2020-2 1s ease 0s normal none; -webkit-animation: newyear2020-2 1s ease 0s normal none; -o-animation: newyear2020-2 1s ease 0s normal none; }
	.newyear2020-2 img { width:500px; }

@-webkit-keyframes newyear2020-1-1{from{opacity:0; left:-150px;} to{opacity:1; left:20px;} }
		@-moz-keyframes newyear2020-1-1{from{opacity:0; left:-150px;} to{opacity:1; left:20px;} }
		@keyframes newyear2020-1-1{from{opacity:0; left:-150px;} to{opacity:1; left:20px;} }
@-webkit-keyframes newyear2020-1-2{from{opacity:0; right:-140px;} to{opacity:1; right:20px;} }
		@-moz-keyframes newyear2020-1-2{from{opacity:0; right:-140px;} to{opacity:1; right:20px;} }
		@keyframes newyear2020-1-2{from{opacity:0; right:-140px;} to{opacity:1; right:20px;} }		
@-webkit-keyframes newyear2020-2{from{opacity:0; top:300px;} to{opacity:1; top:80px;} }
		@-moz-keyframes newyear2020-2{from{opacity:0; left:300px;} to{opacity:1; top:80px;} }
		@keyframes newyear2020-2{from{opacity:0; top:300px;} to{opacity:1; top:80px;} }
		
/* update 2020.4.14 复工 移动端适配 */
.fugong-1{ position:absolute; top:80px; left:30px;opacity:1; animation-name:fugong-1; animation: fugong-1 1s ease 0s normal none; -moz-animation: fugong-1 1s ease 0s normal none; -webkit-animation:fugong-1 1s ease 0s normal none; -o-animation: fugong-1 1s ease 0s normal none; }
.fugong-1 img { width:700px; }
.fugong-2{ position:absolute; top:270px; left:150px;opacity:1; animation-name:fugong-2; animation: fugong-2 1s ease 0s normal none; -moz-animation: fugong-2 0.5s ease 0s normal none; -webkit-animation: fugong-2 0.5s ease 0s normal none; -o-animation: fugong-2 0.5s ease 0s normal none; }
.fugong-2 img { width:460px; }
.fugong-3{ position:absolute; top:341px; left:160px;opacity:1; animation-name:fugong-3; animation: fugong-3 2s ease 0s normal none; -moz-animation: fugong-3 1s ease 0s normal none; -webkit-animation: fugong-3 1s ease 0s normal none; -o-animation: fugong-3 0s ease 0s normal none; }
.fugong-3 img { width:460px; }

@-webkit-keyframes fugong-1{from{opacity:0; top:-150px;} to{opacity:1; top:80px;} }
		@-moz-keyframes fugong-1{from{opacity:0; top:-150px;} to{opacity:1; top:80px;} }
		@keyframes fugong-1{from{opacity:0; top:-150px;} to{opacity:1; top:80px;} }
@-webkit-keyframes fugong-2{from{opacity:0; top:600px} to{opacity:1; top:270px} }
		@-moz-keyframes fugong-2{from{opacity:0; top:600px} to{opacity:1; top:270px} }
		@keyframes fugong-2{from{opacity:0; top:600px} to{opacity:1; top:270px} }		
@-webkit-keyframes fugong-3{from{opacity:0; top:600px;} to{opacity:1; top:341px;} }
		@-moz-keyframes fugong-3{from{opacity:0; top:600px;} to{opacity:1; top:341px;} }
		@keyframes fugong-3{from{opacity:0; top:600px;} to{opacity:1; top:341px;} }	

/* update 2020.4.30 Mayday 移动端 */
.mayday-1{ position:absolute; top:130px; left:74px;opacity:1; animation-name:mayday-1; animation: mayday-1 1s ease 0s normal none; -moz-animation: mayday-1 1s ease 0s normal none; -webkit-animation:mayday-1 1s ease 0s normal none; -o-animation: mayday-1 1s ease 0s normal none; }
.mayday-2{ position:absolute; top:320px; left:90px;opacity:1; animation-name:mayday-2; animation: mayday-2 1s ease 0s normal none; -moz-animation: mayday-2 0.5s ease 0s normal none; -webkit-animation: mayday-2 0.5s ease 0s normal none; -o-animation: mayday-2 0.5s ease 0s normal none; }

@-webkit-keyframes mayday-1{from{opacity:0; top:50px;} to{opacity:1; top:130px;} }
		@-moz-keyframes mayday-1{from{opacity:0; top:50px;} to{opacity:1; top:130px;} }
		@keyframes mayday-1{from{opacity:0; top:50px;} to{opacity:1; top:130px;} }
@-webkit-keyframes mayday-2{from{opacity:0; top:600px} to{opacity:1; top:320px} }
		@-moz-keyframes mayday-2{from{opacity:0; top:600px} to{opacity:1; top:320px} }
		@keyframes mayday-2{from{opacity:0; top:600px} to{opacity:1; top:320px} }	
		
		
		
		
}




