/* 轮播图 */



.flexslider {

	position: relative;

	overflow: hidden;

}



.slides {

	position: relative;

	z-index: 1;

}



.slides li {}



.flex-control-nav {

	position: absolute;

	bottom: 10px;

	z-index: 2;

	width: 100%;

	text-align: center;

}



.flex-control-nav li {

	display: inline-block;

	width: 14px;

	height: 14px;

	margin: 0 5px;

	*display: inline;

	zoom: 1;

}



.flex-control-nav a {

	display: inline-block;

	width: 13.8px;

	height: 13.5px;

	line-height: 40px;

	overflow: hidden;

	background: url(/skin/jzbaichy/img/index/dot.png) right 0 no-repeat;

	cursor: pointer;

}



.flex-control-nav .flex-active {

	background-position: 0 0;

}



.flex-direction-nav {

	position: absolute;

	z-index: 3;

	width: 100%;

	top: 45%;

}



.flex-direction-nav li a {

	display: block;

	width: 50px;

	height: 50px;

	overflow: hidden;

	cursor: pointer;

	position: absolute;

}



/* 

		.flex-direction-nav li a.flex-prev {

			left: 40px;

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

		}



		.flex-direction-nav li a.flex-next {

			right: 40px;

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

		} */

.wheel ol {

	display: none;

}



.product {

	border: 10px solid white;

	box-sizing: border-box;

}



.sildeimg {

	height: 200px;

	text-align: center;

}



.sildeimg img {

	height: 100%;

	overflow: hidden;

}



/* 设备分类 */

.con ul li {

	/* 	height: 300px; */

	float: left;

	position: relative;

	overflow: hidden;

	cursor: pointer;

	margin-top: 30px;

}



.con ul li .effectlidiv {

	width: 96%;

	margin: auto;

}



.txt {

	width: 96%;

	height: 0px;

	background: rgba(29, 32, 136, 0.6);

	/*透明背景色，不透明其文字内容*/

	position: absolute;

	text-align: center;

	margin: auto;

	bottom: 0;

	color: #fff;

	font-family: "微软雅黑";

}



.txt h3 {

	font-size: 14px;

	font-weight: 100;

	text-align: center;

}



.txt hr {

	display: none;

}



.txt p {

	width: 90%;

	margin: auto;

	font-size: 10px;

	text-align: center;

	margin-top: 0px;

}

.txt p span {

	display: none;

}

.txt button {

	font-size: 10px;

	border: 1px solid white;

	background-color: transparent;

	color: white;

	margin-top: 10px;

	padding: 5px;

}



.liimg {

	border: 5px solid #f4f4fe;

	border-radius: 5px;

}



.liimg img {

	width: 100%;

}



.litxt {

	width: 99%;

	box-sizing: border-box;

	line-height: 2;

	text-align: center;

	background-color: #f4f4fe;

	-moz-box-shadow: 1px 1px 1px 1px #c3c3c3;

	/* 老的 Firefox */

	box-shadow: 1px 1px 1px 1px #c3c3c3;

	font-size: 16px;

}



.litxt p {

	font-size: 12px;

	text-align: center;

	padding: 5px;

}



.about-left {

	background: url(/skin/jzbaichy/img/index/aboutimg.png) center no-repeat;

	background-size: cover;

}



.about-left .about-leftin {

	background-color: rgba(29, 32, 136, 0.7);

	height: 100%;

	border: 1px solid transparent;

}



.about-left p {

	color: white;

	font-size: 30px;

	line-height: 100px;

	text-align: center;

}



.about-left .about-leftin div {

	width: 80%;

	margin: auto;

	color: white;

	line-height: 2;

}



.about-left .about-leftin .about-leftin-button {

	width: 100%;

	margin: auto;

}



.about-left .about-leftin button {

	font-size: 20px;

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

	color: white;

	border: 2px solid white;

	height: 40px;

	width: 50%;

	margin-left: 25%;

	margin-top: 20px;

	margin-bottom: 30px;

}



.about-right {

	text-align: center;

}



.about-right p {

	font-size: 30px;

	text-align: center;

}



.about-right span {

	color: #d7000f;

	font-size: 20px;

	text-align: center;

}



.about-right input {

	width: 80%;

	height: 40px;

	margin-top: 20px;

	margin-bottom: 30px;

	border: 1px solid #1d2088;

	border-radius: 30px;

	background: url(/skin/jzbaichy/img/index/edit.png) 20px center no-repeat;

	padding: 0px 0px 0px 50px;

	box-sizing: border-box;

}



.about-right-button {

	width: 80%;

	margin: auto;

	height: 35px;

}



.about-right-button button {

	text-align: center;

	width: 35%;

	height: 35px;

	border-radius: 5px;

	font-size: 20px;

	color: white;

}



.about-right-button button:first-child {

	float: left;

	background-color: #d7000f;

}



.about-right-button button:last-child {

	float: right;

	background-color: #a0a0a0;

}



