.home_index_body {
	min-width: 1450px;
	overflow-x: scroll
}

.home_index_body .main__header--move-up {
	display: none
}

.hi_nav_logo {
	width: 194px;
	height: 70px;
	margin-top: -17px;
}

.hi_nav_customer {
	width: 237px;
	height: 45px
}

.hi_navs_wrapper {
	height: 135px;
	padding: 60px 0 50px
}

.hi_pagenav_mid {
	margin: 0 auto;
	width: 100%;
	max-width: 1300px
}

.hi_navs {
	text-align: right
}

.hi_nav {
	width: 117px;
	text-align: center;
	border-right: 1px solid #9b9b9b;
	line-height: 15px
}

.hi_nav:last-child {
	width: 90px;
	text-align: right;
	border-right: none
}

.hi_nav_flag {
	visibility: hidden;
	left: 0;
	bottom: -12px;
	width: 100%;
	height: 6px;
	background-color: #ffc403
}

.hi_nav.active,.hi_nav:hover {
	font-weight: 700
}

.hi_nav.active .hi_nav_flag,.hi_nav:hover .hi_nav_flag {
	visibility: visible
}

.hi_pagenav_box.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	padding: 24px 0;
	width: 100%;
	height: 69px;
	background-color: #fff;
	box-shadow: 0 10px 15px 0 rgba(0,0,0,.07)
}

.js_pagenav_for {
	top: -80px
}

.hi_pagenav_logo {
	top: 18px;
	visibility: hidden
}

.hi_pagenav_box.fixed .hi_pagenav_logo {
	visibility: visible
}

.hi_banners {
	position: relative;
	height: 460px
}

.home_index .swiper-btn {
	background-image: none!important;
	width: 40px;
	height: 57px;
	line-height: 56px;
	text-align: center;
	color: #c8c8c8;
	border: 1px solid #c8c8c8;
	font-size: 32px;
	border-radius: 4px
}

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

.home_index .swiper-button-prev {
	left: -70px
}

.home_index .swiper-button-next {
	right: -70px
}

.hi_prod_container {
	height: 600px
}

.hi_prod .swiper-slide {
	width: 314px
}

.hi_prod_img {
	width: 314px;
	height: 480px
}

.hi_pi_tag {
	top: 12px;
	right: 12px;
	width: 50px;
	height: 50px
}

.hi_prod_service {
	margin: 20px;
	padding-top: 90px;
	width: 274px;
	height: 441px;
	box-shadow: 8px 0 11px 0 rgba(0,0,0,.06),-8px 0 11px 0 rgba(0,0,0,.06);
	border-radius: 8px
}

.hi_artwork_nav .tshe_unline_l {
	bottom: -4px;
	visibility: hidden
}

.hi_artwork_nav.active .tshe_unline_l,.hi_artwork_nav:hover .tshe_unline_l {
	visibility: visible
}

.hi_artwork_nav.active .tshe_unline_t,.hi_artwork_nav:hover .tshe_unline_t {
	font-weight: 700
}

.hi_ai0,.hi_artwork_container {
	height: 428px
}

.hi_ai0 {
	top: 0;
	left: 0;
	width: 577px
}

.hi_ai1 {
	top: 0
}

.hi_ai1,.hi_ai2 {
	left: 592px;
	width: 357px;
	height: 207px
}

.hi_ai2 {
	bottom: 0
}

.hi_ai3 {
	top: 0;
	right: 0;
	width: 338px;
	height: 428px
}

.hi_artwork_n {
	right: 0;
	bottom: 15px;
	border: 1px solid #9b9b9b;
	border-right: 0
}

.hi_steps_bg {
	padding: 60px 40px
}

.hi_step_img {
	width: 85px;
	height: 83px
}

.hi_steps_line {
	top: 28px;
	width: 77px;
	border: 1px solid #979797
}

.hi_step_dot {
	top: -6px;
	left: 34px;
	width: 12px;
	height: 12px;
	background: #ffc403
}

.hi_ques_box {
	height: 340px;
	overflow-x: scroll;
	overflow-y: hidden
}

