body,html {
	height: 100%;
	position: relative
}

abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle
}

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #324252;
	position: relative;
	min-width: 320px;
	-webkit-text-size-adjust: none;
	line-height: 1
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

img {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: auto;
	max-width: 100%;
	width: 100%\10\9\0
}

ol,ul {
	list-style: none
}

p {
	padding-bottom: 10px
}

q {
	quotes: none
}

q:after,q:before {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	color: #324252;
	text-decoration: none
}

a:hover {
	color: red
}

a[href^="tel:"] {
	color: inherit;
	text-decoration: none
}

h1 {
	font-size: 32px
}

h2 {
	font-size: 26px;
	line-height: 26px
}

h3 {
	font-size: 18px
}

h4 {
	font-size: 16px
}

h5 {
	font-size: 14px
}

h6 {
	font-size: 13px
}

.f12 {
	font-size: 12px
}

.f14 {
	font-size: 14px
}

.f15 {
	font-size: 15px
}

.f16 {
	font-size: 16px
}

.f18 {
	font-size: 18px
}

.f20 {
	font-size: 20px
}

.f22 {
	font-size: 22px
}

.f24 {
	font-size: 24px
}

.f26 {
	font-size: 26px
}

.f30 {
	font-size: 30px
}

.f32 {
	font-size: 220%
}

.f36 {
	font-size: 36px
}

.f48 {
	font-size: 48px
}

.f72 {
	font-size: 72px
}

.fw6 {
	font-weight: 600
}

.fw7 {
	font-weight: 700
}

.fw8 {
	font-weight: 800
}

.lh_18 {
	line-height: 18px
}

.lh_22 {
	line-height: 22px
}

.lh_26 {
	line-height: 26px
}

.lh_30 {
	line-height: 30px
}

.lh_32 {
	line-height: 32px
}

.lh_36 {
	line-height: 36px
}

.lh_48 {
	line-height: 48px
}

.lh_58 {
	line-height: 58px
}

.l {
	float: left
}

.r {
	float: right
}

.l_0 {
	left: 0
}

.r_0 {
	right: 0
}

.text_l {
	text-align: left
}

.text_c {
	text-align: center
}

.text_r {
	text-align: right
}

.italic {
	font-style: italic
}

.m_-10 {
	margin: -10px
}

.m_5 {
	margin: 5px
}

.m_10 {
	margin: 10px
}

.m_t0 {
	margin-top: 0
}

.m_t5 {
	margin-top: 5px
}

.m_t8 {
	margin-top: 8px
}

.m_t10 {
	margin-top: 10px
}

.m_t15 {
	margin-top: 15px
}

.m_t18 {
	margin-top: 18px
}

.m_t20 {
	margin-top: 20px
}

.m_t25 {
	margin-top: 25px
}

.m_t30 {
	margin-top: 30px
}

.m_t40 {
	margin-top: 40px
}

.m_t50 {
	margin-top: 50px
}

.m_t60 {
	margin-top: 60px
}

.m_t70 {
	margin-top: 70px
}

.m_t80 {
	margin-top: 80px
}

.m_t100 {
	margin-top: 100px
}

.m_t140 {
	margin-top: 140px
}

.m_b0 {
	margin-bottom: 0
}

.m_b5 {
	margin-bottom: 5px
}

.m_b8 {
	margin-bottom: 8px
}

.m_b10 {
	margin-bottom: 10px
}

.m_b15 {
	margin-bottom: 15px
}

.m_b20 {
	margin-bottom: 20px
}

.m_b25 {
	margin-bottom: 25px
}

.m_30 {
	margin: 30px
}

.m_b30 {
	margin-bottom: 30px
}

.m_b40 {
	margin-bottom: 40px
}

.m_b50 {
	margin-bottom: 50px
}

.m_b80 {
	margin-bottom: 80px
}

.p_b5 {
	padding-bottom: 5px
}

.p_b10 {
	padding-bottom: 10px
}

.p_b15 {
	padding-bottom: 15px
}

.p_b16 {
	padding-bottom: 16px
}

.p_b18 {
	padding-bottom: 18px
}

.p_b20 {
	padding-bottom: 20px
}

