@charset "utf-8";
/* CSS Document */

/* 基础设置 */

/*=================default===================*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1;
}

.layui-form-switch,
.layui-form-switch * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.af-cb:after {
	clear: both;
	content: ' ';
	overflow: hidden;
	width: 0;
	height: 0;
	display: block;
}

::selection {
	background: #24B5AA;
	color: #fff;
}

::-moz-selection {
	background: #24B5AA;
	color: #fff;
}

a,
a:link {
	color: #333;
	text-decoration: none;
}

a:hover,
a:active {
	color: #24B5AA;
	text-decoration: none;
}

a:hover i.pic-size img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.block {
	display: block !important;
}

/*定义动画*/
.e-ani *,
.e-ani *:before,
.e-ani *:after {
	-webkit-transition: .3s;
	transition: .3s;
}


.nav * .nav-btn-bg {
	-webkit-transition: left .3s ease .03s;
	transition: left .3s ease .03s;
}

/*0.03延迟解决".nav-btn-bg"元素抖动*/

.e-animte {
	-webkit-transition: height .5s, max-height .5s, min-height .5s, color .5s, background .5s, border .5s, opacity .5s, -webkit-transform .5s, top 0s linear .6s, bottom 0s linear .6s, left 0s linear .6s;
	transition: height .5s, max-height .5s, min-height .5s, color .5s, background .5s, border .5s, opacity .5s, transform .5s, top 0s linear .6s, bottom 0s linear .6s, left 0s linear .6s;
}

*.e-animte-show {
	-webkit-transition: height .5s, max-height .5s, min-height .5s, color .5s, background .5s, border .5s, opacity .5s, -webkit-transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;
	transition: height .5s, max-height .5s, min-height .5s, color .5s, background .5s, border .5s, opacity .5s, transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;
}

.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/*--简易切换动画--*/
.tabs-box .bd {
	transition: .3s;
}

.tabs-box .bd:after {
	content: ' ';
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
}

.tabs-box .bd>.tabs-hide {
	position: absolute;
	top: 0;
	left: -10000px;
	width: 100%;
	overflow: hidden;
	-webkit-transform: none;
	transform: none;
	opacity: 0;
	-webkit-animation: tabs-hide .8s;
	animation: tabs-hide .8s;
}

@-webkit-keyframes tabs-hide

/* Safari 和 Chrome */
	{
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 0;
	}
}

@keyframes tabs-hide {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 0;
	}
}

.tabs-box .bd>.tabs-on {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}

.tabs-box .bd>.tabs-show {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	overflow: visible;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
	-webkit-animation: tabs-show .8s;
	animation: tabs-show .8s;
}

@-webkit-keyframes tabs-show

/* Safari 和 Chrome */
	{
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 0;
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes tabs-show {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 0;
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}


/* 切换 */
.tabs-box .hd-line {
	transition: .3s;
}

.tabs-box .hd>* {
	position: relative;
}

.tabs-box .bd {
	position: relative;
	overflow: hidden;
}

.e-anim-hide {
	display: none;
}

.e-anim-on {
	display: block;
}

.e-anim-off {
	pointer-events: none;
	display: block;
	display: none\9;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.e-anim-off {
		display: block;
	}

	/* IE10+ */
}


.tabs-box .e-anim-on {
	animation: tabs-anim-on .3s;
	animation-fill-mode: both;
	width: 100%;
}

.tabs-box .e-anim-off {
	animation: tabs-anim-off .3s;
	width: 100%;
	position: absolute;
	animation-fill-mode: both;
	top: 0;
}


@keyframes tabs-anim-on {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes tabs-anim-off {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}




/*--最小屏提示--*/
@media screen and (max-width: 319px) {
	html {
		-webkit-transition: 0s;
		transition: 0s;
		background: #fff url(../img/displayNone.png) center center no-repeat;
	}

	body {
		-webkit-transition: 0s;
		transition: 0s;
		display: none;
	}
}

/*--layui--*/
.layui-layer,
.layui-layer * {
	-webkit-transition: 0s;
	transition: 0s;
}

/*--移动端横屏提示--*/
@media (max-width: 991px) and (orientation : landscape) {
	html.landscape {
		background: #fff url(../img/landscape.png) center center no-repeat;
	}

	html.landscape body {
		display: none;
	}
}


/*--swiper2.x高度自适应--*/
/* .swiper-container .swiper-wrapper{ height: auto !important;} */

/*默认动画时长*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated-s {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/*bshare分享*/
#bsPanel,
#bsPanel *,
#bsBox,
#bsBox * {
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
}


/*bshare分享微信弹窗兼容*/
#bsWXBox {
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
}
.bsTop *{
	line-height: inherit;
}


