@charset "utf-8";
/* CSS Document */





.h_inp .inp, a, .bannertxt h2, .bannertxt div, .yewu li span, .yewu li h2, .jjfaleft span, .jjfaleft i, .sx .swiper-button-prev:hover i, .sx .swiper-button-next:hover i, .sx .swiper-button-prev, .sx .swiper-button-next, .newtype div, .newbannertxt img, p, .zxnsright li>.img div, .fl li, .fl li p, .fl li:after, .zhytxt:after, .cpgs div, .newsxqleft>div i, .jjfa>div, .jjfa>div ul li i, .list>ul>li.ac>a i, .btn span, .zxly button, .zhybanner .swiper-slide span, .videobanner .swiper-slide img, .videobanner .swiper-slide div, .yuan, .textarea button, .list .swiper-slide:after, .videobanner .swiper-slide:after, .list li:after, .videobanner li, .videobanner li div, .videobanner li i, .videobanner li:after, .videobanner li img, .cpbanner li div, .cpbanner li span,.cpbanner li{
	transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.1s;
	-webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .1s;
	-moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .1s;
}





.zhytxt {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	top: 0
}

.zhytxt span {
	width: 100px;
	height: 100px;
	display: inline-block;
	border-radius: 50%;
	border: 2px solid #fff;
	text-align: center;
	line-height: 100px;
	margin-top: 70%;
	position: relative;
	z-index: 5;
}

.zhytxt span i {
	display: inline-block;
	width: 100%;
	height: 100%;
	transform: scale(.8) translateX(-1px) translateY(-1px);
	border-radius: 50%;
	border: 1px solid #fff;
	line-height: 100px;
	background: url(../images/zhylogo1_03.png) no-repeat;
	background-position: center center;
}

.zhytxt h2 {
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	margin-top: 35px;
	position: relative;
	z-index: 5;
}

.zhybanner .swiper-slide div p {
	color: rgba(255, 255, 255, .4);
	position: relative;
	z-index: 5;
	font-size:14px;
	margin-top:10px;
}
.zhybanner .swiper-button-next, .zhybanner .swiper-button-prev {
	display: none;
}

.zhybanner .swiper-slide:nth-child(2) div span i {
	background-image: url(../images/zhylogo2_03.png);
}

.zhybanner .swiper-slide:nth-child(3) div span i {
	background-image: url(../images/zhylogo3_03.png);
}

.zhybanner .swiper-slide:nth-child(4) div span i {
	background-image: url(../images/zhylogo4.png);
}

.zhybanner .swiper-slide:nth-child(5) div span i {
	background-image: url(../images/zhylogo5_03.png);
}

.zhybanner .swiper-slide img {
	width: 100%;
}

.zhybanner .swiper-slide:nth-child(even) .zhytxt:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	top: -100%;
	left: 0;
	position: absolute;
	background: rgba(0, 90, 171, .8);
}

.zhybanner .swiper-slide:nth-child(odd) .zhytxt:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	bottom: -100%;
	left: 0;
	position: absolute;
	background: rgba(0, 90, 171, .8);
}

.zhybanner .swiper-slide:nth-child(odd):hover .zhytxt:after {
	bottom: 0;
}

.zhybanner .swiper-slide:nth-child(even):hover .zhytxt:after {
	top: 0;
}

.zhytxt a:nth-child(4) {
	display: inline-block;
	width: 146px;
	line-height: 32px;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .2);
	position: relative;
	z-index: 5;
	margin-bottom: 20px;
	margin-top: 60px;
	transform: translateY(400px);
}

.zhytxt a:nth-child(6) {
	display: inline-block;
	width: 146px;
	line-height: 32px;
	border: 1px solid rgba(255, 255, 255, .2);
	color: #fff;
	position: relative;
	z-index: 5;
	transform: translateY(400px);
}

.zhytxt a:hover {
	background: #fff;
	color: #0057aa;
}

.zhybanner .swiper-slide:hover span {
	margin-top: 60%;
}

.zhybanner .swiper-slide:hover a {
	transform: translateY(0);
}

.zhybanner .swiper-slide:hover i {
	background-color: #fff;
}

.zhybanner .swiper-slide:nth-child(1):hover i {
	background-image: url(../images/zhylogo11_03.png);
}

.zhybanner .swiper-slide:nth-child(2):hover i {
	background-image: url(../images/zhylogo22_03.png);
}

.zhybanner .swiper-slide:nth-child(3):hover i {
	background-image: url(../images/zhylogo33_03.png);
}

.zhybanner .swiper-slide:nth-child(4):hover i {
	background-image: url(../images/zhylogo44_03.png);
}

.zhybanner .swiper-slide:nth-child(5):hover i {
	background-image: url(../images/zhylogo55_03.png);
}