.p_b30 {
	padding-bottom: 30px
}

.p_b40 {
	padding-bottom: 40px
}

.p_b50 {
	padding-bottom: 50px
}

.p_b230 {
	padding-bottom: 230px
}

.p_t10 {
	padding-top: 10px
}

.p_t15 {
	padding-top: 15px
}

.p_t20 {
	padding-top: 20px
}

.p_t30 {
	padding-top: 30px
}

.p_t40 {
	padding-top: 40px
}

.p_t50 {
	padding-top: 50px
}

.p_t80 {
	padding-top: 80px
}

.p_t140 {
	padding-top: 140px
}

.p_5 {
	padding: 5px
}

.p_10 {
	padding: 10px
}

.p_20 {
	padding: 20px
}

.p_50 {
	padding: 50px
}

.p_l5 {
	padding-left: 5px
}

.p_r20 {
	padding-right: 20px
}

.p_20 {
	padding: 3px 15px 3px 10px
}

.p_l10 {
	padding-left: 10px
}

.p_l20 {
	padding-left: 20px
}

.p_l30 {
	padding-left: 30px
}

.p_l40 {
	padding-left: 40px
}

.p_l50 {
	padding-left: 50px
}

.p_lr10 {
	padding: 0 10px
}

.p_lr15 {
	padding: 15px 20px
}

.p_lr50 {
	padding: 10px 50px
}

.p_lrb10 {
	padding: 0 10px 10px
}

.p_tlb15 {
	padding: 15px 0 15px 15px
}

.p_tlbr15 {
	padding: 15px 15px 15px 15px
}

.m_tl10 {
	margin: 10px 10px
}

.m_tl30 {
	margin: 30px 20px
}

.m_lt30 {
	margin: 20px 40px
}

.m_tl40 {
	margin: 40px 40px
}

.m_tl50 {
	margin: 50px 50px
}

.m_tl60 {
	margin: 60px 60px
}

.m_tl80 {
	margin: 80px 80px
}

.m_tl35 {
	margin: 35px 35px
}

.m_trbl20 {
	margin: 20px
}

.m_trbl30 {
	margin: 30px
}

.m_ceten {
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto
}

.m_l5 {
	margin-left: 5px
}

.m_l10 {
	margin-left: 10px
}

.m_l20 {
	margin-left: 20px
}

.m_l30 {
	margin-left: 30px
}

.m_l40 {
	margin-left: 40px
}

.m_l50 {
	margin-left: 50px
}

.m_l60 {
	margin-left: 60px
}

.m_l80 {
	margin-left: 80px
}

.m_l90 {
	margin-left: 90px
}

.m_l100 {
	margin-left: 100px
}

.m_r14 {
	margin-right: 14px
}

.m_r10 {
	margin-right: 10px
}

.m_r15 {
	margin-right: 15px
}

.m_r20 {
	margin-right: 20px
}

.m_r30 {
	margin-right: 30px
}

.m_r50 {
	margin-right: 50px
}

.m_r80 {
	margin-right: 80px
}

.p_r30 {
	padding-right: 20px
}

.p_r50 {
	padding-right: 50px
}

.d_b {
	display: block
}

.d_l {
	display: inline
}

.d_t {
	display: table
}

.d_it {
	display: inline-table
}

.red {
	color: #c80000
}

.white {
	color: #fff
}

.black {
	color: #000
}

.blue_c {
	color: #28b5dd
}

.c_ff7 {
	color: #ff7200
}

.c_444 {
	color: #444
}

.c_727 {
	color: #727985
}

.c_b3a {
	color: #b3aba7
}

.c_ff7 {
	color: #ff7e26
}

.c_5c6 {
	color: #5c6c7c
}

.c_677 {
	color: #677788
}

.c_838 {
	color: #838b8d
}

.c_cac {
	color: #cacccc
}

.c_6e8 {
	color: #6e8092
}

.c_465 {
	color: #465361
}

.c_fb4 {
	color: #fb4800
}

.c_324 {
	color: #324252
}

.c_5c6 {
	color: #5c6c7c
}

.c_0da {
	color: #0da1f8
}

.c_fb5 {
	color: #0da1f8
}

