@charset "utf-8";
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	height: 100%;
	font-size: 62.5%;
	/* [disabled]font-family: "Hiragino Sans GB", "Microsoft Yahei", arial,\5b8b\4f53, "Helvetica Neue", Helvetica, STHeiTi, sans-serif; */
}
body {margin: 0; font-size: 12px; line-height: 1.5; color: #333; overflow-y: scroll; min-height: 100%; box-sizing: border-box; position: relative; padding-top:143px;
background:#fff;font-family:microsoft yahei, Arial, Helvetica, sans-serif;-webkit-text-size-adjust: none;
}
td,dd,th{line-height:20px;font-size:14px;}
a{text-decoration: none; cursor: pointer; -moz-transition: background-color 0.2s ease-out, color 0.1s ease-out; -webkit-transition: background-color 0.2s ease-out, color 0.1s ease-out; -ms-transition: background-color 0.2s ease-out, color 0.1s ease-out; transition: background-color 0.2s ease-out, color 0.1s ease-out; }
a:link,a:visited,a:active{ }

input,textarea,select{font:normal 12px/100% 'Arial'; padding:0px; color:#333; resize:none;outline:none;}
img{
	border:none;
	text-align: center;
}
ul,li{padding:0px; list-style-type:none; margin:0;}
span,p,dd,dt,dl,h1,h2,h3,h4,h5,h6,form{margin:0px; padding:0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; padding:0px;}

/*nav*/
/*-----------------------------------
	Navigation Bar Styles
------------------------------------*/

.navbar{
	background-color:#fff;
	transition:padding 0.4s;
}


/* Contract the navbar while scrolling */

.navbar.scrolled{
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	padding: 16px 0;
}

#myNavbar{
	overflow-x: hidden;
}

#myNavbar ul li:last-child a{
	padding-right: 0;
}

/* Brand name */

.brandStyle{
	color: #487b83 !important;
	font-family : Cabin, sans-serif;
	font-size: 24px;
}

/* Menu */

.menustyle{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}


/*-----------------------------------
	Main Picture 
------------------------------------*/

.headpicture{
	width: 1200px; margin:0 auto; overflow:hidden;
}


/*-----------------------------------
		Text
------------------------------------*/

/* Titles */


/* Paragraphs */

.textStyle{
	color: #989999;
	font-size: 18px;
	text-align: justify;
	line-height: 1.5;
	max-width: 700px;
	margin: 80px auto 0 auto;
}

.textStyle a{
	text-decoration:underline;
}

.textStyle a:hover{
	text-decoration: none;
}


/*-----------------------------------
	Latest Projects
------------------------------------*/

/* Container */

.latestProjects{
	max-width: 900px;
	margin : 80px auto 0 auto;
}

.latestProjects p{
	font-size: 16px;
	color: #757879;
	width: 260px;
	text-align: left;
	margin: 13px auto 60px auto;
}

.latestProjects p a{
	font-size: 12px;
	display: block;
	width: 80px;
	white-space: nowrap;
	margin-top: 6px;
}

.latestProjects img{
	width:260px;
}


/*-----------------------------------
		Footer
------------------------------------*/

.footer{
	padding: 13px 0px 0px 0px;
	border-top: 1px solid #e5e5e5;
	color: #757879;
	font-size: 12px;
	margin:70px auto;
}

/* Social buttons */

.socialButtons img{
	width:36px;
	opacity:0.6;
}

.socialButtons a{
	display:inline-block;
}

.socialButtons a:hover img{
	opacity:0.8;
}

#footerLogoText{
	line-height:30px;
}



/*-----------------------------------
	Helper classes
------------------------------------*/

.noPadding{
	padding:0; background:#ffa800;
} 

.noBorder{
	border-bottom:3px solid #fd992d;
}


/*-----------------------------------
	Media querries
------------------------------------*/

/* On smaller screens */





/*-----------------------------------
	Latest Projects
------------------------------------*/

