.header{ 

	top: 0; 

	left: 0; 

	width: 100%; 

	padding: 8px 0; 

	z-index: 9999; 

	max-width: 100%;

	overflow: hidden;

	transition: all 0.3s;

}

.header.ac{

	background: #fff;

	box-shadow: 0 0 10px #ddd;

}

.header .am-container{

	display: flex;

	flex-direction: row;

	align-items: center;

	justify-content: space-between;

}

.header .logo{

	display: block;

	margin-right: auto;

}

.header .nav{

	display: flex;

	justify-content: space-between;

	align-items: center;

	position: relative;

	margin-left: auto;

}

.header .nav .item{

	display: inline-flex;

	white-space: nowrap;

	flex: 1;

}

.header .nav .item a{

	padding: 0 30px;

	color: #000;

	font-weight: 600;

	line-height: 60px;

	position: relative;

	display: block;

	transition: all 0.3s;

	font-size: 16px;

}

.header .nav .item a:after{

	content: '';

	display: block;

	width: 120%;

	height: 3px;

	background: #e20ad9;

	border-radius: 15%;

	bottom: 0;

	left: 0;

	margin-left: -10%;

	opacity: 0;

	transition: all 0.3s;

}

.header .nav .item.active a{

	color: #e20ad9;

}

.header .nav .item.active a:after{

	opacity: 1;

}

.header .menu{

	margin-left: 10px;

}

.header .menu img{

	width: 40px;

}

.banner{

	max-width: 100%;

	overflow: hidden;

	/*padding-top: 85px;*/

}

.index_title{

	text-align: center;

	padding: 50px 0;

}

.index_title h2{

	font-size: 36px;

	line-height: 1em;

}

.index_title i{

	display: block;

	width: 60px;

	height: 5px;

	background: #e20ad9;

	margin: 20px auto;

	border-radius: 10%;

}

.index_title p{

	color: #888;

	font-size: 18px;

	line-height: 1em;

}

.index_box{

	overflow: hidden;

	padding-bottom: 5%;

}

.index_box1{

	padding-bottom: 2%;

}

.index_box1 .itembox{

	text-align: center;

	background: url(../img/icon04.png) no-repeat center;

	background-size: 100%;

	padding: 18% 0;

}

.index_box1 .itembox span{

	display: inline-block;

	padding: 15px;

	border-radius: 50%;

	border: 2px solid #e20ad9;

}

.index_box1 .itembox h2{

	font-size: 18px;

	font-weight: 600;

	line-height: 1em;

	margin: 15px 0 20px;

}

.index_box1 .itembox p{

	font-weight: 900;

	font-size: 46px;

	color: #e20ad9;

	line-height: 1em;

}

.index_box1 .itembox p i{

	font-size: 60%;

	font-weight: 900;

	vertical-align: middle;

}

.index_box2 .item{

	text-align: center;

	margin-bottom: 20px;

	cursor: pointer;

	overflow: hidden;

}

.index_box2 .item img{

	border-radius: 20px;

	display: block;

	transition: all 0.3s;

}

.index_box2 .item p{

	display: inline-block;

	padding: 0 15%;

	line-height: 40px;

	max-width: 100%;

	background: #e20ad9;

	color: #fff;

	border-radius: 30px;

	margin-top: 15px;

	transition: all 0.3s;

}

.index_box2 .item:hover img{

	/* transform: scale(1.05,1.05); */

}

.index_box2 .item:hover p{

	background: #510ae2;

}

.index_box3{

	background: url(../img/bg.jpg) no-repeat center top;

	background-size: 1920px;

}

.index_box3 .item{

	display: flex;

	flex-wrap: wrap;

	align-items: stretch;

	background: #fff;

}

.index_box3 .item .imgs,

.index_box3 .item .texs{

	display: inline-flex;

	align-items: center;

	justify-content: center;

}

.index_box3 .item .imgs{

	padding: 0;

}

.index_box3 .item .texs{

	padding: 5%;

}

.index_box3 .item .texs h2{

	font-size: 18px;

	line-height: 1em;

	padding-bottom: 25px;

	margin-bottom: 20px;

	border-bottom: 1px solid #eee;

}

.index_box3 .item .texs p{

	line-height: 1.8em;

	color: #666;

	font-size: 14px;

}

.index_box3 .swiper-button-box{

	bottom: 10%;

	left: 0;

	text-align: center;

	z-index: 9;

}

.index_box3 .swiper-button{

	background: none;

	font-family: '宋体';

	font-weight: 900;

	font-size: 40px;

	color: #333;

	position: static;

	transform: translate(0,0);

	margin: 0;

	padding: 0;

	line-height: 44px;

	display: inline-block;

	margin: 0 10%;

	cursor: pointer;

}

.index_box4{

	display: flex;

	justify-content: space-between;

	align-items: stretch;

	flex-wrap: wrap;

}

.index_box4 .item{

	margin-bottom: 3rem;

}

.index_box4 .item .itembox{

	height: 100%;

	position: relative;

	border-radius: 10px;

	overflow: hidden;

	text-align: center;

	background: #e20ad9;

	cursor: pointer;

	transition: all 0.3s;

}

