<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#all-content,header,main,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
	padding: 0;
	margin: 0;
}
#all-content{
	min-height: 3100px;
	min-width: 1170px;
	width: 100%;
	height: 430vh;
	position: relative;
}
header{
	width: 100%;
	height: 15vh;
	position: fixed;
	background-color: lightgray;
}
main{
	position: absolute;
	/* top: 15vh; */
	width: 100%;
	height: 85vh;
	/* overflow: auto; */
}
/*ä»‹ç»*/
main&gt;#description{
	height: 480px;
	background-image: url(/static/img/%E8%BD%A6%E9%97%B4.jpg);
	background-size: 100%;
	background-position-y: -30vh;
}
main&gt;#description&gt;.des_holder{
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	padding: 70px;
}
main&gt;#description&gt;.des_holder&gt;.des_Title{
	font-size: 24px;
	color: white;
	padding: 50px 0;
	text-align: center;
	border-top: 2px solid darkgray;
}
main&gt;#description&gt;.des_holder&gt;.des_Text{
	color: white;
    text-align: center;
    margin: 0 23vw;
    padding-bottom: 50px;
    line-height: 2;
	border-bottom: 2px solid darkgray;
}
/*é€šç”¨æ¨¡å—*/
main .commonTitle{
	font-size: 32px;
	padding: 50px 0;
	text-align: center;
}
/*è·³è½¬åŒºå—*/
main&gt;#link{
	position: relative;
	height: 85vh;
}
main&gt;#link&gt;#linkAnchor{
	width: 1200px;
	height: 185px;
	position: absolute;
	margin: auto;
	top: 15vh;bottom: 0;left: 0;right: 0;
	border: 2px dotted dodgerblue;
}
main&gt;#link&gt;#linkAnchor&gt;.linkicon_holder{
	display: block;
	position: absolute;
	text-decoration: none;
	cursor: pointer;
}
main&gt;#link&gt;#linkAnchor&gt;.linkicon_holder&gt;img{
	width: 100%;
	height: 100%;
}
main&gt;#link&gt;#linkAnchor&gt;.linkicon_holder&gt;.linkiconTip{
    color: dodgerblue;
    text-align: center;
}
/*æˆ‘ä»¬çš„ä¼˜åŠ¿*/
main&gt;#advantage .advantageBlock{
	padding: 40px;
	height: 330px;
}
main&gt;#advantage .advantageBlock .advantageItem{
	position: relative;
	border: 1px solid darkgray;
	border-radius: 3px;
	height: 100%;
	cursor: pointer;
}
main&gt;#advantage .advantageBlock .advantageItem .advantageIcon_holder{
	width: 100%;
	padding: 30px 0;
	text-align: center;
}
main&gt;#advantage .advantageBlock .advantageItem .advantageTip{
	font-size: 18px;
	text-align: center;
	padding-bottom: 20px;
}
main&gt;#advantage .advantageBlock .advantageItem .advantageText{
	font-size: 14px;
	text-align: center;
	padding: 0px 30px;
}
/*åŠ¨ç”»1*/
main&gt;#advantage .advantageBlock.itemmove .advantageItem{
	top: -5px; left: -5px;
	animation: itemmove 0.5s linear 1;
	box-shadow: 5px 5px 5px lightgray;
}
@keyframes itemmove{
	from{
		top: 0px; left: 0px;
		box-shadow: 0px 0px 0px lightgray;
	}
	to{
		top: -5px; left: -5px;
		box-shadow: 5px 5px 5px lightgray;
	}
}
main&gt;#advantage .advantageBlock.itemback .advantageItem{
	top: 0px; left: 0px;
	animation: itemback 0.5s;
	box-shadow: 0px 0px 0px lightgray;
}
@keyframes itemback{
	from{
		top: -5px; left: -5px;
		box-shadow: 5px 5px 5px lightgray;
	}
	to{
		top: 0px; left: 0px;
		box-shadow: 0px 0px 0px lightgray;
	}
}
/*æ•ˆç›Šåˆ†æž*/
#benefit .benefitBlock{
	min-height: 600px;
	height: 80vh;
	padding: 20px;
}
#benefit .benefitBlock&gt;.benefitItem{
	position: relative;
	top: 12%;
	width: 100%;
	height: 75%;
	border: 1px solid #0000003b;
    background-color: white;
	cursor: pointer;
	box-shadow: 5px 5px 5px gray
}
#benefit .benefitBlock&gt;.benefitItem&gt;.normal{
	height: 100%;
	padding-top: 28%;
}
#benefit .benefitBlock&gt;.benefitItem&gt;.normal&gt;div{
	text-align: center;
	font-size: 20px;
}
#benefit .benefitBlock&gt;.benefitItem&gt;.normal&gt;div.iconfont{
	font-size: 100px;
}
#benefit .benefitBlock.left&gt;.benefitItem&gt;.normal{
	padding-right: 18%;
}
#benefit .benefitBlock.right&gt;.benefitItem&gt;.normal{
	padding-left: 18%;
}
#benefit .benefitBlock&gt;.benefitItem&gt;.active{
	padding: 8vh;
}
#benefit .benefitBlock.left&gt;.benefitItem&gt;.active,
#benefit .benefitBlock.right&gt;.benefitItem&gt;.active{
	display: none;
}
#benefit .benefitBlock&gt;.benefitItem&gt;.active .benefitTitle{
	padding-bottom: 8vh;
	font-size: 20px;
	text-align: center;
}
#benefit .benefitBlock&gt;.benefitItem&gt;.active .benefitTip,
#benefit .benefitBlock&gt;.benefitItem&gt;.active .benefitText{
	font-size: 16px;
}
#benefit .benefitBlock&gt;.benefitItem&gt;.active .iconfont{
	font-size: 30px;
}
#benefit .benefitBlock&gt;.benefitItem&gt;.active .benefitText{
	line-height: 1.7;
}
/*åŠ¨ç”»2*/
#benefit .benefitBlock.item_main&gt;.benefitItem{
	position: absolute;
    width: 150%;
    height: 100%;
    z-index: 1;
    top: 0;
    right: -25%;
	animation: itemMain 0.5s linear 1;
	cursor: default;
	box-shadow: 5px 5px 5px #178de0e8;
}
#benefit .benefitBlock.item_main.left&gt;.benefitItem{
	width: 120%;
    left: 0;
    right: auto;
	animation: itemMain_left 0.5s linear 1;
	box-shadow: 5px 5px 5px rgb(16, 197, 120);
}
#benefit .benefitBlock.item_main.right&gt;.benefitItem{
	width: 120%;
    right: 0;
	animation: itemMain_right 0.5s linear 1;
	box-shadow: 5px 5px 5px #ff2f00ab;
}
#benefit .benefitBlock.item_other&gt;.benefitItem{
	position: relative;
    width: 100%;
    height: 75%;
    z-index: 0;
    top: 12%;
	animation: itemOther 0.5s linear 1;
	cursor: pointer;
}
#benefit .benefitBlock.item_other.left&gt;.benefitItem{
	animation: itemOther_left 0.5s linear 1;
}
#benefit .benefitBlock.item_other.right&gt;.benefitItem{
	animation: itemOther_right 0.5s linear 1;
}
@keyframes itemMain{
	from{
		position: relative;
	    width: 100%;
	    height: 75%;
	    top: 12%;
	    right: 0;
	}
	to{
		position: absolute;
	    width: 150%;
	    height: 100%;
	    top: 0;
	    right: -25%;
	}
}
@keyframes itemMain_left{
	from{
		position: relative;
	    width: 100%;
	    height: 75%;
	    top: 12%;
	}
	to{
		position: absolute;
	    width: 120%;
	    height: 100%;
	    top: 0;
	}
}
@keyframes itemMain_right{
	from{
		position: relative;
	    width: 100%;
	    height: 75%;
	    top: 12%;
	}
	to{
		position: absolute;
	    width: 120%;
	    height: 100%;
	    top: 0;
	}
}
@keyframes itemOther{
	from{
		position: absolute;
	    width: 150%;
	    height: 100%;
	    top: 0;
	    right: -25%;
	}
	to{
		position: relative;
	    width: 100%;
	    height: 75%;
	    top: 12%;
	    right: 0;
	}
}
@keyframes itemOther_left{
	from{
		position: absolute;
	    width: 150%;
	    height: 100%;
	    top: 0;
	}
	to{
		position: relative;
	    width: 100%;
	    height: 75%;
	    top: 12%;
	}
}
@keyframes itemOther_right{
	from{
		position: absolute;
	    width: 150%;
	    height: 100%;
	    top: 0;
	    right: 0;
	}
	to{
		position: relative;
	    width: 100%;
	    height: 75%;
	    top: 12%;
	    right: 0;
	}
}</pre></body></html>