@import url(themify-icons.css);

 @import url(hover-min.css);

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {

	margin: 0;

	padding: 0

}

body {

	color: #000;

	background: #666;

	font-size: 14px;

	font-family: "Roboto", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;

	font-weight: regular

}

sub, sup {

	font-size: 50%

}

a {

	text-decoration: none;

	color: #000

}

a:hover, a:focus {

	color: #0e4586;

	text-decoration: none

}

a span.more.ani-left-right {

	display: inline-block;

	vertical-align: middle;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	box-shadow: 0 0 1px rgba(0,0,0,0);

	position: relative;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s

}

a span.more.ani-left-right:before {

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: #0e4586;

	-webkit-transform: scaleX(0);

	transform: scaleX(0);

	-webkit-transform-origin: 0 50%;

	transform-origin: 0 50%;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out

}

a:hover span.more.ani-left-right:before {

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)

}

.line01 {

	display: block;

	width: 13px;

	height: 13px;

	text-align: center;

	margin: 0 auto;

	position: relative

}

.line01 i {

	display: inline-block;

	vertical-align: top;

	width: 13px;

	height: 13px;

	line-height: 13px;

	font-size: 12px

}

.line01:before {

	content: '';

	display: block;

	width: 30px;

	height: 1px;

	line-height: 1px;

	background: #fff;

	position: absolute;

	left: -29px;

	top: 5px

}

.line01:after {

	content: '';

	display: block;

	width: 30px;

	height: 1px;

	line-height: 1px;

	background: #fff;

	position: absolute;

	right: -29px;

	top: 5px

}

.w_col {

	padding: 0 80px

}

 @media (max-width: 1681px) {

.w_col {

	padding: 0 60px

}

}

 @media (max-width: 1440px) {

.w_col {

	padding: 0 40px

}

}

 @media (max-width: 1380px) {

.w_col {

	padding: 0 30px

}

}

.w {

	width: 1200px;

	margin: 0 auto

}

.WinH {

	position: relative

}

.p20 {

	padding: 20px !important

}

.np {

	margin: 0;

	padding: 0

}

.np [class*="am-"] {

	margin: 0;

	padding: 0

}

.pages {

	text-align: center;

	padding: 0 0 10px

}

.pages a {

	display: block;

	width: 80px;

	height: 34px;

	line-height: 32px;

	font-size: 14px;

	background: none;

	color: #999;

	border: 1px solid #999

}

.pages a:hover {

	color: #999

}

.text-center {

	text-align: center

}

.pagination {

	display: inline-block;

	padding-left: 0;

	margin: 0 0 30px 0;

	border-radius: 0px

}

.pagination>li {

	display: inline

}

.pagination>li>a, .pagination>li>span {

	position: relative;

	float: left;

	padding: 6px 16px;

	margin-left: 0px;

	line-height: 1.42857143;

	color: #fff;

	text-decoration: none;

	background-color: #999;

	border: none;

	font-size: 14px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	margin-right: 15px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}





.pagination>li>span {

	background:#0e4586

}

.pagination>li:first-child>a, .pagination>li:first-child>span {

	margin-left: 0

}

.pagination>li:last-child>a, .pagination>li:last-child>span {

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px

}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {

	z-index: 3;

	color: #fff;

	background: #0e4586

}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {

	z-index: 2;

	color: #fff;

	cursor: default;

	background-color: #0e4586;

	border-color: #0e4586

}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {

	color: #777;

	cursor: not-allowed;

	background-color: #fff;

	border-color: #ddd

}

@font-face {

	font-family: 'iconfont';

	src: url("//at.alicdn.com/t/font_759687_jugdczrbtvb.eot");

	src: url("../fonts/font_759687_jugdczrbtvb.eot") format("embedded-opentype"), url("../fonts/font_759687_jugdczrbtvb.woff") format("woff"), url("../fonts/font_759687_jugdczrbtvb.ttf") format("truetype"), url("../fonts/font_759687_jugdczrbtvb.svg#iconfont") format("svg")

}

.iconfont {

	font-family: "iconfont" !important;

	font-size: 16px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale

}

@font-face {

	font-family: 'Roboto';

	font-style: normal;

	font-weight: regular;

	src: url("../fonts/roboto-regular.eot");

	src: local("Roboto"), local("Roboto-Normal"), url("../fonts/roboto-regular.eot") format("embedded-opentype"), url("../fonts/roboto-regular.woff2") format("woff2"), url("../fonts/roboto-regular.woff") format("woff"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.svg#roboto") format("svg")

}

@font-face {

	font-family: 'Roboto';

	font-style: normal;

	font-weight: 500;

	src: url("../fonts/roboto-500.eot");

	src: local("Roboto"), local("Roboto-Normal"), url("../fonts/roboto-500.eot") format("embedded-opentype"), url("../fonts/roboto-500.woff2") format("woff2"), url("../fonts/roboto-500.woff") format("woff"), url("../fonts/roboto-500.ttf") format("truetype"), url("../fonts/roboto-500.svg#roboto") format("svg")

}

@font-face {

	font-family: 'Roboto';

	font-style: normal;

	font-weight: 700;

	src: url("../fonts/roboto-700.eot");

	src: local("Roboto"), local("Roboto-Normal"), url("../fonts/roboto-700.eot") format("embedded-opentype"), url("../fonts/roboto-700.woff2") format("woff2"), url("../fonts/roboto-700.woff") format("woff"), url("../fonts/roboto-700.ttf") format("truetype"), url("../fonts/roboto-700.svg#roboto") format("svg")

}

@font-face {

	font-family: 'Roboto';

	font-style: normal;

	font-weight: 300;

	src: url("../fonts/roboto-300.eot");

	src: local("Roboto"), local("Roboto-Normal"), url("../fonts/roboto-300.eot") format("embedded-opentype"), url("../fonts/roboto-300.woff2") format("woff2"), url("../fonts/roboto-300.woff") format("woff"), url("../fonts/roboto-300.ttf") format("truetype"), url("../fonts/roboto-300.svg#roboto") format("svg")

}

.Validform_checktip {

	margin-left: 8px;

	line-height: 20px;

	height: 20px;

	overflow: hidden;

	color: #999;

	font-size: 12px

}

.Validform_right {

	color: #71b83d;

	padding-left: 20px;

	background: url(../../images/qicai/right.png) no-repeat left center

}

.Validform_wrong {

	color: red;

	padding-left: 20px;

	white-space: nowrap;

	background: url(../../images/qicai/error.png) no-repeat left center

}

.Validform_loading {

	padding-left: 20px;

	background: url(../../images/qicai/onload.gif) no-repeat left center

}

.Validform_error {

	background-color: #ffe7e7

}

#Validform_msg {

	color: #7d8289;

	font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;

	width: 280px;

	-webkit-box-shadow: 2px 2px 3px #aaa;

	-moz-box-shadow: 2px 2px 3px #aaa;

	background: #fff;

	position: absolute;

	top: 0px;

	right: 50px;

	z-index: 19891016;

	display: none;

 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');

	box-shadow: 2px 2px 0 rgba(0,0,0,0.1)

}

#Validform_msg .iframe {

	position: absolute;

	left: 0px;

	top: -1px;

	z-index: -1

}

#Validform_msg .Validform_title {

	line-height: 25px;

	height: 25px;

	text-align: left;

	font-weight: bold;

	padding: 0 8px;

	color: #fff;

	position: relative;

	background-color: #999;

	background: -moz-linear-gradient(top, #999, #666 100%);

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666));

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666')

}

#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {

	line-height: 22px;

	position: absolute;

	right: 8px;

	top: 0px;

	color: #fff;

	text-decoration: none

}

#Validform_msg a.Validform_close:hover {

	color: #ccc

}

#Validform_msg .Validform_info {

	padding: 8px;

	border: 1px solid #bbb;

	border-top: none;

	text-align: left

}

.page_404 {

	position: relative

}

.page_404 .inner {

	width: 800px;

	height: 550px;

	padding: 425px 0 0;

	background: url("../../images/qicai/404.jpg") center center no-repeat;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -400px;

	margin-top: -275px

}

.page_404 .inner span.txt {

	display: block;

	font-size: 20px;

	color: #999;

	text-align: center;

	margin-bottom: 20px

}

.page_404 .inner .btn {

	width: 100%

}

.page_404 .inner .btn ul {

	text-align: center

}

.page_404 .inner .btn ul li {

	display: inline-block;

	width: 90px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	margin: 0 6px

}

.page_404 .inner .btn ul li a {

	display: block

}

.page_404 .inner .btn ul li:nth-child(1) a {

	background: #0e4586;

	color: #fff

}

.page_404 .inner .btn ul li:nth-child(2) {

	line-height: 36px

}

