right_hide.alignleft {
	display:inline;
	float:left
}
.alignright {
	display:inline;
	float:right
}
.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto
}
img.alignleft {
	margin:.4em 1.6em 1.6em 0
}
img.alignright {
	margin:.4em 0 1.6em 1.6em
}
img.aligncenter {
	clear:both;
	margin-bottom:1.6em;
	margin-top:.4em
}
.wp-block-image {
	margin:0
}
.wp-block-columns {
	margin-bottom:0
}
.mfp-bg {
	background:#0b0b0b;
	opacity:.8;
	overflow:hidden;
	z-index:1042
}
.mfp-bg,.mfp-wrap {
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%
}
.mfp-wrap {
	-webkit-backface-visibility:hidden;
	outline:none!important;
	z-index:1043
}
.mfp-container {
	box-sizing:border-box;
	height:100%;
	left:0;
	padding:0 8px;
	position:absolute;
	text-align:center;
	top:0;
	width:100%
}
.mfp-container:before {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle
}
.mfp-align-top .mfp-container:before {
	display:none
}
.mfp-content {
	display:inline-block;
	margin:0 auto;
	position:relative;
	text-align:left;
	vertical-align:middle;
	z-index:1045
}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
	cursor:auto;
	width:100%
}
.mfp-ajax-cur {
	cursor:progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor:zoom-out
}
.mfp-zoom {
	cursor:pointer;
	cursor:zoom-in
}
.mfp-auto-cursor .mfp-content {
	cursor:auto
}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.mfp-loading.mfp-figure {
	display:none
}
.mfp-hide {
	display:none!important
}
.mfp-preloader {
	color:#ccc;
	left:8px;
	margin-top:-.8em;
	position:absolute;
	right:8px;
	text-align:center;
	top:50%;
	width:auto;
	z-index:1044
}
.mfp-preloader a {
	color:#ccc
}
.mfp-preloader a:hover {
	color:#fff
}
.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader {
	display:none
}
button.mfp-arrow,button.mfp-close {
	-webkit-appearance:none;
	background:transparent;
	border:0;
	box-shadow:none;
	cursor:pointer;
	display:block;
	outline:none;
	overflow:visible;
	padding:0;
	touch-action:manipulation;
	z-index:1046
}
button::-moz-focus-inner {
	border:0;
	padding:0
}
.mfp-close {
	color:#fff;
	font-family:Arial,Baskerville,monospace;
	font-size:28px;
	font-style:normal;
	height:44px;
	line-height:44px;
	opacity:.65;
	padding:0 0 18px 10px;
	position:absolute;
	right:0;
	text-align:center;
	text-decoration:none;
	top:0;
	width:44px
}
.mfp-close:focus,.mfp-close:hover {
	opacity:1
}
.mfp-close:active {
	top:1px
}
.mfp-close-btn-in .mfp-close {
	color:#333
}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
	color:#fff;
	padding-right:6px;
	right:-6px;
	text-align:right;
	width:100%
}
.mfp-counter {
	color:#ccc;
	font-size:12px;
	line-height:18px;
	position:absolute;
	right:0;
	top:0;
	white-space:nowrap
}
.mfp-arrow {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	height:110px;
	margin:-55px 0 0;
	opacity:.65;
	padding:0;
	position:absolute;
	top:50%;
	width:90px
}
.mfp-arrow:active {
	margin-top:-54px
}
.mfp-arrow:focus,.mfp-arrow:hover {
	opacity:1
}
.mfp-arrow:after,.mfp-arrow:before {
	border:inset transparent;
	content:"";
	display:block;
	height:0;
	left:0;
	margin-left:35px;
	margin-top:35px;
	position:absolute;
	top:0;
	width:0
}
.mfp-arrow:after {
	border-bottom-width:13px;
	border-top-width:13px;
	top:8px
}
.mfp-arrow:before {
	border-bottom-width:21px;
	border-top-width:21px;
	opacity:.7
}
.mfp-arrow-left {
	left:0
}
.mfp-arrow-left:after {
	border-right:17px solid #fff;
	margin-left:31px
}
.mfp-arrow-left:before {
	border-right:27px solid #3f3f3f;
	margin-left:25px
}
.mfp-arrow-right {
	right:0
}
.mfp-arrow-right:after {
	border-left:17px solid #fff;
	margin-left:39px
}
.mfp-arrow-right:before {
	border-left:27px solid #3f3f3f
}
.mfp-iframe-holder {
	padding-bottom:40px;
	padding-top:40px
}
.mfp-iframe-holder .mfp-content {
	line-height:0;
	max-width:900px;
	width:100%
}
.mfp-iframe-holder .mfp-close {
	top:-40px
}
.mfp-iframe-scaler {
	height:0;
	overflow:hidden;
	padding-top:56.25%;
	width:100%
}
.mfp-iframe-scaler iframe {
	background:#000;
	box-shadow:0 0 8px rgba(0,0,0,.6);
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
img.mfp-img {
	box-sizing:border-box;
	display:block;
	height:auto;
	margin:0 auto;
	max-width:100%;
	padding:40px 0;
	width:auto
}
.mfp-figure,img.mfp-img {
	line-height:0
}
.mfp-figure:after {
	background:#444;
	bottom:40px;
	box-shadow:0 0 8px rgba(0,0,0,.6);
	content:"";
	display:block;
	height:auto;
	left:0;
	position:absolute;
	right:0;
	top:40px;
	width:auto;
	z-index:-1
}
.mfp-figure small {
	color:#bdbdbd;
	display:block;
	font-size:12px;
	line-height:14px
}
.mfp-figure figure {
	margin:0
}
.mfp-bottom-bar {
	cursor:auto;
	left:0;
	margin-top:-36px;
	position:absolute;
	top:100%;
	width:100%
}
.mfp-title {
	word-wrap:break-word;
	color:#f3f3f3;
	line-height:18px;
	padding-right:36px;
	text-align:left
}
.mfp-image-holder .mfp-content {
	max-width:100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor:pointer
}
@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape) {
	.mfp-img-mobile .mfp-image-holder {
	padding-left:0;
	padding-right:0
}
.mfp-img-mobile img.mfp-img {
	padding:0
}
.mfp-img-mobile .mfp-figure:after {
	bottom:0;
	top:0
}
.mfp-img-mobile .mfp-figure small {
	display:inline;
	margin-left:5px
}
.mfp-img-mobile .mfp-bottom-bar {
	background:rgba(0,0,0,.6);
	bottom:0;
	box-sizing:border-box;
	margin:0;
	padding:3px 5px;
	position:fixed;
	top:auto
}
.mfp-img-mobile .mfp-bottom-bar:empty {
	padding:0
}
.mfp-img-mobile .mfp-counter {
	right:5px;
	top:3px
}
.mfp-img-mobile .mfp-close {
	background:rgba(0,0,0,.6);
	height:35px;
	line-height:35px;
	padding:0;
	position:fixed;
	right:0;
	text-align:center;
	top:0;
	width:35px
}
}@media (max-width:900px) {
	.mfp-arrow {
	transform:scale(.75)
}
.mfp-arrow-left {
	transform-origin:0
}
.mfp-arrow-right {
	transform-origin:100%
}
.mfp-container {
	padding-left:6px;
	padding-right:6px
}
}.mfp-bg {
	opacity:0;
	transition:all .3s
}
.mfp-bg.mfp-ready {
	opacity:.8
}
.mfp-bg.mfp-ready.mfp-removing {
	opacity:0
}
.white-popup-block {
	background:#fff;
	margin:20px auto;
	max-width:600px;
	padding:3rem;
	position:relative;
	width:auto
}
.white-popup-block .contact-sce-tit {
	margin-top:0
}
.loop-item-200 {
	display:flex;
	flex-flow:column
}
.loop-item-200 h2 {
	background:#eee;
	border-radius:4px 4px 0 0;
	flex:none;
	line-height:2rem;
	margin:0;
	min-height:7rem;
	padding:1.5rem 2rem 1.5rem 3rem;
	transition:all .3s
}
.loop-item-200 h2 a {
	color:#333;
	display:inline-block;
	font-size:1.6rem;
	font-weight:500;
	transition:all .3s;
	width:85%
}
.loop-item-200 h2 a:hover {
	color:#3296dc
}
.loop-item-200 .meta {
	background:#fff;
	border-radius:4px;
	color:#888;
	display:inline-block;
	float:right;
	font-size:1rem;
	font-weight:400;
	line-height:1.5em;
	margin-right:0;
	margin-top:.3rem;
	padding:0 .5rem
}
.loop-item-200 .meta.cat_pro {
	background:#3296dc;
	color:#fff
}
.loop-item-200 .meta.cat_sol {
	background:#999;
	color:#fff
}
.loop-item-200 .meta.cat_page {
	background:#666;
	color:#fff
}
.loop-item-200 .meta.cat_case {
	background:#fff;
	color:#3296dc
}
.loop-item-200 .txt {
	background:#f8f8f8;
	border-radius:0 0 10px 10px;
	flex:1;
	padding:2rem 4rem 3rem 3rem
}
.loop-item-200 .txt p {
	color:#666;
	font-size:1.4rem;
	line-height:1.5em;
	margin:0
}
.loop-item-200:hover h2 {
	background:#ddd
}
.loop-case {
	display:flex;
	flex-flow:column;
	transition:all .3s ease
}
.loop-case:hover {
	transform:translateY(-.5rem)
}
.loop-case-thumb {
	background:#3296dc;
	display:block;
	flex:none;
	overflow:hidden
}
.loop-case-thumb img {
	display:block;
	transition:all 1s ease
}
.loop-case-thumb:hover img {
	filter:brightness(1.05);
	transform:scale(1.025)
}
.loop-case-thumb img {
	opacity:.9;
	width:100%
}
.loop-case-x {
	align-items:center;
	background:#f6f6f6;
	display:flex;
	flex:1;
	justify-content:space-between;
	padding:2.5rem 3rem
}
.loop-case-tit {
	color:#333;
	flex:1;
	font-size:1.6rem;
	font-weight:500;
	line-height:2.4rem;
	margin:0 2.5rem 0 0;
	transition:all .3s ease
}
.loop-case-tit:hover {
	color:#3296dc
}
.loop-case-link {
	background:#3296dc;
	border-radius:2rem;
	color:#fff;
	flex:none;
	height:2.7rem;
	line-height:2.7rem;
	text-align:center;
	transition:all .3s ease;
	width:2.7rem
}
.loop-case-link:hover {
	transform:scale(1.2) rotate(90deg)
}
.loop-case-link-i {
	display:block;
	font-size:1rem
}
.loop-news {
	box-shadow:0 2px 3rem rgba(0,0,0,.08);
	display:flex;
	flex-flow:column;
	transition:all .3s ease
}
.loop-news:hover {
	box-shadow:0 .5rem 3rem -.5rem rgba(0,0,0,.15);
	transform:translateY(-.5rem)
}
.loop-news-thumb {
	background:#3296dc;
	display:block;
	flex:none;
	overflow:hidden
}
.loop-news-thumb img {
	display:block;
	transition:all 1s ease
}
.loop-news-thumb:hover img {
	filter:brightness(1.05);
	transform:scale(1.025)
}
.loop-news-thumb img {
	opacity:.9;
	width:100%
}
.loop-news-x {
	border-top:.4rem solid #3296dc;
	display:flex;
	flex:1;
	flex-flow:column;
	padding:4rem 2.8rem 4.8rem
}
.loop-news-meta {
	color:#7d7d7d;
	font-size:1.4rem;
	line-height:2rem;
	margin:0 0 1rem
}
.loop-news-tit {
	color:#333;
	flex:1;
	font-size:1.8rem;
	font-weight:500;
	line-height:2.6rem;
	margin:0 0 4rem;
	transition:all .3s ease
}
.loop-news-tit:hover {
	color:#3296dc
}
.loop-news-link {
	align-items:center;
	align-self:flex-start;
	border-bottom:1px solid #3296dc;
	color:#333;
	display:inline-flex;
	font-size:1.4rem;
	font-weight:700;
	line-height:1.7rem;
	padding:0 0 1.2rem .7rem;
	transition:all .3s ease
}
.loop-news-link:hover {
	color:#3296dc
}
.loop-news-link:hover i {
	transform:translateX(.5rem)
}
.loop-news-link-i {
	color:#3296dc;
	font-size:1rem;
	margin-left:1.4rem;
	transition:all .5s ease
}
.loop-pro {
	background:#f8f8f8;
	display:flex;
	margin-bottom:13rem;
	position:relative
}
.loop-pro:after {
	border-color:rgba(50,150,220,.1) transparent;
	border-style:solid;
	border-width:0 4rem 8.8rem 24rem;
	bottom:0;
	content:"";
	display:block;
	height:0;
	pointer-events:none;
	position:absolute;
	right:0;
	-webkit-user-select:none;
	-moz-user-select:none;
	width:0
}
.loop-pro:nth-of-type(odd):after {
	left:0;
	right:auto;
	transform:rotateY(180deg)
}
.loop-pro:nth-of-type(odd) .loop-pro-thumb-x {
	margin:0 4.5rem 0 0;
	order:2
}
.loop-pro-thumb-x {
	box-shadow:3rem 2rem 10rem rgba(0,0,0,.1);
	flex:none;
	margin:0 0 0 4.5rem;
	transform:translateY(-5rem);
	transition:all .5s ease;
	width:50%
}
.loop-pro-thumb-x:hover {
	box-shadow:2.5rem 2.5rem 10rem -.5rem rgba(0,0,0,.15)
}
.loop-pro-thumb {
	display:block;
	height:100%;
	overflow:hidden
}
.loop-pro-thumb img {
	display:block;
	transition:all 1s ease
}
.loop-pro-thumb:hover img {
	filter:brightness(1.05);
	transform:scale(1.025)
}
.loop-pro-thumb img {
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.loop-pro-x {
	display:flex;
	flex:1;
	flex-flow:column;
	justify-content:center;
	padding:2rem 7%;
}
.loop-pro-tit {
	color:#333;
	font-size:2.8rem;
	font-weight:400;
	letter-spacing:-1px;
	line-height:4.2rem;
	margin:0 0 4rem
}
.loop-pro-tit a {
	color:inherit;
	transition:all .3s ease
}
.loop-pro-tit a:hover {
	color:#3296dc
}
.loop-pro-des {
	color:#333;
	font-size:1.6rem;
	font-weight:300;
	line-height:2.4rem;
	margin:0 0 4rem
}
.loop-pro-des p {
	margin:0
}
.loop-pro-link {
	align-items:center;
	align-self:flex-start;
	background:#3296dc;
	color:#fff;
	display:inline-flex;
	font-size:1.4rem;
	font-weight:700;
	line-height:1.7rem;
	padding:1.6rem 4.7rem;
	transition:all .3s ease
}
.loop-pro-link:hover {
	filter:brightness(1.1);
	color:#fff;
}
.loop-pro-link:hover i {
	transform:translateX(.5rem);
    color: #fff;
}
.loop-pro-link-i {
	margin-left:1rem;
	transition:all .3s ease
}
.loop-sol {
	box-shadow:3rem 2rem 10rem rgba(0,0,0,.1);
	display:flex;
	margin-bottom:6.2rem;
	transition:all .3s ease
}
.loop-sol:hover {
	box-shadow:2.5rem 2.5rem 10rem -.5rem rgba(0,0,0,.15)
}
.loop-sol:hover .loop-sol-x:after {
	transform:translateY(0)
}
.loop-sol:nth-of-type(2n) {
	flex-flow:row-reverse
}
.loop-sol-thumb {
	flex:none;
	overflow:hidden;
	width:50%
}
.loop-sol-thumb img {
	display:block;
	transition:all 1s ease
}
.loop-sol-thumb:hover img {
	filter:brightness(1.05);
	transform:scale(1.025)
}
.loop-sol-x {
	background:url(/img/sol-item-bg.jpg) 50% 100% no-repeat;
	background-size:cover;
	display:flex;
	flex:1;
	flex-flow:column;
	justify-content:center;
	overflow:hidden;
	padding:5rem 9rem 5rem 12rem;
	position:relative
}
.loop-sol-x:before {
	border-color:transparent #3296dc;
	border-width:8.8rem 0 8.8rem 8.8rem;
	left:0;
	top:0;
	transform:scaleX(.9);
	transform-origin:left;
	transition:all .3s ease
}
.loop-sol-x:after,.loop-sol-x:before {
	border-style:solid;
	content:"";
	display:block;
	height:0;
	pointer-events:none;
	position:absolute;
	-webkit-user-select:none;
	-moz-user-select:none;
	width:0
}
.loop-sol-x:after {
	border-color:rgba(50,150,220,.1) transparent;
	border-width:0 4rem 8.8rem 24rem;
	bottom:0;
	right:0;
	transform:translateY(100%);
	transition:all .5s ease
}
.loop-sol-tit {
	color:#333;
	font-size:3rem;
	font-weight:400;
	letter-spacing:-1px;
	line-height:4.2rem;
	margin:0 0 3.8rem
}
.loop-sol-tit a {
	color:inherit;
	transition:all .3s ease
}
.loop-sol-tit a:hover {
	color:#3296dc
}
.loop-sol-des {
	color:#666;
	font-size:1.6rem;
	line-height:2.4rem;
	margin:0 0 3.8rem;
	padding-right:8rem
}
.loop-sol-des p {
	margin:0
}
.loop-sol-link {
	align-items:center;
	align-self:flex-start;
	border-bottom:1px solid #3296dc;
	color:#333;
	display:inline-flex;
	font-size:1.4rem;
	font-weight:700;
	line-height:1.7rem;
	padding:0 0 1.2rem .7rem;
	transition:all .3s ease
}
.loop-sol-link:hover {
	color:#3296dc
}
.loop-sol-link:hover i {
	transform:translateX(.5rem)
}
.loop-sol-link-i {
	color:#3296dc;
	font-size:1rem;
	margin-left:1.4rem;
	transition:all .5s ease
}
.sol-mark {
	align-items:center;
	color:#666;
	display:none;
	font-size:1.4rem;
	font-weight:700;
	line-height:1.7rem;
	margin:0 0 2rem
}
.sol-mark:after {
	background:#3296dc;
	content:"";
	height:2px;
	margin-left:1.8rem;
	width:3.8rem
}
.home-sol .sol-mark {
	display:flex;
	position:relative
}
.xz-toppic-404 {
	height:0!important
}
.xz-404 {
	text-align:center
}
.xz-404-a {
	display:inline-block;
	margin:3rem auto;
	transition:all .3s ease
}
.xz-404-a:hover {
	transform:translateX(2%)
}
.xz-404-a:active {
	transform:translateX(2%) scale(.9)
}
.btm-form {
	background-color:#333;
	margin-top:10rem;
	padding:7rem 10%
}
.btm-form-body {
	display:flex;
	justify-content:space-between
}
.btm-form-x {
	flex-basis:50%
}
.btm-form-content {
	color:#fff;
	flex:0 1 40%;
	margin-right:8rem
}
.btm-form-tit {
	font-size:3rem;
	font-weight:400;
	letter-spacing:-1px;
	line-height:5.2rem;
	margin:0 0 1.4rem
}
.btm-form-txt {
	font-size:1.6rem;
	line-height:2.4rem;
	margin:0
}
.btm-form-contact {
	position:relative;
	color:#3296dc;
	font-size:1.6rem;
	line-height:3.4rem;
	margin:1.5rem 0 0
}
.btm-form-contact i {
	font-size:2rem;
	margin-right:1rem
}
.btm-form-contact a {
	margin-left:.5rem
}
.btm-form-contact a:hover {
	text-decoration:underline
}
.btm-form-li {
	align-items:center;
	display:flex
}
footer {
	background:#f8f8f8;
	margin-top:10rem
}
.footer-main {
	background:#fff;
	overflow:hidden;
	padding:5rem 0 10rem
}
.footer-main .xz-main1 {
	display:flex;
	justify-content:space-between
}
.footer-main .xz-main1>div {
	flex:auto
}
.footer-main li {
	color:#666;
	font-size:1.4rem;
	line-height:3.6rem;
	margin:0;
	padding-right:2rem
}
.footer-main a {
	color:inherit;
	transition:all .3s ease
}
.footer-main a:hover {
	color:#3296dc;
	text-decoration:underline
}
.footer-top {
	position:relative
}
.footer-top .xz-main1 {
	align-items:center;
	display:flex;
	height:10rem
}
.footer-top .f-sec01 {
	display:flex
}
.footer-top .xz-logo-a {
	flex:none
}
.f-sec01 {
	flex:none!important;
	width:21.35%
}
.f-inquiry {
	align-items:center;
	background:#3296dc;
	color:#fff;
	display:flex;
	font-size:1.6rem;
	font-weight:700;
	height:100%;
	justify-content:center;
	min-width:calc(50vw - var(--main_w)/2);
	padding:0 3rem;
	position:absolute;
	right:0;
	top:0;
	transition:all .3s ease;
	white-space:nowrap
}
.f-inquiry:hover {
	filter:brightness(1.1)
}
.f-sns {
	display:flex
}
.f-sns li {
	margin-right:6vw
}
.f-sns-a {
	color:#666;
	display:block;
	padding:.5rem;
	transition:all .3s ease
}
.f-sns-a:hover {
	color:#3296dc
}
.f-sns-i {
	display:block;
	font-size:1.8rem
}
.f-sec-tit {
	border-bottom:1px solid #f1f1f1;
	color:#333;
	font-size:2rem;
	font-weight:500;
	line-height:2.5rem;
	margin-bottom:2.4rem;
	margin-top:0;
	padding-bottom:2.5rem
}
.footer-btm {
	padding:1rem 0
}
.xz-copyright {
	color:#666;
	font-size:1.4rem;
	line-height:3rem;
	margin:0
}
.sce-contact {
	display:flex;
	margin-bottom:10rem
}
.xz-form {
	background:#f8f8f8;
	flex:1;
	padding:5.8rem
}
.contact-x {
	flex:1;
	padding:5.8rem 6rem 5.8rem 10rem
}
.contact-sec-tit {
	color:#333;
	font-size:3rem;
	font-weight:400;
	line-height:4.2rem;
	margin:0 0 1.7rem
}
.contact-tit-des {
	color:#3296dc;
	font-size:1.4rem;
	line-height:1.7rem;
	margin:0 0 4rem
}
.contact-ul {
	margin-bottom:4rem
}
.contact-li {
	align-items:center;
	display:flex;
	padding-bottom:2.6rem
}
.contact-li:not(:first-child) {
	border-top:1px solid #eef3f8;
	padding-top:2.6rem
}
.contact-icon {
	background:#3296dc;
	color:#fff;
	display:block;
	flex:none;
	font-size:2.8rem;
	height:6rem;
	line-height:6rem;
	margin-right:3.3rem;
	text-align:center;
	width:6rem
}
.contact-info {
	color:#666;
	font-size:2rem;
	line-height:2.4rem
}
.contact-info a {
	color:inherit;
	transition:all .3s ease;
	color: #3296dc;
}
.contact-info a:hover {
	color:#3296dc;
	text-decoration:underline
}
.contact-tit {
	color:#333;
	font-size:1.8rem;
	font-weight:500;
	line-height:2.6rem;
	margin:0 0 .6rem
}
.pagination {
	margin:2rem 0 0
}
.nav-links {
	clear:both;
	font-size:0;
	margin:0;
	text-align:center
}
.page-numbers {
	background:#fff;
	color:#666;
	display:inline-block;
	font-size:1.6rem;
	font-weight:500;
	line-height:4rem;
	margin:0 .5rem;
	text-align:center;
	transition:all .3s ease;
	width:4rem
}
.page-numbers i {
	display:block;
	font-size:1.2rem
}
.page-numbers.prev i {
	transform:rotate(180deg)
}
.page-numbers.current,.page-numbers:hover {
	background:#3296dc;
	color:#fff
}
@media screen and (max-width:800px) {
	.page-numbers {
	line-height:3rem;
	margin:.3rem .15rem;
	width:3rem
}
}.xz-pn-next,.xz-pn-pre {
	margin:1.4rem 0
}
.xz-pn-link {
	display:block;
	font-size:1.6rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.xz-pn-link:before {
	color:#333;
	content:"Previous:";
	display:inline-block;
	font-size:1.6rem;
	font-weight:700;
	margin-right:.5rem;
	width:9rem
}
.xz-pn-link a {
	color:#333;
	font-weight:400;
	transition:all .3s ease
}
.xz-pn-link a:hover {
	color:#3296dc;
	text-decoration:underline
}
.xz-pn-next .xz-pn-link:before {
	content:"Next:"
}
.loop-procat_min {
	box-shadow:3rem 2rem 10rem rgba(0,0,0,.1);
	transition:all .3s ease
}
.loop-procat_min.current-menu-item,.loop-procat_min:hover {
	box-shadow:2.5rem 2.5rem 10rem -.5rem rgba(0,0,0,.15)
}
.loop-procat_min.current-menu-item a,.loop-procat_min:hover a {
	background:#3296dc
}
.loop-procat_min.current-menu-item .procat_min-icon,.loop-procat_min:hover .procat_min-icon {
	background:#fff;
	color:#3296dc
}
.loop-procat_min.current-menu-item .procat_min-tit,.loop-procat_min:hover .procat_min-tit {
	color:#fff
}
.loop-procat_min a {
	align-items:center;
	background:#fff;
	display:flex;
	height:100%;
	padding:2.5rem 1.3rem;
	transition:all .3s ease
}
.procat_min-icon {
	background:#3296dc;
	border-radius:5rem;
	color:#fff;
	flex:none;
	font-size:2.5rem;
	height:7rem;
	line-height:7rem;
	margin-right:1.4rem;
	text-align:center;
	transition:all .3s ease;
	width:7rem
}
.procat_min-tit {
	color:#333;
	font-size:2rem;
	font-weight:500;
	line-height:2.4rem;
	margin:0;
	transition:all .3s ease
}
.sec-procats {
	grid-gap:2.5%;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	margin-bottom:12rem
}
.loop-procat:hover .procat-icon {
	transform:translate(-50%,-60%)
}
.procat-thumb {
	background:rgba(50,150,220,.04);
	height:calc((var(--main_w) - 5%)/3*.9);
	overflow:hidden
}
.procat-thumb a {
	align-items:center;
	display:flex;
	height:70%;
	justify-content:center;
	overflow:hidden;
	width:100%
}
.xz-main.home-procat {
    margin-bottom: 12em;
}
.procat-thumb a img {
	display:block;
	transition:all 1s ease
}
.procat-thumb a:hover img {
	filter:brightness(1.05);
	transform:scale(1.025)
}
.procat-namecard {
	align-items:center;
	background:#fff;
	box-shadow:3rem 2rem 10rem rgba(0,0,0,.1);
	display:flex;
	flex-flow:column;
	margin:-8rem 0rem 0;
	padding:6rem 2rem 2.5rem;
	position:relative;
	text-align:center;
	transition:all .3s ease;
	z-index:1
}
.procat-namecard:hover {
	box-shadow:2.5rem 2.5rem 10rem -1rem rgba(0,0,0,.15)
}
.procat-icon {
	background:#3296dc;
	border-radius:5rem;
	color:#fff;
	font-size:4rem;
	height:8rem;
	left:50%;
	line-height:8rem;
	position:absolute;
	text-align:center;
	top:0;
	transform:translate(-50%,-50%);
	transition:all .3s .1s;
	width:8rem
}
.procat-tit {
    color: #333;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.2rem;
    margin: 0 0 1.2rem;
    min-height: 50px;
}
.procat-tit a {
	color:inherit;
	transition:all .3s ease
}
.procat-tit a:hover {
	color:#000
}
.procat-link {
	color:1.4rem;
	color:#3296dc;
	display:flex;
	font-weight:700;
	line-height:1.6rem
}
.procat-link i {
	margin-left:.5rem;
	transition:all .3s ease
}
.procat-link:hover i {
	transform:translateX(.5rem)
}
.right-nav {
	background:#f8f8f8;
	border-radius:30px;
	bottom:20%;
	padding:16px 5px;
	position:fixed;
	right:0;
	z-index:1000
}
.right-nav-list li {
	cursor:pointer;
	margin-bottom:3px;
	position:relative
}
.right-nav-list li.right_li:hover .right_hide {
	display:block
}
.right_hide {
	-webkit-animation:showhide .3s ease;
	animation:showhide .3s ease;
	background-color:#fff;
	border-radius:.5rem;
	box-shadow:0 0 1rem -2px rgba(51,51,51,.15);
	color:#999;
	display:none;
	font-size:14px;
	left:-5px;
	line-height:16px;
	padding:12px 16px;
	position:absolute;
	top:5px;
	transform:translateX(-100%);
	white-space:nowrap
}
.right_hide img {
    width: 100px !important;
    height: 100px !important;
    max-width: none;
}
.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-nav-list .iconfont {
	background:#fff;
	border:1px solid #e9e9e9;
	border-radius:50%;
	color:#999;
	display:block;
	font-size:25px;
	height:50px;
	line-height:50px;
	text-align:center;
	transition:all .3s ease;
	width:50px
}
.right-nav-list .iconfont:hover {
	background-color:#3296dc;
	color:#fff
}
.right-close {
	display:block;
	margin-top:14px;
	text-align:center
}
.right-close:hover .iconfont {
	color:#3296dc;
	transform:rotate(180deg)
}
.right-close .iconfont {
	color:#bcbcbc;
	cursor:pointer;
	display:block;
	font-size:14px;
	transform-origin:50% 50%;
	transition:all .3s ease
}
.right-open {
	background:#f8f8f8;
	border-radius:30px;
	border-radius:50%;
	bottom:20%;
	cursor:pointer;
	height:40px;
	line-height:40px;
	position:fixed;
	right:0;
	text-align:center;
	width:40px;
	z-index:1000
}
.right-open .iconfont {
	color:#bcbcbc;
	cursor:pointer;
	display:block;
	font-size:14px;
	transform-origin:50% 50%;
	transition:all .3s ease
}
.right-open:hover .iconfont {
	color:#3296dc;
	transform:rotate(180deg)
}
.contact-sns {
	align-items:center;
	display:flex
}
.contact-sns-li:not(:first-child) {
	margin-left:4rem
}
.contact-sns-a {
	color:#3296dc;
	display:block;
	transition:all .3s ease
}
.contact-sns-a:hover {
	color:#333
}
.contact-sns-i {
	display:block;
	font-size:2rem
}
.contact-sns-ins .contact-sns-i {
	font-size:1.8rem;
	transform:translateY(1.5px)
}
.contact-sns-l .contact-sns-i {
	font-size:2.2rem
}
#searchform {
	background:hsla(0,0%,100%,.9);
	border:4px solid #3296dc;
	border-radius:.5rem;
	box-sizing:border-box;
	display:flex;
	height:5.6rem;
	justify-content:space-between;
	margin:3.2rem auto 40vh;
	width:50%
}
.xz-searchform-submit {
	background:transparent;
	border:none;
	color:#3296dc;
	font-size:2.4rem;
	transition:all .3s ease;
	width:5.6rem
}
.xz-searchform-submit:hover {
	filter:brightness(1.1);
	transform:scale(1.1)
}
.xz-searchform-input {
	background:transparent;
	border:none;
	color:#3296dc;
	flex:1;
	font-size:2rem;
	max-width:calc(100% - 5.6rem);
	padding:.8rem 1.6rem
}
.xz-searchform-input:focus {
	color:#333;
	outline:none
}
.table-x {
	overflow:auto
}
.tit-intro {
	color:#333;
	font-size:3rem;
	font-weight:400;
	line-height:5.2rem;
	margin-bottom:5.5rem;
	margin-top:-2rem;
	text-align:center
}
.tit-intro strong {
	font-weight:600;
	position:relative
}
.tit-intro strong:after {
	background:rgba(50,150,220,.35);
	bottom:0;
	content:"";
	height:1.2rem;
	left:0;
	position:absolute;
	transform:scaleX(0);
	transform-origin:left;
	transition:all .5s ease .5s;
	width:100%;
	z-index:-1
}
.ready .tit-intro strong:after {
	transform:scaleX(1)
}
.about-intro {
	margin-bottom:8.5rem;
	padding-bottom:12.5rem;
	position:relative
}
.about-intro:after {
	background:#f8f8f8;
	bottom:0;
	content:"";
	display:block;
	height:calc(100% - 16rem);
	left:0;
	position:absolute;
	width:100%;
	z-index:-1
}
.about-intro>div {
	align-items:center;
	display:flex;
	flex-flow:column
}
.about-intro figure {
	margin-bottom:-3rem
}
.about-intro img {
	display:block
}
.about-intro p {
    border-left: 3px solid #3296dc;
    color: #333;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 0;
    max-width: 76rem;
    padding: 0 0 0 6.6rem;
    margin-top: 9.5rem;
}
.about-x,.food-content {
	--img_gap:2rem;
	margin-bottom:10rem
}
.about-x .wp-block-media-text,.food-content .wp-block-media-text {
	margin-bottom:6rem
}
.about-x .wp-block-media-text__media,.food-content .wp-block-media-text__media {
	position:relative
}
.about-x .wp-block-media-text__media:before,.food-content .wp-block-media-text__media:before {
	background:#e8f5ff;
	content:"";
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:50%;
	z-index:-1
}
.about-x .wp-block-media-text__media img,.food-content .wp-block-media-text__media img {
	display:block;
	margin:var(--img_gap);
	margin-right:0;
	width:calc(100% - var(--img_gap))
}
.about-x .wp-block-media-text__content,.food-content .wp-block-media-text__content {
	color:#666;
	font-size:1.6rem;
	line-height:2.4rem;
	min-height:66%;
	padding:0 5rem 0 8rem
}
.about-x .wp-block-media-text__content p,.food-content .wp-block-media-text__content p {
	margin:0 0 3.2rem
}
.about-x .wp-block-media-text__content h2,.food-content .wp-block-media-text__content h2 {
	align-items:center;
	color:#333;
	display:flex;
	font-size:3rem;
	font-weight:400;
	letter-spacing:-1px;
	line-height:1em;
	margin:0 0 4.8rem
}
.about-x .wp-block-media-text__content h2:before,.food-content .wp-block-media-text__content h2:before {
	background:#3296dc;
	border-radius:5rem;
	color:#fff;
	content:"\e6c5";
	display:inline-block;
	flex:none;
	font-family:iconfont;
	font-size:3.2rem;
	height:5.5rem;
	line-height:5.5rem;
	margin-right:2rem;
	text-align:center;
	width:5.5rem
}
.about-x .wp-block-media-text__content a,.food-content .wp-block-media-text__content a {
	display:inline-flex;
	font-size:1.4rem;
	font-weight:700;
	justify-content:center;
	line-height:1.7rem
}
.about-x .wp-block-media-text__content a:hover:after,.food-content .wp-block-media-text__content a:hover:after {
	transform:rotate(-90deg) translateY(1rem)
}
.about-x .wp-block-media-text__content a:after,.food-content .wp-block-media-text__content a:after {
	content:"\e72d";
	display:inline-block;
	font-family:iconfont;
	margin-left:1.4rem;
	transform:rotate(-90deg);
	transition:all .3s ease
}
.about-x .wp-block-media-text:nth-of-type(2n) .wp-block-media-text__media:before,.food-content .wp-block-media-text:nth-of-type(2n) .wp-block-media-text__media:before {
	background:#eee;
	left:auto;
	right:0
}
.about-x .wp-block-media-text:nth-of-type(2n) .wp-block-media-text__media img,.food-content .wp-block-media-text:nth-of-type(2n) .wp-block-media-text__media img {
	margin-left:0;
	margin-right:var(--img_gap)
}
.about-x .wp-block-media-text:nth-of-type(2n) .wp-block-media-text__content,.food-content .wp-block-media-text:nth-of-type(2n) .wp-block-media-text__content {
	padding:0 8rem 0 5rem
}
.xz-video {
	display:flex;
	justify-content:center;
	margin-bottom:10rem
}
.xz-video a {
	display:block;
	overflow:hidden;
	position:relative
}
.xz-video a:before {
	align-items:center;
	background:rgba(0,0,0,.3);
	color:#fff;
	content:"\e62b";
	display:flex;
	font-family:iconfont;
	font-size:8rem;
	height:100%;
	justify-content:center;
	position:absolute;
	transition:all .5s ease;
	width:100%;
	z-index:9
}
.xz-video a:hover:before {
	background:rgba(0,0,0,.1);
	color:hsla(0,0%,100%,0);
	transform:scale(1.5)
}
.wp-block-cover-image.wp-block-cover-image,div.wp-block-cover {
	margin-bottom:3rem;
	min-height:34rem
}
.wp-block-cover__inner-container {
	color:#fff!important
}
.wp-block-cover__inner-container p {
	font-size:3.8rem!important;
	letter-spacing:-1px;
	margin:0
}
.food-video {
	margin-top:10rem
}
.food-spacer {
	background:url(/img/culture-bg.png) 0 50% repeat-x;
	background-size:auto 100%;
	margin-top:6rem;
	-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 3rem),transparent);
	mask-image:linear-gradient(90deg,#000 calc(100% - 3rem),transparent)
}
.food-gallery.food-gallery {
	display:grid;
	gap:7rem;
	grid-template-columns:repeat(4,1fr)
}
.food-gallery.food-gallery figure {
	height:14rem;
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	width:65%!important
}
.food-gallery.food-gallery figure:nth-of-type(n+5) {
	justify-self:end
}
.food-gallery.food-gallery img {
	display:block;
	margin-bottom:0!important
}
.food-content .wp-block-media-text__content p {
	color:#333;
	font-size:2rem;
	line-height:3rem
}
.sec-map {
	margin-bottom:10rem;
	position:relative
}
.worldmap img {
	display:block;
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none
}
.mapmarker {
	color:#3296dc;
	display:block;
	position:absolute;
	right:21.2%;
	top:44.5%
}
.rel-posts,.xz-case-ul,.xz-news-ul {
	grid-gap:3.2rem;
	display:grid;
	grid-template-columns:repeat(3,1fr)
}
.rd-sec {
	--gallery-block--gutter-size:3.6rem;
	margin-bottom:calc(10rem - var(--gallery-block--gutter-size))
}
.rd-sec h2 {
	color:#333;
	font-size:3rem;
	font-weight:400;
	letter-spacing:-1px;
	line-height:4.2rem;
	margin:0 0 4.5rem;
	text-align:center
}
.rd-sec p {
	color:#666;
	font-size:1.6rem;
	line-height:2.4rem;
	margin:0 0 1.5em
}
.wp-block-cover.rd-cover {
	margin-bottom:-3.8rem
}
.rd-sec-txt {
	background:#fff;
	border-top:.3rem solid #3296dc;
	margin:0 auto 7rem;
	padding:6rem 6rem 0;
	position:relative;
	width:80rem;
	z-index:1
}
.procats-ul {
	grid-gap:2rem;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	margin:0 0 18rem
}
.home-case-tit {
	align-items:center;
	display:flex;
	justify-content:space-between;
	margin:10rem 0 6.6rem
}
.home-sec-tit {
	color:#333;
	font-size:3rem;
	font-weight:400;
	line-height:4.2rem;
	margin:0
}
.home-case-link {
	align-items:center;
	color:#3296dc;
	display:flex;
	font-size:1.4rem;
	font-weight:700;
	line-height:1.7rem;
	margin:0
}
.home-case-link:hover i {
	transform:translateX(.5rem)
}
.home-case-link i {
	display:block;
	margin-left:1.4rem;
	transition:all .3s ease
}
.home-about {
	align-items:center;
	display:flex;
	margin-top:9rem
}
.home-about-video {
	flex:none;
	margin-bottom:0;
	width:50%
}
.home-about-video img {
	display:block
}
.home-about-video a:before {
	background:rgba(50,150,220,.1)
}
.home-about-content {
	flex:1;
	margin-left:calc(50vw - var(--main_w)/2);
	margin-right:5%
}
.home-about-content p {
	color:#333;
	font-size:1.6rem;
	font-weight:300;
	line-height:2.4rem;
	margin:0
}
.home-about-content ul {
	color:#333;
	font-size:1.8rem;
	font-weight:500;
	line-height:2.4rem;
	margin-top:5rem
}
.home-about-content ul a {
	color:inherit;
	transition:all .3s ease
}
.home-about-content ul a:hover {
	color:#3296dc
}
.home-about-content li {
	align-items:center;
	display:flex;
	margin:0 0 1.3rem
}
.home-about-content li:before {
	background:#3296dc;
	content:"";
	height:2px;
	margin-right:1.8rem;
	width:5rem
}
.home-about-tit {
	margin:0 0 5rem
}
.home-about-tit .home-sec-tit {
	align-items:center;
	display:flex
}
.home-about-icon {
	background:#3296dc;
	border-radius:5rem;
	color:#fff;
	display:block;
	flex:none;
	font-size:3.2rem;
	height:5.5rem;
	line-height:5.5rem;
	margin-right:1.8rem;
	text-align:center;
	width:5.5rem
}
.slick-slider .loop-sol {
	display:flex
}
.home-sol {
	background:url(/img/wave_bg.png) 50% 0 no-repeat;
	background-size:100% auto;
	overflow:hidden;
	padding-bottom:4rem;
	padding-top:11rem;
	position:relative
}
.home-sol:after {
	background:#f8f8f8;
	bottom:0;
	content:"";
	display:block;
	height:66.66%;
	left:0;
	position:absolute;
	width:100%;
	z-index:-1
}
.home-sol .slick-list {
	overflow:visible
}
.home-sol .slick-slide {
	margin-left:calc(50vw - var(--main_w)/2);
	margin-right:calc(50vw - var(--main_w)/2)
}
.home-sol .loop-sol {
	margin-bottom:4rem
}
.home-sol .loop-sol:nth-of-type(2n) {
	flex-flow:row
}
#home-sol-slide-ctrl {
	align-items:center;
	display:flex;
	justify-content:center
}
#home-sol-slide-ctrl>* {
	flex:none;
	position:static
}
#home-sol-slide-ctrl .slick-arrow {
	transform:translate(0)
}
#home-sol-slide-ctrl .slick-arrow:after,#home-sol-slide-ctrl .slick-arrow:before {
	content:none
}
#home-sol-slide-ctrl .slick-arrow:hover i {
	background:#3296dc;
	color:#fff
}
#home-sol-slide-ctrl .slick-arrow i {
	background:#d2d2d7;
	border-radius:5rem;
	color:#333;
	cursor:pointer;
	display:block;
	font-size:1.4rem;
	height:5rem;
	line-height:5rem;
	opacity:1;
	pointer-events:none;
	text-align:center;
	transition:all .3s ease;
	-webkit-user-select:none;
	-moz-user-select:none;
	width:5rem
}
#home-sol-slide-ctrl .slide-next {
	order:2
}
#home-sol-slide-ctrl .slide-prev {
	transform:rotate(180deg)
}
#home-sol-slide-ctrl .slick-dots {
	margin:0 6rem;
	width:auto
}
#home-sol-slide-ctrl .slick-dots li {
	display:none
}
#home-sol-slide-ctrl .slick-dots li.slick-active {
	display:block
}
#home-sol-slide-ctrl .slick-dots button {
	align-items:flex-end;
	color:#333;
	display:flex;
	font-size:2rem;
	font-weight:700;
	justify-content:space-between;
	line-height:2.4rem;
	width:6rem
}
#home-sol-slide-ctrl .slick-dots button:after {
	background:none;
	color:#999;
	content:"4";
	display:inline-block;
	font-size:1.4rem;
	height:auto;
	line-height:1em;
	order:2;
	width:auto
}
#home-sol-slide-ctrl .slick-dots button:before {
	content:"/";
	order:1
}
.share {
	align-items:center;
	display:flex
}
.share>span {
	color:#999;
	font-size:1.4rem;
	font-weight:700;
	line-height:1.4rem;
	margin:0 2rem 0 0
}
.a2a_kit a {
	color:#999;
	display:inline-block;
	height:1.8rem;
	margin-right:1.7rem;
	overflow:hidden;
	padding:0!important;
	width:1.8rem
}
.a2a_kit a>.a2a_svg {
	background:#999!important;
	display:block;
	height:100%;
	transition:all .3s ease;
	width:100%
}
.a2a_kit a>.a2a_svg path {
	transform:scale(.8);
	transform-origin:50% 50%
}
.a2a_kit a:hover .a2a_svg {
	background:#3296dc!important;
	opacity:1!important
}
.pro-intro {
	display:flex;
	margin-bottom:6rem
}
.pro-gallery {
	flex:none;
	margin-right:6.8%;
	width:50%
}
.pro-gallery img {
	border:none!important;
	display:block
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: auto !important;
    object-fit: contain;
}
.pro-gallery a {
	display:block
}
.pro-gallery .gallery-item {
	margin-top:0!important
}
.pro-intro-x h1 {
	color:#333;
	font-size:2.3rem;
	font-weight:400;
	letter-spacing:-1px;
	line-height:4.2rem;
	margin:0 0 2.8rem
}
.pro-intro-txt {
	border:1px solid #d8d8d8;
	color:#333;
	font-size:1.6rem;
	font-weight:300;
	line-height:2.5rem;
	margin-bottom:4rem;
	padding:3rem 3.3rem
}
.pro-intro-txt p {
	margin:0
}
.xz-pro-into-info {
	color:#333;
	font-size:1.4rem;
	line-height:1.7rem;
	margin:0 0 2rem
}
.xz-pro-into-info span {
	color:#3296dc
}
.xz-pro-intro-func {
	grid-gap:3rem 2rem;
	display:grid;
	grid-template-columns:auto auto;
	justify-content:start
}
.pro-btn {
	align-items:center;
	background:#3296dc;
	color:#fff;
	display:flex;
	font-size:1.4rem;
	font-weight:700;
	justify-content:center;
	line-height:5rem;
	transition:all .3s ease;
	width:20rem
}
.pro-btn:after {
	content:"\e67b";
	font-family:iconfont;
	font-size:1.2rem;
	font-weight:400;
	margin-left:1rem;
	transition:all .3s ease
}
.pro-btn:hover {
	filter:brightness(1.1)
}
.pro-btn:hover:after {
	transform:translateX(.5rem)
}
.download {
	align-items:center;
	color:#666;
	display:flex;
	font-size:1.6rem;
	line-height:2rem;
	margin:0
}
.download a {
	color:inherit;
	transition:all .3s ease
}
.download a:hover {
	color:#3296dc
}
.download i {
	color:#c23139;
	font-size:2.4rem;
	line-height:1em;
	margin-right:1.4rem
}
.pro-content {
    background: #f8f8f8;
    margin-bottom: 6rem;
    padding: 5rem 3.9%;
}
.pro-rel {
	margin-bottom:6rem
}
.rel-sec-tit {
	color:#333;
	font-size:3rem;
	font-weight:400;
	line-height:4.2rem;
	margin:10rem 0 6rem
}
.loop-pro.slick-slide {
	display:flex!important;
	margin-bottom:7rem;
	margin-top:6rem
}
.loop-pro.slick-slide .loop-pro-thumb-x {
	box-shadow:none;
	margin:0 4.5rem 0 0;
	order:2
}
.working-condition li {
	display:flex;
	margin-bottom:1rem
}
.working-condition em {
	color:#666;
	flex:none;
	font-style:normal;
	width:20rem
}
#pro-sec-nav {
	background:#f8f8f8;
	border-left:1px solid #3296dc;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	padding:0;
	position:-webkit-sticky;
	position:sticky;
	top:0;
	z-index:99
}
#pro-sec-nav a {
	border:1px solid #3296dc;
	border-left:none;
	flex:1;
	font-size:1.4rem;
	font-weight:700;
	line-height:2em;
	padding:1rem 3rem;
	text-align:center;
	transition:all .3s ease
}
#pro-sec-nav a:hover {
	background:#3296dc;
	color:#fff
}
.rel-posts {
	margin-bottom:10rem
}
.post-body {
	border-top:.4rem solid #3296dc;
	box-shadow:0 2px 2.6rem rgba(0,0,0,.08);
	margin:0 0 7rem;
	padding:9rem 8% 12rem
}
.post-tit,.sol-tit {
	color:#333;
	font-size:3rem;
	font-weight:400;
	letter-spacing:-1px;
	line-height:4.2rem;
	margin:0 0 5.3rem;
	max-width:88rem
}
.post-meta {
	color:#999;
	margin:0 0 1.4rem
}
.post-meta,.post-meta i {
	font-size:1.4rem;
	line-height:1.8rem
}
.post-meta i {
	display:inline-block;
	margin-right:.5rem
}
.xz-pro .content,.xz-single .content,.xz-solution .content {
	color:#333;
	font-size:1.6rem;
	line-height:2.4rem
}
.xz-pro .content h2,.xz-pro .content h3,.xz-pro .content h4,.xz-pro .content li,.xz-pro .content p,.xz-single .content h2,.xz-single .content h3,.xz-single .content h4,.xz-single .content li,.xz-single .content p,.xz-solution .content h2,.xz-solution .content h3,.xz-solution .content h4,.xz-solution .content li,.xz-solution .content p {
	max-width:none;
}
.xz-pro .content.with-sec>*,.xz-single .content.with-sec>*,.xz-solution .content.with-sec>* {
	padding-left:3rem
}
.xz-pro .content figure.wp-block-gallery,.xz-single .content figure.wp-block-gallery,.xz-solution .content figure.wp-block-gallery {
	padding-left:0
}
.xz-pro .content p,.xz-single .content p,.xz-solution .content p {
	margin:0 0 2rem
}
.xz-pro .content .wp-block-image,.xz-single .content .wp-block-image,.xz-solution .content .wp-block-image {
	margin:3.5rem 0
}
.xz-pro .content h2,.xz-single .content h2,.xz-solution .content h2 {
	color:#333;
	font-size:2.8rem;
	font-weight:400;
	letter-spacing:-.8px;
	line-height:2.2rem;
	/*margin:6rem 0 1.4rem;*/
	padding-left:3rem;
	padding-top: 6rem;
	padding-bottom: 2rem;
	position:relative
}
.xz-pro .content h2:before,.xz-single .content h2:before,.xz-solution .content h2:before {
	border:1.5rem solid transparent;
	border-left-color:#3296dc;
	content:"";
	display:block;
	height:0;
	left:0;
	position:absolute;
	top:5.8rem;
	width:0
}
.xz-pro .content ol li,.xz-single .content ol li,.xz-solution .content ol li {
	list-style:decimal;
	margin-bottom:1rem
}
.xz-pro .content table,.xz-single .content table,.xz-solution .content table {
	border-collapse:collapse;
	margin:1rem 0 3rem
}
.xz-pro .content table thead tr,.xz-single .content table thead tr,.xz-solution .content table thead tr {
	background:#f4f9fd!important
}
.xz-pro .content table thead th,.xz-single .content table thead th,.xz-solution .content table thead th {
	color:#3296dc;
	font-size:1.4rem;
	font-weight:700;
	line-height:1.7rem;
	padding:2.4rem 3rem 1.9rem;
	text-align:center
}
.xz-pro .content table td,.xz-pro .content table th,.xz-single .content table td,.xz-single .content table th,.xz-solution .content table td,.xz-solution .content table th {
	border:none
}
.xz-pro .content table td,.xz-single .content table td,.xz-solution .content table td {
    color: #333;
    font-size: 1.6rem;
    line-height: 3rem;
    padding: .5rem .5rem;
    text-align: center;
    border: 1px solid #eee;
}
.xz-pro .content table tr,.xz-single .content table tr,.xz-solution .content table tr {
	transition:all .3s ease
}
.xz-pro .content table tr:hover,.xz-single .content table tr:hover,.xz-solution .content table tr:hover {
	background:#f4f9fd!important
}
.xz-pro .content table tr:nth-of-type(odd),.xz-single .content table tr:nth-of-type(odd),.xz-solution .content table tr:nth-of-type(odd) {
	background:#fff
}
.xz-pro .content table tr:nth-of-type(2n),.xz-single .content table tr:nth-of-type(2n),.xz-solution .content table tr:nth-of-type(2n) {
	background:#f8f8f8
}
.post-content {
	margin-top:6rem
}
.post-content .wp-block-image {
	margin:3rem 0;
	max-width:100%
}
.sol-tit {
	max-width:50%
}
.sol-x {
	margin:6.5rem 0 10rem
}
.sol-pic {
	box-shadow:1rem 1rem 0 #e8f5ff;
	display:block;
	margin-bottom:10rem;
	margin-right:1rem;
	max-width:100%
}
.process-ul {
	flex-flow:row wrap;
	justify-content:flex-start;
	margin-top:5.7rem
}
.process-ul,.process-ul li {
	align-items:center;
	display:flex
}
.process-ul li {
	background:#555;
	border-radius:10rem;
	color:#fff;
	font-size:1.8rem;
	font-weight:500;
	height:15rem;
	justify-content:center;
	line-height:2.4rem;
	margin-bottom:3.4rem;
	margin-right:5.6rem;
	position:relative;
	text-align:center;
	transition:all .3s ease;
	width:15rem
}
.process-ul li:hover {
	background:#3296dc
}
.process-ul li:after {
	color:#3296dc;
	content:"\e8f9";
	font-family:iconfont;
	font-size:1.8rem;
	position:absolute;
	right:0;
	transform:translateX(3.7rem)
}
.process-ul li:last-of-type:after {
	content:none
}
.sol-public-info {
	align-items:flex-start;
	background:#f8f8f8;
	color:#333;
	display:flex;
	font-size:2rem;
	line-height:3rem;
	margin:10rem 0;
	max-width:115rem;
	padding:4rem 5rem 4.8rem 4rem
}
.sol-info-icon {
	color:#3296dc;
	display:block;
	font-size:7rem;
	line-height:1em;
	margin-right:5.6%;
	position:relative;
	z-index:1
}
.sol-info-icon:before {
	background:#e8f5ff;
	border-radius:5rem;
	bottom:0;
	content:"";
	display:block;
	height:6.3rem;
	position:absolute;
	right:0;
	transform:translate(1.9rem,1.9rem);
	width:6.3rem;
	z-index:-1
}
.gallery-box {
	flex-flow:row wrap
}
.gallery-box figure {
	border:4px solid #ddd;
	flex:none!important;
	transition:all .3s ease;
	width:11rem!important
}
.gallery-box figure:hover {
	filter:brightness(1.1)
}
.gallery-box figure.current {
	border-color:#3296dc
}
.gallery-box img {
	margin-bottom:0!important
}
.showpic {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	height:52rem;
	margin:5rem 0 2.5rem;
	max-width:100%;
	width:78rem
}
.xz-search-ul {
	grid-gap:3.2rem;
	display:grid;
	grid-template-columns:repeat(3,1fr)
}
@media screen and (max-width:1366px) {
	.procat-tit {
	min-height:4.8rem
}
.tit-intro {
	font-size:3rem
}
.loop-sol-des {
	padding-right:0
}
.loop-sol-x {
	padding:5rem 6%
}
.loop-sol-tit {
	font-size:3rem;
	line-height:1.2em;
	margin-bottom:3rem;
	position:relative
}
.loop-sol-x:before {
	border-width:6rem 0 6rem 6rem
}
.loop-sol-x:after {
	border-width:0 2rem 4.4rem 12rem
}
.loop-sol-thumb img {
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	width:100%
}
.procat_min-icon {
	font-size:2.5rem;
	height:5rem;
	line-height:5rem;
	width:5rem
}
.loop-pro-x {
	padding:4rem 5%
}
.loop-pro-tit {
	font-size:3rem;
	margin-bottom:3rem
}
}@media screen and (max-width:1280px) {
	.procat-namecard {
	margin:-6rem 2rem 0;
	padding:4rem 1.5rem 3rem
}
.procat-icon {
	font-size:3rem;
	height:6rem;
	line-height:6rem;
	width:6rem
}
.contact-x {
	padding:5.8rem
}
.contact-sec-tit {
	font-size:3rem
}
.food-content .wp-block-media-text__content p {
	font-size:1.6rem;
	line-height:2.5rem
}
.loop-case-x {
	padding:1.6rem 2rem 2rem
}
.loop-case-tit {
	line-height:2rem;
	margin-right:1rem
}
.procats-ul {
	margin-bottom:12rem
}
.process-ul li {
	font-size:1.4rem;
	height:10rem;
	line-height:2rem;
	width:10rem
}
#pro-sec-nav {
	display:none
}
.pro-content {
	padding:2rem 6% 4rem
}
.wp-block-table {
	padding-left:0!important
}
}@media screen and (max-width:1023px) {
	.f-sec1,.f-sec2,.f-sec3 {
	display:none
}
.footer-main {
	padding:3rem 0
}
.f-contact {
	display:flex;
	justify-content:space-between
}
.procat-tit {
	font-size:1.6rem
}
.about-x .wp-block-media-text__content,.food-content .wp-block-media-text__content {
	padding:0 3rem 0 4rem
}
.about-x .wp-block-media-text__content h2,.food-content .wp-block-media-text__content h2 {
	font-size:3rem;
	margin-bottom:2rem
}
.about-x .wp-block-media-text:nth-of-type(2n) .wp-block-media-text__content,.food-content .wp-block-media-text:nth-of-type(2n) .wp-block-media-text__content {
	padding:0 4rem 0 3rem
}
.food-gallery.food-gallery {
	gap:2rem
}
.btm-form {
	padding:5rem 6%
}
.rel-posts,.xz-case-ul,.xz-news-ul,.xz-search-ul {
	grid-gap:2.5rem;
	grid-template-columns:repeat(2,1fr)
}
.rd-sec-txt {
	width:100%
}
.loop-pro-thumb-x {
	transform:translateY(-3rem)
}
.home-sec-tit {
	font-size:3rem
}
.post-tit,.sol-tit {
	font-size:3rem;
	line-height:4rem
}
.showpic {
	height:0;
	padding-top:66.66%
}
.sol-public-info {
	font-size:1.6rem;
	line-height:2.4rem
}
.pro-intro-x {
	flex:1
}
.pro-gallery {
	width:40%
}
.right-nav {
	display:none!important
}
}@media screen and (max-width:800px) {
	.sce-contact {
	flex-flow:column
}
.contact-x,.xz-form {
	padding:3.5rem 2rem
}
.tit-intro {
	font-size:2.5rem;
	line-height:4rem
}
.food-gallery.food-gallery figure {
	height:10rem;
	margin-right:0!important
}
.btm-form-tit {
	font-size:3rem
}
.btm-form-contact {
	font-size:1.4rem;
	line-height:3rem
}
.btm-form-txt {
	font-size:1.4rem
}
.home-about {
	flex-flow:column
}
.home-about-video {
	margin-top:4rem;
	width:100%
}
.home-case-tit {
	margin:4rem 0 3rem
}
.home-about-content ul {
	margin-top:4rem
}
#home-sol-slide-ctrl .slick-arrow {
	display:block!important
}
#home-sol-slide-ctrl .slick-arrow i {
	font-size:1rem;
	height:3rem;
	line-height:3rem;
	width:3rem
}
.sol-tit {
	max-width:100%
}
.process-ul li {
	margin-right:3rem
}
.process-ul li:after {
	transform:translateX(2.5rem)
}
.pro-intro {
	flex-flow:column
}
.pro-gallery {
	width:100%
}
}@media screen and (max-width:600px) {
	#searchform {
	width:80%
}
.xz-searchform-input {
	font-size:1.5rem
}
.f-contact {
	flex-flow:column
}
.xz-copyright {
	font-size:1rem;
	line-height:2rem
}
.f-sns li {
	margin-right:1rem
}
.f-inquiry {
	font-size:1.4rem;
	min-width:none;
	padding:0 2rem
}
.f-sec01 {
	width:6rem
}
.footer-top .xz-main1 {
	height:8rem
}
.sec-procats {
	grid-template-columns:repeat(2,1fr)
}
.procat-namecard {
	padding:3rem 1.5rem 2rem
}
.procat-icon {
	font-size:2rem;
	height:5rem;
	line-height:5rem;
	width:5rem
}
.procat-tit {
	line-height:2rem;
	min-height:4rem
}
.procat-thumb {
	height:calc((var(--main_w) - 5%)/2*.9)
}
.tit-intro {
	font-size:2.2rem;
	line-height:3.5rem;
	margin-left:auto;
	margin-right:auto;
	max-width:32rem
}
.about-intro p {
	padding:5rem 2rem 0 3rem
}
.about-x .wp-block-media-text__content,.food-content .wp-block-media-text__content {
	padding:2rem 2rem 0!important
}
.about-x .wp-block-media-text__content h2,.food-content .wp-block-media-text__content h2 {
	font-size:2.5rem
}
.about-intro {
	margin-bottom:6rem;
	padding-bottom:8rem
}
.about-x .wp-block-media-text,.food-content .wp-block-media-text {
	margin-bottom:4rem
}
.about-x,.food-content,.sce-contact,.xz-video {
	margin-bottom:5rem
}
.btm-form,.pagination {
	margin-top:5rem
}
footer {
	margin-top:6rem
}
.wp-block-cover-image.wp-block-cover-image,div.wp-block-cover {
	margin-bottom:5rem;
	min-height:20rem
}
.food-gallery.food-gallery {
	gap:0
}
.food-spacer {
	background-size:auto 50%;
	margin-top:3rem
}
.food-video {
	margin-top:5rem
}
.wp-block-cover__inner-container p {
	font-size:3rem!important
}
.btm-form-body {
	flex-flow:column
}
.btm-form-x {
	margin-top:2rem
}
.rel-posts,.xz-case-ul,.xz-news-ul,.xz-search-ul {
	grid-template-columns:1fr
}
.loop-item-200 h2 {
	min-height:auto
}
.rd-sec h2 {
	font-size:3rem;
	line-height:1.2em;
	margin-bottom:3rem
}
.rd-sec-txt {
	padding:4rem 3rem 0
}
.rd-sec {
	--gallery-block--gutter-size:1rem
}
.loop-sol {
	flex-flow:column!important
}
.loop-sol-thumb {
	width:100%
}
.loop-sol-thumb img {
	max-height:20rem
}
.procats-ul {
	grid-gap:1.5rem;
	grid-template-columns:1fr;
	margin-bottom:6rem
}
.loop-procat_min a {
	padding:1rem 2.5rem
}
.procat_min-icon {
	font-size:1.6rem;
	height:3.5rem;
	line-height:3.5rem;
	width:3.5rem
}
.procat_min-tit {
	font-size:1.5rem
}
.loop-pro {
	flex-flow:column-reverse!important
}
.loop-pro-thumb-x {
	margin:0;
	order:2!important;
	transform:translateY(0);
	width:100%
}
.loop-pro-thumb img {
	max-height:25rem
}
.loop-pro {
	margin-bottom:6rem
}
.home-sol {
	padding-top:6rem
}
.home-sol .loop-sol {
	margin-bottom:1rem
}
.home-about {
	margin-top:4rem
}
.home-case-tit {
	margin-top:2rem
}
.xz-video a:before {
	font-size:5rem
}
.post-body {
	margin-bottom:4rem;
	padding:4rem 6%
}
.post-tit,.sol-tit {
	font-size:2.75rem;
	line-height:3.4rem
}
.xz-pn-next,.xz-pn-pre {
	margin:2.5rem 0 0
}
.rel-sec-tit {
	font-size:2rem;
	margin-bottom:3rem
}
.gallery-box figure {
	border:2px solid #ddd;
	margin:0 .5rem 0 0!important;
	width:8rem!important
}
.xz-pro .content h2,.xz-single .content h2,.xz-solution .content h2 {
	font-size:2.5rem;
	line-height:3rem
}
.xz-pro .content h2:before,.xz-single .content h2:before,.xz-solution .content h2:before {
	border-width:1rem
}
.xz-pro .content.with-sec>*,.xz-single .content.with-sec>*,.xz-solution .content.with-sec>* {
	padding-left:2rem
}
.process-ul li {
	font-size:1.3rem;
	height:8.5rem;
	line-height:1.8rem;
	width:8.5rem
}
.sol-public-info {
	padding:2rem 3rem 3rem 2rem
}
.sol-info-icon {
	font-size:4rem
}
.sol-info-icon:before {
	height:4rem;
	transform:translate(1rem,1.4rem);
	width:4rem
}
.xz-pro .content table td,.xz-single .content table td,.xz-solution .content table td {
	font-size:1.4rem;
	line-height:2rem;
	padding:.5rem
}
.working-condition li {
	flex-flow:column
}
.working-condition li em {
	color:#3296dc
}
.loop-pro.slick-slide {
	margin-bottom:3rem;
	margin-top:0
}
.pro-gallery .slick-dots {
	bottom:2rem
}
.pro-intro-x h1 {
	font-size:3rem;
	line-height:4rem;
	margin:2rem 0 3rem
}
.xz-pro-into-info span {
	display:block
}
.pro-btn {
	width:17rem
}
}.btm-form-contact:after {
	content:"";
	display:block;
	width:80px;
	height:100px;
	position:absolute;
	right:0;
	top:0;
	background:url(/img/whatsapp.jpg) no-repeat;
	background-size:auto;
	background-size:contain;
}
@media screen and (max-width:1280px) {
	.btm-form-contact:after {
	display:none;
}
}#menu-main>li>.sub-menu>li {
	position:relative
}
#menu-main>li>.sub-menu>li>.sub-menu {
	display:block;
	position:absolute;
	right:0;
	top:0;
	transform:translate(100%,-1rem);
	opacity:0;
	transition:all .3s;
}
#menu-main>li>.sub-menu>li:hover>.sub-menu {
	opacity:1;
	transform:translate(100%,0)
}
#menu-main>li>.sub-menu>li:not(:hover)>.sub-menu {
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
}
@media screen and (max-width:1024px) {
	#menu-main>li>.sub-menu>li>.sub-menu {
	position:static;
	transform:translate(0,0);
	opacity:1;
	padding-left:1rem !important;
	border-left:solid 1px #ccc;
}
#menu-main>li>.sub-menu>li:hover>.sub-menu {
	transform:translate(0,0)
}
#menu-main>li>.sub-menu>li>a {
	font-weight:500
}
}/*--- 111  Start Mobile Button Css ---*/
.clear {
	clear:both;
}
.clearfix {
	padding:0;
	margin:0;
	display:block;
}
.hz-mobile-four {
	padding:0;
	margin:0;
	display:block;
}
.hz-mobile-four {
	padding:0;
	margin:0;
	display:block;
}
.hz-mobile {
	position:fixed;
	bottom:0;
	width:100%;
	display:none;
	z-index:99999;
}
.hz-mobile ul li {
	width:25%;
	background:#3296dc;
	float:left;
	padding:6px 0;
	border-right:1px solid #fff;
	list-style:none;
}
.hz-mobile ul li a {
	display:block;
	color:#fff;
	text-align:center;
}
.hz-mobile ul li a i {
	display:block;
	font-size:20px;
	padding:6px 0;
	margin:0;
	color:#fff;
}
.wpcf7 .ajax-loader {
	display:none !important;
}
.form-group {
	margin-bottom:10px;
}
.hz-frome-submit button input {
	width:150px;
}
.caiji-product a p {
	margin-bottom:0;
	height:60px;
	flex-direction:column;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	-webkit-justify-content:center;
	align-items:center;
	-webkit-align-items:center;
	line-height:1;
}
h2.hz-content-h2 {
	font-size:24px;
}
#inquiry {
	padding-bottom:30px;
	border:none;
	outline:none;
}
.hz-textarea textarea {
	height:150px;
	width:100%;
}
.form-group input {
	width:100%;
}
@media (max-width:768px) {
	.hz-mobile {
	display:block;
}
.hz-none,.caiji-box1 {
	display:none;
}
}@media (max-width:480px) {
	.hz-mobile ul li {
	padding:3px 0px;
}
.hz-mobile ul li a i {
	padding:2px 0px;
}
}/*--- 111  End Mobile Button Css   ---*/