.about-right-button button a {

	color: white;

}

.news {

	background-color: #eeeeee;

	margin-top: 60px;

}



.newsinfo .infoone,

.newsinfo .infotwo {

	width: 48%;

	float: left;

	font-size: 15px;

}



.newsinfo .infothree {

	width: 96%;

	margin: auto;

}



.newstit {

	margin-bottom: 10px;

}



.newsinfo .infoone b,

.newsinfo .infotwo b,

.newsinfo .infothree b {

	font-size: 24px;

}



.infothree hr {

	color: #d2d2d2;

	background-color: #d2d2d2;

	width: 100%;

}



.newsinfo .infoone .more,

.newsinfo .infotwo .more,

.newsinfo .infothree .more {

	float: right;

	width: 50px;

	font-size: 17px;

	border-radius: 15px;

	background-color: #d2d2d2;

	text-align: center;

	height: 25px;

	line-height: 25px;

	margin: auto 0;

	font-weight: 700;

	-moz-box-shadow: 1.8px 1.8px 0px #969696;

	-webkit-box-shadow: 1.8px 1.8px 0px #969696;

	box-shadow: 1.8px 1.8px 0px #969696;

}



.newsinfo .infotwo,

.newsinfo .infothree {

	margin-left: 2%;

}



.infoone p,

.infotwo p {

	margin-bottom: 5px;

	font-size: 17px;

}



.newtxt {

	line-height: 1.5;

	margin-top: 5px;

}



.newimgf,
.newimgs {

	position: relative;

}

.newimgf img,
.newimgs img {

	width: 100%;
	height: auto;

}

.newimgf .timein,
.newimgs .timein {

	position: absolute;

	top: 0px;

}

.timein {

	color: white;

	text-align: center;

	min-width: 76px;

}

.timein-blue {

	width: 100px;

	background-color: #1d2088;

}

.timein-blue div:first-child {

	font-size: 18px;

	width: 80%;

	border: 1px solid white;

	border-top: 0px;

	border-left: 0px;

	border-right: 0px;

}



.timein div {

	line-height: 30px;

	margin: auto;

}



.time div {

	text-align: center;

	background-color: #b5b5b5;

	width: 80%;

}



.time div div:first-child {

	border: 1px solid white;

	border-top: 0px;

	border-left: 0px;

	border-right: 0px;

	font-size: 18px;

}



.footertwodiv {

	height: 30px;

	line-height: 30px;

}



@media(min-width:576px) {

	.txt hr {

		width: 10%;

		height: 1px;

		background-color: white;

		display: block;

	}

	.newsinfo .infoone,

	.newsinfo .infotwo {

		width: 48%;

		float: left;

		font-size: 15px;

	}



	.newsinfo .infothree {

		width: 96%;

	}



	.litxt p {

		font-size: 14px;

		text-align: center;

		padding: 3px;

	}



	.about-left p {

		color: white;

		font-size: 30px;

		margin-top: 0px;

		line-height: 80px;

		text-align: center;

	}



	.time div {

		text-align: center;

		background-color: #b5b5b5;

		width: 90%;

	}



	.litxt {

		font-size: 17px;

	}

}



@media(min-width:768px) {

	.about-left .about-leftin div {

		font-size: 15px;

		width: 80%;

		margin: auto;

		color: white;

		line-height: 2;

	}



	.about-left p {

		color: white;

		font-size: 30px;

		margin-top: 0px;

		line-height: 100px;

		text-align: center;

	}



	.about-left .about-leftin button {

		font-size: 20px;

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

		color: white;

		border: 2px solid white;

		height: 40px;

		width: 40%;

		margin-left: 30%;

		margin-top: 20px;

		margin-bottom: 30px;

	}



	.newsinfo .infoone,

	.newsinfo .infotwo,

	.newsinfo .infothree {

		width: 32%;

		float: left;

		font-size: 15px;

	}



	.time div {

		width: 90%;

	}



	.time div div:first-child {

		width: 90%;

		font-size: 18px;

	}



	.timein div:last-child {

		font-size: 13px;

	}



	.litxt {

		font-size: 16px;

	}



	.litxt p {

		font-size: 16px;

		text-align: center;

		padding: 5px;

	}



	.txt h3 {

		font-size: 16px;

		font-weight: 100;

		height: 15px;

		text-align: center;

		line-height: 15px;

	}



	.txt hr {

		width: 10%;

		height: 4px;

		background-color: white;

	}

	.txt p {

		width: 90%;

		margin: auto;

		font-size: 12px;

		text-align: center;

		margin-top: 10px;

		line-height: 1.5;

	}



	.txt p span {

		display: inline;

	}



	.txt button {

		font-size: 14px;

		margin-top: 10px;

		padding: 5px 10px 5px 10px;

		border: 1px solid white;

		background-color: transparent;

		color: white;

	}

}