.blue {
	background: #28b5d2
}

.orange {
	background: #ffa000
}

.blue_dark {
	background: #008dc6
}

.orange_dark {
	background: #ff6915
}

.gray {
	background: #eaeff5
}

.bc_0ea {
	background: #0ea1f8
}

.bc_2f3 {
	background: #2f323c
}

.bc_6fa1bb {
	background: #6fa1bb
}

.bc_4c4c4c {
	background: #4c4c4c
}

.bc_fff {
	background: #fff
}

.bc_324 {
	background: #324252
}

.bc_eae {
	background: #eaeff5
}

.bc_0ea {
	background: #0ea1f8
}

.bc_eae {
	background: #eaeff5
}

.bc_5c6 {
	background: #5c6c7c
}

.bc_0ea {
	background: #0ea1f8
}

.bc_53b {
	background: #53b8ad
}

.bc_2f3 {
	background: #2f323c
}

.bc_ffe {
	background: #ffe4cf
}

.bc_ff7 {
	background: #ff7300
}

.bc_e2f {
	background: #e2f1d1
}

.bc_cce {
	background: #ccebfe
}

.bc_tra {
	background: 0 0
}

.bc_324 {
	background: #324252
}

.ver_m {
	vertical-align: middle
}

.b_m_line {
	border-bottom: 1px solid #ddd
}

.b_m_line_x {
	border-bottom: 1px dashed #d2d2d2;
	padding-bottom: 20px
}

.b_m_linex_I {
	border: 0;
	border-bottom: 1px dashed #d2d2d2;
	padding-bottom: 1px
}

.b_r_line {
	border-right: 1px solid #ddd
}

.b_r_linet1 {
	border-top: 2px solid #ff7200
}

.b_rnull_line {
	border: 1px solid #a0adba
}

.b_line {
	border: 1px solid #ddd
}

.b_line_top {
	border-top: 3px solid #324252
}

.text_dec {
	text-decoration: none
}

.block {
	display: block
}

.radius5 {
	border-radius: 5px
}

.radius10 {
	border-radius: 10px
}

.radius15 {
	border-radius: 15px
}