.index_box4 .item .itembox span{

	display: block;

	overflow: hidden;

}

.index_box4 .item .itembox span img{

	transition: all 0.3s;

}

.index_box4 .item .itembox .texs{

	padding: 20px;

}

.index_box4 .item .itembox .texs h2{

	color: #fff;

	font-size: 18px;

	line-height: 1em;

}

.index_box4 .item .itembox .texs p{

	color: #fff;

	font-size: 12px;

	line-height: 1.8em;

	margin-top: 15px;

}

.index_box4 .item .itembox:hover{

	background: #510ae2;

}

.index_box4 .item .itembox:hover img{

	transform: scale(1.05,1.05);

}

.index_box6{

	border-bottom: 1px solid #eee;

	border-right: 1px solid #eee;

	padding: 0;

	display: flex;

	align-items: stretch;

	flex-wrap: wrap;

}

.index_box6 .item{

	width: 20%;

	border-top: 1px solid #eee;

	border-left: 1px solid #eee;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	overflow: hidden;

}

.index_box6 .item img{

	width: auto;

	max-width: 100%;

	transition: all 0.3s;

}

.index_box6 .item:hover img{

	transform: scale(1.05,1.05);

}

.index_box7{

	border: none;

	margin-top: 80px;

	margin-bottom: 5%;

	justify-content: space-between;

}

.index_box7 .item{

	width: calc((100% - 60px) / 5);

	border: none;

}

.index_box7 .item span{

	display: block;

	width: 100%;

	height: 100%;

	position: relative;

	background: #f4f4f4;

	padding: 15px 5px;

	display: flex;

	align-items: center;

}

.index_box7 .item span img{

	width: 100%;

}

.index_box8{

	background-color: #f8f8f8;

	padding-bottom: 3%;

}

.index_box8 input{

	line-height: 30px;

	padding: 10px 20px;

	height: 50px;

	background: #fff;

	border-radius: 30px;

}

.index_box8 label{

	font-weight: 500;

	display: flex;

	align-items: center;

}

.index_box8 label input{

	margin: 0 10px 0 0;

	padding: 0;

}

.index_box8 button{

	display: block;

	border: none;

	background: #e20ad9;

	max-width: 100%;

	width: 480px;

	margin: 20px auto 0;

	line-height: 50px;

	color: #fff;

	border-radius: 30px;

	font-size: 16px;

}

.footer{

	background-color: #333;

	padding: 3% 0;

}

.footer .fnav{

	display: flex;

	align-items: center;

	justify-content: space-between;

}

.footer .fnav .item a{

	color: #fff;

	padding: 0 25px;

	font-size: 16px;

	display: block;

	line-height: 40px;

}

.footer .fnav .item:nth-child(1) a{

	padding-left: 0;

}



.footer .code{

	text-align: center;

}

.footer .code span{

	display: block;

	width: 100px;

	height: 100px;

	background: #fff;

	margin: 0 auto;

}

.footer .code span img{

	width: 100px;

	height: 100px;

}

.footer .code p{

	color: #999;

	line-height: 2em;

}

.footer .link{

	border-top: 1px solid #999;

	border-bottom: 1px solid #999;

	padding: 10px 0;

	margin: 3% 0;

}

.footer .link span,

.footer .link a{

	line-height: 40px;

	display: inline-block;

}

.footer .link span{

	color: #fff;

}

.footer .link a{

	color: #999;

	padding: 0 20px;

	transition: all 0.3s;

}

.footer .link a:hover{

	color: #fff;

}

.footer .copy{

	text-align: center;

}

.footer .copy h2,

.footer .copy p{

	color: #999;

}

.footer .copy h3{

	color: #e20ad9;

	font-size: 46px;

}



@media (max-width: 1200px) {

	

}

@media (max-width: 1100px) {

	.header .logo img{

		width: 160px;

	}

	.header .nav .item a{

		padding: 0 20px;

	}

	.header .button{

		padding: 0 20px;

	}

}



@media (max-width: 1024px) {

	.header .nav .item a{

		padding: 0 15px;

		font-size: 14px;

	}

	.footer .fnav .item a{

		font-size: 14px;

		padding: 0 15px;

	}

	.index_box1 .itembox span img{

		width: 60px;

	}

	.index_box1 .itembox h2{

		font-size: 16px;

	}

	.index_box1 .itembox p{

		font-size: 36px;

	}

	.index_box3 .swiper-button-box{

		bottom: 5%;

	}

}



