/*
Theme Name: huajin
Theme URI: https://www.yisainuo.com/
Author: yisainuo
Author URI: https://www.yisainuo.com/
Description: Huajin Amusement Equipment
Version: 1.0.0
*/
@charset "utf-8";

/* CSS Document */
body {
	font-family: Outfit-ExtraLight, Arial, Helvetica, sans-serif;
	font-size: 18px;
	overflow-x: hidden;
	color: #222;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	font-size: 14px;
	border: none;
	margin: 0;
	padding: 0;
}

img {
	border: 0 none;
	vertical-align: middle;
	height: auto;
	max-width: 100%;
}

a {
	color: #222;
	text-decoration: none;
	background-color: transparent;
	transition: .3s;
}

a:hover {
	cursor: pointer;
	color: #eb6601;
}

a:focus, input:focus, button:focus, textarea:focus {
	outline: none;
}

ul, li, dl, dt, dd {
	list-style: none outside none;
}

* {
	box-sizing: border-box;
}

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before, .slick-track:after {
	display: table;
	content: "";
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-shouye-wodesheji-tuanduiguanli1:before {
	content: "";
}

.icon-cangpeitubiao_fahuohuanhuofahuo:before {
	content: "";
}

.icon-xianchanganzhuangrenwu:before {
	content: "";
}

.icon-fankuifaqs:before {
	content: "";
}

.icon-xingye:before {
	content: "";
}

.icon-goutong:before {
	content: "";
}

.icon-danjuweihu:before {
	content: "";
}

.icon-WaterPark:before {
	content: "";
}

.icon-qiuqian:before {
	content: "";
}

.icon-wenhua:before {
	content: "";
}

.icon-sheji:before {
	content: "";
}

.icon-yizhanshifuwu:before {
	content: "";
}

.icon-qiyeshiming:before {
	content: "";
}

.icon-fenxi:before {
	content: "";
}

.icon-xiangmuxinxi:before {
	content: "";
}

.icon-gongsi:before {
	content: "";
}

.icon-chanpin:before {
	content: "";
}

.icon-fuwuliucheng:before {
	content: "";
}

.icon-jiage:before {
	content: "";
}

.icon-bengchuang:before {
	content: "";
}

.icon-zaixianzhanhui:before {
	content: "";
}

.icon-qiyezongzhi:before {
	content: "";
}

.icon-gaopinzhi:before {
	content: "";
}

.icon-fuwulinian_huaban1:before {
	content: "";
}

.icon-shangwutanpan:before {
	content: "";
}

.icon-shouye-wodesheji-tuanduiguanli:before {
	content: "";
}

.icon-gaozhiliang:before {
	content: "";
}

.icon-shiligongchang:before {
	content: "";
}

.icon-bengchuang1:before {
	content: "";
}

.icon-yunyingtuandui:before {
	content: "";
}

.icon-chenglishijian:before {
	content: "";
}

.icon-icon_shuishangleyuan:before {
	content: "";
}

.icon-a-zu1687:before {
	content: "";
}

.icon-zhuanshengchan:before {
	content: "";
}

.icon-a-DiversePopulationduoyangrenqun:before {
	content: "";
}

.icon-anquanbiaozhun:before {
	content: "";
}

.icon-duoyuyan1:before {
	content: "";
}

.icon-wenti:before {
	content: "";
}

.icon-PDFxiazai:before {
	content: "";
}

.icon-yuangongzhanghaoguanli:before {
	content: "";
}

.icon-haiwai:before {
	content: "";
}

.icon-shijiankaishishijian:before {
	content: "";
}

.icon-xuanzhuanmuma:before {
	content: "";
}

.icon-ziyuan:before {
	content: "";
}

.icon-changqu:before {
	content: "";
}

.icon-guoshanche:before {
	content: "";
}

.icon-chongqichengbao1:before {
	content: "";
}

.icon-kadingche:before {
	content: "";
}

.icon-jiantou:before {
	content: "";
}

.icon-twitter:before {
	content: "";
}

.icon-youtube1:before {
	content: "";
}

.icon-liuyan1:before {
	content: "";
}

.icon-xiazai19:before {
	content: "";
}

.icon-fanhuidingbu1:before {
	content: "";
}

.icon-zhuye:before {
	content: "";
}

.icon-facebook:before {
	content: "";
}

.icon-wechat1:before {
	content: "";
}

.icon-zixun1:before {
	content: "";
}

.icon-rili:before {
	content: "";
}

.icon-bofang:before {
	content: "";
}

.icon-youjiantou:before {
	content: "";
}

.icon-jian:before {
	content: "";
}

.icon-jiantou-left:before {
	content: "";
}

.icon-youtube:before {
	content: "";
}

.icon-youxiang1:before {
	content: "";
}

.icon-dianhua1:before {
	content: "";
}

.icon-mean_list:before {
	content: "";
}

.icon-liaotian:before {
	content: "";
}

.icon-youxiang:before {
	content: "";
}

.icon-skype1:before {
	content: "";
}

.icon-instagram-fill1:before {
	content: "";
}

.icon-fangdajing:before {
	content: "";
}

.icon-dianhua:before {
	content: "";
}

.icon-dayinchuanzhen:before {
	content: "";
}

.icon-zixunfuwu:before {
	content: "";
}

.icon-shoujilianxi:before {
	content: "";
}

.icon-dizhi:before {
	content: "";
}

.icon-skype:before {
	content: "";
}

.icon-chuanzhen:before {
	content: "";
}

.icon-pinterest1:before {
	content: "";
}

.icon-in:before {
	content: "";
}

.icon-jiantou1:before {
	content: "";
}

.icon-pinterest:before {
	content: "";
}

.icon-dianhua4:before {
	content: "";
}

.icon-dianhua5:before {
	content: "";
}

.icon-jia:before {
	content: "";
}

.icon-dianhua6:before {
	content: "";
}

.icon-jurassic_message:before {
	content: "";
}

.icon-ins:before {
	content: "";
}

.icon-instagram-fill:before {
	content: "";
}

.icon-fasong:before {
	content: "";
}

.icon-shubiao:before {
	content: "";
}

.icon-shouji:before {
	content: "";
}

.icon-dianhua3:before {
	content: "";
}

.icon-youtube2:before {
	content: "";
}

.icon-dianhua2:before {
	content: "";
}

.icon-666666-copy:before {
	content: "";
}

.icon-duihua1:before {
	content: "";
}

.icon-liuyan:before {
	content: "";
}

.icon-whatsapp1:before {
	content: "";
}

.icon-shouye-xuanzhong:before {
	content: "";
}

.icon-WhatsappMessage:before {
	content: "";
}

.icon-weixinguanli:before {
	content: "";
}

.icon-yuyan:before {
	content: "";
}

.icon-Mail:before {
	content: "";
}

.icon-dizhi1:before {
	content: "";
}

.icon-dingbu:before {
	content: "";
}

.icon-youxiang2:before {
	content: "";
}

.icon-douyin:before {
	content: "";
}

.icon-whatapp:before {
	content: "";
}

.icon-fasong1:before {
	content: "";
}

.icon-vk:before {
	content: "";
}

.icon-chahao:before {
	content: "";
}

.icon-duoyuyan:before {
	content: "";
}

.icon-home-fill:before {
	content: "";
}

.icon-tuite:before {
	content: "";
}

.icon-jiantou1-copy:before {
	content: "";
}

.icon-youjiantou-copy:before {
	content: "";
}

.icon-youjiantou-copy-copy:before {
	content: "";
}

.gt_switcher-popup span {
	display: none !important;
}

video {
	display: block;
}

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

textarea {
	-webkit-appearance: none;
}

.warper {
	width: 1500px;
	margin: 0 auto;
	position: relative;
}

.backToTop {
	width: 50px;
	height: 50px;
	z-index: 666;
	border-radius: 50px;
	background: #eb6601 url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/icon_top.png") no-repeat center;
	cursor: pointer;
	position: fixed;
	right: 0;
	text-indent: 9999px;
	bottom: 80px;
	color: #fff;
	transition: all .3s;
}

.backToTop:hover {
	opacity: .9;
}

header {
	height: 130px;
	background: #fff;
	width: 100%;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
}

.h_top {
	height: 50px;
	position: relative;
	background: #131313;
}

.hltlef {
	float: left;
}

.hltrig {
	float: right;
}

.h_tlx {
	height: 50px;
	line-height: 50px;
	float: left;
	color: #fff;
}

.h_tlx li {
	position: relative;
	display: inline-block;
	margin-right: 40px;
}

.backToTop.nitro-lazy {
	background: none !important;
}

.h_tlx li p {
	font-size: 16px;
}

.h_tlx li:last-child {
	margin-right: 0;
}

.he_tel {
	font-family: Outfit-Regular;
	display: flex;
	align-items: center;
}

.he_tel a:hover {
	text-decoration: underline;
}

.he_tel a {
	color: #fff;
	font-family: Outfit-ExtraLight;
}

.he_tel i {
	display: inline-block;
	font-size: 22px;
	color: #eb6601;
	margin-right: 5px;
}

.h_trx {
	float: right;
	display: flex;
	align-items: center;
}

.h_trx li {
	position: relative;
	margin-left: 14px;
	height: 50px;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	color: #fff;
}

.h_trx li:last-child {
	padding-right: 0;
}

.language-main {
	background: #fafafb;
	width: 120px;
	position: absolute;
	display: none;
	z-index: 99;
	left: -59px;
	top: 50px;
}

.language-main:before {
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
	transform: rotate(45deg);
	content: "";
	background: #fafafb;
	position: absolute;
	z-index: -1;
	top: -8px;
	right: 36px;
	width: 16px;
	height: 16px;
}

.language:hover .language-main {
	display: block;
}

.language-cont {
	width: 120px;
	padding: 0 16px;
	box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05);
	background: #fafafb;
	padding-bottom: 10px;
}

.language-cont a {
	width: 100% !important;
	position: relative;
	font-size: 14px !important;
	padding: 0 !important;
	padding-left: 15px !important;
	color: #222 !important;
	height: auto !important;
	border: none !important;
	line-height: 28px !important;
	text-align: left;
	display: block !important;
}

.language-post {
	padding-top: 10px;
}

.language-cont a:after {
	position: absolute;
	top: 10px;
	left: 0;
	width: 7px;
	height: 7px;
	background: #eb6601;
	content: "";
}

.language-cont a:hover {
	color: #eb6601 !important;
}

.h_trx li:hover .language-main {
	display: block;
}

.searchform {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	border-radius: 20px;
	background: rgba(255, 255, 255, .1);
	width: 168px;
	height: 28px;
}

.searchform span {
	width: 100%;
	font-size: 16px;
	height: 28px;
	line-height: 28px;
	background: transparent;
	color: #fff;
	padding-left: 10px;
	padding-right: 26px;
}

.searchform i {
	width: 30px;
	margin-right: 0 !important;
	line-height: 23px;
	background: transparent;
	border: 0;
	color: #fff;
	text-align: center;
	outline: none;
	cursor: pointer;
	transition: all .5s;
	position: absolute;
	right: 2px;
	top: 3px;
}

.search_box {
	display: none;
	border-top: 1px solid #f5f5f5;
	padding: 32px 0;
	z-index: 1000;
	background: #fff;
	position: fixed;
	top: 134px;
	left: 0;
	width: 100%;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 15%);
}

.searcnr {
	overflow: hidden;
	position: relative;
	width: 100%;
	transition: all .3s;
}

.searcnr input {
	width: 100%;
	font-size: 16px;
	border: 1px solid #e7e7e7;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	color: #333;
	line-height: 48px;
	padding-left: 20px;
	padding-right: 98px;
}

.searcnr button {
	width: 88px;
	line-height: 45px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #eb6601;
	border: 0;
	color: #fff;
	text-align: center;
	outline: none;
	cursor: pointer;
	transition: all .5s;
	position: absolute;
	right: 0;
	top: 0;
}

.searcnr button i {
	color: #fff;
	font-size: 22px;
}

.searcnr input::-webkit-input-placeholder {
	color: #666;
}

.searcnr input:-moz-placeholder {
	color: #666;
}

.hmedia {
	display: inline-block;
}

.hmedia a {
	display: inline-block;
	margin: 0 5px;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.hmedia a:hover {
	opacity: .9;
	color: #fff;
}

.langbox i {
	display: inline-block;
	cursor: pointer;
	background: #eb6601;
	font-size: 22px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border-radius: 34px;
	color: #fff;
}

.relto {
	position: relative;
}

#nav:after {
	content: "";
	display: block;
	clear: both;
}

.logo {
	position: absolute;
	top: 18px;
	left: 0;
}

.logo img {
	width: auto;
}

.close-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	z-index: 88;
}

.nav-open {
	transform: translateX(0);
}

.close-open {
	opacity: .5;
	visibility: visible;
}

.body-hidden {
	overflow: hidden !important;
}

#nav .nav-button {
	width: 35px;
	height: 35px;
	z-index: 5;
	border-radius: 3px;
	background: #eb6601;
	color: #fff;
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 35px;
	text-align: center;
	font-size: 20px;
}

#nav .nav-button i {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
}

#nav .nav-button {
	display: none;
}

.position {
	box-shadow: 0 1px 10px rgba(0, 0, 0, .12);
	background: #fff;
}

nav {
	float: right;
	margin-right: 172px;
}

nav li {
	float: left;
	margin: 0 30px;
	position: relative;
}

nav li > a {
	position: relative;
	line-height: 80px;
	font-family: Outfit-Regular;
	text-transform: capitalize;
	display: block;
	text-align: center;
	transition: .5s;
}

nav li.on > a, nav li:hover > a {
	color: #eb6601;
}

nav li:last-child {
	margin-right: 0;
}

nav li > a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 3px;
	background: #eb6601;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
	transition: all .3s;
}

nav li.on > a:before, nav li:hover > a:before {
	width: 100%;
}

.submett {
	background: #fff;
	border-top: 1px solid #e9e9e9;
	display: none;
	padding: 30px 0 40px;
	width: 100%;
	position: fixed;
	top: 130px;
	left: 0;
}

.sbuivb {
	display: flex;
	gap: 20px;
}

.sudls {
	width: 20%;
}

.sudls dt p {
	font-size: 20px;
	font-family: Outfit-Medium;
	margin-bottom: 15px;
}

.sudls dt .changpic {
	border-radius: 10px;
}

.sudls dd {
	margin-top: 20px;
	font-size: 16px;
	padding-left: 18px;
	position: relative;
}

.sudls dd::before {
	content: ">>";
	position: absolute;
	left: 0;
	top: 0;
}

.sudls dd:hover::before {
	color: #eb6601;
}

.sudls dt:hover .changpic img {
	transform: scale(1.1);
}

