@charset "utf-8";

/*end*/
body {
	overflow-x: hidden;
	overflow-y: hidden;
}

.subject {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.pro-text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


.zybj {
	height: 14.65rem;
	background: url(../images/zybj.jpg) no-repeat center;
	background-size: 100% 100%;
	padding-top: 3.1rem;
	box-sizing: border-box;
}

.zybj .zy-con {
	height: 11.55rem;
	border-bottom: .05rem solid #d6dbde;
	box-sizing: border-box;
}

.zybj .zy-con .zy-left {
	width: 33.7rem;
	float: left;
}

.zybj .zy-con .zy-left h4 {
	line-height: 2.65rem;
	margin-bottom: .7rem;
	font-size: 1.9rem;
	color: #1a1a1a;
	font-weight: normal;
}

.zybj .zy-con .zy-left .zy-desc {
	line-height: 1.65rem;
	font-size: .9rem;
	color: #4c4c4c;
}

.zybj .zy-con .zy-vid {
	width: 14.25rem;
	height: 7.6rem;
	float: left;
	margin: .4rem 0 0 2.55rem;
}

.zybj .zy-con .zy-vid span {
	display: block;
	width: 100%;
	line-height: 0;
	overflow: hidden;
}

.zybj .zy-con .zy-vid span img {
	width: 100%;
}

.zybj .zy-con .zy-sz {
	width: 27rem;
	float: right;
	padding-top: 1.9rem;
}

.zybj .zy-con .zy-sz ul li {
	float: left;
	margin-left: 5%;
}

.zybj .zy-con .zy-sz ul li:first-child {
	margin-left: 0;
}

.zybj .zy-con .zy-sz ul li span {
	display: block;
	height: 2.7rem;
}

.zybj .zy-con .zy-sz ul li span em {
	display: inline-block;
	line-height: 2.7rem;
	font-size: 2.5rem;
	color: #333333;
	font-weight: bold;
	font-family: "Arial";
}

.zybj .zy-con .zy-sz ul li span i {
	display: inline-block;
	font-size: 1.9rem;
	color: #333333;
	font-family: "Arial";
	font-weight: bold;
	vertical-align: top;
	margin-top: .25rem;
}

.zybj .zy-con .zy-sz ul li p {
	line-height: 1.9rem;
	font-size: 1rem;
	color: #4c4c4c;
	text-align: center;
}

/**/
.gbsbj {
	background: url(../images/gbsbj.jpg) no-repeat center;
	background-size: 100% 100%;
	padding-top: 2.8rem;
}

.gbsbj h2 {
	text-align: center;
	margin-bottom: 2rem;
}

.gbsbj h2 span {
	display: block;
	line-height: 3.75rem;
	font-size: 2.4rem;
	color: #333333;
	font-weight: normal;
}

.gbsbj h2 i {
	display: block;
	width: 4.3rem;
	line-height: 0;
	overflow: hidden;
	margin: 0 auto;
}

.gbsbj h2 i img {
	width: 100%;
}

.gbsbj dl {
	background: #FFF;
	box-shadow: .75rem 1.3rem 2.5rem 0px rgba(1, 60, 119, 0.1);
}

.gbsbj dl dt {
	width: 40.4rem;
	line-height: 0;
	float: left;
	position: relative;
}

.gbsbj dl dt span {
	display: block;
	width: 100%;
	line-height: 0;
	overflow: hidden;
}

.gbsbj dl dt span img {
	width: 100%;
}

.gbsbj dl dt .gbss {
	width: 13.3rem;
	height: 9.9rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.gbsbj dl dt .gbss i {
	display: block;
	width: 6.6rem;
	line-height: 0;
	overflow: hidden;
	float: left;
}

.gbsbj dl dt .gbss i img {
	width: 100%;
}

.gbsbj dl dt .gbss i:last-child {
	float: right;
}

.gbsbj dl dt:hover .gbss {
	display: block;
}

.gbsbj dl dd {
	width: 39.6rem;
	float: left;
	padding: 4rem 4.2rem 0 4.8rem;
	box-sizing: border-box;
}

.gbsbj dl dd h3 {
	line-height: 2.25rem;
	margin-bottom: 1.15rem;
	font-size: 1.5rem;
	color: #1061b1;
	font-weight: bold;
}

.gbsbj dl dd p {
	line-height: 1.75rem;
	font-size: .9rem;
	color: #4c4c4c;
	margin-bottom: 2.5rem;
}

.gbsbj dl dd strong {
	display: block;
	width: 9rem;
	height: 2.6rem;
	background: linear-gradient(120deg, #194991, #028ED4);
	box-sizing: border-box;
	padding-top: .025rem;
}

.gbsbj dl dd strong a {
	display: block;
	height: 2.5rem;
	margin: .04rem .05rem;
	text-align: center;
	background: #FFF;
	transition: .5s;
}

.gbsbj dl dd strong i {
	display: inline-block;
	line-height: 2.45rem;
	font-size: .8rem;
	color: #1659b8;
	font-weight: normal;
	padding-right: 1.55rem;
	background: url(../images/gbs-jt.png) no-repeat right;
}

.gbsbj dl dd strong:hover a {
	background: linear-gradient(120deg, #194991, #028ED4);
}

.gbsbj dl dd strong:hover a i {
	background: url(../images/gbs-jt_h.png) no-repeat right;
	color: #FFF;
}

/**/
.psbj {
	padding-top: 3.55rem;
}

.psbj h2 {
	text-align: center;
	margin-bottom: 2rem;
}

.psbj h2 span {
	display: block;
	line-height: 4.25rem;
	font-size: 2.4rem;
	color: #333333;
	font-weight: normal;
}

.psbj h2 i {
	display: block;
	width: 13.5rem;
	line-height: 0;
	overflow: hidden;
	margin: 0 auto;
}

.psbj h2 i img {
	width: 100%;
}

.psbj .ps-con {
	height: 28rem;
	background: url(../images/psbj.jpg) no-repeat center;
	background-size: 100% 100%;
	padding-top: 3.6rem;
	box-sizing: border-box;
}

.psbj .ps-con h3 {
	height: 4.9rem;
	line-height: 4.9rem;
}

.psbj .ps-con h3 a {
	font-size: 1.8rem;
	color: #ffffff;
	font-weight: bold;
}

.psbj .ps-con em {
	display: block;
	height: 2.6rem;
	margin-bottom: 2rem;
}

.psbj .ps-con em i {
	display: inline-block;
	height: 2.6rem;
	line-height: 2.6rem;
	padding: 0 1.4rem;
	font-size: 1.1rem;
	color: #ffffff;
	vertical-align: top;
	background: #1061B1;
	border-radius: 1.3rem;
	margin-right: .5rem;
}

.psbj .ps-con .ps-desc {
	line-height: 1.8rem;
	margin-bottom: 2rem;
	font-size: .9rem;
	color: #ffffff;
	width: 34.2rem;
}

.psbj .ps-con strong {
	display: block;
	width: 9rem;
	height: 2.6rem;
	border: .05rem solid rgba(255, 255, 255, .3);
	box-sizing: border-box;
	transition: .5s;
}

.psbj .ps-con strong a {
	display: block;
	height: 2.5rem;
	text-align: center;
	transition: .5s;
}

.psbj .ps-con strong i {
	display: inline-block;
	line-height: 2.5rem;
	font-size: .8rem;
	color: #fff;
	font-weight: normal;
	padding-right: 1.55rem;
	background: url(../images/gbs-jt_h.png) no-repeat right;
}

.psbj .ps-con strong:hover {
	-webkit-transform: translate(0, -10px);
	transform: translate(0, -10px);
}

/**/
.product {
	padding: 4rem 0;
	background: #f5f5f5;
}

.product h2 {
	float: left;
	padding-top: 1.3rem;
}

.product h2 a {
	display: block;
	line-height: 2.45rem;
	margin-bottom: 1.15rem;
	font-size: 1.8rem;
	color: #1061b1;
	font-weight: bold;
}

.product h2 i {
	display: block;
	width: 1.25rem;
	height: .15rem;
	background: #1061b1;
}

.product .pro-fl {
	width: 69.9rem;
	float: right;
}

.product .pro-fl dl {
	width: 34.25rem;
	height: 13rem;
	float: left;
	background: #FFF;
	box-shadow: .75rem 1.3rem 2.5rem 0px rgba(1, 42, 83, 0.1);
	padding-left: 2.5rem;
	box-sizing: border-box;
	transition: .5s;
}

.product .pro-fl dl dt {
	float: right;
	line-height: 0;
	overflow: hidden;
}

.product .pro-fl dl dt img {
	width: 100%;
	height: 100%;
}

.product .pro-fl dl dd {
	float: left;
	padding-top: 2.45rem;
}

.product .pro-fl dl dd h4 {
	line-height: 2.05rem;
	margin-bottom: .45rem;
}

.product .pro-fl dl dd h4 a {
	font-size: 1.3rem;
	color: #333333;
	font-weight: bold;
}

.product .pro-fl dl dd p {
	line-height: 1.6rem;
	margin-bottom: 1.25rem;
	font-size: 1rem;
	color: #666666;
}

.product .pro-fl dl dd em {
	display: block;
	width: 1.3rem;
	height: 1.3rem;
}

.product .pro-fl dl dd em p {
	display: block;
	height: 1.3rem;
	background: url(../images/cp-jt.png) no-repeat center;
	background-size: 1.3rem 1.3rem;
}

.product .pro-fl dl.fl0 dt {
	width: 14.95rem;
	height: 100%;
}

.product .pro-fl dl.fl0 dd {
	width: 15.75rem;
}

.product .pro-fl dl.fl1 dt {
	width: 16.8rem;
	height: 100%;
}

.product .pro-fl dl.fl1 dd {
	width: 13.25rem;
}

.product .pro-fl dl.fl1 {
	float: right;
}

.product .pro-fl dl:hover {
	-webkit-transform: translate(0, -10px);
	transform: translate(0, -10px);
}

/**/
.solution {
	padding-bottom: 4.5rem;
	background: #f5f5f5;
}

.solution h2 {
	float: left;
	padding-top: 1.3rem;
}

.solution h2 a {
	display: block;
	line-height: 2.45rem;
	font-size: 1.8rem;
	color: #1061b1;
	font-weight: bold;
	margin-bottom: 1.15rem;
}

.solution h2 i {
	display: block;
	width: 1.25rem;
	height: .15rem;
	background: #1061b1;
}

.solution ul {
	width: 69.9rem;
	float: right;
}

.solution ul li {
	float: left;
	width: 11.2rem;
	height: 27rem;
	background: rgba(255, 255, 255, .4);
	box-shadow: .75rem 1.3rem 2.5rem 0px rgba(1, 42, 83, 0.1);
	border: .05rem solid #B5CFE8;
	margin-left: .54rem;
	box-sizing: border-box;
}

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

.solution ul li i.img {
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
	margin-bottom: 3.65rem;
	transition: .5s;
}

.solution ul li i.img img {
	width: 100%;
}

.solution ul li em {
	display: block;
	width: 3.55rem;
	height: 3.55rem;
	margin: 0 auto 1.85rem;
	position: relative;
	transition: .5s;
}

.solution ul li em i {
	display: block;
	width: 100%;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

.solution ul li em i img {
	width: 100%;
}

.solution ul li em i.default {
	-webkit-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0);
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.solution ul li em i.hover {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transform: scale(0);
	transition: .5s;
}

.solution ul li h4 {
	line-height: 1.7rem;
	margin-bottom: .6rem;
	font-size: 1.1rem;
	color: #333333;
	font-weight: bold;
	text-align: center;
	transition: .5s;
}

.solution ul li p {
	line-height: 1.45rem;
	height: 9.95rem;
	text-align: center;
	font-size: .8rem;
	color: #666666;
}

.solution ul li b {
	display: block;
	width: 1.3rem;
	height: 1.3rem;
	margin: 0 auto;
	background: url(../images/sol-jt.png) no-repeat center;
	background-size: 100% 100%;
}

.solution ul li:nth-child(2) p,
.solution ul li:nth-child(3) p {
	height: 8.25rem;
}

.solution ul li:hover i.img {
	height: 7.5rem;
	margin-bottom: 0;
}

.solution ul li:hover em {
	margin: -2.3rem auto 1.35rem;
}

.solution ul li:hover em i.default {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100%) rotate(180deg);
	transform: translateX(100%) rotate(180deg);
}

.solution ul li:hover em i.hover {
	opacity: 1;
	transform: scale(1);
}

.solution ul li:hover b {
	background: url(../images/sol-jt_h.png) no-repeat center;
	background-size: 100% 100%;
}

/**/
.case {
	padding: 3.55rem 0 0;
	background: url(../images/case.jpg) no-repeat center;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.case h2 {
	text-align: center;
	margin-bottom: 2rem;
}

.case h2 span {
	display: block;
	line-height: 4.3rem;
	font-size: 2.4rem;
	color: #333333;
}

.case h2 i {
	display: block;
	width: 8.5rem;
	line-height: 0;
	overflow: hidden;
	margin: 0 auto;
}

.case h2 i img {
	width: 100%;
}

.case .cas-list {
	padding-bottom: 5rem;
}

.case .cas-list ul li {
	padding: 1rem 1rem 0;
	box-sizing: border-box;
	background: #FFFFFF;
	box-shadow: .75rem 1.3rem 2.5rem 0px rgba(1, 42, 83, 0.1);
}

.case .cas-list ul li dl dt {
	width: 100%;
	line-height: 0;
	overflow: hidden;
}

.case .cas-list ul li dl dt img {
	width: 100%;
	transition: 1s;
}

.case .cas-list ul li dl dd {
	padding: 1.65rem 1rem 0 1.25rem;
	height: 13.35rem;
	box-sizing: border-box;
}

.case .cas-list ul li dl dd h4 {
	line-height: 2rem;
	margin-bottom: .6rem;
}

.case .cas-list ul li dl dd h4 a {
	font-size: 1.3rem;
	color: #333333;
	font-weight: normal;
}

.case .cas-list ul li dl dd p {
	line-height: 1.5rem;
	font-size: .8rem;
	color: #666666;
	margin-bottom: .8rem;
}

.case .cas-list ul li dl dd strong {
	display: block;
	transition: .5s;
}

.case .cas-list ul li dl dd strong a {
	display: inline-block;
	line-height: 1.6rem;
	font-size: .8rem;
	color: #1061b1;
	font-weight: normal;
	padding-right: 1.55rem;
	background: url(../images/cas-jt.png) no-repeat right;
	background-size: .9rem .9rem;
}

.case .cas-list ul li:hover dl dt img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.case .cas-list ul li:hover dl dd strong {
	-webkit-transform: translate(0, -5px);
	transform: translate(0, -5px);
}

/**/
.news {
	height: 37.45rem;
	background: url(../images/news.jpg) no-repeat center;
	background-size: 100% 100%;
	padding-top: 4.5rem;
	box-sizing: border-box;
}

.news h2 {
	float: left;
	padding-top: .9rem;
}

.news h2 span {
	display: block;
	line-height: 4.4rem;
	font-size: 2.4rem;
	color: #ffffff;
	font-weight: normal;
}

.news h2 i {
	display: block;
	width: 6.8rem;
	line-height: 0;
	overflow: hidden;
}

.news h2 i img {
	width: 100%;
}

.news .news-rig {
	width: 64.1rem;
	background: #FFF;
	float: right;
}

.news .news-rig .left {
	width: 42.1rem;
	float: left;
}

.news .news-rig .left .top {
	height: 12.15rem;
	background: #1061B1;
	padding: 1.4rem 2.5rem 2.45rem;
	box-sizing: border-box;
}

.news .news-rig .left .top h3 {
	height: 2.2rem;
	margin-bottom: .85rem;
}

.news .news-rig .left .top h3 span {
	display: block;
	line-height: 2.2rem;
	float: left;
	font-size: 1rem;
	color: #ffffff;
	font-weight: bold;
}

.news .news-rig .left .top h3 i {
	display: block;
	float: right;
	line-height: 2.2rem;
	font-size: .8rem;
	color: #ffffff;
	font-weight: normal;
	padding-right: 1.4rem;
	background: url(../images/gbs-jt_h.png) no-repeat right;
	background-size: .9rem .9rem;
}

.news .news-rig .left .top h4 {
	line-height: 2.3rem;
}

.news .news-rig .left .top h4 a {
	font-size: 1.1rem;
	color: #ffffff;
	font-weight: normal;
}

.news .news-rig .left .top p {
	line-height: 2rem;
	font-size: .8rem;
	color: #ffffff;
}

.news .news-rig .left .top i {
	display: block;
	line-height: 1.3rem;
	font-size: .7rem;
	color: #ffffff;
	font-weight: bold;
	font-family: "DIN";
}

.news .news-rig .left ul li {
	float: left;
	width: 50%;
	position: relative;
}

.news .news-rig .left ul li:before {
	width: 100%;
	height: 9.4rem;
	background: url(../images/news-yy.png) no-repeat center;
	background-size: 100% 100%;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
}

.news .news-rig .left ul li span {
	display: block;
	width: 100%;
	line-height: 0;
	overflow: hidden;
}

.news .news-rig .left ul li span img {
	width: 100%;
}

.news .news-rig .left ul li em {
	display: block;
	width: 100%;
	line-height: 1.4rem;
	padding: 0 2.5rem 0 1.9rem;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 1.25rem;
	font-size: .9rem;
	color: #ffffff;
	z-index: 200;
}

.news .news-rig .rig {
	width: 22rem;
	float: right;
	padding: 1.25rem 2.6rem 0 1.75rem;
	box-sizing: border-box;
}

.news .news-rig .rig h3 {
	height: 3.3rem;
	border-bottom: .05rem solid rgba(0, 0, 0, .1);
	margin-bottom: .2rem;
}

.news .news-rig .rig h3 a {
	display: block;
	line-height: 2.5rem;
	float: left;
	font-size: 1rem;
	color: #333333;
	font-weight: bold;
	margin-right: 1.5rem;
}

.news .news-rig .rig h3 a.cur {
	color: #1061b1;
}

.news .news-rig .rig .news-list ul li {
	height: 11.3rem;
	border-bottom: .05rem solid rgba(0, 0, 0, .1);
	box-sizing: border-box;
	padding-top: 1.5rem;
}

.news .news-rig .rig .news-list ul li:last-child {
	border-bottom: 0;
}

.news .news-rig .rig .news-list ul li h4 {
	line-height: 1.6rem;
	margin-bottom: .65rem;
	padding-left: .95rem;
	background: url(../images/news-dd.png) no-repeat left .65rem;
	background-size: .35rem .35rem;
}

.news .news-rig .rig .news-list ul li h4 a {
	font-size: 1.1rem;
	color: #333333;
	font-weight: normal;
}

.news .news-rig .rig .news-list ul li p {
	line-height: 1.45rem;
	margin-bottom: .3rem;
	font-size: .8rem;
	color: #666666;
	margin-left: .95rem;
}

.news .news-rig .rig .news-list ul li i {
	display: block;
	line-height: 1.2rem;
	font-size: .7rem;
	color: #b2b2b2;
	font-family: "DIN";
	font-weight: bold;
	margin-left: .95rem;
}

/**/
.hzgy {
	height: 40.2rem;
	background: url(../images/hzgy.jpg) no-repeat center;
	background-size: 100% 100%;
	padding-top: 3.55rem;
	box-sizing: border-box;
}

.hzgy .hz-tit {
	height: 4.95rem;
}

.hzgy .hz-tit h2 {
	float: left;
}

.hzgy .hz-tit h2 span {
	display: block;
	line-height: 4.25rem;
	font-size: 2.4rem;
	color: #333333;
	font-weight: normal;
}

.hzgy .hz-tit h2 i {
	display: block;
	width: 6.8rem;
	line-height: 0;
	overflow: hidden;
}

.hzgy .hz-tit h2 i img {
	width: 100%;
}

.hzgy .hz-tit .hz-nav {
	float: right;
	padding-top: .95rem;
}

.hzgy .hz-tit .hz-nav ul li {
	float: left;
	width: 10rem;
	height: 3.3rem;
	box-sizing: border-box;
	border: .05rem solid #FFF;
	text-align: center;
}

.hzgy .hz-tit .hz-nav ul li a {
	display: block;
	line-height: 3.2rem;
	font-size: 1.3rem;
	color: #333333;
}

.hzgy .hz-tit .hz-nav ul li.cur {
	border: .05rem solid #1061B1;
}

.hzgy .hz-tit .hz-nav ul li.cur a {
	color: #1061B1;
	font-weight: bold;
}

.hzgy .hz-list .hz-one {
	margin-top: 3rem;
}

.hzgy .hz-list .hz-one ul li {
	float: left;
	width: 33.33%;
	height: 24.8rem;
	border-right: .05rem solid rgba(0, 0, 0, .1);
	box-sizing: border-box;
	padding-top: 1rem;
}

.hzgy .hz-list .hz-one ul li:first-child {
	border-left: .05rem solid rgba(0, 0, 0, .1);
}

.hzgy .hz-list .hz-one ul li i {
	display: block;
	width: 13.7rem;
	line-height: 0;
	overflow: hidden;
	margin: 0 auto 2.1rem;
}

.hzgy .hz-list .hz-one ul li i img {
	width: 100%;
}

.hzgy .hz-list .hz-one ul li p {
	line-height: 1.65rem;
	font-size: .8rem;
	color: #4c4c4c;
	text-align: center;
}

.hzgy .hz-list .hz-two {
	margin-top: 3rem;
	padding-bottom: 1.55rem;
}

.hzgy .hz-list .hz-two ul li {
	float: left;
	width: 100%;
}

.hzgy .hz-list .hz-two ul li span {
	display: block;
	width: 100%;
	line-height: 0;
	overflow: hidden;
}

.hzgy .hz-list .hz-two ul li span img {
	width: 100%;
	transition: 1s;
}

.hzgy .hz-list .hz-two ul li em {
	display: block;
	line-height: 3.6rem;
	font-size: 1.1rem;
	color: #4c4c4c;
	text-align: center;
}

.hzgy .hz-list .hz-two .swiper-pagination {
	bottom: 0;
	line-height: 0;
}

.hzgy .hz-list .hz-two .swiper-pagination .swiper-pagination-bullet {
	width: 0.8rem;
	height: 0.8rem;
	border: .25rem solid #808080;
	border-radius: 50%;
	margin: 0 .35rem;
	transition: 0.5s;
	box-sizing: border-box;
	background: 0;
}

.hzgy .hz-list .hz-two .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border: .25rem solid #1061b1;
}

.hzgy .hz-list .hz-three {
	margin-top: 3.65rem;
	position: relative;
	height: 22.5rem;
	padding-left: 13.65rem;
	box-sizing: border-box;
}

.hzgy .hz-list .hz-three .hz-tit {
	width: 12.7rem;
	height: 11rem;
	background: url(../images/lop-tit.png) no-repeat center;
	background-size: 100% 100%;
	padding-top: 2.55rem;
	box-sizing: border-box;
	position: absolute;
	left: 3.65rem;
	top: 5.75rem;
}

.hzgy .hz-list .hz-three .hz-tit i {
	display: block;
	line-height: 5.2rem;
	text-align: center;
	font-size: 1.6rem;
	color: #ffffff;
	font-weight: bold;
	background: url(../images/hz-jt.png) no-repeat center bottom;
	background-size: .9rem .9rem;
}

.hzgy .hz-list .hz-three ul li {
	float: left;
	width: 12.7rem;
	line-height: 0;
	overflow: hidden;
	margin-left: 7.25rem;
	margin-bottom: -5.25rem;
}

.hzgy .hz-list .hz-three ul li img {
	width: 100%;
}

.hzgy .hz-list .hz-three ul li:first-child,
.hzgy .hz-list .hz-three ul li:nth-child(7) {
	margin-left: 0;
}

.hzgy .hz-list .hz-three ul li:nth-child(4) {
	margin-left: 10rem;
}

/**/
.hrbj {
	height: 21.5rem;
	background: url(../images/hrbj.jpg) no-repeat center;
	background-size: 100% 100%;
	padding-top: 5.15rem;
	box-sizing: border-box;
}

.hrbj h2 {
	line-height: 6.35rem;
	text-align: center;
	font-size: 2.4rem;
	color: #333333;
}

.hrbj h2 i {
	font-weight: normal;
}

.hrbj strong {
	display: block;
	width: 12.5rem;
	height: 2.9rem;
	background: url(../images/hr-xt.png) no-repeat center;
	background-size: 100% 100%;
	margin: 0 auto;
	transition: .5s;
}

.hrbj strong a {
	display: block;
	height: 2.9rem;
	text-align: center;
}

.hrbj strong i {
	display: inline-block;
	line-height: 2.9rem;
	font-size: .9rem;
	color: #1061b1;
	font-weight: normal;
	padding-right: 1.6rem;
	background: url(../images/hr-jt.png) no-repeat right;
	background-size: 1rem 1rem;
}

.hrbj strong:hover {
	-webkit-transform: translate(0, -10px);
	transform: translate(0, -10px);
	background: linear-gradient(120deg, #194991, #028ED4);
}

.hrbj strong:hover i {
	color: #FFF;
	background: url(../images/gbs-jt_h.png) no-repeat right;
	background-size: 1rem 1rem;
}



































html {
	font-size: 10px;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media screen and (min-width: 800px) {
	html {
		font-size: 12.6px;
	}
}

@media screen and (min-width: 900px) {
	html {
		font-size: 12.6px;
	}
}

@media screen and (min-width: 1000px) {
	html {
		font-size: 12.6px;
	}
}

@media screen and (min-width: 1100px) {
	html {
		font-size: 12.6px;
	}
}

@media screen and (min-width: 1200px) {
	html {
		font-size: 12.6px;
	}
}

@media screen and (min-width: 1280px) {
	html {
		font-size: 13.4px;
	}
}

@media screen and (min-width: 1366px) {
	html {
		font-size: 14.2px;
	}
}

@media screen and (min-width: 1440px) {
	html {
		font-size: 15px;
	}
}

@media screen and (min-width: 1600px) {
	html {
		font-size: 16.6px;
	}
}

@media screen and (min-width: 1920px) {
	html {
		font-size: 20px;
	}
}