.page_404 .inner .btn ul li:nth-child(2) a {

	border: 2px solid #0e4586;

	color: #0e4586

}/*!

Animate.css - http://daneden.me/animate

Licensed under the MIT license - http://opensource.org/licenses/MIT



Copyright (c) 2015 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

}

 @-webkit-keyframes bounce {

 0%, 100%, 20%, 53%, 80% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

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

 transform: translate3d(0, 0, 0)

}

 40%, 43% {

 -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 -webkit-transform: translate3d(0, -30px, 0);

 transform: translate3d(0, -30px, 0)

}

 70% {

 -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 -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 {

 0%, 100%, 20%, 53%, 80% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

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

 -ms-transform: translate3d(0, 0, 0);

 transform: translate3d(0, 0, 0)

}

 40%, 43% {

 -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 -webkit-transform: translate3d(0, -30px, 0);

 -ms-transform: translate3d(0, -30px, 0);

 transform: translate3d(0, -30px, 0)

}

 70% {

 -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 -webkit-transform: translate3d(0, -15px, 0);

 -ms-transform: translate3d(0, -15px, 0);

 transform: translate3d(0, -15px, 0)

}

 90% {

 -webkit-transform: translate3d(0, -4px, 0);

 -ms-transform: translate3d(0, -4px, 0);

 transform: translate3d(0, -4px, 0)

}

}

.bounce {

	-webkit-animation-name: bounce;

	animation-name: bounce;

	-webkit-transform-origin: center bottom;

	-ms-transform-origin: center bottom;

	transform-origin: center bottom

}

 @-webkit-keyframes flash {

 0%, 100%, 50% {

 opacity: 1

}

 25%, 75% {

 opacity: 0

}

}

 @keyframes flash {

 0%, 100%, 50% {

 opacity: 1

}

 25%, 75% {

 opacity: 0

}

}

.flash {

	-webkit-animation-name: flash;

	animation-name: flash

}

 @-webkit-keyframes pulse {

 0% {

 -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)

}

 100% {

 -webkit-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1)

}

}

 @keyframes pulse {

 0% {

 -webkit-transform: scale3d(1, 1, 1);

 -ms-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1)

}

 50% {

 -webkit-transform: scale3d(1.05, 1.05, 1.05);

 -ms-transform: scale3d(1.05, 1.05, 1.05);

 transform: scale3d(1.05, 1.05, 1.05)

}

 100% {

 -webkit-transform: scale3d(1, 1, 1);

 -ms-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1)

}

}

.pulse {

	-webkit-animation-name: pulse;

	animation-name: pulse

}

 @-webkit-keyframes rubberBand {

 0% {

 -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(0.95, 1.05, 1);

 transform: scale3d(0.95, 1.05, 1)

}

 75% {

 -webkit-transform: scale3d(1.05, 0.95, 1);

 transform: scale3d(1.05, 0.95, 1)

}

 100% {

 -webkit-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1)

}

}

 @keyframes rubberBand {

 0% {

 -webkit-transform: scale3d(1, 1, 1);

 -ms-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1)

}

 30% {

 -webkit-transform: scale3d(1.25, 0.75, 1);

 -ms-transform: scale3d(1.25, 0.75, 1);

 transform: scale3d(1.25, 0.75, 1)

}

 40% {

 -webkit-transform: scale3d(0.75, 1.25, 1);

 -ms-transform: scale3d(0.75, 1.25, 1);

 transform: scale3d(0.75, 1.25, 1)

}

 50% {

 -webkit-transform: scale3d(1.15, 0.85, 1);

 -ms-transform: scale3d(1.15, 0.85, 1);

 transform: scale3d(1.15, 0.85, 1)

}

 65% {

 -webkit-transform: scale3d(0.95, 1.05, 1);

 -ms-transform: scale3d(0.95, 1.05, 1);

 transform: scale3d(0.95, 1.05, 1)

}

 75% {

 -webkit-transform: scale3d(1.05, 0.95, 1);

 -ms-transform: scale3d(1.05, 0.95, 1);

 transform: scale3d(1.05, 0.95, 1)

}

 100% {

 -webkit-transform: scale3d(1, 1, 1);

 -ms-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1)

}

}

.rubberBand {

	-webkit-animation-name: rubberBand;

	animation-name: rubberBand

}

 @-webkit-keyframes shake {

 0%, 100% {

 -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 {

 0%, 100% {

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

 -ms-transform: translate3d(0, 0, 0);

 transform: translate3d(0, 0, 0)

}

 10%, 30%, 50%, 70%, 90% {

 -webkit-transform: translate3d(-10px, 0, 0);

 -ms-transform: translate3d(-10px, 0, 0);

 transform: translate3d(-10px, 0, 0)

}

 20%, 40%, 60%, 80% {

 -webkit-transform: translate3d(10px, 0, 0);

 -ms-transform: translate3d(10px, 0, 0);

 transform: translate3d(10px, 0, 0)

}

}

.shake {

	-webkit-animation-name: shake;

	animation-name: shake

}

 @-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)

}

 100% {

 -webkit-transform: rotate3d(0, 0, 1, 0deg);

 transform: rotate3d(0, 0, 1, 0deg)

}

}

 @keyframes swing {

 20% {

 -webkit-transform: rotate3d(0, 0, 1, 15deg);

 -ms-transform: rotate3d(0, 0, 1, 15deg);

 transform: rotate3d(0, 0, 1, 15deg)

}

 40% {

 -webkit-transform: rotate3d(0, 0, 1, -10deg);

 -ms-transform: rotate3d(0, 0, 1, -10deg);

 transform: rotate3d(0, 0, 1, -10deg)

}

 60% {

 -webkit-transform: rotate3d(0, 0, 1, 5deg);

 -ms-transform: rotate3d(0, 0, 1, 5deg);

 transform: rotate3d(0, 0, 1, 5deg)

}

 80% {

 -webkit-transform: rotate3d(0, 0, 1, -5deg);

 -ms-transform: rotate3d(0, 0, 1, -5deg);

 transform: rotate3d(0, 0, 1, -5deg)

}

 100% {

 -webkit-transform: rotate3d(0, 0, 1, 0deg);

 -ms-transform: rotate3d(0, 0, 1, 0deg);

 transform: rotate3d(0, 0, 1, 0deg)

}

}

.swing {

	-webkit-transform-origin: top center;

	-ms-transform-origin: top center;

	transform-origin: top center;

	-webkit-animation-name: swing;

	animation-name: swing

}

 @-webkit-keyframes tada {

 0% {

 -webkit-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1)

}

 10%, 20% {

 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

 transform: scale3d(0.9, 0.9, 0.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)

}

 100% {

 -webkit-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1)

}

}

 @keyframes tada {

 0% {

 -webkit-transform: scale3d(1, 1, 1);

 -ms-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1)

}

 10%, 20% {

 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

 -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)

}

 30%, 50%, 70%, 90% {

 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

 -ms-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);

 -ms-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)

}

 100% {

 -webkit-transform: scale3d(1, 1, 1);

 -ms-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1)

}

}

.tada {

	-webkit-animation-name: tada;

	animation-name: tada

}

 @-webkit-keyframes wobble {

 0% {

 -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)

}

 100% {

 -webkit-transform: none;

 transform: none

}

}

 @keyframes wobble {

 0% {

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

 15% {

 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

 -ms-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);

 -ms-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);

 -ms-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);

 -ms-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);

 -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

}

 100% {

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

}

.wobble {

	-webkit-animation-name: wobble;

	animation-name: wobble

}

 @-webkit-keyframes bounceIn {

 0%, 100%, 20%, 40%, 60%, 80% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

}

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3)

}

 20% {

 -webkit-transform: scale3d(1.1, 1.1, 1.1);

 transform: scale3d(1.1, 1.1, 1.1)

}

 40% {

 -webkit-transform: scale3d(0.9, 0.9, 0.9);

 transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);

 transform: scale3d(0.97, 0.97, 0.97)

}

 100% {

 opacity: 1;

 -webkit-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1)

}

}

 @keyframes bounceIn {

 0%, 100%, 20%, 40%, 60%, 80% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

}

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 -ms-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3)

}

 20% {

 -webkit-transform: scale3d(1.1, 1.1, 1.1);

 -ms-transform: scale3d(1.1, 1.1, 1.1);

 transform: scale3d(1.1, 1.1, 1.1)

}

 40% {

 -webkit-transform: scale3d(0.9, 0.9, 0.9);

 -ms-transform: scale3d(0.9, 0.9, 0.9);

 transform: scale3d(0.9, 0.9, 0.9)

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(1.03, 1.03, 1.03);

 -ms-transform: scale3d(1.03, 1.03, 1.03);

 transform: scale3d(1.03, 1.03, 1.03)

}

 80% {

 -webkit-transform: scale3d(0.97, 0.97, 0.97);

 -ms-transform: scale3d(0.97, 0.97, 0.97);

 transform: scale3d(0.97, 0.97, 0.97)

}

 100% {

 opacity: 1;

 -webkit-transform: scale3d(1, 1, 1);

 -ms-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1)

}

}

.bounceIn {

	-webkit-animation-name: bounceIn;

	animation-name: bounceIn;

	-webkit-animation-duration: .75s;

	animation-duration: .75s

}

 @-webkit-keyframes bounceInDown {

 0%, 100%, 60%, 75%, 90% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

}

 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)

}

 100% {

 -webkit-transform: none;

 transform: none

}

}

 @keyframes bounceInDown {

 0%, 100%, 60%, 75%, 90% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -3000px, 0);

 -ms-transform: translate3d(0, -3000px, 0);

 transform: translate3d(0, -3000px, 0)

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(0, 25px, 0);

 -ms-transform: translate3d(0, 25px, 0);

 transform: translate3d(0, 25px, 0)

}

 75% {

 -webkit-transform: translate3d(0, -10px, 0);

 -ms-transform: translate3d(0, -10px, 0);

 transform: translate3d(0, -10px, 0)

}

 90% {

 -webkit-transform: translate3d(0, 5px, 0);

 -ms-transform: translate3d(0, 5px, 0);

 transform: translate3d(0, 5px, 0)

}

 100% {

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

}

.bounceInDown {

	-webkit-animation-name: bounceInDown;

	animation-name: bounceInDown

}

 @-webkit-keyframes bounceInLeft {

 0%, 100%, 60%, 75%, 90% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-3000px, 0, 0);

 transform: translate3d(-3000px, 0, 0)

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(25px, 0, 0);

 transform: translate3d(25px, 0, 0)

}

 75% {

 -webkit-transform: translate3d(-10px, 0, 0);

 transform: translate3d(-10px, 0, 0)

}

 90% {

 -webkit-transform: translate3d(5px, 0, 0);

 transform: translate3d(5px, 0, 0)

}

 100% {

 -webkit-transform: none;

 transform: none

}

}

 @keyframes bounceInLeft {

 0%, 100%, 60%, 75%, 90% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-3000px, 0, 0);

 -ms-transform: translate3d(-3000px, 0, 0);

 transform: translate3d(-3000px, 0, 0)

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(25px, 0, 0);

 -ms-transform: translate3d(25px, 0, 0);

 transform: translate3d(25px, 0, 0)

}

 75% {

 -webkit-transform: translate3d(-10px, 0, 0);

 -ms-transform: translate3d(-10px, 0, 0);

 transform: translate3d(-10px, 0, 0)

}

 90% {

 -webkit-transform: translate3d(5px, 0, 0);

 -ms-transform: translate3d(5px, 0, 0);

 transform: translate3d(5px, 0, 0)

}

 100% {

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

}

.bounceInLeft {

	-webkit-animation-name: bounceInLeft;

	animation-name: bounceInLeft

}

 @-webkit-keyframes bounceInRight {

 0%, 100%, 60%, 75%, 90% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(3000px, 0, 0);

 transform: translate3d(3000px, 0, 0)

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(-25px, 0, 0);

 transform: translate3d(-25px, 0, 0)

}

 75% {

 -webkit-transform: translate3d(10px, 0, 0);

 transform: translate3d(10px, 0, 0)

}

 90% {

 -webkit-transform: translate3d(-5px, 0, 0);

 transform: translate3d(-5px, 0, 0)

}

 100% {

 -webkit-transform: none;

 transform: none

}

}

 @keyframes bounceInRight {

 0%, 100%, 60%, 75%, 90% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(3000px, 0, 0);

 -ms-transform: translate3d(3000px, 0, 0);

 transform: translate3d(3000px, 0, 0)

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(-25px, 0, 0);

 -ms-transform: translate3d(-25px, 0, 0);

 transform: translate3d(-25px, 0, 0)

}

 75% {

 -webkit-transform: translate3d(10px, 0, 0);

 -ms-transform: translate3d(10px, 0, 0);

 transform: translate3d(10px, 0, 0)

}

 90% {

 -webkit-transform: translate3d(-5px, 0, 0);

 -ms-transform: translate3d(-5px, 0, 0);

 transform: translate3d(-5px, 0, 0)

}

 100% {

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

}

.bounceInRight {

	-webkit-animation-name: bounceInRight;

	animation-name: bounceInRight

}

 @-webkit-keyframes bounceInUp {

 0%, 100%, 60%, 75%, 90% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

}

 0% {

 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)

}

 100% {

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

 transform: translate3d(0, 0, 0)

}

}

 @keyframes bounceInUp {

 0%, 100%, 60%, 75%, 90% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, 3000px, 0);

 -ms-transform: translate3d(0, 3000px, 0);

 transform: translate3d(0, 3000px, 0)

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(0, -20px, 0);

 -ms-transform: translate3d(0, -20px, 0);

 transform: translate3d(0, -20px, 0)

}

 75% {

 -webkit-transform: translate3d(0, 10px, 0);

 -ms-transform: translate3d(0, 10px, 0);

 transform: translate3d(0, 10px, 0)

}

 90% {

 -webkit-transform: translate3d(0, -5px, 0);

 -ms-transform: translate3d(0, -5px, 0);

 transform: translate3d(0, -5px, 0)

}

 100% {

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

 -ms-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(0.9, 0.9, 0.9);

 transform: scale3d(0.9, 0.9, 0.9)

}

 50%, 55% {

 opacity: 1;

 -webkit-transform: scale3d(1.1, 1.1, 1.1);

 transform: scale3d(1.1, 1.1, 1.1)

}

 100% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3)

}

}

 @keyframes bounceOut {

 20% {

 -webkit-transform: scale3d(0.9, 0.9, 0.9);

 -ms-transform: scale3d(0.9, 0.9, 0.9);

 transform: scale3d(0.9, 0.9, 0.9)

}

 50%, 55% {

 opacity: 1;

 -webkit-transform: scale3d(1.1, 1.1, 1.1);

 -ms-transform: scale3d(1.1, 1.1, 1.1);

 transform: scale3d(1.1, 1.1, 1.1)

}

 100% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 -ms-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3)

}

}

.bounceOut {

	-webkit-animation-name: bounceOut;

	animation-name: bounceOut;

	-webkit-animation-duration: .75s;

	animation-duration: .75s

}

 @-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)

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, 2000px, 0);

 transform: translate3d(0, 2000px, 0)

}

}

 @keyframes bounceOutDown {

 20% {

 -webkit-transform: translate3d(0, 10px, 0);

 -ms-transform: translate3d(0, 10px, 0);

 transform: translate3d(0, 10px, 0)

}

 40%, 45% {

 opacity: 1;

 -webkit-transform: translate3d(0, -20px, 0);

 -ms-transform: translate3d(0, -20px, 0);

 transform: translate3d(0, -20px, 0)

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, 2000px, 0);

 -ms-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)

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(-2000px, 0, 0);

 transform: translate3d(-2000px, 0, 0)

}

}

 @keyframes bounceOutLeft {

 20% {

 opacity: 1;

 -webkit-transform: translate3d(20px, 0, 0);

 -ms-transform: translate3d(20px, 0, 0);

 transform: translate3d(20px, 0, 0)

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(-2000px, 0, 0);

 -ms-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)

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(2000px, 0, 0);

 transform: translate3d(2000px, 0, 0)

}

}

 @keyframes bounceOutRight {

 20% {

 opacity: 1;

 -webkit-transform: translate3d(-20px, 0, 0);

 -ms-transform: translate3d(-20px, 0, 0);

 transform: translate3d(-20px, 0, 0)

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(2000px, 0, 0);

 -ms-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)

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, -2000px, 0);

 transform: translate3d(0, -2000px, 0)

}

}

 @keyframes bounceOutUp {

 20% {

 -webkit-transform: translate3d(0, -10px, 0);

 -ms-transform: translate3d(0, -10px, 0);

 transform: translate3d(0, -10px, 0)

}

 40%, 45% {

 opacity: 1;

 -webkit-transform: translate3d(0, 20px, 0);

 -ms-transform: translate3d(0, 20px, 0);

 transform: translate3d(0, 20px, 0)

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, -2000px, 0);

 -ms-transform: translate3d(0, -2000px, 0);

 transform: translate3d(0, -2000px, 0)

}

}

.bounceOutUp {

	-webkit-animation-name: bounceOutUp;

	animation-name: bounceOutUp

}

 @-webkit-keyframes fadeIn {

 0% {

 opacity: 0

}

 100% {

 opacity: 1

}

}

 @keyframes fadeIn {

 0% {

 opacity: 0

}

 100% {

 opacity: 1

}

}

.fadeIn {

	-webkit-animation-name: fadeIn;

	animation-name: fadeIn

}

 @-webkit-keyframes fadeInDown {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -100%, 0);

 transform: translate3d(0, -100%, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none

}

}

 @keyframes fadeInDown {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -100%, 0);

 -ms-transform: translate3d(0, -100%, 0);

 transform: translate3d(0, -100%, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

}

.fadeInDown {

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown

}

 @-webkit-keyframes fadeInDownBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -2000px, 0);

 transform: translate3d(0, -2000px, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none

}

}

 @keyframes fadeInDownBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -2000px, 0);

 -ms-transform: translate3d(0, -2000px, 0);

 transform: translate3d(0, -2000px, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

}

.fadeInDownBig {

	-webkit-animation-name: fadeInDownBig;

	animation-name: fadeInDownBig

}

 @-webkit-keyframes fadeInLeft {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0);

 transform: translate3d(-100%, 0, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none

}

}

 @keyframes fadeInLeft {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0);

 -ms-transform: translate3d(-100%, 0, 0);

 transform: translate3d(-100%, 0, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

}

.fadeInLeft {

	-webkit-animation-name: fadeInLeft;

	animation-name: fadeInLeft

}

 @-webkit-keyframes fadeInLeftBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-2000px, 0, 0);

 transform: translate3d(-2000px, 0, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none

}

}

 @keyframes fadeInLeftBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-2000px, 0, 0);

 -ms-transform: translate3d(-2000px, 0, 0);

 transform: translate3d(-2000px, 0, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

}

.fadeInLeftBig {

	-webkit-animation-name: fadeInLeftBig;

	animation-name: fadeInLeftBig

}

 @-webkit-keyframes fadeInRight {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(100%, 0, 0);

 transform: translate3d(100%, 0, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none

}

}

 @keyframes fadeInRight {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(100%, 0, 0);

 -ms-transform: translate3d(100%, 0, 0);

 transform: translate3d(100%, 0, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

}

.fadeInRight {

	-webkit-animation-name: fadeInRight;

	animation-name: fadeInRight

}

 @-webkit-keyframes fadeInRightBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(2000px, 0, 0);

 transform: translate3d(2000px, 0, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none

}

}

 @keyframes fadeInRightBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(2000px, 0, 0);

 -ms-transform: translate3d(2000px, 0, 0);

 transform: translate3d(2000px, 0, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

}

.fadeInRightBig {

	-webkit-animation-name: fadeInRightBig;

	animation-name: fadeInRightBig

}

 @-webkit-keyframes fadeInUp {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, 100%, 0);

 transform: translate3d(0, 100%, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none

}

}

 @keyframes fadeInUp {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, 100%, 0);

 -ms-transform: translate3d(0, 100%, 0);

 transform: translate3d(0, 100%, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

}

.fadeInUp {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp

}

 @-webkit-keyframes fadeInUpBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, 2000px, 0);

 transform: translate3d(0, 2000px, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none

}

}

 @keyframes fadeInUpBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, 2000px, 0);

 -ms-transform: translate3d(0, 2000px, 0);

 transform: translate3d(0, 2000px, 0)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

}

.fadeInUpBig {

	-webkit-animation-name: fadeInUpBig;

	animation-name: fadeInUpBig

}

 @-webkit-keyframes fadeOut {

 0% {

 opacity: 1

}

 100% {

 opacity: 0

}

}

 @keyframes fadeOut {

 0% {

 opacity: 1

}

 100% {

 opacity: 0

}

}

.fadeOut {

	-webkit-animation-name: fadeOut;

	animation-name: fadeOut

}

 @-webkit-keyframes fadeOutDown {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, 100%, 0);

 transform: translate3d(0, 100%, 0)

}

}

 @keyframes fadeOutDown {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, 100%, 0);

 -ms-transform: translate3d(0, 100%, 0);

 transform: translate3d(0, 100%, 0)

}

}

.fadeOutDown {

	-webkit-animation-name: fadeOutDown;

	animation-name: fadeOutDown

}

 @-webkit-keyframes fadeOutDownBig {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, 2000px, 0);

 transform: translate3d(0, 2000px, 0)

}

}

 @keyframes fadeOutDownBig {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, 2000px, 0);

 -ms-transform: translate3d(0, 2000px, 0);

 transform: translate3d(0, 2000px, 0)

}

}

.fadeOutDownBig {

	-webkit-animation-name: fadeOutDownBig;

	animation-name: fadeOutDownBig

}

 @-webkit-keyframes fadeOutLeft {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0);

 transform: translate3d(-100%, 0, 0)

}

}

 @keyframes fadeOutLeft {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0);

 -ms-transform: translate3d(-100%, 0, 0);

 transform: translate3d(-100%, 0, 0)

}

}

.fadeOutLeft {

	-webkit-animation-name: fadeOutLeft;

	animation-name: fadeOutLeft

}

 @-webkit-keyframes fadeOutLeftBig {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(-2000px, 0, 0);

 transform: translate3d(-2000px, 0, 0)

}

}

 @keyframes fadeOutLeftBig {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(-2000px, 0, 0);

 -ms-transform: translate3d(-2000px, 0, 0);

 transform: translate3d(-2000px, 0, 0)

}

}

.fadeOutLeftBig {

	-webkit-animation-name: fadeOutLeftBig;

	animation-name: fadeOutLeftBig

}

 @-webkit-keyframes fadeOutRight {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(100%, 0, 0);

 transform: translate3d(100%, 0, 0)

}

}

 @keyframes fadeOutRight {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(100%, 0, 0);

 -ms-transform: translate3d(100%, 0, 0);

 transform: translate3d(100%, 0, 0)

}

}

.fadeOutRight {

	-webkit-animation-name: fadeOutRight;

	animation-name: fadeOutRight

}

 @-webkit-keyframes fadeOutRightBig {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(2000px, 0, 0);

 transform: translate3d(2000px, 0, 0)

}

}

 @keyframes fadeOutRightBig {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(2000px, 0, 0);

 -ms-transform: translate3d(2000px, 0, 0);

 transform: translate3d(2000px, 0, 0)

}

}

.fadeOutRightBig {

	-webkit-animation-name: fadeOutRightBig;

	animation-name: fadeOutRightBig

}

 @-webkit-keyframes fadeOutUp {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, -100%, 0);

 transform: translate3d(0, -100%, 0)

}

}

 @keyframes fadeOutUp {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, -100%, 0);

 -ms-transform: translate3d(0, -100%, 0);

 transform: translate3d(0, -100%, 0)

}

}

.fadeOutUp {

	-webkit-animation-name: fadeOutUp;

	animation-name: fadeOutUp

}

 @-webkit-keyframes fadeOutUpBig {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, -2000px, 0);

 transform: translate3d(0, -2000px, 0)

}

}

 @keyframes fadeOutUpBig {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, -2000px, 0);

 -ms-transform: translate3d(0, -2000px, 0);

 transform: translate3d(0, -2000px, 0)

}

}

.fadeOutUpBig {

	-webkit-animation-name: fadeOutUpBig;

	animation-name: fadeOutUpBig

}

 @-webkit-keyframes flip {

 0% {

 -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(0.95, 0.95, 0.95);

 transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in

}

 100% {

 -webkit-transform: perspective(400px);

 transform: perspective(400px);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in

}

}

 @keyframes flip {

 0% {

 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

 -ms-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);

 -ms-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);

 -ms-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(0.95, 0.95, 0.95);

 -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

 transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in

}

 100% {

 -webkit-transform: perspective(400px);

 -ms-transform: perspective(400px);

 transform: perspective(400px);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in

}

}

.animated.flip {

	-webkit-backface-visibility: visible;

	-ms-backface-visibility: visible;

	backface-visibility: visible;

	-webkit-animation-name: flip;

	animation-name: flip

}

 @-webkit-keyframes flipInX {

 0% {

 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

 -webkit-transition-timing-function: ease-in;

 transition-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-transition-timing-function: ease-in;

 transition-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)

}

 100% {

 -webkit-transform: perspective(400px);

 transform: perspective(400px)

}

}

 @keyframes flipInX {

 0% {

 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

 -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

 -webkit-transition-timing-function: ease-in;

 transition-timing-function: ease-in;

 opacity: 0

}

 40% {

 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

 -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

 -webkit-transition-timing-function: ease-in;

 transition-timing-function: ease-in

}

 60% {

 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

 -ms-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);

 -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

 transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

}

 100% {

 -webkit-transform: perspective(400px);

 -ms-transform: perspective(400px);

 transform: perspective(400px)

}

}

.flipInX {

	-webkit-backface-visibility: visible !important;

	-ms-backface-visibility: visible !important;

	backface-visibility: visible !important;

	-webkit-animation-name: flipInX;

	animation-name: flipInX

}

 @-webkit-keyframes flipInY {

 0% {

 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

 -webkit-transition-timing-function: ease-in;

 transition-timing-function: ease-in;

 opacity: 0

}

 40% {

 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

 -webkit-transition-timing-function: ease-in;

 transition-timing-function: ease-in

}

 60% {

 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

 opacity: 1

}

 80% {

 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

 transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

}

 100% {

 -webkit-transform: perspective(400px);

 transform: perspective(400px)

}

}

 @keyframes flipInY {

 0% {

 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

 -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

 -webkit-transition-timing-function: ease-in;

 transition-timing-function: ease-in;

 opacity: 0

}

 40% {

 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

 -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

 -webkit-transition-timing-function: ease-in;

 transition-timing-function: ease-in

}

 60% {

 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

 -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

 opacity: 1

}

 80% {

 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

 -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

 transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

}

 100% {

 -webkit-transform: perspective(400px);

 -ms-transform: perspective(400px);

 transform: perspective(400px)

}

}

.flipInY {

	-webkit-backface-visibility: visible !important;

	-ms-backface-visibility: visible !important;

	backface-visibility: visible !important;

	-webkit-animation-name: flipInY;

	animation-name: flipInY

}

 @-webkit-keyframes flipOutX {

 0% {

 -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

}

 100% {

 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

 opacity: 0

}

}

 @keyframes flipOutX {

 0% {

 -webkit-transform: perspective(400px);

 -ms-transform: perspective(400px);

 transform: perspective(400px)

}

 30% {

 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

 -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

 opacity: 1

}

 100% {

 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

 -ms-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-animation-duration: .75s;

	animation-duration: .75s;

	-webkit-backface-visibility: visible !important;

	-ms-backface-visibility: visible !important;

	backface-visibility: visible !important

}

 @-webkit-keyframes flipOutY {

 0% {

 -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

}

 100% {

 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

 opacity: 0

}

}

 @keyframes flipOutY {

 0% {

 -webkit-transform: perspective(400px);

 -ms-transform: perspective(400px);

 transform: perspective(400px)

}

 30% {

 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

 -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

 opacity: 1

}

 100% {

 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

 -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

 opacity: 0

}

}

.flipOutY {

	-webkit-backface-visibility: visible !important;

	-ms-backface-visibility: visible !important;

	backface-visibility: visible !important;

	-webkit-animation-name: flipOutY;

	animation-name: flipOutY;

	-webkit-animation-duration: .75s;

	animation-duration: .75s

}

 @-webkit-keyframes lightSpeedIn {

 0% {

 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

 transform: translate3d(100%, 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

}

 100% {

 -webkit-transform: none;

 transform: none;

 opacity: 1

}

}

 @keyframes lightSpeedIn {

 0% {

 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

 -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);

 transform: translate3d(100%, 0, 0) skewX(-30deg);

 opacity: 0

}

 60% {

 -webkit-transform: skewX(20deg);

 -ms-transform: skewX(20deg);

 transform: skewX(20deg);

 opacity: 1

}

 80% {

 -webkit-transform: skewX(-5deg);

 -ms-transform: skewX(-5deg);

 transform: skewX(-5deg);

 opacity: 1

}

 100% {

 -webkit-transform: none;

 -ms-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 {

 0% {

 opacity: 1

}

 100% {

 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

 transform: translate3d(100%, 0, 0) skewX(30deg);

 opacity: 0

}

}

 @keyframes lightSpeedOut {

 0% {

 opacity: 1

}

 100% {

 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

 -ms-transform: translate3d(100%, 0, 0) skewX(30deg);

 transform: translate3d(100%, 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 {

 0% {

 -webkit-transform-origin: center;

 transform-origin: center;

 -webkit-transform: rotate3d(0, 0, 1, -200deg);

 transform: rotate3d(0, 0, 1, -200deg);

 opacity: 0

}

 100% {

 -webkit-transform-origin: center;

 transform-origin: center;

 -webkit-transform: none;

 transform: none;

 opacity: 1

}

}

 @keyframes rotateIn {

 0% {

 -webkit-transform-origin: center;

 -ms-transform-origin: center;

 transform-origin: center;

 -webkit-transform: rotate3d(0, 0, 1, -200deg);

 -ms-transform: rotate3d(0, 0, 1, -200deg);

 transform: rotate3d(0, 0, 1, -200deg);

 opacity: 0

}

 100% {

 -webkit-transform-origin: center;

 -ms-transform-origin: center;

 transform-origin: center;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none;

 opacity: 1

}

}

.rotateIn {

	-webkit-animation-name: rotateIn;

	animation-name: rotateIn

}

 @-webkit-keyframes rotateInDownLeft {

 0% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: rotate3d(0, 0, 1, -45deg);

 transform: rotate3d(0, 0, 1, -45deg);

 opacity: 0

}

 100% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: none;

 transform: none;

 opacity: 1

}

}

 @keyframes rotateInDownLeft {

 0% {

 -webkit-transform-origin: left bottom;

 -ms-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: rotate3d(0, 0, 1, -45deg);

 -ms-transform: rotate3d(0, 0, 1, -45deg);

 transform: rotate3d(0, 0, 1, -45deg);

 opacity: 0

}

 100% {

 -webkit-transform-origin: left bottom;

 -ms-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none;

 opacity: 1

}

}

.rotateInDownLeft {

	-webkit-animation-name: rotateInDownLeft;

	animation-name: rotateInDownLeft

}

 @-webkit-keyframes rotateInDownRight {

 0% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: rotate3d(0, 0, 1, 45deg);

 transform: rotate3d(0, 0, 1, 45deg);

 opacity: 0

}

 100% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: none;

 transform: none;

 opacity: 1

}

}

 @keyframes rotateInDownRight {

 0% {

 -webkit-transform-origin: right bottom;

 -ms-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: rotate3d(0, 0, 1, 45deg);

 -ms-transform: rotate3d(0, 0, 1, 45deg);

 transform: rotate3d(0, 0, 1, 45deg);

 opacity: 0

}

 100% {

 -webkit-transform-origin: right bottom;

 -ms-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none;

 opacity: 1

}

}

.rotateInDownRight {

	-webkit-animation-name: rotateInDownRight;

	animation-name: rotateInDownRight

}

 @-webkit-keyframes rotateInUpLeft {

 0% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: rotate3d(0, 0, 1, 45deg);

 transform: rotate3d(0, 0, 1, 45deg);

 opacity: 0

}

 100% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: none;

 transform: none;

 opacity: 1

}

}

 @keyframes rotateInUpLeft {

 0% {

 -webkit-transform-origin: left bottom;

 -ms-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: rotate3d(0, 0, 1, 45deg);

 -ms-transform: rotate3d(0, 0, 1, 45deg);

 transform: rotate3d(0, 0, 1, 45deg);

 opacity: 0

}

 100% {

 -webkit-transform-origin: left bottom;

 -ms-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none;

 opacity: 1

}

}

.rotateInUpLeft {

	-webkit-animation-name: rotateInUpLeft;

	animation-name: rotateInUpLeft

}

 @-webkit-keyframes rotateInUpRight {

 0% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: rotate3d(0, 0, 1, -90deg);

 transform: rotate3d(0, 0, 1, -90deg);

 opacity: 0

}

 100% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: none;

 transform: none;

 opacity: 1

}

}

 @keyframes rotateInUpRight {

 0% {

 -webkit-transform-origin: right bottom;

 -ms-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: rotate3d(0, 0, 1, -90deg);

 -ms-transform: rotate3d(0, 0, 1, -90deg);

 transform: rotate3d(0, 0, 1, -90deg);

 opacity: 0

}

 100% {

 -webkit-transform-origin: right bottom;

 -ms-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none;

 opacity: 1

}

}

.rotateInUpRight {

	-webkit-animation-name: rotateInUpRight;

	animation-name: rotateInUpRight

}

 @-webkit-keyframes rotateOut {

 0% {

 -webkit-transform-origin: center;

 transform-origin: center;

 opacity: 1

}

 100% {

 -webkit-transform-origin: center;

 transform-origin: center;

 -webkit-transform: rotate3d(0, 0, 1, 200deg);

 transform: rotate3d(0, 0, 1, 200deg);

 opacity: 0

}

}

 @keyframes rotateOut {

 0% {

 -webkit-transform-origin: center;

 -ms-transform-origin: center;

 transform-origin: center;

 opacity: 1

}

 100% {

 -webkit-transform-origin: center;

 -ms-transform-origin: center;

 transform-origin: center;

 -webkit-transform: rotate3d(0, 0, 1, 200deg);

 -ms-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 {

 0% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 opacity: 1

}

 100% {

 -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 {

 0% {

 -webkit-transform-origin: left bottom;

 -ms-transform-origin: left bottom;

 transform-origin: left bottom;

 opacity: 1

}

 100% {

 -webkit-transform-origin: left bottom;

 -ms-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: rotate3d(0, 0, 1, 45deg);

 -ms-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 {

 0% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 opacity: 1

}

 100% {

 -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 {

 0% {

 -webkit-transform-origin: right bottom;

 -ms-transform-origin: right bottom;

 transform-origin: right bottom;

 opacity: 1

}

 100% {

 -webkit-transform-origin: right bottom;

 -ms-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: rotate3d(0, 0, 1, -45deg);

 -ms-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 {

 0% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 opacity: 1

}

 100% {

 -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 {

 0% {

 -webkit-transform-origin: left bottom;

 -ms-transform-origin: left bottom;

 transform-origin: left bottom;

 opacity: 1

}

 100% {

 -webkit-transform-origin: left bottom;

 -ms-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: rotate3d(0, 0, 1, -45deg);

 -ms-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 {

 0% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 opacity: 1

}

 100% {

 -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 {

 0% {

 -webkit-transform-origin: right bottom;

 -ms-transform-origin: right bottom;

 transform-origin: right bottom;

 opacity: 1

}

 100% {

 -webkit-transform-origin: right bottom;

 -ms-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: rotate3d(0, 0, 1, 90deg);

 -ms-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

}

 100% {

 -webkit-transform: translate3d(0, 700px, 0);

 transform: translate3d(0, 700px, 0);

 opacity: 0

}

}

 @keyframes hinge {

 0% {

 -webkit-transform-origin: top left;

 -ms-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);

 -ms-transform: rotate3d(0, 0, 1, 80deg);

 transform: rotate3d(0, 0, 1, 80deg);

 -webkit-transform-origin: top left;

 -ms-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);

 -ms-transform: rotate3d(0, 0, 1, 60deg);

 transform: rotate3d(0, 0, 1, 60deg);

 -webkit-transform-origin: top left;

 -ms-transform-origin: top left;

 transform-origin: top left;

 -webkit-animation-timing-function: ease-in-out;

 animation-timing-function: ease-in-out;

 opacity: 1

}

 100% {

 -webkit-transform: translate3d(0, 700px, 0);

 -ms-transform: translate3d(0, 700px, 0);

 transform: translate3d(0, 700px, 0);

 opacity: 0

}

}

.hinge {

	-webkit-animation-name: hinge;

	animation-name: hinge

}

 @-webkit-keyframes rollIn {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none

}

}

 @keyframes rollIn {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

 -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 -ms-transform: none;

 transform: none

}

}

.rollIn {

	-webkit-animation-name: rollIn;

	animation-name: rollIn

}

 @-webkit-keyframes rollOut {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

}

}

 @keyframes rollOut {

 0% {

 opacity: 1

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

 -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

}

}

.rollOut {

	-webkit-animation-name: rollOut;

	animation-name: rollOut

}

 @-webkit-keyframes zoomIn {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3)

}

 50% {

 opacity: 1

}

}

 @keyframes zoomIn {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 -ms-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3)

}

 50% {

 opacity: 1

}

}

.zoomIn {

	-webkit-animation-name: zoomIn;

	animation-name: zoomIn

}

 @-webkit-keyframes zoomInDown {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

}

}

 @keyframes zoomInDown {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

}

}

.zoomInDown {

	-webkit-animation-name: zoomInDown;

	animation-name: zoomInDown

}

 @-webkit-keyframes zoomInLeft {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

}

}

 @keyframes zoomInLeft {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

}

}

.zoomInLeft {

	-webkit-animation-name: zoomInLeft;

	animation-name: zoomInLeft

}

 @-webkit-keyframes zoomInRight {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

}

}

 @keyframes zoomInRight {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

}

}

.zoomInRight {

	-webkit-animation-name: zoomInRight;

	animation-name: zoomInRight

}

 @-webkit-keyframes zoomInUp {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

}

}

 @keyframes zoomInUp {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

}

}

.zoomInUp {

	-webkit-animation-name: zoomInUp;

	animation-name: zoomInUp

}

 @-webkit-keyframes zoomOut {

 0% {

 opacity: 1

}

 50% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3)

}

 100% {

 opacity: 0

}

}

 @keyframes zoomOut {

 0% {

 opacity: 1

}

 50% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 -ms-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3)

}

 100% {

 opacity: 0

}

}

.zoomOut {

	-webkit-animation-name: zoomOut;

	animation-name: zoomOut

}

 @-webkit-keyframes zoomOutDown {

 40% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

}

 100% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

 transform: scale3d(0.1, 0.1, 0.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.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

}

}

 @keyframes zoomOutDown {

 40% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

}

 100% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

 -webkit-transform-origin: center bottom;

 -ms-transform-origin: center bottom;

 transform-origin: center bottom;

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

}

}

.zoomOutDown {

	-webkit-animation-name: zoomOutDown;

	animation-name: zoomOutDown

}

 @-webkit-keyframes zoomOutLeft {

 40% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)

}

 100% {

 opacity: 0;

 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

 transform: scale(0.1) translate3d(-2000px, 0, 0);

 -webkit-transform-origin: left center;

 transform-origin: left center

}

}

 @keyframes zoomOutLeft {

 40% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)

}

 100% {

 opacity: 0;

 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

 -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);

 transform: scale(0.1) translate3d(-2000px, 0, 0);

 -webkit-transform-origin: left center;

 -ms-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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)

}

 100% {

 opacity: 0;

 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

 transform: scale(0.1) translate3d(2000px, 0, 0);

 -webkit-transform-origin: right center;

 transform-origin: right center

}

}

 @keyframes zoomOutRight {

 40% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)

}

 100% {

 opacity: 0;

 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

 -ms-transform: scale(0.1) translate3d(2000px, 0, 0);

 transform: scale(0.1) translate3d(2000px, 0, 0);

 -webkit-transform-origin: right center;

 -ms-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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

}

 100% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

 transform: scale3d(0.1, 0.1, 0.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.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

}

}

 @keyframes zoomOutUp {

 40% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

}

 100% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

 -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

 -webkit-transform-origin: center bottom;

 -ms-transform-origin: center bottom;

 transform-origin: center bottom;

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

}

}

.zoomOutUp {

	-webkit-animation-name: zoomOutUp;

	animation-name: zoomOutUp

}

 @-webkit-keyframes slideInDown {

 0% {

 -webkit-transform: translateY(-100%);

 transform: translateY(-100%);

 visibility: visible

}

 100% {

 -webkit-transform: translateY(0);

 transform: translateY(0)

}

}

 @keyframes slideInDown {

 0% {

 -webkit-transform: translateY(-100%);

 -ms-transform: translateY(-100%);

 transform: translateY(-100%);

 visibility: visible

}

 100% {

 -webkit-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0)

}

}

.slideInDown {

	-webkit-animation-name: slideInDown;

	animation-name: slideInDown

}

 @-webkit-keyframes slideInLeft {

 0% {

 -webkit-transform: translateX(-100%);

 transform: translateX(-100%);

 visibility: visible

}

 100% {

 -webkit-transform: translateX(0);

 transform: translateX(0)

}

}

 @keyframes slideInLeft {

 0% {

 -webkit-transform: translateX(-100%);

 -ms-transform: translateX(-100%);

 transform: translateX(-100%);

 visibility: visible

}

 100% {

 -webkit-transform: translateX(0);

 -ms-transform: translateX(0);

 transform: translateX(0)

}

}

.slideInLeft {

	-webkit-animation-name: slideInLeft;

	animation-name: slideInLeft

}

 @-webkit-keyframes slideInRight {

 0% {

 -webkit-transform: translateX(100%);

 transform: translateX(100%);

 visibility: visible

}

 100% {

 -webkit-transform: translateX(0);

 transform: translateX(0)

}

}

 @keyframes slideInRight {

 0% {

 -webkit-transform: translateX(100%);

 -ms-transform: translateX(100%);

 transform: translateX(100%);

 visibility: visible

}

 100% {

 -webkit-transform: translateX(0);

 -ms-transform: translateX(0);

 transform: translateX(0)

}

}

.slideInRight {

	-webkit-animation-name: slideInRight;

	animation-name: slideInRight

}

 @-webkit-keyframes slideInUp {

 0% {

 -webkit-transform: translateY(100%);

 transform: translateY(100%);

 visibility: visible

}

 100% {

 -webkit-transform: translateY(0);

 transform: translateY(0)

}

}

 @keyframes slideInUp {

 0% {

 -webkit-transform: translateY(100%);

 -ms-transform: translateY(100%);

 transform: translateY(100%);

 visibility: visible

}

 100% {

 -webkit-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0)

}

}

.slideInUp {

	-webkit-animation-name: slideInUp;

	animation-name: slideInUp

}

 @-webkit-keyframes slideOutDown {

 0% {

 -webkit-transform: translateY(0);

 transform: translateY(0)

}

 100% {

 visibility: hidden;

 -webkit-transform: translateY(100%);

 transform: translateY(100%)

}

}

 @keyframes slideOutDown {

 0% {

 -webkit-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0)

}

 100% {

 visibility: hidden;

 -webkit-transform: translateY(100%);

 -ms-transform: translateY(100%);

 transform: translateY(100%)

}

}

.slideOutDown {

	-webkit-animation-name: slideOutDown;

	animation-name: slideOutDown

}

 @-webkit-keyframes slideOutLeft {

 0% {

 -webkit-transform: translateX(0);

 transform: translateX(0)

}

 100% {

 visibility: hidden;

 -webkit-transform: translateX(-100%);

 transform: translateX(-100%)

}

}

 @keyframes slideOutLeft {

 0% {

 -webkit-transform: translateX(0);

 -ms-transform: translateX(0);

 transform: translateX(0)

}

 100% {

 visibility: hidden;

 -webkit-transform: translateX(-100%);

 -ms-transform: translateX(-100%);

 transform: translateX(-100%)

}

}

.slideOutLeft {

	-webkit-animation-name: slideOutLeft;

	animation-name: slideOutLeft

}

 @-webkit-keyframes slideOutRight {

 0% {

 -webkit-transform: translateX(0);

 transform: translateX(0)

}

 100% {

 visibility: hidden;

 -webkit-transform: translateX(100%);

 transform: translateX(100%)

}

}

 @keyframes slideOutRight {

 0% {

 -webkit-transform: translateX(0);

 -ms-transform: translateX(0);

 transform: translateX(0)

}

 100% {

 visibility: hidden;

 -webkit-transform: translateX(100%);

 -ms-transform: translateX(100%);

 transform: translateX(100%)

}

}

.slideOutRight {

	-webkit-animation-name: slideOutRight;

	animation-name: slideOutRight

}

 @-webkit-keyframes slideOutUp {

 0% {

 -webkit-transform: translateY(0);

 transform: translateY(0)

}

 100% {

 visibility: hidden;

 -webkit-transform: translateY(-100%);

 transform: translateY(-100%)

}

}

 @keyframes slideOutUp {

 0% {

 -webkit-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0)

}

 100% {

 visibility: hidden;

 -webkit-transform: translateY(-100%);

 -ms-transform: translateY(-100%);

 transform: translateY(-100%)

}

}

.slideOutUp {

	-webkit-animation-name: slideOutUp;

	animation-name: slideOutUp

}

@font-face {

	font-family: "socialshare";

	src: url("/i/sharejs/fonts/iconfont.eot");

	src: url("../fonts/iconfont.eot") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg")

}

.social-share {

	font-family: "socialshare" !important;

	font-size: 16px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale

}

.social-share * {

	font-family: "socialshare" !important

}

.social-share .icon-tencent:before {

	content: "\f07a"

}

.social-share .icon-qq:before {

	content: "\f11a"

}

.social-share .icon-weibo:before {

	content: "\f12a"

}

.social-share .icon-wechat:before {

	content: "\f09a"

}

.social-share .icon-douban:before {

	content: "\f10a"

}

.social-share .icon-heart:before {

	content: "\f20a"

}

.social-share .icon-like:before {

	content: "\f00a"

}

.social-share .icon-qzone:before {

	content: "\f08a"

}

.social-share .icon-linkedin:before {

	content: "\f01a"

}

.social-share .icon-diandian:before {

	content: "\f05a"

}

.social-share .icon-facebook:before {

	content: "\f03a"

}

.social-share .icon-google:before {

	content: "\f04a"

}

.social-share .icon-twitter:before {

	content: "\f06a"

}

.social-share a {

	position: relative;

	text-decoration: none;

	margin: 5px 8px 0 0;

	display: inline-block;

	outline: none

}

.social-share .social-share-icon {

	position: relative;

	display: inline-block;

	width: 28px;

	height: 28px;

	font-size: 16px;

	line-height: 28px;

	border: 1px solid #666;

	color: #666;

	text-align: center;

	vertical-align: middle;

	transition: background 0.6s ease-out 0s

}

.social-share .social-share-icon:hover {

	background: #666;

	color: #fff;

	border: none

}

.social-share .icon-weibo:hover {

	background: #ff763b

}

.social-share .icon-tencent:hover {

	background: #56b6e7

}

.social-share .icon-qq:hover {

	background: #56b6e7

}

.social-share .icon-qzone:hover {

	background: #FDBE3D

}

.social-share .icon-douban:hover {

	background: #33b045

}

.social-share .icon-linkedin:hover {

	background: #0077B5

}

.social-share .icon-facebook:hover {

	background: #44619D

}

.social-share .icon-google:hover {

	background: #db4437

}

.social-share .icon-twitter:hover {

	background: #55acee

}

.social-share .icon-diandian:hover {

	background: #307DCA

}

.social-share .icon-wechat {

	position: relative

}

.social-share .icon-wechat:hover {

	background: #7bc549

}

.social-share .icon-wechat .wechat-qrcode {

	display: none;

	border: 1px solid #eee;

	position: absolute;

	z-index: 9;

	top: -205px;

	left: -84px;

	width: 200px;

	height: 192px;

	color: #666;

	font-size: 12px;

	text-align: center;

	background-color: #fff;

	transition: all 200ms;

	-webkit-tansition: all 350ms;

	-moz-transition: all 350ms

}

.social-share .icon-wechat .wechat-qrcode.bottom {

	top: 40px;

	left: -84px

}

.social-share .icon-wechat .wechat-qrcode.bottom:after {

	display: none

}

.social-share .icon-wechat .wechat-qrcode h4 {

	font-weight: normal;

	height: 26px;

	line-height: 26px;

	font-size: 12px;

	background-color: #f3f3f3;

	margin: 0;

	padding: 0;

	color: #777

}

.social-share .icon-wechat .wechat-qrcode .qrcode {

	width: 105px;

	margin: 10px auto

}

.social-share .icon-wechat .wechat-qrcode .qrcode table {

	margin: 0 !important

}

.social-share .icon-wechat .wechat-qrcode .help p {

	font-weight: normal;

	line-height: 16px;

	padding: 0;

	margin: 0

}

.social-share .icon-wechat .wechat-qrcode:after {

	content: '';

	position: absolute;

	left: 50%;

	margin-left: -6px;

	bottom: -13px;

	width: 0;

	height: 0;

	border-width: 8px 6px 6px 6px;

	border-style: solid;

	border-color: #fff transparent transparent transparent

}

.social-share .icon-wechat:hover .wechat-qrcode {

	display: block

}

.nice-select {

	-webkit-tap-highlight-color: transparent;

	background-color: #fff;

	color: #757575;

	border: solid 1px #dcdcdc;

	box-sizing: border-box;

	clear: both;

	cursor: pointer;

	display: block;

	float: left;

	font-family: inherit;

	font-size: 14px;

	font-weight: normal;

	height: 42px;

	line-height: 40px;

	outline: none;

	padding-left: 18px;

	padding-right: 30px;

	position: relative;

	text-align: left !important;

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	white-space: nowrap;

	width: 100%

}

.nice-select:hover {

	border-color: #dbdbdb

}

.nice-select:active, .nice-select.open, .nice-select:focus {

	border-color: #999

}

.nice-select:after {

	border-bottom: 2px solid #999;

	border-right: 2px solid #999;

	content: '';

	display: block;

	height: 5px;

	margin-top: -4px;

	pointer-events: none;

	position: absolute;

	right: 12px;

	top: 50%;

	-webkit-transform-origin: 66% 66%;

	-ms-transform-origin: 66% 66%;

	transform-origin: 66% 66%;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transition: all 0.15s ease-in-out;

	transition: all 0.15s ease-in-out;

	width: 5px

}

.nice-select.open:after {

	-webkit-transform: rotate(-135deg);

	-ms-transform: rotate(-135deg);

	transform: rotate(-135deg)

}

.nice-select.open .list {

	opacity: 1;

	pointer-events: auto;

	-webkit-transform: scale(1) translateY(0);

	-ms-transform: scale(1) translateY(0);

	transform: scale(1) translateY(0)

}

.nice-select.disabled {

	border-color: #ededed;

	color: #999;

	pointer-events: none

}

.nice-select.disabled:after {

	border-color: #cccccc

}

.nice-select.wide {

	width: 100%

}

.nice-select.wide .list {

	left: 0 !important;

	right: 0 !important

}

.nice-select.right {

	float: right

}

.nice-select.right .list {

	left: auto;

	right: 0

}

.nice-select.small {

	font-size: 12px;

	height: 36px;

	line-height: 34px

}

.nice-select.small:after {

	height: 4px;

	width: 4px

}

.nice-select.small .option {

	line-height: 34px;

	min-height: 34px

}

.nice-select .list {

	background-color: #fff;

	border-radius: 5px;

	box-shadow: 0 0 0 1px rgba(68,68,68,0.11);

	box-sizing: border-box;

	margin-top: 4px;

	opacity: 0;

	overflow: hidden;

	padding: 0;

	pointer-events: none;

	position: absolute;

	top: 100%;

	left: 0;

	-webkit-transform-origin: 50% 0;

	-ms-transform-origin: 50% 0;

	transform-origin: 50% 0;

	-webkit-transform: scale(0.75) translateY(-21px);

	-ms-transform: scale(0.75) translateY(-21px);

	transform: scale(0.75) translateY(-21px);

	-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

	z-index: 9

}

.nice-select .list:hover .option:not(:hover) {

	background-color: transparent !important

}

.nice-select .option {

	cursor: pointer;

	font-weight: 400;

	line-height: 40px;

	list-style: none;

	min-height: 40px;

	outline: none;

	padding-left: 18px;

	padding-right: 29px;

	text-align: left;

	-webkit-transition: all 0.2s;

	transition: all 0.2s

}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {

	background-color: #f6f6f6

}

.nice-select .option.selected {

	font-weight: bold

}

.nice-select .option.disabled {

	background-color: transparent;

	color: #999;

	cursor: default

}

.no-csspointerevents .nice-select .list {

	display: none

}

.no-csspointerevents .nice-select.open .list {

	display: block

}

.target-fix {

	position: relative;

	top: 0px;

	display: block;

	height: 1px;

	background: none;

	overflow: hidden;

	outline: 0;

	text-decoration: none;

	border: none

}

.target-fix:focus {

	outline: 0

}

#warper {

	max-width: 1920px;

	margin: 0 auto;

	overflow: hidden;

	background: #fff

}

header {

	position: relative;

	z-index: 200

}

.top_bar {

	width: 100%;

	height: 30px;

	line-height: 30px;

	

	color: #fff

}

.top_contact {

	font-weight: 500;

	float: right;

	width: 70%;

	text-align:right;

}

.top_contact ul li {

	display: inline-block;

	margin-right: 20px

}

.top_contact ul li a {

	color: #fff;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.top_contact ul li a:hover {

	text-decoration: underline;

	color: #0e4586

}

.top_lang {

	float: right;

	width: 20%;

	height: 30px;
	line-height:30px;

	/*margin-top: 12px;*/

	text-align: right;

}