.radius150 {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

.triangle {
	font-size: 1em;
	color: #4e4b4b;
	text-shadow: 0 7px 7px rgba(0,0,.5)
}

.clearfix:after,.clearfix:before {
	display: table;
	content: "";
	line-height: 0
}

.clearfix:after {
	clear: both
}

.clear {
	clear: both
}

.container .alpha {
	margin-left: 0
}

.container .omega {
	margin-right: 0
}

.row {
	margin-left: -30px
}

.rowborder {
	margin-left: -34px
}

.row:after,.row:before {
	display: table;
	content: "";
	line-height: 0
}

.row:after {
	clear: both
}[class*=grid_] {
	float: left;
	min-height: 1px;
	margin-left: 30px
}

.container {
	width: 1170px
}

.grid_12 {
	width: 1170px
}

.grid_11 {
	width: 1070px
}

.grid_10 {
	width: 970px
}

.grid_9 {
	width: 870px
}

.grid_8 {
	width: 770px
}

.grid_7 {
	width: 670px
}

.grid_6 {
	width: 570px
}

.grid_5 {
	width: 470px
}

.grid_4 {
	width: 370px
}

.grid_3 {
	width: 270px
}

.grid_2_4 {
	width: 204px
}

.grid_2 {
	width: 170px
}

.grid_0 {
	width: auto
}

.border {
	border: 1px solid #000
}

.grid_1 {
	width: 70px
}

.container {
	margin: 0 auto
}

@media (min-width:980px) and (max-width:1199px) {
	.row {
		margin-left: -20px
	}

	.row:after,.row:before {
		display: table;
		content: "";
		line-height: 0
	}

	.row:after {
		clear: both
	}[	class*=grid_] {
		float: left;
		min-height: 1px;
		margin-left: 20px
	}

	.container {
		width: 940px
	}

	.grid_12 {
		width: 940px
	}

	.grid_11 {
		width: 860px
	}

	.grid_10 {
		width: 780px
	}

	.grid_9 {
		width: 700px
	}

	.grid_8 {
		width: 620px
	}

	.grid_7 {
		width: 540px
	}

	.grid_6 {
		width: 460px
	}

	.grid_5 {
		width: 380px
	}

	.grid_4 {
		width: 300px
	}

	.grid_3 {
		width: 220px
	}

	.grid_2_4 {
		width: 166px
	}

	.grid_2 {
		width: 140px
	}

	.grid_1 {
		width: 60px
	}
}

@media (min-width:768px) and (max-width:979px) {
	.row {
		margin-left: -20px
	}

	.row:after,.row:before {
		display: table;
		content: "";
		line-height: 0
	}

	.row:after {
		clear: both
	}[	class*=grid_] {
		float: left;
		min-height: 1px;
		margin-left: 20px
	}

	.container {
		width: 748px
	}

	.grid_12 {
		width: 748px
	}

	.grid_11 {
		width: 684px
	}

	.grid_10 {
		width: 620px
	}

	.grid_9 {
		width: 556px
	}

	.grid_8 {
		width: 492px
	}

	.grid_7 {
		width: 428px
	}

	.grid_6 {
		width: 364px
	}

	.grid_5 {
		width: 300px
	}

	.grid_4 {
		width: 236px
	}

	.grid_3 {
		width: 172px
	}

	.grid_2_4 {
		width: 123.6px
	}

	.grid_2 {
		width: 108px
	}

	.grid_1 {
		width: 44px
	}
}

@media (max-width:767px) {
	.container {
		width: 460px
	}

	.row {
		margin-left: 0
	}[	class*=grid_] {
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.contact_us .row,.first .row,.page_4 .row,.w_third .row {
		margin-left: -20px
	}

	.grid_3 {
		float: left;
		width: 220px;
		margin-left: 20px
	}

	#mm0 {
		width: 220px
	}

	.f48 {
		font-size: 30px
	}

	.f32 {
		font-size: 22px
	}

	.footer-safety {
		padding-left: 0!important;
		margin-right: 0!important
	}
}

@media (max-width:479px) {
	.container {
		width: 320px
	}

	.row {
		margin-left: 0
	}

	.first .row,.page_4 .row,.w_third .row {
		margin-left: 0
	}

	#mm0 {
		width: 140px
	}

	.grid_3 {
		float: none;
		width: 320px;
		margin-left: 0
	}

	.f32 {
		font-size: 22px
	}

	.f26 {
		font-size: 20px
	}

	.p_20 {
		padding: 10px
	}

	.footer-safety {
		padding-left: 0!important;
		margin-right: 0!important
	}
}

.swiper-slide-active .alm_fir1 {
	animation: fir1 1s;
	-moz-animation: fir1 1s;
	-webkit-animation: fir1 1s;
	-o-animation: fir1 1s
}

.swiper-slide-active .alm_fir2 {
	animation: fir1 1.5s;
	-moz-animation: fir1 1.5s;
	-webkit-animation: fir1 1.5s;
	-o-animation: fir1 1.5s
}

.swiper-slide-active .alm_fir3 {
	animation: fir1 2s;
	-moz-animation: fir1 2s;
	-webkit-animation: fir1 2s;
	-o-animation: fir1 2s
}

.swiper-slide-active .alm_fir4 {
	animation: fir1 2.5s;
	-moz-animation: fir1 2.5s;
	-webkit-animation: fir1 2.5s;
	-o-animation: fir1 2.5s
}

.swiper-slide-active .alm_fir5 {
	animation: fir1 3s;
	-moz-animation: fir1 3s;
	-webkit-animation: fir1 3s;
	-o-animation: fir1 3s
}

.swiper-slide-active .alm_fir6 {
	animation: fir2 3s;
	-moz-animation: fir2 1.5s;
	-webkit-animation: fir2 1.5s;
	-o-animation: fir2 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}

.swiper-slide-active .alm_rollIn1 {
	animation: rollIn 1.5s;
	-moz-animation: rollIn 1.5s;
	-webkit-animation: rollIn 1.5s;
	-o-animation: rollIn 1.5s
}

.swiper-slide-active .alm_fil1 {
	animation: fil1 1s;
	-moz-animation: fil1 1s;
	-webkit-animation: fil1 1s;
	-o-animation: fir1 1s
}