/***** 222 cai ji css start *****/  
.hz-from-rfq {
	text-align:center;
	font-size:30px;
	margin:30px 0;
}
.caiji-box {
	height:220px;
	margin-top:30px;
}
.caiji-img {
	position:relative;
	/*left:15px;
	*/
	float:left;
	width:160px;
	height:120px;
}
.caiji-img img {
	width:180px;
	height:auto;
	border-radius:21px;
	box-shadow:0 0 10px 1px rgba(0,0,0,0.4);
}
.caiji-text {
	margin-left:190px;
	position:absolute;
	width:600px;
}
.caiji-text h2 {
	margin-top:0;
	line-height:1;
	margin-bottom:10px;
	font-size:18px;
}
.caiji-text p {
	height:100px;
	overflow:hidden;
}
/***** 222 cai ji css end *****/  
/***** 333 product css start *****/  
.hz-table {
	overflow:auto;
}
table td {
	padding:5px 0;
	border:1px solid #dcdcdc;
	text-align:center;
	font-size:14px;
	vertical-align:middle;
}
tbody tr:nth-child(2n+1) {
	background:#eee;
}
.caiji-product p {
	text-align:center;
}
.caiji-product img {
	width:100%;
}
#inquiry {
	padding-bottom:30px;
}
.hz-frome-submit button {
	padding:0;
}
.hz-frome-submit button input {
	margin:0;
}
.caiji-product {
	float:left;
	width:15%;
	margin:5px;
	border:1px solid #2fa3ad;
}
@media (max-width:767px) {
	.hz-from-rfq {
	font-size:20px;
	margin:20px 0;
}
.caiji-product {
	float:left;
	width:30%;
}
.caiji-box .caiji-img {
	display:none;
}
.caiji-text {
	margin-left:0px !important;
	width:300px !important;
}
.hz-none {
	display:none;
}
.clear {
	clear:both;
}

}