.hron {
	position: absolute;
	top: 20px;
	right: 0;
}

.hgebtn {
	font-size: 14px;
	background: #eb6601;
	display: inline-block;
	padding: 9px 32px;
	border-radius: 50px;
	color: #fff;
	font-family: Outfit-Regular;
}

.hgebtn:hover {
	color: #fff;
	opacity: .85;
}

.banner_home {
	margin-top: 130px;
	position: relative;
	overflow: hidden;
}

.banner {
	overflow: hidden;
}

.banner .item img {
	width: 100%;
}

.ban_arrow {
	width: 100%;
	position: absolute;
	bottom: 240px;
	left: 0;
	z-index: 10;
}

.ban_ctrl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.ban_arrow span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: #fff;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	transition: all .3s;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
}

.ban_arrow span i {
	color: #333;
	font-size: 18px;
	font-weight: bold;
}

.ban_arrow span.ban_prev {
	transform: rotate(180deg);
}

.ban_arrow span.ban_prev i {
	transform: rotate(0deg);
}

/* fix rotate conflict */
.ban_arrow span:hover {
	background: #eb6601;
}

.ban_arrow span:hover i {
	color: #fff;
}

.ban_line {
	width: 224px;
	height: 3px;
	background: #fff;
	margin: 0 15px;
	position: relative;
	overflow: hidden;
}

.ban_progress {
	display: block;
	height: 3px;
	border-radius: 0 !important;
	background: #eb6601 !important;
	width: 30%;
	transition: width .3s;
}

.banner .item a {
	display: block;
	width: 100%;
	position: relative;
}

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

.changpic img {
	object-fit: cover;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	transition: all .5s;
}

.cl {
	clear: both;
}

.pro_rel {
	position: relative;
}

/*标题*/
.inh2t {
	font-size: 60px;
	text-transform: capitalize;
	font-family: "Outfit-Bold";
}

/*首页*/
.bigbg, .bigbgt, .bigbgvideo {
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

.getbox {
	width: 700px;
	background: #fff;
	padding: 35px;
	height: auto;
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
}

.allhide {
	opacity: 0;
	z-index: -3;
}

.close_btn {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
}

.close_btn i {
	font-size: 22px;
}

.close_btn:hover i {
	color: #eb6601;
}

.getboxt {
	width: 880px;
	background: #fff;
	padding: 35px;
	height: auto;
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
}

.getboxt h2 {
	text-align: center;
	margin-bottom: 18px;
	font-size: 26px;
	font-family: Outfit-SemiBold;
}

.bigform input {
	height: 50px;
	line-height: 50px;
}

.bigform input, .bigform textarea {
	width: 100%;
	border-radius: 6px;
	border: 1px solid #e5e5e5;
	background: rgba(255, 255, 255, .2);
	padding: 5px 18px;
	font-family: Outfit-Light;
	resize: none;
	color: #333;
	font-size: 16px;
}

.bigform input::-webkit-input-placeholder, .bigform textarea::-webkit-input-placeholder {
	color: #333;
}

.bigform textarea {
	padding: 18px;
	display: block;
	height: 130px;
}

.bigform button {
	transition: all .3s;
	border: none;
	cursor: pointer;
	width: 198px;
	background: #eb6601;
	border-radius: 0;
	font-size: 16px;
	font-family: Outfit-Regular;
	border-radius: 50px;
	height: 38px;
	text-align: center;
	color: #fff;
}

.bigform button:hover {
	opacity: .85;
}

.bigform ul {
	width: 100%;
	overflow: hidden;
}

.bigform ul li {
	position: relative;
	float: left;
	margin-right: 2%;
	margin-bottom: 14px;
	width: 49%;
}

.bigform ul li:nth-of-type(even) {
	margin-right: 0;
}

.bigform ul li:nth-of-type(5), .bigform ul li:last-child {
	width: 100%;
	margin-right: 0;
}

.bigform ul li:last-child {
	margin-bottom: 0;
}

/* 产品切换c */
.ipcen {
	padding: 80px 0 92px;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/iprbct.png") no-repeat;
	background-size: 100% 100%;
	margin-top: -106px;
	position: relative;
	z-index: 15;
}

.ipcen.nitro-lazy {
	background: none !important;
}

.in_product_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 34px;
}

.in_product_top .inh2t {
	margin-bottom: 0;
}

.more_btn {
	font-size: 18px;
	font-family: "Outfit-Medium";
	display: flex;
	align-items: center;
}

.more_btn i {
	margin-left: 10px;
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 24px;
	background: #fff;
	font-size: 14px;
	transition: all .3s;
}

.more_btn:hover i {
	background: #eb6601;
	color: #fff;
}

.in_product_nav {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: 40px;
}

.nav_item::after {
	content: "";
	position: absolute;
	top: 50px;
	left: 83%;
	width: 67%;
	border-top: 1px solid #daccc0;
	z-index: 1;
}

.in_product_nav .nav_item:last-child::after {
	display: none;
}

.nav_item {
	position: relative;
	z-index: 2;
	text-align: center;
	width: 16%;
	cursor: pointer;
}

.nav_icon {
	width: 100px;
	height: 100px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(0, 0, 0, .06);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px;
	transition: all .3s;
}

.nav_icon i {
	font-size: 50px;
	color: #333;
}

.nav_item p {
	font-size: 20px;
	font-family: "Outfit-Medium";
	color: #333;
}

.nav_item.active .nav_icon {
	background: #eb6601;
	border-color: #eb6601;
}

.nav_item.active .nav_icon i {
	color: #fff;
}

.nav_item.active p {
	color: #eb6601;
}

.in_product_desc {
	margin-bottom: 28px;
}

.in_product_desc .desc_item {
	display: none;
}

.in_product_desc .desc_item.active {
	display: block;
	animation: fadeIn .5s;
}

.in_product_desc p {
	font-size: 16px;
	font-family: "Outfit-Light";
	line-height: 26px;
	color: #666;
}

.in_product_content {
	position: relative;
}

.product_tab_item {
	display: none;
}

.product_tab_item.active {
	display: block;
}

.product_slick_wrap {
	position: relative;
}

.product_slick_wrap .slick-track {
	padding-bottom: 10px;
}

.in_product_card {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	margin: 0 15px;
	transition: all .3s;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	border-bottom: 5px solid #fff;
}

.in_product_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.in_product_info {
	padding: 30px;
}

.in_product_info h3 {
	font-size: 22px;
	font-family: "Outfit-Medium";
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px;
	line-height: 1.3;
}

.in_product_info p {
	font-size: 16px;
	color: #666;
	line-height: 24px;
	margin-bottom: 18px;
	height: 72px;
	overflow: hidden;
}

.in_learn_more {
	font-size: 16px;
	color: #666;
	display: flex;
	align-items: center;
}

.in_learn_more i {
	margin-left: 10px;
	color: #eb6601;
	font-size: 14px;
}

.in_product_card:hover {
	border-bottom: 5px solid #eb6601;
}

.in_product_card:hover .changpic img {
	transform: scale(1.15);
}

.product_arrows {
	position: absolute;
	top: 50%;
	left: -60px;
	right: -60px;
	display: flex;
	justify-content: space-between;
	pointer-events: none;
	z-index: 10;
}

.product_arrows span {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #7d7d7d;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	pointer-events: auto;
	transition: all .3s;
	color: #333;
}

.product_arrows span i {
	font-size: 20px;
}

.product_arrows span.pro_prev {
	transform: rotate(180deg);
}

.product_arrows span:hover {
	background: #eb6601;
	border: 1px solid #eb6601;
	color: #fff;
}

.iwhy {
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/inwhy.jpg") no-repeat center center;
	background-size: cover;
	padding: 170px 0 70px;
	color: #fff;
	margin-top: -106px;
}

.iwhy.nitro-lazy {
	background: none !important;
}

.iwhy .inh2t {
	text-align: center;
}

.why_slick_wrap {
	position: relative;
	margin-top: 40px;
}

.why_slick .why_item {
	padding: 0 15px;
}

.why_inner {
	border: 1px solid rgba(255, 255, 255, .4);
	background: rgba(0, 0, 0, 30%);
	border-radius: 20px;
	padding: 34px 38px 32px;
	transition: all .3s;
	height: 100%;
}

.why_inner:hover {
	background: rgba(0, 0, 0, 50%);
	border-color: #fff;
}

.why_icon {
	width: 80px;
	height: 80px;
	background: #eb6601;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}

.why_icon i {
	color: #fff;
	font-size: 40px;
}

.why_inner h3 {
	font-size: 26px;
	font-family: "Outfit-SemiBold";
	color: #fff;
	font-weight: normal;
	margin-bottom: 14px;
}

.why_inner p {
	font-size: 16px;
	line-height: 23px;
	color: #fff;
}

.why_slick .slick-track, .why_slick .slick-list {
	display: flex;
}

.why_arrows span {
	width: 54px;
	height: 54px;
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	transition: all .3s;
	color: #fff;
	z-index: 10;
}

.why_arrows span:hover {
	background: #eb6601;
	border-color: #eb6601;
}

.why_arrows span i {
	font-size: 22px;
}

.why_prev {
	left: -80px;
	transform: translateY(-50%) rotate(180deg) !important;
}

.why_next {
	right: -80px;
}

/* 首页关于我们 */
.in_about_section {
	padding: 88px 0 70px;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/iabhj.jpg") no-repeat;
	background-size: cover;
}

.in_about_section.nitro-lazy {
	background: none !important;
}

.in_about_top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.in_about_left {
	width: 46%;
}

.in_about_text {
	margin-top: 10px;
	margin-bottom: 30px;
}

.in_about_text p {
	font-size: 16px;
	line-height: 26px;
	font-family: "Outfit-Light";
}

.in_about_video {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.in_video_box {
	display: block;
	position: relative;
}

.in_video_box img {
	width: 100%;
	transition: .5s;
}

.in_play_btn {
	position: absolute;
	top: 28px;
	left: 28px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, .9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #eb6601;
	transition: .3s;
	z-index: 2;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.in_play_btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .6);
	animation: in_play_pulse 2s infinite;
	z-index: -1;
}

.in_play_btn i {
	font-size: 18px;
	position: relative;
	left: 2px;
}

.in_video_box:hover .in_play_btn {
	background: #eb6601;
	color: #fff;
}

.in_video_box:hover .in_play_btn::before {
	background: rgba(235, 102, 1, .4);
}

@keyframes in_play_pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	
	100% {
		transform: scale(2);
		opacity: 0;
	}
}

.in_video_box:hover img {
	transform: scale(1.05);
}

.in_about_right {
	width: 48%;
}

.in_about_slick_wrap {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 24px;
}

.in_slick_item img {
	width: 100%;
	object-fit: cover;
}

.in_about_dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}

.in_about_dots .slick-dots {
	position: relative;
	bottom: 0;
}

.in_about_dots .slick-dots li {
	width: 16px;
	height: 16px;
	margin: 0 5px;
}

.in_about_dots .slick-dots li button {
	width: 16px;
	height: 16px;
	padding: 0;
	background: #fff;
	border-radius: 50%;
}

.in_about_dots .slick-dots li.slick-active button {
	background: #eb6601;
	opacity: 1;
}

.in_about_desc p {
	font-size: 16px;
	line-height: 26px;
	font-family: "Outfit-Light";
}

.in_about_stats {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 60px;
	position: relative;
}

.in_stat_item {
	text-align: center;
	width: 22%;
	position: relative;
}

.in_stat_icon {
	color: #eb6601;
	margin-bottom: 54px;
}

.in_stat_icon i {
	font-size: 48px;
}

.in_stat_num {
	font-size: 54px;
	font-family: "Outfit-SemiBold";
	color: #222;
	margin-bottom: 10px;
	line-height: 1;
}

.in_stat_num span {
	font-size: 20px;
}

.in_stat_item p {
	font-size: 20px;
	font-family: "Outfit-Regular";
}

.in_stat_item::after {
	content: "";
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
	height: 20px;
	background: #eb6601;
}

/* shyeapp */
.in_app_section {
	padding: 72px 0 0;
	position: relative;
	z-index: auto;
}

.in_app_section::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	content: "";
	width: 100%;
	height: 80%;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/iappbgt.jpg") no-repeat;
	background-size: cover;
}

.in_app_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
	position: relative;
	z-index: 10;
}

.in_app_top .inh2t {
	color: #fff;
	margin-bottom: 0;
}

.in_app_ctrl {
	display: flex;
	align-items: center;
}

.in_app_ctrl span {
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
}

.in_app_ctrl span i {
	color: #333;
	font-size: 18px;
}

.in_app_ctrl span:hover {
	background: #eb6601;
}

.in_app_ctrl span:hover i {
	color: #fff;
}

.in_app_ctrl .in_app_prev {
	transform: rotate(180deg);
}

.in_app_line {
	width: 224px;
	height: 3px;
	background: #fff;
	margin: 0 15px;
	position: relative;
	overflow: hidden;
}

.in_app_progress {
	position: absolute;
	top: 0;
	left: 0;
	height: 3px !important;
	border-radius: 0 !important;
	background: #eb6601 !important;
	width: 33.33%;
	transition: .3s;
}

.in_app_slick_wrap {
	margin: 0 -15px;
	position: relative;
	z-index: 10;
}

.in_app_item {
	padding: 0 15px;
	outline: none;
}

.in_app_item a {
	display: block;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.in_app_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s;
}

.in_app_info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 40px;
	background: linear-gradient(to top, rgba(0, 0, 0, .8), transparent);
}

.in_app_info h3 {
	font-size: 36px;
	color: #fff;
	font-family: "Outfit-Medium";
	font-weight: normal;
}

.in_app_item:hover .in_app_img img {
	transform: scale(1.1);
}

.ipjectv {
	padding-top: 302px;
	margin-top: -268px;
	position: relative;
	z-index: 5;
	padding-bottom: 95px;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/apbg.png") no-repeat;
	background-size: 100% 100%;
}

.ipjectv.nitro-lazy {
	background: none !important;
}

.ijjtic {
	text-align: center;
}

.ijjtic p {
	font-size: 16px;
	margin-top: 16px;
	line-height: 26px;
	color: #666;
}

/* 首页项目 */
.inca_item {
	overflow: hidden;
	display: flex;
	position: relative;
	z-index: 0;
	border-radius: 20px;
}

.inca_item:before {
	content: "";
	z-index: -1;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #f5f0ec;
}

.inca_swi {
	margin-top: 30px;
}

.in_cale {
	width: 50%;
}

.in_cari {
	width: 50%;
	padding: 62px 52px 0;
}

.incrtxt h3 {
	font-size: 26px;
	line-height: 35px;
	height: 70px;
	font-weight: normal;
	overflow: hidden;
	font-family: "Outfit-SemiBold";
}