.top_lang a {

	display: inline-block;

	vertical-align: top;

	

	height: 16px;

	

}

.top_lang a:before {

	content: '';

	display: block;

	float: left;

	width: 21px;

	height: 16px;

	background-image: url("../fonts/gb.svg");

	background-size: 21px 16px

}

.top_lang a span {

	display: block;

	float: left;

	height: 30px;
	line-height:30px;

	color: #000000;

	font-weight: 500;

	text-transform: uppercase;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.top_lang a:hover span {

	color: #FF0000;

}
.top_head {

	height: 80px;

	overflow: hidden

}

.top_head a.web_logo {

	display: block;

	float: left;

	width: 345px;

	height: 80px;

	

	background: url("../../images/qicai/logo.png") center center no-repeat;

	text-indent: -9999px;

	overflow: hidden

}

.top_slogn {

	float: right;

	width: 780px;

	height: 50px;

	margin-top: 15px

}

.top_slogn ul li {

	display: block;

	float: right;

	

	padding-left: 20px;

	height: 50px;

	color: #333

}

.top_slogn ul li i.iconfont {

	display: block;

	float: left;

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	font-size: 40px

}

.top_slogn ul li p {

	display: block;

	float: right;
	text-align:right;

	

	height: 50px;

	line-height: 25px;

	font-weight: bold;

	font-size: 16px

}

.top_slogn ul li p b {

	display: block;

	line-height: 25px;

	font-weight: bold;

	font-size: 16px

}

.top_nav {

	width: 100%;

	height: 60px;

	background-image: url(../../images/qicai/nav.jpg);
    background-repeat: repeat-x;

	-webkit-box-shadow: 0px 10px 10px -5px rgba(35,35,35,0.3);

	-moz-box-shadow: 0px 10px 10px -5px rgba(35,35,35,0.3);

	box-shadow: 0px 10px 10px -5px rgba(35,35,35,0.3);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.top_nav.move {

	position: fixed;

	left: 0;

	top: 0;

	z-index: 300

}

.top_nav .w nav {

	float: left;

	width: 1200px

}

.top_nav .w nav ul li.m {

	display: block;
	background-image: url(../../images/qicai/nav_line.jpg);
    background-repeat: no-repeat;

	float: left;

	height: 60px;

	position: relative

}


.top_nav .w nav ul li.m:hover {
background-color: #006bbb;
}
.top_nav .w nav ul li.m h3 {

	display: block

}

.top_nav .w nav ul li.m h3 a span {

	display: block;

	color: #FFFFFF ;

	padding: 0 31px;

	font-size: 14px;

	line-height: 60px

}

.top_nav .w nav ul li.m:hover h3 a span {

	color: #FFFFFF

}

.top_nav .w nav ul li.m.cur h3 a span {

	color: #FFFFFF

}

.top_nav .w nav ul li.m .sub {

	display: none;

	width: 540px;

	background: #006bbb;

	position: absolute;

	left: -100px;

	top: 60px;

	z-index: 100;
	padding-top:20px;
	padding-bottom:5px;

}

.top_nav .w nav ul li.m .sub a {

	display: block;

	width: 44%;
	float:left;
	padding-left:1%;
	
	padding-top:10px ;
	padding-bottom:10px ;
	padding-right:1%;
	margin-left:5%;
	
	line-height: 30px;

	text-align: center;

	color: #fff;

	

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;
	
	background: #006bbb;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #eee;

}

.top_nav .w nav ul li.m .sub a:hover {

	background: rgba(0,131,229,0.8)

}

.top_nav .w .nav_icons {

	float: right;

	padding: 0 0 0 20px;

	height: 60px;

	line-height: 60px;

	position: relative

}

.top_nav .w .nav_icons:before {

	content: '';

	position: absolute;

	top: 0;

	left: -40px;

	border-style: solid;

	border-width: 60px 40px 0px 0px;

	border-color: transparent #0e4586 transparent rgba(255,255,255,0)

}

.top_nav .w .nav_icons:after {

	content: "";

	position: absolute;

	width: 5000px;

	left: 0;

	top: 0;

	right: auto;

	display: block;

	height: 100%;

	background-color: #0e4586;

	z-index: 0

}

.top_nav .w .nav_icons .nav_choose {

	float: right;

	width: 180px;

	height: 60px;

	line-height: 60px;

	position: relative;

	z-index: 1

}

.top_nav .w .nav_icons .nav_choose a {

	display: block;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.13);

	color: #fff;

	font-size: 14px;

	text-align: center;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.top_nav .w .nav_icons .nav_choose a:before {

	content: "\f0ca";

	width: 20px;

	text-align: center;

	display: inline-block;

	margin-right: 6px;

	font-family: 'FontAwesome'

}

.top_nav .w .nav_icons .nav_choose a:hover {

	background: rgba(0,0,0,0.3);

	opacity: .9;

	filter: alpha(opacity=90)

}

.top_nav .w .nav_icons .nav_search {

	float: right;

	width: 80px;

	color: #fff;

	position: relative;

	z-index: 1

}

.top_nav .w .nav_icons .nav_search a.btn_search {

	display: block;

	width: 100%;

	height: 60px;

	line-height: 60px;

	font-size: 14px;

	color: #fff;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.top_nav .w .nav_icons .nav_search a.btn_search:before {

	content: "\f002";

	width: 20px;

	text-align: center;

	display: inline-block;

	margin-right: 6px;

	font-family: 'FontAwesome'

}

.top_nav .w .nav_icons .nav_search a.btn_search:hover {

	opacity: .8;

	filter: alpha(opacity=80)

}

.top_nav .w .nav_icons .nav_search .nav_search_box {

	display: block;

	width: 400px;

	height: 83px;

	padding: 20px;

	background: #fff;

	border-top: 3px solid #0e4586;

	-webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.1);

	-moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.1);

	box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.1);

	position: absolute;

	right: 0;

	top: 60px;

	z-index: 10;

	-webkit-transform: scale(0, 0);

	-moz-transform: scale(0, 0);

	-o-transform: scale(0, 0);

	transform: scale(0, 0);

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.top_nav .w .nav_icons .nav_search .nav_search_box .btn1 {

	float: left;

	width: 85%;

	height: 40px;

	line-height: 40px;

	font-weight: 500;

	text-transform: uppercase;

	background: #eee;

	color: #333;

	border: none;

	outline: 0;

	padding: 0 10px

}

