@charset "utf-8";
/*html5*/ 
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS Document */
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;outline:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;outline:none }
.clear{clear:both;overflow:hidden;}
a{text-decoration:none;color:#333;}
input{border:none;  outline:medium;}
*{box-sizing: border-box;}
body{width:100%;background:#fff;color:#333;font-size:14px;}
html{overflow-x:hidden;}
table{border-collapse:collapse}
img{border:none;max-width: 100%;}
ul{list-style: none;}

.contain{
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
}
.main{
	font-size: 0;
	min-height: 100vh;
	background-color: #f6f7f8;
}
.logo{
	background-color: #ffffff;
	height: 100px;
	display: flex;
	align-items: center;
	font-size: 0;
}
.beian{
	background-color: #1b1b1b;
	font-size: 0;
}
.beian1{
	height: 70px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.beian1 a{
	font-size: 16px;
	color: #ffffff;
	margin: 0 3px;
}
.main1{
	min-height: calc(100vh - 170px);
	padding: 100px 0 60px;
}
.title{
	font-size: 30px;
	color: #333333;
	text-align: center;
	font-weight: bold;
}
.title1{
	margin-top: 9px;
	font-size: 16px;
	color: #666666;
	text-align: center;
}
.main2{
	margin: 60px auto 0;
	width: 100%;
	max-width: 590px;
}
.main3{
	margin-top: 20px;
	display: flex;
	align-items: flex-start;
}
.main4{
	width: 150px;
	font-size: 16px;
	color: #333333;
	text-align: right;
	line-height: 38px;
}
.main5{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.main5 input{
	width: 270px;
	height: 38px;
	padding: 0 12px;
	background-color: #ffffff;
	border: 1px solid #ced4da;
	border-radius: 5px;
}
.main5 a{
	display: block;
	font-size: 0;
	width: 120px;
	height: 38px;
}
.main5 img{
	width: 100%;
}
.tips{
	width: 100%;
	font-size: 16px;
	color: #e90000;
	padding: 10px 12px;
}
.submit{
	margin-top: 50px;
	text-align: center;
}
.submit input{
	width: 66px;
	height: 38px;
	background-color: #20a153;
	font-size: 16px;
	color: #fff;
	border-radius: 5px;
}
.main6{
	margin-top: 100px;
	font-size: 16px;
	color: #666666;
	text-align: center;
	line-height: 32px;
}
.seartc{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 9;
}
.seartc1{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	max-width: 886px;
	padding: 50px 24px 30px;
	background-color: #ffffff;
	border-radius: 20px;
}
.seartc2{
	font-size: 30px;
	color: #000000;
	text-align: center;
}
.seartc3{
	margin-top: 16px;
	padding: 0 50px;
	position: relative;
}
.seartc3 .swiper{
	padding: 10px 10px 50px;
}
.seartc4{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 400px;
}
.seartc3 .swiper-pagination{
	font-size: 16px;
	color: #000000;
}
.seleft{
	font-size: 0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.seright{
	font-size: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.left1{
	display: none;
}
.seleft:hover .left{
	display: none;
}
.seleft:hover .left1{
	display: block;
}
.seright:hover .left{
	display: none;
}
.seright:hover .left1{
	display: block;
}
.close{
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 0;
}