html,body,header,footer,nav,ul,ol,li,dl,dd,table,tr,th,td,tbody,thead,tbody,div,p,span,img,h1,h2,h3,h4,h5,a{margin:0;padding:0; color: #2e2e2e}
a{text-decoration: none; color:inherit;}
ul,li{list-style: none;}
.clear{
	clear: both;
}
.lf{
	float: left;
}
.rt{
	float: right;
}
.flex-row{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.flex-col{
	display: flex;
	flex-direction: column;
	align-items: center
}
.container{
	width: 1200px;
	margin: 0 auto;
}
.top{
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #e1e1e1;
}
.header-main{
	padding: 10px 0;
	overflow: hidden;
}
.logo{
	width: 400px;
	height: 54px;
}
.search{
	height: 54px;
	font-size: 0;
}
.input-search{
	font-size: 14px;
	outline: none;
	width: 300px;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	margin: 8px 0;
	border: 1px solid #eaeaea;
	box-sizing: border-box;

}
.button-search{
	color: #fff;
	font-size: 14px;
	outline: none;
	height: 38px;
	line-height: 38px;
	text-align: center;
	padding: 0 10px;
	margin: 8px 0;
	border: none;
	background: #6098C6;
	box-sizing: border-box;
}
.bg-bar{
	height: 18px;
	background: #6098C6;
}
.menu{
	padding: 10px 0;
	overflow: hidden;
}
.nav{
	display: grid;
	grid-template-columns: repeat(10, 10%);
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
}
.nav li{
	text-align: center;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
}

.yewu-item{
	width: 380px;
	height: 460px;
}
.yewu-item-item h2{
	color: #fff;
	font-size: 24px;
	padding: 30px 20px 10px 50px;
}
.yewu-item-item p{
	color: #fff;
	font-size: 16px;
	padding: 0 20px 10px 50px;
}
.yewu-item-item li{
	height: 140px;
	margin-bottom: 16px;
	border: 1px solid #eaeaea;
	border-radius: 8px;
}
.row-two{
	background:linear-gradient(-49deg, #6fe6aa 0%, #60c8c6 100%);
	border-radius: 8px;
}
.row-three{
	background:linear-gradient(-41deg, #a35ef6 0%, #7b72f6 100%);
	border-radius: 8px;
}
.col-one{
	background:linear-gradient(132deg, #ff5180 0%, #ff8bff 100%);
}
.col-two{
	background: linear-gradient(132deg, #ea6447 0%, #f99e71 100%);
}
.col-three{
	background: linear-gradient(132deg, #faa151 0%, #fdc788 100%);
}
.service-icon{
	text-align: center;
}
.row-two h2,.row-three h2{
	color: #fff;
	text-align: center;
	font-size: 24px;
	margin-bottom: 10px;
}
.row-two ul,.row-three ul{
	display: grid;
	padding: 0 20px;
	grid-gap: 8%;
	grid-template-columns: repeat(2, 46%);
	box-sizing: border-box;
}
.row-two ul li,.row-three ul li{
	color: #fff;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #eaeaea;
	cursor: pointer;
}
.row-two ul li:hover,.row-three ul li:hover{
	background: #7db75f;
}
.mainblock{
	margin: 10px 0;
	overflow: hidden;
}
.mainblock h2{
	margin: 20px 0;
}
.block-item{
	display: grid;
	grid-gap: 12px;
	grid-template-columns: repeat(6,190px);
}
.block-item h3{
	margin-top: 20px;
}
.block-item p{
	margin: 10px 0;
}
.block-item li{
	padding: 30px 10px;
	border: 1px solid #e3e3e3;
	border-radius: 8px;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
}
.block-item-icon{
	margin: 10px auto;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #e3e3e3;
}
.block-item-icon img{
	width: 30px;
	height: 30px;
	padding: 15px;
}
.question{
	padding: 20px 0;
	overflow: hidden;
}
.question h2{
	text-align: center;
	font-size: 24px;
}
.question-item{
	padding: 20px 0;
	display: grid;
	grid-gap: 6%;
	grid-template-columns: repeat(2, 47%);
}
.question-item li{
	height: 60px;
	padding: 20px;
	padding-left: 50px;
	position: relative;
}
.question-item li:before{
	content: "?";
	color: #fff;
	text-align: center;
	line-height: 30px;
	width: 30px;
	height: 30px;
	position: absolute;
	background: #60c8c6;
	border-radius: 5px;
	top: 35px;
	left: 0;
}
.question-item li h3{
    color: #60c8c6;
	font-size: 18px;
	font-weight: 600;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.footer{
	padding: 30px 0;
	background: #000;
}
.article{
    width: 840px;
    padding: 50px 20px;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    background: #fff;
    border-radius: 5px;
    float: left;
}
h1.title{
    font-size: 24px;
    margin-bottom: 30px;
}
.pubinfo{
    margin: 10px 0;
    font-size: 14px;
}
.pubinfo span{
    color: #ccc;
    display: inline-block;
    margin-right: 15px;
}
.article h2,.article h3,.article h4,.article h5{
    padding: 20px 0;
    font-size: 18px;
}
.article h2{
    font-size: 22px;
}
.article h3{
    font-size: 20px;
}
.arcbody{
    font-size: 16px;
    line-height: 1.75em;
}
.arcbody img{
    max-width: 100%!important;
    height: auto!important;
}
.arcbody p{
    margin-bottom: 18px;
}
.aside{
    width: 320px;
    padding: 10px;
    box-sizing: border-box;
    float: right;
    border: 1px solid #eaeaea;
    background: #fff;
    border-radius: 5px;
}
table{
    width: 100%;
    border-top: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}
table th{
    background: #eee;
}
table th,table td{
    padding: 3px 8px;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
}