@charset "utf-8";

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

html,
body {
	font-family: "Google Sans", "Noto Sans JP", "微软雅黑", sans-serif;
	width: 100%;
	margin: 0 auto;
	outline: none;
	color: #555;
	font-size: 15px;
	padding: 0 !important;
}

* {
	margin: 0;
	padding: 0;
	outline: none;
}

a {
	text-decoration: none;
	background: transparent;
	outline: none;
	color: #555;
	transition: all 0.1s ease;
}

a:focus,
a:active,
a:hover,
a:after {
	text-decoration: none;
	outline: 0;
	transition: all 0.1s ease;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
/*	vertical-align: middle;*/
	max-width: 100%;
	transition: all 0.5s ease;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

button,
input {
	line-height: normal;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input.submit {
	border: 0;
	margin: 0;
	cursor: pointer;
}

input.radio {
	display: inline;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

ul,
ol {
	list-style: none;
}

li {
	list-style: none;
}

div {
	box-sizing: border-box;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

p {
	line-height: 200%;
	font-size: 15px;
	transition: all 0.3s ease;
}

h1,
h2,
h3,
h4,
h5 {
	color: #222;
	font-weight: 600;
	line-height: 160%;
	transition: all 0.3s ease;
}

em,
i,
b {
	display: inline-block;
	font-style: normal;
	transition: all 0.3s ease;
}

svg {
	overflow: hidden;
	vertical-align: middle;
}

.clearfix::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	zoom: 1;
}

.hidden {
	display: none;
}

span,
span::after,
i {
	transition: all 0.3s ease;
}

/* ::-webkit-scrollbar {width: 8px;height: 8px; background: #e6e6e6;}
::-webkit-scrollbar-track{background:#e6e6e6; }
::-webkit-scrollbar-thumb{background: #1e9c33;} */
/* 整个滚动条 */
::-webkit-scrollbar {
	width: 8px;
	/* 竖向滚动条宽度 */
	height: 8px;
	/* 横向滚动条高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
	background: #f4f7f5;
	border-radius: 4px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
	background: #1e9c33;
	border-radius: 4px;
}

/* 鼠标悬停时滑块 */
::-webkit-scrollbar-thumb:hover {
	background: #1e9c33;
}

/* 滚动条角落（横竖滚动条交汇处） */
::-webkit-scrollbar-corner {
	background: transparent;
}

.iconfont,
.com-iconfont {
	display: inline-block;
	font-size: 18px;
}

.iboxbg {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.imgs {
	width: 100%;
	overflow: hidden;
}

.imgs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.5s ease-in-out;
}

.imgs:hover img,
li:hover .imgs img,
.item-left:hover .imgs img,
.item-sec:hover .imgs img {
	transform: scale(1.08);
}

/* ul li .item { transition: all 0.3s ease; }
ul li:hover .item { transform: translateY(-5px); } */
.flex-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-box-mid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.flex-normal {
	display: flex;
	flex-wrap: wrap;
}

.flex-normal-mid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.flex-betw {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-betw-mid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.flex-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.flex-center-mid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.midbox {
	display: table;
}

.miditem {
	display: table-cell;
	vertical-align: middle;
}

.ellipsis1 {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.ellipsis2 {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.ellipsis3 {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.ellipsis4 {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.ellipsis5 {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

.ellipsis6 {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

.p20 {
	padding: 2vh 0;
}

.p40 {
	padding: 4vh 0;
}

.p50 {
	padding: 5vh 0;
}

.p60 {
	padding: 6vh 0;
}

.p80 {
	padding: 8vh 0;
}

.p100 {
	padding: 10vh 0;
}

.p120 {
	padding: 12vh 0;
}

.tcenter {
	text-align: center;
}

.tleft {
	text-align: left;
}

.tright {
	text-align: right;
}

.tc-white {
	color: #fff;
}

.tc-dark {
	color: #222;
}

.tc-default {
	color: #555;
}

.tc-light {
	color: #999;
}

.tc-green {
	color: #1e9c33;
}

.tc-blue {
	color: #5496a1;
}

.tbold {
	font-weight: bold;
}

.tnormal {
	font-weight: normal;
}

.tupp {
	text-transform: uppercase;
}

.bg-dark {
	background: #2b2b2b;
}

.bg-light {
	background: #f4f7f5;
}

.bg-white {
	background: #fff;
}

.ww-large {
	width: calc(100% - 80px);
	margin: 0 auto;
}

.ww-middle {
	width:1400px;
	margin: 0 auto;
}

.ww-small {
	width: 1200px;
	margin: 0 auto;
}

.ptr {
	position: relative;
	z-index: 1;
}

.pta {
	position: absolute;
	z-index: 9;
}

.wow {
	position: relative;
	z-index: 9;
}

@media all and (max-width:980px) {
	::-webkit-scrollbar {
		width: 4px;
		height: 4px;
	}

	html,
	body,
	a,
	p,
	li span {
		font-size: 0.36rem;
		line-height: 180%;
	}

	.ww,
	.cw {
		width: calc(100% - 0.72rem);
		margin: 0 auto;
	}

	.p20,
	.p30,
	.p40,
	.p50 {
		padding: 0.36rem 0;
	}

	.p60,
	.p80,
	.p80,
	.p100,
	.p120 {
		padding: 0.72rem 0;
	}
}