*{
	margin: 0rem;
	padding: 0rem;
	text-decoration: none;
	list-style-type: none;
}
a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}
.banner {
	width: 100%;
	height: auto;
}

.banner img {
	width: 100%;
	height: auto;
	display: block;
}

.nav {
	width: 100%;
	height: auto;
	background: #0b316c;
}

.nav-ul {
	width: 6.9rem;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	padding: 0.1rem 0rem;
}

.nav-ul li {
		width: auto;
		padding: 0 0.05rem;
		height: 0.6rem;
		text-align: center;
		line-height: 0.6rem;
	}
	.nav-ul li:last-child(1){
		margin-right: 0rem;
	}
	.nav-ul li a {
		display: block;
		font-size: 0.24rem;
		color: #ffffff;
	}
	.main {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
		position: relative;
	}
	.main-c {
		width: 6.95rem;
		margin: 0.2rem auto;
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
		/* 	margin-bottom: 78px; */
	}
	
	.b1 {
		background: #ffffff;
	}
	.b2{
		background: #68dbf4;
	}
	.b3{
		background: #eeeeee;
	}
	.yd {
		display: block !important;
	}
	
	.pc,
	.t-pc {
		display: none !important;
	}
	.t-yd{
		display: flex !important;
	}
	.n-p {
		width: 100%;
		font-size: 0.20rem;
		color: #333333;
		text-indent: 0.40rem;
		line-height: 0.30rem;
		text-align: justify;
	}
	
	.n {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

	.qy-l{
		width: 100%;
	}
	.qy-imgs{
		width: 0.82rem;
		height: auto;
		display: block;
		float: left;
		margin-right: 0.22rem;
	}
	.qy-p{
		width: auto;
		margin: 0 auto;
	}
	.qy-p p{
		color: #000 !important;
		line-height: 0.34rem;
	}
	.qy-b{
		justify-content: space-between;
	}
	.qy-b img{
		width: 3.42rem;
		height: 1.98rem;
		display: block;
	}
	.title{
		width: 100%;
		height: auto;
		text-align: center;
	}
	.title-c{
		width: 6.11rem;
		height: 0.6rem;
		line-height: 0.6rem;
		margin: 0 auto;
		font-size: 0.3rem;
		color: #0b316c;
		border-bottom: 0.02rem solid #0b316c;
		font-weight: bold;
	}
	.yx{
		width: 100%;
		justify-content: space-between;
	}
	.yx-a{
		width: 100%;
		height: auto;
		background: #ffffff;
		margin: 0.2rem 0rem;
	}
	.yx-title{
		width: 100%;
		height: 0.60rem;
		background: #0b316c;
		font-size: 0.34rem;
		color: #ffffff;
		text-align: center;
		line-height: 0.60rem;
		position: relative;
	}
	.yx-title img{
		width: 0.41rem;
		height: 0.18rem;
		position: absolute;
		left: 50%;
		margin-left: -0.205rem;
		bottom: -0.18rem;
	}
	.yx-n{
		width: 100%;
		height: auto;
		background: #ffffff;
		padding: 0.3rem 0rem;
	}
	.yx-n li{
		font-size: 0.28rem;
		color: #383636;
		line-height: 0.3rem;
		text-indent: 0.34rem;
	}
	.yx-img{
		width: 100%;
		height: auto;
		display: block;
	}
	.cs-p{
		width: 100%;
		font-size: 0.3rem;
		text-indent: 0rem;
		margin: 0.34rem auto;
	}
	.cs-div{
		width: 100%;
		justify-content: space-between;
	}
	.cs-divs{
		width: 3.26rem;
		height: 2.16rem;
		background: #0B316C;
		border-radius: 0.4rem;
		/* margin-right: 52px; */
		margin-bottom: 0.48rem;
	}
	.cs-divs:nth-child(3n){
		margin-right: 0px !important;
	}
	.cs-title{
		width: 100%;
		height: 0.75rem;
		font-size: 0.3rem;
		color: #ffffff;
		text-align: center;
		line-height: 0.75rem;
		font-weight: bold;
	}
	.cs-n{
		width: 3.24rem;
		height: 1.65rem;
		background: #FFFFFF;
		border-radius: 0.4rem;
		border: 0.02rem solid #0B316C;
	}
	.cs-n p{
		width: 2.72rem;
	 margin: 0 auto;
		font-size: 0.2rem;
		color: #383636;
		line-height: 0.3rem;
		text-indent: 0.4rem;
		margin-top: 0.3rem;
		text-align: justify;
	}
	.zj{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin: 0.5rem auto;
	}
	.zj-n{
		width: 100%;
		height: 2.87rem;
		background: #0B316C;
		border-radius: 0rem 0.5rem 0.5rem 0rem;
		display: flex;
		align-items: center;
		margin-right: 0rem;
	}
	.zj-n p{
		width: 80%;
		color: #ffffff !important;
		margin: 0 auto;
		text-align: justify;
	}
	.zj img{
		width: 100%;
		height: auto;
		display: block;
		margin-top: 0.3rem;
	}
	.zj-img{
		width: 100%;
		justify-content: space-between;
	}
	.zj-img img{
		width: 2.09rem;
		height: 1.55rem;
		display: block;
	}
	.footer {
		width: 100%;
		height: auto;
		padding: 0.2rem 0rem;
		background: #0b316c;
	}
	.footer-c {
		width: 6.9rem;
		margin: 0 auto;
		font-size: 0.14rem;
		color: #fff;
		text-align: center;
	}
	.footer1 {
		padding-top: 0.16rem;
	}
	.footer2 {
		line-height: 0.34rem;
	}
	.footer3 {
		padding-bottom: 0.16rem;
	}
	@media screen and (min-width:960px) {
		.banner {
			width: 100%;
			height: auto;
		}
	
		.banner img {
			width: 100%;
			height: auto;
			display: block;
		}
	
		.pc {
			display: block !important;
		}
	
		.t-pc {
			display: flex !important;
		}
	
		.yd ,.t-yd{
			display: none !important;
		}
	
		.nav {
			width: 100%;
			height: auto;
			background: #0b316c;
		}
	
		.nav-ul {
			width: 1200px;
			height: auto;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			padding: 0px 0px;
		}
	
		.nav-ul li {
			height: 68px;
			text-align: center;
			line-height: 68px;
			margin: 0px 0px;
			padding: 0px 0px;
		}
		.nav-ul li a {
			display: block;
			font-size: 24px;
			color: #FFFFFF;
		}
	
		.main {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			align-content: flex-start;
		}
		.main-c {
			width: 1200px;
			margin: 20px auto;
		}
		.n-p {
			width: 100%;
			font-size: 18px;
			color: #333333;
			text-indent: 36px;
			line-height: 30px;
			text-align: justify;
			margin: 0 auto;
		}
		.qy-img{
			width: 138px;
			height: 152px;
			display: block;
		}
		.qy-p{
			width: 1044px;
			margin: 0 auto;
			margin-top: 0px;
		}
		.qy-p p{
			color: #000 !important;
			line-height: 34px;
		}
		.qy-b{
			justify-content: space-between;
		}
		.qy-b img{
			width: 591px;
			height: 342px;
			display: block;
		}
		.title{
			width: 100%;
			height: auto;
			text-align: center;
		}
		.title-c{
			width: 764px;
			height: 80px;
			line-height: 80px;
			margin: 0 auto;
			font-size: 38px;
			color: #0b316c;
			border-bottom: 2px solid #0b316c;
		}
		.yx{
			width: 100%;
			justify-content: center;
		}
		.yx-a{
			width: 430px;
			height: 457px;
			background: #ffffff;
			margin: 22px 34px;
		}
		.yx-title{
			width: 100%;
			height: 74px;
			background: #0b316c;
			font-size: 28px;
			color: #ffffff;
			text-align: center;
			line-height: 74px;
			position: relative;
		}
		.yx-title img{
			width: 51px;
			height: 22px;
			position: absolute;
			left: 50%;
			margin-left: -25.5px;
			bottom: -22px;
		}
		.yx-n{
			width: 100%;
			height: 134px;
			background: #ffffff;
			padding-top: 40px;
			padding-bottom: 0px;
		}
		.yx-n li{
			font-size: 18px;
			color: #383636;
			line-height: 30px;
			text-indent: 44px;
		}
		.yx-img{
			width: 100%;
			height: auto;
			display: block;
		}
		.cs-p{
			width: 100%;
			font-size: 24px;
			text-indent: 252px;
			margin: 34px auto;
		}
		.cs-div{
			width: 100%;
		}
		.cs-divs{
			width: 362px;
			height: 240px;
			background: #0B316C;
			border-radius: 40px;
			margin-right: 52px;
			margin-bottom: 48px;
		}
		.cs-divs:nth-child(3n){
			margin-right: 0px !important;
		}
		.cs-title{
			width: 100%;
			height: 75px;
			font-size: 30px;
			color: #ffffff;
			text-align: center;
			line-height: 75px;
			font-weight: bold;
		}
		.cs-n{
			width: 358px;
			height: 165px;
			background: #FFFFFF;
			border-radius: 40px;
			border: 2px solid #0B316C;
		}
		.cs-n p{
			width: 272px;
		 margin: 0 auto;
			font-size: 18px;
			color: #383636;
			line-height: 30px;
			text-indent: 36px;
			margin-top: 30px;
			text-align: justify;
		}
		.zj{
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 50px auto;
		}
		.zj-n{
			width: 530px;
			height: 287px;
			background: #0B316C;
			border-radius: 0px 50px 50px 0px;
			display: flex;
			align-items: center;
			margin-right: 22px;
		}
		.zj-n p{
			width: 474px;
			color: #ffffff !important;
			margin: 0 auto;
			text-align: justify;
		}
		.zj img{
			width: 593px;
			height: 314px;
			display: block;
			margin-top: 0px;
		}
		.zj-img{
			width: 100%;
			justify-content: space-between;
		}
		.zj-img img{
			width: 364px;
			height: 269px;
			display: block;
		}
		.footer {
			width: 100%;
			height: 105px;
			padding: 20px 0px;
			background: #0b316c;
		}
		.footer-c {
			width: 1200px;
			margin: 0 auto;
			font-size: 14px;
			color: #fff;
			text-align: center;
		}
		.footer1 {
			padding-top: 16px;
		}
		.footer2 {
			line-height: 34px;
		}
		.footer3 {
			padding-bottom: 16px;
		}
	}