.incrtxt p {
	display: block;
	color: #333;
	width: 100%;
	margin-top: 20px;
	font-size: 16px;
	line-height: 28px;
	height: 112px;
	overflow: hidden;
}

.incrtxt em {
	font-style: normal;
	margin-top: 40px;
	padding: 10px 54px;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	border-radius: 60px;
	font-family: "Outfit-Light";
	border: 1px solid #7d7d7d;
}

.incrtxt em * {
	vertical-align: middle;
}

.incrtxt em i {
	margin-left: 10px;
	transition: all .3s;
	font-size: 20px;
	display: inline-block;
	transform: rotate(-45deg);
}

.inca_item:hover .changpic img {
	transform: scale(1.15);
}

.inca_item:hover .incrtxt em {
	background: #eb6601;
	border: 1px solid #eb6601;
	color: #fff;
}

.inca_swi {
	position: relative;
}

.inca_arr {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 60px;
	width: 50%;
	z-index: 10;
	pointer-events: none;
}

.inca_arr span {
	display: inline-block;
	position: absolute;
	top: 0;
	cursor: pointer;
	background: #e3d7ce;
	color: #333;
	width: 66px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	pointer-events: auto;
}

.inca_arr span i {
	font-size: 20px;
}

.inca_arr span.ica_prev {
	left: 0;
	transform: rotate(180deg);
}

.inca_arr span.ica_next {
	right: 0;
}

.inca_arr span:hover {
	background: #eb6601;
	color: #fff;
}

.inca_gd .slick-dots {
	width: 49%;
	right: 0;
	bottom: 0;
	height: 60px;
	background: #efe7e1;
	z-index: 5;
}

.inca_gd .slick-dots li {
	width: auto;
	height: auto;
	display: inline-block;
}

.inca_gd .slick-dots li button {
	width: 60px;
	height: 60px;
	font-size: 22px;
	color: #333;
	font-family: "Outfit-light";
	text-align: center;
	background: transparent;
	padding: 0;
	border: none;
	cursor: pointer;
}

.inca_gd .slick-dots li.slick-active button {
	background: #eb6601;
	color: #fff;
}

.inca_gd .slick-dots li.slick-active:before {
	content: "";
	width: 0;
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translate(-50%, 0);
	height: 0;
	border-style: solid;
	border-width: 0 7px 12px 7px;
	border-color: transparent transparent #eb6601 transparent;
}

.iviosv {
	padding: 166px 0 74px;
	margin-top: -103px;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/idvio.jpg") no-repeat;
	background-size: cover;
}

.iviosv.nitro-lazy {
	background: none !important;
}

.iviosv .inh2t {
	text-align: center;
	color: #fff;
}

.in_video_slick_wrap {
	position: relative;
	margin-top: 46px;
}

.in_video_slick .slick-list {
	margin: 0 -15px;
}

.in_video_item {
	padding: 0 15px;
	outline: none;
}

.in_video_thumb {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.in_video_thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s;
}

.in_video_play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: rgba(255, 255, 255, .8);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #eb6601;
	opacity: 0;
	transition: .3s;
}

.in_video_play i {
	font-size: 24px;
}

.in_video_item:hover .in_video_play {
	opacity: 1;
}

.in_video_item:hover .in_video_thumb img {
	transform: scale(1.1);
}

.in_video_info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.in_video_info h3 {
	font-size: 18px;
	color: #fff;
	font-family: "Outfit-SemiBold";
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 85%;
}

.in_video_icon {
	width: 34px;
	height: 34px;
	flex-shrink: 0;
	background: #d10000;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.in_video_icon i {
	font-size: 18px;
}

.in_video_arrows span {
	width: 50px;
	height: 50px;
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	cursor: pointer;
	transition: .3s;
	color: #fff;
	z-index: 10;
}

.in_video_arrows span:hover {
	background: #eb6601;
	border-color: #eb6601;
}

.in_video_arrows span i {
	font-size: 20px;
}

.in_video_prev {
	left: -80px;
	transform: translateY(-50%) rotate(180deg) !important;
}

.in_video_next {
	right: -80px;
}

/* 1600px moved to bottom */
.inivst {
	padding: 60px 0 78px;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/ilanes.jpg") no-repeat;
	background-size: cover;
}

.inivst.nitro-lazy {
	background: none !important;
}

.in_news_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.in_news_top .inh2t {
	margin-bottom: 0;
}

.in_news_ctrl {
	display: flex;
	align-items: center;
}

.in_news_ctrl span {
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
	border: 1px solid #7d7d7d;
}

.in_news_ctrl span i {
	color: #333;
	font-size: 18px;
}

.in_news_ctrl span:hover {
	background: #eb6601;
	border: 1px solid #eb6601;
}

.in_news_ctrl span:hover i {
	color: #fff;
}

.in_news_ctrl .in_news_prev {
	transform: rotate(180deg);
}

.in_news_line {
	width: 224px;
	height: 3px;
	background: #ece9e6;
	margin: 0 15px;
	position: relative;
	overflow: hidden;
}

.in_news_progress {
	position: absolute;
	border: none !important;
	top: 0;
	left: 0;
	height: 3px !important;
	border-radius: 0 !important;
	background: #eb6601 !important;
	width: 50%;
	transition: .3s;
}

.in_news_content {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.in_news_left {
	width: 50%;
	padding-right: 36px;
}

.in_news_right {
	width: 50%;
	overflow: hidden;
}

.in_news_big {
	height: 100%;
}

.in_news_big a {
	display: block;
	height: 100%;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.in_big_img {
	height: 100%;
}

.in_big_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s;
}

.in_big_date {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 84px;
	height: 84px;
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 10px;
	color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 28px;
	font-family: "Outfit-Medium";
}

.in_big_date span {
	font-size: 14px;
	font-family: "Outfit-Light";
	margin-top: 5px;
}

.in_big_info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 90px 40px 40px;
	background: linear-gradient(to top, rgba(0, 0, 0, .8), transparent);
}

.in_big_info h3 {
	font-size: 22px;
	color: #fff;
	font-family: "Outfit-SemiBold";
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 6px;
}

.in_big_info p {
	font-size: 16px;
	color: #fff;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	margin-bottom: 25px;
}

.in_big_more {
	display: inline-block;
	font-size: 16px;
	padding: 12px 55px;
	background: #eb6601;
	color: #fff;
	border-radius: 30px;
	font-family: "Outfit-Light";
	transition: .3s;
}

.in_news_big:hover img {
	transform: scale(1.15);
}

.in_news_slick {
	margin: 0 -10px;
}

.in_small_item {
	padding: 0 10px;
	height: 100%;
}

.in_small_item a {
	display: block;
	background: #fff;
	border-radius: 10px;
	padding: 40px 30px;
	height: 100%;
	transition: .3s;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .03);
}

.in_small_date {
	color: #eb6601;
	font-size: 32px;
	font-family: "Outfit-Medium";
	margin-bottom: 20px;
}

.in_small_date span {
	display: block;
	font-size: 14px;
	color: #666;
	font-family: "Outfit-Light";
	margin-top: 5px;
}

.in_small_item h3 {
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	font-family: "Outfit-Medium";
	margin-bottom: 8px;
	height: 44px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.in_small_item p {
	font-size: 16px;
	color: #666;
	line-height: 22px;
	margin-bottom: 20px;
	height: 66px;
	overflow: hidden;
}

.in_small_img {
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 28px;
}

.in_small_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s;
}

.in_small_bot {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.in_small_bot span {
	font-size: 16px;
	color: #999;
}

.in_small_bot i {
	font-size: 12px;
	color: #999;
	transition: .3s;
}

.in_small_item:hover .in_small_bot i {
	color: #eb6601;
	transform: translateX(5px);
}

.in_small_item:hover .in_small_img img {
	transform: scale(1.15);
}

.iquivc {
	padding: 68px 0 86px;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/iqubgt.jpg") no-repeat;
	background-size: cover;
	overflow: hidden;
}

.iquivc.nitro-lazy {
	background: none !important;
}

.iquivc .inh2t {
	color: #fff;
	text-align: center;
}

.in_faq_slick .slick-track, .in_faq_slick .slick-list {
	display: flex;
}

.in_faq_slick_wrap {
	position: relative;
	margin: 60px auto 0;
	width: 120%;
	left: 50%;
	transform: translateX(-50%);
}

.in_faq_slick_wrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 28%;
	height: 100%;
	z-index: 22;
	background: linear-gradient(to right, #000, transparent);
}

.in_faq_slick_wrap::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 28%;
	height: 100%;
	z-index: 22;
	background: linear-gradient(to right, transparent, #000);
}

.in_faq_slick .slick-list {
	margin: 0 -35px;
}

.in_faq_item {
	margin: 0 35px;
	transition: all .5s;
	background: rgba(0, 0, 0, .1);
	border-bottom: 4px solid #fff;
	padding: 40px 36px 38px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	transition: all .5s;
}

.in_faq_item.slick-center {
	opacity: 1;
	z-index: 10;
}

.in_faq_item.slick-center {
	border-bottom-color: #eb6601;
	background: rgba(0, 0, 0, .4);
}

.in_faq_inner h3 {
	font-size: 24px;
	color: #fff;
	font-family: "Outfit-Medium";
	font-weight: normal;
	margin-bottom: 20px;
	line-height: 1.3;
}

.in_faq_inner p {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
}

.in_faq_arrows span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #fff;
	transition: .3s;
	z-index: 20;
}

.in_faq_prev {
	left: 32%;
	transform: translateY(-50%) rotate(180deg) !important;
}

.in_faq_next {
	right: 32%;
}

.in_faq_arrows span i {
	font-size: 24px;
}

.in_faq_arrows span:hover {
	color: #eb6601;
}

.quiry_info {
	overflow: hidden;
}

.quiry_info ul {
	width: 100%;
	overflow: hidden;
}

.quiry_info li {
	margin-bottom: 24px;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, .55);
}

.quiry_info ul li:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.quiry_info input, .quiry_info textarea {
	width: 100%;
	border: none;
	color: #fff;
	resize: none;
	font-family: "Outfit-semibold";
	background: transparent;
	font-size: 16px;
	line-height: 24px;
	padding: 12px 0;
}

.quiry_info textarea {
	height: 150px;
}

.quiry_info input::-webkit-input-placeholder, .quiry_info textarea::-webkit-input-placeholder {
	color: #fff;
}

.quiry_info input:-moz-placeholder, .quiry_info textarea:-moz-placeholder {
	color: #fff;
}

.quiry_info button {
	transition: all .3s;
	display: block;
	border: none;
	border-radius: 0 30px 30px 0;
	width: 156px;
	font-family: "Outfit-semibold";
	font-size: 18px;
	cursor: pointer;
	background: #fff;
	color: #eb6601;
	height: 50px;
}

.quiry_info button:hover {
	transform: translateX(10px);
}

.quiry_info button i {
	font-size: 20px;
	margin-left: 5px;
}

/* footer */
footer {
	background: #0b0b0b;
}

.fotops {
	padding: 46px 0;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #2a2a2a;
}

.fotlef {
	width: 268px;
}

.fotrig {
	width: calc(100% - 268px);
	padding-left: 230px;
}

.fotlef h2 {
	color: #fff;
	font-size: 40px;
	font-weight: normal;
	font-family: "Outfit-Bold";
}

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

.f_meul li {
	float: left;
	width: 18.7%;
	margin-right: 1.5%;
	position: relative;
}

.f_meul li input {
	width: 100%;
	border-radius: 30px;
	color: #fff;
	font-size: 14px;
	font-family: "Outfit-Light";
	line-height: 50px;
	padding: 0 30px;
	height: 50px;
	background: #2d2d2d;
}

.f_meul li input::-webkit-input-placeholder {
	color: #fff;
}

.f_meul li button {
	cursor: pointer;
	transition: all .3s;
	width: 100%;
	height: 50px;
	text-align: center;
	color: #fff;
	border-radius: 30px;
	border: none;
	background: #eb6601;
	font-size: 16px;
	font-family: "Outfit-Regular";
}

.f_meul li:nth-of-type(5) {
	margin-right: 0;
	width: 19%;
}

.f_meul li button:hover {
	background: #fff;
	color: #ce231c;
}

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

.footer_col {
	border-left: 1px solid #2a2a2a;
	position: relative;
	padding-left: 46px;
	padding-top: 36px;
}

.footer_info {
	width: 12%;
	padding-left: 0;
	border-left: none;
}

.footer_links {
	width: 18%;
}

.footer_products {
	width: 22%;
}

.f_logo {
	margin-bottom: 30px;
}

.footer_info p {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	font-family: "Outfit-light";
	margin-bottom: 30px;
}

.footer_col h4 {
	font-size: 22px;
	color: #fff;
	margin-bottom: 20px;
	font-family: "Outfit-semibold";
	font-weight: normal;
}

.fooul li {
	margin-bottom: 25px;
}

.fooul li a {
	color: #fff;
	font-size: 16px;
	transition: all .3s;
}

.fooul li a:hover {
	color: #eb6601;
	text-decoration: underline;
}

.footer_contact {
	width: 43%;
}

.fohm {
	display: flex;
	align-items: center;
}

.fohm h4 {
	margin-bottom: 0;
}

.f_social {
	display: flex;
	gap: 10px;
	margin-left: 18px;
}

.f_social a {
	color: #fff;
	transition: all .3s;
	font-size: 20px;
}

.f_social a:hover {
	transform: translateY(-5px);
}

.foxlus {
	margin-top: 20px;
}

.foxlus li {
	margin-bottom: 25px;
	font-size: 16px;
	font-family: "Outfit-light";
	color: #fff;
	position: relative;
	padding-left: 28px;
}

.foxlus li i {
	position: absolute;
	font-size: 20px;
	top: 0;
	left: 0;
	color: #eb6601;
}

.foxlus li:last-child {
	margin-bottom: 0;
}

.foxlus li a, .foxlus li span {
	color: #fff;
}

.foxlus li a:hover {
	color: #eb6601;
	text-decoration: underline;
}

.focord {
	display: flex;
	margin-top: 26px;
}

.focord li {
	text-align: center;
	color: #fff;
	margin-right: 20px;
}

.focord li p {
	font-size: 14px;
	margin-top: 10px;
}

.footer_bot {
	padding: 18px 0;
	text-align: center;
	border-top: 1px solid #2a2a2a;
}

.footer_bot p {
	color: #929292;
	font-size: 14px;
}

.footer_bot p a {
	color: #929292;
}

.footer_bot p a:hover {
	color: #fff;
}

.sider-contact {
	background: #fff;
	border-radius: 10px 0 0 10px;
	box-shadow: 0 0 1rem -2px rgba(61, 61, 61, .15);
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all .5s ease;
	z-index: 999;
}

