@charset "utf-8";
body {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:22px;
	font-family:"微软雅黑";
	color:#000;
	-webkit-text-size-adjust:none
}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p {
	margin:0;
	padding:0
}
img {
	border:0;
	vertical-align:bottom
}
ul, li {
	list-style:none
}
.tc {
	text-align:center
}
.tl {
	text-align:left
}
.tr {
	text-align:right
}
.ac {
	text-align:center
}
.cl {
	clear:both
}
.fb {
	font-weight:bold
}
.dis {
	display:block
}
.undis {
	display:none
}
.nav {
	float:right;
	padding:48px 1% 0 0
}
.nav li {
	float:right;
	padding:0 0 0 20px;
	font-size:16px;
}
.nav li a {
	color:#000;
	height:22px;
	display:block;
	overflow:hidden;
	text-decoration:none
}
.nav li a div p {
	height:22px;
	line-height:22px
}
.nav li a div span {
	height:22px;
	line-height:22px
}
.banner {
	min-width:1200px;
	text-align:center;
	position:relative
}
.banner ul {
	height:450px;
	overflow:hidden
}
.banner ul li {
	position:relative;
	height:450px;
	display:block;
	overflow:hidden
}
.banner_nav {
	position:absolute;
	width:90px; 
	height:14px;
	bottom:10px;
	left:50%;
	margin-left:-36px; overflow:hidden;
}
.banner_nav span {
	width:14px;
	height:14px;
	cursor:pointer;
	display:inline-block;
	background:url(../images/zs/circle.png) no-repeat center center;
	margin-left:5px
}
.banner_nav_h {
	background:url(../images/zs/circle_H.png) no-repeat top left!important
}
#banner1-con {
	background:url(../images/zs/img/banner1-bg.jpg) top left no-repeat #108bc0;
	height:450px;border:1px solid #fff;
}
#banner2-con {
	background:#019757;
	height:450px
}
#banner3-con {
	background:#ffa800;
	height:450px
}
#banner4-con {
	background:url(../images/zs/banner4-bg.jpg) top left no-repeat #15b5d5;
	height:450px
}
#banner1-con-1 {
	position:absolute;
	left:50%;
	top:0;
	width:1200px;
	margin-left:-600px
}
#banner1-con-1 div {
	position:relative;
	width:1200px;
	height:450px;
	overflow:hidden
}
#banner1-con-1 div img {
	position:absolute
}
#banner1-con-1t1 {
	top:-79px;
	right:204px
}
#banner1-con-1t2 {
	top:203px;
	right:-545px
}
#banner1-con-1t3 {
	top:450px;
	right:180px
}
#banner1-con-1m {
	left:-574px;
	top:24px
}
#banner1-con-1m1 {
	left:300px;
	top:450px
}
#banner1-con-1m2 {
	left:-238px;
	top:180px
}
#banner1-con-1m3 {
	left:-213px;
	top:114px
}
#banner1-con-1m4 {
	left:434px;
	top:-108px
}
#banner2-con-1 {
	position:absolute;
	left:50%;
	top:0;
	width:1200px;
	margin-left:-600px
}
#banner2-con-1 div {
	width:1200px;
	height:450px;
	position:relative;
	overflow:hidden
}
#banner2-con-1 div img {
	position:absolute
}
#banner2-con-pc {
	right:333px;
	top:233px
}
#banner2-con-pad {
	right:401px;
	top:450px
}
#banner2-con-touch {
	right:41px;
	bottom:-257px
}
#banner2-con-view {
	top:357px;
	left:-152px
}
#banner2-con-1 div p {
	position:absolute
}
#banner2-con-t1 {
	color:#fff;
	font-size:34px;
	top:70px;
	left:-400px
}
#banner2-con-t1 span {
	color:#fff83e;
	font-size:48px;
	font-weight:bold
}
#banner2-con-t2 {
	top:120px;
	left:-350px;
	font-size:20px;
	color:#001206
}
#banner2-con-t2 span {
	color:#001206;
	font-size:27px
}
#banner2-con-t3 {
	left:-460px;
	top:155px;
	color:#fff;
	font-size:34px
}
#banner2-con-t3 span {
	color:#fff83e;
	font-size:48px;
	font-weight:bold
}
#banner2-con-t4 {
	left:-510px;
	top:199px;
	font-size:20px;
	color:#001206
}
#banner2-con-t4 span {
	color:#001206;
	font-size:27px
}
#banner2-con-t5 {
	top:258px;
	left:-370px;
	color:#fff;
	font-size:34px

}
#banner2-con-t6 {
	top:300px;
	left:-330px;
	font-size:18px;
	color:#fff83e
}
#banner3-con-1 {
	position:absolute;
	left:50%;
	top:0;
	width:1200px;
	height:450px;
	margin-left:-600px;
	background:url(../images/zs/banner3-con-1bg.jpg) top left no-repeat
}
#banner3-con-1 div {
	width:1200px;
	height:450px;
	position:relative;
	overflow:hidden
}
#banner3-con-1 div p {
	position:absolute
}
#banner3-con-1 div img {
	position:absolute
}
#banner3-con-t1 {
	top:-24px;
	left:455px;
	color:#532f0b;
	font-size:18px;
	font-style:italic;
	padding-right:5px
}
#banner3-con-t1 span {
	font-size:24px
}
#banner3-con-t2 {
	left:440px;
	top:-75px;
	font-size:45px;
	color:#ab5400;
	font-weight:bold;
	font-style:italic
}
#banner3-con-t2 span {
	font-size:66px;
	color:#532f0b;
	display:block;
	float:left;
	padding-right:20px
}
#banner3-con-t2 em {
	display:block;
	float:left;
	margin-top:-8px;
	padding-right:8px
}
#banner3-con-app {
	left:283px;
	top:-50px
}
#banner3-con-t3 {
	top:-24px;
	left:430px;
	font-size:24px;
	color:#ab5400
}
#banner3-con-zj {
	left:442px;
	top:-18px
}
#banner3-con-bbg {
	left:219px;
	top:450px
}
#banner3-con-b1 {
	left:-285px;
	top:293px
}
#banner3-con-b2 {
	left:-227px;
	top:257px
}
#banner3-con-b3 {
	left:-191px;
	top:242px
}
#banner3-con-b4 {
	left:-203px;
	top:226px
}
#banner4-con-1 {
	position:absolute;
	left:50%;
	top:0;
	width:1200px;
	height:450px;
	margin-left:-600px
}
#banner4-con-1 div {
	width:1200px;
	height:450px;
	position:relative;
	overflow:hidden
}
#banner4-con-1 div img {
	position:absolute
}
#banner4-con-shop {
	left:632px;
	top:-85px
}
#banner4-con-p1 {
	left:1200px;
	top:231px
}
#banner4-con-p2 {
	left:1200px;
	top:279px
}
#banner4-con-p3 {
	left:1200px;
	top:315px
}
#banner4-con-bg {
	left:0;
	top:0
}
#banner4-con-pc {
	left:21px;
	bottom:0
}
#banner4-con-tip {
	top:-87px;
	left:478px
}
#banner4-con-pc-view {
	position:absolute!important;
	left:298px;
	top:230px
}
#banner4-con-pc-view-page {
	position:static!important
}
#banner4-con-phone {
	left:427px;
	bottom:-278px
}
#banner4-con-phone-view {
	position:absolute!important;
	left:480px;
	top:278px
}
#banner4-con-phone-view-page {
	position:static!important
}

