@charset "UTF-8";
	* {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
html,body {
	margin:0;
	color:#000;
	min-width:1260px;
	background-color:#fafafa;
	font:normal 16px/1.5 'PingFangSC-Regular','Helvetica Neue',Helvetica,Arial,'Hiragino Sans GB',\5fae\8f6f\96c5\9ed1,tahoma,simsun,\5b8b\4f53;
	-webkit-text-size-adjust:none;
	overflow-x:hidden;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:#fff0
}
input,button,textarea,select {
	font-size:inherit;
	font-family:inherit;
	vertical-align:middle
}
h1,h2,h3,h4,h5,h6,p {
	margin:0;
	font-weight:400
}
ul,ol,dl,dd {
	margin:0;
	padding:0;
	list-style:none
}
::-webkit-input-placeholder {
	color:#c4c4c4
}
::-moz-input-placeholder {
	color:#c4c4c4
}
:-moz-input-placeholder {
	color:#c4c4c4
}
::-ms-input-placeholder {
	color:#c4c4c4
}
:focus {
	outline:none
}
i,em,address {
	font-style:normal
}
textarea {
	font-family:'Microsoft Yahei'
}
button {
	cursor:pointer
}
img {
	display:block;
	border:none;
	outline:none;
	max-width:100%
}
h1 {
	color:#000;
	font-size:200%
}
h2 {
	color:#000;
	font-size:150%
}
h3 {
	color:#000;
	font-size:100%
}
a {
	text-decoration:none
}
[class*='md-icon-'] {
	font-family:'mdfont'!important
}
.main-content {
	width:100%;
	overflow-x:hidden
}
.hh-title-home {
	text-align:center
}
.hh-title-home small {
	display:block;
	color:#595959;
	font-size:12px;
	font-weight:400;
	line-height:17px;
	margin-top:8px
}
.hh-title-home strong {
	color:#000;
	font-size:24px;
	font-weight:600;
	line-height:33px;
	display:inline-block;
	vertical-align:top
}
.hh-title-home.active strong {
	color:#99173a
}
.hh-title-home.active strong::after {
	width:100%
}
.hh-title-home.active .hh-animate-line::after {
	-webkit-animation:scaleInfinite 6s linear infinite both;
	animation:scaleInfinite 6s linear infinite both
}
.hh-title-home.active .hh-animate-line::before {
	-webkit-animation:scaleInfinite 6s linear infinite both;
	animation:scaleInfinite 6s linear infinite both
}
.hh-title-home.active .hh-animate-line i:nth-child(2) {
	-webkit-animation:rotateScale 5s linear infinite both;
	animation:rotateScale 5s linear infinite both
}
.hh-more {
	display:block;
	width:200px;
	height:37px;
	padding:0 10px;
	line-height:35px;
	text-align:center;
	border:1px solid #99173a;
	margin:40px auto 0;
	position:relative
}
.hh-more em {
	position:relative;
	z-index:2;
	color:#99173a;
	font-size:14px;
	font-weight:600;
	-webkit-transition:0.35s ease-in-out;
	-o-transition:0.35s ease-in-out;
	transition:0.35s ease-in-out
}
.hh-more .hhfont {
	width:0;
	color:#fff;
	font-size:13px;
	visibility:hidden;
	display:inline-block;
	vertical-align:middle;
	-webkit-transition:0.35s ease-in-out;
	-o-transition:0.35s ease-in-out;
	transition:0.35s ease-in-out;
	position:relative;
	opacity:0;
	z-index:3
}
.hh-more::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition:0.35s ease-in-out;
	-o-transition:0.35s ease-in-out;
	transition:0.35s ease-in-out;
	background-color:#99173a;
	-webkit-transform-origin:0 50%;
	-ms-transform-origin:0 50%;
	transform-origin:0 50%;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transform:scaleX(0)
}
.hh-more:hover em {
	color:#fff;
	padding-right:90px
}
.hh-more:hover::after {
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	transform:scaleX(1)
}
.hh-more:hover .hhfont {
	width:15px;
	opacity:1;
	visibility:visible
}
.svg-develop {
	background:url(../images/develop2.svg) no-repeat
}
.svg-develop::after,.svg-develop::before {
	background:url(../images/develop2.svg) no-repeat
}
.hh-animate-rows {
	height:24px;
	line-height:24px;
	width:93.75%;
	font-size:0;
	text-align:center;
	margin:-12px auto;
	position:relative;
	z-index:3;
	overflow:hidden
}
.hh-animate-rows::before {
	content:'';
	position:absolute;
	z-index:3;
	top:50%;
	right:50%;
	width:14px;
	height:14px;
	margin-top:-7px;
	-webkit-transform:translateX(7px) rotate(180deg);
	-ms-transform:translateX(7px) rotate(180deg);
	transform:translateX(7px) rotate(180deg);
	opacity:0;
	background:url(../fonts/ac83dec33f9d4c8d9e58fe6491c675c3.woff) no-repeat center center/100% auto
}
.hh-animate-rows::after {
	content:'';
	position:absolute;
	z-index:3;
	top:50%;
	left:50%;
	width:14px;
	height:14px;
	margin-top:-7px;
	-webkit-transform:translateX(-7px) rotate(0);
	-ms-transform:translateX(-7px) rotate(0);
	transform:translateX(-7px) rotate(0);
	opacity:0;
	background:url(../fonts/ac83dec33f9d4c8d9e58fe6491c675c3.woff) no-repeat center center/100% auto
}
.hh-animate-rows i {
	width:calc(50% - 24px);
	height:2px;
	display:inline-block;
	vertical-align:middle;
	position:relative
}
.hh-animate-rows i::before {
	content:'';
	position:absolute;
	z-index:2;
	top:50%;
	width:6px;
	height:6px;
	margin-top:-3px;
	background-color:#99173a;
	border-radius:50%
}
.hh-animate-rows i::after {
	content:'';
	position:absolute;
	z-index:1;
	top:50%;
	left:0;
	right:0;
	height:1px;
	margin-top:-1px;
	background-color:#99173a
}
.hh-animate-rows i:nth-child(2)::after {
	display:none
}
.hh-animate-rows i:nth-child(2)::before {
	display:none
}
.hh-animate-rows i:nth-child(2) {
	width:24px;
	height:24px;
	border-radius:50%;
	margin:0 12px;
	background:url(../fonts/4ec7b1c08900423badc0601aaa177eef.woff) no-repeat center center/100% 100%
}
.hh-animate-rows i:nth-child(1) {
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:100% 0;
	-ms-transform-origin:100% 0;
	transform-origin:100% 0
}
.hh-animate-rows i:nth-child(1)::before {
	right:0
}
.hh-animate-rows i:nth-child(3) {
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0
}
.hh-animate-rows i:nth-child(3)::before {
	left:0
}
.hh-animate-rows.active::after {
	-webkit-animation:flyRight 16s 0.5s linear both;
	animation:flyRight 16s 0.5s linear both
}
.hh-animate-rows.active::before {
	-webkit-animation:flyLeft 16s 0.5s linear both;
	animation:flyLeft 16s 0.5s linear both
}
.hh-animate-rows.active i:nth-child(1) {
	-webkit-animation:scaleX 16s 0.8s linear both;
	animation:scaleX 16s 0.8s linear both
}
.hh-animate-rows.active i:nth-child(2) {
	-webkit-animation:rotateScale 5s linear infinite both;
	animation:rotateScale 5s linear infinite both
}
.hh-animate-rows.active i:nth-child(3) {
	-webkit-animation:scaleX 16s 0.8s linear both;
	animation:scaleX 16s 0.8s linear both
}
.hh-animate-line {
	display:block;
	height:6px;
	line-height:6px;
	text-align:center;
	width:100%;
	font-size:0;
	margin-top:4px;
	position:relative;
	overflow:hidden
}
.hh-animate-line::before {
	content:'';
	position:absolute;
	z-index:2;
	top:50%;
	left:0;
	right:50%;
	margin-right:8px;
	height:1px;
	margin-top:-.5px;
	background-color:#99173a;
	-webkit-transform-origin:100% 0;
	-ms-transform-origin:100% 0;
	transform-origin:100% 0
}
.hh-animate-line::after {
	content:'';
	position:absolute;
	z-index:2;
	top:50%;
	left:50%;
	right:0;
	margin-left:8px;
	height:1px;
	margin-top:-.5px;
	background-color:#99173a;
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0
}
.hh-animate-line i {
	width:3px;
	height:3px;
	margin:0 2px;
	background-color:#99173a;
	border-radius:50%;
	display:inline-block;
	vertical-align:middle;
	position:relative
}
.hh-animate-line i:nth-child(2) {
	width:5px;
	height:5px
}
@-webkit-keyframes moving {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
20% {
	-webkit-transform:translateY(20px);
	transform:translateY(20px)
}
40% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
60% {
	-webkit-transform:translateY(20px);
	transform:translateY(20px)
}
80% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes moving {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
20% {
	-webkit-transform:translateY(20px);
	transform:translateY(20px)
}
40% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
60% {
	-webkit-transform:translateY(20px);
	transform:translateY(20px)
}
80% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes scaleInfinite {
	0% {
	-webkit-transform:scaleX(0);
	transform:scaleX(0)
}
50% {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
100% {
	-webkit-transform:scaleX(0);
	transform:scaleX(0)
}
}@keyframes scaleInfinite {
	0% {
	-webkit-transform:scaleX(0);
	transform:scaleX(0)
}
50% {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
100% {
	-webkit-transform:scaleX(0);
	transform:scaleX(0)
}
}@-webkit-keyframes scaleX {
	0% {
	-webkit-transform:scaleX(0);
	transform:scaleX(0)
}
8% {
	-webkit-transform:scaleX(0);
	transform:scaleX(0)
}
100% {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}@keyframes scaleX {
	0% {
	-webkit-transform:scaleX(0);
	transform:scaleX(0)
}
8% {
	-webkit-transform:scaleX(0);
	transform:scaleX(0)
}
100% {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}@-webkit-keyframes moveRight {
	0% {
	-webkit-transform:translateX(100%);
	transform:translateX(100%)
}
100% {
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
}@keyframes moveRight {
	0% {
	-webkit-transform:translateX(100%);
	transform:translateX(100%)
}
100% {
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
}@-webkit-keyframes flyLeft {
	0% {
	-webkit-transform:translateX(-7px) rotate(180deg);
	transform:translateX(-7px) rotate(180deg);
	opacity:0;
	right:50%
}
8% {
	-webkit-transform:translateX(-7px) rotate(180deg);
	transform:translateX(-7px) rotate(180deg);
	opacity:1;
	right:50%
}
100% {
	-webkit-transform:translateX(-7px) rotate(180deg);
	transform:translateX(-7px) rotate(180deg);
	opacity:1;
	right:100%
}
}@keyframes flyLeft {
	0% {
	-webkit-transform:translateX(-7px) rotate(180deg);
	transform:translateX(-7px) rotate(180deg);
	opacity:0;
	right:50%
}
8% {
	-webkit-transform:translateX(-7px) rotate(180deg);
	transform:translateX(-7px) rotate(180deg);
	opacity:1;
	right:50%
}
100% {
	-webkit-transform:translateX(-7px) rotate(180deg);
	transform:translateX(-7px) rotate(180deg);
	opacity:1;
	right:100%
}
}@-webkit-keyframes flyRight {
	0% {
	-webkit-transform:translateX(7px) rotate(0);
	transform:translateX(7px) rotate(0);
	opacity:0;
	left:50%
}
8% {
	-webkit-transform:translateX(7px) rotate(0);
	transform:translateX(7px) rotate(0);
	opacity:1;
	left:50%
}
100% {
	-webkit-transform:translateX(7px) rotate(0);
	transform:translateX(7px) rotate(0);
	opacity:1;
	left:100%
}
}@keyframes flyRight {
	0% {
	-webkit-transform:translateX(7px) rotate(0);
	transform:translateX(7px) rotate(0);
	opacity:0;
	left:50%
}
8% {
	-webkit-transform:translateX(7px) rotate(0);
	transform:translateX(7px) rotate(0);
	opacity:1;
	left:50%
}
100% {
	-webkit-transform:translateX(7px) rotate(0);
	transform:translateX(7px) rotate(0);
	opacity:1;
	left:100%
}
}@-webkit-keyframes rotateOnce {
	0% {
	border-radius:50%;
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
50% {
	border-radius:0;
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
100% {
	border-radius:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
}@keyframes rotateOnce {
	0% {
	border-radius:50%;
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
50% {
	border-radius:0;
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
100% {
	border-radius:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
}@-webkit-keyframes rotateScale {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}@keyframes rotateScale {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}.container {
	width:93.75%;
	margin:0 auto;
	padding:0 20px
}
.container:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.hh-row {
	margin-left:-10px;
	margin-right:-10px
}
.hh-row:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.hh-row [class*="hh-col-"] {
	float:left;
	padding-left:10px;
	padding-right:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.hh-col-1 {
	width:8.33333%
}
.hh-col-2 {
	width:16.66667%
}
.hh-col-3 {
	width:25%
}
.hh-col-4 {
	width:33.33333%
}
.hh-col-5 {
	width:41.66667%
}
.hh-col-6 {
	width:50%
}
.hh-col-7 {
	width:58.33333%
}
.hh-col-8 {
	width:66.66667%
}
.hh-col-9 {
	width:75%
}
.hh-col-10 {
	width:83.33333%
}
.hh-col-11 {
	width:91.66667%
}
.hh-col-12 {
	width:100%
}
@font-face {
	font-family:AlibabaPuHuiTiBold;
	src:url(../fonts/alibaba-puhuiti-bold.woff) format("woff"),url(../fonts/8f8abadbe36b483f892417c5c05e1148.woff) format("svg"),url(../fonts/alibaba-puhuiti-bold.ttf) format("truetype")
}
@font-face {
	font-family:AlibabaPuHuiTiHeavy;
	src:url(../fonts/alibaba-puhuiti-heavy.woff) format("woff"),url(../fonts/alibaba-puhuiti-heavy.svg) format("svg"),url(../fonts/alibaba-puhuiti-heavy.ttf) format("truetype")
}
@font-face {
	font-family:AlibabaPuHuiTiLight;
	src:url(../fonts/alibaba-puhuiti-light.woff) format("woff"),url(../fonts/alibaba-puhuiti-light.svg) format("svg"),url(../fonts/alibaba-puhuiti-light.ttf) format("truetype")
}
@font-face {
	font-family:AlibabaPuHuiTiMedium;
	src:url(../fonts/alibaba-puhuiti-medium.woff) format("woff"),url(../fonts/141420e5f4c3492888f88addadb0dd79.woff) format("svg"),url(../fonts/alibaba-puhuiti-medium.ttf) format("truetype")
}
@font-face {
	font-family:AlibabaPuHuiTiRegular;
	src:url(../fonts/alibaba-puhuiti-regular.woff) format("woff"),url(../fonts/alibaba-puhuiti-regular.svg) format("svg"),url(../fonts/alibaba-puhuiti-regular.ttf) format("truetype")
}
@font-face {
	font-family:"yegenyou";
	src:url(../fonts/yegenyou.woff) format("woff"),url(../fonts/yegenyou.svg) format("svg"),url(../fonts/yegenyou.ttf) format("truetype")
}
.tabbar-navs {
	position:fixed;
	z-index:99;
	display:table;
	left:0;
	bottom:0;
	width:100%;
	border:none;
	height:rem(100);
	table-layout:fixed;
	background-color:#fff;
	border-top:1px solid #dbdbdb;
	-webkit-box-shadow:0 0 .2667rem rgb(0 0 0 / .1);
	box-shadow:0 0 .2667rem rgb(0 0 0 / .1)
}
.tabbar-navs__item {
	width:25%;
	height:100%;
	text-align:center;
	display:table-cell;
	vertical-align:middle
}
.tabbar-navs__icon {
	display:block;
	width:rem(41);
	margin:0 auto;
	height:rem(41);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto
}
.tabbar-navs__name {
	display:block;
	color:#9b9b9b;
	text-align:center;
	font-size:.32rem;
	margin-top:.16rem;
	line-height:.32rem
}
.tabbar-navs__item.active .tabbar-navs__name {
	color:#cc2228
}
.tabbar-navs__item:nth-child(1) .tabbar-navs__icon {
	background-image:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAqCAMAAAAZKoJqAAAAclBMVEUAAAB6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foN6foMXmJluAAAAJnRSTlMA8ODQShALB/TbUiH858OxiXtaKMm9qZ9fNBsVl29mRD85ongvp3PFJdQAAAEMSURBVDjLjdDrlkMwFIbhLwmCONM6K23n/m9x1mRQXa1kvz8ky3qQDV8bA8ZzCXuFKKF+RG+X1+Lvml3s8jLrpQqtUjz1ElpfKn1vX83dknVTLRaZTttkloO2fPto3RihFAVo76yvr791M8FRvAbmygCnoNv3nm+A+QFiTk6dd6/642PZGSxFLXEoeR9IpXxtYQWOuVGs74t00kNWee/quCOAd/qfcuo4BLDPp+VJT14AjCJRxoookQ1UWXKqRESVkiwXQZVDTpQe64iySUGUSUiUKpZEmWWgSRmXROkkIMq0IcqeeUT5GECUQUuUswBR3kfofJvsmLseIjTLVjy2XeAzXeRE7DM/aFb4C+APC4lWZ+bBAAAAAElFTkSuQmCC)
}
.tabbar-navs__item:nth-child(2) .tabbar-navs__icon {
	background-image:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAACcElEQVRYhe3ZT4iMYRwH8M/YEXGhlEQuHB0cHCiKvaDEwYpyUNj8y4WLdqfZZmemUCSFJX+PWBe21kFSLlZxcdAqByI5ksSu3XV437fdtp1/77zvnuZb0/TOPM9vPvO87zzv886b6coX1+IWVomfCTzDIfyso/12XMMy9KOzXMj9rtQ405UvDuNd2GksJnIhLmIAp2u03RnCLuI5ruIzdlSCZrryxQmsw5uYwCi92Ij2OoB5nA1fW4EX1aBzwue4Izg141Pq1QtULuS+YDNWYqC7p7SgEjLtzAiMUgs6G8iqwCjVoGkj6wJGqQRNE9kQMMpM0LSQ28QARpkGvZkW8qpgHmwYGCWEHsfutJBL8TKBOu34lhbyPq5jddwC3T2lMziFY2khj+Kt4EzSMDQE9qKjXMgNpoUcQYcY0GnAx6Q7BTUMnQlI+pN53dBKQGbntFgTWg3IJHJeApi5+NcotBYQsniFS7iN0ZjARTiMy1XaRND+EHoEmwTTTEVghOzAeZyICSQYwRthnWqJoH14gO/YVS7kBqt1yuIr9jcBbDQjOBg+lAu5mh0yXfnicpzDmiY+eBRPBcfWKOYjh/WCgYiTMQyhlMVDwQ/oivjH5GKcwR+UcUGwVLsr/qVJGw5gSRYbBN94KGaxKEuwJURuFYzkvVqdqu3u7p7SMIrRFPS3SSDBXoh2bRY/Eqj5C5nZuhBrKi1kUmkhk0oLmVRayKTSQiaVFjKpRMi2hGqNT9mOu9idmrao0AfBgrVPc3cf9uFJuP1e8FfLJzUW0t09pUpvZdGJj1nsxR08iglk8j5OIdw+KVjxv26iJsGtmz3/AXMmzU83wnwWAAAAAElFTkSuQmCC)
}
.tabbar-navs__item:nth-child(3) .tabbar-navs__icon {
	background-image:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAqCAYAAAAu9HJYAAABUklEQVRYhe3ZsUocURSA4U/ZyiqlhaQTFrTYNzAgQhSxEIRIHkDyBIKzOAzuVgE7QbGzUWuXFKnyCLFb0lkkpLROEFLsrgy7swmE4y4L94cLc+45Z+7PDMPAvXNHxyd32DbKPRr4grWK/KTo1PQE99EtJXawW4ovcB6w4Hvs4bAi9wHf8bE0V8d1rR908bWUbAzd4OdQ/n95g0fcDibaRRNkeWsTj+2i+bxOlrfAfMDCL06SjCJJRpEko5gJydq/S16MVeRZ3urg6m+F03iSCzjV+4O9whk+Y2lcwzQkl7GFTWxgBU9YH9cw6df9Cb9xiV/QLpoPeJvlrXf4UdU0aclv/TFCu2jejGuaia87SUaRJKNIklEkySiSZBRJMookGUWSjCJJRpEko0iSUcyE5GBzoD40/3ooXjR6IhHC4IRhDHV6kh1cVxTcl64P+mMadP4A9dQ1Vr70YrEAAAAASUVORK5CYII=)
}
.tabbar-navs__item.active:nth-child(1) .tabbar-navs__icon {
	background-image:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAqCAMAAAAZKoJqAAAA9lBMVEUAAAD8Oj/8RVn8Tmz8T238SmP8Q1T8S2X8Pkj8OkD8Rlr8QlL8Pkr8PEX8Pkn8TGn8RVj8QE38PUX8PEP8Oj/8OkD8S2b8Q1P8T278OkD8T238SWH8R138QlL8O0L8Tmv8Q1T8Oj/8Tm38T278Oj/8S2T8T278Oj/8PUj8S2b8OkD8TWv8Oj/8PEP8TGj8T278SmP8Oj/8Oj/8T278T278QE78T278Oj/8T278T278TGf8T278T278TWn8Oj/8S2b8SmP8Tmv8PET8Rlr8SWH8Pkf8O0L8SF/8PUb8R138Q1P8RVj8QlH8QU/8QE38P0n8RFX8P0vWtG8xAAAAPHRSTlMAkJBg8WAR8fDnYGBgLQfw8PDOYEs4KQz69/Tw8PDv6+TW1cWZh3p0aWdXQQT64eDCwby3qKKNg29TUB2T+Lw1AAABp0lEQVQ4y4XS51bCQBAF4EHpVemI0qQq9q4QQgihF9//ZZzNJhPPnk1yf39n7sndgDT5phLrDcE/4YqCeU77y4Jipu0v8wpPylf2LRnwlW0OjawfHMZMZxh3fvKGQ03TSt4w3UTH4HIZ9pYftpvPvW/mmeMw6glTNfvg4ZD1hDFyv/s3r3eMWcXo9ru+xz4V5+But025zhMghwe324bwh/UCPAXIUjE7uF43Tsx0BkVTPllvbOSg9q8Y4XGzmc1Wq4Wuq4/MWs7QchClYuaO3C10VVUnkVsAemOUVMwcQuZ0dJPJuB4GeuMkRGXFDI4xHaA3TsK5tNiE02kLDHtqlGKx46ajC6AJUboUoxuhpKkTcCUvRoi5BpoapUuxmU+gqRNwJi3mKYeBpkYpLeZ5BaCp4yhlxTz4RjR1HC7FYicPAEBToxSLnXRR0tRxqIrFTn5Q0tQhqIrFlBfA0NQhiIgHKV9M0tQoyQmpp5m0p0aZoWIh78BCU6Okg0KKpqSpTyEjd/hzmLGnRhkcyXPKJU3oKoMlLiPWMu6yCzzf99YXy2W5NbDgHy1eEpIPVTVyAAAAAElFTkSuQmCC)
}
.tabbar-navs__item.active:nth-child(2) .tabbar-navs__icon {
	background-image:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAADN0lEQVRYhc3Zv2sTYRzH8ffnuZCpIv5EqaJI3fwL6o9Uq0GQIvhjFerk4KSiOIlTiz8G6+av6uBkF8G2k1ihUzcHwaEo1NYqpZRQnExbh7tL7i73XO6atMkD4e763D155ft5niTXqNxd6AOeAXtYfysB94AnKc/PA0PARdA3RL8z+WnadrLK3YX5BoF+WwV2A4spgCNAHwgkgDlQjzP5MRZqmgT0x9qfDqg+ZDygQKYTmYmVE8Uu28Cb1fKgEaS+AC4AVSdoYqVwtga6WcgqkAoqAK083Ir2nAtBNwGpPDJVYBjlEsJbF3ryfAW6gUiBlEeKmYOBrWLgfkV7L3RtINID4gNjow08EqCnL3flNgDn77+tRuwho1WsbH1o4MVUF9O7JiHlGqqQg8CleJQhAxIwR5qADFXPf6K/SKsgk1i52OOavrEG5mR0wNB8WgBzN371OpFzo8ehvilkrqyjkjXRRqvobx8gY0ADGaIN9k0hU3TG35QyIhNRcdtB74kHUkbrI6fAFJ3x1yWAlMg6uORVO+j9baB20UTA+EBVgCmQqaOlzqod9M6prWj4+imkojM2XAoqEpCZo6XOqg1UNIo01QqOvSpFJTncL6xbU+OSgX/slTWWigpk3AqOvqwB4o7MHaBcucg6qQP98W8Zj5GZt7yVBI8HkbmNzJp3/BkZKxBA5e4CoC1Ih/AnYfZof4JZTLFqg9ftRdoB+uqMvlizAd24ZQCWQV8yRhud9JYUrH3zSPPOh+dJPq+SR0/hfpBzOB6V6rN2FjQd07cTmX31x4sWBkBroO/O+6FllY/13gI9bGDV+vvDSFcDyEdgbtrHDWKxQcvAdZWPn1kGdTQp2gOgGTcZzVoXn20qQXjfbUs5UEfGaJP6tnvIXRmjjeyH2racdSUmRxuDTKhaumijuErL1alMUrQJfeuOtlFkihfQeLQZkC2Mtg6yPaLNgGxdtPFI/96jTaKNRyqKbG20FqTTVtFakO0VbTKyTaJNh2xxtCmQrY82PbKF0cY1g8xMzf9rKvsxaHv7B/zw9udwf41oRvuVQ6Yf9BT3FoJ1RruE+zuOf8e3ANwA7hO6Xc7cfgPX/gMy/4aItjqZvwAAAABJRU5ErkJggg==)
}
.tabbar-navs__item.active:nth-child(3) .tabbar-navs__icon {
	background-image:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqCAYAAADBNhlmAAABL0lEQVRYhc3UwRGDIBCF4beEPuwjl5SQlJp0FPvIIYc4KrAIRNhdLuyMjvMNv0qf6+0NYEK4XgAey/wEcMfwRQBRNNPsGZzwIoCWPUVOXg+2IqI53JWABdhuFgYe5ox2Jw0s50x3JwGszxnjBr+D7TkFgf/lFACey8mdaCdgn5yDgP1yrrg+P+r+OVPgX7+ZcTm5a43AsTlDYNNXLJOTu1YAyubknncAlM/JPZcB6uUsAPVzckhvKWcIxXKC5MzkzCS2k3NDbq+at5STQ/r1RgM5f87dDOwT6+fcZuyAuUQKObnlm09kYM6TwPE564FKOQtA/ZwNQJ2cPBDOTE4eSDFQL2cGeDGTMwO0k/MYaCBnHVAxZwVQN2c9UClnHmgkJ7ccyM3pvzD6qhVOblnzF/sODlel2At4AAAAAElFTkSuQmCC)
}
.topnav-button {
	margin:rem(30);
	padding:.26667rem;
	background-color:#99173a;
	background-image:-webkit-gradient(linear,left top,right top,from(#99173a),to(#bc1c47));
	background-image:-webkit-linear-gradient(left,#99173a,#bc1c47);
	background-image:-o-linear-gradient(left,#99173a,#bc1c47);
	background-image:linear-gradient(to right,#99173a,#bc1c47)
}
.topnav-button__list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	border-radius:.16rem;
	background-color:#fff;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:rem(6) .26667rem rem(30)
}
.topnav-button__item {
	display:block;
	height:.8rem;
	width:48.36066%;
	color:#777;
	font-size:.32rem;
	text-align:center;
	line-height:.8rem;
	margin-top:rem(24);
	border-radius:.4rem;
	border:1px dashed #e0e0e0
}
.topnav-button__item.active {
	color:#fff;
	border:1px solid #99173a;
	background-color:#99173a
}
.md-card {
	display:block;
	position:relative;
	-webkit-box-shadow:0 0 rem(18) rgb(0 0 0 / .15);
	box-shadow:0 0 rem(18) rgb(0 0 0 / .15)
}
.md-card__image {
	position:relative;
	padding-bottom:66.66667%
}
.md-card__image img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.md-card__image span {
	position:absolute;
	top:50%;
	right:0;
	color:#fff;
	width:rem(96);
	height:rem(96);
	font-size:rem(24);
	text-align:center;
	line-height:rem(36);
	letter-spacing:2px;
	padding:rem(12) rem(18);
	background:rgb(224 124 125 / .8);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.md-card__text {
	padding:rem(20) rem(24);
	background-color:#fff
}
.md-card__title {
	color:#3d3d3d;
	font-size:rem(28);
	padding-bottom:rem(16);
	position:relative;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.md-card__title::after {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:rem(72);
	height:2px;
	background-color:#e6e6e6
}
.md-card__brief {
	color:#9b9b9b;
	font-size:rem(20);
	padding-top:rem(24);
	line-height:1.6;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:-webkit-box;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	word-wrap:break-word;
	white-space:normal;
	overflow:hidden
}
.md-card__mask {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:rem(18) rem(30);
	padding-right:rem(200);
	background-color:rgb(49 52 55 / .8)
}
.md-card__time {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	color:#e4e4e4;
	font-size:.32rem;
	line-height:rem(60);
	background-color:#99173a;
	padding:rem(18) rem(30)
}
.md-card__mask .md-card__title {
	color:#fff;
	height:rem(60);
	line-height:rem(60);
	padding-bottom:0;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.md-card__mask .md-card__title::after {
	display:none
}
.hh-media {
	display:block;
	height:140px;
	background-color:#fff
}
.hh-media__image {
	float:left;
	width:226px;
	height:100%;
	overflow:hidden;
	background-color:#000;
	position:relative;
	z-index:2
}
.hh-media__image img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out
}
.hh-media__text {
	height:100%;
	padding:16px 20px;
	margin-left:226px;
	-webkit-box-sizing:border-box;

	box-sizing:border-box;
	border:1px solid rgb(0 0 0 / .1);
	border-left:none;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out
}
.hh-media__title {
	font-size:16px;
	font-weight:600;
	color:#333;
	line-height:22px;
	text-align:justify;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out
}
.hh-media__brief {
	height:3em;
	font-size:12px;
	color:#3d3d3d;
	line-height:1.5;
	text-align:justify;
	margin-top:8px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:-webkit-box;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	word-wrap:break-word;
	white-space:normal;
	overflow:hidden;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out
}
.hh-media__infos {
	height:20%;
	margin-top:24px
}
.hh-media__infos span {
	color:#999;
	font-size:14px;
	line-height:20px;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out
}
.hh-media__infos .hhfont {
	color:#ccc;
	font-size:13px;
	margin-left:2px;
	margin-right:14px;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out
}
.hh-media:hover .hh-media__image img {
	-webkit-transform:scale(1.06);
	-ms-transform:scale(1.06);
	transform:scale(1.06);
	opacity:.8
}
.hh-media:hover .hh-media__text {
	border-color:#99173a;
	background-color:#99173a
}
.hh-media:hover .hh-media__title {
	color:#fff
}
.hh-media:hover .hh-media__brief {
	color:#fff
}
.hh-media:hover .hh-media__infos span {
	color:#fff
}
.hh-media:hover .hh-media__infos .hhfont {
	color:#fff
}
.pagination {
	height:rem(150);
	text-align:center;
	padding-top:rem(30);
	padding-bottom:rem(60)
}
.pagination li {
	height:100%;
	margin:0 rem(6);
	min-width:rem(60);
	line-height:rem(60);
	display:inline-block;
	vertical-align:top
}
.pagination li a {
	display:block;
	padding:0 rem(12);
	color:#595959;
	font-size:rem(24);
	background-color:#fff;
	-webkit-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out
}
.pagination li.active a {
	color:#fff;
	border-color:#99173a;
	background-color:#99173a
}
.pagination li a {
	display:block;
	color:#595959;
	font-size:rem(24);
	padding:0 rem(24);
	background-color:#fff
}
.pagination li a:hover {
	color:#fff;
	border-color:#99173a;
	background-color:#99173a
}
.pagination li.disabled a,.pagination li.disabled a:hover {
	color:#d0d0d0;
	background-color:#fff
}
.pagination-gray {
	background-color:#fff
}
.pagination-gray li a {
	background-color:#f2f3f4
}
.pagination-gray li a:hover,.pagination-gray li.active a {
	color:#fff;
	background-color:#99173a
}
.pagination-gray li a {
	background-color:#f2f3f4
}
.pagination-gray li a:hover {
	color:#fff;
	border-color:#99173a;
	background-color:#99173a
}
.pagination-gray li.disabled a,.pagination-gray li.disabled a:hover {
	background-color:#f2f3f4
}
.title-column {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height:rem(54);
	color:#595959;
	font-size:rem(34);
	font-weight:600;
	line-height:rem(54);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start
}
.title-column i {
	font-size:rem(34);
	margin-right:rem(12)
}
.ibtn {
	display:inline-block;
	vertical-align:top;
	height:.88rem;
	border:none;
	outline:none;
	padding:0 .4rem;
	color:#fff;
	font-size:.37333rem;
	text-align:center;
	line-height:.88rem;
	border-radius:.44rem;
	background-color:#000;
	text-transform:uppercase;
	-webkit-transition:0.35s ease-in-out;
	-o-transition:0.35s ease-in-out;
	transition:0.35s ease-in-out
}
.ibtn-more {
	width:4rem;
	color:#fff;
	font-size:.32rem;
	line-height:.88rem;
	border-radius:.44rem;
	background-color:#99173a
}
.hh-banner {
	height:960px;
	overflow:hidden;
	position:relative;
	background-color:#5a0018;
	z-index:1
}
.hh-banner-imge {
	position:absolute;
	z-index:1;
	top:50%;
	left:50%;
	z-index:1;
	width:100%;
	height:100%;
	min-width:1440px;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.hh-bg-black:after {
	position:absolute;
	width:100%;
	height:100%;
	z-index:6;
	background:rgb(0 0 0 / .15);
	content:'';
	top:0;
	left:0
}
.hh-banner-imge img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.hh-banner-imge video {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.hh-banner-text {
	position:absolute;
	z-index:3;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.hh-banner-desc {
	color:#fff;
	font-size:40px;
	line-height:55px;
	font-family:AlibabaPuHuiTiLight;
	-webkit-animation:1.5s ease-in-out 0.2s both;
	animation:1.5s ease-in-out 0.2s both
}
.hh-banner-desc::before,.hh-banner-desc::after {
	content:'';
	width:8.33333%;
	height:1px;
	background:#fff;
	display:inline-block;
	vertical-align:middle
}
.hh-banner-desc::after {
	margin-left:4.86111%
}
.hh-banner-desc::before {
	margin-right:4.86111%
}
.hh-banner-name {
	color:#fff;
	font-size:80px;
	line-height:110px;
	font-family:AlibabaPuHuiTiHeavy;
	-webkit-animation:1.5s ease-in-out 0.4s both;
	animation:1.5s ease-in-out 0.4s both;
	margin-top:10px
}
.hh-banner-data {
	width:640px;
	height:60px;
	padding:11px 0;
	margin:20px auto 0;
	background:rgb(153 23 58 / .4);
	-webkit-animation:1.5s ease-in-out 0.6s both;
	animation:1.5s ease-in-out 0.6s both
}
.hh-banner-data em {
	color:#fff;
	font-size:28px;
	line-height:38px;
	font-family:AlibabaPuHuiTiRegular;
	display:inline-block;
	vertical-align:middle;
	white-space:nowrap;
	position:relative;
	padding:0 40px
}
.hh-banner-data em::before {
	content:'';
	position:absolute;
	top:50%;
	left:-3px;
	width:6px;
	height:6px;
	margin-top:-3px;
	border-radius:50%;
	background-color:#fff
}
.hh-banner-data em:first-child::before {
	display:none
}
.hh-banner-ibtn {
	position:absolute;
	z-index:8;
	left:50%;
	bottom:32px;
	width:40px;
	height:56px;
	padding:8px;
	margin-left:-20px;
	border:2px solid #fff;
	border-radius:20px;
	cursor:pointer
}
.hh-banner-ibtn::after {
	content:'';
	display:block;
	width:4px;
	height:12px;
	margin:0 auto;
	border-radius:2px;
	background-color:#fff;
	-webkit-animation:moving 6s ease-in-out 0.2s infinite both;
	animation:moving 6s ease-in-out 0.2s infinite both
}
.hh-banner .swiper-slide {
	overflow:hidden;
	-webkit-transform:scale(.8);
	-ms-transform:scale(.8);
	transform:scale(.8);
	-webkit-transition:0.4s ease-in-out;
	-o-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.hh-banner .swiper-slide.swiper-slide-active.ani-scale-end {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.hh-banner .swiper-slide.swiper-slide-active.ani-scale {
	-webkit-transform:scale(.8);
	-ms-transform:scale(.8);
	transform:scale(.8)
}
.hh-banner .swiper-slide-active .hh-banner-desc {
	-webkit-animation-name:fadeInLeftBig;
	animation-name:fadeInLeftBig
}
.hh-banner .swiper-slide-active .hh-banner-name {
	-webkit-animation-name:fadeInRightBig;
	animation-name:fadeInRightBig
}
.hh-banner .swiper-slide-active .hh-banner-data {
	-webkit-animation-name:fadeInUpBig;
	animation-name:fadeInUpBig
}
.hh-banner .swiper-slide-active .hh-banner-data_first {
	-webkit-animation-name:fadeInUpBig;
	animation-name:fadeInUpBig
}
.hh-banner .swiper-slide-active .hh-banner-data_second {
	-webkit-animation-name:fadeInUpBig;
	animation-name:fadeInUpBig
}
.hh-banner .swiper-slide-active .hh-banner-data_three {
	-webkit-animation-name:fadeInUpBig;
	animation-name:fadeInUpBig
}
.hh-banner .swiper-slide-active .hh-banner-data_fourth {
	-webkit-animation-name:fadeInUpBig;
	animation-name:fadeInUpBig
}
.hh-banner .swiper-slide-active .hh-banner-data_fixth {
	-webkit-animation-name:fadeInUpBig;
	animation-name:fadeInUpBig
}
.hh-banner .swiper-slide-active .hh-banner-data_six {
	-webkit-animation-name:fadeInUpBig;
	animation-name:fadeInUpBig
}
.hh-banner-pagination.swiper-pagination {
	top:50%;
	left:auto;
	right:5.55556%;
	bottom:auto;
	width:14px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.hh-banner-pagination .swiper-pagination-bullet {
	display:block;
	width:10px;
	height:10px;
	cursor:pointer;
	background-color:#fff;
	margin:21px auto!important;
	-webkit-transition:0.35s ease-in-out;
	-o-transition:0.35s ease-in-out;
	transition:0.35s ease-in-out;
	opacity:.57
}
.hh-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width:14px;
	height:14px;
	opacity:1
}
.hh-about {
	width:100%;
	overflow:hidden;
	background-color:#fff;
	padding:60px 0
}
.hh-about__text {
	height:8em;
	color:#3d3d3d;
	font-size:14px;
	font-weight:400;
	line-height:2;
	margin-top:7.93651%;
	-webkit-transition:0.35s ease-in-out;
	-o-transition:0.35s ease-in-out;
	transition:0.35s ease-in-out;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	display:-webkit-box;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	word-wrap:break-word;
	white-space:normal;
	overflow:hidden
}
.hh-about__image {
	width:100%;
	height:188px;
	margin-top:20px;
	-webkit-transition:0.35s ease-in-out;
	-o-transition:0.35s ease-in-out;
	transition:0.35s ease-in-out;
	position:relative;
	overflow:hidden;
	z-index:2
}
.hh-about__image>img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	-webkit-transition:0.35s ease-in-out;
	-o-transition:0.35s ease-in-out;
	transition:0.35s ease-in-out;
	visibility:visible;
	opacity:1
}
.hh-about__image .swiper-container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	visibility:hidden;
	opacity:0;
	-webkit-transition:0.35s ease-in-out;
	-o-transition:0.35s ease-in-out;
	transition:0.35s ease-in-out
}
.hh-about__image .swiper-slide img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.hh-about__image .swiper-button-prev {
	width:40px;
	height:40px;
	background-image:url(../fonts/35713a600a974c2393d588f8bc7ed182.woff)
}
.hh-about__image .swiper-button-next {
	width:40px;
	height:40px;
	background-image:url(../fonts/ba36c50f045c4416a9eaa09ff7615fef.woff)
}
.hh-about__pane:hover .hh-about__text {
	height:0;
	margin-top:0
}
.hh-about__pane:hover .hh-about__image {
	height:320px;
	margin-top:7.93651%
}
.hh-about__pane:hover .hh-about__image>img {
	visibility:hidden;
	opacity:0
}
.hh-about__pane:hover .hh-about__image>.swiper-container {
	visibility:visible;
	opacity:1
}
.hh-honor__roll {
	margin-top:7.93651%;
	padding-right:calc((948px - 100%) / 3)
}
.hh-honor__roll .swiper-slide {
	z-index:1;
	-webkit-transition:0.25s ease-in-out;
	-o-transition:0.25s ease-in-out;
	transition:0.25s ease-in-out;
	visibility:hidden;
	opacity:0
}
.hh-honor__roll .swiper-slide.swiper-slide-active {
	z-index:1;
	visibility:visible;
	opacity:1
}
.hh-honor__roll .swiper-slide.swiper-slide-next {
	z-index:2;
	visibility:visible;
	opacity:1
}
.hh-honor__roll .swiper-slide.swiper-slide-next~.swiper-slide {
	z-index:1;
	visibility:hidden;
	opacity:0
}
.hh-honor__roll .swiper-slide.swiper-slide-next+.swiper-slide {
	z-index:3;
	visibility:visible;
	opacity:1
}
.hh-honor__roll .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide {
	z-index:4;
	visibility:visible;
	opacity:1
}
.hh-honor__roll .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide .hh-honor__card {
	width:237px
}
.hh-honor__roll .swiper-slide:hover {
	width:237px!important;
	z-index:8!important
}
.hh-honor__roll .swiper-slide:hover .hh-honor__mask {
	-webkit-transition:0.35s 0.15s ease-in-out;
	-o-transition:0.35s 0.15s ease-in-out;
	transition:0.35s 0.15s ease-in-out;
	visibility:visible;
	opacity:1
}
.hh-honor__roll .swiper-slide:hover .hh-honor__mask h3 {
	-webkit-transition:0.4s 0.3s ease-in-out;
	-o-transition:0.4s 0.3s ease-in-out;
	transition:0.4s 0.3s ease-in-out;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.hh-honor__roll .swiper-slide:hover .hh-honor__mask p {
	-webkit-transition:0.4s 0.3s ease-in-out;
	-o-transition:0.4s 0.3s ease-in-out;
	transition:0.4s 0.3s ease-in-out;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.hh-honor__roll .swiper-button-prev {
	z-index:12;
	width:40px;
	height:40px;
	background-image:url(data:image/svg+xml;
	base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+bGVmdEAyeDwvdGl0bGU+CiAgICA8ZyBpZD0i572R56uZIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5YiH5Zu+IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODQuMDAwMDAwLCAtMTE3MS4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0ibGVmdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODQuMDAwMDAwLCAxMTcxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAuMDAwMDAwLCAyMC4wMDAwMDApIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC0yMC4wMDAwMDAsIC0yMC4wMDAwMDApICIgcG9pbnRzPSIxNC4wMDcyODA2IDM1IDExIDMyLjM0MjU3MTcgMjMuMzYzNjQ4IDIwLjAyNjk4NzcgMTEuMTYwOTQwMSA3LjgwMDk4IDEzLjk1MzI1MDcgNSAyOSAyMC4wMjM1NDI1Ij48L3BvbHlnb24+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
	background-color:rgb(0 0 0 / .3);
	visibility:hidden;
	opacity:0
}
.hh-honor__roll .swiper-button-next {
	z-index:12;
	width:40px;
	height:40px;
	background-image:url(../fonts/ba36c50f045c4416a9eaa09ff7615fef.woff);
	background-color:rgb(0 0 0 / .3);
	visibility:hidden;
	opacity:0
}
.hh-honor__roll:hover .swiper-button-prev {
	visibility:visible;
	opacity:1
}
.hh-honor__roll:hover .swiper-button-next {
	visibility:visible;
	opacity:1
}
.hh-honor__card {
	display:block;
	width:100%;
	height:320px;
	position:relative;
	overflow:hidden
}
.hh-honor__card img {
	width:237px;
	height:320px;
	max-width:none
}
.hh-honor__mask {
	position:absolute;
	z-index:3;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	text-align:center;
	padding:100px 24px 0;
	border:2px solid #99173a;
	background:rgb(0 0 0 / .55);
	visibility:hidden;
	opacity:0
}
.hh-honor__mask h3 {
	color:#fff;
	font-size:20px;
	font-weight:600;
	line-height:28px;
	padding-bottom:12px;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px)
}
.hh-honor__mask p {
	color:#fff;
	font-size:12px;
	font-weight:400;
	line-height:17px;
	margin-top:4px;
	-webkit-transform:translateY(50px);
	-ms-transform:translateY(50px);
	transform:translateY(50px)
}
.hh-product {
	padding-top:60px;
	padding-bottom:40px
}
.hh-product__custom-list {
	font-size:0;
	padding-top:29px
}
.hh-product__custom-list:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.hh-product__custom-item {
	margin-bottom:2.85714%
}
.hh-product__custom-item:nth-child(1) .svg-develop::before {
	background-position:-7% -7%
}
.hh-product__custom-item:nth-child(2) .svg-develop::before {
	background-position:27% -7%
}
.hh-product__custom-item:nth-child(3) .svg-develop::before {
	background-position:-7% 50%
}
.hh-product__custom-item:nth-child(4) .svg-develop::before {
	background-position:27% 50%
}
.hh-product__custom-item:nth-child(5) .svg-develop::before {
	background-position:-7% 105%
}
.hh-product__custom-item:nth-child(6) .svg-develop::before {
	background-position:27% 105%
}
.hh-product__custom-item:nth-child(1) .svg-develop::after {
	background-position:70% -7%
}
.hh-product__custom-item:nth-child(2) .svg-develop::after {
	background-position:107% -7%
}
.hh-product__custom-item:nth-child(3) .svg-develop::after {
	background-position:70% 50%
}
.hh-product__custom-item:nth-child(4) .svg-develop::after {
	background-position:107% 50%
}
.hh-product__custom-item:nth-child(5) .svg-develop::after {
	background-position:70% 105%
}
.hh-product__custom-item:nth-child(6) .svg-develop::after {
	background-position:107% 105%
}
.hh-product__custom-card {
	background:#fff;
	padding-bottom:100%;
	position:relative
}
.hh-product__custom-card::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:1px solid #99173a;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.hh-product__custom-card a {
	position:absolute;
	z-index:2;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	text-align:center;
	padding:30.87129% 20px 0;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out
}
.hh-product__custom-card .svg-develop {
	display:block;
	width:40%;
	margin:0 auto;
	position:relative;
	background-image:none;
	padding-bottom:30%
}
.hh-product__custom-card .svg-develop::after,.hh-product__custom-card .svg-develop::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	background-size:400% auto
}
.hh-product__custom-card .svg-develop::after {
	visibility:hidden;
	opacity:0
}
.hh-product__custom-card .svg-develop::before {
	visibility:visible;
	opacity:1
}
.hh-product__custom-card .name {
	display:block;
	color:#000;
	font-size:16px;
	line-height:22px;
	margin-top:13.20132%;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out
}
.hh-product__custom-card:hover a {
	background-color:#99173a
}
.hh-product__custom-card:hover .name {
	color:#fff
}
.hh-product__custom-card:hover .svg-develop::before {
	visibility:hidden;
	opacity:0
}
.hh-product__custom-card:hover .svg-develop::after {
	visibility:visible;
	opacity:1
}
.hh-product__finish-list {
	font-size:0;
	padding-top:29px
}
.hh-product__finish-list:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.hh-product__finish-item {
	overflow:hidden;
	margin-bottom:3.1746%
}
.hh-product__finish-item a {
	display:block;
	position:relative
}
.hh-product__finish-image {
	width:100%;
	overflow:hidden;
	padding-bottom:100%
}
.hh-product__finish-image img {
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.hh-product__finish-hover {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	-webkit-transform:translateY(-80px);
	-ms-transform:translateY(-80px);
	transform:translateY(-80px);
	background-color:rgb(153 23 58 / .65);
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	padding:29px 20px
}
.hh-product__finish-hover h3 {
	font-size:16px;
	font-weight:400;
	color:#fff;
	line-height:22px;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out
}
.hh-product__finish-hover p {
	color:#fafafa;
	font-size:12px;
	line-height:22px;
	margin-top:60px;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out
}
.hh-product__finish-item:hover .hh-product__finish-hover {
	padding-top:150px;
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	background-color:rgb(153 23 58 / .9)
}
.hh-product__finish-item:hover .hh-product__finish-hover h3 {
	color:#fafafa;
	font-size:20px;
	font-weight:600;
	line-height:28px
}
.hh-product__finish-item:hover .hh-product__finish-hover p {
	margin-top:10px
}
.hh-poster {
	padding-top:60px;
	background-color:#fff;
	position:relative;
	z-index:1
}
.hh-poster__wrap {
	position:relative;
	z-index:1
}
.hh-poster__wrap p {
	width:100%;
	height:200px;
	overflow:hidden
}
.hh-poster__wrap img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.hh-poster__wrap video {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.hh-poster__name {
	text-align:center;
	padding-top:58px;
	padding-bottom:50px;
	position:absolute;
	z-index:2;
	top:60px;
	left:0;
	width:100%;
	font-size:0
}
.hh-poster__name span {
	width:234px;
	height:52px;
	margin-top:42px;
	margin-left:42px;
	display:inline-block;
	vertical-align:top;
	background-image:url(../fonts/huihuakeji.svg);
	background-position:right bottom;
	background-repeat:no-repeat
}
.hh-poster__name span:first-child {
	margin-top:0;
	margin-left:0;
	background-position:0 0
}
.hh-case {
	padding:60px 0;
	background-color:#fff
}
#indextabs {
	margin:0 auto;
	padding:24px 0
}
#indextabs .tabul {
	overflow:hidden;
	display:flex;
	justify-content:flex-start;
	align-items:center
}
#indextabs .tabul li {
	margin-right:1px
}
#indextabs .tabul li a {
	font-size:14px;
	padding:0 30px;
	background:#f5f5f5;
	display:inline-block;
	line-height:49px;
	height:50px;
	transition:all 0.4s
}
#indextabs .tabul li a:hover,#indextabs .tabul li .tabulous_active {
	background:#99173a;
	color:#fff
}
#tabs_container {
	position:relative;
	width:100%
}
#tabs_container>div {
	width:100%
}
.transition {
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	-webkit-transition-delay:.3s;
	-moz-transition-delay:.3s;
	-o-transition-delay:.3s;
	-ms-transition-delay:.3s;
	transition-delay:.3s
}
.make_transist {
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.hidescale {
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
	-o-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9);
	-ms-filter:"alpha(opacity=0)";
	filter:alpha(opacity=0);
	filter:alpha(opacity=0);
	opacity:0
}
.showscale {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-ms-filter:"alpha(opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transition-delay:.3s;
	-moz-transition-delay:.3s;
	-o-transition-delay:.3s;
	-ms-transition-delay:.3s;
	transition-delay:.3s
}
.hideleft {
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
	-ms-filter:"alpha(opacity=0)";
	filter:alpha(opacity=0);
	opacity:0
}
.showleft {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-o-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
	-ms-filter:"alpha(opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transition-delay:.3s;
	-moz-transition-delay:.3s;
	-o-transition-delay:.3s;
	-ms-transition-delay:.3s;
	transition-delay:.3s
}
.hh-case__list {
	font-size:0
}
.hh-case__item {
	padding-top:24px
}
.hh-case__item a {
	display:block
}
.hh-case__image {
	width:100%;
	padding-bottom:74.6114%;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	position:relative;
	overflow:hidden
}
.hh-case__image>img {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	-webkit-transition:0.6s ease-in-out;
	-o-transition:0.6s ease-in-out;
	transition:0.6s ease-in-out
}
.hh-case__image p {
	position:absolute;
	z-index:3;
	top:50%;
	left:50%;
	padding:7px 0;
	text-align:center;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
	visibility:hidden;
	opacity:0
}
.hh-case__image small {
	display:block;
	color:#fff;
	font-size:16px;
	margin-top:8px
}
.hh-case__image strong {
	display:block;
	color:#fff;
	font-size:24px;
	font-weight:400;
	text-align:center;
	white-space:nowrap;
	position:relative;
	padding-bottom:8px
}
.hh-case__image strong::after {
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:2px;
	bottom:0;
	background-color:#fff;
	-webkit-transition:0.4s 0.3s ease-in-out;
	-o-transition:0.4s 0.3s ease-in-out;
	transition:0.4s 0.3s ease-in-out;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transform:scaleX(.2);
	-ms-transform:scaleX(.2);
	transform:scaleX(.2)
}
.hh-case__image::after {
	content:'';
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	visibility:hidden;
	opacity:0
}
.hh-case__text {
	padding-top:20px;
	padding-bottom:20px
}
.hh-case__title {
	color:#000;
	font-size:16px;
	font-weight:600;
	line-height:22px;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.hh-case__brief {
	color:rgb(0 0 0 / .65);
	font-size:12px;
	font-weight:400;
	line-height:17px;
	margin-top:10px;
	padding-right:36px;
	position:relative
}
.hh-case__brief span {
	display:block;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.hh-case__brief .hhfont {
	position:absolute;
	top:0;
	right:0;
	font-size:24px;
	line-height:17px
}
.hh-case__item a:hover .hh-case__image>img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.hh-case__item a:hover .hh-case__image p {
	visibility:visible;
	opacity:.9
}
.hh-case__item a:hover .hh-case__image strong::after {
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	transform:scaleX(1)
}
.hh-case__item a:hover .hh-case__image::after {
	visibility:visible;
	opacity:.6
}
.hh-case__item a:hover .hh-case__title {
	color:#99173a
}
.hh-case__item:hover .hh-case__brief .hhfont {
	color:#99173a
}
.hh-case__title {
	color:#000;
	font-size:16px;
	font-weight:600;
	line-height:22px;
	-webkit-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.hh-case__brief {
	color:rgb(0 0 0 / .65);
	font-size:12px;
	font-weight:400;
	line-height:17px;
	margin-top:10px;
	padding-right:36px;
	position:relative
}
.hh-case__image dd {
	position:absolute;
	z-index:3;
	visibility:hidden;
	transition:all 0.4s;
	top:50%;
	left:50%;
	padding:7px 0;
	text-align:center;
	transform:translate(-50%,-50%);
	transition:0.3s ease-in-out
}
.hh-case__image dd img {
	width:60%;
	display:inline-block;
	margin-bottom:1.1rem
}
.hh-case__image dd span {
	display:inline-block;
	width:140px;
	height:35px;
	line-height:35px;
	background:#99173a;
	border-radius:17px;
	font-size:14px;
	color:#fff
}
.hh-case__item a:hover dd {
	visibility:visible
}
.hh-news {
	padding:60px 0;
	position:relative
}
.hh-news__list {
	padding-top:50px
}
.hh-news__item {
	margin-bottom:20px
}
.hh-banner-data_first {
	width:1150px;
	margin-left:auto;
	margin-right:auto;
	margin-top:32px;
	-webkit-animation:1.5s ease-in-out 0.6s both;
	animation:1.5s ease-in-out 0.6s both;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.hh-banner-data_first p {
	width:320px;
	height:60px;
	background:rgb(153 23 58 / .4);
	color:#FFF;
	padding-left:12px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:row;
	margin-bottom:24px
}
.hh-banner-data_first p:nth-child(3n) {
	margin-right:0
}
.hh-banner-data_first p span {
	font-size:20px;
	font-family:AlibabaPuHuiTiR
}
.hh-banner-data_first p i {
	font-size:40px;
	color:#fff;
	margin-right:10px
}
.hh-banner-data_second {
	width:520px;
	margin-left:auto;
	margin-right:auto;
	margin-top:28px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	-webkit-animation:1.5s ease-in-out 0.6s both;
	animation:1.5s ease-in-out 0.6s both
}
.hh-banner-data_second p {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	margin-bottom:32px;
	color:#fff;
	width:120px;
	height:120px;
	background:rgb(153 23 58 / .4);
	margin-right:60px;
	padding:20px 0
}
.hh-banner-data_second p:nth-child(3n) {
	margin-right:0
}
.hh-banner-data_second p i {
	margin-bottom:8px;
	font-size:52px;
	line-height:52px
}
.hh-banner-data_second p span {
	letter-spacing:1px;
	font-size:20px;
	font-family:AlibabaPuHuiTiR
}
.hh-banner-data_three {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:28px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	-webkit-animation:1.5s ease-in-out 0.6s both;
	animation:1.5s ease-in-out 0.6s both
}
.hh-banner-data_three p {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	margin-bottom:32px;
	color:#fff;
	width:120px;
	height:120px;
	background:rgb(153 23 58 / .4);
	padding:20px 0;
	position:relative
}
.hh-banner-data_three p:not(:last-child):after {
	content:"";
	position:absolute;
	width:1px;
	height:50px;
	right:0;
	top:35px;
	background:rgb(255 255 255 / .39)
}
.hh-banner-data_three p i {
	margin-bottom:8px;
	font-size:52px;
	line-height:52px
}
.hh-banner-data_three p span {
	letter-spacing:1px;
	font-size:20px;
	font-family:AlibabaPuHuiTiR
}
.hh-banner-data_fourth {
	width:405px;
	margin-left:auto;
	margin-right:auto;
	margin-top:28px;
	-webkit-animation:1.5s ease-in-out 0.6s both;
	animation:1.5s ease-in-out 0.6s both
}
.hh-banner-data_fourth p {
	background:rgb(153 23 58 / .4);
	padding:20px 0;
	position:relative;
	color:#fff;
	width:405px;
	margin-bottom:25px;
	display:flex;
	justify-content:flex-start;
	padding-left:20%
}
.hh-banner-data_fourth p span {
	position:relative
}
.hh-banner-data_fourth p span:after {
	position:absolute;
	content:"";
	width:13px;
	height:5px;
	background:#fff;
	top:50%;
	left:-30px
}
.hh-banner-data_fixth {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:28px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	-webkit-animation:1.5s ease-in-out 0.6s both;
	animation:1.5s ease-in-out 0.6s both
}
.hh-banner-data_fixth p {
	width:320px;
	height:60px;
	background:rgb(153 23 58 / .4);
	color:#FFF;
	padding-left:12px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:row;
	margin-bottom:24px
}
.hh-banner-data_fixth p span {
	font-size:20px;
	font-family:AlibabaPuHuiTiR
}
.hh-banner-data_fixth p i {
	font-size:40px;
	color:#fff;
	margin-right:10px
}
.hh-banner-data_six {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:28px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	-webkit-animation:1.5s ease-in-out 0.6s both;
	animation:1.5s ease-in-out 0.6s both
}
.hh-banner-data_six p {
	width:320px;
	height:60px;
	background:rgb(153 23 58 / .4);
	color:#FFF;
	padding-left:20%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:row;
	margin-bottom:24px
}
.hh-banner-data_six p span {
	position:relative
}
.hh-banner-data_six p span:after {
	position:absolute;
	content:"";
	width:13px;
	height:5px;
	background:#fff;
	top:50%;
	left:-30px
}
@media screen and (max-width:767px) {
	html,body {
	width:100%;
	min-width:100%;
	font-size:12px
}
.container {
	width:100%;
	padding-left:0;
	padding-right:0
}
.hh-banner-desc {
	font-size:12px;
	line-height:16px;
	margin-top:16px
}
.hh-banner-name {
	font-size:22px;
	line-height:30px;
	margin-top:2px
}
.hh-banner-data {
	width:80%;
	height:38px;
	padding:0 0
}
.hh-banner-data em {
	font-size:16px;
	padding:0 10px
}
.hh-banner-pagination.swiper-pagination {
	top:53%
}
.hh-banner {
	height:280px!important
}
.hh-banner-ibtn {
	bottom:60px
}
.hh-about {
	padding:30px 0
}
.hh-honor__pane .hh-title-home {
	margin-top:30px
}
.hh-col-6 {
	width:100%
}
.hh-col-4 {
	width:50%
}
.hh-media__image {
	width:100px;
	background-color:#fff
}
.hh-media__image img {
	object-fit:contain
}
.hh-media__text {
	margin-left:100px;
	padding:12px 10px;
	border:none
}
.hh-banner-data_three {
	width:90%
}
.hh-banner-data_three p {
	width:16%;
	margin-right:1%;
	padding:0;
	height:60px;
	margin-bottom:15px
}
.hh-banner-data_three p i {
	font-size:26px;
	line-height:24px
}
.hh-banner-data_three p span {
	font-size:12px
}
.hh-banner-data_first {
	width:90%;
	margin-top:0
}
.hh-banner-data_first p i {
	font-size:16px;
	margin-right:0
}
.hh-banner-data_first p span {
	font-size:12px;
	text-align:left
}
.hh-banner-data_first p {
	width:49%;
	margin-bottom:10px;
	height:auto
}
#indextabs .tabul {
	display:flex;
	justify-content:center;
	flex-wrap:wrap
}
#indextabs .tabul li {
	margin-bottom:10px;
	width:45%
}
#indextabs .tabul li:nth-child(2n+1) {
	margin-right:5%
}
#indextabs .tabul li a {
	padding:0;
	width:100%;
	text-align:center;
	line-height:30px;
	height:30px
}
.hh-about__text {
	padding:0 15px;
	margin-top:14px
}
.wap-hh-honor__roll {
	margin-top:14px
}
.wap-hh-honor__roll {
	width:100%;
	height:180px
}
.hh-honor__card {
	height:100%
}
.hh-honor__card img {
	width:100%;
	height:100%;
	object-fit:cover
}
.hh-product__custom-item {
	width:50%
}
.hh-product__finish-item {
	width:50%
}
.hh-product__finish-hover {
	height:auto;
	padding:6px 12px;
	transform:translateY(-34px)
}
.hh-product__finish-hover h3 {
	font-size:12px
}
.hh-product__custom-list {
	padding-left:15px;
	padding-right:15px
}
.hh-product__finish-list {
	padding-left:15px;
	padding-right:15px
}
#indextabs {
	padding:24px 15px
}
.hh-news__list {
	padding-left:15px;
	padding-right:15px;
	padding-top:25px
}
.hh-media {
	height:110px;
	border:1px solid rgb(0 0 0 / .1);
	padding-left:10px
}
.hh-media__infos {
	margin-top:0
}
.hh-about__pane:hover .hh-about__text {
	height:8em;
	margin-top:14px
}
.hh-about__pane:hover .hh-about__image {
	height:188px;
	margin-top:20px
}
.hh-about__pane:hover .hh-about__image>img {
	visibility:visible;
	opacity:1
}
.hh-about__pane:hover .hh-about__image>.swiper-container {
	visibility:visible;
	opacity:0
}
.hh-product__custom-card .name {
	font-size:12px
}
.hh-banner-imge img {
	object-fit:contain
}
.waphh-product__finish-hover {
	padding:6px 0;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	background-color:rgb(153 23 58 / .65);
	width:100%
}
.waphh-product__finish-hover h3 {
	font-weight:400;
	color:#fff;
	line-height:22px;
	font-size:12px
}
.hh-product {
	padding-top:30px;
	padding-bottom:20px
}
.hh-product__finish {
	margin-top:30px
}
.hh-news {
	padding:30px 0
}
.hh-case {
	padding:30px 0
}
.hh-banner-data_second {
	width:90%
}
.hh-banner-data_second p i {
	font-size:16px;
	line-height:16px
}
.hh-banner-data_second p {
	width:calc((100% - 10px) / 3);
	height:auto;
	padding:10px 0;
	margin-right:0;
	margin-bottom:5px
}
.hh-banner-data_second p span {
	font-size:12px
}
.hh-banner-data_fourth {
	width:90%
}
.hh-banner-data_fourth p {
	padding:10px 0;
	width:100%;
	margin-bottom:5px;
	padding-left:20%
}
.hh-banner-data_fourth p span:after {
	height:2px;
	left:-20px
}
.hh-banner-data_fixth {
	width:90%
}
.hh-banner-data_fixth p {
	width:calc((100% - 20px) / 2);
	height:40px;
	margin-bottom:5px
}
.hh-banner-data_fixth p i {
	font-size:16px
}
.hh-banner-data_fixth p span {
	font-size:12px
}
.hh-banner-data_six {
	width:90%
}
.hh-banner-data_six p {
	width:calc((100% - 10px) / 2);
	height:40px;
	margin-bottom:5px
}
.hh-banner-data_six p span:after {
	height:2px;
	left:-20px
}
}