.sider-contact.hide {
	transform: translate(100%, -50%);
}

.sider-contact.hide #sider-contact-switcher i {
	transform: rotate(180deg);
}

.right-nav {
	align-items: center;
	display: flex;
	padding: 16px 14px;
	flex-flow: column;
	font-size: 1.2rem;
	line-height: 1.4rem;
}

.right-nav .btn-tit {
	transform: scale(.9);
}

.right-nav li {
	height: 62px;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
	width: 56px;
}

.right-nav li:last-child {
	border-bottom: none;
}

.right-nav li a {
	align-items: center;
	color: #1f1a17;
	display: flex;
	flex-flow: column;
	height: 100%;
	justify-content: center;
	transition: all .3s ease;
	width: 100%;
}

.right-nav li a:hover {
	transform: translateX(5px);
}

.right-nav li:hover .right_hide {
	opacity: 1;
	transform: translate(-110%, -50%);
	visibility: visible;
}

.right_hide {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 1rem -2px rgba(61, 61, 61, .15);
	color: #3d3d3d;
	font-size: 14px;
	left: -10px;
	line-height: 1.6rem;
	opacity: 0;
	padding: 1rem;
	position: absolute;
	top: 50%;
	transform: translate(-130%, -50%);
	transition: all .5s ease;
	visibility: hidden;
	white-space: nowrap;
}

.right_hide:before {
	border-bottom: 6px solid transparent;
	border-left: 8px solid #fff;
	border-top: 6px solid transparent;
	content: "";
	position: absolute;
	right: -8px;
	top: calc(50% - 4px);
}

.right_hide img {
	display: block;
	max-width: 10rem;
}

#sider-contact-switcher {
	align-items: center;
	color: #1f1a17;
	cursor: pointer;
	display: flex;
	height: 44px;
	justify-content: flex-end;
	left: 0;
	margin: 0;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translate(-100%, -50%);
	width: 44px;
	z-index: -1;
}

#sider-contact-switcher i {
	font-size: 12px;
	font-weight: bold;
	transition: all .3s ease;
}

#sider-contact-switcher:after {
	background: #fff;
	box-shadow: 0 0 1rem -2px rgba(61, 61, 61, .15);
	border-radius: 5px;
	content: "";
	display: block;
	height: 44px;
	left: 69%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	transform-origin: center;
	width: 44px;
	z-index: -1;
}

.footmenu {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 5;
	max-width: 1024px;
	display: none;
}

.footmenu img {
	display: block;
}

.footmenu div.bgcolor {
	clear: both;
}

.footmenu div.con {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-bottom: 10px;
	background: #eb6601;
}

.footmenu a {
	color: #fff;
	font-size: 16px;
	display: block;
	width: 25%;
	text-align: center;
	float: left;
	position: relative;
}

.footmenu i {
	display: block;
	width: 25px;
	height: 25px;
	margin: 6px auto 2px;
	font-size: 26px;
}

/*位置*/
.subbanner {
	position: relative;
	margin-top: 130px;
}

.subbanner img {
	width: 100%;
}

.sunvs {
	position: absolute;
	width: 100%;
	top: 25%;
	left: 0;
	color: #fff;
	right: 0;
}

.sunvs h2 {
	font-size: 76px;
	text-transform: capitalize;
	font-family: "Outfit-bold";
}

.sunvs p {
	margin-top: 12px;
	font-size: 16px;
	font-family: "Outfit-Light";
}

.sunvs p a {
	color: #fff;
}

.sunvs p i {
	color: #eb6601;
	font-size: 18px;
}

.sunvs p a:hover {
	text-decoration: underline;
}

/* 产品列表 */
.prwarv {
	position: relative;
	margin-top: -112px;
	z-index: 0;
	padding-bottom: 80px;
}

.prwarv::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 112px;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/radiusbg.png") no-repeat top center;
	background-size: cover;
}

.prwarv::after {
	content: "";
	z-index: -1;
	position: absolute;
	top: 112px;
	left: 0;
	width: 100%;
	height: calc(100% - 112px);
	background: #fff;
}

.pat80 {
	padding-top: 80px;
}

.plisitm {
	margin-bottom: 50px;
}

.plisivs .plisitm:last-child {
	margin-bottom: 0;
}

.in_cat_header {
	position: relative;
	border-radius: 20px;
	z-index: 0;
	overflow: hidden;
	margin-bottom: 50px;
	padding: 32px 78px;
}

.in_cat_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.in_cat_bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.in_cat_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 1;
}

.in_cat_left {
	width: 40%;
}

.in_cat_left h2 {
	font-size: 40px;
	color: #fff;
	font-family: "Outfit-Bold";
	margin-bottom: 20px;
}

.in_cat_btn {
	display: inline-block;
	padding: 12px 56px;
	background: #eb6601;
	color: #fff;
	border-radius: 30px;
	font-size: 16px;
	font-family: "Outfit-Light";
	transition: .3s;
}

.in_cat_btn:hover {
	color: #fff;
	opacity: .85;
}

.in_cat_right {
	width: 76%;
}

.in_cat_right p {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	font-family: "Outfit-Light";
}

.in_pro_grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 32px 18px;
}

.in_pro_grid .in_product_card, .plulstc .in_product_card, .del_rel_pro_slick .in_product_card {
	margin: 0;
}

.in_pro_grid .in_product_info h3, .plulstc .in_product_info h3, .del_rel_pro_slick .in_product_info h3 {
	font-size: 18px;
}

.in_pro_grid .in_product_info, .plulstc .in_product_info, .del_rel_pro_slick .in_product_info {
	padding: 24px;
}

/* 列表2 */
.in_plist_flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.in_sidebar {
	width: 340px;
}

.fixedp {
	position: -webkit-sticky;
	position: sticky;
	top: 140px;
	z-index: 10;
	transition: top .3s;
}

.in_plist_main {
	width: calc(100% - 340px);
	padding-left: 32px;
}

.in_side_block {
	margin-bottom: 40px;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .05);
}

.in_side_title {
	background: #eb6601;
	color: #fff;
	font-size: 29px;
	padding: 25px 32px;
	font-family: "Outfit-Bold";
}

.in_side_nav {
	padding: 10px 22px;
}

.in_side_nav > li {
	position: relative;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}

.in_side_nav > li:last-child {
	border-bottom: none;
}

.in_nav_top {
	display: inline-flex;
	align-items: center;
	padding: 15px 0;
	font-family: "Outfit-Medium";
	color: #333;
	font-size: 18px;
	transition: .3s;
	position: relative;
	z-index: 2;
	border-bottom: none;
}

.in_nav_top i {
	font-size: 30px;
	display: inline-block;
	margin-right: 16px;
}

.in_nav_toggle {
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	color: #999;
	transition: .3s;
}

.in_side_nav li.active .in_nav_top {
	color: #eb6601;
}

.in_side_nav li.active .in_nav_toggle {
	color: #eb6601;
	transform: rotate(90deg);
}

.in_nav_sub {
	padding: 14px 0 20px 0;
	border-top: 1px solid #eee;
	display: none;
}

.in_nav_sub li {
	margin-bottom: 10px;
}

.in_nav_sub li:last-child {
	margin-bottom: 0;
}

.in_nav_sub a {
	color: #666;
	font-size: 16px;
	font-family: "Outfit-Light";
	transition: .3s;
	position: relative;
	padding-left: 25px;
}

.in_nav_sub a::before {
	content: "";
	position: absolute;
	border: 1px solid #bfbfbf;
	left: 0;
	top: 5px;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	color: #ccc;
}

.in_nav_sub a:hover, .in_nav_sub li.active a {
	color: #eb6601;
}

.in_nav_sub a:hover::before, .in_nav_sub li.active a::before {
	border: 1px solid #eb6601;
}

.in_side_nav.acarrow > li:before {
	position: absolute;
	top: 24px;
	right: 0;
	content: "";
	font-family: "iconfont";
	font-size: 15px;
	color: #333;
	transition: .3s;
}

.in_side_nav.acarrow > li.active:before {
	content: "";
}

.in_side_hot {
	padding: 20px;
}

.in_hot_item {
	margin-bottom: 20px;
}

.in_hot_item:last-child {
	margin-bottom: 0;
}

.in_hot_item a {
	display: flex;
	align-items: center;
	overflow: hidden;
}

.in_hot_img {
	width: 100px;
	border-radius: 10px;
	overflow: hidden;
	margin-right: 15px;
	flex-shrink: 0;
}

.in_hot_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.in_hot_info h3 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	font-family: "Outfit-Medium";
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.in_hot_info p {
	font-size: 12px;
	color: #333;
	overflow: hidden;
	line-height: 16px;
	height: 32px;
}

.in_hot_info span {
	font-size: 12px;
}

.in_hot_info span i {
	color: #eb6601;
	font-size: 12px;
	display: inline-block;
	margin-left: 5px;
}

.in_hot_info span * {
	vertical-align: middle;
}

.in_side_news {
	padding: 20px;
}

.in_side_news_item {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.in_side_news_item:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.in_side_date {
	display: block;
	font-size: 14px;
	color: #999;
	margin-bottom: 5px;
}

.in_side_news_item h3 {
	font-size: 16px;
	margin-bottom: 10px;
	font-family: "Outfit-Medium";
	font-weight: normal;
	overflow: hidden;
	line-height: 20px;
	height: 40px;
}

.in_side_news_item p {
	font-size: 14px;
	color: #666;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

.in_side_news_item:hover h3 {
	color: #eb6601;
}

.in_side_contact {
	padding: 25px;
}

.in_side_contact li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	display: flex;
	font-family: "Outfit-Light";
	align-items: center;
	color: #666;
	font-size: 16px;
}

.in_side_contact li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.in_side_contact i {
	margin-right: 15px;
	font-size: 20px;
	color: #eb6601;
}

.in_side_contact li a {
	font-size: 18px;
	font-family: "Outfit-Regular";
}

.in_plist_top_desc {
	margin-bottom: 40px;
}

.in_plist_top_desc p {
	line-height: 30px;
	font-family: "Outfit-Regular";
}

.plulstc {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px 30px;
}

/* 项目 */
.jectlist {
	display: flex;
	gap: 30px 0;
	flex-direction: column;
}

/* 视频 */
.volistul {
	display: grid;
	grid-gap: 50px 22px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.volistul .in_video_item {
	padding: 0;
}

.volistul .in_video_info h3 {
	color: #333;
}

/* 产品详情 */
iframe {
	display: block;
	width: 100%;
}

.in_pdetail_top {
	display: flex;
	align-items: center;
}

.in_pdetail_left {
	width: 50%;
	padding-right: 34px;
}

.in_pdetail_img {
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.in_pdetail_right {
	width: 50%;
}

.in_pdetail_title {
	font-size: 36px;
	font-family: "Outfit-SemiBold";
	color: #333;
	margin-bottom: 18px;
	font-weight: normal;
}

.in_pdetail_desc {
	font-size: 16px;
	line-height: 25px;
	color: #666;
	margin-bottom: 45px;
}

.in_pdetail_contact {
	display: flex;
	flex-wrap: wrap;
	gap: 0 56px;
	margin-bottom: 36px;
}

.in_contact_item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.in_contact_item i {
	font-size: 22px;
	color: #f16500;
}

.in_contact_info p {
	font-size: 16px;
	font-family: "Outfit-Regular";
	color: #333;
	margin-bottom: 4px;
}

.in_contact_info a {
	font-family: "Outfit-Light";
}

.in_contact_info a:hover {
	color: #f16500;
}

.in_pdetail_btns {
	display: flex;
	gap: 24px;
}

.in_pdetail_btns a {
	height: 38px;
	width: 196px;
	border-radius: 27px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 16px;
	font-family: "Outfit-Light";
	color: #fff;
	transition: .3s;
	background: #f16500;
}

.in_pdetail_btns a i {
	font-size: 20px;
}

.in_pdetail_btns a:hover {
	background: #333;
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

.delbipiuls {
	margin-top: 40px;
	display: flex;
	gap: 18px;
}

.delbipiuls li .changpic {
	border-radius: 10px;
}

.delbipiuls li:hover .changpic img {
	transform: scale(1.15);
}

/* chpshown */
.del_section {
	margin-top: 40px;
}

.del_section_title {
	font-size: 34px;
	font-family: "Outfit-SemiBold";
	margin-bottom: 20px;
	position: relative;
	padding-left: 20px;
}

.del_section_title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	bottom: 5px;
	width: 7px;
	background: #eb6601;
}

.del_desc_text {
	font-size: 16px;
	line-height: 26px;
	font-family: "Outfit-Light";
	color: #666;
	margin-bottom: 30px;
}

.del_desc_images {
	display: flex;
	gap: 20px;
}

.del_desc_img_item {
	flex: 1;
	border-radius: 15px;
	overflow: hidden;
}

.del_desc_img_item img {
	width: 100%;
	display: block;
	transition: .5s;
}

.del_desc_img_item:hover img {
	transform: scale(1.1);
}

.del_attr_table {
	overflow-x: auto;
}

.del_attr_table table {
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
}

.del_attr_table tr td {
	padding: 15px 25px;
	border: 1px solid #e5e0da;
	font-size: 16px;
}

.del_attr_table tr:nth-of-type(odd) td {
	background: #f6f3f0;
}

.del_func_list {
	position: relative;
	padding-left: 30px;
}

.del_func_list::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 10px;
	bottom: 30px;
	width: 1px;
	background: #eadcd2;
}

.del_func_item {
	position: relative;
	margin-bottom: 45px;
}

.del_func_item::before {
	content: "";
	position: absolute;
	left: -30px;
	top: 8px;
	width: 5px;
	height: 5px;
	background: #eb6601;
	border-radius: 50%;
	z-index: 1;
}

.del_func_item h3 {
	font-size: 20px;
	font-family: "Outfit-Bold";
	color: #333;
	margin-bottom: 15px;
	line-height: 1.2;
}

.del_func_item p {
	font-size: 16px;
	line-height: 1.8;
	color: #888;
	font-family: "Outfit-Regular";
}

.del_func_item:last-child {
	margin-bottom: 0;
}

.del_section_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.del_section_header .del_section_title {
	margin-bottom: 0;
}

.del_arrows {
	display: flex;
	gap: 10px;
}

.del_arrows span {
	width: 36px;
	height: 36px;
	border: 1px solid #ccc;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
	color: #999;
}

.del_arrows span:hover {
	background: #eb6601;
	border-color: #eb6601;
	color: #fff;
}

.del_arrows span i {
	font-size: 14px;
	font-weight: bold;
}

.del_arrows .del_prev i {
	transform: rotate(180deg);
}

.del_service_slick .del_item, .del_adv_slick .del_item, .del_mat_slick .del_item {
	margin: 0 15px;
}

.del_service_slick .slick-list, .del_adv_slick .slick-list, .del_mat_slick .slick-list {
	margin: 0 -15px;
}

.del_service_slick .changpic, .del_adv_slick .changpic, .del_mat_slick .changpic {
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 15px;
}

.del_info h3 {
	font-size: 16px;
	font-family: "Outfit-Medium";
	font-weight: normal;
	color: #333;
	margin-bottom: 10px;
	transition: .3s;
}

.del_info p {
	font-size: 14px;
	line-height: 20px;
}

.del_faq_item {
	margin-bottom: 12px;
	border-radius: 8px;
	overflow: hidden;
	background: #f6f3f0;
	transition: .3s;
}

.del_faq_head {
	padding: 10px 70px 10px 25px;
	position: relative;
	border-radius: 8px;
	min-height: 50px;
	overflow: hidden;
	background: #f6f3f0;
	font-size: 16px;
	font-family: "Outfit-Medium";
	color: #333;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.del_faq_head::after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	font-family: iconfont;
	width: 40px;
	height: 100%;
	background: #eeded0;
	color: #eb6601;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: normal;
	transition: .3s;
}

.del_faq_head i {
	display: none;
}

.del_faq_item.active .del_faq_head::after {
	content: "";
	font-family: iconfont;
	background: #eb6601;
	color: #fff;
}

.del_faq_body {
	padding: 25px;
	background: #fff;
	color: #777;
	line-height: 1.8;
	font-size: 16px;
	display: none;
	border-top: 1px solid #fff;
}

.del_faq_item.active {
	border: none;
	box-shadow: none;
}

.del_faq_item.active .del_faq_head {
	color: #333;
}

.del_rel_pro_slick .del_item {
	margin: 0 10px;
}

.del_project_card a {
	display: flex;
	align-items: center;
	background: #f8f4f1;
	border-radius: 20px;
	overflow: hidden;
}

.del_proj_img {
	width: 42%;
	flex-shrink: 0;
	overflow: hidden;
}

.del_proj_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s;
}

.del_proj_info {
	padding: 0 40px;
}

.del_proj_info h3 {
	font-size: 22px;
	font-family: "Outfit-Light";
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	margin-bottom: 20px;
}

.del_proj_info p {
	font-size: 16px;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	color: #666;
	margin-bottom: 30px;
}

.del_proj_btn {
	display: inline-block;
	padding: 8px 40px;
	border: 1px solid #7d7d7d;
	font-size: 14px;
	border-radius: 25px;
	transition: .3s;
}

.del_project_card:hover .del_proj_img img {
	transform: scale(1.1);
}

.del_project_card:hover .del_proj_btn {
	background: #eb6601;
	color: #fff;
	border: 1px solid #eb6601;
}

.del_tag_list {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	gap: 12px 15px;
	align-items: center;
}

.del_tag_list span {
	background: #eb6601;
	color: #fff;
	padding: 0 25px;
	height: 35px;
	line-height: 35px;
	border-radius: 22px;
	font-size: 14px;
}

.del_tag_list a {
	padding: 0 30px;
	height: 35px;
	line-height: 35px;
	background: #f6f3f0;
	border-radius: 22px;
	color: #eb6601;
	font-size: 14px;
	transition: .3s;
	border: 1px solid #eb6601;
}

.del_tag_list a:hover {
	background: #eb6601;
	color: #fff;
}

.del_form_row {
	flex-direction: column;
	gap: 15px;
	margin-bottom: 15px;
}

.del_msg_form {
	padding: 25px;
}

video {
	width: 100%;
	display: block;
}

/*关于我们*/
.abdata {
	padding: 47px 0;
	margin-top: -112px;
	position: relative;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/data.png") top center no-repeat;
	background-size: cover;
}

.abdata.nitro-lazy {
	background: none !important;
}

.abdata .in_about_stats {
	padding-top: 0;
}

.abcoivs {
	padding: 58px 0 95px;
	position: relative;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/profile.png") no-repeat;
	background-size: 100% 100%;
}

.abcoivs.nitro-lazy {
	background: none !important;
}

.abch2t {
	font-size: 54px;
	text-transform: capitalize;
	font-family: "Outfit-Bold";
}

/* abuhj */
.ab_about_top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 60px;
	gap: 50px;
}