.top_nav .w .nav_icons .nav_search .nav_search_box .btn2 {

	float: right;

	width: 15%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	background: #0e4586;

	color: #fff;

	border: none;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.top_nav .w .nav_icons .nav_search .nav_search_box .btn2 i {

	font-size: 16px

}

.top_nav .w .nav_icons .nav_search .nav_search_box .btn2:hover {

	background: #004098

}

.top_nav .w .nav_icons .nav_search.toggled a.btn_search:before {

	content: "\f00d"

}

.top_nav .w .nav_icons .nav_search.toggled .nav_search_box {

	-webkit-transform: scale(1, 1);

	-moz-transform: scale(1, 1);

	-o-transform: scale(1, 1);

	transform: scale(1, 1);

	opacity: 1;

	filter: alpha(opacity=100)

}

#index_banner .item a {

	display: block

}

#index_banner .item .img span {

	display: block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover

}

#index_banner .owl-controls .owl-pagination {

	margin: 0;

	width: 100%;

	height: 4px;

	text-align: center;

	position: absolute;

	bottom: 50px

}

#index_banner .owl-controls .owl-pagination .owl-page {

	display: inline-block

}

#index_banner .owl-controls .owl-pagination .owl-page span {

	display: block;

	margin: 0 5px;

	width: 20px;

	height: 4px;

	background: rgba(0,0,0,0.3);

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