.swiper-slide-active .alm_fil2 {
	animation: fil1 1.5s;
	-moz-animation: fil1 1.5s;
	-webkit-animation: fil1 1.5s;
	-o-animation: fil1 1.5s
}

.swiper-slide-active .alm_fil3 {
	animation: fil1 2s;
	-moz-animation: fil1 2s;
	-webkit-animation: fil1 2s;
	-o-animation: fir1 2s
}

.swiper-slide-active .alm_fil4 {
	animation: fil1 2.5s;
	-moz-animation: fil1 2.5s;
	-webkit-animation: fil1 2.5s;
	-o-animation: fil1 2.5s
}

.swiper-slide-active .alm_fil5 {
	animation: fil1 3s;
	-moz-animation: fil1 3s;
	-webkit-animation: fil1 3s;
	-o-animation: fir1 3s
}

@-webkit-keyframes fil1 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-300px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes fil1 {
	0% {
		opacity: 0;
		-moz-transform: translateX(-300px)
	}

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

@-o-keyframes fil1 {
	0% {
		opacity: 0;
		-o-transform: translateX(-300px)
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0)
	}
}

@keyframes fil1 {
	0% {
		opacity: 0;
		transform: translateX(-300px)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes fir1 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(300px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes fir1 {
	0% {
		opacity: 0;
		-moz-transform: translateX(300px)
	}

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

@-o-keyframes fir1 {
	0% {
		opacity: 0;
		-o-transform: translateX(300px)
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0)
	}
}

@keyframes fir1 {
	0% {
		opacity: 0;
		transform: translateX(300px)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes fir2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

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

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

@-o-keyframes fir2 {
	0% {
		opacity: 0;
		-o-transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0)
	}
}

@keyframes fir2 {
	0% {
		opacity: 0;
		transform: translateX(200px)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

.menuicon-in span.menuicon-top {
	animation: menuInx 1s;
	-moz-animation: menuInx 1s;
	-webkit-animation: menuInx 1s;
	-o-animation: menuInx 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}

.menuicon-in span.menuicon-bottom {
	animation: menuIny 1s;
	-moz-animation: menuIny 1s;
	-webkit-animation: menuIny 1s;
	-o-animation: menuIny 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}

.menuicon-out span.menuicon-top {
	animation: menuOutx 1s;
	-moz-animation: menuOutx 1s;
	-webkit-animation: menuOutx 1s;
	-o-animation: menuOutx 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}

.menuicon-out span.menuicon-bottom {
	animation: menuOuty 1s;
	-moz-animation: menuOuty 1s;
	-webkit-animation: menuOuty 1s;
	-o-animation: menuOuty 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}

@-webkit-keyframes menuInx {
	0% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(-45deg)
	}
}

@-moz-keyframes menuInx {
	0% {
		-moz-transform: rotate(0)
	}

	100% {
		-moz-transform: rotate(-45deg)
	}
}

@-o-keyframes menuInx {
	0% {
		-o-transform: rotate(0)
	}

	100% {
		-o-transform: rotate(-45deg)
	}
}

@keyframes menuInx {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(-45deg)
	}
}

@-webkit-keyframes menuIny {
	0% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(45deg)
	}
}

@-moz-keyframes menuIny {
	0% {
		-moz-transform: rotate(0)
	}

	100% {
		-moz-transform: rotate(45deg)
	}
}

@-o-keyframes menuIny {
	0% {
		-o-transform: rotate(0)
	}

	100% {
		-o-transform: rotate(45deg)
	}
}

@keyframes menuIny {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(45deg)
	}
}

@-webkit-keyframes menuOutx {
	0% {
		-webkit-transform: rotate(-45deg);
		top: 8px
	}

	100% {
		-webkit-transform: rotate(0);
		top: 5px
	}
}

@-moz-keyframes menuOutx {
	0% {
		-moz-transform: rotate(-45deg);
		top: 8px
	}

	100% {
		-moz-transform: rotate(0);
		top: 5px
	}
}

@-o-keyframes menuOutx {
	0% {
		-o-transform: rotate(-45deg);
		top: 8px
	}

	100% {
		-o-transform: rotate(0);
		top: 5px
	}
}

@keyframes menuOutx {
	0% {
		transform: rotate(-45deg);
		top: 8px
	}

	100% {
		transform: rotate(0);
		top: 5px
	}
}

@-webkit-keyframes menuOuty {
	0% {
		-webkit-transform: rotate(45deg);
		top: 8px
	}

	100% {
		-webkit-transform: rotate(0);
		top: 12px
	}
}

@-moz-keyframes menuOuty {
	0% {
		-moz-transform: rotate(45deg);
		top: 8px
	}

	100% {
		-moz-transform: rotate(0);
		top: 12px
	}
}

@-o-keyframes menuOuty {
	0% {
		-o-transform: rotate(45deg);
		top: 8px
	}

	100% {
		-o-transform: rotate(0);
		top: 12px
	}
}

@keyframes menuOuty {
	0% {
		transform: rotate(45deg);
		top: 8px
	}

	100% {
		transform: rotate(0);
		top: 12px
	}
}

.alm_fadeInUp {
	animation: fadeInUp 1.5s;
	-moz-animation: fadeInUp 1.5s;
	webkit-animation: fadeInUp 1.5s;
	-o-animation: fadeInUp 1.5s
}

.alm_fadeInDown {
	animation: fadeInDown 1.5s;
	-moz-animation: fadeInDown 1.5s;
	webkit-animation: fadeInDown 1.5s;
	-o-animation: fadeInDown 1.5s
}

.alm_fadeOut {
	animation: fadeOut 1.5s;
	-moz-animation: fadeOut 1.5s;
	webkit-animation: fadeOut 1.5s;
	-o-animation: fadeOut 1.5s
}

.alm_fadeIn {
	animation: fadeIn 1.5s;
	-moz-animation: fadeIn 1.5s;
	webkit-animation: fadeIn 1.5s;
	-o-animation: fadeIn 1.5s
}

.alm_pulse {
	animation: pulse 1.5s;
	-moz-animation: pulse 1.5s;
	webkit-animation: pulse 1.5s;
	-o-animation: pulse 1.5s
}

.alm_flipInX {
	animation: flipInX 1.5s;
	-moz-animation: flipInX 1.5s;
	webkit-animation: flipInX 1.5s;
	-o-animation: flipInX 1.5s
}

.alm_flipOutX {
	animation: flipOutX 1.5s;
	-moz-animation: flipOutX 1.5s;
	webkit-animation: flipOutX 1.5s;
	-o-animation: flipOutX 1.5s
}

.alm_flipInY {
	animation: flipInY 1.5s;
	-moz-animation: flipInY 1.5s;
	webkit-animation: flipInY 1.5s;
	-o-animation: flipInY 1.5s
}

.alm_flipOutY {
	animation: flipOutY 1.5s;
	-moz-animation: flipOutY 1.5s;
	webkit-animation: flipOutY 1.5s;
	-o-animation: flipOutY 1.5s
}

.alm_fadeInLeft {
	animation: fadeInLeft 1.5s;
	-moz-animation: fadeInLeft 1.5s;
	webkit-animation: fadeInLeft 1.5s;
	-o-animation: fadeInLeft 1.5s
}

.alm_fadeInRight {
	animation: fadeInRight 1.5s;
	-moz-animation: fadeInRight 1.5s;
	webkit-animation: fadeInRight 1.5s;
	-o-animation: fadeInRight 1.5s
}

.alm_bounceIn {
	animation: bounceIn 1.5s;
	-moz-animation: bounceIn 1.5s;
	webkit-animation: bounceIn 1.5s;
	-o-animation: bounceIn 1.5s
}

.alm_rotateIn {
	animation: rotateIn 1.5s;
	-moz-animation: rotateIn 1.5s;
	webkit-animation: rotateIn 1.5s;
	-o-animation: rotateIn 1.5s
}

.alm_rollIn {
	animation: rollIn 1.5s;
	-moz-animation: rollIn 1.5s;
	webkit-animation: rollIn 1.5s;
	-o-animation: rollIn 1.5s
}

.alm_leftSpring {
	animation: leftSpring 1.5s;
	-moz-animation: leftSpring 1.5s;
	webkit-animation: leftSpring 1.5s;
	-o-animation: leftSpring 1.5s
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

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

	100% {
		opacity: 0
	}
}

@-o-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes pulse {
	0% {
		-moz-transform: scale(1)
	}

	50% {
		-moz-transform: scale(1.1)
	}

	100% {
		-moz-transform: scale(1)
	}
}

@-o-keyframes pulse {
	0% {
		-o-transform: scale(1)
	}

	50% {
		-o-transform: scale(1.1)
	}

	100% {
		-o-transform: scale(1)
	}
}

@keyframes pulse {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.1)
	}

	100% {
		transform: scale(1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@-moz-keyframes flipInX {
	0% {
		-moz-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-moz-transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-moz-transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-moz-transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@-o-keyframes flipInX {
	0% {
		-o-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-o-transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-o-transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-o-transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@keyframes flipInX {
	0% {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		transform: perspective(400px) rotateX(10deg)
	}

	100% {
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

.flipInX {
	-webkit-backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible!important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible!important;
	-o-animation-name: flipInX;
	backface-visibility: visible!important;
	animation-name: flipInX
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@-moz-keyframes flipOutX {
	0% {
		-moz-transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		-moz-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@-o-keyframes flipOutX {
	0% {
		-o-transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		-o-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible!important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible!important;
	animation-name: flipOutX;
	backface-visibility: visible!important
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@-moz-keyframes flipInY {
	0% {
		-moz-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-moz-transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-moz-transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-moz-transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@-o-keyframes flipInY {
	0% {
		-o-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-o-transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-o-transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-o-transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@keyframes flipInY {
	0% {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		transform: perspective(400px) rotateY(10deg)
	}

	100% {
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

.flipInY {
	-webkit-backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible!important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible!important;
	-o-animation-name: flipInY;
	backface-visibility: visible!important;
	animation-name: flipInY
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn
}

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

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

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

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

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

	100% {
		opacity: 1;
		-o-transform: translateY(0)
	}
}

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

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp
}

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

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

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

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

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

	100% {
		opacity: 1;
		-o-transform: translateY(0)
	}
}

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

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown
}

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

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

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

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

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

	100% {
		opacity: 1;
		-o-transform: translateX(0)
	}
}

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

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

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

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

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

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

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

	100% {
		opacity: 1;
		-o-transform: translateX(0)
	}
}

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

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05)
	}

	70% {
		-webkit-transform: scale(.9)
	}

	100% {
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3)
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05)
	}

	70% {
		-moz-transform: scale(.9)
	}

	100% {
		-moz-transform: scale(1)
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3)
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.05)
	}

	70% {
		-o-transform: scale(.9)
	}

	100% {
		-o-transform: scale(1)
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3)
	}

	50% {
		opacity: 1;
		transform: scale(1.05)
	}

	70% {
		transform: scale(.9)
	}

	100% {
		transform: scale(1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

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

	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1
	}
}

@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0
	}

	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1
	}
}

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

	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn
}

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

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

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

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

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

	100% {
		opacity: 1;
		-o-transform: translateX(0) rotate(0)
	}
}

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

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

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn
}

@-moz-keyframes rightSpring {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@-moz-keyframes leftSpring {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes rightSpring {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes leftSpring {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

#galleryOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 100000;
	background-color: #222;
	background-color: rgba(0,0,0,.8);
	overflow: hidden;
	display: none;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease
}

#galleryOverlay.visible {
	opacity: 1
}

#gallerySlider {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	white-space: nowrap;
	position: absolute;
	-webkit-transition: left .4s ease;
	transition: left .4s ease
}

#gallerySlider .placeholder {
	height: 100%;
	line-height: 1px;
	text-align: center;
	width: 100%;
	display: inline-block
}

.img_block+.img_block {
	margin-left: 30px
}

.thumbs>div {
	position: relative;
	overflow: hidden;
	padding: 16px 0;
	margin: 11px 0 17px
}

.thumbs>div>span {
	color: #e22323;
	font-weight: 900;
	font-size: 18px
}

.thumbs>div>h4 a:hover {
	color: #e22323
}

a.gal {
	position: relative;
	display: block
}

a.gal span {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 10;
	-webkit-transition: .5s ease;
	transition: .5s ease;
	background-size: 30%;
	opacity: .6
}

a.gal:hover span {
	background-position: center center
}

a.gal img {
	position: relative;
	-webkit-transition: .5s ease;
	transition: .5s ease;
	width: 100%
}

#gallerySlider .placeholder:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px
}

