.tt {
	font-size: 37px;
	color: #017ac8;
	text-align: center;
	margin: 40px auto;
}

.tt a {
	color: #017ac8;
}

.tt img {
	margin-right: 10px;
}

.banner-swiper {
	height: 80px;
	position: relative;
	overflow: hidden;
}

.swiper-slide,
.swiper-wrapper,
.swiper-container,
.swiper-slide {
	height: 100% !important;
}

.banner-swiper .swiper-slide {
	width: 100%;
	height: 100% !important;
}

.banner-swiper .swiper-slide img {
	display: block;
	min-height: 100%;
}

.banner-swiper .pagination {
	bottom: 20%;
}

.pagination {
	position: absolute;
	z-index: 20;
	right: 10px;
	bottom: 3%;
}

.swiper-pagination-switch {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: white;
	margin: 0 0px 5px;
	opacity: 1;
	cursor: pointer;
}

.banner-swiper .swiper-pagination-switch {
	float: left;
	margin: 0px 3px;
}

.swiper-active-switch {
	background: #0477c3;
}

.w688 {
	width: 688px;
}

.news-1>.left {
	height: 460px;
}

.news-1>.left .swiper-slide {
	position: relative;
}

.news-1>.left .swiper-slide img {
	display: block;
	width: 100%;
	min-height: 100%;
}

.news-1>.left .swiper-slide p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	padding: 1.5% 20% 1.5% 3%;
	font-size: 15px;
}

.news-1>.left .swiper-pagination-switch {
	float: left;
	margin: 0px 3px;
}

.w490 {
	width: 490px;
}

.person ul li {
	float: left;
	width: 25%;
	margin-left: 2%;
	padding: 5% 4% 5% 20%;
	position: relative;
	border-radius: 8px;
	background: #e7f3ff;
}

.person ul li:first-child {
	margin-left: 0px;
}

.person ul li>a {
	position: absolute;
	display: block;
	/* width: 26%; */
	bottom: 10%;
	
	background: #017ac8;
	overflow: hidden;
	left: 10%;
	/* top: 10%; */
	top: 8%;
	width: 26%;
	max-width: 84px;
}

.person ul li>a img {
	display: block;
	width: 100%;
	min-height: 100%;
}

.person ul li p a {
	display: block;
	font-size: 12px;
	color: #646464;
}

.t1 {
	background: #f3f3f3;
	position: relative;
	height: 27px;
	line-height: 27px;
	font-size: 16px;
	margin-top: 24px;
	margin-bottom: 10px;
}

.t1 span {
	padding: 0px 18px;
	background: #017ac8;
	display: inline-block;
}

.t1>a {
	position: absolute;
	right: 2%;
}

.t1 span a {
	color: white;
}

.news-1 {
	margin-top: 30px;
}

.model-1ul li {
	font-size: 16px;
	color: #646464;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 7px 0px;
}

.model-1ul li a {
	color: #646464;
}

.model-1ul li:before {
	content: "";
	margin-right: 16px;
	display: inline-block;
	width: 8px;
	height: 9px;
	background: url(/uploads/image/tmimages/li.png) no-repeat center center;
}

.w380 {
	width: 380px;
	margin-left: 23px;
}

.news-list2>.left:first-child {
	margin-left: 0px;
}

.model-2ul li {
	font-size: 16px;
	color: #646464;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 7px 0px;
}

.img-content {
	height: 83px;
	position: relative;
	margin-top: 20px;
}

.img-box {
	width: 100%;
	height: 100%;
}