#index_banner .owl-controls .owl-pagination .active span {

	width: 50px;

	background: rgba(255,101,1,0.8)

}

#index_banner .owl-controls .owl-buttons div {

	width: 40px;

	height: 40px;

	border: 1px solid #fff;

	text-align: center;

	position: absolute;

	top: 50%;

	margin-top: -20px;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

#index_banner .owl-controls .owl-buttons div i.iconfont {

	display: inline-block;

	height: 38px;

	vertical-align: top;

	text-align: center;

	line-height: 38px;

	color: #fff

}

#index_banner .owl-controls .owl-buttons div:hover {

	background-color: #0e4586;

	border-color: #0e4586

}

#index_banner .owl-controls .owl-buttons .owl-prev {

	left: 0px

}

#index_banner .owl-controls .owl-buttons .owl-next {

	right: 0px

}

#index_banner:hover .owl-controls .owl-buttons div {

	opacity: 1;

	filter: alpha(opacity=100)

}

#index_banner:hover .owl-controls .owl-buttons .owl-prev {

	left: 40px

}

#index_banner:hover .owl-controls .owl-buttons .owl-next {

	right: 40px

}

.in_block_col {

	width: 100%;

	height: 440px;

	position: relative

}

.in_block_col .col {

	height: 440px

}

.in_block_col .col .inner_col {

	display: block;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	position: relative

}

.in_block_col .col .inner_col .txt {

	width: 100%;

	position: absolute;

	left: 0;

	top: 15%;

	color: #fff

}

.in_block_col .col .inner_col .txt .title {

	font-size: 40px;

	font-weight: bold

}

.in_block_col .col .inner_col .txt .title span {

	display: block;

	font-weight: 700;

	font-size: 24px

}

.in_block_col .col .inner_col .txt .des {

	font-size: 14px;

	margin: 10px 0 20px;

	height: 90px;

	line-height: 30px;

	overflow: hidden

}

.in_block_col .col .inner_col .txt a.more {

	display: block;

	width: 187px;

	height: 52px;

	border: 2px solid #fff;

	position: relative;

	line-height: 50px;

	text-align: center;

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_block_col .col .inner_col .txt a.more span {

	display: block;

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 2;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_block_col .col .inner_col .txt a.more:before {

	content: '';

	display: block;

	width: 0;

	height: 50px;

	background: #fff;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_block_col .col .inner_col .txt a.more:hover {

	-webkit-box-shadow: 0px 15px 15px -5px rgba(35,35,35,0.3);

	-moz-box-shadow: 0px 15px 15px -5px rgba(35,35,35,0.3);

	box-shadow: 0px 15px 15px -5px rgba(35,35,35,0.3)

}

.in_block_col .col .inner_col span.bg {

	display: block;

	width: 100%;

	height: 100%

}

.in_block_col .col01 {

	width: 50%;

	float: left

}

.in_block_col .col01 .inner_col {

	margin: 0 -90px 0 0;

	background-image: url("../../images/qicai/in_block_col_bg01.jpg")

}

.in_block_col .col01 .inner_col .txt {

	padding: 0 30% 0 30%

}

 @media (max-width: 1440px) {

.in_block_col .col01 .inner_col .txt {

	padding: 0 20% 0 20%

}

}

.in_block_col .col01 .inner_col span.bg {

	background-color: rgba(255,101,1,0.8)

}

.in_block_col .col01 .inner_col a.more:hover span {

	color: #0e4586

}

.in_block_col .col01 .inner_col a.more:hover:before {

	width: 100%

}

.in_block_col .col02 {

	width: 50%;

	float: right

}

.in_block_col .col02 .inner_col {

	background-image: url("../../images/qicai/in_block_col_bg02.jpg");

	-webkit-clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);

	clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%)

}

.in_block_col .col02 .inner_col .txt {

	padding: 0 30% 0 20%

}

 @media (max-width: 1440px) {

.in_block_col .col02 .inner_col .txt {

	padding: 0 20% 0 20%

}

}

.in_block_col .col02 .inner_col span.bg {

	background-color: rgba(0,0,0,0.5)

}

.in_block_col .col02 .inner_col a.more:hover span {

	color: #0e4586

}

.in_block_col .col02 .inner_col a.more:hover:before {

	width: 100%

}

.in_pro_cate {

	padding: 30px 0

}

.in_pro_cate .row {

	margin: 0 -20px

}

.in_pro_cate .row .item {

	padding: 10px 20px

}

.in_pro_cate .row .item a {

	display: block;

	width: 100%;

	height: 420px;

	position: relative;

	border-bottom: 2px solid #d5d5d5;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_pro_cate .row .item a .img {

	width: 100%;

	height: 310px;

	overflow: hidden;

	position: relative

}

.in_pro_cate .row .item a .img span {

	display: block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s

}

.in_pro_cate .row .item a .img:before {

	content: '';

	display: block;

	width: 100%;

	height: 310px;

	position: absolute;

	left: 0;

	top: -310px;

	z-index: 5;

	background: rgba(255,101,1,0.6);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	-webkit-clip-path: polygon(0 0, 101% 0%, 100% 100%, 0 90%);

	clip-path: polygon(0 0, 101% 0%, 100% 100%, 0 90%)

}

.in_pro_cate .row .item a .img:after {

	content: '\f055';

	font-family: 'FontAwesome';

	font-size: 30px;

	color: #fff;

	display: block;

	width: 100%;

	height: 30px;

	line-height: 30px;

	text-align: center;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: 0px;

	z-index: 5;

	opacity: 0;

	filter: alpha(opacity=0);

	transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	-o-transform: rotate(0deg);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_pro_cate .row .item a .title {

	width: 100%;

	height: 150px;

	padding: 50px 0 0;

	background: #fff;

	text-align: center;

	position: absolute;

	left: 0px;

	right: 0;

	bottom: 0;

	z-index: 10;

	-webkit-clip-path: polygon(0 0, 101% 20%, 100% 100%, 0 100%);

	clip-path: polygon(0 0, 101% 20%, 100% 100%, 0 100%);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_pro_cate .row .item a .title b {

	display: block;

	width: 100%;

	height: 40px;

	line-height: 40px;

	color: #333;

	font-size: 18px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_pro_cate .row .item a .title span {

	display: block;

	width: 100%;

	height: 30px;

	line-height: 30px;

	color: #7d7d7d;

	font-size: 15px;

	font-weight: 500;

	text-transform: uppercase;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_pro_cate .row .item a:hover {

	-webkit-box-shadow: 0px 0px 15px 5px rgba(35,35,35,0.1);

	-moz-box-shadow: 0px 0px 15px 5px rgba(35,35,35,0.1);

	box-shadow: 0px 0px 15px 5px rgba(35,35,35,0.1)

}

.in_pro_cate .row .item a:hover .img span {

	-webkit-transform: scale(1.07, 1.07);

	-moz-transform: scale(1.07, 1.07);

	-o-transform: scale(1.07, 1.07);

	transform: scale(1.07, 1.07)

}

.in_pro_cate .row .item a:hover .img:before {

	top: 0

}

.in_pro_cate .row .item a:hover .img:after {

	margin-top: -15px;

	transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	opacity: 1;

	filter: alpha(opacity=100)

}

.in_pro_cate .row .item a:hover .title {

	padding: 50px 0 0;

	-webkit-clip-path: polygon(0 0, 101% 10%, 100% 100%, 0 100%);

	clip-path: polygon(0 0, 101% 10%, 100% 100%, 0 100%)

}

.in_pro_cate .row .item a:hover .title b {

	font-size: 22px;

	color: #0e4586

}

.in_pro_cate .row .item a:hover .title span {

	font-size: 18px;

	color: #333

}

.in_service {

	width: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-image: url(../../images/qicai/in_service_bg.jpg)

}

.in_service .inner {

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.8)

}

.in_service .w {

	padding: 90px 0

}

.in_service .title {

	color: #fff;

	text-align: center

}

.in_service .title span {

	display: block;

	font-weight: 500;

	font-size: 22px;

	font-family: "Roboto", "Microsoft YaHei"

}

.in_service .title span em {

	font-style: normal;

	font-size: 22px

}

.in_service .title h3 {

	display: block;

	font-size: 26px;

	padding: 10px 0;

	font-weight: bold;

	letter-spacing: 2px

}

.in_service .title p {

	display: block;

	font-size: 18px;

	padding-top: 20px;

	color: rgba(255,255,255,0.8)

}

.in_service .list {

	margin-top: 50px;

	border-top: 1px solid rgba(255,255,255,0);

	border-left: 1px solid rgba(255,255,255,0)

}

.in_service .list ul {

	width: 100%;

	overflow: hidden

}

.in_service .list ul li {

	display: block;

	float: left;

	width: 33.3333%;

	padding: 40px 50px;

	color: #fff;

	text-align: center;

	border-right: 1px solid rgba(255,255,255,0.3);

	border-bottom: 1px solid rgba(255,255,255,0.3)

}

.in_service .list ul li:nth-child(3), .in_service .list ul li:nth-child(6) {

	border-right: 1px solid rgba(255,255,255,0)

}

.in_service .list ul li:nth-child(4), .in_service .list ul li:nth-child(5), .in_service .list ul li:nth-child(6) {

	border-bottom: 1px solid rgba(255,255,255,0)

}

.in_service .list ul li a {

	display: block;

	color: #fff

}

.in_service .list ul li a i.icon {

	display: block;

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 40px;

	margin: 0 auto;

	color: #0e4586

}

.in_service .list ul li a b {

	display: block;

	font-size: 20px;

	margin: 20px 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_service .list ul li a p {

	display: block;

	font-size: 14px;

	line-height: 28px;

	height: 56px;

	overflow: hidden;

	margin-bottom: 20px;

	color: rgba(255,255,255,0.8);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_service .list ul li a span.more.ani-left-right {

	width: 120px;

	height: 40px;

	line-height: 38px;

	text-align: center;

	border: 1px solid rgba(255,255,255,0.5);

	color: rgba(255,255,255,0.8)

}

.in_service .list ul li a:hover b {

	color: #0e4586

}

.in_service .list ul li a:hover p {

	color: #fff

}

.in_service .list ul li a:hover span.more.ani-left-right {

	border: 1px solid #0e4586

}

.in_case {

	background-repeat: no-repeat;

	background-position: center top;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-image: url(../../images/qicai/tm-rowbg-four.jpg)

}

.in_case .inner {

	width: 100%;

	height: 100%;

	background: #0e4586;

	padding: 100px 0 0

}

.in_case .title {

	text-align: center;

	color: #fff

}

.in_case .title h3 {

	display: block;

	font-size: 26px;

	padding: 0 0 10px;

	font-weight: bold;

	letter-spacing: 2px

}

.in_case .title p {

	display: block;

	width: 750px;

	margin: 0 auto;

	font-size: 18px;

	padding: 20px 0;

	color: rgba(255,255,255,0.8)

}

.in_case .cate_list {

	text-align: center;

	font-size: 16px;

	color: #fff;

	margin: 20px 0 40px

}

.in_case .cate_list a {

	color: rgba(255,255,255,0.8);

	position: relative;

	height: 30px;

	line-height: 30px;

	text-align: center;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_case .cate_list a:after {

	content: '';

	display: block;

	width: 0%;

	height: 1px;

	line-height: 1px;

	background: #fff;

	position: absolute;

	left: 50%;

	bottom: 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_case .cate_list a:hover {

	color: #fff

}

.in_case .cate_list a:hover:after {

	width: 100%;

	left: 0

}

.in_case .cate_list h4 {

	display: inline-block

}

.in_case .cate_list h4 a {

	display: block;

	font-weight: bold;

	font-size: 16px

}

.in_case .cate_list ul {

	display: inline-block

}

.in_case .cate_list ul li {

	display: inline-block;

	margin: 0 10px

}

.in_case .cate_list ul li a {

	display: block;

	position: relative;

	padding: 0 10px 0 14px;

	font-size: 16px

}

.in_case .cate_list ul li a:before {

	content: '';

	display: inline-block;

	width: 6px;

	height: 6px;

	-moz-border-radius: 100%;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	background: #fff;

	position: absolute;

	left: 0px;

	top: 50%;

	margin-top: -3px

}

.in_case .list .row {

	margin: 0

}

.in_case .list .row .item {

	padding: 0

}

.in_case .list .row .item a {

	display: block;

	width: 100%;

	height: 300px;

	position: relative;

	overflow: hidden

}

.in_case .list .row .item a .txt {

	width: 101%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 3

}

.in_case .list .row .item a .txt b {

	display: block;

	text-align: center;

	color: #fff;

	width: 100%;

	height: 70px;

	line-height: 40px;

	font-size: 20px;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: 0px;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_case .list .row .item a .txt b:after {

	content: '\f055';

	font-family: 'FontAwesome';

	font-size: 30px;

	color: #fff;

	display: block;

	width: 100%;

	height: 30px;

	line-height: 30px;

	text-align: center;

	opacity: 0;

	filter: alpha(opacity=0);

	transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	-o-transform: rotate(0deg);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_case .list .row .item a .mask {

	width: 101%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 2;

	display: block;

	vertical-align: middle;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	box-shadow: 0 0 1px rgba(0,0,0,0);

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s

}

.in_case .list .row .item a .mask:before {

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: rgba(0,0,0,0.6);

	-webkit-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: 50% 0;

	transform-origin: 50% 0;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out

}

.in_case .list .row .item a .img {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.in_case .list .row .item a .img span {

	display: block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s

}

.in_case .list .row .item a:hover .txt b {

	margin-top: -35px;

	opacity: 1;

	filter: alpha(opacity=100)

}

.in_case .list .row .item a:hover .txt b:after {

	transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	opacity: 1;

	filter: alpha(opacity=100)

}

.in_case .list .row .item a:hover .mask:before {

	-webkit-transform: scaleY(1);

	transform: scaleY(1);

	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)

}

.in_case .list .row .item a:hover .img span {

	-webkit-transform: scale(1.07, 1.07);

	-moz-transform: scale(1.07, 1.07);

	-o-transform: scale(1.07, 1.07);

	transform: scale(1.07, 1.07)

}

.partner_list {

	margin: 0 auto 50px;
	overflow:hidden;

}

.partner_list .title {

	text-align: center;

	color: #000

}

.partner_list .title h3 {

	display: block;

	font-size: 26px;

	padding: 0 0 10px;

	font-weight: bold;

	letter-spacing: 2px

}

.partner_list .title .line01 i {

	color: #999

}

.partner_list .title .line01:before {

	background: #999

}

.partner_list .title .line01:after {

	background: #999

}

.partner_list .bd {

	padding: 30px 0 0;
	

}

.partner_list ul li {

	display: block;

	float: left;

	width: 210px;

	margin-right: 10px;
	

}


.in_news {

	padding: 40px 0

}



.in_pro_cate .title {

	text-align: center;

	color: #000

}

.in_pro_cate .title h3 {

	display: block;

	font-size: 26px;

	padding: 0 0 10px;

	font-weight: bold;

	letter-spacing: 2px

}







.in_news .title {

	text-align: center;

	color: #000

}

.in_news .title h3 {

	display: block;

	font-size: 26px;

	padding: 0 0 10px;

	font-weight: bold;

	letter-spacing: 2px

}





.in_pro_cate .title .line01 i {

	color: #999

}

.in_pro_cate .title .line01:before {

	background: #999

}

.in_pro_cate .title .line01:after {

	background: #999

}

.in_news .title .line01 i {

	color: #999

}





.in_news .title .line01:before {

	background: #999

}

.in_news .title .line01:after {

	background: #999

}



.in_pro_cate .title p {

	display: block;

	width: 660px;

	margin: 0 auto;

	font-size: 18px;

	padding: 20px 0;

	opacity: .8;

	filter: alpha(opacity=80)

}



.in_news .title p {

	display: block;

	width: 660px;

	margin: 0 auto;

	font-size: 18px;

	padding: 20px 0;

	opacity: .8;

	filter: alpha(opacity=80)

}

#in_news_list {

	padding: 60px 0 0

}

#in_news_list .item .row {

	margin: 0 -20px

}

#in_news_list .item .row .list {

	padding: 0 20px

}

#in_news_list .item .row .list a {

	display: block

}

#in_news_list .item .row .list a .img {

	width: 100%;

	height: 280px;

	position: relative;

	overflow: hidden

}

#in_news_list .item .row .list a .img em.date {

	display: block;

	width: 140px;

	height: 34px;

	line-height: 34px;

	background: #0e4586;

	text-align: center;

	color: #fff;

	font-style: normal;

	font-weight: 700;

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 2;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

#in_news_list .item .row .list a .img em.date i {

	display: inline-block;

	width: auto;

	height: 34px;

	line-height: 34px;

	vertical-align: top

}

#in_news_list .item .row .list a .img span {

	display: block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s

}

#in_news_list .item .row .list a .txt {

	padding: 20px 0

}

#in_news_list .item .row .list a .txt b {

	display: block;

	height: 50px;

	line-height: 25px;

	overflow: hidden;

	font-size: 20px;

	font-weight: bold;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

#in_news_list .item .row .list a .txt p {

	display: block;

	line-height: 24px;

	height: 72px;

	margin: 10px 0;

	font-size: 14px;

	color: #999;

	overflow: hidden

}