@-webkit-keyframes spinner {
0% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg)
}
50% {
-webkit-transform:rotateY(45deg);
transform:rotateY(45deg)
}
100% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg)
}
}
@keyframes spinner {
0% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg)
}
50% {
-webkit-transform:rotateY(45deg);
transform:rotateY(45deg)
}
100% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg)
}
}
.bot {
	width:100%;
	position:fixed; 
	left:0;
	bottom:0;
	background:#000;
	height:60px; 
	color:#fff;
	z-index:4;
	background:url('../img/bot_bg.png');
	padding:5px 0 0 0
}
.bot_icon {
	width:39px;
	position:absolute;
	right:40px;
	bottom:10px;
	z-index:5;
	cursor:pointer;
}
.copy_bg {
	padding:14px 0 20px 0;
	background:#000;
	overflow:hidden; height:120px;
	color:#fff
}
.copyright {
	width:1170px;
	margin:0 auto;
	padding:0 2px 0 28px;
	font-size:13px
}
.copyright a,.copyright a:visited{ color:#fff;}
.bot_con {
	min-height:65px;
	_height:65px;
	overflow:hidden
}
.bot_con li {
	float:left
}
.bot_r {
	float:left;
	font-size:14px;
	line-height:20px;
	padding:0 0 0 19px
}
#bot_left {
	position:absolute;
	left:0;
	top:20px;
	font-size:36px;
	display:none;
	cursor:pointer
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY {
	-webkit-backface-visibility:visible!important;
	-ms-backface-visibility:visible!important;
	backface-visibility:visible!important;
	-webkit-animation-name:flipInY;
	animation-name:flipInY
}
@-webkit-keyframes scaleSmall {
0% {
-webkit-transform:scale(0.8);
opacity:0
}
100% {
-webkit-transform:scale(1);
opacity:1
}
}
@-moz-keyframes scaleSmall {
0% {
-moz-transform:scale(0.8);
opacity:0
}
100% {
-moz-transform:scale(1);
opacity:1
}
}
@-o-keyframes scaleSmall {
0% {
-o-transform:scale(0.8);
opacity:0
}
100% {
-o-transform:scale(1);
opacity:1
}
}
@keyframes scaleSmall {
0% {
transform:scale(0.8);
opacity:0
}
100% {
transform:scale(1);
opacity:1
}
}
.scaleSmall {
	-webkit-animation-name:scaleSmall;
	-moz-animation-name:scaleSmall;
	-o-animation-name:scaleSmall;
	animation-name:scaleSmall
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
-ms-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
-ms-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
-ms-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
-ms-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.bounceInLeft {
	-webkit-animation-name:bounceInLeft;
	animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
-ms-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
-ms-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
-ms-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
-ms-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
/* CSS Document */