.ab_about_left {
	width: 55%;
}

.ab_about_left .inh2t {
	text-align: left;
	margin-bottom: 30px;
}

.ab_about_desc {
	margin-top: 15px;
}

.ab_about_desc p {
	font-size: 16px;
	line-height: 30px;
	font-family: "Outfit-Light";
}

.ab_about_right {
	width: 45%;
}

.ab_about_video {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.ab_about_video .changpic {
	border-radius: 20px;
}

.ab_play_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
	z-index: 2;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
}

.ab_play_btn i {
	font-size: 24px;
	color: #eb6601;
	margin-left: 4px;
}

.ab_play_btn:hover {
	background: #eb6601;
}

.ab_play_btn:hover i {
	color: #fff;
}

.ab_about_slick_wrap {
	position: relative;
}

.ab_about_slick_nav {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	pointer-events: none;
	z-index: 10;
}

.ab_about_slick_nav span {
	width: 50px;
	height: 50px;
	background: #fff;
	border: 1px solid #7d7d7d;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	pointer-events: auto;
	transition: .3s;
	color: #666;
}

.ab_about_slick_nav span:hover {
	background: #eb6601;
	border-color: #eb6601;
	color: #fff;
}

.ab_about_slick_nav .ab_prev {
	transform: translateX(-64px) rotate(180deg);
}

.ab_about_slick_nav .ab_next {
	transform: translateX(64px);
}

.ab_about_slick_container .item {
	margin: 0 12px;
}

.ab_about_slick_container .slick-list {
	margin: 0 -12px;
}

.ab_about_slick_container .changpic {
	border-radius: 20px;
}

.abculiv {
	margin-top: -108px;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/abculpi.jpg") no-repeat;
	background-size: cover;
	padding: 227px 0 94px;
}

.abculiv.nitro-lazy {
	background: none !important;
}

/* 关于文化 */
.ab_culture_wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ab_culture_center {
	position: relative;
	width: 485px;
	height: 485px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
}

.ab_circle_outer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/qubt.png") no-repeat;
	background-size: 100% 100%;
}

.ab_circle_outer.nitro-lazy {
	background: none !important;
}

.ab_circle_inner {
	position: relative;
	color: #fff;
	width: 356px;
	height: 356px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .2);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	backdrop-filter: blur(10px);
}

.ab_culture_center .dot {
	position: absolute;
	width: 12px;
	height: 12px;
	background: #fff;
	border: 3px solid #d8ac8a;
	border-radius: 50%;
	z-index: 10;
	transition: .3s;
}

.ab_culture_center .dot.on {
	border: 3px solid #eb6601;
	width: 12px;
	height: 12px;
}

.ab_culture_center .dot-tl {
	top: 14%;
	left: 18%;
}

.ab_culture_center .dot-tr {
	top: 14%;
	right: 18%;
}

.ab_culture_center .dot-bl {
	bottom: 14%;
	left: 18%;
}

.ab_culture_center .dot-br {
	bottom: 14%;
	right: 18%;
}

.ab_culture_list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.ab_culture_item {
	position: absolute;
	width: 360px;
	pointer-events: auto;
	transition: .3s;
}

.ab_culture_item .icon_box {
	color: #fff;
	margin-bottom: 15px;
	transition: .3s;
	display: flex;
}

.ab_culture_item .icon_box i {
	font-size: 44px;
}

.ab_culture_item .text_box h4 {
	font-size: 26px;
	font-weight: normal;
	color: #fff;
	font-family: "Outfit-Semibold";
	margin-bottom: 12px;
}

.ab_culture_item .text_box p {
	color: #fff;
	line-height: 24px;
	font-family: "Outfit-Light";
}

.ab_culture_item.active .icon_box, .ab_culture_item:hover .icon_box {
	color: #eb6601;
}

.item-tl {
	top: 40px;
	left: 82px;
	text-align: right;
}

.item-tl .icon_box {
	justify-content: flex-end;
}

.item-tr {
	top: 40px;
	right: 82px;
	text-align: left;
}

.item-tr .icon_box {
	justify-content: flex-start;
}

.item-bl {
	bottom: 40px;
	left: 82px;
	text-align: right;
}

.item-bl .icon_box {
	justify-content: flex-end;
}

.item-br {
	bottom: 40px;
	right: 82px;
	text-align: left;
}

.item-br .icon_box {
	justify-content: flex-start;
}

@media (max-width: 600px) {
	.ab_culture_list {
		grid-template-columns: 1fr;
	}
}

.abadvi {
	padding: 54px 0 70px;
}

.ab_adv_grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-top: 40px;
}

.ab_adv_card {
	background: #f6f1ed;
	padding: 40px;
	border-radius: 15px;
	transition: .3s;
	cursor: pointer;
	border: 1px solid transparent;
}

.ab_adv_card .icon_box {
	margin-bottom: 24px;
	transition: .3s;
}

.ab_adv_card .icon_box i {
	font-size: 46px;
	color: #eb6601;
	transition: .3s;
}

.ab_adv_card h3 {
	font-size: 20px;
	color: #333;
	font-family: "Outfit-Medium";
	font-weight: normal;
	margin-bottom: 15px;
	transition: .3s;
}

.ab_adv_card p {
	font-size: 16px;
	line-height: 24px;
	transition: .3s;
}

.ab_adv_card.on, .ab_adv_card:hover {
	background: #eb6601;
	border-color: #eb6601;
	box-shadow: 0 10px 30px rgba(235, 102, 1, .2);
}

.ab_adv_card.on .icon_box i, .ab_adv_card:hover .icon_box i, .ab_adv_card.on h3, .ab_adv_card:hover h3, .ab_adv_card.on p, .ab_adv_card:hover p {
	color: #fff;
}

.abworks {
	padding: 54px 0 172px;
	color: #fff;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/ajuct.jpg") no-repeat;
	background-size: cover;
}

.abworks.nitro-lazy {
	background: none !important;
}

.awxtp {
	margin-top: 14px;
}

.awxtp p {
	font-size: 16px;
	line-height: 26px;
}

/* zzz */
.ab_workshop_section {
	padding: 66px 0;
	margin-top: -106px;
	position: relative;
	z-index: 0;
}

.ab_workshop_section::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 112px;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/radiusbg.png") no-repeat top center;
	background-size: cover;
}

.ab_workshop_section::after {
	content: "";
	z-index: -1;
	position: absolute;
	top: 112px;
	left: 0;
	width: 100%;
	height: calc(100% - 112px);
	background: #fff;
}

.ab_workshop_item {
	margin-bottom: 40px;
}

.ab_workshop_item:last-child {
	margin-bottom: 0;
}

.ab_workshop_title {
	font-size: 28px;
	font-family: "Outfit-Semibold";
	font-weight: normal;
	margin-bottom: 14px;
}

.ab_workshop_desc p {
	font-size: 16px;
	color: #666;
	line-height: 26px;
}

