@charset "utf-8";



nav .box li:nth-child(3) a {
	font-weight: bold;
	border-bottom: 2px solid rgb(255, 255, 255);
}

nav .subnav-zong #subnav3 {
	display: block;
}

.container1 {
	width: 100%;
	background-image: url(background-pc.png);
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
}

.container {
	width: 1200px;
	margin: 0 auto 30px;
}

.content-one .one-top {
	padding-top: 42px;
	padding-bottom: 43px;
	width: 100%;
	float: left;
	text-align: center;
}

.content-one .one-bottom {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: center;
	margin-top: 20px;
	padding-bottom: 20px;
	padding-left: 8px;
}

.content-one .one-bottom-img:hover a img{
	width:102%;
	height:102%;
}

.content-one .xxgk {
	width: 1200px;
	height: 40px;
	display: flex;
	justify-content: center;
	margin: auto;
	margin-top: 46px;

}

.content-one .xxgk .xxgk-list {
	width: 285px;
	background-color: #FFF;
	line-height: 40px;
	color: #115DB2;
	text-align: center;
}

.content-one .xxgk .xxgk-list a {
	color: #115DB2;
	font-size: 24px;
	font-weight: 700;
}

.content-one .xxgk .xxgk-list:hover a {
	color: #FFF;

}

.content-one .xxgk .xxgk-list:hover {
	background-color: #EF920E;
}

.content-two {
	padding-bottom: 50px;
	width: 1200px;
	margin: auto;
	height: 200px;
	border-right: #115DB2 solid 1px;
	/* display: flex;
	justify-content: center; */
	display: none;
}

.content-two .list_item {
	border-left: #115DB2 solid 1px;
	width: 149px;
	height: 200px;
}


.content-two .list_item a image {
	width: 100%;
}

.content-three {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	margin-bottom: 30px;
}

.content-three .content-three-left {
	width: 590px;
}

.content-three .tab-head {
	width: 590px;
	height: 50px;
	background-color: #115DB2;
	display: flex;
	justify-content: space-between;
	line-height: 50px;
	padding: 0px 3px 0px 10px;
}

.column {
	font-size: 20px;
	font-weight: 700;
	color: #FFF;
}

.content-three .tab-head .more {
	height: 30px;
	width: 30px;
	background-image: url(sanjiao.png);
	background-repeat: no-repeat;
	margin-top: 12px;

}

.content-three-left .row-nav ul li {
	padding: 0 10px;
	line-height: 50px;
	height: 50px;
	border-bottom: 1px dashed #515151;
}

.content-three-left .row-nav ul li .time {
	float: right;
}

.content-three-left .row-nav ul li {
	position: relative;
}

.content-three-left .row-nav ul li:hover {
	color: #115DB2;
}

.content-three-right {
	width: 590px;
}

.content-three-right .row-nav ul li {
	padding: 0 10px;
	line-height: 50px;
	height: 50px;
	border-bottom: 1px dashed #515151;
}

.content-three-right .row-nav ul li .time {
	float: right;
}

.content-three-right .row-nav ul li {
	position: relative;
}

.content-three-right .row-nav ul li:hover {
	color: #115DB2;
}

.content-four {
	flex-direction: column;
	margin-bottom: 0px;
}

.content-four ul {
	display: flex;
    justify-content: space-evenly;
	flex-wrap: wrap;
}

.content-four ul li {
	width: 14%;
	min-width: 160px;
	height: 50px;
	margin-bottom: 20px;
	transition: all .6s;
	background-color: #115DB2;
}

.content-four ul li a:hover{
	background-color: #fff;
	color:#115db2;
	border:solid#115db2 1px;
}

.content-four ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 50px;
	text-align: center;
	color: #404040;
	font-size: 20px;
	font-weight: 700;
	color: #FFF;
}

.content-four .content-four-top li:hover {
	background: #115DB2;
}

.content-five {
	flex-direction: column;
	margin-bottom: 0px;
	width: 1200px;
	margin: auto;
}

.service_top {
	position: relative;
    margin-bottom: 1rem;
    width: 100%;
    height: 2.2rem;
    text-align: center;
}

.service_top::before,
.service_top::after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -0.05rem;
	height: 0.2rem;
	width: 50%;
	background: #818181;
}

.service_top::before{
	left: 0;
}
.service_top::after{
	right: 0;
}

.service_top h{
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 2.2rem;
    padding: 0 0.9rem;
    line-height: 2.2rem;
    font-size: 1.4rem;
    color: #818181;
    font-weight: bold;
    background: #fff;
}