#gallerySlider .placeholder img {
	display: inline-block;
	max-height: 80%;
	max-width: 80%;
	width: auto!important;
	vertical-align: middle
}

#gallerySlider.rightSpring {
	-moz-animation: rightSpring .3s;
	-webkit-animation: rightSpring .3s
}

#gallerySlider.leftSpring {
	-moz-animation: leftSpring .3s;
	-webkit-animation: leftSpring .3s
}

#nextArrow,#prevArrow {
	border: none;
	text-decoration: none;
	opacity: .5;
	cursor: pointer;
	position: absolute;
	width: 43px;
	height: 58px;
	top: 50%;
	margin-top: -29px;
	-moz-transition: opacity .2s ease;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease
}

#nextArrow:hover,#prevArrow:hover {
	opacity: 1
}

#prevArrow {
	background-position: left top;
	left: 40px
}

#nextArrow {
	background-position: right top;
	right: 40px
}

.downlans {
	margin-bottom: 0
}

.downlans h3 {
	border-bottom: 2px solid #ff7200;
	background-color: #fff;
	padding: 15px 0
}

.downlans .store_pic {
	float: left;
	width: 94px;
	margin-left: 10px;
	margin-right: 20px
}

.downlans .store_pic+h4 {
	padding-right: 0
}