.hi_ques {
	width: 1882px;
	height: 340px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.hi_que {
	margin: 0 15px 20px 0;
	padding: 44px 25px 0 28px;
	width: 364px;
	height: 303px;
	border: 8px solid #ffc403
}

.hi_que:last-child {
	margin-right: 0
}

.hi_que_row {
	padding-left: 30px
}

.hi_icon_que {
	width: 22px;
	height: 22px
}

.hi_icon_ans {
	width: 22px;
	height: 24px
}

.hi_icon_que_flag {
	width: 77px;
	height: 107px;
	right: 0;
	top: -10px
}

.hi_about {
	width: 1300px;
	height: 864px;
	background-size: 1300px 864px
}

.hi_about_col {
	padding-left: 20px
}

.hi_about_dot {
	top: 9px;
	left: 0;
	width: 14px;
	height: 14px;
	background-color: #ffc403
}

.hi_about_col.col1 {
	top: 670px;
	left: 64px
}

.hi_about_col.col2 {
	top: 97px;
	left: 660px
}

.hi_about_col.col3 {
	top: 358px;
	left: 1008px
}

.hi_cases_banner {
	height: 285px
}

.hi_case {
	margin: 0 19px 21px 0;
	width: 640px;
	height: 437px
}

.hi_case:nth-child(2n) {
	margin-right: 0
}

.hi_case_n {
	left: 167px;
	bottom: 37px
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-invisible-blank-slide {
	visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-ms-flex-align: start;
	align-items: flex-start;
	transition-property: transform,height
}

.swiper-container-3d {
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: 50%;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
	right: 10px;
	left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: opacity .3s;
	transform: translateZ(0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: top .2s,-webkit-transform .2s;
	transition: transform .2s,top .2s;
	transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: left .2s,-webkit-transform .2s;
	transition: transform .2s,left .2s;
	transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: right .2s,-webkit-transform .2s;
	transition: transform .2s,right .2s;
	transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: hsla(0,0%,100%,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@keyframes swiper-preloader-spin {
	to {
		transform: rotate(1turn)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

.tindex_tech {
	margin: 100px 0
}

.tit_box {
	margin: 0 auto;
	width: 1000px
}

.tit_title {
	color: #161616;
	font-size: 28px;
	font-weight: 700;
	text-align: center
}

.tit_subt {
	margin-top: 16px;
	color: #848484;
	font-size: 16px;
	text-align: center
}

.tit_icon {
	margin: 25px auto 50px;
	width: 39px;
	height: 6px;
	background-color: #ffdc00
}

.tit_item {
	display: inline-block;
	position: relative;
	margin: 0 7px 7px 0;
	width: 240px;
	height: 176px;
	overflow: hidden;
	cursor: pointer
}

.tit_item:nth-child(4n) {
	margin-right: 0
}

.tit_item_img {
	width: 100%;
	height: 100%;
	transition: transform .4s
}

.tit_item_n {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 2px 10px;
	border: 1px solid #5c5b5b;
	background-color: rgba(0,0,0,.7);
	color: #fff;
	border-radius: 3px;
	font-size: 14px
}

.tit_item:hover {
	box-shadow: 0 5px 7px 0 rgba(0,0,0,.2)
}

.tit_item:hover .tit_item_img {
	transform: scale(1.1)
}

.tit_item:hover .tit_item_n {
	display: none
}

.tit_item_mask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	color: #fff
}

.tit_item:hover .tit_item_mask {
	display: block
}

.tit_item_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 2px 10px;
	border: 1px solid #5c5b5b;
	border-radius: 3px;
	font-size: 18px;
	font-weight: 700
}

.tit_item_more {
	position: absolute;
	right: 8px;
	bottom: 8px;
	font-size: 12px
}

.tit_item_more .icon-tshe-arrow-drop-up {
	top: -6px;
	color: #ffdc00;
	font-size: 20px
}

.tit_more {
	display: block;
	position: relative;
	margin: 50px auto 0;
	width: 137px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #161616!important;
	font-size: 14px;
	font-weight: 700!important;
	border-radius: 5px;
	background-image: linear-gradient(90deg,#ffec6b,#ffdc00);
	cursor: pointer
}

.tit_more:hover {
	background-image: linear-gradient(90deg,#ffef90,#ffe34d)
}

.tit_more:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	border: 6px solid transparent;
	border-left-color: #000
}

.tindex_modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6)
}

.tindex_modal.active {
	display: block
}

.tim_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 58px 44px 44px;
	width: 760px;
	background: #fff;
	border-radius: 7px
}

.tim_head {
	height: 30px;
	line-height: 30px;
	text-align: center
}

.tim_head_arrow {
	color: #000;
	vertical-align: middle;
	cursor: pointer
}

.tim_head_arrow .icon-tshe-arrow-drop-up {
	font-size: 36px
}

.tim_head_prev .icon-tshe-arrow-drop-up {
	top: -12px;
	left: -20px
}

.tim_head_next .icon-tshe-arrow-drop-up {
	top: -14px
}

.tim_head_arrow.disabled .icon-tshe-arrow-drop-up {
	color: #d8d8d8
}

.tim_head_navs {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	width: 135px;
	height: 30px;
	overflow: hidden;
	font-size: 0
}

.tim_head_nav {
	display: none;
	width: 135px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 22px;
	font-weight: 700
}

.tim_head_nav.active {
	display: inline-block
}

.tim_bodys {
	margin-top: 40px
}

.tim_bodys:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both
}

.tim_body {
	display: none;
	float: left;
	width: 100%
}

.tim_body.active {
	display: block
}

.tim_body_l {
	float: left;
	width: 388px;
	height: 388px;
	border: 1px solid #d8d8d8
}

.tim_img {
	margin: 6px;
	width: 374px;
	height: 374px
}

.tim_body_r {
	float: right;
	width: 255px
}

.tim_thumbs {
	font-size: 0
}

.tim_thumb {
	display: inline-block;
	position: relative;
	margin: 0 4px 4px 0;
	width: 82px;
	height: 82px;
	cursor: pointer;
	background-size: cover
}

.tim_thumb:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background-color: hsla(0,0%,100%,.4)
}

.tim_thumb.active:after {
	display: none
}

.tim_thumb:nth-child(3n) {
	margin-right: 0
}

.tim_br_line {
	margin: 30px 0;
	width: 100%;
	height: 1px;
	background-color: #d8d8d8
}

.tim_br_des {
	padding: 20px 25px;
	height: 240px;
	background-color: #f7f7f7;
	border-radius: 4px
}

.tim_brd_title {
	font-size: 14px;
	font-weight: 700
}

.tim_brd_dot {
	display: inline-block;
	position: relative;
	top: -2px;
	margin: 0 5px;
	width: 6px;
	height: 6px;
	background-color: #ffdc00;
	border-radius: 50%
}

.tim_brd_con {
	margin-top: 10px;
	font-size: 14px;
	color: #9d9d9d
}

.tim_brd_con>b {
	color: #000;
	font-weight: 700
}

.tim_close {
	display: block;
	position: absolute;
	bottom: -50px;
	left: 50%;
	width: 30px;
	height: 30px;
	transform: translateX(-50%);
	background-image: url(../images/close_white-a868a05b00a2f540d3c520f87861de11.svg);
	background-size: cover;
	cursor: pointer
}

.hi_prod_modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6)
}