.service_bg {
	width: 100%;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
}

.service_bg ul{
    margin-right: -8px;

}

.service_bg li{
	width: 290px;
	height: 100px;
	text-align: center;
	/* line-height: 50px; */
	position: relative;
	float: left;
    margin-bottom: 12px;
	margin-right: 12px;

}

.service_bg li p {
	width: 100%;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.tang_17{
	background: url(tang17.png) no-repeat;
    background-size: cover;
}

.tang_18{
	background: url(tang18.png) no-repeat;
    background-size: cover;
}

.tang_19{
	background: url(tang19.png) no-repeat;
    background-size: cover;
}

.tang_20{
	background: url(tang20.png) no-repeat;
    background-size: cover;
}

.tang_21{
	background: url(tang21.png) no-repeat;
    background-size: cover;
}

.tang_22{
	background: url(tang22.png) no-repeat;
    background-size: cover;
}

.tang_23{
	background: url(tang23.png) no-repeat;
    background-size: cover;
}

.tang_24{
	background: url(tang24.png) no-repeat;
    background-size: cover;
}

.tang_25{
	background: url(tang25.png) no-repeat;
    background-size: cover;
}

.tang_26{
	background: url(tang26.png) no-repeat;
    background-size: cover;
}

.tang_27{
	background: url(tang27.png) no-repeat;
    background-size: cover;
}

.tang_28{
	background: url(tang28.png) no-repeat;
    background-size: cover;
}

.tang_29{
	background: url(tang29.png) no-repeat;
    background-size: cover;
}

.tang_30{
	background: url(tang30.png) no-repeat;
    background-size: cover;
}

.service_bg li a{
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #404040;
	display: block;
	width: 100%;
	height: 100%;
}

.service_bg li a::before {
	transform: scaleY(0);
	transform-origin: bottom left;
}

.service_bg li a:hover::before {
	transform: scaleY(1);
	transform-origin: bottom right;
}

.service_bg li a::before {
	content: " ";
	display: block;
	position: absolute;
	inset: 0 0 0 0;
	background: rgba(255, 255, 255, 0.452);
	z-index: 1;
	transition: transform .3s ease;
}


@media screen and (max-width: 1200px) {
	#body {
		max-width: 100%;
		margin: auto;
	}

	.container {
		width: 100%;
	}

.content-three {
    display: flex;
    justify-content: space-evenly;
}

	.normal-title h5 {
		font-size: 18px;
	}

	.content-one .one-top img {
		width: 80%;

	}
	
	.content-one .one-bottom{
		width: 100%;
		display: flex;
		margin-top: 35px;
	}
	.content-one .one-bottom .one-bottom-img{
		float: left;
		text-align: center;
	}
	
	.content-one .one-bottom .one-bottom-img img{
		width: 100%;
		float: left;
	}


	 .content-one .xxgk {
		width: 100%;
	}

	/*.content-one .xxgk .xxgk-list {
		margin: auto;
		margin-top: 10px;
	}

	.content-one .xxgk .xxgk-list a {
		font-size: 14px;
		font-weight: 500;
	} */

	.content-two {
		display: none;
		width: 100%;
	}

	.content-two a {
		float: left;
		width: 50%;
	}

	.content-three .tab-head {
		width: 100%;
	}

	.content-three .content-three-left {
		width: 100%;
	}

	.content-three-right {
		width: 100%;
	}

	.content-three-left .row-nav ul a li {
		display: flex;
		padding: 0;

	}

	.content-three-left .row-nav ul a li .little-title {
		width: 70%;
		margin-right: 5%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.content-three-left .row-nav ul a li .time {
		width: 25%;

	}

	.content-three-right .row-nav ul a li {
		display: flex;
		padding: 0;

	}

	.content-three-right .row-nav ul a li .little-title {
		width: 70%;
		margin-right: 5%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.content-three-right .row-nav ul a li .time {
		width: 25%;

	}

	.content-five {
		flex-wrap: wrap;
	}

	.content-five-li {
		width: 100%;
		margin-bottom: 15px;
	}

.service_bg li {
    max-width: 24%;
    margin-right: 6px;
}

	.content-six-m ul {
		justify-content: flex-start;
	}

	.content-four ul li {
		width: 100%;
	}

	.content-four ul:last-child li {
		width: 24%;
		margin-bottom: 5px;
	}

.service_top {
    margin-top: 1rem;
}

@media screen and (max-width:768px) {
	#body {
		max-width: 100%;
		margin: auto;
	}

	.container {
		width: 96%;
		flex-direction: column;
	}

	.normal-title h5 {
		font-size: 18px;
	}
	
	.content-one .one-top {
	    padding-top: 35px;
	    padding-bottom: 20px;
	}

	.content-one .one-top img {
		width: 80%;

	}

	.content-one .xxgk {
		width: 100%;
	}

	 .content-one .xxgk .xxgk-list {
		margin: auto;
		margin-top: 10px;
		width: 45%;
		max-width: 285px;
	}

	.content-one .xxgk .xxgk-list a {
		font-size: 20px;
	}
	.content-one .xxgk .list-mid {
		display: none;
	}
	
	.content-one .one-bottom{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-top: 35px;
	}
	.content-one .one-bottom .one-bottom-img{
		float: left;
		text-align: center;
		padding-left: 5%;
		padding-right: 5%;
    max-width: 50%;
	}
	
	.content-one .one-bottom .one-bottom-img img{
		width: 100%;
		float: left;
	}

	.content-two {
		display: none;
		width: 100%;
	}

	.content-two a {
		float: left;
		width: 50%;
	}

	.content-three .tab-head {
		width: 100%;
	}

	.content-three .content-three-left {
		width: 100%;
	}

	.content-three-right {
		width: 100%;
margin-top: 20px;
	}

	.content-three-left .row-nav ul a li {
		display: flex;
		padding: 0;

	}

	.content-three-left .row-nav ul a li .little-title {
		width: 70%;
		margin-right: 5%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.content-three-left .row-nav ul a li .time {
		width: 25%;

	}

	.content-three-right .row-nav ul a li {
		display: flex;
		padding: 0;

	}

	.content-three-right .row-nav ul a li .little-title {
		width: 70%;
		margin-right: 5%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.content-three-right .row-nav ul a li .time {
		width: 25%;

	}

	.content-five {
		flex-wrap: wrap;
	}

	.content-five-li {
		width: 100%;
		margin-bottom: 15px;
	}

.service_bg {
    max-width: 100%;
}

.service_bg li {
    min-width: 30%;
    margin-right: 6px;
}

.service_bg ul {
    justify-content: space-evenly;
    display: flex;
    flex-wrap: wrap;
}

.service_bg li a {
    font-size: 18px;

	.content-six-m ul {
		justify-content: flex-start;
	}

	.content-four ul li {
		width: 100%;
	}

.content-four ul:last-child li {
    max-width: 30%;
    margin-bottom: 5px;
}

@media screen and (max-width:420px) {
	#body {
		max-width: 100%;
		margin: auto;
	}

	.container {
		width: 96%;
		flex-direction: column;
	}

	.normal-title h5 {
		font-size: 18px;
	}

.content-one .one-bottom {
    margin-top: 20px;
}

.content-one .one-bottom .one-bottom-img {
    width: 50%;
}

	.content-one .one-top img {
		width: 80%;

	}

	.content-one .xxgk {
		max-width: 90%;
	}
	
	 .content-one .xxgk .xxgk-list {
		margin: auto;
		margin-top: 10px;
		width: 48%;
	}
	
	.content-one .xxgk .xxgk-list a {
		font-size: 18px;
	}
	.content-one .xxgk .list-mid {
		display: none;
	}

	.content-two {
		display: none;
		width: 100%;
	}

	.content-two a {
		float: left;
		width: 50%;
	}

	.content-three .tab-head {
		width: 100%;
	}

	.content-three .content-three-left {
		width: 100%;
	}

	.content-three-right {
		width: 100%;
    margin-top: 20px;
	}

	.content-three-left .row-nav ul a li {
		display: flex;
		padding: 0;

	}

	.content-three-left .row-nav ul a li .little-title {
		width: 70%;
		margin-right: 5%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.content-three-left .row-nav ul a li .time {
		width: 25%;

	}

	.content-three-right .row-nav ul a li {
		display: flex;
		padding: 0;

	}

	.content-three-right .row-nav ul a li .little-title {
		width: 70%;
		margin-right: 5%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.content-three-right .row-nav ul a li .time {
		width: 25%;

	}

	.content-five {
		flex-wrap: wrap;
    margin-top: 20px;
	}

.service_bg {
    max-width: 100%;
}

.service_bg li {
    min-width: 48%;
    margin-right: 6px;
}

	.content-five-li {
		width: 100%;
		margin-bottom: 15px;
	}

	.content-six-m ul {
		justify-content: flex-start;
	}

	.content-four ul li {
		width: 100%;
	}

	.content-four ul:last-child li {
		max-width: 49%;
		margin-bottom: 5px;
	}
}