.downlans h4 {
	font-size: 16px;
	margin-bottom: 10px;
	height: 33px;
	overflow: hidden
}

.downlans p {
	padding: 0;
	line-height: 20px;
	color: #777;
	height: 60px;
	overflow: hidden;
	display: block
}

.downlans .button10:nth-last-of-type(2) {
	margin-top: 15px
}

.others-banner {
	background: #324252
}

.others-banner h1 {
	margin-top: 100px
}

.others-banner img {
	width: auto!important;
	height: auto!important
}

.others-banner .storebanner img {
	width: 558px!important;
	height: 304px!important
}

.button2,.button2_1 {
	width: 100px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	font-size: 12px;
	background: #0ea1f8;
	margin-right: 20px;
	margin-top: 10px
}

.button2 a,.button2_1 a {
	background: url(https://www.coolmuster.com/public/skin/default/images/c_1.png) no-repeat 5px 3px;
	text-align: left;
	padding-left: 32px;
	color: #fff;
	display: block
}

.button2 a {
	background: url(https://www.coolmuster.com/public/skin/default/images/c_3.png) no-repeat 5px 3px
}

@media (min-width:980px) and (max-width:1199px) {
	.downlans .button4 {
		float: right;
		padding: 5px 4px
	}

	.button2,.button2_1,.button3,.button3_1 {
		width: 90px;
		margin-right: 5px
	}
}

@media only screen and (max-width:1199px) {
	.downlans p {
		display: block;
		height: 60px
	}
}

@media (min-width:768px) and (max-width:979px) {
	.downlans .button10:nth-last-of-type(2) {
		margin-top: 15px
	}

	.downlans .button10:nth-last-of-type(2) {
		margin-top: 15px
	}

	.downlans .row>div {
		padding-bottom: 50px;
		padding-top: 50px
	}

	.others-banner h1 {
		margin-top: 60px;
		font-size: 26px
	}

	.button2,.button2_1 {
		width: 100px;
		margin-right: 2px
	}
}

@media only screen and (max-width:479px) {
	.others-banner .storebanner img {
		width: 320px!important;
		height: 174px!important
	}

	.downlans p {
		height: 80px
	}

	.others-banner h1 {
		margin-top: 30px;
		font-size: 26px
	}

	.downlans .button4 {
		padding: 5px 40px
	}

	.downlans div div div {
		margin-right: 10px
	}

	.button2,.button2_1 {
		margin-right: 0
	}
}