*{
	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: #072f50;
}

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

.nav-ul li {
		width: auto;
		padding: 0 0.05rem;
		height: 0.36rem;
		text-align: center;
		line-height: 0.36rem;
		margin-top: 0.12rem;
	}
	.nav-ul li:last-child(1){
		margin-right: 0rem;
	}
	.nav-ul li a {
		display: block;
		font-size: 0.2rem;
		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;
	}
	.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;
	}
	.b2{
		height: auto;
		background-image: url(../img/b2.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.b3{
		height: auto;
		background-image: url(../img/b3.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.b4{
		height: auto;
		background-image: url(../img/b4.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.qy-l{
		width: 100%;
	}
	.qy-img{
		width: 0.58rem;
		height: 0.67rem;
		display: block;
	}
	.qy-ln{
		width: 5.84rem;
		height: 4.18rem;
		background: url(../img/qy-bj.png) no-repeat;
		background-size: 100%;
		margin: 0 auto;
/* 		margin-left: 0.13rem; */
		display: flex;
	}
	.qy-p{
		width: 4.96rem;
		margin: 0 auto;
		margin-top: 0.44rem;
	}
	.qy-p p{
		color: #ffffff !important;
	}
	.qy-r{
		width: 6.31rem;
		margin: 0.2rem auto;
/* 		margin-left: 0px; */
	}
	.qy-r img{
		width: 6.31rem;
		height: auto;
		display: block;
	}
	.title{
		width: 100%;
		height: 1.46rem;
	/* 	line-height: 1.46rem; */
	 display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-size: 0.42rem;
		color: #083052;
		position: relative;
	}
	.title span{
		color: #f1526f;
	}
	.title img{
		width: 0.78rem;
		height: 0.08rem;
		display: block;
		position: absolute;
		left: 50%;
	 bottom: 0rem;
		margin-left: -0.39rem;
	}
	.kjxy-l{
		width:100%;
		height: auto;
		background: #ffffff;
	}
	.kjxy-n{
		width: 6.4rem;
		margin: 0 auto;
		margin-top: 0.82rem;
		margin-bottom: 0.5rem;
	}
	.blank{
		width: 2.67rem;
		height: 0.44rem;
		background: #F1526F;
		border-radius: 0.22rem;
		margin: 0.2rem auto;
		font-size: 0.24rem;
		text-align: center;
		line-height: 0.44rem;
		color: #ffffff;
		display: block;
	}
	.kjxy-r{
		width: 100%;
		height: auto;
		display: block;
		margin: 0.3rem auto;
	}
	.syjkj-l{
		width: 100%;
		height: auto;
		background: #009BC7;
		border-radius: 0.3rem 0.1rem 0.5rem 0.1rem;
	}
	.syjkj-n{
		width: 6.32rem;
		height: auto;
		margin: 0.35rem auto;
	}
	.syjkj-n p{
		color: #ffffff;
	}
	.syjkj-r{
		width: 6.4rem;
		height: auto;
		display: block;
		margin: 0.2rem auto;
		/* margin-left: 28px; */
	}
	.byx{
		width: 3.20rem;
		height: auto;
		background: #FFFFFF;
		border: 0.01rem solid #083052;
		position: relative;
		margin-right: 0.25rem;
		margin-bottom: 0.36rem;
	}
	.byx:nth-child(2n){
		margin-right:0px !important;
	}
	.byx-i{
		width: 0.14rem;
		height: 0.16rem;
		display: block;
		position: absolute;
		right: -0.14rem;
		top: 0.86rem;
	}
	.shu{
		width: 100%;
		font-size: 0.22rem;
		color: #1c486d;
		text-indent: 0.2rem;
		font-weight: bold;
		margin-top: 0.3rem;
	}
	.byx-t{
		text-align: center;
		height: 0.6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0.22rem;
		color: #1C486D;
		line-height: 0.3rem;
		font-weight: bold;
	}
	.byxp{
		width: 3rem;
		margin: 0.2rem auto;
	}
	.zo{
		background: #1C486D;
	}
	.byx-img{
		width: 1.21rem;
		height: 0.34rem;
		display: block;
		margin: 0 auto;
		margin-top: 0.86rem;
		margin-bottom: 0.42rem;
	}
	.yy{
		width: 3rem;
		height: 3rem;
		background: #1C486D;
		border: 0.03rem solid #F1526F;
		position: relative;
		margin: 0.15rem 0.20rem;
	}
	.yy-t{
		width: 100%;
		height: 1.34rem;
		display: flex;
		flex-wrap: wrap;
	}
	.yy-p{
		width: 2.1rem;
		color: #ffffff;
		margin: 0 auto;
		margin-top: 0.48rem;
	}
	.icon-yy{
		width: 2.13rem;
		height: 0.15rem;
		position: absolute;
		top: 1.25rem;
		left: 50%;
		margin-left: -1.065rem;
	}
	.yy-b{
		width: 100%;
	}
	.yy-b img{
		width: 100%;
		height: 1.64rem;
		display: block;
	}
	.xzgj-c{
		width: 6.95rem;
		height: auto;
		background: #F1526F;
		margin: 0.2rem auto;
	 display: flex;
		align-items: center;
	}
	.xzgj-c p{
		width: 6.4rem;
		color: #ffffff;
		margin: 0.3rem auto;
	}
	.xz-img{
		width: 6.9rem;
		height: auto;
		display: block;
		margin: 0.22rem auto;
	}
	.xj{
		border: 0.02rem solid #053591;
		border-radius: 0.05rem;
		padding: 0.04rem;
		margin: 0.2rem auto;
	}
	.xj-c{
		width: 100%;
		height: auto;
		background: #009BC7;
	}
	.xj-p{
		width: 6.32rem;
		margin: 0.2rem auto;
	}
	.xj-p p{
		color: #FFFFFF;
	}
	.xj-img{
		width: 6.32rem;
		height: auto;
		display: block;
		margin: 0.2rem auto;
		/* margin-left: 26px; */
	}
	.footer {
		width: 100%;
		height: auto;
		padding: 0.2rem 0rem;
		background: #083052;
	}
	.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: #072f50;
		}
	
		.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;
		}
		.b2{
			height: 716px;
			background-image: url(../img/b2.jpg);
			background-repeat: no-repeat;
			background-size: 100% 100%;
		}
		.b3{
			height: 821px;
			background-image: url(../img/b3.jpg);
			background-repeat: no-repeat;
			background-size: 100% 100%;
		}
		.b4{
			height: 1736px;
			background-image: url(../img/b4.jpg);
			background-repeat: no-repeat;
			background-size: 100% 100%;
		}
		.qy-l{
			width: 600px;
		}
		.qy-img{
			width: 58px;
			height: 67px;
			display: block;
		}
		.qy-ln{
			width: 584px;
			height: 418px;
			background: url(../img/qy-bj.png) no-repeat;
			background-size: 100%;
			margin-left: 13px;
			display: flex;
		}
		.qy-p{
			width: 496px;
			margin: 0 auto;
			margin-top: 74px;
		}
		.qy-p p{
			color: #ffffff !important;
		}
		.qy-r{
			width: 500px;
			margin-left: 18px;
		}
		.qy-r img{
			width: 500px;
			height: auto;
			display: block;
		}
		.title{
			width: 100%;
			height: 146px;
			line-height:146px;
			text-align: center;
			font-size: 42px;
			color: #083052;
			position: relative;
		}
		.title span{
			color: #f1526f;
		}
		.title img{
			width: 78px;
			height: 8px;
			display: block;
			position: absolute;
			left: 50%;
		 bottom: 36px;
			margin-left: -39px;
		}
		.kjxy-l{
			width:434px;
			height: 517px;
			background: #ffffff;
		}
		.kjxy-n{
			width: 375px;
			margin: 0 auto;
			margin-top: 82px;
			margin-bottom: 50px;
		}
		.blank{
			width: 267px;
			height: 44px;
			background: #F1526F;
			border-radius: 22px;
			margin: 0 auto;
			font-size: 24px;
			text-align: center;
			line-height: 44px;
			color: #ffffff;
			display: block;
		}
		.kjxy-r{
			width: 687px;
			height: 516px;
			display: block;
			margin: 0px 0px;
			margin-left:39px;
			
		}
		.syjkj-l{
			width: 510px;
			height: 265px;
			background: #009BC7;
			border-radius: 30px 10px 50px 10px;
		}
		.syjkj-n{
			width: 445px;
			height: auto;
			margin: 0 auto;
			margin-top: 60px;
		}
		.syjkj-n p{
			color: #ffffff;
		}
		.syjkj-r{
			width: 638px;
			height: auto;
			display: block;
			margin: 0px 0px;
			margin-left: 28px;
		}
		.byx{
			width: 360px;
			height: 273px;
			background: #FFFFFF;
			border: 1px solid #083052;
			position: relative;
			margin-right:56px;
			margin-bottom: 36px;
		}
		.byx:nth-child(2n){
			margin-right:56px !important;
		}
		.byx:nth-child(3n){
			margin-right:0px !important;
		}
		.byx-i{
			width: 14px;
			height: 16px;
			display: block;
			position: absolute;
			right: -14px;
			top: 86px;
		}
		.shu{
			width: 100%;
			font-size: 22px;
			color: #1c486d;
			text-indent: 20px;
			font-weight: bold;
			margin-top: 30px;
		}
		.byx-t{
			text-align: center;
			height: 60px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 22px;
			color: #1C486D;
			line-height: 30px;
			font-weight: bold;
		}
		.byxp{
			width: 320px;
			margin: 0 auto;
			margin-top: 10px;
		}
		.zo{
			background: #1C486D;
		}
		.byx-img{
			width: 149px;
			height: 42px;
			display: block;
			margin: 0 auto;
			margin-top: 86px;
			margin-bottom: 42px;
		}
		.yy{
			width: 300px;
			height: 300px;
			background: #1C486D;
			border: 3px solid #F1526F;
			position: relative;
			margin: 15px 47px;
		}
		.yy-t{
			width: 100%;
			height: 134px;
			display: flex;
			flex-wrap: wrap;
		}
		.yy-p{
			width: 210px;
			color: #ffffff;
			margin: 0 auto;
			margin-top: 48px;
		}
		.icon-yy{
			width: 213px;
			height: 15px;
			position: absolute;
			top: 125px;
			left: 50%;
			margin-left: -106.5px;
		}
		.yy-b{
			width: 100%;
		}
		.yy-b img{
			width: 100%;
			height: 164px;
			display: block;
		}
		.xzgj-c{
			width: 1159px;
			height: 104px;
			background: #F1526F;
			margin: 0 auto;
	  display: flex;
			align-items: center;
		}
		.xzgj-c p{
			width: 1122px;
			color: #ffffff;
			margin: 0 auto;
		}
		.xz-img{
			width: 1045px;
			height: 1389px;
			display: block;
			margin: 22px auto;
		}
		.xj{
			border: 2px solid #053591;
			border-radius: 5px;
			padding: 4px;
		}
		.xj-c{
			width: 100%;
			height: 301px;
			background: #009BC7;
		}
		.xj-p{
			width: 500px;
		}
		.xj-p p{
			color: #FFFFFF;
		}
		.xj-img{
			width: 594px;
			height: 211px;
			display: block;
			margin: 0px auto;
			margin-left: 26px;
		}
		.footer {
			width: 100%;
			height: 105px;
			padding: 20px 0px;
			background: #083052;
		}
		.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;
		}
	}