/***** 333 product css end *****/  


.hz-frome-submit .wpcf7-spinner {
    display: none;
}
.footer-btm .xz-copyright span {
    float: right;
}
.breadcrumbs-x i {
    padding: 0 15px;
    line-height: 1.3;
}
.breadcrumbs-x.bread-sing,.breadcrumbs-x.bread-big {
    display: flex;
}
.navigation.pagination {
    display: block !important;
    
}
.xz-prols .loop-pro:last-child {
    margin-bottom: 5rem;
}
.hz-success .success {
	text-align:center;
    margin-bottom: 8rem;
}
.hz-success .success h2 {
	font-size: 38px;
    font-weight: 600;
	}
.hz-success .success p {
    margin: 5rem 0 3rem;
    font-size: 20px;
}
.hz-success .success .btn {
	background: #3296dc;
    border-radius: 2px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    text-align: center;
    transition: all .3s ease;
    white-space: nowrap;
    width: 150px;
    padding: 15px 25px;
}
.hz-success .success a:hover {
    background: #0660a1;
}
.pro-list-btn .loop-pro-link {
	padding: 1.5rem 1.7rem;
}
.pro-list-btn .loop-pro-link:last-child {
	float:right;
}
.sol-list-btn .loop-sol-link:last-child {
    float: right;
}
h2.oem-title {
    font-size: 30px;
    margin: -20px 0 50px;
    text-align: center;
}
@media (max-width:767px) {
.xz-header-btns #btn-search,.xz-header-btns #btn-email,.breadcrumbs-x.bread-sing,.breadcrumbs-x.bread-big,.xz-pro-intro-func .share,.xz-main.home-form,.share,.btm-form {
    display: none;
}
.page-tit {
    font-size: 2rem !important;
    padding: 0 20px;
    line-height: 1.3;
}
.xz-pro-intro-func {
    grid-gap: 3rem 6rem;
}
.pro-content {
    padding: 1rem 3% 2rem;
}
.xz-pro .content h2, .xz-single .content h2, .xz-solution .content h2 {
    margin: 2rem 0 1.4rem;
}
.sol-public-info {
    margin: 3rem 0;
}
.xz-solution .sol-x {
    margin: 2.5rem 0 6rem;
}
.xz-pro .content h2, .xz-single .content h2, .xz-solution .content h2 {
    padding-top: 3rem;
    padding-bottom: 1rem;
    position: relative;
}
.xz-pro .content h2:before, .xz-single .content h2:before, .xz-solution .content h2:before {
    top: 3.5rem;
}
.pro-intro-x h1 {
    font-size: 2.2rem;
    line-height: 4rem;
    margin: 1.5rem 0;
    text-align: center;
}
.loop-sol-tit {
    font-size: 2.5rem;
    line-height: 1.2em;
    margin-bottom: 3rem;
    position: relative;
}
.home-case {
    margin-bottom: 50px;
}
.xz-solution .sol-tit {
    margin-bottom: 0;
}
.loop-pro-tit {
    font-size: 2.6rem;
    margin-bottom: 3rem;
    line-height: 1.3;
}
.xz-prols .loop-pro {
    margin-bottom: 5rem;
}
.navigation.pagination {
    margin-bottom: 5rem;
    
}
.hz-success .success h2 {
	font-size: 30px;
    font-weight: 600;
	}
h2.oem-title {
    font-size: 16px;
    margin: -20px 0 00px;
    text-align: center;
}
}