.ab_workshop_points {
	margin: 20px 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.point_item {
	position: relative;
}

.point_item .num {
	position: absolute;
	top: -5px;
	left: 0;
	width: 35px;
	height: 35px;
	background: #eb6601;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-family: "Outfit-Medium";
}

.point_item h4 {
	padding-left: 48px;
	position: relative;
	font-weight: normal;
	font-size: 20px;
	font-family: "Outfit-Medium";
}

.point_item p {
	margin-top: 10px;
	font-size: 16px;
	line-height: 26px;
}

.ab_workshop_slick_wrap {
	position: relative;
	margin-top: 40px;
}

.ab_workshop_slick .item {
	padding: 0 10px;
}

.ab_workshop_slick .changpic {
	border-radius: 15px;
	overflow: hidden;
}

.ab_workshop_slick .changpic img {
	width: 100%;
	transition: .5s;
}

.ab_workshop_slick .item:hover img {
	transform: scale(1.1);
}

.ab_workshop_arrows {
	position: absolute;
	top: 50%;
	left: -54px;
	right: -54px;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	pointer-events: none;
}

.ab_workshop_arrows span {
	width: 50px;
	height: 50px;
	background: #fff;
	border: 1px solid #7d7d7d;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	pointer-events: auto;
	transition: .3s;
	color: #666;
}

.ab_workshop_arrows span:hover {
	background: #eb6601;
	border-color: #eb6601;
	color: #fff;
}

.ab_workshop_arrows .ab_ws_prev {
	transform: rotate(180deg);
}

.abhisv {
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/abhig.jpg") no-repeat;
	background-size: cover;
	padding: 74px 0 188px;
}

.abhisv.nitro-lazy {
	background: none !important;
}

.abhisv {
	padding: 80px 0 190px;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/abhig.jpg") no-repeat center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.abhisv.nitro-lazy {
	background: none !important;
}

.abhisv .abch2t {
	text-align: center;
	color: #fff;
	margin-bottom: 18px;
}

.ab_history_wrap {
	position: relative;
}

.ab_history_main {
	margin-bottom: 30px;
}

.history_item {
	position: relative;
	text-align: center;
	min-height: 240px;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	outline: none;
}

.history_bg_year {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 240px;
	font-family: "Outfit-SemiBold";
	color: rgba(255, 255, 255, .03);
	z-index: 1;
	pointer-events: none;
}

.history_text {
	position: relative;
	z-index: 2;
	max-width: 1100px;
}

.history_text h3 {
	font-size: 30px;
	color: #fff;
	font-weight: normal;
	font-family: "Outfit-SemiBold";
	margin-bottom: 20px;
}

.history_text p {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	font-family: "Outfit-Light";
}

.ab_history_nav_wrap {
	position: relative;
}

.history_arrows {
	position: absolute;
	top: -140px;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	pointer-events: none;
	z-index: 10;
}

.history_arrows span {
	width: 50px;
	height: 50px;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	pointer-events: auto;
	transition: .3s;
	color: #fff;
}

.history_arrows span:hover {
	background: #eb6601;
	border-color: #eb6601;
}

.history_arrows .hist_prev {
	transform: rotate(180deg);
	margin-left: 12%;
}

.history_arrows .hist_next {
	margin-right: 12%;
}

.ab_history_timeline {
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}

.timeline_item {
	text-align: center;
	cursor: pointer;
	outline: none;
	padding: 50px 0 0;
}

.timeline_item span {
	font-size: 18px;
	color: #fff;
	font-family: "Outfit-Medium";
	transition: .3s;
	position: relative;
}

.timeline_item.slick-current span {
	color: #eb6601;
}

.timeline_item.slick-current span::before {
	content: "";
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #eb6601;
}

.timeline_item.slick-current span::after {
	content: "";
	position: absolute;
	bottom: 32px;
	left: 50%;
	transform: translateX(-50%);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #eb6601;
}

.timeline_ruler {
	position: absolute;
	bottom: 45px;
	left: 0;
	width: 100%;
	height: 15px;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/timeline.png") repeat-x;
}

.timeline_ruler.nitro-lazy {
	background: none !important;
}

.abhoce {
	padding: 78px 0 84px;
	margin-top: -116px;
	position: relative;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/Certificates.png") no-repeat;
	background-size: 100% 100%;
}

.abhoce.nitro-lazy {
	background: none !important;
}

.abhoce .abch2t {
	text-align: center;
}

.honors-sw-hook .swiper-wrapper .li.swiper-slide img {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.honors-sw-hook .swiper-wrapper .li.swiper-slide-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	z-index: 10;
}

.honors-wraper {
	position: relative;
	padding: 0;
	margin: 40px auto 0;
}

.honors-sw-hook {
	position: relative;
	overflow: hidden;
	padding: 20px 0 20px !important;
}

.honors-sw-hook .swiper-wrapper .li {
	-webkit-transition: all .7s ease, transform 1s;
	-o-transition: all .7s ease, transform 1s;
	-moz-transition: all .7s ease, transform 1s;
	transition: all .7s ease, transform 1s;
	width: 20%;
	text-align: center;
	box-sizing: border-box;
}

.honors-sw-hook .swiper-wrapper .li.swiper-slide-active {
	font-weight: bold;
}

.honors-sw-hook .swiper-wrapper .li p {
	padding-top: 10px;
}

.honors-sw-hook .swiper-wrapper .li img {
	display: block;
	width: 100%;
	height: auto;
}

.swiper-btn {
	display: flex;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 99;
	transition: .3s;
	color: #666;
}

.swiper-btn:hover {
	background: #eb6601;
	border-color: #eb6601;
	color: #fff;
}

.swiper-btn i {
	display: inline-block;
	font-size: 16px;
}

.honor-prev {
	left: -60px;
	transform: translateY(-50%) rotate(180deg);
	-webkit-transform: translateY(-50%) rotate(180deg);
}

.honor-prev:hover {
	transform: translateY(-50%) rotate(180deg);
	-webkit-transform: translateY(-50%) rotate(180deg);
}

.honor-next {
	right: -60px;
}

@media (min-width: 1024px) {
	.honor-prev {
		left: -54px;
	}
	
	.honor-next {
		right: -54px;
	}
}

.honors-wraper {
	margin-top: 25px;
}

.honors-sw-hook {
	padding: 40px 0 !important;
}

.honors-sw-hook .swiper-wrapper {
	padding: 0;
}

.honors-sw-hook .swiper-wrapper .li {
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	-moz-transform: scale(.8);
	margin-right: 25px;
}

.honors-sw-hook .swiper-wrapper .li.swiper-slide-active {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	-o-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	z-index: 10;
}

.honors-sw-hook .swiper-wrapper .li p {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	padding-top: 18px;
}

.honors-sw-hook .swiper-wrapper .li.swiper-slide-active p {
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
	-moz-transform: scale(.9);
}

.honors-sw-hook .swiper-wrapper .li.my-slide-left, .honors-sw-hook .swiper-wrapper .li.my-slide-right {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 9;
	-moz-transform: scale(1);
	-o-transform: scale(1);
}

.honors-sw-hook .swiper-wrapper .li.my-slide-left p, .honors-sw-hook .swiper-wrapper .li.my-slide-right p {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 9;
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.honors-sw-hook .swiper-wrapper .li.my-slide-left {
	right: 2%;
}

.honors-sw-hook .swiper-wrapper .li.my-slide-right {
	left: 2%;
}

.swiper-btn {
	display: flex;
}

.honor-prev {
	left: -30px;
}

.honor-next {
	right: -30px;
}

.swiper-btn:hover {
	background: #eb6601;
	color: #fff;
}

.abglo {
	padding: 180px 0 0 0;
	background: url("https://cdn-ilembfc.nitrocdn.com/aHcBVqJVrWXWZCZiQkcaFMLMUiVqVUrC/assets/images/optimized/rev-80871bc/www.huajinplayground.com/wp-content/themes/huajin/images/abglobg.jpg") no-repeat;
	background-size: cover;
	margin-top: -120px;
}

.abglo.nitro-lazy {
	background: none !important;
}

.abglo .abch2t {
	text-align: center;
	color: #fff;
}

.abexhi {
	padding: 56px 0 74px;
}

.abexhi .abch2t {
	text-align: center;
}

/*404*/
.no_fun {
	text-align: center;
	margin-bottom: 60px;
}

.no_fun h5 {
	font-size: 36px;
	margin-bottom: 30px;
}

.no_fun p {
	color: #888;
	line-height: 30px;
}

.no_fun a {
	display: inline-block;
	margin-top: 34px;
	font-size: 20px;
	border-radius: 40px;
	padding: 16px 64px;
	background: #c81f21;
	color: #fff;
	text-transform: uppercase;
}

.no_fun a:hover {
	transform: translateY(5px);
}

.areatextClass::-webkit-input-placeholder {
	color: red !important;
}

.aligncenter {
	display: block !important;
	margin: 0 auto !important;
}

.wpcf7 fieldset {
	display: none;
}

.wpcf7-response-output, .wpcf7-validation-errors {
	display: none !important;
}

span.wpcf7-not-valid-tip {
	display: none;
}

.screen-reader-response {
	display: none !important;
}

/*分页 结束*/
.digg4 {
	margin-top: 60px;
	text-align: center;
	font-family: "Outfit-Light";
}

.digg4 a, .digg4 span.miy, .digg4 span.disabled, .digg4 span.current {
	width: 36px;
	border-radius: 40px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	background: transparent;
	height: 36px;
	line-height: 36px;
	color: #222;
	text-decoration: none;
	margin: 0 5px;
}

.digg4 span.current, .digg4 span:hover, .digg4 span:hover.disabled, .digg4 a:hover {
	color: #eb6601;
}

.digg4 a {
	color: #333;
}

/* 过程 */
.service_process_section {
	padding: 0 0 44px;
}

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

.process_item {
	width: 22%;
	background: #f9f2ec;
	border-radius: 20px;
	padding: 0 15px;
	height: 245px;
	text-align: center;
	min-height: 140px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all .3s;
}

.process_item:hover {
	background: #eb6601;
	color: #fff;
}

.process_item .icon_box {
	margin-bottom: 12px;
}

.process_item .icon_box i {
	font-size: 50px;
	color: #eb6601;
}

.process_item:hover .icon_box i {
	color: #fff;
}

.process_item p {
	line-height: 1.5;
	font-family: "Outfit-Medium";
}

.process_arrow {
	width: 4%;
	text-align: center;
	color: #eb6601;
}

.process_arrow i {
	font-size: 22px;
}

.process_arrow.left i {
	transform: rotate(180deg);
}

.process_row_divider {
	width: 100%;
	height: 30px;
	display: flex;
	justify-content: flex-end;
	padding-right: 9%;
	align-items: center;
	margin: 10px 0;
}

.divider_arrow i {
	transform: rotate(90deg);
	color: #eb6601;
	font-size: 18px;
}

.service_details_list {}

.service_detail_item {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	border-radius: 20px;
	background: #faf8f7;
}

.sd_img {
	flex: 0 0 367px;
	border-radius: 20px 0 0 20px;
	overflow: hidden;
}

.sd_img img {
	width: 100%;
	height: auto;
	display: block;
}

.sd_info {
	flex: 1;
	padding: 0 36px;
}

.sd_info h3 {
	font-size: 26px;
	color: #333;
	font-weight: normal;
	margin-bottom: 8px;
	font-family: "Outfit-SemiBold";
}

.sd_info p {
	font-size: 16px;
	line-height: 22px;
	color: #666;
}

/* 设计团队 */
.design_team_section {
	padding-bottom: 50px;
}

.dt_title {
	font-size: 40px;
	color: #333;
	font-weight: normal;
	margin-bottom: 25px;
	font-family: "Outfit-SemiBold";
}

.dt_desc {
	line-height: 32px;
	margin-bottom: 40px;
}

.dt_masonry {
	column-count: 3;
	-webkit-column-count: 3;
	column-gap: 20px;
	-webkit-column-gap: 20px;
	-webkit-column-fill: balance;
	column-fill: balance;
	display: block !important;
}

.dt_item {
	-webkit-column-break-inside: avoid !important;
	page-break-inside: avoid !important;
	break-inside: avoid !important;
	display: inline-block !important;
	width: 100% !important;
	margin-bottom: 20px !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	float: none !important;
}

.dt_item img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 20px;
	transition: transform .4s ease, box-shadow .4s ease;
}

.dt_item img:hover {
	transform: translateY(-4px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, .15);
}

/* 新闻 */
.nelisuls {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nelisuls .in_small_item {
	padding: 0;
}

/*新闻详情*/
.infocon {}

.infocon h1 {
	font-size: 26px;
	font-family: "Outfit-SemiBold";
	font-weight: normal;
	text-align: center;
}

.infocon img {
	display: inline-block;
	margin: 15px 0;
	max-width: 100%;
}

.infocon .time {
	text-align: center;
	margin: 18px 0;
}

.infocon .time i {
	font-size: 20px;
}

.infocon .other {
	border-top: 1px solid #ddd;
	padding: 15px 0 0 0;
	margin: 30px 0 0 0;
	line-height: 26px;
}

.infocon .other div {
	margin: 8px 0;
}

.infocon .other {
	color: #333;
}

.infocon .other a {
	color: #333;
}

.infocon .other a:hover {
	color: #eb6601;
}

.infocon p {
	line-height: 28px;
	margin-bottom: 10px;
}

/*contact*/
.map {
	margin-top: 56px;
}

.pad0 {
	padding-bottom: 0 !important;
}

.contact_page_wrapper {}

.cp_title_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.ctc_flex {
	display: flex;
	align-items: center;
	gap: 30px;
}

.cp_title_box h1 {
	font-size: 56px;
	font-family: "Outfit-SemiBold";
	color: #333;
}

.cp_title_box p {
	font-size: 20px;
	font-family: "Outfit-Regular";
}

.cp_social_links {
	display: flex;
	gap: 15px;
}

.cp_social_links a {
	color: #eb6601;
	font-size: 20px;
	transition: .3s;
}

.cp_social_links a:hover {
	transform: translateY(-3px);
	opacity: .8;
}

.cp_cards_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1.6fr;
	gap: 20px;
	margin-bottom: 60px;
}

.cp_card {
	background: #f5efea;
	border-radius: 10px;
	padding: 26px 20px;
	text-align: center;
	transition: .3s;
}

.cp_card:hover {
	background: #eb6601;
	color: #fff;
}

.cp_card_icon {
	width: 56px;
	height: 56px;
	background: #eb6601;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px;
}

.cp_card_icon i {
	font-size: 28px;
	color: #fff;
}

.cp_card:hover .cp_card_icon i {
	color: #eb6601;
}

.cp_card:hover .cp_card_icon {
	background: #fff;
}

.cp_card h4 {
	font-size: 18px;
	margin-bottom: 6px;
	font-weight: normal;
}

.cp_card:hover h4 {
	color: #fff;
}

.cp_card a {
	font-size: 22px;
	color: #333;
	line-height: 1.6;
	font-family: "Outfit-Regular";
	text-decoration: none;
	display: block;
}

.cp_card:hover a, .cp_card:hover p {
	color: #fff;
}

.cp_card p {
	font-size: 16px;
	color: #333;
	line-height: 20px;
	font-family: "Outfit-Light";
	text-decoration: none;
	display: block;
}

.cp_bottom_flex {
	display: flex;
	gap: 60px;
	align-items: flex-start;
}

.cp_form_side {
	flex: 1;
}

.cp_section_title {
	font-size: 36px;
	font-family: "Outfit-Medium";
	font-weight: normal;
	color: #333;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
}

.cp_section_title::before {
	content: "";
	width: 7px;
	height: 36px;
	background: #eb6601;
	display: inline-block;
	margin-right: 12px;
}

.cp_qr_side {
	flex: 0 0 458px;
	padding-top: 52px;
	display: flex;
	justify-content: space-between;
	gap: 36px;
}

.qr_item {
	text-align: center;
}

.qr_box {}

.qr_box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.qr_item p {
	font-size: 16px;
	font-family: "Outfit-Light";
}

.target-div {
	transition: all .5s;
	position: relative;
	bottom: -120px;
	opacity: 0;
}

.in-view {
	bottom: 0 !important;
	opacity: 1 !important;
}

/* ========== 响应式媒体查询 ========== */

/* 1680px */
@media screen and (max-width: 1680px) {
	.sunvs h2 {
		font-size: 52px;
	}
}

/* 1600px */
@media screen and (max-width: 1600px) {
	.warper {
		width: 90%;
	}
	
	nav li {
		margin: 0 12px;
	}
	
	.in_video_prev, .why_prev {
		left: -48px;
	}
	
	.in_video_next, .why_next {
		right: -48px;
	}
	
	.ban_arrow .warper {
		width: 80%;
	}
	
	.ban_arrow {
		bottom: 200px;
	}
}

/* 1440px */
@media screen and (max-width: 1440px) {
	.in_app_info h3 {
		font-size: 26px;
	}
	
	.sunvs h2 {
		font-size: 44px;
	}
	
	.dt_title {
		font-size: 32px;
	}
	
	.h_tlx li {
		margin-right: 12px;
	}
	
	nav li {
		margin: 0 10px;
	}
	
	.inh2t {
		font-size: 50px;
	}
	
	.in_stat_num {
		font-size: 45px;
	}
	
	.in_app_info {
		padding: 30px;
	}
	
	.incrtxt em {
		margin-top: 25px;
	}
	
	.fotrig {
		padding-left: 40px;
	}
	
	.footer_products {
		width: 25%;
	}
	
	.footer_contact {
		width: 39%;
	}
	
	.sbuivb {
		gap: 30px;
	}
	
	.sudls dd {
		margin-top: 12px;
	}
	
	.in_cat_header {
		padding: 30px;
	}
	
	.in_side_title {
		font-size: 25px;
		padding: 20px 28px;
	}
	
	.in_sidebar {
		width: 280px;
	}
	
	.in_plist_main {
		width: calc(100% - 280px);
	}
	
	.right-nav {
		padding: 14px 10px;
	}
	
	.right-nav li {
		height: 56px;
	}
	
	.in_side_news_item {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}
	
	.in_side_block {
		margin-bottom: 20px;
	}
	
	.in_side_contact {
		padding: 18px;
	}
	
	.in_side_contact i {
		margin-right: 6px;
	}
	
	.in_pdetail_title {
		font-size: 30px;
	}
	
	.in_pdetail_desc {
		margin-bottom: 26px;
	}
	
	.in_pdetail_contact {
		gap: 0 20px;
	}
	
	.del_section_title {
		font-size: 30px;
	}
	
	.del_service_slick .del_item, .del_adv_slick .del_item, .del_mat_slick .del_item {
		margin: 0 6px;
	}
	
	.del_service_slick .slick-list, .del_adv_slick .slick-list, .del_mat_slick .slick-list {
		margin: 0 -6px;
	}
	
	.item-tl, .item-bl {
		left: 5px;
	}
	
	.item-tr, .item-br {
		right: 5px;
	}
	
	.abch2t {
		font-size: 46px;
	}
	
	.process_item {
		height: 198px;
	}
	
	.cp_title_box h1 {
		font-size: 48px;
	}
	
	.cp_title_box p {
		font-size: 18px;
	}
}

/* 1366px */
@media screen and (max-width: 1366px) {
	.sudls dt p {
		font-size: 20px;
	}
	
	.sbuivb {
		gap: 12px;
	}
	
	.in_cari {
		padding: 48px 40px 0;
	}
	
	.in_small_item a {
		padding: 22px;
	}
	
	.inh2t {
		font-size: 40px;
	}
	
	.in_faq_slick_wrap {
		margin: 40px auto 0;
	}
	
	.pat80 {
		padding-top: 60px;
	}
	
	.in_cat_btn {
		padding: 12px 40px;
	}
	
	.plulstc {
		gap: 16px;
	}
	
	.in_pro_grid .in_product_info, .plulstc .in_product_info, .del_rel_pro_slick .in_product_info {
		padding: 20px;
	}
	
	.delbipiuls {
		margin-top: 24px;
		gap: 12px;
	}
	
	.del_func_item {
		margin-bottom: 24px;
	}
	
	.del_tag_list, .del_section {
		margin-top: 24px;
	}
	
	.in_stat_num {
		font-size: 36px;
	}
	
	.history_text {
		max-width: 800px;
	}
	
	.del_proj_info p {
		margin-bottom: 16px;
	}
	
	.volistul {
		grid-gap: 30px 18px;
	}
	
	.cp_title_box h1 {
		font-size: 40px;
	}
	
	.cp_bottom_flex {
		gap: 30px;
	}
}

/* 1280px */
@media screen and (max-width: 1280px) {
	.warper {
		width: 1200px;
		max-width: 95%;
	}
	
	.why_inner {
		padding: 25px 15px;
	}
	
	.sunvs h2 {
		font-size: 38px;
	}
	
	.ban_arrow {
		bottom: 145px;
	}
	
	.product_arrows {
		left: -20px;
		right: -20px;
	}
	
	.in_video_prev, .why_prev {
		left: -20px;
	}
	
	.in_video_next, .why_next {
		right: -20px;
	}
	
	.in_big_info {
		padding: 80px 24px 24px;
	}
	
	.in_small_date {
		margin-bottom: 12px;
	}
	
	.iquivc {
		padding: 54px 0;
	}
	
	.fotlef h2 {
		font-size: 32px;
	}
	
	.fooul li, .foxlus li {
		margin-bottom: 14px;
	}
	
	.footer_contact {
		padding-bottom: 20px;
	}
	
	.in_cat_left h2 {
		font-size: 30px;
	}
	
	.in_pdetail_left {
		padding-right: 20px;
	}
	
	.del_section_header {
		margin-bottom: 15px;
	}
	
	.abch2t {
		font-size: 38px;
	}
	
	.ab_about_slick_nav .ab_prev {
		transform: translateX(-20px) rotate(180deg);
	}
	
	.ab_about_slick_nav .ab_next {
		transform: translateX(20px);
	}
	
	.ab_adv_card {
		padding: 30px;
	}
	
	.ab_workshop_arrows {
		left: -20px;
		right: -20px;
	}
	
	.history_item {
		min-height: 200px;
	}
	
	.ab_workshop_slick_wrap {
		margin-top: 20px;
	}
	
	.del_proj_info h3 {
		font-size: 20px;
		margin-bottom: 14px;
	}
	
	.in_plist_top_desc {
		margin-bottom: 24px;
	}
	
	.dt_title {
		font-size: 28px;
		margin-bottom: 14px;
	}
	
	.dt_desc {
		line-height: 28px;
		margin-bottom: 20px;
	}
	
	.cp_cards_grid {
		margin-bottom: 30px;
	}
}

/* 1200px */
@media screen and (max-width: 1200px) {
	.in_stat_num {
		font-size: 32px;
	}
	
	.in_stat_item p {
		font-size: 17px;
	}
	
	.in_pro_grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 15px;
	}
	
	.in_cat_left h2 {
		font-size: 28px;
	}
	
	.ab_culture_center {
		width: 280px;
		height: 280px;
	}
	
	.sd_img {
		flex: 0 0 240px;
	}
	
	.sd_info {
		padding: 0 25px;
	}
	
	.cp_cards_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	
	.cp_card a {
		font-size: 18px;
	}
	
	.sunvs h2 {
		font-size: 32px;
	}
	
	.pat80 {
		padding-top: 40px;
	}
	
	.pab80 {
		padding-bottom: 40px;
	}
	
	.banner_home, .subbanner {
		margin-top: 62px;
	}
	
	.hron {
		top: -45px;
		right: 48px;
	}
	
	.hgebtn {
		padding: 9px 20px;
	}
	
	#nav .nav-button {
		display: block;
		top: -42px;
		right: 0;
	}
	
	header, .position, .page_h {
		height: 62px;
		background: #fff;
	}
	
	.logo {
		top: -45px;
		left: 0;
	}
	
	.logo img {
		height: 40px;
		width: auto;
	}
	
	.hltlef, .h_trx li:first-child {
		display: none;
	}
	
	.h_top {
		height: 0;
		padding: 0;
	}
	
	.h_trx li {
		color: #333;
		margin-left: 10px;
	}
	
	.h_trx li b {
		border-color: #333 transparent transparent transparent;
	}
	
	.searchform {
		background: rgba(0, 0, 0, .05);
		width: 36px;
		height: 36px;
		border-radius: 50px;
	}
	
	.searchform span {
		display: none;
	}
	
	.searchform i {
		right: 4px;
		top: 1px;
		color: #333;
		font-size: 14px;
	}
	
	.hltrig {
		margin-right: 192px;
		padding-top: 6px;
	}
	
	.h_bot {
		padding: 0 15px;
	}
	
	nav {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		width: 260px;
		z-index: 999;
		overflow: auto;
		background: #222;
		transform: translateX(-260px);
		transition: .3s;
	}
	
	nav li {
		float: none;
		padding: 0;
		margin: 0;
	}
	
	nav li > a {
		margin: 0;
		color: #fff;
		line-height: normal;
		display: block;
		padding: 10px 15px;
		border-bottom: 1px solid #333;
		text-align: left;
		font-size: 18px;
	}
	
	nav li.on a, nav li:hover a {
		background: #eb6601;
		color: #fff;
	}
	
	nav li > a:before {
		display: none;
	}
	
	.submett {
		left: 0;
		top: 0;
		padding: 0;
		border: none;
		width: auto;
		display: block !important;
		background: #434343;
		position: inherit;
		opacity: 1;
		height: auto !important;
	}
	
	.submett .warper {
		max-width: 100%;
	}
	
	.sudls dt .changpic {
		display: none;
	}
	
	.sbuivb {
		flex-direction: column;
		gap: 0;
	}
	
	.sudls dt p {
		font-size: 16px;
		margin-bottom: 0;
		font-family: "Outfit-Light";
		color: #fff;
	}
	
	.sudls dt a {
		display: block;
		padding: 10px 15px;
		background: transparent !important;
	}
	
	.sider-contact, .sudls dd {
		display: none;
	}
	
	.sudls dt a:hover {
		background: #eb6601 !important;
		color: #fff;
	}
}

