/* time: 2017-09-14 11:21:57; */
/*/css/style.css*/
@charset "utf-8";
* {
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-touch-callout: none;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, legend, button form, fieldset, input, textarea, p, blockquote, th, td {
	line-height: inherit
}
body {
	background: #fff;
	color: #585858;
	font-size: 13px;
	font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;
	min-width: 1098px;
	line-height: 1.7;
	padding-top: 87px
}
html, body {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	color: #000;
	-webkit-font-smoothing: antialiased
}
q:before, q:after {
	content: ''
}
fieldset, img, abbr, acronym {
	border: 0 none
}
input, img, select {
	vertical-align: middle;
	border: 0
}
ol, ul {
	list-style: none
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%
}
del, ins, a {
	text-decoration: none
}
address, caption, cite, code, dfn, em, th, var {
	font-weight: normal;
	font-style: normal
}
abbr, acronym {
	border: 0
}
input {
	color: inherit;
	line-height: 1.5;
	padding: .25em;
	border: 0
}
input, button, select, textarea {
	outline: 0;
	line-height: 1.6;
	vertical-align: top;
	filter: chroma(color=#000000)
}
textarea {
	resize: none;
	padding: 5px
}
img {
	max-width: 100%;
	vertical-align: middle
}
br {
	clear: both;
	height: 0;
	overflow: hidden;
	zoom: 1
}
a {
	color: inherit;
	text-decoration: none;
	display: inline-block
}
a:hover {
	color: #004a94
}
.title {
	font-size: 131%;
	padding-bottom: 5px;
	display: block
}
.hide, .hiden {
	display: none
}
.cr, .clear {
	clear: both;
	overflow: hidden;
	zoom: 1;
	height: 0
}
.btn, input[type=button] {
	cursor: pointer
}
.left {
	float: left
}
.right {
	float: right
}
.cGray {
	color: #949292
}
.warp {
	width: 1098px;
	margin: 0 auto
}
.cblue {
	color: #165a99
}
.page {
	text-align: center;
	margin: 25px;
	clear: both;
	padding: 5px 10px
}

.goother select {
	background: none;
	border: 1px solid #cac9c9;
	padding: 5px 10px;
	color: #165998;
	border-radius: 4px
}
.pro-index-banner {
	background: url(../images/cpbanner.jpg) no-repeat center 0;
	height: 280px
}
.pro-index-banner-text {
	position: absolute;
	top: 50px;
	left: 48%;
	margin-left: -491px;
	width: 391px;
	color: #fff
}
.text-name {
	font-size: 32px;
	margin: 10px 0
}
.split-text {
	display: block;
	width: 60px;
	height: 3px;
	background: #de8835
}
.pro-index-banner-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}


.heating-banner .pro-index-banner-text {
	color: #686767
}
.heating-banner .split-text {
	background: #686767
}
.product-gdsj {
	color: #898989;
	padding: 30px 0
}
.product-gdsj .text-name {
	color: #165a99;
	text-align: center;
	line-height: 1;
	font-size: 36px
}
.product-gdsj .text-name-en {
	text-align: center
}
.product-gdsj .text-split {
	width: 90px;
	height: 1px;
	background: #898989;
	margin: 10px auto 15px
}
.product-gdsj .text-desc {
	width: 380px;
	margin: 0 auto 50px
}
.product-gdsj .pro-box {
	height: 573px;
	position: relative;
	margin-bottom: 10px
}

.product-menu {
	width: 1098px;
	margin: 20px auto;
	padding-bottom: 10px;
	
}
.product-menu a {
	display: inline-block;
	vertical-align: text-top;
	padding: 10px 25px;
	margin: 0 5px 5px 0
}
.product-menu a:hover, .product-menu a.selected {
	color: #fff;
	background: #165a99
}
.product-menu .product-menu-parent a {
	color: #fff;
	background: #a3a2a5;
	padding: 3px 25px;
	margin-bottom: 20px
}
.pro-family {
	color: #898989;
	padding: 10px 0 100px
}
.pro-family-box {
	position: relative;
	height: 600px
}
.pro-family-text {
	position: absolute
}





.family-1 .pro-family-1 {
	background: url(../images/cp_img.jpg) no-repeat center 0
}
.family-1 .pro-family-1 .pro-family-text {
	width: 341px;
	height: 369px;
	background:url(../images/cp_zi.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -530px
}
.family-1 .pro-family-2 {
	background: url(../images/cp_img1.jpg)   no-repeat center 0
}
.family-1 .pro-family-2 .pro-family-text {
	width: 398px;
	height: 144px;
	background: url(../images/cp_zi1.png) no-repeat 0 0;
	left: 50%;
	bottom: 70px;
	margin-left: -198px
}
.family-1 .pro-family-3 {
	background: url(../images/cp_img2.jpg)  no-repeat center 0
}
.family-1 .pro-family-3 .pro-family-text {
	width: 329px;
	height: 213px;
	background: url(../images/cp_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: 180px
}
.family-1 .pro-family-4 {
	background: url(../images/cp_img3.jpg)  no-repeat center 0
}
.family-1 .pro-family-4 .pro-family-text {
	width: 312px;
	height: 341px;
	background: url(../images/cp_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}
.family-1 .pro-family-5 {
	background: url(../images/cp_img4.jpg)  no-repeat center 0
}







.family-2 .pro-family-1 {
	background: url(../images/f2_img_cp.jpg) no-repeat center 0
}



.family-2 .pro-family-1 .pro-family-text {
	width: 326px;
	height: 273px;
	background: url(../images/f2_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -510px
}
.family-2 .pro-family-2 {
	background: url(../images/f2_img_cp1.jpg) no-repeat center 0
}
.family-2 .pro-family-2 .pro-family-text {
	width: 465px;
	height: 97px;
	background: url(../images/f2_img_zi1.png) no-repeat 0 0;
	left: 50%;
	bottom: 70px;
	margin-left: -198px
}
.family-2 .pro-family-3 {
	background: url(../images/f2_img_cp2.jpg) no-repeat center 0
}
.family-2 .pro-family-3 .pro-family-text {
	width: 331px;
	height: 214px;
	background: url(../images/f2_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: 180px
}
.family-2 .pro-family-4 {
	background: url(../images/f2_img_cp3.jpg) no-repeat center 0
}
.family-2 .pro-family-4 .pro-family-text {
	width: 331px;
	height: 235px;
	background: url(../images/f2_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}
.family-2 .pro-family-5 {
	background: url(../images/f2_img_cp4.jpg) no-repeat center 0
}











.family-3 .pro-family-1 {
	background: url(../images/f3_img_cp.jpg) no-repeat center 0
}
.family-3 .pro-family-1 .pro-family-text {
	width: 406px;
	height: 175px;
	background: url(../images/f3_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -510px
}
.family-3 .pro-family-2 {
	background: url(../images/f3_img_cp1.jpg) no-repeat center 0
}
.family-3 .pro-family-2 .pro-family-text {
	width: 314px;
	height: 300px;
	background: url(../images/f3_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -498px
}
.family-3 .pro-family-3 {
	background: url(../images/f3_img_cp2.jpg) no-repeat center 0
}
.family-3 .pro-family-3 .pro-family-text {
	width: 335px;
	height: 214px;
	background: url(../images/f3_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: -498px
}
.family-3 .pro-family-4 {
	background: url(../images/f3_img_cp3.jpg) no-repeat center 0
}
.family-3 .pro-family-4 .pro-family-text {
	width: 296px;
	height: 235px;
	background: url(../images/f3_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: 220px
}
.family-3 .pro-family-5 {
	background: url(../images/f3_img_cp4.jpg) no-repeat center 0
}






.family-4 .pro-family-1 {
	background: url(../images/f4_img_cp.jpg) no-repeat center 0
}
.family-4 .pro-family-1 .pro-family-text {
	width: 325px;
	height: 298px;
	background: url(../images/f4_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -510px
}
.family-4 .pro-family-2 {
	background: url(../images/f4_img_cp1.jpg)  no-repeat center 0
}
.family-4 .pro-family-2 .pro-family-text {
	width: 331px;
	height: 276px;
	background: url(../images/f4_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 80px
}
.family-4 .pro-family-3 { background:url(../images/f4_img_cp2.jpg) no-repeat center 0
}
.family-4 .pro-family-3 .pro-family-text {
	width: 276px;
	height: 216px;
	background: url(../images/f4_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: -498px
}
.family-4 .pro-family-4 {
	background: url(../images/f4_img_cp3.jpg)  no-repeat center 0
}
.family-4 .pro-family-4 .pro-family-text {
	width: 336px;
	height: 225px;
	background: url(../images/f4_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: -498px
}
.family-4 .pro-family-5 {
	background: url(../images/f4_img_cp4.jpg) no-repeat center 0
}
















.family-5 .pro-family-1 {
	background: url(../images/f5_img_cp.jpg) no-repeat center 0
}
.family-5 .pro-family-1 .pro-family-text {
	width: 319px;
	height: 225px;
	background: url(../images/f5_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -510px
}
.family-5 .pro-family-2 {
	background: url(../images/f5_img_cp1.jpg) no-repeat center 0
}
.family-5 .pro-family-2 .pro-family-text {
	width: 313px;
	height: 316px;
	background: url(../images/f5_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 80px
}
.family-5 .pro-family-3 {
	background: url(../images/f5_img_cp2.jpg) no-repeat center 0
}
.family-5 .pro-family-3 .pro-family-text {
	width: 314px;
	height: 316px;
	background: url(../images/f5_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: -498px
}
.family-5 .pro-family-4 {
	background: url(../images/f5_img_cp3.jpg) no-repeat center 0
}
.family-5 .pro-family-4 .pro-family-text {
	width: 336px;
	height: 225px;
	background: url(../images/f5_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 280px;
	margin-left: -498px
}
.family-5 .pro-family-5 {
	background: url(../images/f5_img_cp4.jpg) no-repeat center 0
}






.family-6 .pro-family-1 {
	background: url(../images/f6_img_cp.jpg) no-repeat center 0
}
.family-6 .pro-family-1 .pro-family-text {
	width: 319px;
	height: 225px;
	background: url(../images/f5_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -510px
}
.family-6 .pro-family-2 {
		background: url(../images/f6_img_cp1.jpg)no-repeat center 0
}
.family-6 .pro-family-2 .pro-family-text {
	width: 325px;
	height: 254px;
	background: url(../images/f5_img_zi1.png)  no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 80px
}
.family-6 .pro-family-3 {
		background: url(../images/f6_img_cp2.jpg) no-repeat center 0
}
.family-6 .pro-family-3 .pro-family-text {
	width: 314px;
	height: 319px;
	background: url(../images/f5_img_zi2.png)  no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: -498px
}
.family-6 .pro-family-4 {
		background: url(../images/f6_img_cp3.jpg) no-repeat center 0
}
.family-6 .pro-family-4 .pro-family-text {
	width: 517px;
	height: 93px;
	background: url(../images/f5_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 450px;
	margin-left: -259px
}
.family-6 .pro-family-5 {
		background: url(../images/f6_img_cp4.jpg) no-repeat center 0
}









.family-7 .pro-family-1 {
	background: url(../images/f7_img_cp.jpg) no-repeat center 0
}
.family-7 .pro-family-1 .pro-family-text {
	width: 334px;
	height: 225px;
	background: url(../images/f7_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -510px
}
.family-7 .pro-family-2 {
	background:url(../images/f7_img_cp1.jpg) no-repeat center 0
}
.family-7 .pro-family-2 .pro-family-text {
	width: 365px;
	height: 254px;
	background: url(../images/f7_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 80px
}
.family-7 .pro-family-3 {
	background: url(../images/f7_img_cp2.jpg) no-repeat center 0
}
.family-7 .pro-family-3 .pro-family-text {
	width: 314px;
	height: 245px;
	background: url(../images/f7_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: -498px
}
.family-7 .pro-family-4 {
	background: url(../images/f7_img_cp3.jpg) no-repeat center 0
}
.family-7 .pro-family-4 .pro-family-text {
	width: 313px;
	height: 238px;
	background: url(../images/f7_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 300px;
	margin-left: -359px
}
.family-7 .pro-family-5 {
	background: url(../images/f7_img_cp4.jpg) no-repeat center 0
}
.family-7 .pro-family-5 .pro-family-text {
	width: 340px;
	height: 347px;
	background: url(../images/f7_img_zi4.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 179px
}




.family-7 .pro-family-7 {
	background: url(../images/f7_img_cp5.jpg) no-repeat center 0
}







.family-8 .pro-family-1 {
	background: url(../images/f8_img_cp.jpg) no-repeat center 0
}
.family-8 .pro-family-1 .pro-family-text {
	width: 343px;
	height: 201px;
	background: url(../images/f8_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -510px
}
.family-8 .pro-family-2 {
	background: url(../images/f8_img_cp1.jpg) no-repeat center 0
}
.family-8 .pro-family-2 .pro-family-text {
	width: 381px;
	height: 284px;
	background: url(../images/f8_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 80px
}
.family-8 .pro-family-3 {
	background: url(../images/f8_img_cp2.jpg) no-repeat center 0
}
.family-8 .pro-family-3 .pro-family-text {
	width: 360px;
	height: 252px;
	background: url(../images/f8_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: -498px
}
.family-8 .pro-family-4 {
	background: url(../images/f8_img_cp3.jpg) no-repeat center 0
}
.family-8 .pro-family-4 .pro-family-text {
	width: 325px;
	height: 149px;
	background: url(../images/f8_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: 159px
}



.family-8 .pro-family-8 {
	background: url(../images/f8_img_cp5.jpg) no-repeat center 0
}












.family-9 .pro-family-1 {
	background: url(/baoli/img/product/family/9/img-1.jpg) no-repeat center 0
}
.family-9 .pro-family-1 .pro-family-text {
	width: 343px;
	height: 273px;
	background: url(/baoli/img/product/family/9/img-1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -510px
}
.family-9 .pro-family-2 {
	background: url(/baoli/img/product/family/9/img-2.jpg) no-repeat center 0
}
.family-9 .pro-family-2 .pro-family-text {
	width: 353px;
	height: 214px;
	background: url(/baoli/img/product/family/9/img-2.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 100px
}
.family-9 .pro-family-3 {
	background: url(/baoli/img/product/family/9/img-3.jpg) no-repeat center 0
}
.family-9 .pro-family-3 .pro-family-text {
	width: 393px;
	height: 315px;
	background: url(/baoli/img/product/family/9/img-3.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: -498px
}
.family-9 .pro-family-4 {
	background: url(/baoli/img/product/family/9/img-4.jpg) no-repeat center 0
}
.family-9 .pro-family-4 .pro-family-text {
	width: 392px;
	height: 298px;
	background: url(/baoli/img/product/family/9/img-4.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: 159px
}
.family-9 .pro-family-5 {
	background: url(/baoli/img/product/family/9/img-5.jpg) no-repeat center 0
}
.family-10 .pro-family-1 {
	background: url(/baoli/img/product/family/10/img-1.jpg) no-repeat center 0
}
.family-10 .pro-family-1 .pro-family-text {
	width: 343px;
	height: 273px;
	background: url(/baoli/img/product/family/10/img-1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -510px
}
.family-10 .pro-family-2 {
	background: url(/baoli/img/product/family/10/img-2.jpg) no-repeat center 0
}
.family-10 .pro-family-2 .pro-family-text {
	width: 353px;
	height: 214px;
	background: url(/baoli/img/product/family/10/img-2.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 100px
}
.family-10 .pro-family-3 {
	background: url(/baoli/img/product/family/10/img-3.jpg) no-repeat center 0
}
.family-10 .pro-family-3 .pro-family-text {
	width: 393px;
	height: 315px;
	background: url(/baoli/img/product/family/10/img-3.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: -498px
}
.family-10 .pro-family-4 {
	background: url(/baoli/img/product/family/10/img-4.jpg) no-repeat center 0
}
.family-10 .pro-family-4 .pro-family-text {
	width: 392px;
	height: 298px;
	background: url(/baoli/img/product/family/10/img-4.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: 159px
}
.family-10 .pro-family-5 {
	background: url(/baoli/img/product/family/10/img-5.jpg) no-repeat center 0
}
.family-11 .pro-family-1 {
	background: url(/baoli/img/product/family/11/img-1.jpg) no-repeat center 0
}
.family-11 .pro-family-1 .pro-family-text {
	width: 410px;
	height: 285px;
	background: url(/baoli/img/product/family/11/img-1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -510px
}
.family-11 .pro-family-2 {
	background: url(/baoli/img/product/family/11/img-2.jpg) no-repeat center 0
}
.family-11 .pro-family-2 .pro-family-text {
	width: 470px;
	height: 148px;
	background: url(/baoli/img/product/family/11/img-2.png) no-repeat 0 0;
	left: 50%;
	top: 80px;
	margin-left: -450px
}
.family-11 .pro-family-3 {
	background: url(/baoli/img/product/family/11/img-3.jpg) no-repeat center 0
}
.family-11 .pro-family-3 .pro-family-text {
	width: 433px;
	height: 301px;
	background: url(/baoli/img/product/family/11/img-3.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 168px
}
.family-11 .pro-family-4 {
	background: url(/baoli/img/product/family/11/img-4.jpg) no-repeat center 0
}
.family-11 .pro-family-4 .pro-family-text {
	width: 946px;
	height: 172px;
	background: url(/baoli/img/product/family/11/img-4.png) no-repeat 0 0;
	left: 50%;
	top: 360px;
	margin-left: -450px
}
.family-11 .pro-family-5 {
	background: url(/baoli/img/product/family/11/img-5.jpg) no-repeat center 0
}
.family-12 .pro-family-1 {
	background: url(/baoli/img/product/family/12/img-1.jpg) no-repeat center 0
}
.family-12 .pro-family-1 .pro-family-text {
	width: 339px;
	height: 209px;
	background: url(/baoli/img/product/family/12/img-1.png) no-repeat 0 0;
	left: 50%;
	top: 80px;
	margin-left: -510px
}
.family-12 .pro-family-2 {
	background: url(/baoli/img/product/family/12/img-2.jpg) no-repeat center 0
}
.family-12 .pro-family-2 .pro-family-text {
	width: 373px;
	height: 249px;
	background: url(/baoli/img/product/family/12/img-2.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 68px
}
.family-12 .pro-family-3 {
	background: url(/baoli/img/product/family/12/img-3.jpg) no-repeat center 0
}
.family-12 .pro-family-3 .pro-family-text {
	width: 566px;
	height: 359px;
	background: url(/baoli/img/product/family/12/img-3.png) no-repeat 0 0;
	left: 50%;
	top: 200px;
	margin-left: -108px
}
.family-12 .pro-family-4 {
	background: url(/baoli/img/product/family/12/img-4.jpg) no-repeat center 0
}
.family-12 .pro-family-4 .pro-family-text {
	width: 946px;
	height: 172px;
	background: url(/baoli/img/product/family/12/img-4.png) no-repeat 0 0;
	left: 50%;
	top: 360px;
	margin-left: -450px
}
.family-12 .pro-family-5 {
	background: url(/baoli/img/product/family/12/img-5.jpg) no-repeat center 0
}









.pro-heating {
	color: #898989;
	padding: 30px 0 0px
}
.pro-heating-box {
	position: relative;
	height: 600px
}
.pro-heating-text {
	position: absolute
}
.heating-1 .pro-heating-1 {
	background: url(../images/he_img_cp.jpg) no-repeat center 0
}
.heating-1 .pro-heating-1 .pro-heating-text {
	width: 435px;
	height: 193px;
	background: url(../images/he_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -530px
}
.heating-1 .pro-heating-2 {
	background: url(../images/he_img_cp1.jpg) no-repeat center 0
}
.heating-1 .pro-heating-2 .pro-heating-text {
	width: 318px;
	height: 239px;
	background: url(../images/he_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 278px
}
.heating-1 .pro-heating-3 {
	background: url(../images/he_img_cp2.jpg) no-repeat center 0
}
.heating-1 .pro-heating-3 .pro-heating-text {
	width: 324px;
	height: 241px;
	background: url(../images/he_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -480px
}
/*.heating-1 .pro-heating-4 {
	background: url(../images/he_img_cp3.jpg) no-repeat center 0
}
.heating-1 .pro-heating-4 .pro-heating-text {
	width: 312px;
	height: 341px;
	background: url(../images/he_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}*/
.heating-1 .pro-heating-5 {
	background: url(../images/he_img_cp4.jpg) no-repeat center 0
}














.heating-2 .pro-heating-1 {
	background: url(../images/he1_img_cp.jpg) no-repeat center 0
}
.heating-2 .pro-heating-1 .pro-heating-text {
	width: 452px;
	height: 223px;
	background: url(../images/he1_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: 130px
}
.heating-2 .pro-heating-2 {
	background: url(../images/he1_img_cp1.jpg) no-repeat center 0
}
.heating-2 .pro-heating-2 .pro-heating-text {
	width: 415px;
	height: 251px;
	background: url(../images/he1_img_zi1.png) no-repeat 0 0;
	left: 50%;
	bottom: 70px;
	margin-left: -498px
}

.heating-2 .pro-heating-3 {
	background:  url(../images/he1_img_cp2.jpg) no-repeat center 0
}
.heating-2 .pro-heating-3 .pro-heating-text {
	width: 482px;
	height: 386px;
	background: url(../images/he1_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: 280px
}
/*.heating-2 .pro-heating-4 {
	background:  url(../images/he1_img_cp3.jpg) no-repeat center 0
}
.heating-2 .pro-heating-4 .pro-heating-text {
	width: 312px;
	height: 341px;
	background: url(../images/he1_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}*/
.heating-2 .pro-heating-5 {
	background:  url(../images/he1_img_cp4.jpg) no-repeat center 0
}















.heating-3 .pro-heating-1 {
	background: url(../images/he2_img_cp.jpg) no-repeat center 0
}
.heating-3 .pro-heating-1 .pro-heating-text {
	width: 452px;
	height: 223px;
	background: url(../images/he2_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: 130px
}
.heating-3 .pro-heating-2 {
	background: url(../images/he2_img_cp1.jpg) no-repeat center 0
}
.heating-3 .pro-heating-2 .pro-heating-text {
	width: 415px;
	height: 251px;
	background: url(../images/he2_img_zi1.png) no-repeat 0 0;
	left: 50%;
	bottom: 70px;
	margin-left: -508px
}
.heating-3 .pro-heating-3 {
	background: url(../images/he2_img_cp2.jpg) no-repeat center 0
}
.heating-3 .pro-heating-3 .pro-heating-text {
	width: 482px;
	height: 386px;
	background: url(../images/he2_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: 180px
}
/*.heating-3 .pro-heating-4 {
	background: url(../images/he2_img_cp3.jpg) no-repeat center 0
}
.heating-3 .pro-heating-4 .pro-heating-text {
	width: 312px;
	height: 341px;
	background: uuurl(../images/he2_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}*/
.heating-3 .pro-heating-5 {
	background: url(../images/he2_img_cp4.jpg) no-repeat center 0
}









.heating-4 .pro-heating-1 {
	background: url(../images/he3_img_cp.jpg) no-repeat center 0
}
.heating-4 .pro-heating-1 .pro-heating-text {
	width: 512px;
	height: 223px;
	background:url(../images/he3_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -508px
}
.heating-4 .pro-heating-2 {
	background: url(../images/he3_img_cp1.jpg) no-repeat center 0
}
.heating-4 .pro-heating-2 .pro-heating-text {
	width: 415px;
	height: 251px;
	background: url(../images/he3_img_zi1.png) no-repeat 0 0;
	left: 50%;
	bottom: 70px;
	margin-left: 180px
}
.heating-4 .pro-heating-3 {
	background: url(../images/he3_img_cp2.jpg) no-repeat center 0
}
.heating-4 .pro-heating-3 .pro-heating-text {
	width: 482px;
	height: 386px;
	background: url(../images/he3_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -408px
}
/*.heating-4 .pro-heating-4 {
	background: url(../images/he3_img_cp3.jpg) no-repeat center 0
}
.heating-4 .pro-heating-4 .pro-heating-text {
	width: 312px;
	height: 341px;
	background: url(../images/he3_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}*/
.heating-4 .pro-heating-5 {
	background: url(../images/he3_img_cp4.jpg) no-repeat center 0
}






.heating-5 .pro-heating-1 {
	background: url(../images/he4_img_cp.jpg) no-repeat center 0
}
.heating-5 .pro-heating-1 .pro-heating-text {
	width: 519px;
	height: 223px;
	background: url(../images/he4_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -518px
}
.heating-5 .pro-heating-2 {
	background: url(../images/he4_img_cp1.jpg) no-repeat center 0
}
.heating-5 .pro-heating-2 .pro-heating-text {
	width: 415px;
	height: 251px;
	background: url(../images/he4_img_zi1.png) no-repeat 0 0;
	left: 50%;
	bottom: 70px;
	margin-left: 180px
}
.heating-5 .pro-heating-3 {
	background: url(../images/he4_img_cp2.jpg) no-repeat center 0
}
.heating-5 .pro-heating-3 .pro-heating-text {
	width: 482px;
	height: 386px;
	background: url(../images/he4_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -408px
}
/*.heating-5 .pro-heating-4 {
	background: url(../images/he4_img_cp3.jpg) no-repeat center 0
}
.heating-5 .pro-heating-4 .pro-heating-text {
	width: 312px;
	height: 341px;
	background: url(../images/he4_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}*/
.heating-5 .pro-heating-5 {
	background: url(../images/he4_img_cp4.jpg) no-repeat center 0
}





















.heating-6 .pro-heating-1 {
	background:  url(../images/he5_img_cp.jpg) no-repeat center 0
}


.heating-6 .pro-heating-1 .pro-heating-text {
	width: 532px;
	height: 223px;
	background: url(../images/he5_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: 10px
}
.heating-6 .pro-heating-2 {
	background: url(../images/he5_img_cp1.jpg) no-repeat center 0
}
.heating-6 .pro-heating-2 .pro-heating-text {
	width: 415px;
	height: 251px;
	background: url(../images/he5_img_zi1.png) no-repeat 0 0;
	left: 50%;
	bottom: 70px;
	margin-left: -408px
}
.heating-6 .pro-heating-3 {
	background: url(../images/he5_img_cp2.jpg) no-repeat center 0
}
.heating-6 .pro-heating-3 .pro-heating-text {
	width: 482px;
	height: 386px;
	background: url(../images/he5_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: 88px
}
/*.heating-6 .pro-heating-4 {
	background: url(../images/he5_img_cp3.jpg) no-repeat center 0
}
.heating-6 .pro-heating-4 .pro-heating-text {
	width: 312px;
	height: 341px;
	background: url(../images/he5_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}*/
.heating-6 .pro-heating-5 {
	background: url(../images/he5_img_cp4.jpg) no-repeat center 0
}











.heating-7 .pro-heating-1 {
	background: url(../images/he6_img_cp.jpg) no-repeat center 0
}
.heating-7 .pro-heating-1 .pro-heating-text {
	width: 532px;
	height: 223px;
	background: url(../images/he6_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -508px
}
.heating-7 .pro-heating-2 {
	background: url(../images/he6_img_cp1.jpg) no-repeat center 0
}
.heating-7 .pro-heating-2 .pro-heating-text {
	width: 469px;
	height: 251px;
	background: url(../images/he6_img_zi1.png)  no-repeat 0 0;
	left: 50%;
	bottom: 70px;
	margin-left: 88px
}
.heating-7 .pro-heating-3 {
	background: url(../images/he6_img_cp2.jpg) no-repeat center 0
}
.heating-7 .pro-heating-3 .pro-heating-text {
	width: 482px;
	height: 386px;
	background: url(../images/he6_img_zi2.png)  no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -408px
}
/*.heating-7 .pro-heating-4 {
	background: url(../images/he6_img_cp3.jpg) no-repeat center 0
}
.heating-7 .pro-heating-4 .pro-heating-text {
	width: 312px;
	height: 341px;
	background: url(../images/he6_img_zi3.png)  no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}*/
.heating-7 .pro-heating-5 {
	background: url(../images/he6_img_cp4.jpg) no-repeat center 0
}





















.heating-8 .pro-heating-1 {
	background: url(../images/yr_img.jpg) no-repeat center 0
}
.heating-8 .pro-heating-1 .pro-heating-text {
	width: 637px;
	height: 209px;
	background:url(../images/yr_img_zi.png)  no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -530px
}
.heating-8 .pro-heating-2 {
	background:  url(../images/yr_img1.jpg) no-repeat center 0
}
.heating-8 .pro-heating-2 .pro-heating-text {
	width: 479px;
	height: 265px;
	background: url(../images/yr_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: 98px
}
.heating-8 .pro-heating-3 {
	background:  url(../images/yr_img2.jpg) no-repeat center 0
}
.heating-8 .pro-heating-3 .pro-heating-text {
	width: 720px;
	height: 276px;
	background: url(../images/yr_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
		margin-left: -530px
}


.yrlln{width:1105px; margin:20px auto;}





















.heating-9 .pro-heating-1 {
	background: url(/baoli/img/product/heating/9/img-1.jpg) no-repeat center 0
}
.heating-9 .pro-heating-1 .pro-heating-text {
	width: 418px;
	height: 216px;
	background: url(/baoli/img/product/heating/9/img-1.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -530px
}




.heating-9 .pro-heating-2 {
	background: url(/baoli/img/product/heating/9/img-2.jpg) no-repeat center 0
}
.heating-9 .pro-heating-2 .pro-heating-text {
	width: 417px;
	height: 255px;
	background: url(/baoli/img/product/heating/9/img-2.png) no-repeat 0 0;
	left: 50%;
	top: 270px;
	margin-left: 98px
}
.heating-9 .pro-heating-3 {
	background: url(/baoli/img/product/heating/9/img-3.jpg) no-repeat center 0
}
.heating-9 .pro-heating-3 .pro-heating-text {
	width: 482px;
	height: 386px;
	background: url(/baoli/img/product/heating/9/img-3.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -470px
}
.heating-9 .pro-heating-4 {
	background: url(/baoli/img/product/heating/9/img-4.jpg) no-repeat center 0
}
.heating-9 .pro-heating-4 .pro-heating-text {
	width: 312px;
	height: 341px;
	background: url(/baoli/img/product/heating/9/img-4.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}
.heating-9 .pro-heating-5 {
	background: url(/baoli/img/product/heating/9/img-5.jpg) no-repeat center 0
}
.heating-10 .pro-heating-1 {
	background: url(/baoli/img/product/heating/10/img-1.jpg) no-repeat center 0
}
.heating-10 .pro-heating-1 .pro-heating-text {
	width: 489px;
	height: 216px;
	background: url(/baoli/img/product/heating/10/img-1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -530px
}
.heating-10 .pro-heating-2 {
	background: url(/baoli/img/product/heating/10/img-2.jpg) no-repeat center 0
}
.heating-10 .pro-heating-2 .pro-heating-text {
	width: 421px;
	height: 331px;
	background: url(/baoli/img/product/heating/10/img-2.png) no-repeat 0 0;
	left: 50%;
	top: 130px;
	margin-left: 98px
}
.heating-10 .pro-heating-3 {
	background: url(/baoli/img/product/heating/10/img-3.jpg) no-repeat center 0
}
.heating-10 .pro-heating-3 .pro-heating-text {
	width: 482px;
	height: 386px;
	background: url(/baoli/img/product/heating/10/img-3.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: 80px
}
.heating-10 .pro-heating-4 {
	background: url(/baoli/img/product/heating/10/img-4.jpg) no-repeat center 0
}
.heating-10 .pro-heating-4 .pro-heating-text {
	width: 312px;
	height: 341px;
	background: url(/baoli/img/product/heating/10/img-4.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}
.heating-10 .pro-heating-5 {
	background: url(/baoli/img/product/heating/10/img-5.jpg) no-repeat center 0
}
.heating-11 .pro-heating-1 {
	background: url(/baoli/img/product/heating/11/img-1.jpg) no-repeat center 0
}
.heating-11 .pro-heating-1 .pro-heating-text {
	width: 489px;
	height: 233px;
	background: url(/baoli/img/product/heating/11/img-1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -540px
}
.heating-11 .pro-heating-2 {
	background: url(/baoli/img/product/heating/11/img-2.jpg) no-repeat center 0
}
.heating-11 .pro-heating-2 .pro-heating-text {
	width: 421px;
	height: 331px;
	background: url(/baoli/img/product/heating/11/img-2.png) no-repeat 0 0;
	left: 50%;
	top: 130px;
	margin-left: 118px
}
.heating-11 .pro-heating-3 {
	background: url(/baoli/img/product/heating/11/img-3.jpg) no-repeat center 0
}
.heating-11 .pro-heating-3 .pro-heating-text {
	width: 482px;
	height: 386px;
	background: url(/baoli/img/product/heating/11/img-3.png) no-repeat 0 0;
	left: 50%;
	top: 180px;
	margin-left: 120px
}
.heating-11 .pro-heating-4 {
	background: url(/baoli/img/product/heating/11/img-4.jpg) no-repeat center 0
}
.heating-11 .pro-heating-4 .pro-heating-text {
	width: 312px;
	height: 341px;
	background: url(/baoli/img/product/heating/11/img-4.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}
.heating-11 .pro-heating-5 {
	background: url(/baoli/img/product/heating/11/img-5.jpg) no-repeat center 0
}











.pro-pipeline {
	color: #898989;
	padding: 30px 0 100px
}
.pro-pipeline-box {
	position: relative;
	height: 600px
}
.pro-pipeline-text {
	position: absolute
}
.pipeline-1 .pro-pipeline-1 {
	background: url(../images/sz_img_cp.jpg) no-repeat center 0
}
.pipeline-1 .pro-pipeline-1 .pro-pipeline-text {
	width: 435px;
	height: 193px;
	background: url(../images/sz_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -530px
}
.pipeline-1 .pro-pipeline-2 {
	background:  url(../images/sz_img_cp1.jpg) no-repeat center 0
}
.pipeline-1 .pro-pipeline-2 .pro-pipeline-text {
	width: 379px;
	height: 304px;
	background: url(../images/sz_img_zi1.png)no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 98px
}
.pipeline-1 .pro-pipeline-3 {
	background:  url(../images/sz_img_cp2.jpg) no-repeat center 0
}
.pipeline-1 .pro-pipeline-3 .pro-pipeline-text {
	width: 508px;
	height: 309px;
	background: url(../images/sz_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -20px
}
.pipeline-1 .pro-pipeline-4 {
	background:  url(../images/sz_img_cp3.jpg) no-repeat center 0
}
.pipeline-1 .pro-pipeline-4 .pro-pipeline-text {
	width: 312px;
	height: 341px;
	background: url(../images/sz_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}
.pipeline-1 .pro-pipeline-5 {
	background:  url(../images/sz_img_cp4.jpg) no-repeat center 0
}
.pipeline_guandao {
	padding: 80px 0 0
}
















.pipeline-2 .pro-pipeline-1 {
	background: url(../images/sz1_img_cp.jpg) no-repeat center 0
}
.pipeline-2 .pro-pipeline-1 .pro-pipeline-text {
	width: 435px;
	height: 193px;
	background: url(../images/sz1_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 180px;
	margin-left: -570px
}
.pipeline-2 .pro-pipeline-2 {
	background: url(../images/sz1_img_cp1.jpg) no-repeat center 0
}
.pipeline-2 .pro-pipeline-2 .pro-pipeline-text {
	width: 391px;
	height: 260px;
	background: url(../images/sz1_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 98px
}
.pipeline-2 .pro-pipeline-3 {
	background: url(../images/sz1_img_cp2.jpg)  no-repeat center 0
}
.pipeline-2 .pro-pipeline-3 .pro-pipeline-text {
	width: 340px;
	height: 251px;
	background: url(../images/sz1_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -480px
}
/*.pipeline-2 .pro-pipeline-4 {
	background: url(../images/sz1_img_cp3.jpg)  no-repeat center 0
}
.pipeline-2 .pro-pipeline-4 .pro-pipeline-text {
	width: 312px;
	height: 341px;
	background: url(../images/sz1_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}*/
.pipeline-2 .pro-pipeline-5 {
	background: url(../images/sz1_img_cp3.jpg)  no-repeat center 0
}









.pipeline-3 .pro-pipeline-1 {
	background:  url(../images/sz2_img_cp.jpg) no-repeat center 0
}
.pipeline-3 .pro-pipeline-1 .pro-pipeline-text {
	width: 435px;
	height: 193px;
	background: url(../images/sz2_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 180px;
	margin-left: -570px
}
.pipeline-3 .pro-pipeline-2 {
	background:url(../images/sz2_img_cp1.jpg) no-repeat center 0
}
.pipeline-3 .pro-pipeline-2 .pro-pipeline-text {
	width: 391px;
	height: 332px;
	background: url(../images/sz2_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 98px
}
.pipeline-3 .pro-pipeline-3 {
	background: url(../images/sz2_img_cp2.jpg) no-repeat center 0
}
.pipeline-3 .pro-pipeline-3 .pro-pipeline-text {
	width: 414px;
	height: 251px;
	background: url(../images/sz2_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -480px
}
.pipeline-3 .pro-pipeline-4 {
	background: uurl(../images/sz2_img_cp3.jpg) no-repeat center 0
}
.pipeline-3 .pro-pipeline-4 .pro-pipeline-text {
	width: 312px;
	height: 341px;
	background: url(../images/sz2_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}
.pipeline-3 .pro-pipeline-5 {
	background: url(../images/sz2_img_cp4.jpg) no-repeat center 0
}










.pipeline-4 .pro-pipeline-1 {
	background:  url(../images/sz3_img_cp.jpg) no-repeat center 0
}
.pipeline-4 .pro-pipeline-1 .pro-pipeline-text {
	width: 435px;
	height: 193px;
	background: url(../images/sz3_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 180px;
	margin-left: -570px
}
.pipeline-4 .pro-pipeline-2 {
	background:url(../images/sz3_img_cp1.jpg) no-repeat center 0
}
.pipeline-4 .pro-pipeline-2 .pro-pipeline-text {
	width: 391px;
	height: 332px;
	background: url(../images/sz3_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 98px
}
.pipeline-4  .pro-pipeline-3 {
	background: url(../images/sz3_img_cp2.jpg) no-repeat center 0
}
.pipeline-4 .pro-pipeline-3 .pro-pipeline-text {
	width: 414px;
	height: 251px;
	background: url(../images/sz3_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -480px
}
.pipeline-4 .pro-pipeline-4 {
	background: uurl(../images/sz3_img_cp3.jpg) no-repeat center 0
}
.pipeline-4  .pro-pipeline-4 .pro-pipeline-text {
	width: 312px;
	height: 341px;
	background: url(../images/sz3_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}
.pipeline-4 .pro-pipeline-5 {
	background: url(../images/sz3_img_cp4.jpg) no-repeat center 0
}










.pipeline-5 .pro-pipeline-1 {
	background:  url(../images/sz4_img_cp.jpg) no-repeat center 0
}
.pipeline-5 .pro-pipeline-1 .pro-pipeline-text {
	width: 435px;
	height: 193px;
	background: url(../images/sz4_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 180px;
	margin-left: -570px
}
.pipeline-5 .pro-pipeline-2 {
	background:url(../images/sz4_img_cp1.jpg) no-repeat center 0
}
.pipeline-5 .pro-pipeline-2 .pro-pipeline-text {
	width: 391px;
	height: 332px;
	background: url(../images/sz4_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 98px
}
.pipeline-5 .pro-pipeline-3 {
	background: url(../images/sz4_img_cp2.jpg) no-repeat center 0
}
.pipeline-5 .pro-pipeline-3 .pro-pipeline-text {
	width: 414px;
	height: 251px;
	background: url(../images/sz4_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -480px
}
.pipeline-5 .pro-pipeline-4 {
	background: url(../images/sz4_img_cp3.jpg) no-repeat center 0
}
.pipeline-5 .pro-pipeline-4 .pro-pipeline-text {
	width: 312px;
	height: 341px;
	background: url(../images/sz4_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}
.pipeline-5 .pro-pipeline-5 {
	background: url(../images/sz4_img_cp4.jpg) no-repeat center 0
}










.pipeline-6 .pro-pipeline-1 {
	background: url(../images/sz5_img_cp.jpg) no-repeat center 0
}
.pipeline-6 .pro-pipeline-1 .pro-pipeline-text {
	width: 435px;
	height: 221px;
	background: url(../images/sz5_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 180px;
	margin-left: 170px
}
.pipeline-6 .pro-pipeline-2 {
	background: url(../images/sz5_img_cp1.jpg) no-repeat center 0
}
.pipeline-6 .pro-pipeline-2 .pro-pipeline-text {
	width: 460px;
	height: 332px;
	background: url(../images/sz5_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -328px
}
.pipeline-6 .pro-pipeline-3 {
	background: url(../images/sz5_img_cp2.jpg) no-repeat center 0
}
.pipeline-6 .pro-pipeline-3 .pro-pipeline-text {
	width: 417px;
	height: 251px;
	background: url(../images/sz5_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -80px
}
.pipeline-6 .pro-pipeline-4 {
	background: url(../images/sz5_img_cp3.jpg) no-repeat center 0
}
.pipeline-6 .pro-pipeline-4 .pro-pipeline-text {
	width: 312px;
	height: 341px;
	background: url(../images/sz5_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}
.pipeline-6 .pro-pipeline-5 {
	background: url(../images/sz5_img_cp4.jpg) no-repeat center 0
}










.pipeline-7 .pro-pipeline-1 {
	background: url(../images/sz6_img_cp.jpg) no-repeat center 0
}
.pipeline-7 .pro-pipeline-1 .pro-pipeline-text {
	width: 435px;
	height: 221px;
	background: url(../images/sz6_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 180px;
	margin-left: 170px
}
.pipeline-7 .pro-pipeline-2 {
	background: url(../images/sz6_img_cp1.jpg) no-repeat center 0
}
.pipeline-7 .pro-pipeline-2 .pro-pipeline-text {
	width: 460px;
	height: 332px;
	background: url(../images/sz6_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -328px
}
.pipeline-7 .pro-pipeline-3 {
	background: url(../images/sz6_img_cp2.jpg) no-repeat center 0
}
.pipeline-7 .pro-pipeline-3 .pro-pipeline-text {
	width: 417px;
	height: 251px;
	background: url(../images/sz6_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -80px
}
.pipeline-7 .pro-pipeline-4 {
	background: url(../images/sz6_img_cp3.jpg) no-repeat center 0
}
.pipeline-7 .pro-pipeline-4 .pro-pipeline-text {
	width: 312px;
	height: 341px;
	background: url(../images/sz6_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}
.pipeline-7 .pro-pipeline-5 {
	background: url(../images/sz6_img_cp4.jpg) no-repeat center 0
}










.pipeline-8 .pro-pipeline-1 {
	background: url(../images/sz7_img_cp.jpg) no-repeat center 0
}
.pipeline-8 .pro-pipeline-1 .pro-pipeline-text {
	width: 435px;
	height: 193px;
	background: url(../images/sz7_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 180px;
	margin-left: -570px
}
.pipeline-8 .pro-pipeline-2 {
	background: url(../images/sz7_img_cp1.jpg) no-repeat center 0
}
.pipeline-8 .pro-pipeline-2 .pro-pipeline-text {
	width: 391px;
	height: 260px;
	background: url(../images/sz7_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: 98px
}
.pipeline-8 .pro-pipeline-3 {
	background: url(../images/sz7_img_cp2.jpg)  no-repeat center 0
}
.pipeline-8 .pro-pipeline-3 .pro-pipeline-text {
	width: 340px;
	height: 251px;
	background: url(../images/sz7_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -480px
}
/*.pipeline-8 .pro-pipeline-4 {
	background: url(../images/pip7_img_cp3.jpg)  no-repeat center 0
}
.pipeline-8 .pro-pipeline-4 .pro-pipeline-text {
	width: 312px;
	height: 341px;
	background: url(../images/pip7_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}*/
.pipeline-8 .pro-pipeline-5 {
	background: url(../images/sz7_img_cp3.jpg)  no-repeat center 0
}























.pipeline-9 .pro-pipeline-1 {
	background: url(../images/sz8_img_cp.jpg) no-repeat center 0
}
.pipeline-9 .pro-pipeline-1 .pro-pipeline-text {
	width: 446px;
	height: 253px;
	background: url(../images/sz8_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 180px;
	margin-left: -530px
}
.pipeline-9 .pro-pipeline-2 {
	background: url(../images/sz8_img_cp1.jpg) no-repeat center 0
}
.pipeline-9 .pro-pipeline-2 .pro-pipeline-text {
	width: 551px;
	height: 350px;
	background: url(../images/sz8_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -538px
}
.pipeline-9 .pro-pipeline-3 {
	background: url(../images/sz8_img_cp2.jpg) no-repeat center 0
}
.pipeline-9 .pro-pipeline-3 .pro-pipeline-text {
	width: 417px;
	height: 374px;
	background: url(../images/sz8_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -500px
}
.pipeline-9 .pro-pipeline-4 {
	background: url(../images/sz8_img_cp3.jpg) no-repeat center 0
}
.pipeline-9 .pro-pipeline-4 .pro-pipeline-text {
	width: 312px;
	height: 341px;
	background: url(../images/sz8_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}
.pipeline-9 .pro-pipeline-5 {
	background: url(../images/sz8_img_cp4.jpg) no-repeat center 0
}









.pipeline-10 .pro-pipeline-1 {
	background: url(../images/sz9_img_cp.jpg) no-repeat center 0
}
.pipeline-10 .pro-pipeline-1 .pro-pipeline-text {
	width: 446px;
	height: 253px;
	background: url(../images/sz9_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 180px;
	margin-left: 150px
}



.pipeline-10 .pro-pipeline-2 {
	background: url(../images/sz9_img_cp1.jpg) no-repeat center 0
}
.pipeline-10 .pro-pipeline-2 .pro-pipeline-text {
	width: 644px;
	height: 350px;
	background: url(../images/sz9_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -540px
}
.pipeline-10 .pro-pipeline-3 {
	background: url(../images/sz9_img_cp2.jpg) no-repeat center 0
}
.pipeline-10 .pro-pipeline-3 .pro-pipeline-text {
	width: 1083px;
	height: 374px;
	background:url(../images/sz9_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -500px
}
.pipeline-10 .pro-pipeline-4 {
	background: url(../images/sz9_img_cp3.jpg) no-repeat center 0
}
.pipeline-10 .pro-pipeline-4 .pro-pipeline-text {
	width: 312px;
	height: 341px;
	background: url(../images/sz9_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}
.pipeline-10 .pro-pipeline-5 {
	background: url(../images/sz9_img_cp4.jpg) no-repeat center 0
}


















.pipeline-11 .pro-pipeline-1 {
	background: url(../images/ss_img_cp.jpg) no-repeat center 0
}
.pipeline-11 .pro-pipeline-1 .pro-pipeline-text {
	width: 446px;
	height: 253px;
	background: url(../images/ss_img_zi.png) no-repeat 0 0;
	left: 50%;
	top: 180px;
	margin-left: 150px
}
.pipeline-11 .pro-pipeline-2 {
	background: url(../images/ss_img_cp1.jpg) no-repeat center 0
}
.pipeline-11 .pro-pipeline-2 .pro-pipeline-text {
	width: 644px;
	height: 350px;
	background: url(../images/ss_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -540px
}
.pipeline-11 .pro-pipeline-3 {
	background: url(../images/ss_img_cp2.jpg) no-repeat center 0
}
.pipeline-11 .pro-pipeline-3 .pro-pipeline-text {
	width: 336px;
	height: 374px;
	background: url(../images/ss_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: 100px
}
/*.pipeline-11 .pro-pipeline-4 {
	background: url(../images/ss_img_cp3.jpg) no-repeat center 0
}
.pipeline-11 .pro-pipeline-4 .pro-pipeline-text {
	width: 312px;
	height: 341px;
	background: url(../images/ss_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}*/
.pipeline-11 .pro-pipeline-5 {
	background: url(../images/ss_img_cp4.jpg) no-repeat center 0
}













.pipeline-12 .pro-pipeline-1 {
	background: url(../images/ss1_img_cp.jpg) no-repeat center 0
}
.pipeline-12 .pro-pipeline-1 .pro-pipeline-text {
	width: 446px;
	height: 253px;
	background: url(../images/ss1_img_zi.png)  no-repeat 0 0;
	left: 50%;
	top: 180px;
	margin-left: 150px
}
.pipeline-12 .pro-pipeline-2 {
	background: url(../images/ss1_img_cp1.jpg) no-repeat center 0
}
.pipeline-12 .pro-pipeline-2 .pro-pipeline-text {
	width: 644px;
	height: 350px;
	background:  url(../images/ss1_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -540px
}
.pipeline-12 .pro-pipeline-3 {
	background: url(../images/ss1_img_cp2.jpg) no-repeat center 0
}
.pipeline-12 .pro-pipeline-3 .pro-pipeline-text {
	width: 336px;
	height: 374px;
	background: url(../images/ss1_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: 100px
}
/*.pipeline-12 .pro-pipeline-4 {
	background: url(../images/ss1_img_cp3.jpg) no-repeat center 0
}
.pipeline-12 .pro-pipeline-4 .pro-pipeline-text {
	width: 312px;
	height: 341px;
	background: url(../images/ss1_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}*/
.pipeline-12 .pro-pipeline-5 {
	background: url(../images/ss1_img_cp4.jpg) no-repeat center 0
}











.pipeline-13 .pro-pipeline-1 {
	background: url(../images/ss2_img_cp.jpg) no-repeat center 0
}
.pipeline-13  .pro-pipeline-1 .pro-pipeline-text {
	width: 446px;
	height: 253px;
	background: url(../images/ss2_img_zi.png)  no-repeat 0 0;
	left: 50%;
	top: 180px;
	margin-left: 150px
}
.pipeline-13  .pro-pipeline-2 {
	background: url(../images/ss2_img_cp1.jpg) no-repeat center 0
}
.pipeline-13  .pro-pipeline-2 .pro-pipeline-text {
	width: 644px;
	height: 350px;
	background:  url(../images/ss2_img_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 150px;
	margin-left: -540px
}
.pipeline-13 .pro-pipeline-3 {
	background: url(../images/ss2_img_cp2.jpg) no-repeat center 0
}
.pipeline-13  .pro-pipeline-3 .pro-pipeline-text {
	width: 336px;
	height: 374px;
	background: url(../images/ss2_img_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: 100px
}
/*.pipeline-13  .pro-pipeline-4 {
	background: url(../images/ss2_img_cp3.jpg) no-repeat center 0
}
.pipeline-13  .pro-pipeline-4 .pro-pipeline-text {
	width: 312px;
	height: 341px;
	background: url(../images/ss2_img_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -520px
}*/
.pipeline-13  .pro-pipeline-5 {
	background: url(../images/ss2_img_cp4.jpg) no-repeat center 0
}













.pipeline-index-banner {
	background: url(/baoli/img/pipeline/banner.jpg) no-repeat center 0;
	height: 287px
}
.pipeline-index-banner .pro-index-banner-text {
	color: #686767
}
.pipeline-index-banner .split-text {
	background: #165a99
}
.path {
	border-bottom: 2px solid #959595;
	width: 1098px;
	margin: 10px auto 30px;
	text-align: right;
	padding: 10px 0
}
.pipe-menu {
	width: 1098px;
	margin: 0 auto 30px;
	text-align: center
}
.pipe-menu ul {
	display: table;
	width: 100%
}
.pipe-menu li {
	display: table-cell
}
.pipe-menu a {
	display: block;
	padding: 10px 40px;
	background: #c4c2c2;
	color: #fff;
	margin: 0 10px;
	position: relative
}
.pipe-menu a.selected {
	background: #165a99
}
.pipe-menu a.selected:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #165a99;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -10px
}
.pipe-pipeline {
	color: #898989;
	padding: 30px 0
}
.pipe-pipeline-box {
	position: relative;
	height: 600px
}
.pipe-pipeline-text {
	position: absolute
}
.pipe-pipeline-1 {
	background: url(/baoli/img/pipeline/1/img-1.jpg) no-repeat center 0;
	height: 639px
}
.pipe-pipeline-1 .pipe-pipeline-text {
	width: 561px;
	height: 511px;
	background: url(/baoli/img/pipeline/1/img-1.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -280px
}
.pipe-pipeline-2 {
	background: url(/baoli/img/pipeline/1/img-2.jpg) no-repeat center 0;
	height: 639px
}
.pipe-pipeline-2 .pipe-pipeline-text {
	width: 584px;
	height: 454px;
	background: url(/baoli/img/pipeline/1/img-2.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -90px
}
.pipe-pipeline-3 {
	background: url(/baoli/img/pipeline/1/img-3.jpg) no-repeat center 0;
	height: 591px
}
.pipe-pipeline-3 .pipe-pipeline-text {
	width: 1002px;
	height: 428px;
	background: url(/baoli/img/pipeline/1/img-3.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -550px
}
.pipe-pipeline-4 {
	background: url(/baoli/img/pipeline/1/img-4.jpg) no-repeat center 0;
	height: 589px
}
.pipe-pipeline-4 .pipe-pipeline-text {
	display: none;
	width: 481px;
	height: 203px;
	background: url(/baoli/img/pipeline/1/img-4.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
	margin-left: -520px
}
.pipe-pipeline-5 {
	background: url(/baoli/img/pipeline/1/img-5.jpg) no-repeat center 0
}
.pipe-pipeline-4 .pipe-pipeline-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.tach-box {
	width: 1098px;
	margin: 0 auto
}
.tach-box-head {
	height: 283px;
	background: url(/baoli/img/pipeline/2/img-1.jpg) no-repeat center 0
}
.tach-box-title {
	width: 230px;
	height: 283px;
	background: url(/baoli/img/pipeline/2/img-1.png) no-repeat 0 0;
	position: relative
}
.tach-box-title .more {
	display: inline-block;
	width: 50px;
	height: 22px;
	position: absolute;
	left: 42px;
	bottom: 38px
}
.tach-box-title span.more {
	background: #165a99;
	left: 10px;
	width: 100px
}
.tach-box-item {
	padding: 37px 0;
	margin-bottom: 30px
}
.tach-box-item ul li {
	border-bottom: 1px dashed #d5d5d5
}
.tach-box-item ul li:last-child {
	border-bottom: 0
}
.tach-box-item ul li a {
	display: block;
	padding: 5px 100px 10px 0;
	position: relative;
	font-weight: bold
}
.tach-box-item ul li a .tach-item-date {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 5px;
	font-weight: normal;
	color: #919191
}
.tach-box-2 .tach-box-head {
	background: url(/baoli/img/pipeline/2/img-2.jpg) no-repeat center 0
}
.tach-box-2 .tach-box-title {
	background: url(/baoli/img/pipeline/2/img-2.png) no-repeat 0 0
}
.tach-box-3 .tach-box-head {
	background: url(/baoli/img/pipeline/2/img-3.jpg) no-repeat center 0
}
.tach-box-3 .tach-box-title {
	background: url(/baoli/img/pipeline/2/img-3.png) no-repeat 0 0
}
.tach-box-4 .tach-box-head {
	background: url(/baoli/img/pipeline/2/img-4.jpg) no-repeat center 0
}
.tach-box-4 .tach-box-title {
	background: url(/baoli/img/pipeline/2/img-4.png) no-repeat 0 0
}
.pipe-download-head {
	background: url(/baoli/img/pipeline/3/img-1.jpg) no-repeat center 0;
	height: 393px;
	margin-bottom: 30px;
	overflow: hidden
}
.pipe-download-nav {
	width: 1025px;
	height: 258px;
	margin: 77px auto 0
}
.pipe-download-nav a {
	display: block;
	height: 258px;
	float: left;
	width: 235px;
	margin-right: 159px;
	background: url(/baoli/img/pipeline/3/img-1.png) no-repeat 0 0
}
.pipe-download-nav a:last-child {
	margin-right: 0
}
.pipe-download-nav a.download-href1 {
	background-position: 0 0
}
.pipe-download-nav a.download-href2 {
	background-position: -400px 0
}
.pipe-download-nav a.download-href3 {
	background-position: -801px 0
}
.pipe-download-nav a.download-href1.selected, .pipe-download-nav a.download-href1:hover {
	background-position: 0 bottom
}
.pipe-download-nav a.download-href2.selected, .pipe-download-nav a.download-href2:hover {
	background-position: -400px bottom
}
.pipe-download-nav a.download-href3.selected, .pipe-download-nav a.download-href3:hover {
	background-position: -801px bottom
}
.pipe-down-item {
	width: 1000px;
	margin: 90px auto;
	overflow: hidden
}
.pipe-down-item table {
	table-layout: fixed;
	width: 100%;
	text-align: center;
	margin-left: -1px;
	position: relative;
	color: #010101
}
.pipe-down-item table th {
	height: 150px;
	text-align: center
}
.pipe-down-item table th em {
	display: block
}
.pipe-down-item table td {
	padding: 10px 5px
}
.pipe-down-item table tr:hover {
	background: #b8b8b8;
	cursor: default
}
.pipe-down-item table tr.table_first:hover, .pipe-down-item table tr.table_border:hover {
	background: none
}
.pipe-down-item table .table_border th {
	border: solid #7d7d7d;
	border-width: 1px 0 1px 1px;
	height: 40px;
	font-size: 14px
}
.pipeline-authenticity {
	position: relative;
	height: 567px;
	background: url(/baoli/img/pipeline/4/img-1.jpg) no-repeat center 0;
	margin-bottom: 30px
}
.form-box {
	position: absolute;
	top: 145px;
	left: 50%;
	margin-left: 244px;
	width: 352px
}
.form-box p {
	margin-bottom: 29px;
	overflow: hidden;
	zoom: 1
}
.form-box p .text {
	height: 36px;
	width: 100%
}
.form-box p .checkcode {
	width: 127px;
	float: left
}
.form-box p .button {
	width: 119px;
	height: 40px;
	cursor: pointer;
	margin: 14px 91px;
	background: none;
	border: 0
}
.pipeline-contact {
	position: relative;
	height: 597px;
	background: url(/baoli/img/pipeline/5/img-1.jpg) no-repeat center 0;
	margin-bottom: 30px
}
.pipe-contact-text {
	height: 0;
	position: absolute;
	width: 412px;
	padding-top: 394px;
	overflow: hidden;
	top: 190px;
	left: 50%;
	background: url(/baoli/img/pipeline/5/img-1.png) no-repeat 0 0;
	margin-left: 50px
}
.join-banner {
	background: url(../images/jmbanner.jpg) center 0;
	height: 280px; 
}
.join-banner .split-text {
	background: #de8735;
}
 .text-name1{font-size:22px;}
.join_guandao {
	padding: 30px 0 0
}
.join-box {
	position: relative;
	height: 650px
}
.join-box-text {
	position: absolute
}

.dt-box-text {
	position: absolute
}
.join-box-1 {
	background: url(../images/jm_img.jpg) no-repeat center 0
}


.join-box-1 .join-box-text {
	width: 561px;
	height: 511px;
	background: url(../images/jm_zi.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -480px
}









.join-box-2 {
	background: url(../images/jm_img1.jpg) no-repeat center 0
}
.join-box-2 .join-box-text {
	width: 484px;
	height: 454px;
	background: url(../images/jm_zi1.png) no-repeat 0 0;
	left: 50%;
	top: 130px;
	margin-left: 90px
}
.join-box-3 {
	background: url(../images/jm_img2.jpg) no-repeat center 0
}
.join-box-3 .join-box-text {
	width: 445px;
	height: 428px;
	background: url(../images/jm_zi2.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: -550px
}
.join-box-4 {
	background: url(../images/jm_img3.jpg) no-repeat center 0
}
.join-box-4 .join-box-text {
	width: 481px;
	height: 203px;
	background: url(../images/jm_zi3.png) no-repeat 0 0;
	left: 50%;
	top: 260px;
	margin-left: 50px
}
.join-box-5 {
	background: url(../images/jm_img4.jpg) no-repeat center 0
}
.join-box-5 .join-box-text {
	width: 392px;
	height: 303px;
	background: url(../images/jm_zi4.png) no-repeat 0 0;
	left: 50%;
	top: 160px;
margin-left: -550px
}
.join-nav-2 .join-box-1 {
	background: url(/baoli/img/join/2/img-1.jpg) no-repeat center 0;
	height: 500px
}
.join-nav-2 .join-box-1 .join-box-text {
	width: 561px;
	height: 511px;
	background: url(/baoli/img/join/2/img-1.png) no-repeat 0 0;
	left: 50%;
	top: 100px;
	margin-left: 100px
}
.join-nav-2 .join-box-2 {
	background: url(/baoli/img/join/2/img-2.jpg) no-repeat center 0
}
.join-nav-2 .join-box-2 .join-box-text {
	width: 484px;
	height: 454px;
	background: url(/baoli/img/join/2/img-2.png) no-repeat 0 0;
	left: 50%;
	top: 130px;
	margin-left: 90px
}
.join-nav-2 .join-box-3 {
	background: #f1f0f1;
	height: 208px;
	margin: 30px auto;
	padding: 31px 0 0
}
.join-nav-2 .join-box-1 .join-box-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.brand-banner {
	background: url(/baoli/img/brand/banner.jpg) no-repeat center 0;
	height: 287px
}
.brand-banner .pro-index-banner-text {
	color: #686767;
	top: 30px;
	width: 371px
}
.news_banner {
	background: url(/baoli/img/news/banner.jpg) no-repeat center 0;
	height: 287px
}
.news_banner .pro-index-banner-text {
	color: #fff
}
.brand-banner .split-text {
	background: #de8735;
}
.brand_guandao {
	padding: 30px 0 0
}
.brand_guandao .pipe-menu {
	border-bottom: 1px solid #959595;
	padding-bottom: 30px;
	margin-bottom: 15px
}
.news_top_item {
	overflow: hidden;
	zoom: 1
}
.news_top {
	width: 1098px;
	margin: 0 auto;
	margin-bottom: 15px
}
.news_top_box {
	overflow: hidden;
	margin: 20px 0 10px;
	background: #f3f1f1
}
.news_top_left {
	width: 512px
}
.news_top_right {
	width: 512px
}
.news_top_date {
	width: 142px;
	position: relative;
	height: 370px;
	background: #989898;
	color: #fff;
	text-align: center
}
.news_top_nav {
	width: 370px;
	height: 370px;
	overflow: hidden
}
.new_top_day {
	font-size: 60px;
	line-height: 1;
	padding-top: 30px
}
.news_top_month {
	font-size: 20px
}
a.news_top_more {
	border: 1px solid #fff;
	padding: 2px 10px;
	position: absolute;
	right: 15px;
	bottom: 15px;
	color: #fff
}
.news_top_box:hover .news_top_date {
	background: #165a99
}
.news_top_img {
	width: 370px;
	height: 370px;
	overflow: hidden;
	text-align: center
}
.news_top_title {
	font-size: 14px;
	padding: 5px 10px;
	height: 33px;
	overflow: hidden;
	font-weight: bold;
	position: relative;
	margin-top: -90px;
	background: #e2e2e2
}
.news_top_summary {
	padding: 5px 10px 10px;
	height: 59px;
	overflow: hidden;
	background: #e2e2e2;
	position: relative
}
.news_item_box .news_item li {
	margin-bottom: 10px;
	padding: 15px 0
}
.news_item_box .news_item li:hover {
	background: #f1f1f1
}
.news_item_box .news_item li a {
	display: block;
	width: 1098px;
	margin: 0 auto;
	overflow: hidden;
	color: #545454
}
.news_item_box .news_item li a img {
	float: left;
	margin-right: 30px;
	width: 103px;
	height: 103px
}
.news_item_box .news_item li a .news_title {
	font-size: 15px;
	font-weight: bold
}
.news_item_box .news_item li a .news_desc {
	height: 50px;
	overflow: hidden;
	padding: 5px 0
}
.news_item_box .news_item li a .news_more {
	margin-top: 4px
}
.news_item_box .news_item li a .news_more span {
	display: inline-block;
	padding: 0 10px;
	border: 1px solid #989898
}
.news_item_box .news_item li:hover .news_more span, .news_item_box .news_item li a:hover .news_more span {
	background: #004a94;
	border-color: #004a94;
	color: #fff
}
.brand-nav-box {
	position: relative;
	height: 675px
}
.brand-nav-text {
	position: absolute
}
.brand-nav-1 {
	background: url(/baoli/img/brand/3/img-1.jpg) no-repeat center 0
}
.brand-nav-1 .brand-nav-text {
	width: 946px;
	height: 511px;
	background: url(/baoli/img/brand/3/img-1.png) no-repeat 0 0;
	left: 50%;
	top: 140px;
	margin-left: -470px
}
.brand-nav-2 {
	background: url(/baoli/img/brand/3/img-2.jpg) no-repeat center 0;
	height: 875px
}
.brand-nav-2 .brand-nav-text {
	width: 484px;
	height: 454px;
	background: url(/baoli/img/brand/3/img-2.png) no-repeat 0 0;
	left: 50%;
	top: 330px;
	margin-left: 90px
}
.brand-nav-text-left {
	position: absolute;
	top: 160px;
	left: 32px;
	width: 318px;
	height: 230px;
	background: url(/baoli/img/brand/3/left-text.png) no-repeat 0 0
}
.brand-nav-text-left-0 {
	background-position: 0 0
}
.brand-nav-text-left-1 {
	background-position: 0 -295px
}
.brand-nav-text-left-2 {
	background-position: 0 -585px
}
.brand-nav-text-right {
	position: absolute;
	right: 0;
	top: 120px;
	width: 432px;
	height: 500px;
	background: url(/baoli/img/brand/3/img-text-hover.png) no-repeat 80px 0
}
.brand-nav-text-right a {
	display: block;
	height: 128px
}
.brand-nav-text-right-0 {
	background-position: 80px 0
}
.brand-nav-text-right-1 {
	background-position: 80px 128px
}
.brand-nav-text-right-2 {
	background-position: 80px 256px
}
.brand_guandao .home_guandao_title {
	width: 315px
}
.brand-from {
	width: 1098px;
	margin: 10px auto
}
.brand-from .table {
	width: 100%
}
.brand-from .table td {
	padding: 10px
}
.brand-from .table .text {
	width: 100%;
	border: 1px solid #898989;
	border-radius: 5px;
	height: 30px;
	line-height: 30px
}
.brand-from .table .select {
	width: 100%;
	border: 1px solid #898989;
	border-radius: 5px;
	height: 30px;
	line-height: 30px
}
.brand-from .table .textarea {
	width: 100%;
	border: 1px solid #898989;
	border-radius: 5px;
	height: 300px;
	line-height: 30px;
	font-size: 1.2em
}
.brand-from .table .button {
	width: 100%;
	background: #165a99;
	border: 1px solid #165a99;
	border-radius: 5px;
	height: 36px;
	line-height: 30px;
	font-size: 1.2em;
	color: #fff;
	cursor: pointer
}
.introduction-banner {
	background: url(/baoli/img/introduction/banner.jpg) no-repeat center 0;
	height: 287px
}
.introduction-banner .split-text {
	background: #165a99
}
.introduction-banner .pro-index-banner-text {
	color: #545555
}
.introduction_guandao .home_guandao_title {
	width: 1098px;
	margin: 0 auto;
	color: #fff;
	border: 0 none
}
.introduction_guandao {
	padding: 30px 0 0
}
.introduction-box {
	width: 1098px;
	margin: 0 auto 60px
}
.introduction-box .introduction-box-img {
	margin-bottom: 30px
}
.introduction-box p {
	text-indent: 2em;
	padding-bottom: 2em;
	color: #fff
}
.introduction-box .home_guandao_title p {
	text-indent: 0;
	padding-bottom: 0;
	color: #fff
}
.introduction-jj .home_guandao_title p {
	color: #fff;
	text-align: left
}
.introduction-jj .home_guandao_title p b {
	color: #fff
}
.introduction-jj .home_guandao_title p em {
	color: #fff;
	font-size: 30px;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px
}
.introduction-jj .home_guandao_summary {
	color: #fff;
	text-align: left;
	width: 1098px
}
.introduction-progress {
	margin-bottom: 30px;
	background: url(/baoli/img/introduction/1/1/img-2.jpg) no-repeat center 0;
	height: 981px;
	position: relative;
	padding-top: 30px
}
.introduction-progress .home_guandao_title {
	text-align: left;
	color: #fff
}
.introduction-progress .home_guandao_title p em {
	display: inline-block;
	border-bottom: 3px solid #165a99;
	padding-bottom: 10px;
	font-size: 30px;
	margin-bottom: 30px
}
.introduction-box-rd {
	display: table
}
.introduction-box-rd li {
	display: table-cell;
	text-align: center;
	border: solid transparent;
	border-width: 0 5px;
	padding: 0;
	color: #fff;
	position: relative;
	width: 25%
}
.introduction-box-rd li:hover {
	background: #fff
}
.introduction-rd-img {
	margin: 0 0 10px;
	border-bottom: 5px solid #fff
}
.introduction-rd-img img {
	opacity: .6;
	width: 100%
}
.introduction-rd-name {
	font-size: 20px;
	border-bottom: 1px solid #343434;
	padding-bottom: 10px;
	margin-bottom: 10px
}
.introduction-rd-summary {
	text-indent: 2em;
	text-align: left
}
.introduction-box-rd li:hover img {
	opacity: 1
}
.introduction-progress-box {
	height: 430px;
	width: 1098px;
	overflow: hidden;
	margin: 100px auto 0;
	overflow: hidden
}
.introduction-progress-nav {
	width: 3590px;
	padding-bottom: 10px;
	position: relative
}
.introduction-progress-ul {
	overflow: hidden;
	zoom: 1;
	position: relative;
	transition: 0;
	-moz-transition: 0;
	-webkit-transition: 0;
	-o-transition: 0;
	-webkit-animation-duration: 0;
	animation-duration: 0
}
.introduction-progress-ul li {
	float: left;
	width: 183px;
	height: 310px;
	position: relative;
	text-align: center;
	cursor: pointer
}
.introduction-progress-ul li img {
	border: 3px solid transparent;
	padding: 50px 2px
}
.introduction-progress-ul li img:hover {
	border: 3px solid #a0a0a0
}
.introduction-rd-box {
	border: 1px solid #a0a0a0;
	height: 240px;
	color: #343434;
	padding: 10px
}
.introduction-rd-box *, .introduction-rd-box {
	-webkit-animation-duration: .0001s !important;
	animation-duration: .0001s !important;
	transition: .0001s !important;
	-moz-transition: .0001s !important;
	-webkit-transition: .0001s !important;
	-o-transition: .0001s !important
}
.introduction-box-rd li:hover .introduction-rd-box {
	background: #15538a;
	color: #fff
}
.introduction-box-rd li:hover .introduction-rd-name {
	border-color: #fff
}
.introduction-right-menu {
	position: fixed;
	top: 400px;
	right: 10px;
	border: solid #165a99;
	border-width: 1px 1px 0 0;
	background: #fff
}
.introduction-right-menu li {
	border: solid #165a99;
	border-width: 0 0 1px 1px;
	text-align: center
}
.introduction-right-menu li a {
	padding: 5px 20px;
	display: block
}
.introduction-right-menu li a:hover {
	background: #165a99;
	color: #fff
}
.introduction-jj {
	background: url(/baoli/img/introduction/1/1/img-1.jpg) no-repeat center 0;
	height: 918px;
	color: #fff;
	padding-top: 50px;
	position: relative;
	margin-top: -59px
}
#introduction-progress-btn-box {
	text-align: center;
	margin-top: 80px
}
#introduction-progress-btn-box span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #8c8c8d;
	cursor: pointer;
	margin-right: 15px
}
#introduction-progress-btn-box span.btn_selected {
	background: #165a99
}
#yanfashili {
	padding-bottom: 150px
}
.introduction-yanfashili {
	background: url(/baoli/img/introduction/1/img-11.jpg) no-repeat right 0;
	height: 1055px;
	padding-top: 30px
}
#yanfashili, .introduction-qiyeshili {
	position: relative
}
.introduction-more {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -110px;
	display: inline-block;
	width: 220px;
	height: 81px;
	background: red
}
#jieshao .introduction-more {
	background: url(/baoli/img/introduction/1/1/img-1.png) no-repeat center 0
}
.introduction-progress-box .introduction-more {
	background: url(/baoli/img/introduction/1/1/img-2.png) no-repeat center 0
}
.introduction-qiyeshili .introduction-more {
	background: url(/baoli/img/introduction/1/1/img-3.png) no-repeat center 0
}
#yanfashili .introduction-more {
	background: url(/baoli/img/introduction/1/1/img-4.png) no-repeat center 0
}
.qiyeshili_img {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center
}
#yanfashili .home_guandao_title {
	text-align: left
}
#yanfashili .home_guandao_title p {
	color: #787878;
	font-size: 36px;
	line-height: 1.2
}
#yanfashili .home_guandao_title p b {
	font-size: 30px;
	line-height: 1.2
}
#yanfashili .home_guandao_summary {
	text-align: left;
	width: 70%;
	margin: 0 0 50px
}
.introduction-qiyeshili {
	background: url(/baoli/img/introduction/1/1/img-3.jpg) no-repeat center 0;
	height: 915px;
	margin-top: -30px;
	padding-top: 30px
}
#qiyeshili .home_guandao_title {
	text-align: left
}
#qiyeshili .home_guandao_summary {
	text-align: left;
	width: 100%;
	color: #fff;
	margin-bottom: 100px
}
#qiyeshili .home_guandao_title p {
	line-height: 1.3
}
#qiyeshili .home_guandao_title p b {
	color: #fff;
	font-size: 30px;
	line-height: 1.3
}
#qiyeshili .home_guandao_title p em {
	color: #fff;
	font-size: 36px;
	display: inline-block
}
#fazhanlicheng .home_guandao_title p {
	line-height: 1.3
}
#fazhanlicheng .home_guandao_title p b {
	font-size: 30px;
	line-height: 1.3
}
#fazhanlicheng .home_guandao_title p em {
	font-size: 36px;
	display: inline-block;
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0 none
}
#jieshao .home_guandao_title p {
	line-height: 1.3
}
#jieshao .home_guandao_title p b {
	font-size: 30px;
	line-height: 1.3
}
#jieshao .home_guandao_title p em {
	font-size: 36px;
	display: inline-block;
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0 none
}
#yanfashili .home_guandao_summary span, #qiyeshili .home_guandao_summary span, #jieshao .home_guandao_summary span, #fazhanlicheng .home_guandao_title .split span {
	display: inline-block;
	width: 90px;
	height: 5px;
	background: #457bad
}
#qiyeshili .home_guandao_summary span, #jieshao .home_guandao_summary span {
	background: #fff
}
.t_hide {
	height: 0;
	overflow: hidden;
	zoom: 1;
	padding: 0 !important;
	margin: 0 !important
}
.title_img {
	width: 1098px;
	margin: 30px auto 60px
}
.reputation_guandao {
	background: url(/baoli/img/introduction/3/img-1.jpg) no-repeat center 0;
	height: 754px;
	padding: 30px 0 0
}
.reputation_box_nav {
	width: 1098px;
	margin: 20px auto
}
.reputation_box_nav {
	max-width: 1000px;
	margin: 20px auto
}
.reputation_box_nav * {
	transition: 0;
	-moz-transition: 0;
	-webkit-transition: 0;
	-o-transition: 0
}
.poster-main {
	position: relative;
	width: 800px;
	height: 383px
}
.poster-main a, .poster-main img {
	display: block
}
.poster-main .poster-list {
	width: 800px;
	height: 383px
}
.poster-main .poster-list .poster-item {
	position: absolute;
	left: 0;
	top: 0
}
.poster-main .poster-btn {
	position: absolute;
	top: 0;
	width: 100px;
	height: 270px;
	z-index: 10;
	cursor: pointer;
	opacity: .8
}
.poster-main .poster-prev-btn {
	left: 0;
	background: url(/baoli/img/btn_l.png) no-repeat center center
}
.poster-main .poster-next-btn {
	right: 0;
	background: url(/baoli/img/btn_r.png) no-repeat center center
}
.xingxiang_box_nav {
	position: relative;
	height: 796px;
	background: url(/baoli/img/introduction/4/img-1.jpg) no-repeat center 0
}
.xingxiang_box_text {
	position: absolute;
	width: 330px;
	height: 0;
	padding-top: 361px;
	overflow: hidden;
	background: url(/baoli/img/introduction/4/img-1.png) no-repeat 0 0;
	left: 50%;
	top: 320px
}
.xingxiang_box_images {
	width: 1214px;
	margin: 40px auto 10px;
	color: #787878
}
.xingxiang_box_images .left {
	padding-left: 60px
}
.xingxiang_box_images .left b {
	font-size: 20px;
	color: #165a99
}
.xingxiang_box_images .right {
	width: 372px;
	padding-right: 60px
}
.xingxiang_box_slide {
	background: url(/baoli/img/introduction/4/img-2.jpg) no-repeat center 0;
	height: 232px;
	margin-top: 30px
}
.yingxiang_box_nav {
	background: url(/baoli/img/introduction/5/img-1.jpg) no-repeat center 0;
	height: 532px;
	margin-bottom: 10px
}
.yingxiang_box_video {
	background: url(/baoli/img/introduction/5/img-1-1.jpg) no-repeat center 0;
	height: 532px;
	width: 1100px;
	margin: 0 auto
}
.yingxiang_box_nav_1 {
	background: url(/baoli/img/introduction/5/img-2.jpg) no-repeat center 0;
	height: 355px;
	margin-top: 30px
}
.yingxiang_box_text {
	text-align: center;
	font-size: 16px
}
.partner_guandao {
	padding: 20px 0 0
}
.partner_box {
	background: url(/baoli/img/introduction/6/img-1.jpg) no-repeat center 0;
	height: 880px;
	position: relative
}
.partner_box_nav {
	position: absolute;
	top: 100px;
	left: 50%;
	width: 400px;
	margin-left: -400px
}
.cases-banner {
	background: url(/baoli/img/cases/banner.jpg) no-repeat center 0;
	height: 287px
}
.cases_guandao {
	padding: 30px 0
}
.cases-menu {
	width: 1098px;
	margin: 0 auto
}
.cases-menu ul {
	overflow: hidden
}
.cases-menu ul li {
	float: left;
	display: inline;
	margin: 0 20px 10px 0
}
.cases-menu ul li a {
	display: block;
	padding: 8px 25px
}
.cases-menu ul li.selected a {
	background: #165a99;
	color: #fff
}
.zoomed>.container {
	-webkit-filter: blur(3px);
	filter: blur(3px)
}
.cases-box .container {
	width: 1098px;
	margin: 20px auto;
	overflow: hidden
}
.cases-box .gallery {
	list-style-type: none;
	float: left
}
.cases-box .gallery li {
	float: left;
	margin: 10px;
	width: 349px;
	height: 223px
}
.cases-box .gallery li:nth-child(3n) {
	margin-right: 0
}
.cases-box .gallery li a, .cases-box .gallery li img {
	float: left
}
#zoom {
	z-index: 999990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"
}
#zoom .content {
	z-index: 999991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	background: #fff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0,0,0,.3);
	border-radius: 4px
}
#zoom .content.loading {
	background-image: url(/baoli/img/loading.gif)
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,.25);
	border-radius: 4px
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url(/baoli/img/close.png) no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px
}
#zoom .next, #zoom .previous {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 49px;
	height: 49px;
	margin-top: -25px
}
#zoom .previous {
	left: 0;
	background: url(/baoli/img/arrows.png) no-repeat 0 0;
	border-radius: 0 4px 4px 0
}
#zoom .next {
	right: 0;
	background: url(/baoli/img/arrows.png) no-repeat 100% 0;
	border-radius: 4px 0 0 4px
}
#zoom .close:hover {
	background-color: #da4f49
}
#zoom .next:hover, #zoom .previous:hover {
	background-color: #08c
}
div::-webkit-scrollbar {
width:16px;
height:16px;
background-color:#f5f5f5
}
div::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
border-radius:10px;
background-color:#f5f5f5
}
div::-webkit-scrollbar-thumb {
border-radius:10px;
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
background-color:#555
}
.pro-family-box .pro-family-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.pro-family-2 .pro-family-text.animation {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	display: inline-block
}
.pro-family-3 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-3 .pro-family-2 .pro-family-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.family-3 .pro-family-3 .pro-family-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.family-3 .pro-family-4 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-4 .pro-family-2 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-4 .pro-family-3 .pro-family-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.family-4 .pro-family-4 .pro-family-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.family-5 .pro-family-2 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-5 .pro-family-3 .pro-family-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.family-5 .pro-family-4 .pro-family-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.family-6 .pro-family-2 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-6 .pro-family-3 .pro-family-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.family-6 .pro-family-4 .pro-family-text.animation {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	display: inline-block
}
.family-7 .pro-family-2 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-7 .pro-family-3 .pro-family-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.family-7 .pro-family-4 .pro-family-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.family-7 .pro-family-5 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-8 .pro-family-2 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-8 .pro-family-3 .pro-family-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.family-8 .pro-family-4 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-9 .pro-family-2 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-9 .pro-family-3 .pro-family-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.family-9 .pro-family-4 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-10 .pro-family-2 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-10 .pro-family-3 .pro-family-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.family-10 .pro-family-4 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-11 .pro-family-4 .pro-family-text.animation {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	display: inline-block
}
.family-12 .pro-family-2 .pro-family-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.family-12 .pro-family-3 .pro-family-text.animation {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	display: inline-block
}
.pro-heating-box .pro-heating-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.pro-heating-2 .pro-heating-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.heating-3 .pro-heating-1 .pro-heating-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.heating-3 .pro-heating-2 .pro-heating-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.heating-3 .pro-heating-3 .pro-heating-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.heating-6 .pro-heating-1 .pro-heating-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.heating-6 .pro-heating-2 .pro-heating-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.heating-6 .pro-heating-3 .pro-heating-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.heating-8 .pro-heating-3 .pro-heating-text.animation {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	display: inline-block
}
.heating-10 .pro-heating-3 .pro-heating-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.heating-11 .pro-heating-3 .pro-heating-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.pro-pipeline-box .pro-pipeline-text.animation {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	display: inline-block
}
.pro-pipeline-2 .pro-pipeline-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.pipeline-6 .pro-pipeline-1 .pro-pipeline-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.pipeline-6 .pro-pipeline-2 .pro-pipeline-text.animation {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	display: inline-block
}
.pipeline-6 .pro-pipeline-3 .pro-pipeline-text.animation {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	display: inline-block
}
.pipeline-8 .pro-pipeline-1 .pro-pipeline-text.animation {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	display: inline-block
}
.pipeline-8 .pro-pipeline-2 .pro-pipeline-text.animation {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	display: inline-block
}
.pipeline-8 .pro-pipeline-3 .pro-pipeline-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.pipeline-13 .pro-pipeline-1 .pro-pipeline-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
.pipeline-13 .pro-pipeline-2 .pro-pipeline-text.animation {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	display: inline-block
}
.pipeline-13 .pro-pipeline-3 .pro-pipeline-text.animation {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	display: inline-block
}
#bigImgs {
	text-align: center;
	width: 1099px;
	height: 652px;
	overflow: hidden;
	margin: 0 auto
}
.aboutSlide {
	position: relative;
	width: 1099px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1
}
.jCarouselLite {
	width: 1020px;
	margin: 0 auto
}
.prev, .next {
	position: absolute;
	top: 55px;
	display: inline-block;
	width: 21px;
	height: 80px;
	background: url(/baoli/img/btn_s_lr.png) no-repeat 0 0
}
.fitting .prev, .fitting .next {
	top: 0;
	height: 263px;
	z-index: 999;
	background-position: 0 center
}
.fitting .next {
	background-position: right center
}
.next {
	right: 0;
	background-position: right 0
}
.jCarouselLite p {
	width: 80%;
	text-align: left;
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	font-family: "???��?����?����?��";
	color: #0c5e3a
}
#prev-01 {
	left: 0
}
#next-01 {
	right: 0
}
.smallImg {
	cursor: pointer
}
@media screen and (max-width:1098px) {
.header {
	position: absolute
}
}

/*/css/animate.css*/
@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}
 @-webkit-keyframes bounce {
 from, 20%, 53%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
 @keyframes bounce {
 from, 20%, 53%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}
 @-webkit-keyframes flash {
 from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
 @keyframes flash {
 from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
 @keyframes pulse {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
 @-webkit-keyframes rubberBand {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 transform: scale3d(1.05, .95, 1);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
 @keyframes rubberBand {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 transform: scale3d(1.05, .95, 1);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}
 @-webkit-keyframes shake {
 from, to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
 @keyframes shake {
 from, to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
 @-webkit-keyframes headShake {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 6.5% {
 -webkit-transform: translateX(-6px) rotateY(-9deg);
 transform: translateX(-6px) rotateY(-9deg);
}
 18.5% {
 -webkit-transform: translateX(5px) rotateY(7deg);
 transform: translateX(5px) rotateY(7deg);
}
 31.5% {
 -webkit-transform: translateX(-3px) rotateY(-5deg);
 transform: translateX(-3px) rotateY(-5deg);
}
 43.5% {
 -webkit-transform: translateX(2px) rotateY(3deg);
 transform: translateX(2px) rotateY(3deg);
}
 50% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes headShake {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 6.5% {
 -webkit-transform: translateX(-6px) rotateY(-9deg);
 transform: translateX(-6px) rotateY(-9deg);
}
 18.5% {
 -webkit-transform: translateX(5px) rotateY(7deg);
 transform: translateX(5px) rotateY(7deg);
}
 31.5% {
 -webkit-transform: translateX(-3px) rotateY(-5deg);
 transform: translateX(-3px) rotateY(-5deg);
}
 43.5% {
 -webkit-transform: translateX(2px) rotateY(3deg);
 transform: translateX(2px) rotateY(3deg);
}
 50% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake;
}
 @-webkit-keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
to {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
}
}
 @keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
to {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}
 @-webkit-keyframes tada {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
 @keyframes tada {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
 from {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes wobble {
 from {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
 @-webkit-keyframes jello {
 from, 11.1%, to {
 -webkit-transform: none;
 transform: none;
}
 22.2% {
 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 transform: skewX(-12.5deg) skewY(-12.5deg);
}
 33.3% {
 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 transform: skewX(6.25deg) skewY(6.25deg);
}
 44.4% {
 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 transform: skewX(-3.125deg) skewY(-3.125deg);
}
 55.5% {
 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 transform: skewX(1.5625deg) skewY(1.5625deg);
}
 66.6% {
 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
 77.7% {
 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 transform: skewX(0.390625deg) skewY(0.390625deg);
}
 88.8% {
 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
 @keyframes jello {
 from, 11.1%, to {
 -webkit-transform: none;
 transform: none;
}
 22.2% {
 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 transform: skewX(-12.5deg) skewY(-12.5deg);
}
 33.3% {
 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 transform: skewX(6.25deg) skewY(6.25deg);
}
 44.4% {
 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 transform: skewX(-3.125deg) skewY(-3.125deg);
}
 55.5% {
 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 transform: skewX(1.5625deg) skewY(1.5625deg);
}
 66.6% {
 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
 77.7% {
 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 transform: skewX(0.390625deg) skewY(0.390625deg);
}
 88.8% {
 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center;
}
 @-webkit-keyframes bounceIn {
 from, 20%, 40%, 60%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97);
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
 @keyframes bounceIn {
 from, 20%, 40%, 60%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97);
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
 @-webkit-keyframes bounceInDown {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes bounceInDown {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
 @-webkit-keyframes bounceInLeft {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-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);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes bounceInLeft {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-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);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
 @-webkit-keyframes bounceInRight {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
	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);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes bounceInRight {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
	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);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
 @-webkit-keyframes bounceInUp {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
	opacity: 0;
	-webkit-transform: translate3d(0, 3000px, 0);
	transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
 @keyframes bounceInUp {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
	opacity: 0;
	-webkit-transform: translate3d(0, 3000px, 0);
	transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
 @-webkit-keyframes bounceOut {
 20% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 50%, 55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3);
}
}
 @keyframes bounceOut {
 20% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 50%, 55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}
 @-webkit-keyframes bounceOutDown {
 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}
}
 @keyframes bounceOutDown {
 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
 @-webkit-keyframes bounceOutLeft {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}
}
 @keyframes bounceOutLeft {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
 @-webkit-keyframes bounceOutRight {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}
}
 @keyframes bounceOutRight {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
 @-webkit-keyframes bounceOutUp {
 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);

	transform: translate3d(0, -2000px, 0);
}
}
 @keyframes bounceOutUp {
 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
 @-webkit-keyframes fadeIn {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
 @keyframes fadeIn {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
 @-webkit-keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -30%, 0);
 transform: translate3d(0, -30%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -30%, 0);
 transform: translate3d(0, -30%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
 @-webkit-keyframes fadeInDownBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInDownBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
 @-webkit-keyframes fadeInLeft {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-15%, 0, 0);
 transform: translate3d(-15%, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInLeft {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-15%, 0, 0);
 transform: translate3d(-15%, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
 @-webkit-keyframes fadeInLeftBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInLeftBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
 @-webkit-keyframes fadeInRight {
 from {
 opacity: 0;
 -webkit-transform: translate3d(15%, 0, 0);
 transform: translate3d(15%, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInRight {
 from {
 opacity: 0;
 -webkit-transform: translate3d(15%, 0, 0);
 transform: translate3d(15%, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
 @-webkit-keyframes fadeInRightBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInRightBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
 @-webkit-keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 30%, 0);
 transform: translate3d(0, 30%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 30%, 0);
 transform: translate3d(0, 30%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
 @-webkit-keyframes fadeInUpBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInUpBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
 @-webkit-keyframes fadeOut {
 from {
 opacity: 1;
}
to {
	opacity: 0;
}
}
 @keyframes fadeOut {
 from {
 opacity: 1;
}
to {
	opacity: 0;
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
 @-webkit-keyframes fadeOutDown {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
}
}
 @keyframes fadeOutDown {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
 @-webkit-keyframes fadeOutDownBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}
}
 @keyframes fadeOutDownBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
 @-webkit-keyframes fadeOutLeft {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-30%, 0, 0);
	transform: translate3d(-30%, 0, 0);
}
}
 @keyframes fadeOutLeft {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-30%, 0, 0);
	transform: translate3d(-30%, 0, 0);
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
 @-webkit-keyframes fadeOutLeftBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}
}
 @keyframes fadeOutLeftBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
 @-webkit-keyframes fadeOutRight {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(30%, 0, 0);
	transform: translate3d(30%, 0, 0);
}
}
 @keyframes fadeOutRight {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(30%, 0, 0);
	transform: translate3d(30%, 0, 0);
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
 @-webkit-keyframes fadeOutRightBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}
}
 @keyframes fadeOutRightBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
 @-webkit-keyframes fadeOutUp {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -30%, 0);
	transform: translate3d(0, -30%, 0);
}
}
 @keyframes fadeOutUp {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -30%, 0);
	transform: translate3d(0, -30%, 0);
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
 @-webkit-keyframes fadeOutUpBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}
}
 @keyframes fadeOutUpBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
 @-webkit-keyframes flip {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
 transform: perspective(400px) scale3d(.95, .95, .95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
}
 @keyframes flip {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
 transform: perspective(400px) scale3d(.95, .95, .95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}
 @-webkit-keyframes flipInX {
 from {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}
}
 @keyframes flipInX {
 from {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}
 @-webkit-keyframes flipInY {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-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-animation-timing-function: ease-in;
 animation-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);
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}
}
 @keyframes flipInY {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-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-animation-timing-function: ease-in;
 animation-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);
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}
}
.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}
 @-webkit-keyframes flipOutX {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
to {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0;
}
}
 @keyframes flipOutX {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
to {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0;
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}
 @-webkit-keyframes flipOutY {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
to {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0;
}
}
 @keyframes flipOutY {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
to {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0;
}
}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}
 @-webkit-keyframes lightSpeedIn {
 from {
 -webkit-transform: translate3d(30%, 0, 0) skewX(-30deg);
 transform: translate3d(30%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
to {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
 @keyframes lightSpeedIn {
 from {
 -webkit-transform: translate3d(30%, 0, 0) skewX(-30deg);
 transform: translate3d(30%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
to {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
 @-webkit-keyframes lightSpeedOut {
 from {
 opacity: 1;
}
to {
	-webkit-transform: translate3d(30%, 0, 0) skewX(30deg);
	transform: translate3d(30%, 0, 0) skewX(30deg);
	opacity: 0;
}
}
 @keyframes lightSpeedOut {
 from {
 opacity: 1;
}
to {
	-webkit-transform: translate3d(30%, 0, 0) skewX(30deg);
	transform: translate3d(30%, 0, 0) skewX(30deg);
	opacity: 0;
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
 @-webkit-keyframes rotateIn {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
 @keyframes rotateIn {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}
 @-webkit-keyframes rotateInDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
 @keyframes rotateInDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
 @-webkit-keyframes rotateInDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
 @keyframes rotateInDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
 @-webkit-keyframes rotateInUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
 @keyframes rotateInUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
 @-webkit-keyframes rotateInUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
 @keyframes rotateInUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
 @-webkit-keyframes rotateOut {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, 200deg);
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0;
}
}
 @keyframes rotateOut {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, 200deg);
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0;
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}
 @-webkit-keyframes rotateOutDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0;
}
}
 @keyframes rotateOutDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0;
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
 @-webkit-keyframes rotateOutDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}
}
 @keyframes rotateOutDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
 @-webkit-keyframes rotateOutUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}
}
 @keyframes rotateOutUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
 @-webkit-keyframes rotateOutUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0;
}
}
 @keyframes rotateOutUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0;
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
 @-webkit-keyframes hinge {
 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0;
}
}
 @keyframes hinge {
 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0;
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-30%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-30%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes rollIn {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-30%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-30%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(30%, 0, 0) rotate3d(0, 0, 1, 120deg);
	transform: translate3d(30%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
 @keyframes rollOut {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(30%, 0, 0) rotate3d(0, 0, 1, 120deg);
	transform: translate3d(30%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}
 @-webkit-keyframes zoomIn {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
 @keyframes zoomIn {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
 @-webkit-keyframes zoomInDown {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomInDown {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}
 @-webkit-keyframes zoomInLeft {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomInLeft {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}
 @-webkit-keyframes zoomInRight {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomInRight {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}
 @-webkit-keyframes zoomInUp {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomInUp {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}
 @-webkit-keyframes zoomOut {
 from {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
to {
	opacity: 0;
}
}
 @keyframes zoomOut {
 from {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
to {
	opacity: 0;
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}
 @-webkit-keyframes zoomOutDown {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomOutDown {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}
 @-webkit-keyframes zoomOutLeft {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
}
 @keyframes zoomOutLeft {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}
 @-webkit-keyframes zoomOutRight {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
}
 @keyframes zoomOutRight {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}
 @-webkit-keyframes zoomOutUp {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomOutUp {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}
 @-webkit-keyframes slideInDown {
 from {
 -webkit-transform: translate3d(0, -30%, 0);
 transform: translate3d(0, -30%, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInDown {
 from {
 -webkit-transform: translate3d(0, -30%, 0);
 transform: translate3d(0, -30%, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}
 @-webkit-keyframes slideInLeft {
 from {
 -webkit-transform: translate3d(-30%, 0, 0);
 transform: translate3d(-30%, 0, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInLeft {
 from {
 -webkit-transform: translate3d(-30%, 0, 0);
 transform: translate3d(-30%, 0, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
 @-webkit-keyframes slideInRight {
 from {
 -webkit-transform: translate3d(30%, 0, 0);
 transform: translate3d(30%, 0, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInRight {
 from {
 -webkit-transform: translate3d(30%, 0, 0);
 transform: translate3d(30%, 0, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
 @-webkit-keyframes slideInUp {
 from {
 -webkit-transform: translate3d(0, 30%, 0);
 transform: translate3d(0, 30%, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInUp {
 from {
 -webkit-transform: translate3d(0, 30%, 0);
 transform: translate3d(0, 30%, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}
 @-webkit-keyframes slideOutDown {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
}
}
 @keyframes slideOutDown {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}
 @-webkit-keyframes slideOutLeft {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-30%, 0, 0);
	transform: translate3d(-30%, 0, 0);
}
}
 @keyframes slideOutLeft {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-30%, 0, 0);
	transform: translate3d(-30%, 0, 0);
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}
 @-webkit-keyframes slideOutRight {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(30%, 0, 0);
	transform: translate3d(30%, 0, 0);
}
}
 @keyframes slideOutRight {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(30%, 0, 0);
	transform: translate3d(30%, 0, 0);
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}
 @-webkit-keyframes slideOutUp {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -30%, 0);
	transform: translate3d(0, -30%, 0);
}
}
 @keyframes slideOutUp {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -30%, 0);
	transform: translate3d(0, -30%, 0);
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}