.img-box a {
	display: block;
	width: 97%;
	height: 100%;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.img-box img {
	display: block;
	width: 100%;
	min-height: 100%;
}

.video-box {
	width: 94%;
	height: 100%;
	margin: 0px auto;
}

.video-box>a {
	display: block;
	height: 133px;
	overflow: hidden;
}

.video-box>a img {
	display: block;
	width: 200px;
	height: 133px;
}

.video-box p {
	text-align: center;
	font-size: 16px;
	color: #646464;
	margin-top: 10px;
}

.video-box p a {
	color: #646464;
}

.video-pc .swiper-container {
	margin-top: 20px;
}

.w960 {
	width: 960px;
	height: 100%;
}

.w227 {
	width: 227px;
}

.w660 {
	width: 660px;
	height: 100%;
}

.w288 {
	width: 296px;
}

.w314 {
	width: 314px;
	height: 100%;
}

.w342 {
	width: 342px;
}

.pic-ts {
	height: 346px;
}

.last-c .t2 {
	margin-bottom: 30px;
}

.pic-ts .w314 a {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
}

.pic-ts .w314 a img {
	display: block;
	height: 100%;
	width: 100%;
}

.topimg {
	height: 138px;
}

.topimg>a {
	display: inline-block;
	width: 169px;
	height: 100%;
	position: relative;
}

.topimg>a img {
	display: block;
	width: 100%;
	min-height: 100%;
}

.top-bottom {
	width: 100%;
	height: 205px;
	position: relative;
	overflow: hidden;
	top: 3px;
}

.top-bottom>a {
	display: block;
	width: 100%;
	height: 100%;
}

.top-bottom>a img {
	display: block;
	width: 100%;
	min-height: 100%;
}

.pic-ts .w288>a {
	display: block;
	width: 100%;
	height: 172px;
	position: relative;
	overflow: hidden;
	top: 3px;
}

.pic-ts .w288>a:first-child {
	top: 0px;
}

.pic-ts .w288>a img {
	display: block;
	width: 100%;
	min-height: 100%;
}

.pic-ts p {
	position: absolute;
	bottom: 0px;
	padding: 2px 2%;
	left: 0px;
	width: 96%;
	color: white;
	text-align: center;
	font-size: 14px;
	background: rgba(0, 0, 0, 0.3);
}

.dzb {
	padding: 22px;
	background: #f3f3f3;
}

.dzb img {
	display: block;
	width: 100%;
}

.dzb p {
	font-size: 14px;
	color: #646464;
	text-align: center;
	position: relative;
	top: 8px;
}

.video-phome {
	display: none;
}

.video-phome ul {
	display: flex;
	flex-wrap: wrap;
}

.video-phome ul li {
	width: 46%;
	margin: 2%;
	flex-grow: 1;
}

.video-phome ul li:first-child {
	margin-left: 0px;
}

.video-phome ul li:first-child li li {
	margin-left: 0px;
}

.video-phome ul li:first-child li {
	margin-right: 0px;
}

.video-phome ul li:first-child li li li {
	margin-right: 0px;
}

.video-phome ul li>a {
	display: block;
	width: 100%;
	height: 28vw;
	max-height: 210px;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
}
.video-phome ul li>a img{
	display: block;
	width:100%;
	min-height:100%;
}
.video-phome ul li p {
	font-size: 14px;
	text-align: center;
	margin: 2% 0px;
}

@media only screen and (max-width:1218px) {
	.tt {
		font-size: 33px;
		color: #017ac8;
		text-align: center;
		margin: 30px auto;
	}
	.news-1>.left {
		height: 388px;
	}
	.w688 {
		width: 584px;
	}
	.w490 {
		width: 393px;
	}
	.t1 {
		line-height: 27px;
		font-size: 15px;
		margin-top: 16px;
		margin-bottom: 5px;
	}
	.model-1ul li {
		font-size: 15px;
		padding: 5px 0px;
	}
	.w380 {
		width: 320px;
		margin-left: 16px;
	}
	.model-2ul li {
		font-size: 15px;
		padding: 5px 0px;
	}
	.w960 {
		width: 780px;
	}
	.w227 {
		width: 200px;
	}
	.w660 {
		width: 547px;
	}
	.w288 {
		width: 230px;
	}
	.w342 {
		width: 284px;
	}
	.w314 {
		width: 260px;
	}
	.topimg>a {
		width: 140px;
	}
	.pic-ts {
		height: 305px;
	}
	.top-bottom {
		height: 192px;
	}
	.topimg {
		height: 110px;
	}
	.pic-ts .w288>a {
		height: 151px;
	}
}

@media only screen and (max-width:992px) {
	.news-1>.left {
		height: 54vw;
		width: 100%;
	}
	.tt {
		font-size: 26px;
		margin: 6% auto;
	}
	.banner-swiper {
		display: none;
	}
	.w490 {
		width: 100%;
		margin-top: 3%;
	}
	.news-1>.left .swiper-slide p {
		font-size: 13px;
		padding-right: 29%;
	}
	.w380 {
		width: 100%;
		margin-left: 0px;
	}
	.w960 {
		width: 100%;
	}
	.pagination {
		bottom: 2vw;
	}
	.video-pc .swiper-container {
		display: none;
	}
	.w227,
	.w288 {
		display: none;
	}
	.w660 {
		width: 100%;
	}
	.w314 {
		width: 42%;
		float: left;
		height: 41vw;
		/* max-height: 441px; */
	}
	.w342 {
		width: 57.3%;
		float: right;
		height: 41vw;
	}
	.topimg>a {
		width: 49%;
		flex-grow: 1;
		margin-left: 1%;
	}
	.topimg>a:first-child {
		margin-left: 0px;
	}
	.topimg {
		height: 31%;
		display: flex;
		flex-wrap: nowrap;
		/* max-height: 137px; */
		overflow: hidden;
	}
	.top-bottom {
		height: 27.9vw;
		/* max-height: 224px; */
		top: 1%;
	}
	.pic-ts {
		/* height: 41vw; */
		/* max-height: 364px; */
		height: auto;
	}
	.pic-ts p {
		font-size: 12px;
	}
	.model-2ul li,
	.model-1ul li {
		font-size: 14px;
	}
	.model-1ul li:before {
		margin-right: 8px;
	}
	.last-c {
		margin-bottom: 20px;
	}
	.last-c .t2 {
		margin-bottom: 15px;
	}
	.news-1 {
		margin-top: 0px;
	}
	.tt {
		font-size: 24px;
		margin: 6% auto;
	}
	.tt img {
		width: 16%;
	}
	.img-content {
		height: 12vw;
		min-height: 56px;
	}
	.video-phome {
		display: block;
	}
}

@media only screen and (max-width:768px) {
	.img-box a {
		border-radius: 4px;
	}
}

@media only screen and (max-width:375px) {
	.person ul li>a {
		left: 5%;
		width: 31%;
	}
	.tt {
		font-size: 20px;
	}
}
.news-1>.left>div{
	height:100%
}