@charset "utf-8";

/* CSS Document */

@import 'cssreset.css';
@import 'animate.min.css';
@import 'swiper.min.css';

/*common*/

*:focus {
	outline: none;
}


/* display */

.dn {
	display: none;
}

.di {
	display: inline;
}

.logo .db {
	height: 50px !important;
	object-fit: contain;
}

.db {
	display: block;
}

.dib {
	display: inline-block;
}


/* if the element is block level(eg. div, li), using 'inline-any' instead */

.fl {
	float: left;
}

.fr {
	float: right;
}


/* 块状元素水平居中 */

.auto {
	margin-left: auto;
	margin-right: auto;
}


/* overflow */

.ovh {
	overflow: hidden;
}


/* position */

.rel {
	position: relative;
}

.abs {
	position: absolute;
}


/* font-family */

.fw {
	font-family: ' ';
}


/* font-style */

.n {
	font-weight: normal;
	font-style: normal;
}

.b {
	font-weight: bold;
}

.i {
	font-style: italic;
}


/* text-align */

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.tl {
	text-align: left;
}

.tj {
	text-align: justify;
}


/* 清除浮 动*/

.fix {
	*zoom: 1;
}

	.fix:after {
		content: " ";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}


/*table*/

table {
	width: 100%;
	border-collapse: collapse;
}


/* margin */

.m0 {
	margin: 0 !important;
}

.ml1 {
	margin-left: 1px;
}

.ml2 {
	margin-left: 2px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.mr1 {
	margin-right: 1px;
}

.mr2 {
	margin-right: 2px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr30 {
	margin-right: 30px;
}

.mt1 {
	margin-top: 1px;
}

.mt2 {
	margin-top: 2px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mb1 {
	margin-bottom: 1px;
}

.mb2 {
	margin-bottom: 2px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}


/* padding */

.p0 {
	padding: 0;
}

.p1 {
	padding: 1px;
}

.pl1 {
	padding-left: 1px;
}

.pt1 {
	padding-top: 1px;
}

.pr1 {
	padding-right: 1px;
}

.pb1 {
	padding-bottom: 1px;
}

.p2 {
	padding: 2px;
}

.pl2 {
	padding-left: 2px;
}

.pt2 {
	padding-top: 2px;
}

.pr2 {
	padding-right: 2px;
}

.pb2 {
	padding-bottom: 2px;
}

.pl5 {
	padding-left: 5px;
}

.p5 {
	padding: 5px;
}

.pt5 {
	padding-top: 5px;
}

.pr5 {
	padding-right: 5px;
}

.pb5 {
	padding-bottom: 5px;
}

.p10 {
	padding: 10px;
}

.pl10 {
	padding-left: 10px;
}

.pt10 {
	padding-top: 10px;
}

.pr10 {
	padding-right: 10px;
}

.pb10 {
	padding-bottom: 10px;
}

.p15 {
	padding: 15px;
}

.pl15 {
	padding-left: 15px;
}

.pt15 {
	padding-top: 15px;
}

.pr15 {
	padding-right: 15px;
}

.pb15 {
	padding-bottom: 15px;
}

.p20 {
	padding: 20px;
}

.pl20 {
	padding-left: 20px;
}

.pt20 {
	padding-top: 20px;
}

.pr20 {
	padding-right: 20px;
}

.pb20 {
	padding-bottom: 20px;
}

.p30 {
	padding: 30px;
}

.pl30 {
	padding-left: 30px;
}

.pt30 {
	padding-top: 30px;
}

.pr30 {
	padding-right: 30px;
}

.pb30 {
	padding-bottom: 30px;
}


/* vertical-align */

.vmid {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	top: -1px;
}

.vtb {
	vertical-align: text-bottom;
}

.vb {
	vertical-align: bottom;
}

.vt {
	vertical-align: top;
}

.vn {
	vertical-align: -2px;
}

.bgnone {
	background: none !important;
}

.bnone {
	border: none !important;
}

body {
	font-family: " " !important;
	background: #;
}

a:hover,
a:focus {
	text-decoration: none !important;
}

.trans {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

body {
	overflow-x: hidden;
}

.bgf2 {
	background: #f2f2f2;
}

.bgfff {
	background: #fff;
}

#fancybox-wrap {
	box-sizing: content-box;
}

.xxkqh1 {
	display: none;
}

.xxk1 {
	cursor: pointer;
}

.zhanwei {
	display: block;
	width: 100%;
	opacity: 0;
}

.picspan {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover !important;
}

.zhezhao {
	background: #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
	display: none;
}

	.zhezhao div.abs {
		position: absolute;
		top: 50%;
		left: 0%;
		width: 100%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
	}

		.zhezhao div.abs img {
			-webkit-animation: zhuanquan infinite 4s linear;
			animation: zhuanquan infinite 4s linear;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both
		}

.rel1 {
	position: relative;
	z-index: 1;
	background: #fff;
}

@-webkit-keyframes zhuanquan {
	0% {
		-webkit-transform: translateY(-50%) rotateY(0deg);
	}

	50% {
		-webkit-transform: translateY(-50%) rotateY(180deg);
	}

	100% {
		-webkit-transform: translateY(-50%) rotateY(0deg);
	}
}

@keyframes zhuanquan {
	0% {
		transform: translateY(-50%) rotateY(0deg);
	}

	50% {
		transform: translateY(-50%) rotateY(180deg);
	}

	100% {
		transform: translateY(-50%) rotateY(0deg);
	}
}