.hi_prod_modal.active {
	display: block
}

.hipm_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 45px 35px 35px;
	width: 760px;
	background: #fff;
	border-radius: 7px
}

.hipm_head {
	height: 30px;
	line-height: 30px;
	text-align: center
}

.hipm_head_arrow {
	color: #000;
	vertical-align: middle;
	cursor: pointer
}

.hipm_head_arrow .icon-tshe-arrow-drop-up {
	font-size: 36px
}

.hipm_head_prev .icon-tshe-arrow-drop-up {
	top: -12px;
	left: -20px
}

.hipm_head_next .icon-tshe-arrow-drop-up {
	top: -14px
}

.hipm_head_arrow.disabled .icon-tshe-arrow-drop-up {
	color: #d8d8d8
}

.hipm_head_navs {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	width: 200px;
	height: 30px;
	overflow: hidden;
	font-size: 0
}

.hipm_head_nav {
	display: none;
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 22px;
	font-weight: 700
}

.hipm_head_nav.active {
	display: inline-block
}

.hipm_bodys {
	margin-top: 40px
}

.hipm_bodys:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both
}

.hipm_body {
	display: none;
	float: left;
	width: 100%
}

.hipm_body.active {
	display: block
}

.hipm_body_l {
	float: left;
	position: relative;
	width: 388px;
	height: 388px;
	overflow: hidden;
	border: 1px solid #d8d8d8
}

.hipm_img {
	display: none;
	margin: 6px;
	width: 374px;
	height: 374px
}

.hipm_img.active {
	display: block
}

.hipm_bl_btn {
	position: absolute;
	top: 170px;
	color: #999;
	font-size: 50px;
	cursor: pointer
}

.hipm_bl_btn.disabled {
	color: #eee;
	cursor: default
}

.hipm_bl_prev {
	left: 10px
}

.hipm_bl_next {
	right: 10px
}

.hipm_body_r {
	float: right;
	width: 278px
}

.hipm_br_row {
	padding-left: 36px
}

.hipm_br_row .top4 {
	top: 4px
}

.hipm_br_row .top6 {
	top: 6px
}

.hipm_br_size {
	width: 36px;
	line-height: 28px
}

.hipm_br_thumb {
	margin: 0 8px 10px 0;
	padding: 5px;
	width: 40px;
	height: 40px
}

.hipm_brt_img,.hipm_close {
	width: 30px;
	height: 30px
}

.hipm_close {
	display: block;
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(../images/close_white-a868a05b00a2f540d3c520f87861de11.svg);
	background-size: cover;
	cursor: pointer
}