#in_news_list .item .row .list a .txt span.more.ani-left-right {

	display: inline-block;

	padding: 0 0 15px 0;

	height: 30px;

	line-height: 30px;

	text-align: left;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

#in_news_list .item .row .list a .txt span.more.ani-left-right i {

	display: inline-block;

	height: 30px;

	line-height: 30px;

	vertical-align: top

}

#in_news_list .item .row .list a:hover .img span {

	-webkit-transform: scale(1.07, 1.07);

	-moz-transform: scale(1.07, 1.07);

	-o-transform: scale(1.07, 1.07);

	transform: scale(1.07, 1.07)

}

#in_news_list .item .row .list a:hover .txt b {

	color: #0e4586

}

#in_news_list .item .row .list a:hover .txt span.more.ani-left-right {

	padding: 0 15px;

	color: #fff

}

#in_news_list .owl-controls {

	width: 100%;

	height: 40px;

	position: absolute;

	left: 0;

	top: 10px

}

#in_news_list .owl-controls .owl-buttons {

	width: 100%;

	text-align: center

}

#in_news_list .owl-controls .owl-buttons div {

	display: inline-block;

	width: 40px;

	height: 40px;

	text-align: center;

	background: #eee;

	margin: 0 8px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

#in_news_list .owl-controls .owl-buttons div i {

	display: inline-block;

	height: 40px;

	line-height: 40px;

	vertical-align: top

}

#in_news_list .owl-controls .owl-buttons div:hover {

	background: #0e4586;

	color: #fff

}

.in_num {

	background-repeat: no-repeat;

	background-position: center bottom;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-image: url(../../images/qicai/tm-rowbg-six.jpg)

}

.in_num .inner {

	width: 100%;

	height: 100%;

	background: rgba(255,101,1,0.9);

	padding: 40px 0;

	margin: 0

}

.in_num .inner ul {

	width: 100%;

	overflow: hidden

}

.in_num .inner ul li {

	display: block;

	float: left;

	width: 20%;

	padding: 30px 20px;

	text-align: center;

	border-right: 1px solid rgba(255,255,255,0.3);

	color: #fff

}

.in_num .inner ul li:last-child {

	border-right: 1px solid rgba(255,255,255,0)

}

.in_num .inner ul li .num {

	text-align: center;

	font-size: 40px;

	font-weight: 700

}

.in_num .inner ul li .num i {

	font-style: normal

}

.in_num .inner ul li i.icon {

	display: block;

	font-size: 40px;

	margin: 10px 0 20px

}

.in_num .inner ul li span.txt {

	display: inline-block;

	font-size: 18px;

	padding-bottom: 20px;

	opacity: .8;

	filter: alpha(opacity=80);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_num .inner ul li span.txt:after {

	content: '';

	display: block;

	width: 30px;

	height: 2px;

	line-height: 2px;

	background: #fff;

	margin: 20px auto 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.in_num .inner ul li:hover span.txt {

	opacity: 1;

	filter: alpha(opacity=100)

}

.in_num .inner ul li:hover span.txt:after {

	width: 100%

}

footer {

	background: #1a1f27

}

footer .ft_contact {

	padding: 100px 0;

	border-bottom: 1px solid rgba(255,255,255,0.2)

}

footer .ft_contact .row {

	margin: 0 -30px

}

footer .ft_contact .row .item {

	padding: 0 30px;

	height: 75px;

	color: #fff

}

footer .ft_contact .row .item .ico {

	width: 75px;

	height: 75px;

	float: left;

	background: #27303b;

	line-height: 75px;

	text-align: center

}

footer .ft_contact .row .item .ico i {

	display: inline-block;

	line-height: 75px;

	font-size: 30px

}

footer .ft_contact .row .item .txt {

	padding: 0 0 0 100px

}

footer .ft_contact .row .item .txt span.t {

	display: block;

	line-height: 25px;

	font-size: 18px;

	font-weight: bold

}

footer .ft_contact .row .item .txt p {

	display: block;

	line-height: 20px;

	font-size: 16px;

	margin-top: 10px;

	color: #fff;

	opacity: .6;

	filter: alpha(opacity=60);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

footer .ft_contact .row .item .txt p a {

	font-weight: 500;

	color: #fff

}

footer .ft_contact .row .item .txt p:hover {

	opacity: 1;

	filter: alpha(opacity=100)

}

footer .ft_contact .row .item .txt p.tel {

	line-height: 40px;

	font-size: 18px

}

.ft_info {

	padding: 30px 0

}

.ft_info .title {

	font-size: 20px;

	color: #fff;

	font-weight: bold;

	margin-bottom: 20px

}

.ft_about {

	float: left;

	width: 300px;

	margin-right: 80px

}

.ft_about .txt {

	font-size: 14px;

	line-height: 26px;

	color: #999;
	text-align:justify;

}

.ft_news {

	float: left;

	width: 300px;

	margin-right: 80px

}

.ft_news .list ul li {

	display: block;

	height: 50px;

	margin-bottom: 10px

}

.ft_news .list ul li a {

	display: block;

	font-size: 14px;

	line-height: 25px;

	color: #999;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.ft_news .list ul li a span.date {

	display: block;

	float: left;

	width: 50px;

	height: 50px;

	text-align: center;

	font-size: 16px;

	background: #999;

	color: #fff;

	font-weight: 500;

	line-height: 20px;

	padding: 5px 0;

	margin: 0 20px 0 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.ft_news .list ul li a span.date em {

	display: block;

	width: 100%;

	font-size: 18px;

	font-style: normal

}

.ft_news .list ul li a:hover {

	color: #fff

}

.ft_news .list ul li a:hover span.date {

	background: #0e4586

}

.ft_nav {

	float: left;

	width: 200px;

	margin-right: 80px

}

.ft_nav .list ul li {

	display: block;

	height: 30px

}

.ft_nav .list ul li a {

	display: block;

	font-size: 14px;

	line-height: 30px;

	color: #999;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.ft_nav .list ul li a:hover {

	color: #fff

}

.ft_tags {

	float: right;

	width: 150px

}

.ft_tags .list ul {

	width: 100%;

	overflow: hidden

}

.ft_tags .list ul li {

	display: inline-block;

	margin: 0 10px 10px 0

}

.ft_tags .list ul li a {

	display: block;

	padding: 0 20px;

	height: 36px;

	line-height: 36px;

	background: #10141d;

	color: rgba(255,255,255,0.8);

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.ft_tags .list ul li a:hover {

	background: #0e4586;

	color: #fff

}

.ft_copyright {

	width: 100%;

	height: 50px;

	background: #10141d

}

.ft_copyright .w p {

	display: block;

	float: left;

	width: 70%;

	line-height: 50px;

	text-align: left;

	color: #ccc;

	font-weight: 500

}

.ft_copyright .w p a {

	color: #ccc;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.ft_copyright .w p a:hover {

	color: #fff

}

.ft_copyright .w p:last-child {

	width: 30%;

	text-align: right

}

.ft_copyright .w p:last-child i {

	margin: 0 8px;

	font-style: normal

}

.foot_link {

	background: #10141d;

	line-height: 28px;

	color: rgba(255,255,255,0.2)

}

.foot_link a {

	color: rgba(255,255,255,0.2);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.foot_link a:hover {

	color: #fff

}

#bactotop {

	display: block;

	width: 40px;

	height: 40px;

	position: fixed;

	right: 10px;

	bottom: 10px;

	z-index: 50

}

#bactotop a {

	display: block;

	width: 40px;

	height: 40px;

	background: #eee;

	text-align: center;

	-webkit-transform: scale(0, 0);

	-moz-transform: scale(0, 0);

	-o-transform: scale(0, 0);

	transform: scale(0, 0);

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

#bactotop a i {

	display: block;

	width: 100%;

	height: 100%;

	line-height: 40px;

	font-size: 20px;

	color: #666;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

#bactotop a.show {

	-webkit-transform: scale(1, 1);

	-moz-transform: scale(1, 1);

	-o-transform: scale(1, 1);

	transform: scale(1, 1);

	opacity: 1;

	filter: alpha(opacity=100)

}

#bactotop a:hover {

	background: #0e4586

}

#bactotop a:hover i {

	color: #fff

}

.banner_360view {

	width: 100%

}

.banner_360view .flash {

	float: left;

	width: 60%;

	height: 500px

}

.banner_360view .txt {

	float: right;

	width: 40%;

	padding: 0px 70px;

	font-size: 16px;

	line-height: 36px;

	color: #fff;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover

}

.banner_360view .txt.cangchu {

	background-image: url(../../images/qicai/intro_bg.jpg)

}

.banner_360view .txt.huizhan {

	background-image: url(../../images/qicai/intro_bg.jpg)

}

.banner_360view .txt.hunli {

	background-image: url(../../images/qicai/intro_bg.jpg)

}

.banner_360view .txt h1.t {

	text-align: center;

	color: #fff;

	font-size: 48px;

	font-weight: bold;

	margin-bottom: 40px

}

.banner_360view .txt .txt_inner {

	width: 100%;

	height: 500px;

	display: table

}

.banner_360view .txt .txt_inner .des {

	display: table-cell;

	vertical-align: middle

}

.zhuanti_intro {

	padding: 70px 0;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover

}

.zhuanti_intro .line01 {

	margin: 20px auto

}

.cangchu_intro {

	background-image: url(../../images/qicai/intro_bg.jpg)

}

.cangchu_intro .txt {

	width: 1000px;

	margin: 0 auto;

	font-size: 16px;

	line-height: 36px;

	color: #fff

}

.huizhan_intro {

	background-image: url(../../images/qicai/intro_bg.jpg)

}

.huizhan_intro .txt {

	width: 1000px;

	margin: 0 auto;

	font-size: 16px;

	line-height: 36px;

	color: #fff

}

.hunli_intro {

	background-image: url(../../images/qicai/intro_bg.jpg)

}

.hunli_intro .txt {

	width: 1000px;

	margin: 0 auto;

	font-size: 16px;

	line-height: 36px;

	color: #fff

}

.zhuanti_title01 {

	text-align: center;

	color: #fff;

	font-size: 48px;

	font-weight: bold

}

.zhuanti_style {

	padding: 100px 0 100px

}

.zhuanti_style .zhuanti_title01 {

	color: #000

}

.zhuanti_style .line01 {

	margin: 20px auto

}

.zhuanti_style .line01:before {

	background: #666

}

.zhuanti_style .line01:after {

	background: #666

}

.zhuanti_style .list {

	margin-top: 80px

}

.zhuanti_style .list ul {

	width: 100%;

	overflow: hidden

}

.zhuanti_style .list ul li {

	display: block;

	float: left;

	width: 20%;

	height: 540px;

	position: relative

}

.zhuanti_style .list ul li .img {

	width: 100%;

	height: 270px;

	overflow: hidden;

	position: absolute;

	left: 0px;

	top: 0px

}

.zhuanti_style .list ul li .img span {

	display: block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	-webkit-transition: all 1.5s;

	-moz-transition: all 1.5s;

	-o-transition: all 1.5s;

	transition: all 1.5s

}

.zhuanti_style .list ul li .txt {

	width: 100%;

	height: 270px;

	border: 1px solid #eee;

	position: absolute;

	left: 0px;

	bottom: 0px;

	padding: 40px 30px 0;

	text-align: center;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.zhuanti_style .list ul li .txt i.iconfont {

	display: block;

	font-size: 40px;

	color: #0e4586

}

.zhuanti_style .list ul li .txt i.icon {

	display: block;

	width: 57px;

	height: 57px;

	margin: 0 auto

}

.zhuanti_style .list ul li .txt i.icon img {

	width: 100%;

	height: 100%

}

.zhuanti_style .list ul li .txt b {

	display: block;

	font-size: 30px;

	color: #000;

	margin: 10px 0 20px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.zhuanti_style .list ul li .txt p {

	display: block;

	font-size: 14px;

	line-height: 24px;

	color: #666

}

.zhuanti_style .list ul li:nth-child(even) .img {

	top: auto;

	bottom: 0px

}

.zhuanti_style .list ul li:nth-child(even) .txt {

	top: 0px;

	bottom: auto

}

.zhuanti_style .list ul li:hover .img span {

	-webkit-transform: scale(1.2, 1.2);

	-moz-transform: scale(1.2, 1.2);

	-o-transform: scale(1.2, 1.2);

	transform: scale(1.2, 1.2)

}

.zhuanti_style .list ul li:hover .txt {

	padding-top: 20px

}

.zhuanti_style .list ul li:hover .txt b {

	margin: 0 0 10px

}

.zhuanti_pro_intro {

	background: #eee

}

.zhuanti_pro_intro .w {

	padding: 70px 0 30px

}

.zhuanti_pro_intro .w .col {

	margin-bottom: 40px

}

.zhuanti_pro_intro .w .col .img {

	float: left;

	width: 50%

}

.zhuanti_pro_intro .w .col .img img {

	width: 100%

}

.zhuanti_pro_intro .w .col .txt {

	float: right;

	width: 50%;

	padding: 0 0 0 90px

}

.zhuanti_pro_intro .w .col .txt h2.title {

	display: block;

	font-size: 30px;

	font-weight: bold;

	color: #0e4586

}

.zhuanti_pro_intro .w .col .txt h2.title:after {

	content: '';

	display: block;

	width: 46px;

	height: 3px;

	line-height: 3px;

	background: #000;

	margin: 20px 0

}

.zhuanti_pro_intro .w .col .txt h3.title {

	display: block;

	font-size: 18px;

	font-weight: bold;

	margin-bottom: 20px

}

.zhuanti_pro_intro .w .col .txt .des {

	font-size: 14px;

	line-height: 30px

}

.zhuanti_pro_intro .w .col:nth-child(even) .img {

	float: right

}

.zhuanti_pro_intro .w .col:nth-child(even) .txt {

	float: left;

	padding: 0 90px 0 0

}

.zhuanti_pro_spec {

	padding: 70px 0

}

.zhuanti_pro_spec .w {

	background: rgba(255,255,255,0.25)

}

.zhuanti_pro_spec .txt01 {

	float: left;

	width: 370px;

	padding: 50px;

	background: #fff

}

.zhuanti_pro_spec .txt01 h2.title {

	display: block;

	font-size: 30px;

	font-weight: bold;

	color: #0e4586

}

.zhuanti_pro_spec .txt01 .des {

	font-size: 14px;

	line-height: 26px;

	margin: 30px 0 10px

}

.zhuanti_pro_spec .txt02 {

	float: right;

	width: 930px;

	padding: 40px;

	text-align: center;

	color: #fff

}

.zhuanti_pro_spec .txt02 th {

	font-size: 16px;

	font-weight: bold;

	text-align: center

}

.zhuanti_pro_spec .txt02 td {

	text-align: center;

	vertical-align: middle

}

.cangchu_spec {

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-image: url("../../images/qicai/cangchu_spec_bg.jpg")

}

.huizhan_spec {

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-image: url("../../images/qicai/huizhan_spec_bg.jpg")

}

.hunli_spec {

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-image: url("../../images/qicai/hunli_spec_bg.jpg")

}

.zhuanti_pro_case {

	padding: 70px 0 0

}

.zhuanti_pro_case .zhuanti_title01 {

	color: #000

}

.zhuanti_pro_case .line01 {

	margin: 20px auto

}

.zhuanti_pro_case .line01:before {

	background: #666

}

.zhuanti_pro_case .line01:after {

	background: #666

}

.zhuanti_pro_case_list .slick-slide {

	height: 300px

}

.zhuanti_pro_case_list .slick-slide .item {

	width: 100%;

	height: 300px

}

.zhuanti_pro_case_list .slick-slide .item a {

	display: block;

	width: 100%;

	height: 100%;

	position: relative

}

.zhuanti_pro_case_list .slick-slide .item a:before {

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	background: #000;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 20;

	opacity: .6;

	filter: alpha(opacity=60);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.zhuanti_pro_case_list .slick-slide .item a .title {

	width: 100%;

	height: 60px;

	line-height: 40px;

	color: #fff;

	padding: 0 20px 20px 20px;

	position: absolute;

	left: 0px;

	right: 0px;

	bottom: 0px;

	z-index: 10;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.zhuanti_pro_case_list .slick-slide .item a .title span {

	display: block;

	padding: 0 0 0 20px;

	background: rgba(0,0,0,0.66)

}

.zhuanti_pro_case_list .slick-slide .item a .img {

	display: block;

	width: 100%;

	height: 100%

}

.zhuanti_pro_case_list .slick-slide .item a .img span {

	display: block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover

}

.zhuanti_pro_case_list .slick-slide.slick-center .item a:before {

	opacity: 0;

	filter: alpha(opacity=0)

}

.zhuanti_pro_case_list .slick-arrow {

	width: 40px;

	height: 40px;

	background: #c9c9c9;

	position: absolute;

	top: 50%;

	margin-top: -20px;

	z-index: 20

}

.zhuanti_pro_case_list .slick-arrow.slick-prev {

	left: 0px

}

.zhuanti_pro_case_list .slick-arrow.slick-next {

	right: 0px

}

.n_banner {

	width: 100%;

	height: 300px;

	position: relative

}

.n_banner:before {

	content: '';

	display: none;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5);

	position: absolute;

	left: 0;

	top: 0;

	z-index: 2

}

.n_banner span.title {

	display: none;

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #fff;

	font-size: 30px;

	font-weight: bold;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -20px;

	z-index: 2

}

.n_banner span.bg {

	display: block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center bottom;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover

}

.bread {

	width: 100%;

	height: 69px;

	line-height: 69px;

	text-align: center;

	font-size: 16px;

	background: #f4f4f4;

	position: relative;

	z-index: 20;

	-webkit-box-shadow: 0px 5px 20px 0px rgba(35,35,35,0.1);

	-moz-box-shadow: 0px 5px 20px 0px rgba(35,35,35,0.1);

	box-shadow: 0px 5px 20px 0px rgba(35,35,35,0.1)

}

.product_warp {

	padding: 70px 0;

	background: #fff

}

.product_warp .w {

	background: #f4f4f4

}

.product_detail_content {

	float: right;

	width: 1000px;

	background: #fff;

	padding: 0 0 0 40px

}

.product_detail_content h1.title {

	display: block;

	text-align: center;

	font-size: 24px;

	font-weight: bold;

	color: #333

}

.product_detail_content .info_des {

	width: 800px;

	margin: 20px auto 30px;

	text-align: center;

	font-size: 16px;

	line-height: 30px;

	color: #666

}

.product_detail_content .txt {

	padding: 20px 0;

	font-size: 16px;

	line-height: 30px;

	color: #333

}

#product_d_slide {

	width: 790px;

	margin: 0 auto

}

#product_d_slide .item {

	width: 100%;

	height: 100%

}

#product_d_slide .item a {

	display: block;

	width: 100%;

	height: 100%

}

#product_d_slide .item a .col {

	width: 100%;

	height: 100%;

	display: table

}

#product_d_slide .item a .col .inner {

	display: table-cell;

	vertical-align: middle;

	text-align: center;

	width: 790px;

	height: 520px

}