/* 1024px */
@media screen and (max-width: 1024px) {
	.in_about_stats {
		margin-top: 25px;
	}
	
	.in_stat_item {
		width: 50%;
	}
	
	.in_news_left {
		margin-bottom: 20px;
	}
	
	.in_faq_inner {
		padding: 20px 12px;
	}
	
	.sudls {
		width: 100%;
	}
	
	.in_sidebar {
		position: static;
	}
	
	.fixedp {
		position: static;
	}
	
	.del_attr_table tr td:first-child {
		width: 120px;
		padding: 8px 10px;
	}
	
	.ab_culture_list {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	.history_bg_year {
		font-size: 80px;
	}
	
	.history_text h3 {
		font-size: 22px;
	}
	
	.sunvs h2 {
		font-size: 28px;
	}
	
	.cp_section_title {
		font-size: 28px;
		margin-bottom: 20px;
	}
	
	.cp_section_title::before {
		height: 28px;
	}
	
	.in_side_block:first-child .in_side_title {
		cursor: pointer;
		position: relative;
	}
	
	.in_side_block:first-child .in_side_title::after {
		content: "";
		font-family: iconfont;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		transition: .3s;
		font-size: 16px;
		font-weight: normal;
	}
	
	.in_side_block:first-child .in_side_title.active::after {
		content: "";
		transform: translateY(-50%);
	}
	
	.in_side_block:first-child .in_side_nav {
		display: none;
	}
	
	.ipcen {
		margin-top: 0;
		padding: 40px 0;
		background: #fff;
	}
	
	.inh2t {
		font-size: 32px;
	}
	
	.nav_icon {
		width: 70px;
		height: 70px;
	}
	
	.nav_icon i {
		font-size: 36px;
	}
	
	.nav_item p {
		font-size: 17px;
	}
	
	.nav_item::after {
		top: 38px;
	}
	
	.target-div {
		bottom: 0 !important;
		opacity: 1 !important;
	}
	
	.in_product_nav {
		margin-bottom: 20px;
	}
	
	.in_product_info {
		padding: 20px;
	}
	
	.in_product_card {
		margin: 0 8px;
	}
	
	.why_slick .why_item {
		padding: 0 8px;
	}
	
	.in_product_info h3 {
		font-size: 19px;
	}
	
	.why_icon {
		width: 60px;
		height: 60px;
	}
	
	.why_icon i {
		font-size: 32px;
	}
	
	.why_inner h3 {
		font-size: 22px;
	}
	
	.iwhy, .in_about_section {
		margin-top: 0;
		padding: 50px 0;
	}
	
	.why_slick_wrap {
		margin-top: 26px;
	}
	
	.in_about_left {
		width: 49%;
	}
	
	.in_about_stats {
		padding-top: 0;
	}
	
	.in_stat_icon {
		margin-bottom: 10px;
	}
	
	.in_stat_item::after {
		display: none;
	}
	
	.in_app_top {
		margin-bottom: 35px;
	}
	
	.in_app_section {
		padding: 50px 0 0;
	}
	
	.in_cari {
		padding: 24px 24px 0;
	}
	
	.incrtxt h3 {
		font-size: 22px;
		line-height: 26px;
		height: 52px;
	}
	
	.incrtxt p {
		margin-top: 10px;
		line-height: 24px;
		height: 72px;
	}
	
	.incrtxt em {
		margin-top: 18px;
		padding: 8px 26px;
	}
	
	.ipjectv {
		margin-top: 0;
		padding: 50px 0;
		background: #fff;
	}
	
	.iviosv {
		margin-top: 0;
		padding: 50px 0;
	}
	
	.in_video_slick_wrap {
		margin-top: 24px;
	}
	
	.in_news_top {
		margin-bottom: 20px;
	}
	
	.in_news_content {
		flex-direction: column;
	}
	
	.in_news_left {
		width: 100%;
		padding: 0;
	}
	
	.in_news_right {
		width: 100%;
	}
	
	.inivst, .iquivc {
		padding: 50px 0;
	}
	
	.in_faq_slick_wrap {
		width: 100%;
		padding: 0 10%;
		margin: 20px auto 0;
	}
	
	.in_faq_slick_wrap::after, .in_faq_slick_wrap::before {
		display: none;
	}
	
	.in_faq_prev {
		left: 3%;
	}
	
	.in_faq_next {
		right: 3%;
	}
	
	.in_faq_item {
		padding: 0;
	}
	
	.in_faq_inner h3 {
		margin-bottom: 14px;
	}
	
	.fotops {
		padding: 32px 0;
	}
	
	.fotlef {
		display: none;
	}
	
	.fotrig {
		width: 100%;
		padding: 0;
	}
	
	.footer_info {
		display: none;
	}
	
	.footer_col {
		border: none;
	}
	
	.footer_contact {
		width: 45%;
	}
	
	.footer_col {
		padding-left: 0;
	}
	
	.in_cat_header {
		margin-bottom: 34px;
	}
	
	.in_plist_flex {
		flex-direction: column;
	}
	
	.in_sidebar {
		width: 100%;
	}
	
	.in_plist_main {
		width: 100%;
		padding: 0;
		margin-top: 15px;
	}
	
	.in_side_block {
		display: none;
	}
	
	.in_sidebar .in_side_block:first-child {
		display: block !important;
	}
	
	.digg4 {
		margin-top: 34px;
	}
	
	.prwarv {
		margin-top: 0;
		padding-bottom: 50px;
	}
	
	.abdata {
		margin-top: 0;
		padding: 40px 0;
		background: #f5f0e5;
	}
	
	.abdata .in_about_stats {
		margin-top: 0;
	}
	
	.abcoivs {
		padding: 45px 0;
	}
	
	.ab_about_top {
		margin-bottom: 30px;
		gap: 30px;
	}
	
	.abculiv {
		margin-top: 0;
		padding: 50px 0;
	}
	
	.ab_culture_center, .ab_circle_inner, .ab_circle_outer {
		width: auto;
		border: none;
		height: auto;
		background: transparent;
	}
	
	.ab_circle_outer, .ab_culture_list, .ab_culture_item {
		position: static;
	}
	
	.ab_culture_center .dot {
		display: none;
	}
	
	.ab_culture_item {
		text-align: left !important;
		width: 100%;
	}
	
	.item-tl .icon_box, .item-bl .icon_box {
		justify-content: flex-start !important;
	}
	
	.ab_culture_wrap {
		flex-direction: column;
	}
	
	.ab_culture_item .icon_box i {
		font-size: 38px;
	}
	
	.ab_culture_item .text_box h4 {
		font-size: 22px;
	}
	
	.ab_culture_list {
		display: grid;
		margin-top: 24px;
		grid-gap: 20px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.ab_culture_item .icon_box {
		margin-bottom: 10px;
	}
	
	.abch2t {
		font-size: 32px;
	}
	
	.ab_workshop_section {
		margin-top: 0;
		padding: 60px 0;
	}
	
	.abhisv {
		padding: 60px 0;
	}
	
	.abhoce {
		margin-top: 0;
		padding: 60px 0;
		background: #fff;
	}
	
	.abglo, .abexhi {
		margin-top: 0;
		padding: 50px 0;
	}
	
	.history_arrows .hist_prev {
		margin-left: 2%;
	}
	
	.history_arrows .hist_next {
		margin-right: 2%;
	}
	
	.sd_info h3 {
		font-size: 23px;
	}
	
	.in_small_item a {
		padding: 16px;
	}
	
	.ctc_flex {
		flex-direction: column;
		gap: 10px;
		text-align: left;
		align-items: normal;
	}
	
	.cp_title_box h1 {
		font-size: 34px;
	}
	
	.cp_title_box {
		flex-direction: column;
		align-items: normal;
	}
	
	.cp_social_links {
		margin-top: 10px;
	}
	
	.cp_qr_side {
		flex: 0 0 320px;
		gap: 6px;
	}
	
	.bigform button {
		width: 160px;
	}
	
	.map {
		margin-top: 40px;
	}
	
	.ban_line {
		display: none;
	}
	
	.ban_ctrl {
		justify-content: space-between;
	}
	
	.ban_arrow .warper {
		width: 96%;
	}
	
	.ban_arrow {
		bottom: auto;
		top: 40%;
	}
	
	.abworks {
		padding: 56px 0;
	}
	
	.honors-wraper {
		margin-top: 25px;
	}
	
	.honors-sw-hook {
		padding: 40px 0 !important;
	}
	
	.honors-sw-hook .swiper-wrapper {
		padding: 0;
	}
	
	.honors-sw-hook .swiper-wrapper .li {
		-webkit-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8);
		-moz-transform: scale(.8);
		margin-right: 25px;
	}
	
	.honors-sw-hook .swiper-wrapper .li.swiper-slide-active {
		-webkit-transform: scale(1);
		transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		z-index: 10;
	}
	
	.honors-sw-hook .swiper-wrapper .li p {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-moz-transform: scale(1);
		padding-top: 18px;
	}
	
	.honors-sw-hook .swiper-wrapper .li.swiper-slide-active p {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-moz-transform: scale(1);
	}
	
	.honors-sw-hook .swiper-wrapper .li.my-slide-left, .honors-sw-hook .swiper-wrapper .li.my-slide-right {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		z-index: 9;
		-moz-transform: scale(1);
		-o-transform: scale(1);
	}
	
	.honors-sw-hook .swiper-wrapper .li.my-slide-left p, .honors-sw-hook .swiper-wrapper .li.my-slide-right p {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		z-index: 9;
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
	}
	
	.honors-sw-hook .swiper-wrapper .li.my-slide-left {
		right: 0;
	}
	
	.honors-sw-hook .swiper-wrapper .li.my-slide-right {
		left: 0;
	}
	
	.honors-sw-hook {
		padding: 0 !important;
	}
	
	.honor-next {
		right: 0;
	}
	
	.honor-prev {
		left: 0;
	}
}

/* 768px */
@media screen and (max-width: 768px) {
	.in_about_section, .in_app_section, .in_pro_section, .in_cat_section, .in_news_section, .in_faq_section {
		padding: 40px 0;
	}
	
	.in_stat_num {
		font-size: 28px;
	}
	
	.in_app_line {
		width: 100px;
	}
	
	.ab_workshop_title {
		font-size: 20px;
	}
	
	.dt_title {
		font-size: 24px;
	}
	
	.cp_title_box h1 {
		font-size: 28px;
	}
	
	.cp_title_box p {
		font-size: 14px;
	}
	
	.sunvs {
		height: 160px;
	}
	
	.sunvs h2 {
		font-size: 24px;
	}
	
	.pat80 {
		padding-top: 30px;
	}
	
	.sd_info h3 {
		font-size: 20px;
	}
	
	.ban_arrow span, .product_arrows span, .why_arrows span, .in_app_ctrl span, .in_video_arrows span, .swiper-btn, .in_news_ctrl span, .ab_about_slick_nav span, .ab_workshop_arrows span, .history_arrows span {
		width: 42px;
		height: 42px;
	}
	
	.inh2t {
		font-size: 28px;
	}
	
	.more_btn {
		font-size: 15px;
	}
	
	.in_product_top {
		margin-bottom: 20px;
	}
	
	.nav_icon {
		margin: 0 auto 8px;
	}
	
	.in_about_top {
		flex-direction: column;
	}
	
	.in_about_left {
		width: 100%;
	}
	
	.in_about_right {
		width: 100%;
		margin-top: 15px;
	}
	
	.in_about_text {
		margin-bottom: 20px;
	}
	
	.getbox {
		width: 90%;
		padding: 26px;
	}
	
	.in_stat_icon i {
		font-size: 34px;
	}
	
	.in_stat_num {
		font-size: 25px;
	}
	
	.in_app_top {
		margin-bottom: 24px;
	}
	
	.ipjectv {
		padding: 0 0 40px 0;
	}
	
	.inca_arr {
		width: 100%;
		bottom: 35%;
	}
	
	.inca_arr span {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	
	.inca_arr span i {
		font-size: 15px;
	}
	
	.inca_gd .slick-dots {
		display: none !important;
	}
	
	.inca_item {
		border-radius: 10px;
	}
	
	.inca_swi {
		margin-top: 12px;
	}
	
	.incrtxt h3 {
		font-size: 20px;
	}
	
	.incrtxt p {
		height: 48px;
	}
	
	.iviosv, .inivst, .iquivc {
		padding: 40px 0;
	}
	
	.fotops, .footer_links, .footer_products {
		display: none;
	}
	
	.footer_contact {
		width: 100%;
	}
	
	.in_cat_right p {
		display: none;
	}
	
	.in_cat_left {
		width: 100%;
	}
	
	.in_cat_left h2 {
		font-size: 22px;
	}
	
	.in_cat_btn {
		padding: 10px 26px;
	}
	
	.in_pro_grid, .plulstc {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 15px;
	}
	
	.in_side_title {
		font-size: 24px;
		padding: 18px;
	}
	
	.in_side_block {
		margin-bottom: 10px;
		border-radius: 10px;
	}
	
	.in_pdetail_top {
		flex-direction: column;
	}
	
	.in_pdetail_left {
		width: 100%;
		padding: 0;
	}
	
	.in_pdetail_right {
		width: 100%;
		margin-top: 12px;
	}
	
	.in_pdetail_title {
		font-size: 26px;
		margin-bottom: 10px;
	}
	
	.in_pdetail_desc, .in_pdetail_contact {
		margin-bottom: 12px;
	}
	
	.delbipiuls {
		margin-top: 16px;
	}
	
	.del_section_title::before {
		display: none;
	}
	
	.del_section_title {
		padding: 0;
		font-size: 26px;
		margin-bottom: 10px;
	}
	
	.del_desc_text {
		margin-bottom: 14px;
	}
	
	.del_desc_images {
		gap: 10px;
	}
	
	.del_attr_table tr td {
		padding: 10px;
	}
	
	.del_func_item p {
		line-height: 1.6;
	}
	
	.del_proj_info {
		padding: 0 20px;
	}
	
	.del_proj_info p {
		height: 48px;
	}
	
	.abdata {
		padding: 30px 0;
	}
	
	.abcoivs {
		padding: 30px 0;
	}
	
	.ab_about_top {
		flex-direction: column;
	}
	
	.ab_about_left {
		width: 100%;
	}
	
	.ab_about_right {
		width: 100%;
		margin-top: 10px;
	}
	
	.abch2t {
		font-size: 28px;
	}
	
	.ab_about_top {
		gap: 20px;
	}
	
	.ab_about_slick_container .item {
		margin: 0 6px;
	}
	
	.ab_about_slick_container .changpic {
		border-radius: 10px;
	}
	
	.abculiv, .abadvi {
		padding: 40px 0;
	}
	
	.ab_culture_item .text_box h4 {
		font-size: 20px;
		margin-bottom: 6px;
	}
	
	.ab_adv_grid {
		margin-top: 20px;
		gap: 20px;
	}
	
	.ab_adv_card {
		padding: 16px;
	}
	
	.ab_adv_card .icon_box i {
		font-size: 30px;
	}
	
	.ab_adv_card h3 {
		font-size: 18px;
		margin-bottom: 6px;
	}
	
	.ab_adv_card .icon_box {
		margin-bottom: 12px;
	}
	
	.abworks, .ab_workshop_section {
		padding: 40px 0;
	}
	
	.ab_workshop_item {
		margin-bottom: 32px;
	}
	
	.history_item {
		width: 100%;
	}
	
	.abhisv, .abhoce {
		padding: 40px 0;
	}
	
	.history_text {
		width: 100%;
		padding: 0 10%;
	}
	
	.abglo, .abexhi {
		padding: 40px 0;
	}
	
	.del_proj_btn {
		display: none;
	}
	
	.del_project_card a {
		border-radius: 10px;
	}
	
	.jectlist {
		gap: 12px 0;
	}
	
	.volistul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.process_item .icon_box i {
		font-size: 30px;
	}
	
	.process_item {
		height: 155px;
		border-radius: 10px;
	}
	
	.process_item p {
		font-size: 16px;
		line-height: 1.2;
	}
	
	.service_detail_item {
		flex-direction: column;
	}
	
	.sd_img {
		flex: none;
		width: 100%;
	}
	
	.sd_info {
		padding: 20px;
	}
	
	.service_detail_item, .sd_img {
		overflow: hidden;
		border-radius: 12px;
	}
	
	.dt_desc {
		font-size: 16px;
		line-height: 26px;
	}
	
	.dt_title {
		font-size: 23px;
		margin-bottom: 8px;
	}
	
	.dt_item img {
		border-radius: 10px;
	}
	
	.dt_masonry {
		column-gap: 6px;
		-webkit-column-gap: 6px;
	}
	
	.dt_item {
		margin-bottom: 6px !important;
	}
	
	.design_team_section {
		padding-bottom: 0;
	}
	
	.nelisuls {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.infocon h1 {
		font-size: 24px;
	}
	
	.infocon .time {
		margin: 12px 0;
	}
	
	.cp_card {
		padding: 18px;
	}
	
	.cp_bottom_flex {
		flex-direction: column;
	}
	
	.cp_qr_side {
		padding-top: 20px;
	}
	
	.cp_bottom_flex {
		gap: 12px;
	}
	
	.map {
		margin-top: 20px;
	}
	
	.getboxt {
		width: 90%;
		padding: 25px;
	}
	
	.getboxt h2 {
		font-size: 24px;
	}
	
	.bigform ul li {
		width: 100%;
		float: none;
		margin-bottom: 6px;
		margin-right: 0;
	}
}

/* 500px */
@media screen and (max-width: 500px) {
	.in_stat_item {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.in_pro_grid {
		grid-template-columns: 1fr;
	}
	
	.in_cat_left h2 {
		font-size: 22px;
	}
	
	.in_cat_header {
		padding: 25px 12px;
	}
	
	.cp_submit_btn {
		width: 100%;
		padding: 10px 0;
		font-size: 15px;
	}
	
	.qr_box {
		width: 110px;
		height: 110px;
	}
	
	.cp_card a {
		font-size: 16px;
	}
	
	.cp_card p {
		font-size: 14px;
	}
	
	.ipcen, .iwhy, .in_about_section {
		padding: 20px 0;
	}
	
	.nav_item::after {
		display: none;
	}
	
	.nav_icon {
		width: 50px;
		height: 50px;
	}
	
	.nav_item p {
		font-size: 12px;
	}
	
	.why_slick_wrap {
		margin-top: 16px;
	}
	
	.in_about_stats {
		flex-wrap: wrap;
	}
	
	.in_stat_item {
		width: 50%;
	}
	
	.hgebtn {
		display: none;
	}
	
	.hron {
		display: none;
	}
	
	.hltrig {
		margin-right: 60px;
	}
	
	.inh2t {
		font-size: 26px;
	}
	
	.in_about_section, .in_app_section, .in_pro_section, .in_cat_section, .in_news_section, .in_faq_section, .iviosv, .inivst, .iquivc {
		padding: 20px 0;
	}
	
	.inca_item {
		flex-direction: column;
	}
	
	.in_cale {
		width: 100%;
	}
	
	.in_cari {
		width: 100%;
		padding: 12px;
	}
	
	.ipjectv {
		padding: 0 0 20px 0;
	}
	
	.in_news_line {
		width: 100px;
	}
	
	.in_small_item p {
		height: 44px;
	}
	
	.in_small_img {
		margin-bottom: 14px;
	}
	
	.in_faq_inner h3 {
		font-size: 19px;
	}
	
	.footmenu {
		display: block;
	}
	
	footer {
		padding-bottom: 80px;
	}
	
	.in_cat_header {
		border-radius: 10px;
	}
	
	.in_cat_header {
		margin-bottom: 12px;
	}
	
	.in_side_title {
		font-size: 20px;
	}
	
	.in_pro_grid, .plulstc {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.delbipiuls {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-gap: 10px;
	}
	
	.del_func_list {
		padding-left: 0;
	}
	
	.del_func_list::before {
		display: none;
	}
	
	.del_project_card a {
		flex-direction: column;
	}
	
	.del_proj_img {
		width: 100%;
	}
	
	.del_proj_info {
		padding: 20px;
	}
	
	.ab_about_desc p {
		line-height: 26px;
	}
	
	.abculiv, .abadvi, .abworks, .ab_workshop_section, .abglo, .abexhi {
		padding: 20px 0;
	}
	
	.ab_adv_grid {
		gap: 10px;
	}
	
	.abch2t {
		font-size: 24px;
	}
	
	.in_video_info {
		margin-top: 8px;
	}
	
	.volistul {
		grid-gap: 10px;
	}
	
	.in_video_thumb {
		border-radius: 10px;
	}
	
	.process_arrow i, .divider_arrow i {
		font-size: 12px;
	}
	
	.prwarv {
		padding-bottom: 34px;
	}
	
	.dt_masonry {
		column-count: 2;
		-webkit-column-count: 2;
	}
	
	.nelisuls {
		grid-gap: 10px;
	}
	
	.infocon h1 {
		font-size: 22px;
	}
	
	.in_small_date {
		font-size: 22px;
	}
	
	.cp_title_box {
		margin-bottom: 20px;
	}
	
	.cp_cards_grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 6px;
	}
	
	.cp_bottom_flex {
		display: block;
	}
	
	.cp_qr_side {
		justify-content: center;
	}
}