body {
	background-image: url(../images/iocn6.png);
	max-width: 100%;
	background-size: contain;
}

.innp{
	padding: .5rem .6rem 1.3rem;
}

.header {
	width: 100%;
	padding: 0 13%;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background:#fff;
	position:fixed;
	left:0;
	top:0;
	box-shadow: 10px 0 150px 10px #ebebeb;
	z-index: 99999;
}

.header .headerfl {
	display: flex;
	align-items: center;
}

.header .headerfl .img1 {
	width: .38rem;
}

.header .headerfr {
	display: flex;
	align-items: center;
}

.header .headerfr ul {
	display: flex;
	align-items: center;
}

.header .headerfr ul a {
	font-weight: 400;
	font-size: .24rem;
	color: #6a6a6a;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90px;
	margin-right:.3rem;
	position: relative;
	text-decoration: none;
	border-bottom: .03rem solid #fff;
}

.header .headerfr ul .xg{margin-right:.3rem;font-size:.18rem;}

.header .headerfr ul a:hover {
	color: #000104;
	border-bottom: .03rem solid #eda1c8;
}

.header .headerfr ul .active {
	color: #000104;
	border-bottom: .03rem solid #eda1c8;
}

.header .headerfr a img {
	margin-left: .3rem;
}

.footer {
background: #fff;
}

.footer .footer_top {
	padding: .39rem 0 .2rem 0;
}

.footer .footer_top img {
    margin:0px auto;
}

.footer .footer_top ul {
	/*padding-top: .5rem;*/
}

.footer .footer_top ul li {
	padding: 0 .4rem;
	list-style: none;
}

.footer .footer_top ul li span {
	display: block;
	font-weight: 400;
	font-size: .19rem;
	color: #2cccd3;
	font-family: 'Condensed5';
}

.footer .footer_top ul li p {
	padding-top: .24rem;
	font-weight: 400;
	font-size: .16rem;
	color: #E5E5E5;
	line-height: .3rem;
	font-family: 'Condensed3';
}

.footer .footer_top ul li .footerpl {
	width: 5.6rem;
	text-align: justify;
}

.footer .footer_top ul li .footer1 {
    text-align: center;
	padding-top: .14rem;
	color:#2a2a2a;
	font-size:.24rem;
}

.footer .footer_top ul li .footer1 a {
	font-weight: 400;
	font-size: .24rem;
	color: #2a2a2a;
	padding: 0 .05rem;
	margin: .1rem 0;
	font-family: 'Condensed3';
	text-decoration: none;
}

.footer .footer_top ul li .footer1 a:nth-child(6){
	border-left: 0 solid #E1E1E1;
	padding-left: 0;
}

.footer .footer_top ul li .footer1 a:hover {
	color: #eda1c8;
}

.footer .footer_top ul li .footer1 a:first-child {
	border-left: 0 solid #E1E1E1;
	padding-left: 0;
}

.footer .footer_top ul li .footer2 {
	/* padding-top: .39rem; */
}

.footer .footer_top ul li .footer2 a {
	font-weight: 400;
	font-size: .19rem;
	color: #FFFFFF;
	line-height: .19rem;
	display: block;
	text-align: center;
	padding: .2rem 0;
	font-family: 'Condensed3';
}

.footer .footer_top ul li .footer2 a:hover {
	color: #2cccd3;
}

.footer .footer_top ul li .span {
	text-align: center;
}

.footer .footer_box {
	border-top: .01rem solid #FFFFFF;
	width: 100%;
	height: 1.05rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 .6rem;
}

.footer .footer_box .footerfl {
	display: flex;
	align-items: center;
}

.footer .footer_box .footerfl img {
	width: 1.8rem;
	margin-right: 1.15rem;
}

.footer .footer_box .footerfl p {
	padding-left: 1.15rem;
	border-left: .01rem solid #FFFFFF;
	font-weight: 200;
	font-size: .18rem;
	color: #FFFFFF;
	line-height: .45rem;
	font-family: 'Condensed3';
}

.footer .footer_box .footerfr img {
	width: .37rem;
}

.headerm {
	display: none;
}

.Mask {
	display: none;
}

.tanchuang {
	display: none;
}