#product_d_slide .item a .col .inner img {

	max-width: 100%;

	max-height: 100%

}

#product_d_slide .owl-pagination {

	margin: 0;

	width: 100%;

	height: 4px;

	text-align: center;

	position: absolute;

	bottom: 30px

}

#product_d_slide .owl-pagination .owl-page {

	display: inline-block

}

#product_d_slide .owl-pagination .owl-page span {

	display: block;

	margin: 0 5px;

	width: 20px;

	height: 4px;

	background: rgba(0,0,0,0.3);

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

#product_d_slide .owl-pagination .active span {

	width: 50px;

	background: rgba(255,101,1,0.8)

}

#product_d_slide .owl-buttons div {

	width: 40px;

	height: 40px;

	border: 1px solid #666;

	text-align: center;

	position: absolute;

	top: 50%;

	margin-top: -20px;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

#product_d_slide .owl-buttons div i.iconfont {

	display: inline-block;

	height: 38px;

	vertical-align: top;

	text-align: center;

	line-height: 38px;

	color: #666

}

#product_d_slide .owl-buttons div:hover {

	background-color: #0e4586;

	border-color: #0e4586

}

#product_d_slide .owl-buttons .owl-prev {

	left: 0px

}

#product_d_slide .owl-buttons .owl-next {

	right: 0px

}

#product_d_slide:hover .owl-controls .owl-buttons div {

	opacity: 1;

	filter: alpha(opacity=100)

}

#product_d_slide:hover .owl-controls .owl-buttons .owl-prev {

	left: 40px

}

#product_d_slide:hover .owl-controls .owl-buttons .owl-next {

	right: 40px

}

.web_side {

	width: 250px;

	float: right

}

.web_side.left {

	float: left

}

.web_content {

	width: 950px;

	float: left;

	padding: 0 40px 0 0;

	background: #fff

}

.web_content.right {

	float: right;

	padding: 0 0 0 40px

}

.cate_side .side_t {

	width: 100%;

	line-height: 30px;

	padding: 10px 20px 5px;

	font-weight: bold;

	background: #0e4586;

	color: #fff

}

.cate_side .side_t span {

	display: block;

	text-transform: uppercase;

	font-weight: 500;

	font-size: 14px

}

.cate_side ul {

	margin: 10px 0 0;

	padding: 10px

}

.cate_side ul li {

	display: block;

	width: 100%;

	height: 60px;

	line-height: 60px;

	margin: 0 0 10px

}

.cate_side ul li a {

	display: block;

	font-size: 16px;

	color: #888;

	padding: 0 10px 0 20px;

	line-height: 60px;

	background: #fff;

	display: inline-block;

	width: 100%;

	vertical-align: middle;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	box-shadow: 0 0 1px rgba(0,0,0,0);

	position: relative;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s

}

.cate_side ul li a:before {

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: #0e4586;

	-webkit-transform: scaleX(0);

	transform: scaleX(0);

	-webkit-transform-origin: 0 50%;

	transform-origin: 0 50%;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out

}







.cate_side ul li a:after,.side_t ul li a:after  {

	content: "\e649";

	font-family: 'themify';

	font-size: 12px;

	display: block;

	width: 30px;

	height: 60px;

	text-align: right;

	line-height: 60px;

	color: #fff;

	position: absolute;

	right: 10px;

	top: 0

}

.cate_side ul li a.cur {

	background: #0e4586;

	color: #fff

}

.cate_side ul li a:hover {

	color: #fff

}

.cate_side ul li a:hover:before {

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)

}

.pro_cate_side .side_t {

	width: 100%;

	line-height: 30px;

	padding: 10px 20px 5px;

	font-weight: bold;

	background: #0e4586;

	color: #fff

}

.pro_cate_side .side_t span {

	display: block;

	text-transform: uppercase;

	font-weight: 500;

	font-size: 14px

}

.pro_cate_side ul {

	margin: 10px 0 0;

	padding: 10px;
	
}

.pro_cate_side ul li {

	display: block;

	width: 100%;

	height: 45px;

	line-height: 45px;

	margin: 0 0 10px

}

.pro_cate_side ul li a {

	display: block;

	font-size: 16px;

	color: #888;

	padding: 0 10px 0 20px;

	line-height: 45px;

	background: #fff;

	display: inline-block;

	width: 100%;

	vertical-align: middle;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	box-shadow: 0 0 1px rgba(0,0,0,0);

	position: relative;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;
	border: 1px solid #e4e4e4;

}

.pro_cate_side ul li a:before {

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: #0e4586;

	-webkit-transform: scaleX(0);

	transform: scaleX(0);

	-webkit-transform-origin: 0 50%;

	transform-origin: 0 50%;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out

}



.pro_cate_side ul li a:after  {

	content: "\e649";

	font-family: 'themify';

	font-size: 12px;

	display: block;

	width: 30px;

	height: 45px;

	text-align: right;

	line-height: 45px;

	color: #fff;

	position: absolute;

	right: 10px;

	top: 0

}



.pro_cate_side ul li a img {

	float: right;

	width: 60px;

	height: 50px;

	margin-top: 5px

}

.pro_cate_side ul li a.cur {

	background: #0e4586;

	color: #fff

}

.pro_cate_side ul li a:hover {

	color: #fff

}

.pro_cate_side ul li a:hover:before {

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)

}

.product_list {

	float: right;

	width: 950px;

	background: #fff;

	padding: 0 0 0 40px;

	min-height: 650px

}

.product_list .row {

	margin: 0 -20px

}

.product_list .row .item {

	padding: 0 20px;

	margin-bottom: 40px

}

