@charset "utf-8";/*!
by Sean Lu 20230105
!!!请勿直接在css中修改内容
!!!请勿直接在css中修改内容
!!!请勿直接在css中修改内容
首页更新部分
*/
:root {
--color-main:#006e3b;
--color-white:#fff;
--color-txt:#252525;
--color-bg:#f7f2f2;
--color-0:#000;
--color-3:#333;
--color-6:#666;
--color-9:#999;
--color-border:#dedede;
--fsize-base:14px;
--fsize-large:calc(var(--fsize-base) * 1.25);
--fsize-txt:calc(var(--fsize-base) * 1.07);
--fsize-small:calc(var(--fsize-base) * .85);
--fsize-h1:calc(var(--fsize-base) * 2.6);
--fsize-h2:calc(var(--fsize-base) * 2.15);
--fsize-h3:calc(var(--fsize-base) * 1.7);
--gap-base:16px;
--gap-mini:calc(var(--gap-base) * .25);
--gap-small:calc(var(--gap-base) * .5);
--gap-large:calc(var(--gap-base) * 1.5);
--gap-h1:calc(var(--gap-base) * 5);
--gap-h2:calc(var(--gap-base) * 4);
--gap-h3:calc(var(--gap-base) * 3)
}
@media (max-width: 1440px) {
:root {
--fsize-base:12px;
--gap-base:12px
}
}
@media (max-width: 800px) {
:root {
--fsize-base:12px;
--gap-base:6px
}
}
.seanhbox01 {
	background-size: cover;
	padding:60px 0;
}
.seanhbox01 .list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap-large);
	margin-top: var(--gap-h3)
}
@media (max-width: 800px) {
.seanhbox01 .list {
	padding: 0 var(--gap-h3);
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.seanhbox01 .item {
	background: #f1f1f1;
	border-radius: var(--gap-small);
	overflow: hidden;
	transition: all .3s
}
@media (max-width: 800px) {
.seanhbox01 .item {
	padding: var(--gap-h3)
}
}
.seanhbox01 .item:hover {
	transform: scale(1.05)
}
.seanhbox01 .item .img img {
	display: block;
	width: 100%
}
.seanhbox01 .item .ico {
	display: none;
	width: var(--gap-h2)
}
.seanhbox01 .item .ico img {
	display: block;
	width: 100%
}
.seanhbox01 .item .inf {
	padding: 30px 20px;
}
.seanhbox01 .item .inf .nam {
	font-size: 22px;
	color: #555;
	font-weight: bold;
	text-align:center;
}
.seanhbox01 .item .inf .txt {
	font-size: 15px;
	line-height: 1.5;
	color: #666;
	margin-top: var(--gap-base)
}
.seanhbox02 .list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap-mini)
}
@media (max-width: 800px) {
.seanhbox02 .list {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.seanhbox02 .list .item {
	position: relative;
	width: 96%; margin:1%;
}
.seanhbox02 .list .item:hover .img img {
	transform: scale(1.05)
}
.seanhbox02 .list .item .img {
	overflow: hidden; width:100%;
}
.seanhbox02 .list .item .img img {
	display: block;
	width: 100%;
	height: 235px;
	margin:0 auto;
	object-fit: cover;
	transition: all .6s
}
.seanhbox02 .list .item .inf {
	bottom: 0;
	left: 0;
	right: 0;
	width:100%;
	box-sizing:border-box;
	padding: var(--gap-large);
	color: #333;
	border:1px solid #ccc;
	font-size:25px;
	background-color:#fff;
}
.seanhbox02 .list .item .inf .nam {
	font-size:25px; text-align:center;
}
@media (max-width: 800px) {
.seanhbox02 .list .item .inf .nam {
	font-size: var(--fsize-h3)
}
}
.seanhbox03 {
	margin-top: var(--gap-h3)
}
.seanhbox03 .list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gap-small)
}
.seanhbox03 .list .item {
	grid-column: span 1;
	background: #fff;
	transition: all .3s;
	box-shadow:0px 0px 5px #888;
}
.seanhbox03 .list .item:hover {
	position: relative;
	z-index: 2;
	transform: scale(1.05);
	box-shadow: 0 0 var(--gap-large) rgba(0,0,0,0.3)
}
.seanhbox03 .list .item .img img {
	display: block;
	width: 100%; height:160px;
}
.seanhbox03 .list .item .inf {
	padding: var(--gap-large)
}
.seanhbox03 .list .item .inf .nam {
	font-size: var(--fsize-h3);
	position: relative;
	color:#555;
}
.seanhbox03 .list .item .inf .nam::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	background: var(--color-white);
	margin-top:12px;
}
.seanhbox03 .list .item .inf .txt {
	font-size: var(--fsize-txt);
	margin-top: var(--gap-base);
	line-height: 1.8;
	color: #666;
}
.seanhbox03 .list .item .inf .infimg img{width:15%; display:block; margin-bottom:10px;}


.seanhbox03 .list .item.itembig {
	padding: var(--gap-large);
	grid-column: span 1;
	grid-row: span 2;
	display: flex;
	align-items: flex-end;
	background: url(../img/dimg/spbg2.gif) no-repeat center top;
	background-size: cover
}
.seanhbox03 .list .item.itembig .itlist {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gap-base)
}
.seanhbox03 .list .item.itembig .it {
	text-align: center;
	transition: all .3s
}
.seanhbox03 .list .item.itembig .it:hover {
	transform: scale(1.05)
}
.seanhbox03 .list .item.itembig .it img {
	display: block;
	width: var(--gap-h1);
	margin: 0 auto
}
.seanhbox03 .list .item.itembig .it p {
	font-size: var(--fsize-large);
	margin-top: var(--gap-small);
	color: #333;
	font-weight: bold
}
.seanhbox03 .list .item.itembig .it p::after {
	content: "";
	display: none;
	width: var(--gap-large);
	height: 2px;
	background: var(--color-main);
	margin: 0 auto;
	margin-top: var(--gap-small)
}
.cen06 .footaaul {
	display: flex;
	white-space: nowrap
}
@media (max-width: 800px) {
.seanhbox02 .list .item .img img {
	height: 300px;
}
}/*# sourceMappingURL=./seanhome.css.map */