@media (max-width: 767px) {
	.headerm {
		display: block;
	}

	.headerm .headertop {
		width: 100%;
		padding: .6rem;
		background-color: rgba(237, 161, 200);
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.headerm .headertop .img1 {
		width: 7rem;
	}

	.headerm .headertop .img2 {
		width: .8rem;
	}

	.headerm .Mask {
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 88;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: -5;
	}

	.headerm .tanchuang {
		position: fixed;
		top: 0;
		right: 0;
		width: 50%;
		height: 100%;
		z-index: 99;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 9999;
	}

	.headerm .tanchuang div {
		background-color: rgba(0, 0, 0, 0.8);
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: .6rem;
	}

	.headerm .tanchuang div img {
		width: .8rem;
	}

	.headerm .tanchuang div .close {
		width: .8rem;
	}

	.headerm .tanchuang ul {
		padding: 0  0 0 .6rem;
	}

	.headerm .tanchuang ul a {
		display: block;
		background-color: rgba(0, 0, 0, 0);
		margin-top: .2rem;
		color: #fff !important;
		/* text-align: center; */
		line-height: 1.1rem;
		font-size: .38rem;
		padding-left: .4rem;
	}

	.headerm .tanchuang ul .active {
		background-color: #4EA6C1;
	}

	.headerpc {
		display: none;
	}

	.footer .footer_top {
		padding: .6rem;
	}

	.footer .footer_top img {
		/*width: 50%;*/
		margin-left: 0;
		margin: 0 auto;
	}

	.footer .footer_top ul {
		display: flex;
		align-items: stretch;
		justify-content:center;
		flex-wrap: wrap;
	}

	.footer .footer_top ul li {
		padding: 0;
		border-left: 0 solid #E1E1E1;
		width: 100%;
	}

	.footer .footer_top ul li span {
		display: block;
		font-weight: 400;
		font-size: .49rem;
		color: #2cccd3;
		text-align: center;
	}

	.footer .footer_top ul li p {
		padding-top: .6rem;
		font-weight: 400;
		font-size: .39rem;
		color: #E5E5E5;
		line-height: .75rem;
	}

	.footer .footer_top ul li .footerpl {
		width: 100%;
		text-align: center;
	}

	.footer .footer_top ul li .footer1 {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		font-size:.4rem;
	}

	.footer .footer_top ul li .footer1 a {
		font-weight: 400;
		font-size: .39rem;
		color: #2a2a2a;
		line-height: .39rem;
		padding: 0 .2rem;
		margin: .3rem 0;
	}

	.footer .footer_top ul li .footer1 a:hover {
		color: #2cccd3;
	}

	.footer .footer_top ul li .footer1 a:first-child {
		border-left: 0 solid #E1E1E1;
	}

	.footer .footer_top ul li .footer2 {
		padding-top:0;
	}

	.footer .footer_top ul li .footer2 a {
		font-weight: 400;
		font-size: .39rem;
		color: #FFFFFF;
		line-height: .39rem;
		display: block;
		text-align: center;
		padding: .4rem 0;
	}

	.footer .footer_top ul li .footer2 a:hover {
		color: #2cccd3;
	}

	.footer .footer_top ul li .span {
		text-align: center;
	}

	.footer .footer_top ul li:first-child {
		border-left: 0 solid #E1E1E1;
	}

	.footer .footer_top ul li:last-child {
		/* display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end; */
		width: auto;
	}

	.footer .footer_box {
		border-top: .01rem solid #FFFFFF;
		width: 100%;
		height: 2rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 .6rem;
	}

	.footer .footer_box .footerfl {
		display: flex;
		align-items: center;
	}

	.footer .footer_box .footerfl img {
		width: 3rem;
		margin-right: .5rem;
	}

	.footer .footer_box .footerfl p {
		padding-left: .5rem;
		border-left: .03rem solid #FFFFFF;
		font-weight: 200;
		font-size: .26rem;
		color: #FFFFFF;
		line-height: .45rem;
	}

	.footer .footer_box .footerfr img {
		width: .6rem;
	}
}

@media (min-width: 768px) and (max-width: 1365px){
.header .headerfr ul a{font-size:.3rem;}
.footer .footer_top ul li .footer1 a{font-size:.3rem;}
.footer .footer_top ul li .footer1{font-size:.3rem;}
.header{width:100%;padding:0 5%;}
}

@media (min-width: 1600px){
    .header .headerfr ul a{font-size:.2rem;}
    .footer .footer_top ul li .footer1 a{font-size:.16rem;}
    .footer .footer_top ul li .footer1{font-size:.16rem;}
}

@media (min-width: 1920px){
    .header .headerfr ul a{font-size:.18rem;}
    .footer .footer_top ul li .footer1 a{font-size:.16rem;}
    .footer .footer_top ul li .footer1{font-size:.16rem;}
}