/*百度地图*/
.map * {
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-ms-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}

.map label,
.map img {
	max-width: none !important;
	width: initial !important;
}

.map * {
	font-size: 12px;
	-webkit-transition: 0s;
	transition: 0s;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/*视频全屏*/
.video-bg {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: 0s;
	transition: 0s;
}

/*lightbox*/
.lightbox,
.lightbox *,
.lightboxOverlay,
.lightboxOverlay * {
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-ms-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}


/*--移动端设置&小屏电脑 图片缩放--*/
/*设置最大屏像素-1*/
@media screen and (max-width: 1259px) {
	/*.content-box img,.content-bd img{width: auto !important; height: auto !important; max-width: 100%;}*/
}

/*图片比例裁剪预设*/
i.pic-size {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	display: block;
	overflow: hidden;
}

i.pic-size img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	/* left: -100%; top: -100%; right: -100%; bottom: -100%;*/
	margin: auto;
	object-fit: contain;
}

i.pic-size-cover img {
	object-fit: cover;
}

i.pic-size-scale-down img {
	object-fit: scale-down;
}

i.pic-size-none img {
	object-fit: none;
}


.layui-form-checked[lay-skin=primary] i {
	border-color: #24B5AA;
	background-color: #24B5AA;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #24B5AA;
}







/*弹窗视频*/
@media screen and (min-width: 320px) {
	.video-show.layui-layer-iframe {
		overflow: visible;
	}

	.video-show {
		width: 300px !important;
		height: 175px !important;
		left: 50% !important;
		top: 50% !important;
		transform: translate(-50%, -50%) !important;
	}

	.video-show .layui-layer-setwin {
		right: 0;
		top: 0;
	}

	.video-show .layui-layer-setwin .layui-layer-close2 {
		right: 0;
		top: -35px;
		width: 35px;
		height: 35px;
		background: #24B5AA;
		font-family: "iconfont" !important;
		font-size: 16px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		line-height: 35px;
	}

	.video-show .layui-layer-setwin .layui-layer-close2:before {
		content: "\e639";
		color: #fff;
		font-size: 14px;
	}

	div.video-show .layui-layer-content {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #000;
		overflow: visible;
	}

	.jcsp-video {
		display: none;
	}

	.video-show video {
		display: block;
	}

	.video-show video {
		width: 100%;
		height: 100%;
	}

}



@media screen and (min-width: 384px) {
	.video-show {
		width: 365px !important;
		height: 210px !important;
	}
}

@media screen and (min-width: 480px) {
	.video-show {
		width: 420px !important;
		height: 240px !important;
	}
}

@media screen and (min-width: 640px) {
	.video-show {
		width: 630px !important;
		height: 360px !important;
	}
}

@media screen and (min-width: 768px) {
	.video-show {
		width: 700px !important;
		height: 400px !important;
	}
}

@media screen and (min-width: 992px) {
	.video-show {
		width: 900px !important;
		height: 510px !important;
	}
}

/*@media screen and (min-width: 1340px) {
	.video-show{ width: 1100px !important; height: 620px !important;}
}*/




@media screen and (min-width: 320px) {}

@media screen and (min-width: 375px) {}

@media screen and (min-width: 480px) {}

@media screen and (min-width: 992px) {}

@media screen and (min-width: 1240px) {}


/*--内容盒子--*/
@media screen and (min-width: 320px) {
	.content-box:after {
		content: ' ';
		clear: both;
		width: 0;
		height: 0;
		overflow: hidden;
		display: block;
	}

	.content-box {
		text-align: justify;
		text-justify: inter-word;
		color: #666;
		position: relative;
		z-index: 10;
		line-height: 2;
	}

	.content-box,
	.content-box * {
		line-height: 2;
	}

	.content-box img {
		width: auto;
		height: auto;
		max-width: 100%;
	}


	body.view img {
		max-width: 100%;
	}

}



/* 
* {
	font-family: "microsoft yahei";
}

@media screen and (min-width: 1540px) {
	body::before {
		content: ' ';
		background-image: url(../pic/6-2.jpg);
		width: 100%;
		height: 5400px;
		background-position: center top;
		position: absolute;
		z-index: 999;
		opacity: .2;
		pointer-events: none;
		-webkit-background-size: 1920px auto;
		background-size: 1920px auto;
		top: 0;
		left: 0;
	}

	body:hover::before {
		opacity: 0;
		pointer-events: none;
	}
} 
*/