@media(min-width:992px) {

	.time div div:first-child {

		border: 1px solid white;

		border-top: 0px;

		border-left: 0px;

		border-right: 0px;

		font-size: 18px;

	}



	.about-left p {

		color: white;

		font-size: 24px;

		margin-top: 20px;

		line-height: 80px;

		text-align: center;

	}



	.about-right p {

		font-size: 24px;

		text-align: center;

	}



	.about-leftin div {

		font-size: 14px;

	}



	.about-right input {

		width: 80%;

		height: 35px;

		margin-top: 20px;

		margin-bottom: 25px;

		border: 1px solid #1d2088;

		border-radius: 30px;

	}



	.about-left .about-leftin button {

		width: 50%;

		margin-left: 25%;

	}



	.litxt p {

		font-size: 18px;

		text-align: center;

		padding: 5px;

	}



	.litxt {

		font-size: 18px;

	}

	.time div {

		width: 95%;

	}



	.timein div:last-child {

		font-size: 13px;

	}



	.real a {

		font-size: 13px;

	}



	.infoone p,

	.infotwo p {

		margin-bottom: 5px;

		font-size: 13.9px;

	}



	.txt h3 {

		font-size: 18px;

		font-weight: 100;

		height: 20px;

		text-align: center;

		line-height: 20px;

	}



	.txt p {

		width: 90%;

		margin: auto;

		font-size: 14px;

		text-align: center;

		margin-top: 10px;

		line-height: 1.5;

	}



	.txt button {

		font-size: 16px;

		margin-top: 10px;

		padding: 5px 20px 5px 20px;

		border: 1px solid white;

		background-color: transparent;

		color: white;

	}

}



@media(min-width:1200px) {

	.litxt {

		font-size: 26px;

	}

	.litxt p {

		font-size: 22px;

		text-align: center;

		padding: 5px;

	}



	.about-left p {

		color: white;

		font-size: 30px;

		margin-top: 40px;

		line-height: 100px;

		text-align: center;

	}



	.about-left .about-leftin div {

		font-size: 15px;

	}



	.infoone p,

	.infotwo p {

		margin-bottom: 5px;

		font-size: 16.5px;

	}



	.about-left .about-leftin button {

		font-size: 18px;

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

		color: white;

		border: 2px solid white;

		height: 40px;

		width: 50%;

		margin-left: 25%;

		margin-top: 40px;

		margin-bottom: 30px;

	}



	.timein div:last-child {

		font-size: 13px;

		color: white;

		text-align: center;

	}

	.txt h3 {

		font-size: 22px;

		font-weight: 100;

		height: 30px;

		text-align: center;

		line-height: 30px;

	}



	.txt p {

		width: 90%;

		margin: auto;

		font-size: 16px;

		text-align: center;

		margin-top: 10px;

		line-height: 1.5;

	}

}



@media(min-width:1400px) {

	.txt h3 {

		font-size: 24px;

		font-weight: 100;

		height: 40px;

		text-align: center;

		line-height: 40px;

	}



	.txt p {

		width: 90%;

		margin: auto;

		font-size: 18px;

		text-align: center;

		margin-top: 20px;

		line-height: 1.5;

	}

	.txt button {

		font-size: 18px;

		margin-top: 10px;

		padding: 5px 20px 5px 20px;

		border: 1px solid white;

		margin-top: 20px;

		background-color: transparent;

		color: white;

	}

	.about-left .about-leftin div {

		font-size: 17px;

	}



	.about-left .about-leftin button {

		font-size: 20px;

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

		color: white;

		border: 2px solid white;

		height: 40px;

		width: 50%;

		margin-left: 25%;

		margin-top: 40px;

		margin-bottom: 30px;

	}



	.time div:first-child {

		font-size: 20px;

	}



	.time div:last-child {}



}



@media(min-width:1600px) {

	.titleimg {

		font-size: 45px;

	}



	.vice {

		font-size: 28px;

	}



	.summary {

		font-size: 20px;

	}



	.litxt p {

		font-size: 26px;

	}



	.about-left p {

		color: white;

		font-size: 34px;

		text-align: center;

	}



	.about-left .about-leftin div {

		font-size: 19px;

	}



	.about-left .about-leftin .about-leftin-button {

		width: 100%;

		margin: auto;

	}



	.about-left .about-leftin button {

		font-size: 20px;

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

		color: white;

		border: 2px solid white;

		height: 40px;

		margin-top: 40px;

		margin-bottom: 30px;

	}



	.about-right span {

		font-size: 27px;

	}



	.about-right button {

		text-align: center;

	}

}


@media screen and (max-width:1200px) {

	.newsinfo .infothree {
		width: 100%;
	}

	.newsinfo .infoone,
	.newsinfo .infotwo {
		width: 49%;
	}

	.newsinfo .infothree {
		margin-left: 0;
	}
}


@media screen and (max-width:500px) {

	.newsinfo .infoone,
	.newsinfo .infotwo {
		width: 100%;
	}

	.newsinfo .infotwo {
		margin-left: 0;
	}
}