.product_list .row .item a {

	display: block;

	-webkit-box-shadow: 0px 10px 15px 5px rgba(35,35,35,0);

	-moz-box-shadow: 0px 10px 15px 5px rgba(35,35,35,0);

	box-shadow: 0px 10px 15px 5px rgba(35,35,35,0);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.product_list .row .item a .thumb {

	width: 100%;

	height: 220px;

	overflow: hidden;

	position: relative

}

.product_list .row .item a .thumb span {

	display: block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s

}




.product_list .row .item a .txt {

	padding: 20px;

	background: #f9f9f9;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.product_list .row .item a .txt b.t {

	display: block;

	font-size: 16px;

	height: 22px;

	line-height: 22px;

	overflow: hidden;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.product_list .row .item a .txt .des {

	font-size: 14px;

	line-height: 28px;

	color: #666;

	margin: 10px 0;

	height: 84px;

	overflow: hidden

}

.product_list .row .item a .txt span.more {

	width: 90px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	background: #efefef;

	color: #999

}

.product_list .row .item a:hover {

	-webkit-box-shadow: 0px 5px 15px 5px rgba(35,35,35,0.1);

	-moz-box-shadow: 0px 5px 15px 5px rgba(35,35,35,0.1);

	box-shadow: 0px 5px 15px 5px rgba(35,35,35,0.1)

}

.product_list .row .item a:hover .thumb span {

	-webkit-transform: scale(1.07, 1.07);

	-moz-transform: scale(1.07, 1.07);

	-o-transform: scale(1.07, 1.07);

	transform: scale(1.07, 1.07)

}

.product_list .row .item a:hover .thumb:before {

	top: 0

}

.product_list .row .item a:hover .thumb:after {

	margin-top: -15px;

	transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	opacity: 1;

	filter: alpha(opacity=100)

}

.product_list .row .item a:hover .txt b.t {

	color: #0e4586

}

.product_list .row .item a:hover .txt span.more {

	color: #fff

}

.news_warp .item {

	padding: 50px 0

}

.news_warp .item:nth-child(even) {

	background: #f5f5f5

}

.news_warp .item a {

	display: block

}

.news_warp .item a .thumb {

	float: left;

	width: 300px;

	height: 200px;

	overflow: hidden;

	position: relative

}

.news_warp .item a .thumb span {

	display: block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s

}

.news_warp .item a .thumb:before {

	content: '';

	display: block;

	width: 100%;

	height: 240px;

	position: absolute;

	left: 0;

	top: -240px;

	z-index: 5;

	background: rgba(255,101,1,0.6);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	-webkit-clip-path: polygon(0 0, 101% 0%, 100% 100%, 0 90%);

	clip-path: polygon(0 0, 101% 0%, 100% 100%, 0 90%)

}

.news_warp .item a .thumb:after {

	content: '\f055';

	font-family: 'FontAwesome';

	font-size: 30px;

	color: #fff;

	display: block;

	width: 100%;

	height: 30px;

	line-height: 30px;

	text-align: center;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: 0px;

	z-index: 5;

	opacity: 0;

	filter: alpha(opacity=0);

	transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	-o-transform: rotate(0deg);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.news_warp .item a .txt {

	padding: 0 0 0 340px

}

.news_warp .item a .txt b.t {

	display: block;

	font-size: 20px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.news_warp .item a .txt span.date {

	display: block;

	font-size: 14px;

	font-weight: 500;

	color: #999;

	height: 40px;

	line-height: 40px

}

.news_warp .item a .txt .des {

	font-size: 14px;

	line-height: 28px;

	color: #666;

	margin: 20px 0

}

.news_warp .item a .txt span.more {

	width: 90px;

	height: 30px;

	line-height: 30px;

	text-align: center

}

.news_warp .item a:hover .thumb span {

	-webkit-transform: scale(1.07, 1.07);

	-moz-transform: scale(1.07, 1.07);

	-o-transform: scale(1.07, 1.07);

	transform: scale(1.07, 1.07)

}

.news_warp .item a:hover .thumb:before {

	top: 0

}

.news_warp .item a:hover .thumb:after {

	margin-top: -15px;

	transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	opacity: 1;

	filter: alpha(opacity=100)

}

.news_warp .item a:hover .txt b.t {

	color: #0e4586;

	padding: 0 0 0 10px

}

.news_warp .item a:hover .txt span.more {

	color: #fff

}

.news_warp_c {

	padding: 70px 0;

	background: #fff

}

.news_warp_c .w {

	background: #f4f4f4

}

.news_detail_content h1.title {

	display: block;

	text-align: center;

	font-size: 24px;

	font-weight: bold;

	color: #333

}

.news_detail_content .info {

	width: 100%;

	text-align: center;

	font-size: 14px;

	line-height: 40px;

	color: #999;

	border-bottom: 1px solid #e1e1e1

}

.news_detail_content .txt {

	padding: 20px 0;

	font-size: 16px;

	line-height: 30px;

	color: #333;

	min-height: 500px

}

.news_detail_content .txt img {

	max-width: 100%

}

.news_detail_content .txt a.back {

	display: block;

	width: 90px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	font-size: 14px;

	background: #0e4586;

	color: #fff;

	margin: 20px auto 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.news_detail_content .txt a.back:hover {

	background: #004098

}

.updown {

	color: #999;

	margin: 20px 0 0

}

.updown a {

	color: #999;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.updown a:hover {

	color: #0e4586

}

.news_side .side_t {

	width: 100%;

	line-height: 30px;

	padding: 10px 20px 5px;

	font-weight: bold;

	background: #0e4586;

	color: #fff

}

.news_side .side_t span {

	display: block;

	text-transform: uppercase;

	font-weight: 500;

	font-size: 14px

}

.news_side ul {

	margin: 10px 0 0;

	padding: 10px 20px

}

.news_side ul li {

	display: block;

	width: 100%;

	margin: 0 0 10px

}

.news_side ul li a {

	display: block;

	font-size: 14px;

	color: #888;

	line-height: 25px;

	padding: 0 0 0 10px;

	position: relative;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.news_side ul li a:before {

	content: '';

	display: block;

	width: 4px;

	height: 4px;

	line-height: 4px;

	background: #999;

	position: absolute;

	left: 0px;

	top: 10px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.news_side ul li a:hover {

	color: #0e4586

}

.news_side ul li a:hover:before {

	background: #0e4586

}

.about_w {

	float: right;

	width: 950px;

	background: #fff;

	padding: 0 0 0 40px;

	min-height: 800px;

	font-size: 16px;

	line-height: 30px;
	text-align:justify;

}

.about_pic {

	margin: 0;

	padding: 0

}

.about_pic .row {

	margin: 0 -20px

}

.about_pic .row .item {

	padding: 0 20px

}

.about_pic .row .item a {

	display: block

}

.about_pic .row .item a .img {

	width: 100%;

	height: 250px

}

.about_pic .row .item a .img span {

	display: block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover

}

.about_pic .row .item a .title {

	display: block;

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #666;

	font-size: 16px;

	font-weight: bold

}

.history_list {

	min-height: 800px;

	position: relative;

	background: url("../../images/qicai/line04.gif") 120px top repeat-y

}

.history_list .item {

	font-size: 14px;

	line-height: 40px;

	margin-bottom: 20px

}

.history_list .item span.date {

	display: block;

	float: left;

	width: 100px;

	height: 40px;

	font-size: 18px;

	font-weight: 500;

	font-weight: bold;

	text-align: right;

	position: relative

}

.history_list .item span.date:after {

	content: '';

	display: block;

	width: 15px;

	height: 14px;

	background: url("../../images/qicai/icon07.gif") left top no-repeat;

	position: absolute;

	right: -28px;

	top: 14px

}

.history_list .item .des {

	padding: 0 0 0 150px;

	font-size: 16px

}

.contact_info {

	line-height: 40px

}

#map01 {

	width: 100%;

	height: 600px;

	margin: 40px 0 0

}

#map01 .BMap_bubble_content {

	font-size: 14px

}

#map01 .BMap_bubble_content b {

	font-size: 16px

}

.message_form_col {

	margin: 0;

	padding: 0px

}

.message_form_col .row {

	margin: 0 -10px

}

.message_form_col .row .item {

	padding: 0 10px;

	margin-bottom: 20px

}

.message_form_col .row .item input {

	width: 100%;

	height: 44px;

	line-height: 42px;

	border: 1px solid #dcdcdc;

	font-size: 14px;

	padding: 0 20px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px

}

.message_form_col .row .item textarea {

	width: 100%;

	line-height: 42px;

	border: 1px solid #dcdcdc;

	font-size: 14px;

	padding: 0 20px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px

}

.message_form_col .row .item .spec {

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px

}

.message_form_col .row .item .submit {

	width: 100%;

	height: 44px;

	line-height: 44px;

	text-align: center;

	border: none;

	background: #333;

	color: #fff;

	font-size: 18px;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.message_form_col .row .item .submit:hover {

	background: #0e4586

}

.search_list_w {

	padding: 50px 0

}

.search_list {

	margin: 0;

	padding: 0

}

.search_list .row {

	margin: 0 -10px

}

.search_list .row .item {

	padding: 0 10px;

	margin-bottom: 20px

}

.search_list .row .item a {

	display: block;

	border: 1px solid #dcdcdc;

	padding: 15px

}

.search_list .row .item a .thumb {

	float: left;

	width: 90px;

	height: 90px

}

.search_list .row .item a .thumb span {

	display: block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover

}

.search_list .row .item a .txt {

	padding: 0 0 0 110px

}

.search_list .row .item a .txt b.t {

	display: block;

	font-size: 14px;

	height: 20px;

	line-height: 20px;

	overflow: hidden

}

.search_list .row .item a .txt .des {

	font-size: 12px;

	line-height: 20px;

	color: #999;

	height: 40px;

	margin: 5px 0;

	overflow: hidden

}

.search_list .row .item a .txt .info {

	height: 20px;

	line-height: 20px;

	color: #666

}

.search_list .row .item a .txt .info span {

	display: block;

	float: left;

	width: 50%;

	font-size: 12px

}

.search_list .row .item a .txt .info span.more {

	text-align: right

}

.related_box dt {

	display: block;

	width: 100%;

	height: 40px;

	line-height: 40px;

	padding: 0 20px;

	font-size: 14px;

	color: #333;

	background: #ddd

}

.related_box dd {

	padding: 20px;

	border: 1px solid #ddd

}

.related_box dd .row {

	margin: 0 -10px

}

.related_box dd .row .list {

	padding: 0 10px

}

.related_box dd .row .list a {

	display: block

}

.related_box dd .row .list a .thumb {

	width: 100%;

	height: 220px;

	overflow: hidden;

	position: relative

}

.related_box dd .row .list a .thumb span {

	display: block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s

}

.related_box dd .row .list a .thumb:before {

	content: '';

	display: block;

	width: 100%;

	height: 260px;

	position: absolute;

	left: 0;

	top: -260px;

	z-index: 5;

	background: rgba(255,101,1,0.6);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	-webkit-clip-path: polygon(0 0, 101% 0%, 100% 100%, 0 90%);

	clip-path: polygon(0 0, 101% 0%, 100% 100%, 0 90%)

}

.related_box dd .row .list a .thumb:after {

	content: '\f055';

	font-family: 'FontAwesome';

	font-size: 30px;

	color: #fff;

	display: block;

	width: 100%;

	height: 30px;

	line-height: 30px;

	text-align: center;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: 0px;

	z-index: 5;

	opacity: 0;

	filter: alpha(opacity=0);

	transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	-o-transform: rotate(0deg);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.related_box dd .row .list a .title {

	display: block;

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 16px;

	overflow: hidden;

	color: #999;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.related_box dd .row .list a:hover .thumb span {

	-webkit-transform: scale(1.07, 1.07);

	-moz-transform: scale(1.07, 1.07);

	-o-transform: scale(1.07, 1.07);

	transform: scale(1.07, 1.07)

}

.related_box dd .row .list a:hover .thumb:before {

	top: 0

}

.related_box dd .row .list a:hover .thumb:after {

	margin-top: -15px;

	transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	opacity: 1;

	filter: alpha(opacity=100)

}

.related_box dd .row .list a:hover .title {

	color: #0e4586

}

.qualification_list {

	margin: 0;

	float: left;

	width: 1000px;

	background: #fff;

	padding: 0 40px 0 0;

	min-height: 800px

}

.qualification_list .row {

	margin: 0 -10px

}

.qualification_list .row .item {

	padding: 0 10px

}

.qualification_list .row .item .thumb {

	width: 100%

}

.qualification_list .row .item .thumb img {

	width: 100%

}

.qualification_list .row .item .title {

	display: block;

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 16px;

	overflow: hidden;

	color: #999

}

.sidebar {

	width: 60px;

	position: fixed;

	bottom: 10px;

	right: 5px;

	z-index: 99999

}

.sidebar ul li {

	position: relative;

	list-style: none;

	height: 61px;

	background: url(../../images/qicai/r_line.png) bottom no-repeat

}

.sidebar ul li img {

	float: left

}

.sidebar ul li .sidebox {

	position: absolute;

	width: 60px;

	height: 60px;

	top: 0;

	right: 0;

	transition: all 0.3s;

	background: #7f7f7f;

	overflow: hidden;

	color: #fff;

	font: 14px "微软雅黑"

}

.sidebar ul li .sidebox1 {

	position: absolute;

	width: 60px;

	height: 60px;

	top: 0;

	right: 0;

	transition: all 0.3s;

	background: #7f7f7f;

	overflow: hidden;

	color: #fff;

	font: 14px "微软雅黑"

}

.sidebar ul li .sidebox1:hover {

	background: #fd8200

}

.sidebar ul li .sidebox2 {

	position: absolute;

	width: 60px;

	height: 60px;

	top: 0;

	right: 0;

	transition: all 0.3s;

	background: #7f7f7f;

	overflow: hidden;

	color: #fff;

	font: 14px "微软雅黑"

}

.sidebar ul li .sidebox3 {

	position: absolute;

	width: 60px;

	height: 60px;

	top: 0;

	right: 0;

	transition: all 0.3s;

	background: #7f7f7f;

	overflow: hidden;

	color: #fff;

	font: 14px "微软雅黑"

}

.mobile-container {

	width: 60px;

	height: 60px;

	background: url(../../images/qicai/r_ewm.png) no-repeat #7f7f7f;

	float: left

}

.mobile-container:hover {

	background: url(../../images/qicai/r_ewm.png) no-repeat #fd8200

}

.mobile-show {

	width: 140px;

	min-height: 120px;

	background: #fff;

	border-radius: 10px;

	border: 1px solid #dddddd;

	position: absolute;

	left: -155px;

	top: -80px

}

.mobile-show .mobile-sanjiao {

	width: 0;

	height: 0;

	border-style: solid;

	border-color: transparent transparent transparent #ffffff;

	border-width: 6px;

	left: 140px;

	top: 120px;

	position: absolute;

	z-index: 2

}

.mobile-show .mobile-sanjiao-big {

	width: 0;

	height: 0;

	border-style: solid;

	border-color: transparent transparent transparent #dddddd;

	border-width: 8px;

	left: 141px;

	top: 118px;

	position: absolute

}

.mobile-show .mobile-txt {

	float: left;

	width: 124px;

	padding: 10px 12px 20px;

	text-align: center;

	font-size: 15px;

	color: #4c4c4c

}

.mobile-show .mobile-txt ul li {

	width: 124px;

	min-height: 120px;

	line-height: 15px

}

/*网站地图*/

.sitemap {

	overflow: hidden;

	line-height: 30px;

	padding: 10px;

	border-bottom: 1px solid #ddd;

}

.sitemap dt {

	float: left;

	margin-right: 2%;

	width: 14.66666667%;

}

.sitemap dt a {

	display: block;

	text-align: center;

	background: #ececec;

	font-size: 14px;

	padding: 8px 0;

	font-weight: normal;

}

.sitemap dt a:hover {

	background: #ccc;

	color: #fff;

}

.sitemap dd {

	float: left;

	width: 83.333333%;

}

.sitemap dd a {

	float: left;

	color: #666;

	padding-right: 35px;

	line-height: 39px;

	transition: none;

}

.sitemap dd a:hover {

	color: #333;

}



/*调整代码*/

.in_pro_cate .col-xs-3 {

	width:20%;

	

}





.Fwtm {

	height: 230px;

	background: url(../../images/qicai/baner2.jpg) no-repeat center top;

}

.Fwtm .Fwtmcont {

	height: 230px;

	overflow: hidden;

}

.Fwtmcont .hotline {

	float: right;

	margin-top: 59px;

	margin-right: 88px;

}

.Fwtm .Fwtmcont dl {

	overflow: hidden;

}

.Fwtm .Fwtmcont dl dt {

	float: left;

}

.Fwtm .Fwtmcont dl dt img {

	display: block;

}

.Fwtm .Fwtmcont dl dd {

	padding-left: 59px;

}

.Fwtm .Fwtmcont dl dd span {

	font-size: 18px;

	color: #fff;

}

.Fwtm .Fwtmcont dl dd p {

	font-size: 33px;

	color: #fff;

}

.Fwtm .Fwtmcont .zxbtn {

	display: inline-block;

	width: 162px;

	height: 45px;

	margin-left: 50px;

	margin-top: 14px;

	background: url(../../images/qicai/zxbtn.png) no-repeat;

	font-size: 21px;

	line-height: 45px;

	text-align: center;

	color: #fff;

}









/*about*/





.about {

	background: url(../../images/qicai/aboutbg.jpg) no-repeat top center;

	height: 440px;

	overflow: hidden;

	padding-top: 54px;

}

.about .fl {

	float: left;

	display: inline-block;

	width: 622px;

}

.about .fr {

	float: right;

	display: inline-block;

	padding-top: 20px;

}

.about .fr video {

	width: 482px;

	height: 307px;

	border-radius: 7px;

	border: 15px solid #FFF;

}

.about .fl span {

	color: #4f5358;

	font-size: 30px;

	font-weight: bold;

}

.about .fl h2 {

	font-weight: bold;

	color: #FFF;

	position: relative;

	height: 50px;

}

.about .fl h2:after {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 70px;

	height: 3px;

	background: #0e4586;

}

.about .fl .info {

	font-size: 12px;

	line-height: 25px;

	color: #FFF;

	margin-top: 20px;

}

.about .fl .more {

	width: 185px;

	height: 42px;

	line-height: 42px;

	border-radius: 5px;

	margin-top: 20px;

	background: #0e4586 url(../../images/qicai/ico03.jpg) no-repeat 40px center;

	display: block;

}

.about .fl .more a {

	color: #FFF;

	padding-left: 80px;

}



/*产品列表新加*/



.intro{width: 280px;height: 80px;text-align: center;padding-top: 14px;position: relative;}
.intro h3{font-size: 16px;color: #333333;font-weight: bold;margin-bottom: 16px;width: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.intro h3 a{color: #333333;text-decoration: none;}
.intro p{font-size: 14px;color: #666666;line-height: 22px;padding: 0 13px;}
.intro .btn_pro{overflow: hidden;width: 241px;height: 42px;background: url(../../images/qicai/proListBg01.png) no-repeat center;position: absolute;bottom: 0px;left: 20px;}
.intro .btn_pro a{display: block;width: 120px;height: 42px;line-height: 42px;text-align: center;float: left;font-size: 14px;color: #777777;text-decoration: none;}
.intro .btn_pro a i{display: inline-block;width: 7px;height: 12px;background: url(../../images/qicai/mub02_jt03.png) no-repeat center;margin-left: 8px;position: relative;top: 2px;}
.intro .btn_pro a:first-child{border-right: 1px solid #eaeaea;}
.intro .btn_pro a:hover{color: #fff;}
.intro h3 a{color: #333; font-weight:normal; font-size:14px; font-family:"微软雅黑";}
.intro .btn_pro a.more:hover{background: url(../../images/qicai/proListBg02.png) no-repeat center;}
.intro .btn_pro a.more:hover i{background: url(../../images/qicai/mub02_jt02.png) no-repeat center;}
.intro .btn_pro a.zx:hover{background: url(../../images/qicai/proListBg03.png) no-repeat center;}
.intro .btn_pro a.zx:hover i{background: url(../../images/qicai/mub02_jt02.png) no-repeat center;}
.proListSection .mainCon .conBox li:hover .Pic img{transform: scale(1.2);}


/*优势样式*/


.advantage {
    background: #f0f0f0;
}

.content, .container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}

.content, .container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}


h2.h2_title {
    padding-top: 48px;
    text-align: center;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 35px;
}

h2.h2_title .eml {
    background: url(../../images/qicai/titlinel01.png) no-repeat right center;
}

h2.h2_title .emr {
    background: url(../../images/qicai/titliner01.png) no-repeat left center;
}

h2.h2_title b {
    color: #ff6501;
    font-size: 35px;
}

.titEn {
    text-align: center;
    margin-bottom: 38px;
    font-size: 16px;
    text-transform: uppercase;
    color: #666;
}

.titEn {
    text-align: center;
    margin-bottom: 38px;
    font-size: 16px;
    text-transform: uppercase;
    color: #666;
}

h2.h2_title em {
    display: inline-block;

    height: 1px;
}

.advantage {
	background: #f0f0f0;
}
.advantage h2.h2_title em {
	width: 430px;
}
.advantage h2.h2_title span {
	width: 335px;
}
.advantage .advCon {
	height: 1440px;
	background: url(../../images/qicai/advbg.jpg) no-repeat center top;
	position: relative;
}
.advantage .advCon .advBox {
	position: absolute;
	width: 560px;
	padding-left: 90px;
}
.advantage .advCon .advBox .p1 {
	position: relative;
	margin-bottom: 5px;
}
.advantage .advCon .advBox .p1 div {
	color: #666;
}
.advantage .advCon .advBox .p1 span {
	display: block;
	width: 36px;
	font-weight: bold;
	color: #fff;
	width: 70px;
	height: 70px;
	background: url(../../images/qicai/advicon01.png) no-repeat center;
	line-height: 70px;
	text-align: center;
	font-size: 36px;
	font-family: "宋体";
	position: absolute;
	left: -90px;
	top: -15px;
}
.advantage .advCon .advBox .p1 b {
	display: block;
	font-size: 22px;
	color: #ff6501;
	margin-bottom: 13px;
}
.advantage .advCon .advBox .p2 {
	font-size: 14px;
	line-height: 24px;
	padding-left: 25px;
	background: url(../../images/qicai/advicon02.png) no-repeat left top;
	color: #666;
	text-align:justify;
}
.advantage .advCon .adv1 {
	left: 20px;
	top: 10px;
	
}
.advantage .advCon .adv2 {
	left: 610px;
	top: 255px;
}
.advantage .advCon .adv3 {
	left: 20px;
	top: 495px;
}
.advantage .advCon .adv4 {
	left: 610px;
	top: 735px;
}
.advantage .advCon .adv5 {
	left: 20px;
	top: 952px;
}
.advantage .advCon .adv6 {
	left: 610px;
	top: 1217px;
}


/*产品切换样式*/


.product_list div.proshow{
	display:block;
	}
	
.product_list div.prohide{
	display:none;
	}