.zxx_test_list{width:800px; float:right;}
.zxx_test_list h3{margin-top:35px;margin-bottom:20px;}
.top{height:30px; margin:0 auto; width:1200px; font-size:12px; line-height:30px; font-family:"宋体"; color:#666666;}
.ltop{float:left; width:500px;}
.ltop li span{color:#00a0e6; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.rtop{float:right; width:500px; text-align:right;}
.rtop li a{color:#666; margin-right:10px;}
.navs{width:100%; border-top:1px solid #d5d5d5; overflow:hidden;}
.nav{width:1200px; margin:0 auto; height:110px;}
.nav img{float:left; margin-top:25px; display:inline;}
/*下边框*/
.lava_with_border{position:relative; width:800px; height:110px; padding:0;}
.lava_with_border li{float:left; width:100px; line-height:110px; text-align:center; list-style-type:none;}

.lava_with_border li a{float:left;  color:#333333; font-size:15px; font-family:"微软雅黑";  text-decoration:none; position:relative; z-index:3; width:100px;}

.lava_with_border li.back{height:30px; border-top:2px solid #ff8c0e; top:-1px; position:absolute; z-index:2;}


/*sur*/
.list-unstyled{padding-left:0;list-style:none}
.col-md-3{width:300px; float:left;}


.main_ser_list {

	padding: 50px 0px 0px;

	clear: both;

}
.main_ser_list li .main_ser_pic {
	text-align: center;
	width:250px; margin-left:30px;
	height:200px;
}
.main_ser_list li .main_ser_pic img {

	margin: 0px auto;

}
.main_ser_list li .main_ser_name {

	padding: 20px 0px 0px;

	text-align: center;

	color: rgb(51, 51, 51);

	line-height: 40px;

	font-size: 24px;

}
.main_ser_list li .main_ser_text {

	padding: 10px 0px 30px;

	text-align: center;

	color: #666;

	font-size: 14px;

}
.service_bd a {
	display: block
}
.service_bd span {
	margin: 0px auto; width: 166px; display: block; height:400px; overflow: hidden
}
.service_websitex span {
	background: url(../images/service_website.png) no-repeat 0px 0px
}
.service_app span {
	background: url(../images/service_app.png) no-repeat 0px 0px
}
.service_flash span {
	background: url(../images/service_flash.png) no-repeat -4814px 0px
}
.service_weixin span {
	background: url(../images/service_weixin.png) no-repeat 0px 0px;
}





/*首页解决方案*/
.sur{width:1200px; background:url(../images/18.png) 0 0 no-repeat; margin:53px auto 0 auto;}
.sur h1{color:#fd992d; font-size:36px; text-align:center; height:115px; line-height:45px; padding-top:20px; font-family:"微软雅黑";}
.sur h1 span{color:#a4a4a4; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
.box{
	width:1200px;
	margin: 0 auto;
}
.box ul li{
	float:left;
	height:350px;
	width:300px;
	overflow:hidden;
	background:url(../images/orange.jpg)  0 350px no-repeat;
	position:relative;
	/* [disabled]padding:0 50px 0 0; */
}
.box ul li:hover{ background-position:0px 0px; -webkit-transition:all .5s ease-in-out .3s; transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s; -ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;}
.box ul li u{ position:absolute; display:block; margin-left:50px; width:200px; height:200px; background:url(../images/round.png)  no-repeat; -webkit-transition:all .5s ease-in-out .0s; transition:all .5s ease-in-out .0s;-moz-transition:all .5s ease-in-out .0s; -ms-transition:all .5s ease-in-out .0s;-o-transition:all .5s ease-in-out .0s;}
.box ul li u.cr{clip:rect(0px,200px,-10px,100px);   }
.box.active ul li u.cr{clip:rect(0px,200px,200px,100px); }
.box ul li:hover u.cr{ clip:rect(0px,200px,-10px,100px)} 
.box ul li u.cl{clip:rect(200px,100px,2000px,0px) }
.box.active ul li u.cl{clip:rect(0px,100px,200px,0px);   }
.box ul li:hover u.cl{ clip:rect(200px,100px,2000px,0px) }
.box ul li i{ display:block; font-style:normal; position:absolute; height:70px; width:78px; left:83px; top:66px;  }
.box1 i{ background:url(../images/box1.png) 0px 0px no-repeat}
.box1 i{ background:url(../images/box1.png) -78px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box2 i{ background:url(../images/box2.png) 0px 0px no-repeat; height:85px; top:62px; width:76px; left:84px; }
.box2 i{ background:url(../images/box2.png) -76px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box3 i{ background:url(../images/box3.png) 0px 0px no-repeat; width:74px; left:85px;}
.box3 i{ background:url(../images/box3.png) -74px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box4 i{ background:url(../images/box4.png) 0px 0px no-repeat; width:70px; left:86px;}
.box4 i{ background:url(../images/box4.png) -70px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.more{width:100px; margin:20px auto 0 auto; height:30px; background:#3bb6e9; border-radius:15px; text-align:center; font-size:18px; font-family:"微软雅黑";}
.more a{color:#fff;}

/*good*/
	.good{
	width: 100%;
	background: #83c8e5;
	height: 680px;
	margin-top: 60px;
}
	.advan{width:1200px; margin:0 auto; height:680px;}
#wrapper {
	width:340px;
	padding:14px 15px;
	float:left;
	background:#fff;

	height:348px;
	box-shadow:0 0 10px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
}
.wrappers {margin:0 35px;}


/* main_img */
.main_img{
    width: 340px;
	overflow:hidden; height:376px;
	position:absolute;
}
#wrapper ul{ position:relative; top:133px; color:#666666;}
#wrapper ul h1{font-size:16px; font-family:"微软雅黑"; line-height:30px; text-align:left; height:65px; font-weight:bold; }
#wrapper ul li{text-align:left; font-size:14px; height:84px;line-height:26px;}
#wrapper a{display:block; width:118px; height:30px; background:#3bb6e9; -moz-border-radius:5px;  border-radius:5px;  -webkit-border-radius:5px; text-align:center; line-height:30px; color:#fff; margin:15px auto 0 auto; position:relative; z-index:999; font-size:15px; top:150px;}
#wrapper a:hover{	transform: scale(1.2, 1.2);
	display:block; background:#1d85b0; width:118px; height:30px; -moz-border-radius:5px;  border-radius:5px;  -webkit-border-radius:5px;
}

.main_img img{
	height: 113px;
    width: 347px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
    height:100%;
	width:100%;
    left: 0;
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    z-index: 200;
}

.main_img .show .imgArea a{
	color:rgba(255,255,255, 0.8);
	display:block;
	padding:5px 12px;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	-moz-border-radius:8px; -webkit-border-radius:8px;
	font-size: 16px;
}
.main_img .show .imgArea a:hover{
	background: rgba(255,255,255, 0.7);
	color:rgba(0,0,0, 0.6);
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
.tou{background:url(../images/19.jpg) 0 50px no-repeat; width:1200px; overflow:hidden; margin:0 auto; color:#fff; height:230px;}
.tou h1{text-align:center; height:210px; padding-top:70px; line-height:45px;}
.good h1 span{ font-size:24px; font-family:Arial, Helvetica, sans-serif;}

/*new*/
.new{background:#f3efe9; width:100%; padding:77px 0; height:860px;}
.tabbox h1{text-align:center; font-size:36px; font-family:"微软雅黑"; color:#f85820; line-height:45px; padding-top:15px;}
.tabbox h1 span{color:#a4a4a4; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
.tabbox{width:1200px;margin:0 auto;font-family:'微软雅黑'; height:600px; background:url(../images/18.png) 0 0 no-repeat;}
.tabbox .tab{overflow:hidden; width:342px; margin:70px auto 0 auto;}
.tabbox .tab a{display:block;padding:7px 20px;float:left;text-decoration:none;color:#333;font-size:13px; background:#fff; margin-right:30px;}
.tabbox .tab a:hover{background:#E64E3F;color:#fff;text-decoration:none;}
.tabbox .tab a.on{background:#f85820;color:#fff;text-decoration:none;}
.tabbox .content{width:1200px;position:relative; overflow:hidden; height:617px;}
.tabbox .content ul{position:absolute;left:0;top:0;height:600px;}
.tabbox .content li{width:1200px;height:630px;float:left;}
.xn_c_index_140_contbox{
	position:relative;
	margin-top:47px;
	height:600px;
	width:1200px;
	font-size: 12px;
	overflow: hidden;
	background: url(../images/news_center_line.png) center top repeat-y;
}
div[class*="xn_c_index_140_xhbox"]{width: 600px;margin-bottom: 30px;height: 115px; position: relative;}
.xn_c_index_140_xhbox1,.xn_c_index_140_xhbox3,.xn_c_index_140_xhbox5{float: left;  background: url(../images/news_l.png) 488px 23px no-repeat;}
.xn_c_index_140_xhbox2,.xn_c_index_140_xhbox4,.xn_c_index_140_xhbox6{float: right; background: url(../images/news_r.png) 15px 23px no-repeat;}

#xn_c_index_140_Data_ctl01_xn_c_index_140_jtstyle{margin-top: 73px;}
.xn_c_index_140_title{margin-top:8px;}
.xn_c_index_140_title a{color: #f85820;font-size:14px;}
.xn_c_index_140_coent{color: #8b8f98;width: 345px; padding-top: 8px; line-height: 18px; height: 36px; overflow: hidden; }
.xn_c_index_140_time{color: #a3a5b2; line-height: 18px;}
.xn_c_index_140_time span{float: left;}
.xn_c_index_140_ritbox{width: 444px; background: #fff;height: 103px; padding: 12px 22px 0 22px;}
.xn_c_index_140_xhbox2 .xn_c_index_140_ritbox,.xn_c_index_140_xhbox4 .xn_c_index_140_ritbox,.xn_c_index_140_xhbox6 .xn_c_index_140_ritbox{float: right;}
.xn_c_index_140_xhbox1 .xn_c_index_140_more,.xn_c_index_140_xhbox3 .xn_c_index_140_more,.xn_c_index_140_xhbox5 .xn_c_index_140_more{position: absolute;top:0; left: 0;}
.xn_c_index_140_xhbox2 .xn_c_index_140_more,.xn_c_index_140_xhbox4 .xn_c_index_140_more,.xn_c_index_140_xhbox6 .xn_c_index_140_more{position: absolute;top:0; left: 112px;}
.xn_c_index_140_more a{display: block; height: 115px; overflow: hidden; text-indent: -999em; width: 388px}
.xn_c_index_140_newDateWZ{font: 0/0 a;}
.xn_c_index_140_xhbox1 .xn_c_index_140_newDateWZ,.xn_c_index_140_xhbox3 .xn_c_index_140_newDateWZ,.xn_c_index_140_xhbox5 .xn_c_index_140_newDateWZ{position: absolute; left: 592px; top:63px; width: 17px; height: 17px; background: url(../images/circle.png) no-repeat;}
.xn_c_index_140_xhbox2 .xn_c_index_140_newDateWZ,.xn_c_index_140_xhbox4 .xn_c_index_140_newDateWZ,.xn_c_index_140_xhbox6 .xn_c_index_140_newDateWZ{position: absolute; left: -8px; top:61px; width: 17px; height: 17px; background: url(../images/circle.png) no-repeat;}
div[class*="xn_c_index_140_xhbox"]:hover .xn_c_index_140_newDateWZ{ background: url(../images/circle_hover.png) no-repeat;}
.xn_c_index_140_xhbox1:hover,.xn_c_index_140_xhbox3:hover,.xn_c_index_140_xhbox5:hover{background: url(../images/news_l_hover.png) 488px 23px no-repeat;}
.xn_c_index_140_xhbox2:hover,.xn_c_index_140_xhbox4:hover,.xn_c_index_140_xhbox6:hover{background: url(../images/news_r_hover.png) 15px 23px no-repeat;}
div[class*="xn_c_index_140_xhbox"]:hover .xn_c_index_140_ritbox{background: #f85820;}
div[class*="xn_c_index_140_xhbox"]:hover .xn_c_index_140_title a,div[class*="xn_c_index_140_xhbox"]:hover .xn_c_index_140_title{color: #fff;}
div[class*="xn_c_index_140_xhbox"]:hover .xn_c_index_140_time,div[class*="xn_c_index_140_xhbox"]:hover .xn_c_index_140_coent{color: #fff;}
.xn_c_index_140_topmore{position: absolute; bottom:30px; left: 582px; width: 41px; height: 43px; background: url(../images/index_news_more.png) no-repeat; z-index:999;}
.xn_c_index_140_topmore a{display: block; font: 0/0 a; height: 43px;}
.xn_c_index_140_onLine,.xn_c_index_140_enName,.xn_c_index_140_lftbox{display: none;}


/*case*/
.case{width:100%; height:770px; background:#83c8e5;}
.caser{width:1220px; margin:0 auto; overflow:hidden; background:url(../images/19.jpg) 0 50px no-repeat;}
.caser h1{text-align:center; height:140px; padding-top:70px; line-height:45px; color:#fff;}
.caser span{ font-size:24px; font-family:Arial, Helvetica, sans-serif;}

/* items */
#main{widh:1220px; overflow:hidden; margin-bottom:49px;}
.items{width:288px; height:175px;overflow:hidden;float:left;margin:15px 15px 0 0;background-color:#fff;}
.items .img{height:175px;overflow:hidden;position:relative;}
.items .desc{height:175px;width:288px;position:absolute;top:-175px;left:0px;color:#fff;background:rgba(59,182,233,0.7);}
.items .title{border-top:1px solid #dcdcdc;padding:7px 14px;}
.img ul{display:block; height:175px; margin:0 auto; text-align:center; padding-top:30px;}
.img ul img{margin-top:15px;}




/*vip*/
.vip{width:100%; height:400px;}
.vip h1{text-align:center; height:100px; padding-top:100px; line-height:45px; color:#fd992d;  background:url(../images/18.png) 0 75px no-repeat; width:1200px; margin:0 auto;}
.vip span{ font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#a4a4a4;}
.pic_con{width:1200px;margin:0 auto;position:relative}
.pic_lists{float:left;width:8888px;height:100px;overflow:hidden;position:absolute;top:0px;left:0px}
.btn_change{
	width:36px;
	height:37px;
	position:absolute;
	text-indent:-9999px;
	cursor:pointer
}
.left_btn{background:url(../images/leftstop.png) no-repeat;top:25px;left:8px}
.right_btn{background:url(../images/rightstart.png) no-repeat;top:25px;right:0px}
.pic_content{overflow:hidden;height:100px;loat:left;width:1067px;position:relative;margin:50px auto 0px}
.pic_content ul li{float:left;width:167px;height:93px; text-align:center;margin-left:13px;position:relative}
.pic_content ul li a img{width:167px;height:93px;}
#one{margin:0;}

/*foot*/
.footer{width:100%; height:260px; background:#57595b; margin:0; padding:0;}
.foot{width:1200px; margin:0 auto; overflow:hidden;}
.foot ul{float:left; color:#f0f2f4;}
.foot1{width:124px; height:162px; padding:46px 0 0 80px;}
.foot1 li{text-align:center; font-size:15px; font-family:"微软雅黑";}
.contact{width:390px; height:150px; margin:40px 0 0 160px;}
.contact h1{font-size:16px; font-family:"宋体"; font-weight:bold; padding-bottom:30px;}
.contact li{line-height:28px; font-size:12px;}
.contact li img{margin-right:10px;}
.pro{width:430px; height:205px; padding-top:22px;}
.pro dl{float:left; margin-top:20px; display:inline;}
.pro dl dt{font-size:16px; margin-bottom:20px;}
.pro dl dd{float:left; margin-right:20px; font-size:12px;line-height:24px;}
.pro dl dd a{color:#fff;}
.bottom{height:44px; background:#424242; width:100%; line-height:44px;}
.foots{width:1200px; margin:0 auto; overflow:hidden; text-align:left; font-size:13px; font-family:"宋体"; color:#fff;}



/* obo_slider */
#obo_slider{position:relative;margin:0 auto;width:960px;}
.oneByOne1{	margin:0;width:100%;height:420px;background:#fff; position:relative;overflow:hidden;}
#obo_slider .oneByOne_item{position:absolute;width:960px;height:420px;overflow:hidden;}                           
#obo_slider .oneByOne_item span{font:13px 'PT Sans', Arial, Tahoma, Verdana, Sans-Serif;color:#393939;}
#obo_slider .oneByOne_item a{text-decoration:none;color:#B22222;}
#obo_slider .oneByOne_item span.slide2Txt1{position:relative;float:left;margin:120px 12px 0 120px;color:#9ACD32;font-size:24px;background:#FFFFFF;padding:8px;}
#obo_slider .oneByOne_item span.slide2Txt2{position:relative;clear:left;float:left;margin:6px 12px 0 120px;color:#666666;font-size:14px;background:#FFFFFF;padding:8px;}
#obo_slider .oneByOne_item span.slide2Txt3{position:relative;clear:left;float:left;margin:6px 12px 0 120px;color:#666666;font-size:12px;background:#FFFFFF;padding:8px;}
#obo_slider img.wp1_1{position:absolute;top:255px;left:512px;}
#obo_slider img.wp1_2{position:absolute;top:190px;left:360px;}
#obo_slider img.wp1_3{position:absolute;top:28px;right:0px;}
#obo_slider img.wp1_left{left:0;right:auto;}
#obo_slider .oneByOne_item span.txt1{clear:left;position:relative;float:left;margin:70px 0 0 10px; font-size:24px;font-family:'Microsoft Yahei', 'Simsun';}
#obo_slider .oneByOne_item  span.txt1 a{color:#FFFFFF;}
#obo_slider .oneByOne_item span.txt2{clear:left;position:relative;float:left;margin:0 0 0 10px;text-transform:uppercase;text-shadow:#fff 0 1px 1px, #bfbfbf 0 2px 2px;color:#5eafcd;  font-weight:bold;font-size:38px;font-family:'Microsoft Yahei', 'Simsun';}
#obo_slider .oneByOne_item span.txt3{clear:left;position:relative;float:left;margin:0 0 0 10px;width:400px;font-family:'Microsoft Yahei', 'Simsun';}
#obo_slider .oneByOne_item span.txt4{clear:left;position:relative;float:left;margin:55px 0 0 10px;width:400px;font-family:'Microsoft Yahei', 'Simsun';} 
#obo_slider .oneByOne_item span.txt4 a{display:block;text-align:center;cursor:pointer;font:bold italic 16px 'PT Sans';color:#3fa3c9;width:151px;height:39px;padding:17px 0 0 0;}
.btn_l{background:url(../images/sprite.png) no-repeat scroll 0 -123px rgba(0, 0, 0, 0);border:medium none;color:#3FA3C9;cursor:pointer;font:italic bold 16px 'Microsoft Yahei','Simsun';height:56px;padding:0;width:151px;}
.btn_l:hover{background-position:-157px -123px;}
#obo_slider img.wp1{position:absolute;top:240px;left:380px;}
#obo_slider img.wp2{position:absolute;top:200px;left:470px;}
#obo_slider img.wp3{position:absolute;top:100px;left:600px;}
#obo_slider .oneByOne_item span.txt_right{padding-left:550px;}
#obo_slider .oneByOne_item span.txt4.txt_right{padding-left:735px;}
#obo_slider .oneByOne_item span.blue{background:#3fa3c9;color:#fff;padding:6px 17px;margin-bottom:5px;}
#obo_slider .oneByOne_item span.txt_right2{margin-left:405px;}
#obo_slider .oneByOne_item span.short{width:290px;margin-top:20px;}
.oneByOne1{background:#63b4d2 url(../images/moover_shadow.png) center top no-repeat;}
#obo_slider .oneByOne_item span.txt1, #obo_slider .oneByOne_item span.txt2, #obo_slider .oneByOne_item span.txt3{color:#fff;}
#obo_slider .oneByOne_item span.txt1{margin-top:80px;}
#obo_slider .oneByOne_item span.txt1.blue{margin-top:66px;}
#obo_slider .oneByOne_item span.blue{background:#fff;color:#3fa3c9;}
#obo_slider .oneByOne_item span.txt4up{margin-top:30px;}
#obo_slider .oneByOne_item .slide1_bot{margin-top:10px;}
#obo_slider .oneByOne_item .slide2_bot{margin-top:15px;}
#obo_slider .oneByOne_item .slide3_bot{margin-top:5px;}
.arrowButton .prevArrow, .arrowButton .nextArrow{top:180px;}
#obo_slider .oneByOne_item span.wp1{clear:left;position:relative;float:left;margin:120px 12px 0 60px; background:#20B2AA;padding:8px;color:#FFFFFF;font-size:40px;}
#obo_slider .oneByOne_item span.wp1 a{color:#FFFFFF;}  
#obo_slider .oneByOne_item span.wp2{clear:left;position:relative;float:left;margin:12px 12px 0 60px; color:#FFFFFF;background:#5F9EA0;padding:8px;font-size:16px;}
#obo_slider .oneByOne_item img.bigImage{ position:absolute;top:0; left:0;}
#obo_slider .oneByOne_item span.slide5Txt1{position:relative;float:left;margin:150px 12px 0 600px;color:#9ACD32;font-size:24px;  background:#FFFFFF;padding:8px;}
#obo_slider .oneByOne_item span.slide5Txt2{position:relative;clear:left;float:left;margin:12px 12px 0 600px;color:#666666;	font-size:12px;  background:#FFFFFF;padding:8px;}
.buttonArea{float:left;left:38%;position:relative;top:285px;}
.buttonCon{  float:left;position:relative;}
.buttonCon .theButton{display:none;color:#B22222;width:10px;height:11px;background:url(../images/circlebutton.png) -5px -3px no-repeat;text-indent:-9999px;border:0;float:left;margin-right:5px;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;behavior:url(PIE.htc);}
.buttonArea a.active{background-position:-5px -25px;background-color:#5eafcd;} 
.arrowButton{ cursor:pointer;  }
.arrowButton .prevArrow{background:url(../images/prev.png) no-repeat; width:60px;height:60px;position:absolute;top:170px;left:50px;}
.arrowButton .nextArrow{background:url(../images/next.png) no-repeat;width:60px;height:60px;position:absolute;top:170px;right:50px;}
.arrowButton .prevArrow:hover, .arrowButton .nextArrow:hover{opacity:.9;}

.animate0{
   	-webkit-animation-duration:.6s;
	-webkit-animation-delay:0s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-moz-animation-duration:.6s;
	-moz-animation-delay:0s;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both;
	-ms-animation-duration:.6s;
	-ms-animation-delay:0s;
	-ms-animation-timing-function:ease;
	-ms-animation-fill-mode:both;
	animation-duration:.6s;
	animation-delay:0s;
	animation-timing-function:ease;
	animation-fill-mode:both;	          
}         

.animate1{
   	-webkit-animation-duration:.6s;
	-webkit-animation-delay:.2s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-moz-animation-duration:.6s;
	-moz-animation-delay:.2s;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both;
	-ms-animation-duration:.6s;
	-ms-animation-delay:.2s;
	-ms-animation-timing-function:ease;
	-ms-animation-fill-mode:both;
	animation-duration:.6s;
	animation-delay:.2s;
	animation-timing-function:ease;
	animation-fill-mode:both;	          
} 

.animate2{
   	-webkit-animation-duration:.6s;
	-webkit-animation-delay:.4s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-moz-animation-duration:.6s;
	-moz-animation-delay:.4s;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both;
	-ms-animation-duration:.6s;
	-ms-animation-delay:.4s;
	-ms-animation-timing-function:ease;
	-ms-animation-fill-mode:both;
	animation-duration:.6s;
	animation-delay:.4s;
	animation-timing-function:ease;
	animation-fill-mode:both;	          
} 

.animate3{
   	-webkit-animation-duration:.6s;
	-webkit-animation-delay:.6s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-moz-animation-duration:.6s;
	-moz-animation-delay:.6s;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both;
	-ms-animation-duration:.6s;
	-ms-animation-delay:.6s;
	-ms-animation-timing-function:ease;
	-ms-animation-fill-mode:both;
	animation-duration:.6s;
	animation-delay:.6s;
	animation-timing-function:ease;
	animation-fill-mode:both;	          
}   

.animate4{
   	-webkit-animation-duration:.6s;
	-webkit-animation-delay:.8s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-moz-animation-duration:.6s;
	-moz-animation-delay:.8s;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both;
	-ms-animation-duration:.6s;
	-ms-animation-delay:.8s;
	-ms-animation-timing-function:ease;
	-ms-animation-fill-mode:both;
	animation-duration:.6s;
	animation-delay:.8s;
	animation-timing-function:ease;
	animation-fill-mode:both;	          
}  

.animate5{
   	-webkit-animation-duration:.6s;
	-webkit-animation-delay:1s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-moz-animation-duration:.6s;
	-moz-animation-delay:1s;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both;
	-ms-animation-duration:.6s;
	-ms-animation-delay:1s;
	-ms-animation-timing-function:ease;
	-ms-animation-fill-mode:both;
	animation-duration:.6s;
	animation-delay:1s;
	animation-timing-function:ease;
	animation-fill-mode:both;	          
}    


.animated{
	-webkit-animation:1s ease;
	-moz-animation:1s ease;
	-ms-animation:1s ease;
	animation:1s ease;
}

.animated.hinge{
	-webkit-animation:2s ease;
	-moz-animation:2s ease;
	-ms-animation:2s ease;
	animation:2s ease;
}

@-webkit-keyframes flash{
	0%, 50%, 100%{opacity:1;}	
	25%, 75%{opacity:0;}
}

@-moz-keyframes flash{
	0%, 50%, 100%{opacity:1;}	
	25%, 75%{opacity:0;}
}

@-ms-keyframes flash{
	0%, 50%, 100%{opacity:1;}	
	25%, 75%{opacity:0;}
}

@keyframes flash{
	0%, 50%, 100%{opacity:1;}	
	25%, 75%{opacity:0;}
}

.flash{
	-webkit-animation-name:flash;
	-moz-animation-name:flash;
	-ms-animation-name:flash;
	animation-name:flash;
}
@-webkit-keyframes shake{
	0%, 100%{-webkit-transform:translateX(0);}
	10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);}
	20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);}
}

@-moz-keyframes shake{
	0%, 100%{-moz-transform:translateX(0);}
	10%, 30%, 50%, 70%, 90%{-moz-transform:translateX(-10px);}
	20%, 40%, 60%, 80%{-moz-transform:translateX(10px);}
}

@-ms-keyframes shake{
	0%, 100%{-ms-transform:translateX(0);}
	10%, 30%, 50%, 70%, 90%{-ms-transform:translateX(-10px);}
	20%, 40%, 60%, 80%{-ms-transform:translateX(10px);}
}

@keyframes shake{
	0%, 100%{transform:translateX(0);}
	10%, 30%, 50%, 70%, 90%{transform:translateX(-10px);}
	20%, 40%, 60%, 80%{transform:translateX(10px);}
}

.shake{
	-webkit-animation-name:shake;
	-moz-animation-name:shake;
	-ms-animation-name:shake;
	animation-name:shake;
}
@-webkit-keyframes bounce{
	0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);}
	40%{-webkit-transform:translateY(-30px);}
	60%{-webkit-transform:translateY(-15px);}
}

@-moz-keyframes bounce{
	0%, 20%, 50%, 80%, 100%{-moz-transform:translateY(0);}
	40%{-moz-transform:translateY(-30px);}
	60%{-moz-transform:translateY(-15px);}
}

@-ms-keyframes bounce{
	0%, 20%, 50%, 80%, 100%{-ms-transform:translateY(0);}
	40%{-ms-transform:translateY(-30px);}
	60%{-ms-transform:translateY(-15px);}
}

@keyframes bounce{
	0%, 20%, 50%, 80%, 100%{transform:translateY(0);}
	40%{transform:translateY(-30px);}
	60%{transform:translateY(-15px);}
}

.bounce{
	-webkit-animation-name:bounce;
	-moz-animation-name:bounce;
	-ms-animation-name:bounce;
	animation-name:bounce;
}
@-webkit-keyframes tada{
	0%{-webkit-transform:scale(1);}	
	10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
	40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
	100%{-webkit-transform:scale(1) rotate(0);}
}

@-moz-keyframes tada{
	0%{-moz-transform:scale(1);}	
	10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
	40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
	100%{-moz-transform:scale(1) rotate(0);}
}

@-ms-keyframes tada{
	0%{-ms-transform:scale(1);}	
	10%, 20%{-ms-transform:scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90%{-ms-transform:scale(1.1) rotate(3deg);}
	40%, 60%, 80%{-ms-transform:scale(1.1) rotate(-3deg);}
	100%{-ms-transform:scale(1) rotate(0);}
}

@keyframes tada{
	0%{transform:scale(1);}	
	10%, 20%{transform:scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg);}
	40%, 60%, 80%{transform:scale(1.1) rotate(-3deg);}
	100%{transform:scale(1) rotate(0);}
}

.tada{
	-webkit-animation-name:tada;
	-moz-animation-name:tada;
	-ms-animation-name:tada;
	animation-name:tada;
}
@-webkit-keyframes swing{
	20%, 40%, 60%, 80%, 100%{ -webkit-transform-origin:top center; }
	20%{ -webkit-transform:rotate(15deg); }	
	40%{ -webkit-transform:rotate(-10deg); }
	60%{ -webkit-transform:rotate(5deg); }	
	80%{ -webkit-transform:rotate(-5deg); }	
	100%{ -webkit-transform:rotate(0deg); }
}

@-moz-keyframes swing{
	20%, 40%, 60%, 80%, 100%{ -moz-transform-origin:top center; }
	20%{ -moz-transform:rotate(15deg); }	
	40%{ -moz-transform:rotate(-10deg); }
	60%{ -moz-transform:rotate(5deg); }	
	80%{ -moz-transform:rotate(-5deg); }	
	100%{ -moz-transform:rotate(0deg); }
}

@-ms-keyframes swing{
	20%, 40%, 60%, 80%, 100%{ -ms-transform-origin:top center; }
	20%{ -ms-transform:rotate(15deg); }	
	40%{ -ms-transform:rotate(-10deg); }
	60%{ -ms-transform:rotate(5deg); }	
	80%{ -ms-transform:rotate(-5deg); }	
	100%{ -webkit-transform:rotate(0deg); }
}

@keyframes swing{
	20%, 40%, 60%, 80%, 100%{ transform-origin:top center; }
	20%{ transform:rotate(15deg); }	
	40%{ transform:rotate(-10deg); }
	60%{ transform:rotate(5deg); }	
	80%{ transform:rotate(-5deg); }	
	100%{ transform:rotate(0deg); }
}

.swing{
	-webkit-animation-name:swing;
	-moz-animation-name:swing;
	-ms-animation-name:swing;
	animation-name:swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble{
  0%{ -webkit-transform:translateX(0%); }
  15%{ -webkit-transform:translateX(-25%) rotate(-5deg); }
  30%{ -webkit-transform:translateX(20%) rotate(3deg); }
  45%{ -webkit-transform:translateX(-15%) rotate(-3deg); }
  60%{ -webkit-transform:translateX(10%) rotate(2deg); }
  75%{ -webkit-transform:translateX(-5%) rotate(-1deg); }
  100%{ -webkit-transform:translateX(0%); }
}

@-moz-keyframes wobble{
  0%{ -moz-transform:translateX(0%); }
  15%{ -moz-transform:translateX(-25%) rotate(-5deg); }
  30%{ -moz-transform:translateX(20%) rotate(3deg); }
  45%{ -moz-transform:translateX(-15%) rotate(-3deg); }
  60%{ -moz-transform:translateX(10%) rotate(2deg); }
  75%{ -moz-transform:translateX(-5%) rotate(-1deg); }
  100%{ -moz-transform:translateX(0%); }
}

@-ms-keyframes wobble{
  0%{ -ms-transform:translateX(0%); }
  15%{ -ms-transform:translateX(-25%) rotate(-5deg); }
  30%{ -ms-transform:translateX(20%) rotate(3deg); }
  45%{ -ms-transform:translateX(-15%) rotate(-3deg); }
  60%{ -ms-transform:translateX(10%) rotate(2deg); }
  75%{ -ms-transform:translateX(-5%) rotate(-1deg); }
  100%{ -ms-transform:translateX(0%); }
}

@keyframes wobble{
  0%{ transform:translateX(0%); }
  15%{ transform:translateX(-25%) rotate(-5deg); }
  30%{ transform:translateX(20%) rotate(3deg); }
  45%{ transform:translateX(-15%) rotate(-3deg); }
  60%{ transform:translateX(10%) rotate(2deg); }
  75%{ transform:translateX(-5%) rotate(-1deg); }
  100%{ transform:translateX(0%); }
}

.wobble{
	-webkit-animation-name:wobble;
	-moz-animation-name:wobble;
	-ms-animation-name:wobble;
	animation-name:wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse{
    0%{ -webkit-transform:scale(1); }	
	50%{ -webkit-transform:scale(1.1); }
    100%{ -webkit-transform:scale(1); }
}
@-moz-keyframes pulse{
    0%{ -moz-transform:scale(1); }	
	50%{ -moz-transform:scale(1.1); }
    100%{ -moz-transform:scale(1); }
}
@-ms-keyframes pulse{
    0%{ -ms-transform:scale(1); }	
	50%{ -ms-transform:scale(1.1); }
    100%{ -ms-transform:scale(1); }
}
@keyframes pulse{
    0%{ transform:scale(1); }	
	50%{ transform:scale(1.1); }
    100%{ transform:scale(1); }
}

.pulse{
	-webkit-animation-name:pulse;
	-moz-animation-name:pulse;
	-ms-animation-name:pulse;
	animation-name:pulse;
}
@-webkit-keyframes fadeIn{
	0%{opacity:0;}	
	100%{opacity:1;}
}

@-moz-keyframes fadeIn{
	0%{opacity:0;}	
	100%{opacity:1;}
}

@-ms-keyframes fadeIn{
	0%{opacity:0;}	
	100%{opacity:1;}
}

@keyframes fadeIn{
	0%{opacity:0;}	
	100%{opacity:1;}
}

.fadeIn{
	-webkit-animation-name:fadeIn;
	-moz-animation-name:fadeIn;
	-ms-animation-name:fadeIn;
	animation-name:fadeIn;
}
@-webkit-keyframes fadeInUp{
	0%{
		opacity:0;
		-webkit-transform:translateY(20px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@-moz-keyframes fadeInUp{
	0%{
		opacity:0;
		-moz-transform:translateY(20px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateY(0);
	}
}

@-ms-keyframes fadeInUp{
	0%{
		opacity:0;
		-ms-transform:translateY(20px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateY(0);
	}
}

@keyframes fadeInUp{
	0%{
		opacity:0;
		transform:translateY(20px);
	}
	
	100%{
		opacity:1;
		transform:translateY(0);
	}
}

.fadeInUp{
	-webkit-animation-name:fadeInUp;
	-moz-animation-name:fadeInUp;
	-ms-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
@-webkit-keyframes fadeInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(-20px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@-moz-keyframes fadeInDown{
	0%{
		opacity:0;
		-moz-transform:translateY(-20px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateY(0);
	}
}

@-ms-keyframes fadeInDown{
	0%{
		opacity:0;
		-ms-transform:translateY(-20px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateY(0);
	}
}

@keyframes fadeInDown{
	0%{
		opacity:0;
		transform:translateY(-20px);
	}
	
	100%{
		opacity:1;
		transform:translateY(0);
	}
}

.fadeInDown{
	-webkit-animation-name:fadeInDown;
	-moz-animation-name:fadeInDown;
	-ms-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
@-webkit-keyframes fadeInLeft{
	0%{
		opacity:0;
		-webkit-transform:translateX(-20px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@-moz-keyframes fadeInLeft{
	0%{
		opacity:0;
		-moz-transform:translateX(-20px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateX(0);
	}
}

@-ms-keyframes fadeInLeft{
	0%{
		opacity:0;
		-ms-transform:translateX(-20px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateX(0);
	}
}

@keyframes fadeInLeft{
	0%{
		opacity:0;
		transform:translateX(-20px);
	}
	
	100%{
		opacity:1;
		transform:translateX(0);
	}
}

.fadeInLeft{
	-webkit-animation-name:fadeInLeft;
	-moz-animation-name:fadeInLeft;
	-ms-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(20px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@-moz-keyframes fadeInRight{
	0%{
		opacity:0;
		-moz-transform:translateX(20px);
	}
	
	100%{

		opacity:1;
		-moz-transform:translateX(0);
	}
}

@-ms-keyframes fadeInRight{
	0%{
		opacity:0;
		-ms-transform:translateX(20px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateX(0);
	}
}

@keyframes fadeInRight{
	0%{
		opacity:0;
		transform:translateX(20px);
	}
	
	100%{
		opacity:1;
		transform:translateX(0);
	}
}

.fadeInRight{
	-webkit-animation-name:fadeInRight;
	-moz-animation-name:fadeInRight;
	-ms-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
@-webkit-keyframes fadeInUpBig{
	0%{
		opacity:0;
		-webkit-transform:translateY(2000px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@-moz-keyframes fadeInUpBig{
	0%{
		opacity:0;
		-moz-transform:translateY(2000px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateY(0);
	}
}

@-ms-keyframes fadeInUpBig{
	0%{
		opacity:0;
		-ms-transform:translateY(2000px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateY(0);
	}
}

@keyframes fadeInUpBig{
	0%{
		opacity:0;
		transform:translateY(2000px);
	}
	
	100%{
		opacity:1;
		transform:translateY(0);
	}
}

.fadeInUpBig{
	-webkit-animation-name:fadeInUpBig;
	-moz-animation-name:fadeInUpBig;
	-ms-animation-name:fadeInUpBig;
	animation-name:fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig{
	0%{
		opacity:0;
		-webkit-transform:translateY(-2000px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@-moz-keyframes fadeInDownBig{
	0%{
		opacity:0;
		-moz-transform:translateY(-2000px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateY(0);
	}
}

@-ms-keyframes fadeInDownBig{
	0%{
		opacity:0;
		-ms-transform:translateY(-2000px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateY(0);
	}
}

@keyframes fadeInDownBig{
	0%{
		opacity:0;
		transform:translateY(-2000px);
	}
	
	100%{
		opacity:1;
		transform:translateY(0);
	}
}

.fadeInDownBig{
	-webkit-animation-name:fadeInDownBig;
	-moz-animation-name:fadeInDownBig;
	-ms-animation-name:fadeInDownBig;
	animation-name:fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig{
	0%{
		opacity:0;
		-webkit-transform:translateX(-2000px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig{
	0%{
		opacity:0;
		-moz-transform:translateX(-2000px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateX(0);
	}
}
@-ms-keyframes fadeInLeftBig{
	0%{
		opacity:0;
		-ms-transform:translateX(-2000px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateX(0);
	}
}
@keyframes fadeInLeftBig{
	0%{
		opacity:0;
		transform:translateX(-2000px);
	}
	
	100%{
		opacity:1;
		transform:translateX(0);
	}
}

.fadeInLeftBig{
	-webkit-animation-name:fadeInLeftBig;
	-moz-animation-name:fadeInLeftBig;
	-ms-animation-name:fadeInLeftBig;
	animation-name:fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig{
	0%{
		opacity:0;
		-webkit-transform:translateX(2000px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@-moz-keyframes fadeInRightBig{
	0%{
		opacity:0;
		-moz-transform:translateX(2000px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateX(0);
	}
}

@-ms-keyframes fadeInRightBig{
	0%{
		opacity:0;
		-ms-transform:translateX(2000px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateX(0);
	}
}

@keyframes fadeInRightBig{
	0%{
		opacity:0;
		transform:translateX(2000px);
	}
	
	100%{
		opacity:1;
		transform:translateX(0);
	}
}

.fadeInRightBig{
	-webkit-animation-name:fadeInRightBig;
	-moz-animation-name:fadeInRightBig;
	-ms-animation-name:fadeInRightBig;
	animation-name:fadeInRightBig;
}
@-webkit-keyframes fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}

@-moz-keyframes fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}

@-ms-keyframes fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}

@keyframes fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}

.fadeOut{
	-webkit-animation-name:fadeOut;
	-moz-animation-name:fadeOut;
	-ms-animation-name:fadeOut;
	animation-name:fadeOut;
}
@-webkit-keyframes fadeOutUp{
	0%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp{
	0%{
		opacity:1;
		-moz-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateY(-20px);
	}
}
@-ms-keyframes fadeOutUp{
	0%{
		opacity:1;
		-ms-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateY(-20px);
	}
}
@keyframes fadeOutUp{
	0%{
		opacity:1;
		transform:translateY(0);
	}
	
	100%{
		opacity:0;
		transform:translateY(-20px);
	}
}

.fadeOutUp{
	-webkit-animation-name:fadeOutUp;
	-moz-animation-name:fadeOutUp;
	-ms-animation-name:fadeOutUp;
	animation-name:fadeOutUp;
}
@-webkit-keyframes fadeOutDown{
	0%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateY(20px);
	}
}

@-moz-keyframes fadeOutDown{
	0%{
		opacity:1;
		-moz-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateY(20px);
	}
}

@-ms-keyframes fadeOutDown{
	0%{
		opacity:1;
		-ms-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateY(20px);
	}
}

@keyframes fadeOutDown{
	0%{
		opacity:1;
		transform:translateY(0);
	}
	
	100%{
		opacity:0;
		transform:translateY(20px);
	}
}

.fadeOutDown{
	-webkit-animation-name:fadeOutDown;
	-moz-animation-name:fadeOutDown;
	-ms-animation-name:fadeOutDown;
	animation-name:fadeOutDown;
}
@-webkit-keyframes fadeOutLeft{
	0%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft{
	0%{
		opacity:1;
		-moz-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateX(-20px);
	}
}

@-ms-keyframes fadeOutLeft{
	0%{
		opacity:1;
		-ms-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateX(-20px);
	}
}
@keyframes fadeOutLeft{
	0%{
		opacity:1;
		transform:translateX(0);
	}
	
	100%{
		opacity:0;
		transform:translateX(-20px);
	}
}

.fadeOutLeft{
	-webkit-animation-name:fadeOutLeft;
	-moz-animation-name:fadeOutLeft;
	-ms-animation-name:fadeOutLeft;
	animation-name:fadeOutLeft;
}
@-webkit-keyframes fadeOutRight{
	0%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateX(20px);
	}
}

@-moz-keyframes fadeOutRight{
	0%{
		opacity:1;
		-moz-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateX(20px);
	}
}

@-ms-keyframes fadeOutRight{
	0%{
		opacity:1;
		-ms-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateX(20px);
	}
}

@keyframes fadeOutRight{
	0%{
		opacity:1;
		transform:translateX(0);
	}
	
	100%{
		opacity:0;
		transform:translateX(20px);
	}
}

.fadeOutRight{
	-webkit-animation-name:fadeOutRight;
	-moz-animation-name:fadeOutRight;
	-ms-animation-name:fadeOutRight;
	animation-name:fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig{
	0%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateY(-2000px);
	}
}

@-moz-keyframes fadeOutUpBig{
	0%{
		opacity:1;
		-moz-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateY(-2000px);
	}
}

@-ms-keyframes fadeOutUpBig{
	0%{
		opacity:1;
		-ms-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateY(-2000px);
	}
}

@keyframes fadeOutUpBig{
	0%{
		opacity:1;
		transform:translateY(0);
	}
	
	100%{
		opacity:0;
		transform:translateY(-2000px);
	}
}

.fadeOutUpBig{
	-webkit-animation-name:fadeOutUpBig;
	-moz-animation-name:fadeOutUpBig;
	-ms-animation-name:fadeOutUpBig;
	animation-name:fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig{
	0%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateY(2000px);
	}
}

@-moz-keyframes fadeOutDownBig{
	0%{
		opacity:1;
		-moz-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateY(2000px);
	}
}

@-ms-keyframes fadeOutDownBig{
	0%{
		opacity:1;
		-ms-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateY(2000px);
	}
}

@keyframes fadeOutDownBig{
	0%{
		opacity:1;
		transform:translateY(0);
	}
	
	100%{
		opacity:0;
		transform:translateY(2000px);
	}
}

.fadeOutDownBig{
	-webkit-animation-name:fadeOutDownBig;
	-moz-animation-name:fadeOutDownBig;
	-ms-animation-name:fadeOutDownBig;
	animation-name:fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig{
	0%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig{
	0%{
		opacity:1;
		-moz-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateX(-2000px);
	}
}

@-ms-keyframes fadeOutLeftBig{
	0%{
		opacity:1;
		-ms-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig{
	0%{
		opacity:1;
		transform:translateX(0);
	}
	
	100%{
		opacity:0;
		transform:translateX(-2000px);
	}
}

.fadeOutLeftBig{
	-webkit-animation-name:fadeOutLeftBig;
	-moz-animation-name:fadeOutLeftBig;
	-ms-animation-name:fadeOutLeftBig;
	animation-name:fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig{
	0%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateX(2000px);
	}
}
@-moz-keyframes fadeOutRightBig{
	0%{
		opacity:1;
		-moz-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateX(2000px);
	}
}
@-ms-keyframes fadeOutRightBig{
	0%{
		opacity:1;
		-ms-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateX(2000px);
	}
}
@keyframes fadeOutRightBig{
	0%{
		opacity:1;
		transform:translateX(0);
	}
	
	100%{
		opacity:0;
		transform:translateX(2000px);
	}
}

.fadeOutRightBig{
	-webkit-animation-name:fadeOutRightBig;
	-moz-animation-name:fadeOutRightBig;
	-ms-animation-name:fadeOutRightBig;
	animation-name:fadeOutRightBig;
}
@-webkit-keyframes bounceIn{
	0%{
		opacity:0;
		-webkit-transform:scale(.3);
	}
	
	50%{
		opacity:1;
		-webkit-transform:scale(1.05);
	}
	
	70%{
		-webkit-transform:scale(.9);
	}
	
	100%{
		-webkit-transform:scale(1);
	}
}

@-moz-keyframes bounceIn{
	0%{
		opacity:0;
		-moz-transform:scale(.3);
	}
	
	50%{
		opacity:1;
		-moz-transform:scale(1.05);
	}
	
	70%{
		-moz-transform:scale(.9);
	}
	
	100%{
		-moz-transform:scale(1);
	}
}

@-ms-keyframes bounceIn{
	0%{
		opacity:0;
		-ms-transform:scale(.3);
	}
	
	50%{
		opacity:1;
		-ms-transform:scale(1.05);
	}
	
	70%{
		-ms-transform:scale(.9);
	}
	
	100%{
		-ms-transform:scale(1);
	}
}

@keyframes bounceIn{
	0%{
		opacity:0;
		transform:scale(.3);
	}
	
	50%{
		opacity:1;
		transform:scale(1.05);
	}
	
	70%{
		transform:scale(.9);
	}
	
	100%{
		transform:scale(1);
	}
}

.bounceIn{
	-webkit-animation-name:bounceIn;
	-moz-animation-name:bounceIn;
	-ms-animation-name:bounceIn;
	animation-name:bounceIn;
}
@-webkit-keyframes bounceInUp{
	0%{
		opacity:0;
		-webkit-transform:translateY(2000px);
	}
	
	60%{
		opacity:1;
		-webkit-transform:translateY(-30px);
	}
	
	80%{
		-webkit-transform:translateY(10px);
	}
	
	100%{
		-webkit-transform:translateY(0);
	}
}
@-moz-keyframes bounceInUp{
	0%{
		opacity:0;
		-moz-transform:translateY(2000px);
	}
	
	60%{
		opacity:1;
		-moz-transform:translateY(-30px);
	}
	
	80%{
		-moz-transform:translateY(10px);
	}
	
	100%{
		-moz-transform:translateY(0);
	}
}
@-ms-keyframes bounceInUp{
	0%{
		opacity:0;
		-ms-transform:translateY(2000px);
	}
	
	60%{
		opacity:1;
		-ms-transform:translateY(-30px);
	}
	
	80%{
		-ms-transform:translateY(10px);
	}
	
	100%{
		-ms-transform:translateY(0);
	}
}
@keyframes bounceInUp{
	0%{
		opacity:0;
		transform:translateY(2000px);
	}
	
	60%{
		opacity:1;
		transform:translateY(-30px);
	}
	
	80%{
		transform:translateY(10px);
	}
	
	100%{
		transform:translateY(0);
	}
}

.bounceInUp{
	-webkit-animation-name:bounceInUp;
	-moz-animation-name:bounceInUp;
	-ms-animation-name:bounceInUp;
	animation-name:bounceInUp;
}
@-webkit-keyframes bounceInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(-2000px);
	}
	
	60%{
		opacity:1;
		-webkit-transform:translateY(30px);
	}
	
	80%{
		-webkit-transform:translateY(-10px);
	}
	
	100%{
		-webkit-transform:translateY(0);
	}
}

@-moz-keyframes bounceInDown{
	0%{
		opacity:0;
		-moz-transform:translateY(-2000px);
	}
	
	60%{
		opacity:1;
		-moz-transform:translateY(30px);
	}
	
	80%{
		-moz-transform:translateY(-10px);
	}
	
	100%{
		-moz-transform:translateY(0);
	}
}

@-ms-keyframes bounceInDown{
	0%{
		opacity:0;
		-ms-transform:translateY(-2000px);
	}
	
	60%{
		opacity:1;
		-ms-transform:translateY(30px);
	}
	
	80%{
		-ms-transform:translateY(-10px);
	}
	
	100%{
		-ms-transform:translateY(0);
	}
}

@keyframes bounceInDown{
	0%{
		opacity:0;
		transform:translateY(-2000px);
	}
	
	60%{
		opacity:1;
		transform:translateY(30px);
	}
	
	80%{
		transform:translateY(-10px);
	}
	
	100%{
		transform:translateY(0);
	}
}

.bounceInDown{
	-webkit-animation-name:bounceInDown;
	-moz-animation-name:bounceInDown;
	-ms-animation-name:bounceInDown;
	animation-name:bounceInDown;
}
@-webkit-keyframes bounceInLeft{
	0%{
		opacity:0;
		-webkit-transform:translateX(-2000px);
	}
	
	60%{
		opacity:1;
		-webkit-transform:translateX(30px);
	}
	
	80%{
		-webkit-transform:translateX(-10px);
	}
	
	100%{
		-webkit-transform:translateX(0);
	}
}

@-moz-keyframes bounceInLeft{
	0%{
		opacity:0;
		-moz-transform:translateX(-2000px);
	}
	
	60%{
		opacity:1;
		-moz-transform:translateX(30px);
	}
	
	80%{
		-moz-transform:translateX(-10px);
	}
	
	100%{
		-moz-transform:translateX(0);
	}
}

@-ms-keyframes bounceInLeft{
	0%{
		opacity:0;
		-ms-transform:translateX(-2000px);
	}
	
	60%{
		opacity:1;
		-ms-transform:translateX(30px);
	}
	
	80%{
		-ms-transform:translateX(-10px);
	}
	
	100%{
		-ms-transform:translateX(0);
	}
}

@keyframes bounceInLeft{
	0%{
		opacity:0;
		transform:translateX(-2000px);
	}
	
	60%{
		opacity:1;
		transform:translateX(30px);
	}
	
	80%{
		transform:translateX(-10px);
	}
	
	100%{
		transform:translateX(0);
	}
}

.bounceInLeft{
	-webkit-animation-name:bounceInLeft;
	-moz-animation-name:bounceInLeft;
	-ms-animation-name:bounceInLeft;
	animation-name:bounceInLeft;
}
@-webkit-keyframes bounceInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(2000px);
	}
	
	60%{
		opacity:1;
		-webkit-transform:translateX(-30px);
	}
	
	80%{
		-webkit-transform:translateX(10px);
	}
	
	100%{
		-webkit-transform:translateX(0);
	}
}

@-moz-keyframes bounceInRight{
	0%{
		opacity:0;
		-moz-transform:translateX(2000px);
	}
	
	60%{
		opacity:1;
		-moz-transform:translateX(-30px);
	}
	
	80%{
		-moz-transform:translateX(10px);
	}
	
	100%{
		-moz-transform:translateX(0);
	}
}

@-ms-keyframes bounceInRight{
	0%{
		opacity:0;
		-ms-transform:translateX(2000px);
	}
	
	60%{
		opacity:1;
		-ms-transform:translateX(-30px);
	}
	
	80%{
		-ms-transform:translateX(10px);
	}
	
	100%{
		-ms-transform:translateX(0);
	}
}

@keyframes bounceInRight{
	0%{
		opacity:0;
		transform:translateX(2000px);
	}
	
	60%{
		opacity:1;
		transform:translateX(-30px);
	}
	
	80%{
		transform:translateX(10px);
	}
	
	100%{
		transform:translateX(0);
	}
}

.bounceInRight{
	-webkit-animation-name:bounceInRight;
	-moz-animation-name:bounceInRight;
	-ms-animation-name:bounceInRight;
	animation-name:bounceInRight;
}
@-webkit-keyframes bounceOut{
	0%{
		-webkit-transform:scale(1);
	}
	
	25%{
		-webkit-transform:scale(.95);
	}
	
	50%{
		opacity:1;
		-webkit-transform:scale(1.1);
	}
	
	100%{
		opacity:0;
		-webkit-transform:scale(.3);
	}	
}

@-moz-keyframes bounceOut{
	0%{
		-moz-transform:scale(1);
	}
	
	25%{
		-moz-transform:scale(.95);
	}
	
	50%{
		opacity:1;
		-moz-transform:scale(1.1);
	}
	
	100%{
		opacity:0;
		-moz-transform:scale(.3);
	}	
}

@-ms-keyframes bounceOut{
	0%{
		-ms-transform:scale(1);
	}
	
	25%{
		-ms-transform:scale(.95);
	}
	
	50%{
		opacity:1;
		-ms-transform:scale(1.1);
	}
	
	100%{
		opacity:0;
		-ms-transform:scale(.3);
	}	
}

@keyframes bounceOut{
	0%{
		transform:scale(1);
	}
	
	25%{
		transform:scale(.95);
	}
	
	50%{
		opacity:1;
		transform:scale(1.1);
	}
	
	100%{
		opacity:0;
		transform:scale(.3);
	}	
}

.bounceOut{
	-webkit-animation-name:bounceOut;
	-moz-animation-name:bounceOut;
	-ms-animation-name:bounceOut;
	animation-name:bounceOut;
}
@-webkit-keyframes bounceOutUp{
	0%{
		-webkit-transform:translateY(0);
	}
	
	20%{
		opacity:1;
		-webkit-transform:translateY(20px);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateY(-2000px);
	}
}

@-moz-keyframes bounceOutUp{
	0%{
		-moz-transform:translateY(0);
	}
	
	20%{
		opacity:1;
		-moz-transform:translateY(20px);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateY(-2000px);
	}
}

@-ms-keyframes bounceOutUp{
	0%{
		-ms-transform:translateY(0);
	}
	
	20%{
		opacity:1;
		-ms-transform:translateY(20px);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateY(-2000px);
	}
}

@keyframes bounceOutUp{
	0%{
		transform:translateY(0);
	}
	
	20%{
		opacity:1;
		transform:translateY(20px);
	}
	
	100%{
		opacity:0;
		transform:translateY(-2000px);
	}
}

.bounceOutUp{
	-webkit-animation-name:bounceOutUp;
	-moz-animation-name:bounceOutUp;
	-ms-animation-name:bounceOutUp;
	animation-name:bounceOutUp;
}
@-webkit-keyframes bounceOutDown{
	0%{
		-webkit-transform:translateY(0);
	}
	
	20%{
		opacity:1;
		-webkit-transform:translateY(-20px);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown{
	0%{
		-moz-transform:translateY(0);
	}
	
	20%{
		opacity:1;
		-moz-transform:translateY(-20px);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateY(2000px);
	}
}

@-ms-keyframes bounceOutDown{
	0%{
		-ms-transform:translateY(0);
	}
	
	20%{
		opacity:1;
		-ms-transform:translateY(-20px);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateY(2000px);
	}
}

@keyframes bounceOutDown{
	0%{
		transform:translateY(0);
	}
	
	20%{
		opacity:1;
		transform:translateY(-20px);
	}
	
	100%{
		opacity:0;
		transform:translateY(2000px);
	}
}

.bounceOutDown{
	-webkit-animation-name:bounceOutDown;
	-moz-animation-name:bounceOutDown;
	-ms-animation-name:bounceOutDown;
	animation-name:bounceOutDown;
}
@-webkit-keyframes bounceOutLeft{
	0%{
		-webkit-transform:translateX(0);
	}
	
	20%{
		opacity:1;
		-webkit-transform:translateX(20px);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft{
	0%{
		-moz-transform:translateX(0);
	}
	
	20%{
		opacity:1;
		-moz-transform:translateX(20px);

	}
	
	100%{
		opacity:0;
		-moz-transform:translateX(-2000px);
	}
}

@-ms-keyframes bounceOutLeft{
	0%{
		-ms-transform:translateX(0);
	}
	
	20%{
		opacity:1;
		-ms-transform:translateX(20px);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateX(-2000px);
	}
}

@keyframes bounceOutLeft{
	0%{
		transform:translateX(0);
	}
	
	20%{
		opacity:1;
		transform:translateX(20px);
	}
	
	100%{
		opacity:0;
		transform:translateX(-2000px);
	}
}

.bounceOutLeft{
	-webkit-animation-name:bounceOutLeft;
	-moz-animation-name:bounceOutLeft;
	-ms-animation-name:bounceOutLeft;
	animation-name:bounceOutLeft;
}
@-webkit-keyframes bounceOutRight{
	0%{
		-webkit-transform:translateX(0);
	}
	
	20%{
		opacity:1;
		-webkit-transform:translateX(-20px);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight{
	0%{
		-moz-transform:translateX(0);
	}
	
	20%{
		opacity:1;
		-moz-transform:translateX(-20px);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateX(2000px);
	}
}

@-ms-keyframes bounceOutRight{
	0%{
		-ms-transform:translateX(0);
	}
	
	20%{
		opacity:1;
		-ms-transform:translateX(-20px);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateX(2000px);
	}
}

@keyframes bounceOutRight{
	0%{
		transform:translateX(0);
	}
	
	20%{
		opacity:1;
		transform:translateX(-20px);
	}
	
	100%{
		opacity:0;
		transform:translateX(2000px);
	}
}

.bounceOutRight{
	-webkit-animation-name:bounceOutRight;
	-moz-animation-name:bounceOutRight;
	-ms-animation-name:bounceOutRight;
	animation-name:bounceOutRight;
}
@-webkit-keyframes rotateIn{
	0%{
		-webkit-transform-origin:center center;
		-webkit-transform:rotate(-200deg);
		opacity:0;
	}
	
	100%{
		-webkit-transform-origin:center center;
		-webkit-transform:rotate(0);
		opacity:1;
	}
}
@-moz-keyframes rotateIn{
	0%{
		-moz-transform-origin:center center;
		-moz-transform:rotate(-200deg);
		opacity:0;
	}
	
	100%{
		-moz-transform-origin:center center;
		-moz-transform:rotate(0);
		opacity:1;
	}
}
@-ms-keyframes rotateIn{
	0%{
		-ms-transform-origin:center center;
		-ms-transform:rotate(-200deg);
		opacity:0;
	}
	
	100%{
		-ms-transform-origin:center center;
		-ms-transform:rotate(0);
		opacity:1;
	}
}
@keyframes rotateIn{
	0%{
		transform-origin:center center;
		transform:rotate(-200deg);
		opacity:0;
	}
	
	100%{
		transform-origin:center center;
		transform:rotate(0);
		opacity:1;
	}
}

.rotateIn{
	-webkit-animation-name:rotateIn;
	-moz-animation-name:rotateIn;
	-ms-animation-name:rotateIn;
	animation-name:rotateIn;
}
@-webkit-keyframes rotateInUpLeft{
	0%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
}

@-moz-keyframes rotateInUpLeft{
	0%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
}

@-ms-keyframes rotateInUpLeft{
	0%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
}

@keyframes rotateInUpLeft{
	0%{
		transform-origin:left bottom;
		transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		transform-origin:left bottom;
		transform:rotate(0);
		opacity:1;
	}
}

.rotateInUpLeft{
	-webkit-animation-name:rotateInUpLeft;
	-moz-animation-name:rotateInUpLeft;
	-ms-animation-name:rotateInUpLeft;
	animation-name:rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft{
	0%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
}

@-moz-keyframes rotateInDownLeft{
	0%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
}

@-ms-keyframes rotateInDownLeft{
	0%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
}

@keyframes rotateInDownLeft{
	0%{
		transform-origin:left bottom;
		transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		transform-origin:left bottom;
		transform:rotate(0);
		opacity:1;
	}
}

.rotateInDownLeft{
	-webkit-animation-name:rotateInDownLeft;
	-moz-animation-name:rotateInDownLeft;
	-ms-animation-name:rotateInDownLeft;
	animation-name:rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight{
	0%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
}

@-moz-keyframes rotateInUpRight{
	0%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
}

@-ms-keyframes rotateInUpRight{
	0%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
}

@keyframes rotateInUpRight{
	0%{
		transform-origin:right bottom;
		transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		transform-origin:right bottom;
		transform:rotate(0);
		opacity:1;
	}
}

.rotateInUpRight{
	-webkit-animation-name:rotateInUpRight;
	-moz-animation-name:rotateInUpRight;
	-ms-animation-name:rotateInUpRight;
	animation-name:rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight{
	0%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
}

@-moz-keyframes rotateInDownRight{
	0%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
}

@-ms-keyframes rotateInDownRight{
	0%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
}

@keyframes rotateInDownRight{
	0%{
		transform-origin:right bottom;
		transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		transform-origin:right bottom;
		transform:rotate(0);
		opacity:1;
	}
}

.rotateInDownRight{
	-webkit-animation-name:rotateInDownRight;
	-moz-animation-name:rotateInDownRight;
	-ms-animation-name:rotateInDownRight;
	animation-name:rotateInDownRight;
}
@-webkit-keyframes rotateOut{
	0%{
		-webkit-transform-origin:center center;
		-webkit-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-webkit-transform-origin:center center;
		-webkit-transform:rotate(200deg);
		opacity:0;
	}
}

@-moz-keyframes rotateOut{
	0%{
		-moz-transform-origin:center center;
		-moz-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-moz-transform-origin:center center;
		-moz-transform:rotate(200deg);
		opacity:0;
	}
}

@-ms-keyframes rotateOut{
	0%{
		-ms-transform-origin:center center;
		-ms-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-ms-transform-origin:center center;
		-ms-transform:rotate(200deg);
		opacity:0;
	}
}

@keyframes rotateOut{
	0%{
		transform-origin:center center;
		transform:rotate(0);
		opacity:1;
	}
	
	100%{
		transform-origin:center center;
		transform:rotate(200deg);
		opacity:0;
	}
}

.rotateOut{
	-webkit-animation-name:rotateOut;
	-moz-animation-name:rotateOut;
	-ms-animation-name:rotateOut;
	animation-name:rotateOut;
}
@-webkit-keyframes rotateOutUpLeft{
	0%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(-90deg);
		opacity:0;
	}
}

@-moz-keyframes rotateOutUpLeft{
	0%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(-90deg);
		opacity:0;
	}
}

@-ms-keyframes rotateOutUpLeft{
	0%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(-90deg);
		opacity:0;
	}
}

@keyframes rotateOutUpLeft{
	0%{
		transform-origin:left bottom;
		transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-transform-origin:left bottom;
		-transform:rotate(-90deg);
		opacity:0;
	}
}

.rotateOutUpLeft{
	-webkit-animation-name:rotateOutUpLeft;
	-moz-animation-name:rotateOutUpLeft;
	-ms-animation-name:rotateOutUpLeft;
	animation-name:rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft{
	0%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(90deg);
		opacity:0;
	}
}

@-moz-keyframes rotateOutDownLeft{
	0%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(90deg);
		opacity:0;
	}
}

@-ms-keyframes rotateOutDownLeft{
	0%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(90deg);
		opacity:0;
	}
}

@keyframes rotateOutDownLeft{
	0%{
		transform-origin:left bottom;
		transform:rotate(0);
		opacity:1;
	}
	
	100%{
		transform-origin:left bottom;
		transform:rotate(90deg);
		opacity:0;
	}
}

.rotateOutDownLeft{
	-webkit-animation-name:rotateOutDownLeft;
	-moz-animation-name:rotateOutDownLeft;
	-ms-animation-name:rotateOutDownLeft;
	animation-name:rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight{
	0%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(90deg);
		opacity:0;
	}
}

@-moz-keyframes rotateOutUpRight{
	0%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(90deg);
		opacity:0;
	}
}

@-ms-keyframes rotateOutUpRight{
	0%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(90deg);
		opacity:0;
	}
}

@keyframes rotateOutUpRight{
	0%{
		transform-origin:right bottom;
		transform:rotate(0);
		opacity:1;
	}
	
	100%{
		transform-origin:right bottom;
		transform:rotate(90deg);
		opacity:0;
	}
}

.rotateOutUpRight{
	-webkit-animation-name:rotateOutUpRight;
	-moz-animation-name:rotateOutUpRight;
	-ms-animation-name:rotateOutUpRight;
	animation-name:rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight{
	0%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(-90deg);
		opacity:0;
	}
}

@-moz-keyframes rotateOutDownRight{
	0%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(-90deg);
		opacity:0;
	}
}

@-ms-keyframes rotateOutDownRight{
	0%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(-90deg);
		opacity:0;
	}
}

@keyframes rotateOutDownRight{
	0%{
		transform-origin:right bottom;
		transform:rotate(0);
		opacity:1;
	}
	
	100%{
		transform-origin:right bottom;
		transform:rotate(-90deg);
		opacity:0;
	}
}

.rotateOutDownRight{
	-webkit-animation-name:rotateOutDownRight;
	-moz-animation-name:rotateOutDownRight;
	-ms-animation-name:rotateOutDownRight;
	animation-name:rotateOutDownRight;
}
@-webkit-keyframes hinge{
	0%{ -webkit-transform:rotate(0); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; }	
	20%, 60%{ -webkit-transform:rotate(80deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; }	
	40%{ -webkit-transform:rotate(60deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; }	
	80%{ -webkit-transform:rotate(60deg) translateY(0); opacity:1; -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; }	
	100%{ -webkit-transform:translateY(700px); opacity:0; }
}

@-moz-keyframes hinge{
	0%{ -moz-transform:rotate(0); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out; }	
	20%, 60%{ -moz-transform:rotate(80deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out; }	
	40%{ -moz-transform:rotate(60deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out; }	
	80%{ -moz-transform:rotate(60deg) translateY(0); opacity:1; -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out; }	
	100%{ -moz-transform:translateY(700px); opacity:0; }
}

@-ms-keyframes hinge{
	0%{ -ms-transform:rotate(0); -ms-transform-origin:top left; -ms-animation-timing-function:ease-in-out; }	
	20%, 60%{ -ms-transform:rotate(80deg); -ms-transform-origin:top left; -ms-animation-timing-function:ease-in-out; }	
	40%{ -ms-transform:rotate(60deg); -ms-transform-origin:top left; -ms-animation-timing-function:ease-in-out; }	
	80%{ -ms-transform:rotate(60deg) translateY(0); opacity:1; -ms-transform-origin:top left; -ms-animation-timing-function:ease-in-out; }	
	100%{ -ms-transform:translateY(700px); opacity:0; }
}

@keyframes hinge{
	0%{ transform:rotate(0); transform-origin:top left; animation-timing-function:ease-in-out; }	
	20%, 60%{ transform:rotate(80deg); transform-origin:top left; animation-timing-function:ease-in-out; }	
	40%{ transform:rotate(60deg); transform-origin:top left; animation-timing-function:ease-in-out; }	
	80%{ transform:rotate(60deg) translateY(0); opacity:1; transform-origin:top left; animation-timing-function:ease-in-out; }	
	100%{ transform:translateY(700px); opacity:0; }
}

.hinge{
	-webkit-animation-name:hinge;
	-moz-animation-name:hinge;
	-ms-animation-name:hinge;
	animation-name:hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn{
	0%{ opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg); }
	100%{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn{
	0%{ opacity:0; -moz-transform:translateX(-100%) rotate(-120deg); }
	100%{ opacity:1; -moz-transform:translateX(0px) rotate(0deg); }
}

@-ms-keyframes rollIn{
	0%{ opacity:0; -ms-transform:translateX(-100%) rotate(-120deg); }
	100%{ opacity:1; -ms-transform:translateX(0px) rotate(0deg); }
}

@keyframes rollIn{
	0%{ opacity:0; transform:translateX(-100%) rotate(-120deg); }
	100%{ opacity:1; transform:translateX(0px) rotate(0deg); }
}

.rollIn{
	-webkit-animation-name:rollIn;
	-moz-animation-name:rollIn;
	-ms-animation-name:rollIn;
	animation-name:rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut{
    0%{
		opacity:1;
		-webkit-transform:translateX(0px) rotate(0deg);
	}

    100%{
		opacity:0;
		-webkit-transform:translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut{
    0%{
		opacity:1;
		-moz-transform:translateX(0px) rotate(0deg);
	}

    100%{
		opacity:0;
		-moz-transform:translateX(100%) rotate(120deg);
	}
}

@-ms-keyframes rollOut{
    0%{
		opacity:1;
		-ms-transform:translateX(0px) rotate(0deg);
	}

    100%{
		opacity:0;
		-ms-transform:translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut{
    0%{
		opacity:1;
		transform:translateX(0px) rotate(0deg);
	}

    100%{
		opacity:0;
		transform:translateX(100%) rotate(120deg);
	}
}

.rollOut{
	-webkit-animation-name:rollOut;
	-moz-animation-name:rollOut;
	-ms-animation-name:rollOut;
	animation-name:rollOut;
}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:145px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:145px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

/*2018年10月17日修改手机端兼容问题*/
.oneByOne1 , .case ,.good ,.new {
    min-width: 1229px;
    max-width: 1920px;
    margin: 0 auto;
}
.sur{    padding-bottom: 20px;}

.footer, .bottom{
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
}