* {
	margin: 0rem;
	padding: 0rem;
	text-decoration: none;
	list-style-type: none;
}

.banner {
	width: 100%;
	height: auto;
}

.banner img {
	width: 100%;
	height: auto;
	display: block;
}
.nav{
	width: 100%;
	height: auto;
	background: #144ecc;
}
.nav-ul{
	width: 6.9rem;
	height: auto;
	font-size: 0.26rem;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}
.nav-ul a{
	color: #ffffff;
	display: block;
	margin: 0.2rem;
}
.main {
	width: 100%;
	height: auto;
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
}
.p{
	width: 100%;
	font-weight: 400;
	font-size: 0.26rem;
	color: #333333;
	line-height: 0.42rem;
	text-indent: 0.42rem;
	text-align: justify;
}
.b1{
	height: 16rem;
	background: url(../img/b1.png) no-repeat;
	background-size:100% 4.39rem;
	background-position: 0rem 0rem;
}
.b2{
	height: 27rem;
	background: url(../img/b2.jpg) no-repeat;
	background-size:100% 100%;
	background-position: 0rem 0rem;
}
.b3{
	min-height: 10rem;
	background: #ffffff;
}
.b4{
	height: 48rem;
	background: url(../img/b3.png) no-repeat;
	background-size:100% 5.68rem;
	background-position: 0rem 0rem;
}
.qy{
	width: 6.9rem;
	height: auto;
	background: #144ECC;
	border-radius: 0.36rem;
	margin: 0.64rem auto;
	padding-bottom: 0.2rem;
}
.qy-c{
	width: 6.50rem;
	margin: 0 auto;
	margin-top: 0.20rem;
	font-size: 0.26rem;
	color: #333333;
	text-indent: 32px;
	background: #ffffff;
	border-radius: 0.2rem;
}
.qy-c span{
	color: #366ee7;
}
.main-c{
	position: relative;
	width: 6.9rem;
	margin: 0 auto;
	margin-bottom: 0.52rem;
}
.main-s{
	width: 6.9rem;
	border-radius: 0.28rem;
	position: absolute;
	top: 0.3rem;
	z-index: 10;
	border: 0.03rem solid #FFFFFF;
	background: rgba(54,110,231,0.2);
	box-shadow: 0rem 0.09rem 0.1rem 0rem rgba(130,180,252,0.25);
	
}
.m-bai{
	width: 6.5rem;
	background: #FFFFFF;
	border-radius: 18px;
	margin: 0.2rem auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.t-bj{
	height: 0.81rem;
	position: absolute;
	top: 0rem;
	left: 50%;
}
.title{
	height: 0.68rem;
	line-height: 0.68rem;
	text-align: center;
	font-size: 0.38rem;
	text-align: center;
	background: url(../img/t-bjs.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -1px;
	left: 50%;
	z-index: 11;
	color: #ffffff;
}
.t-bj1{
	width: 4.53rem;
	margin-left: -2.265rem;
}
.t-bj2{
	width: 3.5rem;
	margin-left: -1.75rem;
}
.title1{
	width: 4.13rem;
	margin-left: -2.065rem;
}
.title2{
	width: 3.12rem;
	margin-left: -1.56rem;
}
/* .main-c1{
	height: 634px;
} */
.main-c2{
	height: auto;
	margin-top: 0.36rem;
}
.main-c3{
	height: auto;
	margin-top: 0.36rem;
}
.main-c4{
	height: 8rem;
	margin-top: 0.36rem;
}
.main-c5{
	height: auto;
	margin-top: 0.36rem;
}
.main-s1{
	height: auto;
}
.main-s2{
	height: auto;
}
.main-s3{
	height: auto;
}
.main-s4{
	height: auto;
}
.main-s5{
	height: auto;
}

.m-bai1{
	height: auto;
}
.m-bai2{
	height: auto;
}
.m-bai3{
	height: auto;
}
.m-bai4{
	height: auto;
}
.m-bai5{
	height: auto;
}
.m-c1{
	width: 6.2rem;
	height: auto;
	background: #F2F7FF;
	border-radius: 0.17rem;
	overflow: hidden;
	margin: 0.135rem auto;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
.m-c1 img{
	width: 100%;
	display: block;
}
.m-r1{
	width: 100%;
	height: auto;
	margin: 0 0.3rem;
}
.m-r1 span{
	color: #366ee7;
}
.m-n1{
	width: 100%;
	margin: 0 0.3rem;
}
.ty-title{
	width: 100%;
	font-size: 0.34rem;
	text-align: center;
	margin-bottom: 0.1rem;
}
.ckgd{
	width: 2.94rem;
	height: 0.6rem;
	background: linear-gradient(0deg, #FA8D00 33%, #FFB452 100%);
	border-radius: 0.30rem;
	font-size: 0.36rem;
	color: #ffffff;
	text-align: center;
	line-height: 0.6rem;
	display: block;
	margin: 0.1rem auto;
}
.ckgd-c{
	margin: 0.2rem auto;
}
.zytx{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.zytx-s{
	width: 6.2rem;
	margin: 0 auto;
}
.zytx-t{
	width: 100%;
	height: auto;
	border-radius: 0.17rem;
	overflow: hidden;
}
.zytx-t img{
	width: 100%;
	height: auto;
	display: block;
}
.zytx-ts{
	width: 100%;
	height: 0.91rem;
	font-size: 0.3rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #366ee7;
	color: #ffffff;
}
.zytx-p{
	width: 100%;
	margin: 0 auto;
	margin-top: 0.32rem;
}
.mySwiper{
	width: 5rem;
}
.swiper-wrapper{
	width: 5rem;
	display: flex;
	align-items: center;
}
.swiper-slide{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.zhitao-img{
	width: 100%;
	height: auto;
	display: block;
}
.zhitao{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
.zhitao-title{
	width: 100%;
	font-size: 0.34rem;
	color: #333333;
}
.zhitao p{
	margin: 0.2rem auto;
}
.next,.prev{
	width: 0.48rem;
	height: 0.48rem;
	border-radius: 50%;
}
.next{
	margin-left: 0.24rem;
}
.prev{
	margin-right: 0.24rem;
}
.next img,.prev img{
	width: 0.48rem;
	height: 0.48rem;
	display: block;
}
.prev img{
	transform: rotate(180deg);
}
.cuoshi{
	width: 6.2rem;
	height: auto;
	margin: 0rem auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.cuoshi-img{
	width: 100%;
	height: auto;
}
.cuoshi-r{
	width: 100%;
	height: auto;
}
.cuoshi-title{
	width: 100%;
	height: auto;
	font-size: 0.24rem;
	color: #333333;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0.22rem;
}
.cs-timg{
	width: 1.17rem;
	height: 0.16rem;
	display: block;
	margin: 0 0.21rem;
}
.cs-tr{
	transform: rotate(180deg);
}
.cuoshi-n{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
	margin-top: 0.24rem;
}
.cuoshi-n div{
	width: auto;
	height: 0.31rem;
	line-height: 0.31rem;
	font-size: 0.2rem;
	color: #ffffff;
	background: url(../img/zs.png) no-repeat;
	background-size: 100% 100%;
	padding: 0 0.39rem;
	margin: 0.1rem  0rem;
}
.cuoshi-r .ckgd-c{
	margin-top: 20px;
}
.trends{
	width: 6.2rem;
	margin: 0 auto;
}
.trends-c{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0.3rem 0rem;
	border-bottom: 0.01rem dashed #b9b9b9;
}
.trends-c:last-child{
	border-bottom: none;
}
.trends-img{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.trends-img img{
	width: 100%;
	height: auto;
	display: block;
}
.diqu{
	width: 2.12rem;
	height: 0.6rem;
	background: rgba(114,153,238,0.5);
	transform: rotate(-45deg);
	position: absolute;
	top: 0.28rem;
	left: -0.4rem;
	color: #ffffff;
	text-align: center;
	line-height: 0.6rem;
	font-size: 0.32rem;
}
.trends-n{
	width: 100%;
}
.trends-n p{
	margin: 0.2rem auto;
}
.trends-title{
	width: 100%;
	font-size: 0.30rem;
	color: #333333;
}
.footer {
	width: 100%;
	height: auto;
	padding: 0.2rem 0rem;
	background: #1651ce;
}

.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) {
.nav{
	width: 100%;
	height: 60px;
	background: #144ecc;
}
.nav-ul{
	width: 1200px;
	height: 60px;
	font-size: 26px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nav-ul a{
	color: #ffffff;
	display: block;
	margin: 0px !important;
}
.p{
	width: 100%;
	font-weight: 400;
	font-size: 16px;
	color: #333333;
	line-height: 32px;
	text-indent: 32px;
	text-align: justify;
}
.main {
	width: 100%;
    height: auto;
}
.b1{
	background: url(../img/b1.png) no-repeat;
	background-size:100% 439px;
	background-position: 0px 0px;
}
.b2{
	height: 916px;
	background: url(../img/b2.jpg) no-repeat;
	background-size:100% 100%;
	background-position: 0px 0px;
}
.b3{
	min-height: 578px;
	height: 578px !important;
	background: #ffffff;
}
.b4{
	height: 2330px;
	background: url(../img/b3.png) no-repeat;
	background-size:100% 568px;
	background-position: 0px 0px;
}
.qy{
	width: 1197px;
	height: 181px;
	background: #144ECC;
	border-radius: 36px;
	background-image: url(../img/m-b.png);
	background-repeat: no-repeat;
	background-size: 1160px 153px;
	background-position: 19px 10px;
	margin: 64px auto;
	padding-bottom: 0px;
}
.qy-c{
	width: 1123px;
	margin: 0 auto;
	margin-top: 71px;
	font-size: 16px;
	color: #333333;
	text-indent: 32px;
}
.qy-c span{
	color: #366ee7;
}
.main-c{
	position: relative;
	width: 1205px;
	margin: 0 auto;
	margin-bottom: 52px;
}
.main-s{
	width: 1199px;
	border-radius: 28px;
	position: absolute;
	top: 30px;
	z-index: 10;
	border: 3px solid #FFFFFF;
	background: rgba(54,110,231,0.2);
	box-shadow: 0px 9px 10px 0px rgba(130,180,252,0.25);
	
}
.m-bai{
	width: 1160px;
	background: #FFFFFF;
	border-radius: 18px;
	margin: 21px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.t-bj{
	height: 81px;
	position: absolute;
	top: 0px;
	left: 50%;
}
.title{
	height: 68px;
	line-height: 68px;
	text-align: center;
	font-size: 38px;
	text-align: center;
	background: url(../img/t-bjs.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -1px;
	left: 50%;
	z-index: 11;
	color: #ffffff;
}
.t-bj1{
	width: 453px;
	margin-left: -226.5px;
}
.t-bj2{
	width: 350px;
	margin-left: -175px;
}
.title1{
	width: 413px;
	margin-left: -206.5px;
}
.title2{
	width: 312px;
	margin-left: -156px;
}
.main-c1{
	height: 634px;
}
.main-c2{
	height: 826px;
	margin-top: 36px;
}
.main-c3{
	height: 486px;
	margin-top: 36px;
}
.main-c4{
	height: 488px;
	margin-top: 36px;
}
.main-c5{
	height: 1678px;
	margin-top: 36px;
}
.main-s1{
	height: 599px;
}
.main-s2{
	height: 796px;
}
.main-s3{
	height: 456px;
}
.main-s4{
	height: 456px;
}
.main-s5{
	height: 1649px;
}

.m-bai1{
	height: 558px;
}
.m-bai2{
	height: 751px;
}
.m-bai3{
	height: 406px;
}
.m-bai4{
	height: 406px;
}
.m-bai5{
	height: 1597px;
}
.m-c1{
	width: 1085px;
	height: 216px;
	background: #F2F7FF;
	border-radius: 17px;
	overflow: hidden;
	margin: 13.5px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.m-c1 img{
	width: 480px;
}
.m-r1{
	width: 542px;
	height: auto;
	margin: 0 30px;
}
.m-r1 span{
	color: #366ee7;
}
.m-n1{
	width: 532px;
	margin: 0 30px;
}
.ty-title{
	width: 100%;
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;
}
.ckgd{
	width: 147px;
	height: 30px;
	background: linear-gradient(0deg, #FA8D00 33%, #FFB452 100%);
	border-radius: 15px;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	line-height: 30px;
	display: block;
	margin: 0 0;
}
.ckgd-c{
	margin: 0 auto;
	margin-top: 36px;
}
.zytx{
	width: 1094px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.zytx-s{
	width: 336px;
}
.zytx-t{
	width: 336px;
	height: 310px;
	border-radius: 17px;
	overflow: hidden;
}
.zytx-t img{
	width: 100%;
	height: 220px;
	display: block;
}
.zytx-ts{
	width: 100%;
	height: 91px;
	font-size: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #366ee7;
	color: #ffffff;
}
.zytx-p{
	width: 294px;
	margin: 0 auto;
	margin-top: 32px;
}
.mySwiper{
	width: 978px;
}
.swiper-wrapper{
	width: 978px;
	display: flex;
	align-items: center;
}
.swiper-slide{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.zhitao-img{
	width: 396px;
	height: 280px;
	display: block;
}
.zhitao{
	width: 562px;
	height: 280px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
.zhitao-title{
	width: 100%;
	font-size: 24px;
	color: #333333;
}
.zhitao p{
	margin: 20px auto;
}
.next,.prev{
	width: 48px;
	height: 48px;
	border-radius: 50%;
}
.next{
	margin-left: 24px;
}
.prev{
	margin-right: 24px;
}
.next img,.prev img{
	width: 48px;
	height: 48px;
	display: block;
}
.prev img{
	transform: rotate(180deg);
}
.cuoshi{
	width: 1100px;
	height: 280px;
	margin: a auto;
	display: flex;
	justify-content: space-between;
}
.cuoshi-img{
	width: 446px;
	height: 280px;
}
.cuoshi-r{
	width: 638px;
	height: 280px;
}
.cuoshi-title{
	width: 100%;
	height: auto;
	font-size: 24px;
	color: #333333;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 22px;
}
.cs-timg{
	width: 117px;
	height: 16px;
	display: block;
	margin: 0 21px;
}
.cs-tr{
	transform: rotate(180deg);
}
.cuoshi-n{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
	margin-top: 24px;
}
.cuoshi-n div{
	width: auto;
	height: 31px;
	line-height: 31px;
	font-size: 20px;
	color: #ffffff;
	background: url(../img/zs.png) no-repeat;
	background-size: 100% 100%;
	padding: 0 39px;
	margin: 10px 0px;
}
.cuoshi-r .ckgd-c{
	margin-top: 20px;
}
.trends{
	width: 1080px;
	margin: 0 auto;
}
.trends-c{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 30px 0px;
	border-bottom: 1px dashed #b9b9b9;
}
.trends-c:last-child{
	border-bottom: none;
}
.trends-img{
	width: 387px;
	height: 244px;
	position: relative;
	overflow: hidden;
}
.trends-img img{
	width: 387px;
	height: 244px;
	display: block;
}
.diqu{
	width: 130px;
	height: 30px;
	background: rgba(114,153,238,0.5);
	transform: rotate(-45deg);
	position: absolute;
	top: 14px;
	left: -30px;
	color: #ffffff;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
}
.trends-n{
	width: 664px;
}
.trends-n p{
	margin: 20px auto;
}
.trends-title{
	width: 100%;
	font-size: 24px;
	color: #333333;
}
.footer {
	width: 100%;
	height: 105px;
	padding: 20px 0px;
	background: #1651ce;
}

.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;
}
}