@media (max-width: 768px) {

	.header .nav .item a{

		padding: 0 5px;

		font-size: 12px;

	}

	.footer .fnav .item a{

		font-size: 12px;

	}

	.index_title{

		padding: 8% 0;

	}

	.index_title h2{

		font-size: 20px;

	}

	.index_title p{

		font-size: 12px;

	}

	.index_title i{

		width: 40px;

		height: 3px;

		margin: 10px auto;

	}

	.banner img{

		width: 140%;

		margin-left: -20%;

	}

	.index_box1 .item{

		padding: 0 5px;

	}

	.index_box1 .itembox{

		padding: 20% 0;

	}

	.index_box1 .itembox span{

		padding: 0;

	}

	.index_box1 .itembox span img{

		width: 30px;

	}

	.index_box1 .itembox h2{

		font-size: 12px;

		margin: 10px 0 5px;

	}

	.index_box1 .itembox p{

		font-size: 14px;

	}

	.index_box3 .swiper-button-box{

		top: 12px;

		bottom: auto;

		text-align: right;

		padding-right: 20px;

	}

	.index_box3 .swiper-button{

		margin: 0 5px;

		font-size: 32px;

	}

	.index_box4 .item{

		padding: 0.5rem;

		margin-bottom: 0.5rem;

	}

	.index_box4 .item .itembox .texs{

		padding: 10px;

	}

	.index_box4 .item .itembox .texs h2{

		font-size: 16px;

	}

	.index_box4 .item .itembox .texs p{

		font-size: 12px;

		margin-top: 10px;

	}

	.index_box6{

		justify-content: flex-start;

	}

	.index_box6 .item{

		width: 33.33%;

	}

	.index_box8 input{

		margin-bottom: 10px;

	}

	.index_box8 button{

		margin: 10px 0;

		font-size: 14px;

	}

	.index_box8 label{

		margin-top: -10px;

	}

	.footer .fnav{

		display: none;

	}

	.footer .code{

		width: 100%;

	}

	.footer .code span,

	.footer .code span img{

		width: 150px;

		height: 150px;

	}

}







@charset "UTF-8";

#menu{ display: none }

body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,textarea,input,button,p,a{margin:0;padding:0;color: #333;}

* {

	box-sizing: border-box;

	margin:0;padding:0;

	

}

*:before,*:after {

	box-sizing: border-box;

}



body{ background: #fff; position: relative; width: 100%; font-size: 14px;font-family: 'Arial','微软雅黑'; font-weight: 500; color: #333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

h1,h2,h3,h4,h5,h6,p{font-weight: 500;font-size: 100%; margin: 0px; padding: 0px;}

img,input{border:0;vertical-align:top;}

input,textarea,select{

	font-family: 'Arial','微软雅黑';

	outline: none;

	padding-left: 10px;

	display: inline-block;

	font-size: 14px;

}

select:focus {

	outline: none;

}

/*去掉谷歌input[type="number"]箭头是*/

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {

	-webkit-appearance: none !important;

}

::-ms-clear, ::-ms-reveal{display: none;}

/*去掉火狐input[type="number"]箭头是*/

input[type="number"]{-moz-appearance:textfield;}



::-webkit-input-placeholder{

	color: #666;

	font-size: 14px;

}

input:-webkit-autofill {

	-webkit-box-shadow: 0 0 0px 1000px white inset;

}

::-moz-placeholder{

	color: #666;

	opacity: 1;

	font-size: 14px;

}

:-ms-input-placeholder{

	color: #666;

	font-size: 14px;

}

input[type='checkbox']{

    width: 20px;

    height: 20px;

    background-color: #666;

    -webkit-appearance:none;

    border: 1px solid #c9c9c9;

    border-radius: 2px;

    outline: none;

}

input[type=checkbox]:checked{

   background: url("/assets/img/dui.png") #009b76 no-repeat center;

   background-size: 100%

}

input:disabled{ background: none }



i, em, b{font-style: normal;font-weight: 500;margin: 0px;padding: 0px;}

img{display: inline-block;}

ul,ol,li{list-style:none;}

table{border-collapse:collapse;border-spacing:0;}

a{text-decoration:none;}

a {outline: none;}

iframe{ background: #fff; border:none; z-index: 999  }

input[type="file"]{opacity:0 !important;filter:alpha(opacity=0) !important;position:absolute;top:0;right:0;}

.img{ width: 100%; }

.posX_center {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

}

.posY_center {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

}

.posXY_center {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50% , -50%);

	-webkit-transform: translate(-50% , -50%);

	-moz-transform: translate(-50% , -50%);

	-o-transform: translate(-50% , -50%);

	-ms-transform: translate(-50% , -50%);

}

.clearfix::before,.clearfix::after{

	content: "";

	display: block;

	height: 0;

	line-height: 0;

	clear: both;

	overflow: hidden;

}

.clearfix {

	zoom: 1;

}

.pos_re{

	position: relative;

}

.pos_ab{

	position: absolute;

}

.pos_fx{

	position: fixed;

}

.box_center{

	padding: 30px;

}

 /* for Chrome */



::-webkit-scrollbar {

	display: none;

 	width: 10px;

	background: transparent;

 }

 

 ::-webkit-scrollbar-track {

 	background-size: 0px 100%;

 }

 

 ::-webkit-scrollbar-thumb {

 	background: #000;

 }

@media (max-width: 1200px) {

	.imgs{

		max-width: 100%;

	}

}

@media (max-width: 768px) {

	::-webkit-scrollbar-track {

		

	}

}