@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: #ed1b24;

	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: #ed1b24;

	-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: 1300px;

	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: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: #ed1b24

}



.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: #ed1b24;

	border-color: #ed1b24

}



.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/right.png) no-repeat left center

}



.Validform_wrong {

	color: red;

	padding-left: 20px;

	white-space: nowrap;

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

}



.Validform_loading {

	padding-left: 20px;

	background: url(../images/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/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: #ed1b24;

	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 #ed1b24;

	color: #ed1b24

}/*!

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:fixed;

	z-index: 200;

	width: 100%;

	background:#FFF;

	height:220px;

	

}



.top_bar {

	width: 100%;

	height: 40px;

	line-height: 40px;

	background: #151515;

	color: #fff

}



.top_contact {

	font-weight: 500;

	float: left;

	width: 70%

}



.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: #ed1b24

}



.top_lang {

	float: right;

	width: 30%;

	height: 16px;

	margin-top: 12px;

	text-align: right

}



.top_lang a {

	display: inline-block;

	vertical-align: top;

	width: 120px;

	height: 16px;

	padding: 0 0 0 30px

}



.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: right;

	height: 16px;

	line-height: 16px;

	color: #fff;

	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: #ed1b24

}



.top_head {

	height: 120px;

	overflow: hidden

}



.top_head a.web_logo {

	display: block;

	float: left;

	height: 80px;

	margin-top: 20px;

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

	text-indent: -9999px;

	overflow: hidden

}



.top_slogn {

	float: right;

	width: 780px;

	height: 50px;

	margin-top: 35px

}



.top_slogn ul li {

	display: block;

	float: left;

	width: 260px;

	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;

	width: 170px;

	height: 50px;

	line-height: 25px;

	font-weight: lighter

}



.top_slogn ul li p b {

	display: block;

	line-height: 25px;

	font-weight: bold;

	font-size: 16px

}



.top_nav {

	width: 100%;

	height: 60px;

	background: #151515;

	-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 .w nav {

	float: left;

	width: 980px

}



.top_nav .w nav ul li.m {

	display: block;

	float: left;

	height: 60px;

	position: relative

}



.top_nav .w nav ul li.m h3 {

	display: block

}



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

	display: block;

	color: #fff;

	padding: 0 32px;

	font-size: 14px;

	line-height: 60px

}

.top_nav .w nav ul li.m:hover h3 a span{color: #ed1b24}

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

	color: #ed1b24

}



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

	display: none;

	width: 100%;

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

	position: absolute;

	left: 0;

	top: 60px;

	z-index: 100

}



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

	display: block;

	width: 100%;

	line-height: 30px;

	text-align: center;

	color: #fff;

	padding: 5px 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}



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

	background: rgba(237,27,36,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 #ed1b24 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: #ed1b24;

	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 #ed1b24;

	-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: #ed1b24;

	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(237,27,36,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: #ed1b24;

	border-color: #ed1b24

}



#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/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(237,27,36,0.8)

}



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

	color: #ed1b24

}



.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/indexshow1.jpg");

background-size: auto 100%;

-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: #ed1b24

}



.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: 0 20px

}



.in_pro_cate .row .item a {display: block;width: 100%;height: 348px;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: 294px;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: 410px;

	position: absolute;

	left: 0;

	top: -410px;

	z-index: 5;

	background: rgba(237,27,36,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%;padding: 10px 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: 0;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: #ed1b24

}



.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: 100% 100%;background-image: url(../images/indexshow2.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: #ed1b24

}



.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: #ed1b24

}



.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 #ed1b24

}



.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/tm-rowbg-four.jpg)

}



.in_case .inner {

	width: 100%;

	height: 100%;

	background: rgba(237,27,36,0.9);

	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: 510px;

	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

}



.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_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_news .title .line01 i {

	color: #999

}



.in_news .title .line01:before {

	background: #999

}



.in_news .title .line01:after {

	background: #999

}



.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: #ed1b24;

	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: #ed1b24

}



#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: #ed1b24;

	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/tm-rowbg-six.jpg)

}



.in_num .inner {

	width: 100%;

	height: 100%;

	background: rgba(237,27,36,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: 50px 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

}



.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: #ed1b24

}



.ft_nav {

	float: left;

	width: 100px;

	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: 350px

}



.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: #ed1b24;

	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: #ed1b24

}



#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/intro_bg.jpg)

}



.banner_360view .txt.huizhan {

	background-image: url(../images/intro_bg.jpg)

}



.banner_360view .txt.hunli {

	background-image: url(../images/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/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/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/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: #ed1b24

}



.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: #ed1b24

}



.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: #ed1b24

}



.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/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/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/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: block;

	width: 100%;

	height: 100%;

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

	position: absolute;

	left: 0;

	top: 0;

	z-index: 2

}



.n_banner span.title {

	display: block;

	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(237,27,36,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: #ed1b24;

	border-color: #ed1b24

}



#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: 300px;

	float: right

}



.web_side.left {

	float: left

}



.web_content {

	width: 1000px;

	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: #d01818;

	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: #d01818;

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

	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: #d01818;

	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: #d01818;

	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: 60px;

	line-height: 60px;

	margin: 0 0 10px

}



.pro_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

}



.pro_cate_side ul li a:before {

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: #d01818;

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

	float: right;

	width: 60px;

	height: 50px;

	margin-top: 5px

}



.pro_cate_side ul li a.cur {

	background: #d01818;

	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: 1000px;

	background: #fff;

	padding: 0 0 0 40px;

	min-height: 800px

}



.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: 500px;

	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 .thumb:before {

	content: '';

	display: block;

	width: 100%;

	height: 300px;

	position: absolute;

	left: 0;

	top: -505px;

	z-index: 5;

	/*background: rgba(237,27,36,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%)

}



.product_list .row .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

}



.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: #ed1b24

}



.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(237,27,36,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: #ed1b24;

	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: #ed1b24;

	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: #ed1b24

}



.news_side .side_t {

	width: 100%;

	line-height: 30px;

	padding: 10px 20px 5px;

	font-weight: bold;

	background: #d01818;

	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: #ed1b24

}



.news_side ul li a:hover:before {

	background: #ed1b24

}



.about_w {

	float: right;

	width: 1000px;

	background: #fff;

	padding: 0 0 0 40px;

	min-height: 800px;

	font-size: 16px;

	line-height: 30px

}



.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/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/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: #ed1b24

}



.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(237,27,36,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: #ed1b24

}



.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/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/r_ewm.png) no-repeat #7f7f7f;

	float: left

}



.mobile-container:hover {

	background: url(../images/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

}
.mobile-show2 {

	width: 140px;

	min-height: 120px;

	background: #fff;

	border-radius: 10px;

	border: 1px solid #dddddd;

	position: absolute;

	left: -155px;

	top: -80px

}



.mobile-show2 .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-show2 .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-show2 .mobile-txt {

	float: left;

	width: 124px;

	padding: 10px 12px 20px;

	text-align: center;

	font-size: 15px;

	color: #4c4c4c

}



.mobile-show2 .mobile-txt ul li {

	width: 124px;

	min-height: 120px;

	line-height: 15px

}