@font-face {
font-family:'Coalition';
src:url(../fonts/Coalition.ttf) format('truetype'), url(../fonts/Coalition.eot) format('eot'), url(../fonts/Coalition.woff) format('woff'), url(../fonts/Coalition.woff2) format('woff2');
font-weight:400;
font-display:swap
}
@font-face {
font-family:'MyriadPro-Regular';
src:url(../fonts/MyriadPro-Regular.ttf) format('truetype'), url(../fonts/MyriadPro-Regular.eot) format('eot'), url(../fonts/MyriadPro-Regular.woff) format('woff'), url(../fonts/MyriadPro-Regular.woff2) format('woff2');
font-weight:400;
font-display:swap
}
@font-face {
font-family:'Poppins-Regular';
src:url(../fonts/Poppins-Regular.ttf) format('truetype'), url(../fonts/Poppins-Regular.eot) format('eot'), url(../fonts/Poppins-Regular.woff) format('woff'), url(../fonts/Poppins-Regular.woff2) format('woff2');
font-weight:400;
font-display:swap
}
@font-face {
font-family:'Poppins-Regular';
src:url(../fonts/Poppins-Medium.ttf) format('truetype'), url(../fonts/Poppins-Medium.eot) format('eot'), url(../fonts/Poppins-Medium.woff) format('woff'), url(../fonts/Poppins-Medium.woff2) format('woff2');
font-weight:500;
font-display:swap
}
@font-face {
font-family:'Montserrat';
src:url(../fonts/Montserrat-Bold.ttf) format('truetype'), url(../fonts/Montserrat-Bold.eot) format('eot'), url(../fonts/Montserrat-Bold.woff) format('woff'), url(../fonts/Montserrat-Bold.woff2) format('woff2');
font-weight:700;
font-display:swap
}
:root {
--base-color:#0153fb
}
body, html {
	font-size:62.5%
}
h2, h3, h4, h5, h6 {
	font-family:'Coalition'
}
.inner-page h1, .inner-page h2, .inner-page h3, .inner-page h4, .inner-page h5, .inner-page h6 {
	font-family:'Montserrat';
	font-weight:700
}
body {
	font-family:'Poppins-Regular';
	max-width:100%;
	margin:0 auto
}
.ui.container {
	padding:0 15px;
	position:relative;
	width:90%;
	max-width:1208px
}
.body-overflow-box {
	position:relative;
	left:0;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	overflow:hidden
}
#header {
	z-index:9;
	position:fixed;
	top:0;
	width:100%;
	top:30px;
	left:0;
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all
}
#header.active.home1 .nav .ui.menu .menu-box ul.menu>li {
	color:#000;
transition:.3s all
}
#header.active.home1 .ui.menu .menu-box ul.menu>li:before {
	filter:brightness(0);
transition:.3s all
}
#header.active.home1 .nav .ui.menu .h-search {
	filter:brightness(0);
transition:.3s all
}
#header.on {
	background:#232323;
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all;
	top:0
}
#header .nav {
	display:inline-block;
	width:100%;
	background:0 0;
	padding:10px 0
}
#header .nav .ui.menu {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin:0 auto;
	width:100%;
	padding:0 45px;
	max-width:none
}
#header .nav .ui.menu .logo {
	display:inline-block;
	margin-left:0;
	margin-right:auto;
	vertical-align:middle
}
#header .nav .ui.menu .menu-box {
	display:inline-block;
	vertical-align:middle;
	margin-left:auto;
	margin-right:0
}
#header .nav .ui.menu .menu-box ul.menu>li {
	margin:0 25px;
	font-size:20px;
	color:#fff;
	font-family:'MyriadPro-Regular';
	font-weight:700;
	-webkit-perspective:500px;
	-moz-perspective:500px;
	perspective:500px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	z-index:100;
	float:left;
	position:relative;
	border-bottom:3px solid transparent;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	text-transform:uppercase;
	padding-right:20px
}
#header .nav .ui.menu .menu-box ul.menu>li:before {
	content:"";
	width:20px;
	height:20px;
	background:url(../images/icon-down.png) center center no-repeat;
	position:absolute;
	top:50%;
	right:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
#header .nav .ui.menu .menu-box ul.menu>li:hover {
	border-color:var(--base-color);
	color:var(--base-color);
-webkit-transition:.5s .5s border;
-moz-transition:.5s .5s border;
transition:.5s .5s border
}
#header .nav .ui.menu .menu-box ul.menu>li>a {
	display:block;
	padding:25px 0
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu {
	-webkit-perspective:500px;
	-moz-perspective:500px;
	perspective:500px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	text-align:left;
	position:absolute;
	font-size:15px;
	background:#fff;
	top:100%;
	left:-10px;
	width:180px;
	transform:rotate3d(1, 0, 0, -90deg);
	-webkit-transform:rotate3d(1, 0, 0, -90deg);
	-moz-transform:rotate3d(1, 0, 0, -90deg);
	-ms-transform:rotate3d(1, 0, 0, -90deg);
	-o-transform:rotate3d(1, 0, 0, -90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	-ms-transform-origin:0 0 0;
	transform-origin:0 0 0;
	opacity:0;
-webkit-transition:opacity .3s, -webkit-transform .5s;
transition:opacity .3s, -webkit-transform .5s;
-moz-transition:transform .5s, opacity .3s, -moz-transform .5s;
transition:transform .5s, opacity .3s;
transition:transform .5s, opacity .3s, -webkit-transform .5s, -moz-transform .5s;
-webkit-transition:-webkit-transform .5s, opacity .3s;
-moz-transition:-moz-transform .5s, opacity .3s;
	-webkit-box-shadow:0px 8px 10px rgba(0, 0, 0, .2);
	box-shadow:0px 8px 10px rgba(0, 0, 0, .2);
	border-bottom:3px solid var(--base-color);
	display:none \9
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li {
	display:block;
	float:none;
	padding:0 15px;
	line-height:40px;
	color:#000;
	font-size:14px;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	text-transform:capitalize;
	position:relative
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li ul.sub-menu {
	-webkit-perspective:500px;
	-moz-perspective:500px;
	perspective:500px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	text-align:left;
	position:absolute;
	font-size:15px;
	background:#fff;
	top:0;
	left:100%;
	width:180px;
	transform:rotate3d(1, 0, 0, -90deg);
	-webkit-transform:rotate3d(1, 0, 0, -90deg);
	-moz-transform:rotate3d(1, 0, 0, -90deg);
	-ms-transform:rotate3d(1, 0, 0, -90deg);
	-o-transform:rotate3d(1, 0, 0, -90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	-ms-transform-origin:0 0 0;
	transform-origin:0 0 0;
	opacity:0;
-webkit-transition:opacity .3s, -webkit-transform .5s;
transition:opacity .3s, -webkit-transform .5s;
-moz-transition:transform .5s, opacity .3s, -moz-transform .5s;
transition:transform .5s, opacity .3s;
transition:transform .5s, opacity .3s, -webkit-transform .5s, -moz-transform .5s;
-webkit-transition:-webkit-transform .5s, opacity .3s;
-moz-transition:-moz-transform .5s, opacity .3s;
	-webkit-box-shadow:0px 8px 10px rgba(0, 0, 0, .2);
	box-shadow:0px 8px 10px rgba(0, 0, 0, .2);
	border-bottom:3px solid var(--base-color);
	display:none \9
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li a {
	display:block
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:hover {
	background:#222;
	color:#fff
}
#header .nav .ui.menu .menu-box ul.menu>li:hover ul.sub-menu {
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	transform:rotate3d(0, 0, 0, 0);
	-webkit-transform:rotate3d(0, 0, 0, 0);
	-moz-transform:rotate3d(0, 0, 0, 0);
	-ms-transform:rotate3d(0, 0, 0, 0);
	-o-transform:rotate3d(0, 0, 0, 0);
	display:block \9
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:hover ul.sub-menu {
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	transform:rotate3d(0, 0, 0, 0);
	-webkit-transform:rotate3d(0, 0, 0, 0);
	-moz-transform:rotate3d(0, 0, 0, 0);
	-ms-transform:rotate3d(0, 0, 0, 0);
	-o-transform:rotate3d(0, 0, 0, 0);
	display:block \9
}
#header .nav .ui.menu .language {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
	margin-left:15px
}
#header .nav .ui.menu .language span {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	line-height:2;
	width:29px;
	height:29px;
	display:block;
	background:#fff;
	color:#000;
	font-size:24px;
	line-height:29px;
	text-align:center;
	font-weight:700
}
#header .nav .ui.menu .language span img {
	margin-right:1.5rem
}
#header .nav .ui.menu .language span .fa-angle-down {
	font-size:1.4rem;
	margin-left:1.2rem
}
#header .nav .ui.menu .language ul.lang {
	text-align:left;
	position:absolute;
	font-size:14px;
	background:#fff;
	top:100%;
	right:0;
	width:120px;
	-webkit-box-shadow:0px 8px 10px rgba(0, 0, 0, .2);
	box-shadow:0px 8px 10px rgba(0, 0, 0, .2);
	border-bottom:3px solid var(--base-color);
	display:none
}
#header .nav .ui.menu .language ul.lang li {
	display:block;
	float:none;
	padding:4px 10px;
	line-height:22px;
	color:#000;
-webkit-transition:.5s all, line-height 0s;
-moz-transition:.5s all, line-height 0s;
transition:.5s all, line-height 0s;
	text-transform:capitalize
}
#header .nav .ui.menu .language ul.lang li a {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:14px
}
#header .nav .ui.menu .language ul.lang li a img {
	max-width:22px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	margin-top:-3px
}
#header .nav .ui.menu .language ul.lang li:hover {
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all;
	background:#222
}
#header .nav .ui.menu .language ul.lang li:hover a {
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all;
	color:#fff
}
#header .nav .ui.menu .h-search {
	display:inline-block;
	vertical-align:middle;
	margin-left:25px;
	margin-right:0;
	cursor:pointer;
	cursor:hand
}
#header .nav .search-box {
	line-height:normal;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	width:100%;
	height:100%;
	z-index:99999;
	display:none
}
#header .nav .search-box form {
	position:absolute;
	top:45%;
	left:50%;
	width:60%;
	margin-left:-30%;
	position:relative
}
#header .nav .search-box form input {
	background:0 0;
	outline:none;
	border:none
}
#header .nav .search-box form input[type=text] {
	width:100%;
	border-bottom:1px solid #e1e1e1;
	font-size:26px;
	color:#000;
	padding:10px 0
}
#header .nav .search-box form input[type=submit] {
	width:22px;
	height:22px;
	background:url(../images/tc-zoom.png) no-repeat;
	position:absolute;
	right:15px;
	top:20px
}
#header .nav .search-box form input[type=submit]:hover {
	opacity:.7;
	filter:alpha(opacity=70)
}
#header .nav .search-box .close {
	width:30px;
	height:30px;
	background:url(../images/close.png) no-repeat;
	position:absolute;
	right:25px;
	top:15px;
	cursor:pointer
}
#banner .slick-arrow {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:50px;
	height:80px;
	color:transparent;
	border:none;
	z-index:1;
	outline:none;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	opacity:0
}
#banner .slick-arrow:hover {
	background-color:var(--base-color)
}
#banner:hover .slick-arrow {
	opacity:1
}
#banner .slick-prev {
	background:url("../images/banner-btn-l.png") no-repeat center center rgba(0, 0, 0, .3);
	left:15px
}
#banner .slick-next {
	background:url("../images/banner-btn-r.png") no-repeat center center rgba(0, 0, 0, .3);
	right:15px
}
#banner ul.slick-dots {
	position:absolute;
	bottom:5%;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
#banner ul.slick-dots li {
	width:30px;
	height:30px;
	display:inline-block;
	margin:0 10px;
	border-radius:100%;
	border:6px solid #fff;
	background-color:var(--base-color);
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#banner ul.slick-dots li button {
	display:none
}
#banner ul.slick-dots li.slick-active {
	border-color:var(--base-color);
	background-color:#fff
}
#banner .slick-slide .content {
	display:none
}
#banner .slick-active .content {
	display:block
}
table {
	margin-bottom:20px;
	word-break:break-word;
	width:100% !important;
	height:auto !important;
	display:block;
	overflow:auto
}
table tbody {
	display:table;
	width:100% !important
}
table td, table th {
	padding:5px 10px;
	border:1px solid #666;
	width:auto !important;
	height:auto !important
}
table tr {
	width:auto !important;
	height:auto !important
}
table tr:nth-child(even) {
background:#eee
}
.wpulike.wpulike-default {
	display:none
}
.prodet-page .wpulike.wpulike-default, .newdet-page .wpulike.wpulike-default {
	display:inline-block
}
.post-views-box {
	position:relative;
	margin-left:20px
}
.post-views-box .wp_ulike_btn.wp_ulike_put_image:after {
	background-image:url(../images/fw.png) !important;
	-webkit-filter:none;
	filter:none
}
.wpulike {
	z-index:10
}
.wpulike.post-views-box {
	z-index:5
}
#banner .nivo-directionNav a {
	width:40px;
	height:40px;
	background-color:rgba(0, 0, 0, .3);
	background-repeat:no-repeat;
	background-position:center;
	background-size:10px;
	color:transparent;
	overflow:hidden;
	text-indent:-999em;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#banner .nivo-directionNav a {
	opacity:0
}
#banner:hover .nivo-directionNav a {
	opacity:1
}
#banner .nivo-directionNav a:hover {
	background-color:var(--base-color)
}
#banner .nivo-directionNav a.nivo-prevNav {
	background-image:url(../images/banner-btn-l.png);
	left:40px
}
#banner .nivo-directionNav a.nivo-nextNav {
	background-image:url(../images/banner-btn-r.png);
	right:40px
}
#banner .theme-default .nivo-controlNav {
	position:absolute;
	bottom:20px;
	left:50%;
	width:auto !important
}
#banner .theme-default .nivo-controlNav a {
	width:25px !important;
	height:25px !important;
	background:#fff !important;
	border:7px solid #7d7d7d !important;
	border-radius:100% !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	margin:0 8px !important
}
#banner .theme-default .nivo-controlNav a.active {
	border-color:var(--base-color) !important
}
html.mobile {
	overflow:hidden
}
html.mobile .body-overflow-box {
	position:relative;
	left:280px
}
#mobile {
	position:fixed;
	top:0;
	left:-280px;
	width:280px;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	display:none;
	z-index:20;
	height:100%
}
#mobile:before {
	content:'';
	width:200%;
	height:100%;
	position:fixed;
	top:0;
	right:100%;
	display:block;
	background:rgba(0, 0, 0, .13);
	z-index:-1;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#mobile .mobile-logo {
	position:absolute;
	left:100%;
	width:100vw;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#111;
	-o-box-shadow:0 0 10px rgba(255, 255, 255, .2);
	-webkit-box-shadow:0 0 10px rgba(255, 255, 255, .2);
	box-shadow:0 0 10px rgba(255, 255, 255, .2)
}
#mobile .mobile-logo img {
	max-height:30px;
	margin:0 auto;
	display:inline-block;
	vertical-align:middle
}
#mobile #menu-on {
	width:40px;
	height:40px;
	background:#f5f5f5;
	position:absolute;
	left:100%;
	top:0;
	cursor:pointer;
	cursor:hand;
	z-index:1
}
#mobile #menu-on i {
	width:23px;
	height:2px;
	background:#222;
	display:block;
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	-webkit-transform-origin:left center;
	-moz-transform-origin:left center;
	-ms-transform-origin:left center;
	transform-origin:left center
}
#mobile #menu-on i.line1 {
	top:12px
}
#mobile #menu-on i.line2 {
	top:19px
}
#mobile #menu-on i.line3 {
	top:26px
}
#mobile .menu-content {
	width:100%;
	height:100%;
	display:block;
	background:#222;
	padding:40px 10% 60px;
	overflow-y:auto;
	color:#fff
}
#mobile .menu-content::-webkit-scrollbar {
width:3px;
border-radius:1.5px
}
#mobile .menu-content::-webkit-scrollbar-button {
display:none
}
#mobile .menu-content::-webkit-scrollbar-track {
background-color:#222
}
#mobile .menu-content::-webkit-scrollbar-thumb {
background-color:#eee
}
#mobile .menu-content h3 {
	font-size:20px;
	color:inherit;
	text-transform:capitalize;
	margin-bottom:10px
}
#mobile .menu-content h3 i {
	font-size:16px;
	position:relative;
	top:-1px
}
#mobile .menu-content .menu-logo {
	display:block
}
#mobile .menu-content .menu-logo img {
	margin:0 auto
}
#mobile .menu-content .menu-list {
	margin:40px 0
}
#mobile .menu-content .menu-list ul li {
	font-size:15px;
	color:inherit;
	text-transform:uppercase;
	line-height:20px
}
#mobile .menu-content .menu-list ul li a {
	padding:8px 0;
	display:block
}
#mobile .menu-content .menu-list ul li a:hover {
	color:var(--base-color);
	text-decoration:underline
}
#mobile .menu-content .menu-list ul li li a {
	position:relative;
	padding-left:15px;
	font-size:13px;
	line-height:18px
}
#mobile .menu-content .menu-list ul li li a:after {
	content:'';
	width:6px;
	height:1px;
	background:#fff;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
#mobile .menu-content .menu-list ul li li li a {
	padding-left:25px
}
#mobile .menu-content .menu-list ul li li li a:after {
	width:12px
}
#mobile .menu-content .mob-search form {
	position:relative
}
#mobile .menu-content .mob-search form input {
	width:100%;
	height:45px;
	line-height:45px;
	border-radius:5px;
	border:none;
	padding:0 15px;
	font-size:14px;
	color:#000
}
#mobile .menu-content .mob-search form input[type=submit] {
	width:45px;
	height:45px;
	background:url("../images/icon-search-white.png") no-repeat center center #222;
	position:absolute;
	right:0;
	top:0;
	border-radius:0
}
#mobile .menu-content .mob-yuy {
	margin:40px 0
}
#mobile .menu-content .mob-yuy ul li {
	margin-bottom:10px;
	color:inherit;
	font-size:14px
}
#mobile .menu-content .mob-yuy ul li img {
	max-width:40px;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px
}
#mobile .menu-content .mob-share ul li {
	width:30px;
	height:30px;
	border-radius:3px;
	background:#333;
	display:inline-block;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:14px;
	margin-right:3px;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#mobile .menu-content .mob-share ul li:hover {
	background:var(--base-color)
}
#mobile .menu-content #menu-off {
	margin-top:40px;
	cursor:pointer;
	cursor:hand
}
#mobile.active {
	left:0
}
#mobile.active:before {
	right:0
}
#mobile.active #menu-on i.line1 {
	-webkit-transform:translateX(-50%) rotateZ(45deg);
	-moz-transform:translateX(-50%) rotateZ(45deg);
	-ms-transform:translateX(-50%) rotateZ(45deg);
	transform:translateX(-50%) rotateZ(45deg);
	top:12px;
	margin-left:3px
}
#mobile.active #menu-on i.line2 {
	opacity:0
}
#mobile.active #menu-on i.line3 {
	-webkit-transform:translateX(-50%) rotateZ(-45deg);
	-moz-transform:translateX(-50%) rotateZ(-45deg);
	-ms-transform:translateX(-50%) rotateZ(-45deg);
	transform:translateX(-50%) rotateZ(-45deg);
	top:28px;
	margin-left:3px
}
#mobile.white .mobile-logo {
	-o-box-shadow:0 0 10px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);
	box-shadow:0 0 10px rgba(0, 0, 0, .2);
	background:#000
}
#mobile.white .menu-content {
	background:#000;
	color:#fff
}
#mobile.white .menu-content .menu-list ul li li a:after {
	background:#000
}
#mobile.white .menu-content .mob-search form input {
	border:1px solid #000
}
#mobile.white .menu-content .mob-search form input[type=submit] {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px
}
.body-overflow-box .about-page .about-5 .container .top .left h2 {
	font-size:30px
}
span.tag {
	padding-left:75px;
	position:relative;
	font-size:16px
}
span.tag:before {
	width:55px;
	background:var(--base-color);
	content:"";
	height:4px;
	position:absolute;
	top:50%;
	margin-top:-2px;
	left:0
}
.font-75 {
	font-size:75px
}
.font-48 {
	font-size:48px
}
.font-59 {
	font-size:59px
}
.font-55 {
	font-size:55px
}
a.more {
	font-family:'MyriadPro-Regular';
	font-weight:700;
	color:#fff;
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:-moz-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:10px 23px;
	border-radius:10px;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#004ee8), to(#004ee8)), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
	background-image:-webkit-linear-gradient(#004ee8, #004ee8), -webkit-linear-gradient(#000, #000);
	background-image:-moz-linear-gradient(#004ee8, #004ee8), -moz-linear-gradient(#000, #000);
	background-image:linear-gradient(#004ee8, #004ee8), linear-gradient(#000, #000);
	background-blend-mode:normal, normal;
	overflow:hidden;
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all
}
a.more i {
	font-size:12px;
	margin-right:10px
}
a.more em {
	font-size:20px
}
a.more:hover {
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all;
	color:var(--base-color);
	background-image:-webkit-gradient(linear, left top, right top, from(#c2c3c2), color-stop(#fff), to(#c2c3c2));
	background-image:-webkit-linear-gradient(left, #c2c3c2, #fff, #c2c3c2);
	background-image:-moz-linear-gradient(left, #c2c3c2, #fff, #c2c3c2);
	background-image:linear-gradient(to right, #c2c3c2, #fff, #c2c3c2)
}
#banner {
	position:relative
}
#banner ul.bannerlist .slick-dots {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	position:absolute;
	bottom:35px;
	left:15px
}
#banner ul.bannerlist .slick-dots:before {
	content:"";
	width:1px;
	height:107px;
	background:#fff;
	position:absolute;
	bottom:100%;
	left:50%
}
#banner ul.bannerlist .slick-dots li {
	width:9px;
	height:9px;
	background:#fff;
	border-radius:100%;
	position:relative;
	margin-top:20px;
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all
}
#banner ul.bannerlist .slick-dots li:before {
	content:"";
	position:absolute;
	width:17px;
	height:17px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background:0 0;
	border:1px solid var(--base-color);
	border-radius:100%;
	opacity:0;
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all
}
#banner ul.bannerlist .slick-dots li.slick-active {
	background:var(--base-color);
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all
}
#banner ul.bannerlist .slick-dots li.slick-active:before {
	opacity:1;
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all
}
#banner ul.bannerlist li {
	position:relative
}
#banner ul.bannerlist li .textbox {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	left:12%
}
#banner ul.bannerlist li .textbox span.tag {
	color:#fff;
	font-size:18px;
	font-weight:500
}
#banner ul.bannerlist li .textbox h2 {
	font-family:'Coalition';
	line-height:2;
	color:#bdbdbd;
	font-style:italic;
	margin-top:20px
}
#banner ul.bannerlist li .textbox p {
	color:#f6f1ec;
	font-weight:300;
	line-height:2;
	font-style:italic;
	max-width:580px;
	margin-bottom:40px;
	margin-top:20px
}
#banner ul.bannerlist li .textbox .btnbox a.more2 {
	margin-left:15px;
	background-image:-webkit-gradient(linear, left top, right top, from(#c2c3c2), color-stop(#fff), to(#c2c3c2));
	background-image:-webkit-linear-gradient(left, #c2c3c2, #fff, #c2c3c2);
	background-image:-moz-linear-gradient(left, #c2c3c2, #fff, #c2c3c2);
	background-image:linear-gradient(to right, #c2c3c2, #fff, #c2c3c2);
	color:#000;
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all
}
#banner ul.bannerlist li .textbox .btnbox a.more2:hover {
	color:#fff;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#004ee8), to(#004ee8)), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
	background-image:-webkit-linear-gradient(#004ee8, #004ee8), -webkit-linear-gradient(#000, #000);
	background-image:-moz-linear-gradient(#004ee8, #004ee8), -moz-linear-gradient(#000, #000);
	background-image:linear-gradient(#004ee8, #004ee8), linear-gradient(#000, #000);
	background-blend-mode:normal, normal;
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all
}
.gxs-cate {
	padding-top:160px;
	padding-bottom:100px;
	background:url(../images/product-bj.jpg) center center;
	position:relative;
	margin-top:-5px
}
.gxs-cate:before {
	content:"";
	width:100%;
	height:101px;
	background:url(../images/index-product-top.png) center center no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:3
}
.gxs-cate .ui.container .top {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:end;
	-webkit-align-items:flex-end;
	-moz-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end
}
.gxs-cate .ui.container .top .left span.tag {
	color:#000
}
.gxs-cate .ui.container .top .left h3 {
	color:#000;
	max-width:360px;
	font-style:italic;
	line-height:2
}
.gxs-cate .ui.container .top p {
	max-width:470px;
	font-weight:300;
	font-style:italic;
	line-height:30px
}
.gxs-cate .ui.container .main {
	margin-top:40px;
	text-align:center
}
.gxs-cate .ui.container .main a.more {
	margin:0 auto;
	margin-top:45px
}
.gxs-cate .ui.container .main ul.catelist {
	margin:0 -15px
}
.gxs-cate .ui.container .main ul.catelist li {
	padding:15px
}

.gxs-cate .ui.container .main ul.catelist li .item {
	position:relative;
	overflow:hidden
}
.gxs-cate .ui.container .main ul.catelist li .item:hover>a {
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all;
	top:100%
}
.gxs-cate .ui.container .main ul.catelist li .item>a {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .5);
	color:#fff;
	font-size:25px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	line-height:2;
	top:0;
	left:0;
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all;
	z-index:2
}
.gxs-about {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	position:relative;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-moz-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	z-index:3
}
.gxs-about a.more {
	background:0 0;
	color:var(--base-color);
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all;
	position:absolute;
	left:0;
	bottom:-30px;
	border-radius:0;
	overflow:visible;
	z-index:3
}
.gxs-about a.more:before {
	content:"";
	width:110%;
	height:100%;
	background:#fff;
	position:absolute;
	top:0;
	left:-15px;
	z-index:-1;
	-webkit-transform:skewX(-30deg);
	-moz-transform:skewX(-30deg);
	-ms-transform:skewX(-30deg);
	transform:skewX(-30deg)
}
.gxs-about a.more:hover {
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all;
	color:#fff
}
.gxs-about a.more:hover:before {
	background:var(--base-color);
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all
}
.gxs-about:before {
	content:"";
	width:70%;
	height:-webkit-calc(100% + 60px);
	height:-moz-calc(100% + 60px);
	height:calc(100% + 60px);
	background:#dcdcdc;
	position:absolute;
	top:0;
	left:-10%;
	-webkit-transform:translateY(-30px) skewX(-30deg);
	-moz-transform:translateY(-30px) skewX(-30deg);
	-ms-transform:translateY(-30px) skewX(-30deg);
	transform:translateY(-30px) skewX(-30deg)
}
.gxs-about img.dec {
	position:absolute;
	left:-10px;
	top:0;
	-webkit-transform:translateY(-48%);
	-moz-transform:translateY(-48%);
	-ms-transform:translateY(-48%);
	transform:translateY(-48%);
	z-index:3
}
.gxs-about .imgbox {
	position:relative;
	z-index:4
}
.gxs-about .imgbox a.play2 {
	bottom:40px;
	right:50px;
	width:87px;
	height:87px;
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	transform:none;
	border-radius:100%;
	background:#fff;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	left:auto;
	top:auto
}
.gxs-about .textbox {
	display:inline-block;
	text-align:left;
	padding-left:14%;
	margin-right:-14%;
	z-index:5;
	position:relative
}
.gxs-about .textbox span.tag {
	font-style:italic;
	font-size:18px;
	color:rgba(0, 0, 0, .68);
	margin-left:60px
}
.gxs-about .textbox h3 {
	line-height:2;
	font-style:italic;
	color:#000;
	margin-right:-40px;
	margin-top:20px;
	margin-bottom:25px
}
.gxs-about .textbox h3 em {
	color:var(--base-color)
}
.gxs-about .textbox p {
	max-width:665px;
	line-height:2;
	margin-bottom:40px
}
.gxs-about .textbox ul.data {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-moz-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-moz-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start
}
.gxs-about .textbox ul.data li {
	display:inline-block;
	margin-right:10px
}
.gxs-about .textbox ul.data li span {
	color:#000;
	font-size:70px;
	font-weight:700
}
.gxs-about .textbox ul.data li p {
	font-size:12px;
	font-weight:300;
	text-align:center;
	letter-spacing:4px
}
.gxs-map {
	padding-top:225px;
	padding-bottom:140px;
	position:relative;
	background:url(../images/map-bj.jpg) center center no-repeat;
	background-size:cover
}
.gxs-map:before {
	content:"";
	width:100%;
	height:101px;
	background:url(../images/map-bottom.png) center center no-repeat;
	position:absolute;
	bottom:-1px
}
.gxs-map .ui.container {
	max-width:1434px;
	padding:0
}
.gxs-map .ui.container .top {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:end;
	-webkit-align-items:flex-end;
	-moz-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end
}
.gxs-map .ui.container .top .left .span.tag {
	color:#3c3c3c
}
.gxs-map .ui.container .top .left h3 {
	color:#101010;
	font-style:italic;
	line-height:2
}
.gxs-map .ui.container .top p {
	max-width:370px
}
.gxs-map .ui.container .main {
	margin-top:70px
}
.gxs-map .ui.container .main .mapbox {
	position:relative
}
.gxs-map .ui.container .main .mapbox ul.pointlist li {
	position:absolute
}
.gxs-map .ui.container .main .mapbox ul.pointlist li span {
	width:61px;
	height:61px;
	background:rgba(1, 83, 251, .5);
	border-radius:100%;
	padding:5px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
	z-index:3
}
.gxs-map .ui.container .main .mapbox ul.pointlist li span:before {
	content:"";
	background:rgba(1, 83, 251, .5);
	-webkit-animation:ks 2s linear infinite;
	-moz-animation:ks 2s linear infinite;
	animation:ks 2s linear infinite;
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:100%;
	opacity:.4
}
.gxs-map .ui.container .main .mapbox ul.pointlist li span:after {
	content:"";
	background:rgba(1, 83, 251, .5);
	-webkit-animation:ks 2s linear infinite;
	-moz-animation:ks 2s linear infinite;
	animation:ks 2s linear infinite;
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:100%;
	opacity:.4;
-webkit-animation-delay:.6s;
-moz-animation-delay:.6s;
animation-delay:.6s
}
.gxs-map .ui.container .main .mapbox ul.pointlist li:nth-child(1) {
left:81%;
top:31%;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
.gxs-map .ui.container .main .mapbox ul.pointlist li:nth-child(2) {
left:60%;
top:43%;
-webkit-transform:scale(.8);
-moz-transform:scale(.8);
-ms-transform:scale(.8);
transform:scale(.8)
}
.gxs-map .ui.container .main .mapbox ul.pointlist li:nth-child(3) {
left:48%;
top:53%;
-webkit-transform:scale(.5);
-moz-transform:scale(.5);
-ms-transform:scale(.5);
transform:scale(.5)
}
.gxs-map .ui.container .main .mapbox ul.pointlist li:nth-child(4) {
left:44%;
top:49%;
-webkit-transform:scale(.7);
-moz-transform:scale(.7);
-ms-transform:scale(.7);
transform:scale(.7)
}
.gxs-map .ui.container .main .mapbox ul.pointlist li:nth-child(5) {
left:36%;
top:4%;
-webkit-transform:scale(.7);
-moz-transform:scale(.7);
-ms-transform:scale(.7);
transform:scale(.7)
}
.gxs-map .ui.container .main .mapbox ul.pointlist li:nth-child(6) {
left:14%;
top:32%;
-webkit-transform:scale(.8);
-moz-transform:scale(.8);
-ms-transform:scale(.8);
transform:scale(.8)
}
#footer {
	padding-top:90px;
	background:#232323
}
#footer .footer-main {
	padding-bottom:100px
}
#footer .footer-main .ui.container {
	max-width:1470px;
	color:#fff;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-moz-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start
}
#footer .footer-main .ui.container>div {
	display:inline-block
}
#footer .footer-main .ui.container>div.quick {
	width:25%;
	display:inline-block
}
#footer .footer-main .ui.container>div h4 {
	font-size:23px;
	font-family:"Poppins";
	font-weight:500;
	position:relative;
	margin-bottom:30px
}
#footer .footer-main .ui.container>div h4:before {
	content:"";
	width:130px;
	height:1px;
	background:#fff;
	opacity:.5;
	position:absolute;
	top:50%;
	left:100px
}
#footer .footer-main .ui.container .infobox ul.infolist {
	margin-top:25px
}
#footer .footer-main .ui.container .infobox ul.infolist li {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-moz-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:14px;
	margin-bottom:20px
}
#footer .footer-main .ui.container .infobox ul.infolist li i {
	margin-right:8px
}
#footer .footer-main .ui.container .infobox ul.infolist li p {
	max-width:266px;
	line-height:2
}
#footer .footer-main .ui.container .infobox .worktime h5 {
	color:var(--base-color);
	margin-bottom:10px
}
#footer .footer-main .ui.container .infobox .worktime p {
	font-size:16px
}
#footer .footer-main .ui.container .quick ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
#footer .footer-main .ui.container .quick ul li {
	text-align:left;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-moz-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:16px;
	margin-bottom:15px;
	line-height:2
}
#footer .footer-main .ui.container .quick ul li a {
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all
}
#footer .footer-main .ui.container .quick ul li a:hover {
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all;
	padding-left:10px;
	color:var(--base-color)
}
#footer .footer-main .ui.container .quick ul li i {
	margin-right:8px
}
#footer .footer-main .ui.container .news ul.newslist li {
	margin-bottom:25px
}
#footer .footer-main .ui.container .news ul.newslist li p {
	max-width:270px;
	line-height:2
}
#footer .footer-main .ui.container .news ul.newslist li p a {
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all
}
#footer .footer-main .ui.container .news ul.newslist li p a:hover {
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all;
	color:var(--base-color)
}
#footer .footer-main .ui.container .formbox h4:before {
	left:auto;
	right:0
}
#footer .footer-main .ui.container .formbox .form {
	width:380px;
	position:relative;
	height:50px;
	margin-top:20px;
	margin-bottom:35px
}
#footer .footer-main .ui.container .formbox .form input[type=text] {
	width:-webkit-calc(100% - 60px);
	width:-moz-calc(100% - 60px);
	width:calc(100% - 60px);
	height:50px;
	border:none;
	padding:0 10px;
	font-size:16px;
	background:#555;
	color:#fff
}
#footer .footer-main .ui.container .formbox .form input[type=text]::-webkit-input-placeholder {
color:#fff
}
#footer .footer-main .ui.container .formbox .form input[type=text]:-moz-placeholder {
color:#fff
}
#footer .footer-main .ui.container .formbox .form input[type=text]::-moz-placeholder {
color:#fff
}
#footer .footer-main .ui.container .formbox .form input[type=text]:-ms-input-placeholder {
color:#fff
}
#footer .footer-main .ui.container .formbox .form input[type=text]::placeholder {
color:#fff
}
#footer .footer-main .ui.container .formbox .form span.sbbtn {
	width:60px;
	height:50px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:absolute;
	top:0;
	right:0;
	background-image:-webkit-gradient(linear, left top, right top, from(#c2c3c2), color-stop(#fff), to(#c2c3c2));
	background-image:-webkit-linear-gradient(left, #c2c3c2, #fff, #c2c3c2);
	background-image:-moz-linear-gradient(left, #c2c3c2, #fff, #c2c3c2);
	background-image:linear-gradient(to right, #c2c3c2, #fff, #c2c3c2);
	border:none;
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all;
	cursor:pointer
}
#footer .footer-main .ui.container .formbox .form span.sbbtn i {
	font-size:16px;
	color:#000;
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all
}
#footer .footer-main .ui.container .formbox .form span.sbbtn:hover {
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all;
	background:var(--base-color)
}
#footer .footer-main .ui.container .formbox .form span.sbbtn:hover i {
-webkit-transition:.3s all;
-moz-transition:.3s all;
transition:.3s all;
	color:#fff
}
#footer .footer-main .ui.container .formbox ul.sharelist {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-moz-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
#footer .footer-main .ui.container .formbox ul.sharelist li {
	width:30px;
	height:30px;
	border-radius:100%;
	background:#fff;
	margin-right:10px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:20px
}
#footer .footer-main .ui.container .formbox ul.sharelist li:nth-child(1) {
color:#a4672e
}
#footer .footer-main .ui.container .formbox ul.sharelist li:nth-child(2) {
color:#f55e1c
}
#footer .footer-main .ui.container .formbox ul.sharelist li:nth-child(3) {
color:#078b58
}
#footer .footer-main .ui.container .formbox ul.sharelist li:nth-child(4) {
color:#ffaa1c
}
#footer .footer-main .ui.container .ewm {
	width:100px;
	height:100px;
	padding:5px;
	display:block;
	background:#fff;
	margin-left:40px;
	margin-top:70px
}
#footer .footer-bottom {
	background-image:-webkit-gradient(linear, left top, right top, from(#1b1b1b), color-stop(#666), to(#1b1b1b));
	background-image:-webkit-linear-gradient(left, #1b1b1b, #666, #1b1b1b);
	background-image:-moz-linear-gradient(left, #1b1b1b, #666, #1b1b1b);
	background-image:linear-gradient(to right, #1b1b1b, #666, #1b1b1b);
	padding:10px 0
}
#footer .footer-bottom .ui.container {
	width:90%;
	color:rgba(255, 255, 255, .5);
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:5px 0;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
#footer .footer-bottom .ui.container .logo {
	margin-right:50px
}
#footer .footer-bottom p {
	font-size:16px;
	line-height:30px;
	white-space:nowrap
}
#footer .footer-bottom p img {
	height:16px;
	margin:8px 10px
}
#footer .footer-bottom p a:hover {
	color:var(--base-color) !important
}
#footer .footer-bottom svg {
	max-height:30px;
	width:auto;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	fill:rgba(255, 255, 255, .5);
	position:relative;
	top:5px;
	left:10px
}
#footer .footer-bottom svg text {
	fill:rgba(255, 255, 255, .5)
}
#footer .footer-bottom svg:hover {
	fill:var(--base-color)
}
#footer .footer-bottom svg g.en {
	display:block
}
#footer .footer-bottom svg g.cn {
	display:none
}
@media screen and (max-width:1800px) {
.font-59 {
font-size:42px
}
.gxs-about a.more {
bottom:0
}
.gxs-about .textbox {
padding-left:6%;
margin-right:-4%
}
.gxs-about:before {
width:80%
}
.gxs-about .textbox p {
text-overflow:-o-ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:10;
-webkit-box-orient:vertical;
max-width:550px
}
.gxs-about .imgbox {
width:50%
}
}
@media screen and (max-width:1600px) {
.font-75 {
font-size:56px
}
.gxs-about .textbox ul.data li span {
font-size:52px
}
.font-55 {
font-size:42px
}
#footer .footer-main .ui.container .formbox .form {
width:320px
}
}
@media screen and (max-width:1400px) {
#header .nav .ui.menu .menu-box ul.menu>li {
margin:0 15px;
font-size:16px
}
.gxs-about img.dec {
width:18%
}
.gxs-about .textbox {
padding-bottom:50px
}
.gxs-about .textbox p {
-webkit-line-clamp:7
}
.font-55 {
font-size:32px
}
#footer .footer-main .ui.container>div.quick {
display:none
}
}
@media screen and (max-width:1200px) {
.font-75 {
font-size:40px
}
#header .nav .ui.menu .menu-box ul.menu>li {
margin:0 10px;
font-size:14px
}
#header .nav .ui.menu .logo {
max-width:200px
}
#banner ul.bannerlist li .textbox p {
display:none
}
#banner ul.bannerlist li .textbox h2 {
margin-bottom:40px
}
.font-59 {
font-size:32px
}
.gxs-map .ui.container .top p {
max-width:330px
}
.font-16 {
font-size:14px
}
.font-55 {
font-size:28px
}
#footer .footer-main .ui.container .formbox .form {
width:270px
}
#footer .footer-main .ui.container .ewmbox {
display:none
}
}
@media screen and (max-width:1000px) {
.links.news {
display:none !important
}
p.haiboq {
display:none !important
}
.about-5.julonghide {
display:none !important
}
#banner, .inner-banner {
margin-top:40px
}
#header {
display:none
}
#mobile {
display:block
}
#banner ul.bannerlist li .textbox {
left:5%
}
.font-75 {
font-size:30px
}
a.more em {
font-size:14px
}
.gxs-cate .ui.container .top p {
max-width:300px
}
.gxs-about .textbox span.tag {
font-size:14px
}
.font-59 {
font-size:24px
}
.font-18 {
font-size:14px
}
.gxs-about .textbox ul.data li span {
font-size:32px
}
.gxs-about .textbox ul.data li p {
letter-spacing:0
}
.font-55 {
font-size:24px
}
#footer .footer-main .ui.container>div {
margin-bottom:20px
}
#footer .footer-main .ui.container>div.news {
width:50%
}
#footer .footer-main .ui.container>div.formbox {
width:50%
}
#footer .footer-main .ui.container {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
@media screen and (max-width:800px) {
#footer .footer-bottom p {
font-size:12px
}
#footer .footer-bottom svg {
max-height:22px
}
#footer .footer-bottom .ui.container {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-moz-box-orient:vertical;
-moz-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-webkit-align-items:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-moz-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
#footer .footer-bottom .ui.container p {
text-align:center
}
.gxs-cate .ui.container .top {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.gxs-cate {
padding-top:20px;
padding-bottom:20px
}
.font-48 {
font-size:24px
}
.gxs-cate .ui.container .top p {
max-width:none
}
.gxs-cate .ui.container .main {
margin-top:20px
}
.gxs-cate .ui.container .main ul.catelist li .item>a {
font-size:16px
}
.gxs-about:before {
display:none
}
.gxs-about {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.gxs-about .imgbox {
width:100%;
background:#dcdcdc
}
.gxs-about .textbox {
padding:20px;
padding-left:20px;
margin-right:auto;
z-index:5
}
.gxs-about .textbox p {
margin-bottom:20px
}
.gxs-about .textbox ul.data li p {
margin-bottom:0
}
.gxs-map .ui.container .top {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.gxs-map {
padding-top:20px;
padding-bottom:100px
}
.gxs-map .ui.container .main {
margin-top:20px
}
.gxs-about .textbox span.tag {
margin-left:0
}
}
@media screen and (max-width:600px) {
.font-75 {
font-size:20px
}
#banner ul.bannerlist li .textbox span.tag {
display:none
}
#banner ul.bannerlist li .textbox .btnbox {
display:none
}
.gxs-about .textbox ul.data li {
margin-right:15px
}
.gxs-map .ui.container .main .mapbox ul.pointlist li span {
width:20px;
height:20px
}
#footer .footer-main .ui.container>div {
width:100%
}
#footer .footer-main .ui.container>div.news {
width:100%
}
#footer .footer-main .ui.container>div.formbox {
width:100%
}
#footer .footer-main .ui.container .formbox .form {
width:100%
}
#banner ul.bannerlist li .textbox h2 {
display:none
}
.gxs-cate:before {
display:none
}
.gxs-cate {
background:#f6f6f6
}
.gxs-map {
background:#f6f6f6
}
.gxs-map:before {
display:none
}
.gxs-map {
padding-top:20px;
padding-bottom:20px
}
#footer {
padding-top:20px
}
#footer .footer-main .ui.container .news ul.newslist li p {
max-width:none
}
.gxs-about img.dec {
display:none
}
#footer .footer-main {
padding-bottom:20px
}
}
@-webkit-keyframes ks {
from {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
80% {
-webkit-transform:scale(1.6);
-moz-transform:scale(1.6);
-ms-transform:scale(1.6);
transform:scale(1.6);
opacity:.3
}
to {
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	transform:scale(1.6);
	opacity:0
}
}
@-moz-keyframes ks {
from {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
80% {
-webkit-transform:scale(1.6);
-moz-transform:scale(1.6);
-ms-transform:scale(1.6);
transform:scale(1.6);
opacity:.3
}
to {
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	transform:scale(1.6);
	opacity:0
}
}
@keyframes ks {
from {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
80% {
-webkit-transform:scale(1.6);
-moz-transform:scale(1.6);
-ms-transform:scale(1.6);
transform:scale(1.6);
opacity:.3
}
to {
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	transform:scale(1.6);
	opacity:0
}
}
.play2 {
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.play2:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	border-radius:100%;
	background:0 0;
	background:#fff;
	left:0;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	-webkit-animation:ks 2s linear infinite;
	-moz-animation:ks 2s linear infinite;
	animation:ks 2s linear infinite;
	z-index:-1
}
.play2:after {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	border-radius:100%;
	background:#fff;
	background:0 0;
	left:0;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	-webkit-animation:ks 2s linear infinite;
	-moz-animation:ks 2s linear infinite;
	animation:ks 2s linear infinite;
	z-index:-1;
-webkit-animation-delay:.6s;
-moz-animation-delay:.6s;
animation-delay:.6s
}
#pups_from {
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	max-height:80%;
	width:500px;
	max-width:90%;
	-o-box-shadow:0 0 10px rgba(0, 0, 0, .1);
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);
	box-shadow:0 0 10px rgba(0, 0, 0, .1);
	z-index:22;
	background:#fff;
	padding:30px;
	overflow:auto
}
#pups_from h4 {
	font-size:18px;
	color:#222;
	text-transform:capitalize;
	line-height:2;
	font-weight:700;
	position:absolute;
	left:0;
	width:100%;
	top:0;
	padding:15px 20px;
	background:#f5f5f5;
	-o-box-shadow:0 0 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .1);
	box-shadow:0 0 5px rgba(0, 0, 0, .1)
}
#pups_from form {
	margin-top:40px
}
#pups_from i.close {
	width:30px;
	height:30px;
	position:absolute;
	top:10px;
	right:10px;
	background:#eee;
	cursor:pointer;
	cursor:hand;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#pups_from i.close:after, #pups_from i.close:before {
	content:"";
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	width:70%;
	height:2px;
	margin-top:-1px;
	background:#000;
	position:absolute;
	top:50%;
	left:15%;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
#pups_from i.close:after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
#pups_from i.close:hover {
	background:var(--base-color)
}
#pups_from i.close:hover:after, #pups_from i.close:hover:before {
	background:#fff
}
#pups_from form ul li {
	margin-bottom:10px;
	position:relative
}
#pups_from form ul li label {
	font-size:14px;
	margin-bottom:10px;
	display:block
}
#pups_from form ul li label em {
	color:red;
	margin-right:2px
}
#pups_from form ul li input, #pups_from form ul li textarea {
	width:100%;
	line-height:24px;
	padding:6px 15px;
	border:1px solid #eee;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	font-size:16px
}
#pups_from form ul li input:focus, #pups_from form ul li textarea:focus {
	border-color:var(--base-color)
}
#pups_from form ul li textarea {
	height:80px
}
#pups_from form ul li input[type=submit] {
	width:auto;
	padding:6px 40px;
	display:inline-block;
	background:var(--base-color);
	color:#fff;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#pups_from form ul li input[type=submit]:hover {
	opacity:.7
}
#pups_from form ul li:last-child {
	margin-bottom:0
}
#Pop_UpsBtn {
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	position:fixed;
	border-radius:100%;
	background:var(--base-color);
	color:#fff;
	right:2%;
	bottom:5%;
	font-size:24px;
	-o-box-shadow:0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow:0 2px 7px rgba(0, 0, 0, .3);
	box-shadow:0 2px 7px rgba(0, 0, 0, .3);
	cursor:pointer;
	cursor:hand;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#Pop_UpsBtn:hover {
	background:#889aff
}
#pups_from i.close:after, #pups_from i.close:before {
	content:'';
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	width:70%;
	height:2px;
	margin-top:-1px;
	background:#000;
	position:absolute;
	top:50%;
	left:15%;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
#pups_from i.close:after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
#pups_from i.close:hover {
	background:var(--base-color)
}
#pups_from i.close:hover:after, #pups_from i.close:hover:before {
	background:#fff
}
*::-webkit-scrollbar-thumb {
background-color:var(--base-color) !important
}
img[src=""], img:not([src]) {
opacity:0
}
#index-body .init-3 {
	padding:160px 0 130px;
	text-align:center;
	background:url("../images/init-3-bg.jpg") center center no-repeat;
	background-size:contain
}
#index-body .init-3 .top {
	padding:50px 5%
}
#index-body .init-3 .top ul {
	margin:-15px
}
#index-body .init-3 .top ul li {
	padding:15px
}
#index-body .init-3 .top ul li .box {
	padding:60px 15px 40px;
	text-align:center;
	display:block;
	-o-box-shadow:0 3px 10px rgba(0, 0, 0, .14);
	-webkit-box-shadow:0 3px 10px rgba(0, 0, 0, .14);
	box-shadow:0 3px 10px rgba(0, 0, 0, .14);
	background:#fff;
	cursor:pointer;
	cursor:hand;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	position:relative;
-webkit-transition:.5s .3s;
-moz-transition:.5s .3s;
transition:.5s .3s;
	z-index:1
}
#index-body .init-3 .top ul li .box:after {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url("../images/icon-3-bg.jpg") left 50px top -50px no-repeat;
	background-size:cover;
	z-index:-1;
	opacity:0;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#index-body .init-3 .top ul li .box:before {
	content:'';
	border-top:10px solid #1c1628;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	position:absolute;
	top:100%;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	opacity:0;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#index-body .init-3 .top ul li .box i {
	height:70px;
	line-height:70px;
	width:70px;
	display:block;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	position:relative;
	margin:0 auto
}
#index-body .init-3 .top ul li .box i img {
	display:inline-block;
	vertical-align:middle;
transition:.5s;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}
#index-body .init-3 .top ul li .box i img:last-child {
	opacity:0
}
#index-body .init-3 .top ul li .box h6 {
	font-size:20px;
	font-weight:700;
	margin-top:20px
}
#index-body .init-3 .top ul li .box:hover {
	background:#1c1628;
	color:#fff;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#index-body .init-3 .top ul li .box:hover i img {
	opacity:0
}
#index-body .init-3 .top ul li .box:hover i img:last-child {
	opacity:1
}
#index-body .init-3 .top ul li .box:hover:after, #index-body .init-3 .top ul li .box:hover:before {
	opacity:1;
	background-position:left 0 top 0;
-webkit-transition:.5s .3s;
-moz-transition:.5s .3s;
transition:.5s .3s
}
#index-body .init-3 .top ul .slick-current li .box {
	background:#1c1628;
	color:#fff;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#index-body .init-3 .top ul .slick-current li .box i img {
	opacity:0
}
#index-body .init-3 .top ul .slick-current li .box i img:last-child {
	opacity:1
}
#index-body .init-3 .top ul .slick-current li .box:after, #index-body .init-3 .top ul .slick-current li .box:before {
	opacity:1;
	background-position:left 0 top 0;
-webkit-transition:.5s .3s;
-moz-transition:.5s .3s;
transition:.5s .3s
}
#index-body .init-3 .bottom .text {
	max-width:420px;
	display:block;
	margin:0 auto;
	font-size:16px;
	line-height:2;
	opacity:.73
}
#index-body .init-3 .bottom a.more {
	margin-top:35px
}
@media screen and (max-width:1500px) {
#index-body .init-3 {
padding:100px 0
}
#index-body .init-3 .top ul li .box {
padding:30px 15px
}
#index-body .init-3 .top ul li .box i {
height:50px;
line-height:50px
}
#index-body .init-3 .top ul li .box i img {
max-height:100%
}
#index-body .init-3 .top ul li .box h6 {
font-size:16px
}
}
@media screen and (max-width:1250px) {
#index-body .init-3 .top ul li .box h6 {
margin-top:5px
}
#index-body .init-3 .top ul li .box {
padding:20px 10px
}
#index-body .init-3 {
padding:60px 0
}
}
@media screen and (max-width:500px) {
#index-body .init-3 .top {
padding:30px 0
}
}
.inner-page .container {
	width:95%;
	max-width:1430px
}
.inner-page h2.title {
	font-size:48px;
	font-weight:700;
	color:#1c1628;
	line-height:2
}
.inner-page h1 {
	font-size:48px;
	font-weight:700;
	color:#1c1628;
	line-height:2
}
.inner-banner {
	height:350px;
	padding-top:140px;
	text-align:center;
	background-size:cover;
	background-position:center center;
	display:block;
	position:relative;
	z-index:1
}
.inner-banner:after {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	background:#1d1729;
	opacity:.6
}
.inner-banner h2.title {
	font-size:40px;
	color:#fff;
	line-height:2
}
.inner-banner .mbx {
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#fff;
	margin-top:15px;
	font-size:14px;
	line-height:2
}
.inner-page .text {
	font-size:16px;
	line-height:2;
	font-weight:300;
	color:#6c6a72
}
.about-page .about-1 {
	padding:125px 0
}
.about-page .about-1 .left {
	padding-right:8%;
	vertical-align:middle;
	position:relative;
	padding-left:20px
}
.about-page .about-1 .left a.img-box:before {
	content:'';
	width:20px;
	height:100%;
	position:absolute;
	top:0;
	right:100%;
	background:var(--base-color);
	z-index:-2
}
.about-page .about-1 .left a.img-box {
	overflow:unset;
	height:auto;
	margin-top:5em;
	display:block;
	background-size:100%
}
.about-page .about-1 .left a.img-box:after {
	display:none
}
.about-page .about-1 .left a.img-box span {
	position:absolute;
	top:50%;
	left:100%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.about-page .about-1 .left a.img-box span img {
	width:auto;
	max-width:none;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.about-page .about-1 .right {
	vertical-align:middle;
	padding-left:5%
}
.about-page .about-1 .right .text {
	margin:35px 0 55px;
	max-height:400px;
	overflow:auto
}
.about-page .about-1 .right .list ul li {
	font-size:16px;
	line-height:2;
	margin-bottom:10px
}
.about-page .about-1 .right .list ul li:before {
	content:"\f006";
	margin-right:10px;
	font-family:"FontAwesome"
}
.about-page .about-1 .right a.more {
	margin-top:35px
}
.about-page .about-1 .Datalist {
	margin-top:100px
}
.about-page .about-1 .Datalist ul {
	margin:-10px
}
.about-page .about-1 .Datalist ul li {
	padding:10px;
	text-align:center
}
.about-page .about-1 .Datalist ul li h6 {
	font-size:60px;
	font-weight:700;
	line-height:2
}
.about-page .about-1 .Datalist ul li h6 sup {
	font-size:.6em
}
.about-page .about-1 .Datalist ul li span {
	display:inline-block;
	text-transform:uppercase;
	color:var(--base-color);
	border:1px solid #f4f2f9;
	padding:14px 30px;
	line-height:2;
	font-weight:700;
	font-size:14px;
	margin-top:20px
}
.about-page .about-2 {
	background:#eee;
	padding:110px 0
}
.about-page .about-2 .left {
	padding-right:5%;
	vertical-align:middle
}
.about-page .about-2 .left .text {
	margin-top:40px
}
.about-page .about-2 .right {
	vertical-align:middle
}
.about-page .about-3 {
	padding:150px 0;
	background:url("../images/about-3-bg.jpg") center center no-repeat;
	background-attachment:fixed;
	z-index:1;
	position:relative;
	color:#fff;
	text-align:center
}
.about-page .about-3:after {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:#1d1729;
	z-index:-1;
	opacity:.7
}
.about-page .about-3 h2.title {
	color:inherit
}
.about-page .about-3 a.more {
	margin-top:60px;
	background:#fff;
	color:#000;
	font-size:14px
}
.about-page .about-3 a.more:hover {
	color:#fff
}
.about-page .about-4 {
	padding:90px 0;
	border-bottom:1px solid #f4f2f9
}
.about-page .about-4 ul {
	margin:-2px
}
.about-page .about-4 ul li {
	padding:2px
}
.about-page .about-4 ul li a {
	display:block;
	border-radius:3px;
	padding:20px 0;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	text-align:center
}
.about-page .about-4 ul li a img {
	display:block;
	margin:0 auto
}
.about-page .about-4 ul li a:hover {
	background:#f4f2f9
}
.about-page .about-5 {
	padding:120px 0
}
.about-page .about-5 .top .right {
	padding-left:5%
}
.about-page .about-5 .bottom {
	margin-top:90px
}
.about-page .about-5 .bottom .morepro {
	font-size:16px;
	line-height:2
}
.about-page .about-5 .bottom .morepro h2 {
	font-size:24px
}
.about-page .about-5 .bottom ul {
	margin:-40px
}
.about-page .about-5 .bottom ul li {
	padding:40px
}
.about-page .about-5 .bottom ul li .box {
	display:block;
	position:relative;
	padding:20px
}
.about-page .about-5 .bottom ul li .box .pronewtit {
	font-size:18px;
	line-height:2
}
.about-page .about-5 .bottom ul li .box h4 {
	font-size:18px;
	line-height:2;
	height:226px
}
.about-page .about-5 .bottom ul li .box .pronewabs {
	font-size:16px;
	line-height:2
}
.about-page .about-5 .bottom ul li .box time {
	font-size:14px;
	line-height:2
}
.about-page .about-5 .bottom ul li .box span {
	position:absolute;
	right:0;
	top:0;
	background:#e4e0ee
}
.about-page .about-5 .bottom ul li .box span:after {
	content:'';
	position:absolute;
	width:8px;
	height:8px
}
.about-page .about-5 .bottom ul li .box span.line {
	width:125px;
	height:1px
}
.about-page .about-5 .bottom ul li .box span.line:after {
	bottom:-4px;
	left:50%;
	background:var(--base-color)
}
.about-page .about-5 .bottom ul li .box span.line2 {
	width:1px;
	height:150px
}
.about-page .about-5 .bottom ul li .box span.line2:after {
	left:-4px;
	top:50%;
	background:var(--colorLevel)
}
.about-page .about-5 .bottom ul li .box a.img-box {
	height:auto;
	display:block;
	background-size:100%
}
.about-page .about-5 .bottom ul li .box h6 {
	font-size:24px;
	font-weight:700;
	margin-top:15px;
	line-height:2
}
.about-page .about-5 .bottom ul li .box:hover span.line:after {
-webkit-animation:glide1 .95s 0s ease-in-out;
-moz-animation:glide1 .95s 0s ease-in-out;
animation:glide1 .95s 0s ease-in-out;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-iteration-count:1
}
.about-page .about-5 .bottom ul li .box:hover span.line2:after {
-webkit-animation:glide2 .95s 0s ease-in-out;
-moz-animation:glide2 .95s 0s ease-in-out;
animation:glide2 .95s 0s ease-in-out;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-iteration-count:1
}
.about-page .about-6 {
	padding:90px 0;
	background:url("../images/about-6.png") center center;
	background-size:cover;
	color:#fff
}
.about-page .about-6 .left {
	width:70%;
	vertical-align:middle
}
.about-page .about-6 .left span {
	font-size:20px;
	margin-bottom:10px;
	display:block
}
.about-page .about-6 .left h2 {
	color:inherit
}
.about-page .about-6 .right {
	text-align:right;
	width:30%;
	vertical-align:middle
}
.about-page .about-6 .right a.more {
	color:#000;
	background:#fff
}
.about-page .about-6 .right a.more:hover {
	color:#fff
}
@-webkit-keyframes glide1 {
0% {
-webkit-transform:translate(0);
transform:translate(0)
}
50% {
background-color:var(--colorLevel);
-webkit-transform:translate(54px);
transform:translate(54px)
}
100% {
-webkit-transform:translate(0);
transform:translate(0)
}
}
@-moz-keyframes glide1 {
0% {
-moz-transform:translate(0);
transform:translate(0)
}
50% {
background-color:var(--colorLevel);
-moz-transform:translate(54px);
transform:translate(54px)
}
100% {
-moz-transform:translate(0);
transform:translate(0)
}
}
@keyframes glide1 {
0% {
-webkit-transform:translate(0);
-moz-transform:translate(0);
transform:translate(0)
}
50% {
background-color:var(--colorLevel);
-webkit-transform:translate(54px);
-moz-transform:translate(54px);
transform:translate(54px)
}
100% {
-webkit-transform:translate(0);
-moz-transform:translate(0);
transform:translate(0)
}
}
@-webkit-keyframes glide2 {
0% {
-webkit-transform:translate(0);
transform:translate(0)
}
50% {
background-color:var(--base-color);
-webkit-transform:translateY(70px);
transform:translateY(70px)
}
100% {
-webkit-transform:translate(0);
transform:translate(0)
}
}
@-moz-keyframes glide2 {
0% {
-moz-transform:translate(0);
transform:translate(0)
}
50% {
background-color:var(--base-color);
-moz-transform:translateY(70px);
transform:translateY(70px)
}
100% {
-moz-transform:translate(0);
transform:translate(0)
}
}
@keyframes glide2 {
0% {
-webkit-transform:translate(0);
-moz-transform:translate(0);
transform:translate(0)
}
50% {
background-color:var(--base-color);
-webkit-transform:translateY(70px);
-moz-transform:translateY(70px);
transform:translateY(70px)
}
100% {
-webkit-transform:translate(0);
-moz-transform:translate(0);
transform:translate(0)
}
}
.contact-page .contact-1 {
	padding:120px 0 40px
}
.contact-page .contact-1 .left {
	width:30%
}
.contact-page .contact-1 .left .info {
	margin-top:40px
}
.contact-page .contact-1 .left .info ul li {
	margin-bottom:20px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.contact-page .contact-1 .left .info ul li span {
	background:var(--base-color);
	display:block;
	padding:6px;
	width:90px;
	height:90px;
	line-height:80px;
	text-align:center;
	font-size:30px;
	color:var(--base-color);
	border-radius:100%;
	margin-right:15px;
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0
}
.contact-page .contact-1 .left .info ul li span i {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	background:#fff;
	height:100%;
	width:100%;
	border-radius:100%
}
.contact-page .contact-1 .left .info ul li h6 {
	font-size:15px;
	color:#666;
	line-height:2
}
.contact-page .contact-1 .left .info ul li h6 small {
	font-size:1.33333333em;
	color:#000;
	display:block
}
.contact-page .contact-1 .right {
	width:70%;
	padding-right:4%
}
.contact-page .contact-1 .right .form {
	padding:60px;
	background:#eee
}
.contact-page .contact-1 .right .form ul {
	margin:-10px
}
.contact-page .contact-1 .right .form ul li {
	padding:10px
}
.contact-page .contact-1 .right .form ul li input, .contact-page .contact-1 .right .form ul li textarea {
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
transition:all .3s ease;
	width:100%;
	background-color:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:0;
	padding:25px;
	outline:none;
	line-height:19px;
	border:none;
	font-size:14px;
	caret-color:var(--base-color)
}
.contact-page .contact-1 .right .form ul li input::-webkit-input-placeholder, .contact-page .contact-1 .right .form ul li textarea::-webkit-input-placeholder {
color:#999
}
.contact-page .contact-1 .right .form ul li input:-moz-placeholder, .contact-page .contact-1 .right .form ul li textarea:-moz-placeholder {
color:#999
}
.contact-page .contact-1 .right .form ul li input::-moz-placeholder, .contact-page .contact-1 .right .form ul li textarea::-moz-placeholder {
color:#999
}
.contact-page .contact-1 .right .form ul li input:-ms-input-placeholder, .contact-page .contact-1 .right .form ul li textarea:-ms-input-placeholder {
color:#999
}
.contact-page .contact-1 .right .form ul li input::placeholder, .contact-page .contact-1 .right .form ul li textarea::placeholder {
color:#999
}
.contact-page .contact-1 .right .form ul li.wid-100 {
	width:100%
}
.contact-page .contact-1 .right .form ul li textarea {
	height:180px
}
.contact-page .contact-1 .right .form ul li a.more {
	width:100%;
	text-align:center;
	font-size:20px
}
.contact-page .contact-2 .box {
	border-left:10px solid var(--base-color);
	position:relative;
	z-index:1;
	padding:70px 100px;
	-webkit-transform:translateY(50%);
	-moz-transform:translateY(50%);
	-ms-transform:translateY(50%);
	transform:translateY(50%)
}
.contact-page .contact-2 .box:after {
	content:'';
	z-index:-1;
	background:#1d1729;
	left:0;
	top:0;
	width:100%;
	height:100%;
	position:absolute
}
.contact-page .contact-2 .box span.tag {
	color:#0153fb
}
.contact-page .contact-2 .box span.tag:before {
	display:none
}
.contact-page .contact-2 .box h2.title {
	color:#fff;
	font-size:36px
}
.contact-page .contact-2 .box .left {
	width:70%;
	vertical-align:middle
}
.contact-page .contact-2 .box .right {
	vertical-align:middle;
	width:30%;
	text-align:right
}
.contact-page .contact-3 {
	position:relative;
	z-index:0
}
.contact-page .contact-3 .button-group .button {
	background:var(--base-color)
}
.contact-page .contact-3 #mapContainer {
	-webkit-filter:grayscale(.5);
	filter:grayscale(.5)
}
.service-page .service-1 {
	padding:140px 0 100px
}
.service-page .service-1 .left {
	padding-bottom:60px;
	background:url("../images/service-1-bg.png") right 20% bottom no-repeat
}
.service-page .service-1 .right span.icon {
	width:125px;
	height:125px;
	border-radius:100%;
	display:block;
	padding:10px;
	background-image:-webkit-gradient(linear, left top, right top, from(#5f2dee), to(#0153fb));
	background-image:-webkit-linear-gradient(left, #5f2dee 0%, #0153fb 100%);
	background-image:-moz-linear-gradient(left, #5f2dee 0%, #0153fb 100%);
	background-image:linear-gradient(90deg, #5f2dee 0%, #0153fb 100%);
	margin-bottom:30px
}
.service-page .service-1 .right span.icon i {
	width:100%;
	height:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	background:#fff;
	border-radius:inherit;
	color:#5f2dee;
	font-size:40px
}
.service-page .service-1 .right .text {
	margin:30px 0
}
.service-page .service-1 .right .list ul li {
	display:block;
	margin-bottom:10px;
	font-size:16px
}
.service-page .service-1 .right .list ul li:before {
	content:"\f219";
	font-family:"FontAwesome";
	color:#5f2dee;
	margin-right:10px
}
.service-page .service-1 .right a.more {
	margin-top:70px
}
.service-page .service-2 {
	padding:50px 5% 120px
}
.service-page .service-2 .list ul {
	margin:-15px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.service-page .service-2 .list ul .slick-slide>div {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.service-page .service-2 .list ul li {
	padding:15px
}
.service-page .service-2 .list ul li .box {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:100%
}
.service-page .service-2 .list ul li .box span {
	width:200px;
	height:200px;
	border-radius:100%;
	display:block;
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	position:relative;
	z-index:2
}
.service-page .service-2 .list ul li .box span em {
	border-radius:100%;
	border:10px solid #fff;
	width:90px;
	height:90px;
	font-size:30px;
	font-weight:700;
	position:absolute;
	right:-5%;
	top:0;
	display:none!important
}
.service-page .service-2 .list ul li .box span em i {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:100%;
	height:100%;
	border-radius:100%;
	background:#fff;
	background:var(--base-color);
	color:#fff;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.service-page .service-2 .list ul li .box .box2 {
	margin-left:-100px;
	background:#fff;
	padding:45px 45px 70px 140px;
	-webkit-box-shadow:0 10px 60px rgba(0, 0, 0, .07);
	box-shadow:0 10px 60px rgba(0, 0, 0, .07);
	height:100%;
	z-index:1;
	position:relative
}
.service-page .service-2 .list ul li .box .box2:after {
	content:'';
	width:20px;
	height:20px;
	background:var(--hover);
	position:absolute;
	right:0;
	top:0;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	z-index:-2
}
.service-page .service-2 .list ul li .box .box2:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	right:0;
	bottom:0;
	background:url("../images/icon-service-2.png") no-repeat;
	background-size:auto 140%;
	background-position:200% center
}
.service-page .service-2 .list ul li .box .box2 h4 {
	font-size:22px;
	font-weight:700;
	line-height:2;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	margin-top:45px
}
.service-page .service-2 .list ul li .box .box2 .text {
	font-size:14px;
	margin-top:10px;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.service-page .service-2 .list ul li .box:hover span em i {
	background:var(--hover)
}
.service-page .service-2 .list ul li .box:hover .box2:after {
	width:100%;
	height:100%
}
.service-page .service-2 .list ul li .box:hover .box2 h4, .service-page .service-2 .list ul li .box:hover .box2 .text {
	color:#fff
}
.service-page .service-3 {
	background:#f4f2f9;
	padding:110px 0 230px
}
.service-page .service-3 .left {
	padding-right:3%;
	vertical-align:middle
}
.service-page .service-3 .right {
	padding-left:4%;
	vertical-align:middle
}
.service-page .service-3 .right .list {
	margin:40px 0
}
.service-page .service-3 .right .list ul li {
	margin-bottom:50px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.service-page .service-3 .right .list ul li span {
	width:64px;
	height:64px;
	padding:4px;
	background-image:-webkit-linear-gradient(0deg, #5f2dee 0%, #0153fb 100%);
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-right:30px;
	border-radius:100%
}
.service-page .service-3 .right .list ul li span i {
	width:100%;
	height:100%;
	font-size:18px;
	color:#5f2dee;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background:#fff;
	border-radius:inherit
}
.service-page .service-3 .right .list ul li:last-child {
	margin-bottom:0
}
.service-page .service-4 {
	border-bottom:1px solid #f4f2f9
}
.service-page .service-4 .box {
	position:relative;
	z-index:1;
	padding:80px 50px;
	color:#fff;
	background:url("../images/service-4-bg.jpg") center center;
	background-size:cover;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.service-page .service-4 .box:after {
	content:'';
	z-index:-1;
	background:-webkit-linear-gradient(330deg, #5f2dee 0%, #0153fb 100%);
	background:-moz-linear-gradient(330deg, #5f2dee 0%, #0153fb 100%);
	background:linear-gradient(120deg, #5f2dee 0%, #0153fb 100%);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:.9
}
.service-page .service-4 .box .left {
	vertical-align:middle;
	width:30%
}
.service-page .service-4 .box .left span.tag {
	color:inherit
}
.service-page .service-4 .box .left span.tag:before {
	background:#fff
}
.service-page .service-4 .box .left h2.title {
	font-size:35px;
	color:inherit
}
.service-page .service-4 .box .right {
	vertical-align:middle;
	width:70%;
	padding-left:3%
}
.service-page .service-4 .box .right ul li {
	padding:0 35px;
	border-right:1px solid #a97ef8
}
.service-page .service-4 .box .right ul li span {
	width:60px;
	height:60px;
	border-radius:100%;
	border:3px solid #fff;
	display:block;
	font-size:24px
}
.service-page .service-4 .box .right ul li span i {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	height:100%;
	border-radius:inherit;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.service-page .service-4 .box .right ul li h6 {
	font-size:20px;
	margin:20px 0 10px;
	font-weight:700;
	line-height:2
}
.service-page .service-4 .box .right ul li p {
	font-size:14px
}
.service-page .service-4 .box .right ul li:last-child {
	border-right:none
}
@media screen and (max-width:1500px) {
.service-page .service-1 {
padding:80px 0
}
.service-page .service-1 .right span.icon {
width:100px;
height:100px
}
.service-page .service-2 .list ul li .box span {
width:140px;
height:140px
}
.service-page .service-2 .list ul li .box span em {
width:60px;
height:60px;
font-size:20px;
border-width:5px
}
.service-page .service-2 .list ul li .box .box2 {
padding:20px 20px 20px 80px;
margin-left:-60px
}
.service-page .service-2 {
padding:50px 3%
}
.service-page .service-2 .list ul li .box .box2 h4 {
font-size:18px
}
.service-page .service-2 .list ul li .box .box2 .text {
font-size:12px
}
.service-page .service-3 {
padding:80px 0 200px
}
.service-page .service-4 .box {
padding:30px
}
.service-page .service-4 .box .left h2.title {
font-size:28px
}
.about-page .about-4 {
padding:50px 0
}
.contact-page .contact-1 {
padding:80px 0 40px
}
.contact-page .contact-1 .left .info ul li span {
width:70px;
height:70px
}
.contact-page .contact-1 .left .info ul li h6 {
font-size:13px
}
.contact-page .contact-1 .left .info ul li h6 small {
font-size:1.2em
}
.contact-page .contact-1 .right .form {
padding:30px
}
.contact-page .contact-1 .right .form ul li {
padding:5px
}
.contact-page .contact-1 .right .form ul {
margin:-5px
}
.contact-page .contact-1 .right .form ul li input, .contact-page .contact-1 .right .form ul li textarea {
padding:15px
}
.contact-page .contact-2 .box h2.title {
font-size:28px
}
.contact-page .contact-2 .box {
padding:50px 5%
}
.about-page .about-1 {
padding:70px 0
}
.about-page .about-1 .Datalist ul li h6 {
font-size:48px
}
.about-page .about-1 .Datalist {
margin-top:60px
}
.about-page .about-2 {
padding:60px 0
}
.about-page .about-3 {
padding:100px 0
}
.about-page .about-5 {
padding:60px 0
}
.about-page .about-5 .bottom ul li .box h6 {
font-size:20px
}
}
@media screen and (max-width:1250px) {
.inner-banner {
height:300px;
padding-top:100px
}
.inner-banner h2.title {
font-size:32px
}
.about-page .about-1 .Datalist ul li h6 {
font-size:36px
}
.about-page .about-1 .Datalist ul li span {
padding:10px 20px
}
.about-page .about-5 .bottom ul li {
padding:15px
}
.about-page .about-5 .bottom ul {
margin:-15px
}
.service-page .service-2 .list ul li {
width:100%
}
.service-page .service-2 .list ul li .box .box2 {
width:100%
}
}
@media screen and (max-width:1000px) {
.service-page .service-1 .left {
width:100%;
display:none
}
.service-page .service-1 .right {
width:100%
}
.service-page .service-1 .right a.more {
margin-top:20px
}
.service-page .service-1 {
padding:50px 0
}
.service-page .service-3 .right {
width:100%;
padding-left:0;
margin-top:30px
}
.service-page .service-3 .left {
width:100%;
padding-right:0
}
.service-page .service-3 .right .list ul li {
margin-bottom:20px
}
.service-page .service-4 .box .right {
width:100%;
padding-left:0;
margin-top:20px
}
.service-page .service-4 .box .left {
width:100%
}
.service-page .service-4 .box .right ul li {
padding:0 15px
}
.service-page .service-4 .box .right ul li h6 {
font-size:16px;
margin:10px 0
}
.service-page .service-4 .box .right ul li span {
width:40px;
height:40px;
font-size:18px
}
.service-page .service-4 .box {
margin-bottom:-100px
}
.contact-page .contact-2 .box {
padding:30px 3%;
margin-top:-50px
}
.contact-page .contact-1 .right {
width:100%;
padding-left:0;
margin-top:20px
}
.contact-page .contact-1 .left {
width:100%;
padding-right:0
}
#mapContainer {
height:360px !important
}
.about-page .about-1 .left {
width:100%;
padding-right:5%
}
.about-page .about-1 .right {
width:100%;
padding-left:0;
margin-top:30px
}
.about-page .about-1 .left a.img-box {
height:300px
}
.about-page .about-1 .right .text {
margin:20px 0
}
.about-page .about-1 .Datalist ul li {
width:50%
}
.about-page .about-1 .Datalist ul li h6 {
font-size:28px
}
.about-page .about-2 .left {
width:100%;
padding-right:0
}
.about-page .about-2 .right {
width:100%;
padding-left:0;
margin-top:30px
}
.about-page .about-3 a.more {
margin-top:30px
}
.about-page .about-5 .top .right {
width:100%;
padding-left:0;
margin-top:20px
}
.about-page .about-5 .top .left {
width:100%;
padding-right:0
}
.about-page .about-5 .bottom {
margin-top:50px
}
}
@media screen and (max-width:700px) {
.inner-banner {
height:200px;
padding-top:60px
}
.inner-banner .mbx {
margin-top:5px;
font-size:12px
}
.inner-banner h2.title {
font-size:28px
}
.about-page .about-1 .left {
padding-right:60px
}
.about-page .about-5 .bottom ul li .box a.img-box {
height:auto
}
.about-page .about-5 .bottom ul li .box h6 {
font-size:16px
}
.about-page .about-6 .left, .contact-page .contact-2 .box .left {
width:100%
}
.about-page .about-6 .right, .contact-page .contact-2 .box .right {
width:100%;
margin-top:20px;
text-align:left
}
.about-page .about-6 {
padding:40px 0
}
}
@media screen and (max-width:500px) {
.inner-banner {
height:auto
}
.about-page .about-1 .left a.img-box span img {
width:90px
}
.about-page .about-1 .left {
padding-right:45px
}
.about-page .about-1 .Datalist ul li {
width:100%
}
.about-page .about-3 {
padding:60px 0
}
.contact-page .contact-2 .box h2.title {
font-size:22px
}
.contact-page .contact-2 .box {
margin-top:0;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
.contact-page .contact-2 {
padding-bottom:30px
}
.service-page .service-3 .right .list ul li span {
margin-right:10px
}
.service-page .service-4 .box .left h2.title {
font-size:24px
}
.service-page .service-4 .box .right ul li {
padding:10px 0
}
.service-page .service-4 .box {
margin-bottom:0;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
.service-page .service-4 {
padding:40px 0
}
.service-page .service-3 {
padding:60px 0
}
}
.product-banner {
	position:relative
}
.product-banner .mbx {
	font-size:1.8rem;
	line-height:2;
	color:#000;
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	bottom:39%
}
.product-banner .mbx a, .product-banner .mbx span {
	margin:0 3px;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s
}
.product-banner .mbx a:hover {
	color:var(--base-color)
}
.product-banner .banner-link {
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	bottom:15%
}
.product-banner .banner-link a {
	display:inline-block;
	padding:1rem 2.5rem;
	margin:0 4rem;
	border-bottom:2px solid rgba(250, 250, 250, .2);
	position:relative
}
.product-banner .banner-link a:hover:after {
	width:100%
}
.product-banner .banner-link a:after {
	position:absolute;
	width:0;
	height:2px;
	background:rgba(215, 0, 15, .5);
	left:0;
	bottom:-2px;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	content:""
}
.inner-page .sidebar-content {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.inner-page .sidebar-content .sidebar-nav {
	width:23%
}
.inner-page .sidebar-content .sidebar-nav form {
	position:relative
}
.inner-page .sidebar-content .sidebar-nav form input[type=text] {
	width:100%;
	height:70px;
	border-radius:18px;
	background:0 0;
	padding:0 2.5rem;
	font-size:1.8rem;
	color:#000;
	border:1px solid #0153fb;
	padding-right:70px
}
.inner-page .sidebar-content .sidebar-nav form input[type=submit] {
	width:30px;
	height:30px;
	background:url(../images/pro-search.png) no-repeat center center;
	right:30px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	border:none
}
.inner-page .sidebar-content .sidebar-nav h2 {
	font-size:2.4rem;
	line-height:2;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	margin:5rem 0 2.5rem;
	font-weight:700
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li {
	position:relative
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li .nav-box a {
	text-transform:capitalize;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:1.8rem 0 1.8rem 25px;
	font-size:18px;
	color:#000;
	border-bottom:2px solid #eeede7;
	position:relative;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li .nav-box a:hover {
	color:var(--base-color)
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li .nav-box a:hover span {
	background:var(--base-color);
	color:#fff
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li .nav-box a span {
	display:inline-block;
	padding:5px 1.2rem;
	border-radius:5px;
	background:#eeede7;
	font-size:18px;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;
	width:50px;
	text-align:center
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li.active .nav-box a {
	color:var(--base-color)
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li.active .nav-box a span {
	background:var(--base-color);
	color:#fff
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li .nav-box {
	position:relative
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li .nav-box i {
	font-size:2rem;
	color:#000;
	height:75px;
	line-height:75px;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	padding:0 10px 0 0;
	position:absolute;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;
	z-index:3
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li .nav-box i:after {
	content:"\f0da";
	font-family:"FontAwesome"
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li.active .nav-box i {
	color:var(--base-color)
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li.active .nav-box i:after {
	content:"\f0d7"
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li .nav-box:hover i {
	color:var(--base-color)
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li .children {
	display:none
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li.active .children {
	display:block
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li .children li a {
	display:block;
	padding:1.2rem 0 1.2rem 25px;
	font-size:16px
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li .children li a:hover {
	color:var(--base-color)
}
.inner-page .sidebar-content .sidebar-nav .sidebar-nav-list>li.active .children li.active a {
	color:var(--base-color)
}
.inner-page .sidebar-content .sidebar-nav .related {
	margin:4rem 0
}
.inner-page .sidebar-content .sidebar-nav .related-list {
	margin-bottom:6rem
}
.inner-page .sidebar-content .sidebar-nav .related-list li {
	margin-bottom:1.6rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.inner-page .sidebar-content .sidebar-nav .related-list li .related-img {
	display:block;
	max-width:102px;
	border-radius:5px;
	overflow:hidden
}
.inner-page .sidebar-content .sidebar-nav .related-list li .related-img:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.inner-page .sidebar-content .sidebar-nav .related-list li .related-img img {
	width:100%
}
.inner-page .sidebar-content .sidebar-nav .related-list li .content {
	padding-left:1.5rem
}
.inner-page .sidebar-content .sidebar-nav .related-list li .content h4 {
	max-width:230px;
	font-size:1.6rem;
	line-height:2;
	color:#000;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.inner-page .sidebar-content .sidebar-nav .related-list li .content h4:hover {
	color:var(--base-color)
}
.inner-page .sidebar-content .sidebar-nav .related-list li .content p {
	font-size:14px;
	line-height:2;
	color:#9a9a9a;
margin-top:.5rem
}
.inner-page .sidebar-content .sidebar-nav .related-list li:last-child {
	margin-bottom:0
}
.inner-page .sidebar-content .sidebar-nav .sidebar-info {
	margin-bottom:4.7rem;
	padding:8rem 3rem 8.5rem;
	border-radius:5px;
	background:url(../images/by.jpg) no-repeat center center;
	background-size:cover;
	text-align:center
}
.inner-page .sidebar-content .sidebar-nav .sidebar-info h5 {
	font-size:2.4rem;
	line-height:2;
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:3rem
}
.inner-page .sidebar-content .sidebar-nav .sidebar-info p {
	font-size:1.6rem;
	line-height:2;
	color:#fff
}
.inner-page .sidebar-content .sidebar-nav .sidebar-info .info-tel {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	font-size:14px;
	line-height:2;
	color:#fff;
	margin:2.5rem 0 2.8rem
}
.inner-page .sidebar-content .sidebar-nav .sidebar-info .info-tel img {
	margin-right:2rem
}
.inner-page .sidebar-content .sidebar-nav .sidebar-info .icon a {
	margin:0 1.4rem;
	font-size:1.8rem;
	line-height:2;
	color:#fff
}
.inner-page .sidebar-content .sidebar-box {
	width:77%;
	padding-left:6rem
}
.inner-page .sidebar-content .sidebar-box .img-scroll .slick-track {
	margin-left:0
}
.inner-page .sidebar-content .sidebar-box .img-scroll ul {
	margin:-5px
}
.inner-page .sidebar-content .sidebar-box .img-scroll ul li {
	padding:5px
}
.news-page {
	position:relative;
	padding:8.9rem 0
}
.news-page:after {
	position:absolute;
	content:"";
	width:100%;
	height:30%;
	background:#fafafa;
	z-index:-1;
	left:0;
	bottom:0
}
.news-page .news-list {
	padding:0 1.5rem
}
.news-page .news-list ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.news-page .news-list ul li {
	padding:0 2rem;
	width:33.3333%;
	margin-bottom:6rem
}
.news-page .news-list ul li a {
	display:block
}
.news-page .news-list ul li a .news-img {
	position:relative;
	overflow:hidden;
	border-radius:5px
}
.news-page .news-list ul li a .news-img:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.news-page .news-list ul li a .news-img img {
	width:100%
}
.news-page .news-list ul li .time {
	position:relative;
	margin:15px 0;
	font-size:16px;
	line-height:2;
	color:#000
}
.news-page .news-list ul li a .content {
	padding:2.4rem 1rem 0
}
.news-page .news-list ul li a .content h4 {
	font-size:2rem;
	line-height:2;
	color:#000;
	height:150px
}
.news-page .news-list ul li a .content h4:hover {
	color:var(--base-color)
}
.news-page .news-list ul li a .content p {
	font-size:16px;
	line-height:30px;
	color:#888;
	margin-top:1rem
}
.newdet-page {
	padding:6rem 0
}
.newdet-page .news-content {
	padding-right:5.5rem
}
.newdet-page .news-content h1.title {
	font-size:2.4rem;
	color:#000
}
.newdet-page .news-content .time {
	font-size:16px;
	padding:15px 0;
	line-height:2
}
.newdet-page .news-content .content {
	font-size:16px;
	line-height:2;
	color:#3f3f3f
}
.newdet-page .news-content .m-link {
	margin-top:3rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	font-size:16px;
	line-height:2;
	color:#000;
	font-weight:300
}
.newdet-page .news-content .m-link a {
	display:inline-block;
	margin-bottom:1.5rem;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s
}
.newdet-page .news-content .m-link a:hover {
	color:var(--base-color)
}
.product-page {
	padding:10.5rem 0 7rem;
	background:#eee url('../images/pro-bg.png') right top no-repeat
}
.product-page span.tag {
	font-size:16px;
	color:#4c4499;
	display:block;
	margin-bottom:0
}
.product-page span.tag:before {
	content:'';
	width:1em;
	height:2px;
	background:#4c4499;
	display:inline-block;
	margin-right:.5em
}
.product-page h1 {
	font-size:36px;
	font-weight:700;
	color:#000;
	line-height:2
}
.product-page h1 {
	font-size:36px;
	font-weight:700;
	color:#000;
	line-height:2
}
.product-page .content {
	margin-top:3.5rem;
	font-weight:300;
	font-size:16px;
	line-height:30px;
	color:#3e3c3c;
	word-break:break-word
}
.product-page .content:after {
	content:'';
	display:block;
	clear:both
}
.product-page .content .slick.fr {
	padding-left:5%;
	padding-bottom:5%
}
.product-page .product-list {
	margin-top:7rem
}
.product-page .product-list .slide {
	margin-bottom:70px
}
.product-page .product-list .slide:last-child {
	margin-bottom:0
}
.product-page .product-list .slide .left {
	padding-right:30px
}
.product-page .product-list .slide .left img {
	width:100%
}
.product-page .product-list .slide .left .slick {
	border:0 solid #0153fb;
	display:block;
	width:100%;
	box-shadow:0 3px 35px rgba(131, 127, 157, .6);
	background:0 0;
	border-radius:0;
	overflow:hidden
}
.product-page .product-list .slide .left .slick a {
	display:block !important
}
.product-page .product-list .slide .right h3 {
	font-size:24px;
	font-weight:700;
	padding-bottom:.5em;
	border-bottom:1px solid #8b77b0
}
.product-page .product-list .slide .right h3.title {
	text-transform:uppercase;
	padding-right:80px
}
.product-page .product-list .slide .right h3.title i {
	width:70px;
	height:70px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	color:#fff;
	background:#0153fb;
	position:absolute;
	right:0;
	bottom:-35px
}
.product-page .product-list .slide .right h4 {
	font-size:18px;
	color:#0153fb;
	font-weight:700
}
.product-page .product-list .slide .right .box2 {
	margin-top:20px
}
.product-page .product-list .slide .right .text {
	margin-top:10px;
	font-size:16px;
	color:#3e3c3c;
	opacity:.73;
	font-weight:300;
	word-break:break-word;
	max-height:5.4em;
	overflow:auto
}
.product-page .product-list .slide .right .slick2 {
	margin:-10px;
	padding-top:20px
}
.product-page .product-list .slide .right .slick2 a {
	display:block;
	padding:10px
}
.product-page .product-list .slide .right .slick2 a img {
	border:10px solid #0153fb;
	border-radius:100%
}
.product-page .product-list .slide .right .faqList h5 i.fa {
	float:right;
	margin-left:.5em
}
.product-page .product-list ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:0 -1.75rem
}
.product-page .product-list ul li {
	padding:0 1.75rem;
	width:33.333%;
	margin-bottom:3.7rem
}
.product-page .product-list ul li>a {
	display:block;
	border:0 solid var(--base-color);
	border-radius:0;
	overflow:hidden
}
.product-page .product-list ul li h6 {
	margin-top:20px;
	text-align:center;
	display:block;
	font-size:16px;
	line-height:2
}
.product-page .product-list ul li .pro-box {
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);
	box-shadow:0 0 10px rgba(0, 0, 0, .1);
	padding:10px 20px;
	background:#fff;
	overflow:hidden;
	border-radius:8px;
	position:relative
}
.product-page .product-list ul li .pro-box:hover:after {
	bottom:0;
	background:var(--base-color)
}
.product-page .product-list ul li .pro-box:after {
	content:'';
	width:100%;
	bottom:-5px;
	right:-20px;
	height:8px;
	display:block;
	position:absolute;
	border-top-left-radius:4px;
	background:#000;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.product-page .product-list ul li .pro-box h5 {
	font-size:1.8rem;
	line-height:2;
	color:#000;
	padding:1rem 1rem 2rem;
	border-bottom:2px solid #eee
}
.product-page .product-list ul li .pro-box h5:hover {
	color:var(--base-color)
}
.product-page .product-list ul li .pro-box h5 a {
	display:inline-block;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.product-page .product-list ul li .pro-box .pro-img {
	display:block;
	margin-bottom:2.5rem
}
.product-page .product-list ul li .pro-box .text {
	margin-bottom:2rem;
	font-size:15px;
	color:#757575;
	overflow-y:auto;
	max-height:110px
}
.product-page .product-list ul li .pro-box .text p {
	margin-bottom:1.5rem;
	padding-left:30px;
	position:relative
}
.product-page .product-list ul li .pro-box .text p:before {
	content:'';
	width:16px;
	height:16px;
	background:url(../images/icon-2-1.png) center center no-repeat;
	position:absolute;
	left:0;
	top:4px
}
.product-page .product-list ul li .pro-box .more {
	display:inline-block;
	padding:12px 22px 12px 15px;
	border-radius:5px;
	font-size:12px;
	line-height:2;
	color:#fff;
	margin-bottom:25px;
	background:#000;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.product-page .product-list ul li .pro-box .more:hover {
	background:var(--base-color)
}
.product-page .product-list ul li .pro-box .more i {
	margin-left:1.2rem;
	font-size:12px
}
.support-page .support-1 {
	position:relative
}
.support-page .support-1>img {
	width:100%
}
.support-page .support-1 .content-box {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.support-page .support-1 .content-box .content {
	max-width:630px;
	margin-left:3.5rem
}
.support-page .support-1 .content-box .content span {
	display:inline-block;
	width:80px;
	height:5px;
	background:var(--base-color)
}
.support-page .support-1 .content-box .content h2 {
	font-size:3.8rem;
	line-height:2;
	color:#010101;
	font-weight:700;
	max-width:620px;
	margin:1.5rem 0 3rem
}
.support-page .support-1 .content-box .content p {
	font-size:16px;
	line-height:2;
	color:#000
}
.support-page .support-1 .content-box .content .more {
	display:inline-block;
	padding:20px 15px 20px 30px;
	border-radius:5px;
	font-size:16px;
	line-height:2;
	color:#fff;
	margin-top:4.5rem;
	background:var(--base-color);
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.support-page .support-1 .content-box .content .more:hover {
	background:#000
}
.support-page .support-1 .content-box .content .more i {
	font-size:12px;
	display:inline-block;
	vertical-align:middle;
	margin-left:4.8rem
}
.support-page .support-2 {
	padding:0 15px 8.6rem;
	position:relative;
	z-index:2
}
.support-page .support-2 ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.support-page .support-2 ul li {
	width:19.2%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	-moz-box-orient:horizontal;
	-moz-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	background:#fff;
	border-radius:7px;
	-webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, .2);
	box-shadow:0 0 5px 0 rgba(0, 0, 0, .2);
	position:relative;
	overflow:hidden;
	cursor:pointer
}
.support-page .support-2 ul li .left {
	width:100%;
	position:relative;
	z-index:2
}
.support-page .support-2 ul li .left .img img {
	width:auto
}
.support-page .support-2 ul li .right {
	width:100%;
	display:block;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:absolute;
	left:0;
	top:0;
	padding:2rem 3rem;
	height:100%;
	z-index:1;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	opacity:0
}
.support-page .support-2 ul li .right .s-icon {
	position:absolute;
	top:0;
	right:0;
	border-radius:7px;
	overflow:hidden
}
.support-page .support-2 ul li .right .content h4 {
	font-size:2rem;
	line-height:2;
	color:#000;
	padding-right:3rem
}
.support-page .support-2 ul li .right .content p {
	font-size:14px;
	line-height:2;
	color:#505050;
	margin-top:2rem
}
.support-page .support-2 ul li .unfold {
	position:absolute;
	bottom:4%;
	right:2.7rem;
	z-index:5
}
.support-page .support-2 ul li.active {
	width:39%
}
.support-page .support-2 ul li.active .left {
	width:auto
}
.support-page .support-2 ul li.active .right {
	position:absolute;
	left:50%;
	width:50%;
	opacity:1
}
.support-page .support-2 ul li.active .unfold {
	right:40.5%
}
.support-page .support-3 {
	padding:11.5rem 0 8.5rem;
	position:relative
}
.support-page .support-3:after {
	position:absolute;
	content:"";
	width:100%;
	height:60%;
	background:#f2f2f2;
	left:0;
	top:0;
	z-index:-1
}
.support-page .support-3 .top {
	text-align:center
}
.support-page .support-3 .top h2 {
	font-size:3.6rem;
	line-height:2;
	color:#000;
	font-weight:700
}
.support-page .support-3 .top p {
	font-size:1.8rem;
	line-height:2;
	color:#545454;
	margin:2rem auto 0;
	max-width:375px
}
.support-page .support-3 .factoryBox {
	margin:6rem auto 0;
	max-width:1212px
}
.support-page .support-3 .factoryBox .swiper-slide a {
	display:block;
	overflow:hidden
}
.support-page .support-3 .factoryBox .swiper-slide a:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.support-page .support-3 .factoryBox .swiper-slide a img {
	width:100%
}
.support-page .support-3 .factoryBox .swiper-slide p {
	font-size:2.2rem;
	line-height:2;
	color:#000;
	text-align:center;
	margin-top:4rem
}
.support-page .support-3 .factoryBox .navigation {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-top:5.5rem
}
.support-page .support-3 .factoryBox .navigation .swiper-button-prev, .support-page .support-3 .factoryBox .navigation .swiper-button-next {
	width:58px;
	height:60px;
	position:relative;
	margin-top:0;
	margin:0 7.5px
}
.support-page .support-3 .factoryBox .navigation .swiper-button-prev {
	background:url(../images/f-left.png) no-repeat center center;
	left:0
}
.support-page .support-3 .factoryBox .navigation .swiper-button-next {
	background:url(../images/f-right.png) no-repeat center center;
	right:0
}
.gallery-page {
	padding:90px 0 110px
}
.gallery-page .list ul {
	margin:-15px
}
.gallery-page .list ul li {
	padding:15px
}
.gallery-page .list ul li a {
	display:block;
	overflow:hidden
}
.gallery-page .list ul li a img {
	width:100%
}
.gallery-page .list ul li a:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.news-page:after {
	background:0 0
}
.inner-sidebar ul.side-top.cl li a:hover {
	background-color:var(--base-color)
}
.inner-sidebar ul.side-top.cl {
	text-align:center;
	margin:0 auto;
	display:table
}
.inner-sidebar {
	width:100%;
	margin-top:-60px
}
.inner-sidebar ul.side-top.cl li:nth-child(1) {
border-left:0
}
.inner-sidebar ul.side-top.cl li {
	text-align:center;
	color:#fff;
	width:260px;
	float:left;
	border-left:2px solid rgba(255, 255, 255, .6)
}
.inner-sidebar ul.side-top.cl li a {
	display:block;
	border-radius:5px;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;
	height:60px;
	width:100%;
	background-color:rgba(255, 255, 255, .2);
	font-size:18px;
	text-align:center;
	line-height:60px;
	color:#fff
}
.news-tu img {
	margin:20px 40px;
	border-radius:45px
}
.news-tu {
	padding:25px 0;
	text-align:center
}
.newdet-page .news-content .content p {
	padding:8px 0;
	font-family:inherit!important
}
.newdet-page .news-content .content p img {
	padding:20px;
	width:50%
}
.newdet-page .news-content .content h3 {
	font-size:2.4rem;
	color:#000
}
.inner-page .m-page {
	text-align:center;
	float:none;
	margin:30px -5px 0
}
.inner-page .m-page a, .inner-page .m-page span {
	display:inline-block;
	text-align:center;
	width:45px;
	height:35px;
	font-size:15px;
	line-height:2;
	border-radius:5px;
	color:#111;
	font-weight:500;
	-o-box-shadow:0 2px 10px 0 #d8dde6;
	-webkit-box-shadow:0 2px 10px 0 #d8dde6;
	box-shadow:0 2px 10px 0 #d8dde6;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	margin:5px
}
.inner-page .m-page a:hover {
	background:var(--base-color) none repeat scroll 0 0;
	color:#fff
}
.inner-page .m-page span {
	background:var(--base-color) none repeat scroll 0 0;
	color:#fff
}
.wp-pagenavi {
	text-align:right
}
.product-banner .mbx.disp-none span {
	display:none
}
.wp-pagenavi a {
	padding:10px 18px;
	font-size:18px;
	color:#000;
	margin-right:10px;
	border-radius:10px;
	background:#f0f0f0;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease
}
.wp-pagenavi a:hover {
	background:var(--base-color);
	color:#fff;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease
}
.wp-pagenavi span.current {
	padding:10px 18px;
	font-size:18px;
	color:#fff;
	margin-right:10px;
	border-radius:10px;
	background:var(--base-color)
}
@media screen and (max-width:1700px) {
.support-page .support-2 ul li .right .content p {
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:8;
overflow:hidden
}
}
@media screen and (max-width:1640px) {
.inner-banner .top h2 {
font-size:32px
}
}
@media screen and (max-width:1545px) {
.product-banner .banner-link a {
margin:0 2rem
}
.support-page .support-1 {
text-align:right
}
.support-page .support-1 .content-box {
text-align:left
}
.support-page .support-1>img {
width:90%
}
.contact-page h2 {
font-size:38px
}
}
@media screen and (max-width:1230px) {
.inner-page .sidebar-content .sidebar-nav {
display:none
}
.inner-page .sidebar-content .sidebar-box {
width:100%
}
.product-page .product-list {
padding-left:0
}
.product-banner .banner-link {
width:700px;
text-align:center
}
.news-page .news-list ul li {
width:50%
}
.newdet-page .news-content {
padding-right:3rem
}
.newdet-page .news-content {
padding-right:0
}
.support-page .support-1 .content-box .content {
max-width:488px
}
.support-page .support-1 .content-box .content p {
font-size:14px
}
.support-page .support-2 {
display:none
}
}
@media screen and (max-width:1000px) {
.product-page .product-list ul li {
width:50%
}
.product-page .product-list ul li .pro-box h5 {
font-size:16px
}
.inner-sidebar ul.side-top.cl li {
width:170px
}
.inner-sidebar ul.side-top.cl li a {
height:40px;
line-height:40px;
font-size:14px
}
.inner-sidebar {
margin-top:-40px
}
.news-page .news-list ul li a .content h4 {
font-size:16px
}
.newdet-page .news-content .content h3 {
font-size:18px
}
.newdet-page .news-content h3.title {
font-size:18px
}
.support-page .support-1 .content-box {
position:relative;
padding:40px 0
}
.support-page .support-1>img {
display:none
}
}
@media screen and (max-width:700px) {
.product-banner .banner-link {
display:none
}
.inner-sidebar {
display:none
}
.news-tu img {
margin:20px 0
}
.support-page .support-1 .content-box .content h2 {
font-size:24px
}
}
@media screen and (max-width:500px) {
.product-page .product-list ul li {
width:100%
}
.product-banner .mbx {
bottom:37%
}
.wp-pagenavi a {
padding:5px 10px;
font-size:14px
}
.wp-pagenavi span.current {
padding:5px 10px;
font-size:14px
}
.news-page .news-list ul li {
width:100%
}
.news-page .news-list {
padding:0
}
.news-page .news-list ul li {
padding:0
}
}
.prodet-page .container {
	max-width:1465px
}
.prodet-page .prodet-1 {
	padding:11rem 0 9rem
}
.prodet-page .prodet-1 .prodet-box {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.prodet-page .prodet-1 .prodet-box .left {
	width:50%;
	padding-left:12%;
	position:relative
}
.prodet-page .prodet-1 .prodet-box .left .big {
	position:relative
}
.prodet-page .prodet-1 .prodet-box .left .big .big-img {
	display:block;
	border-bottom:2px solid #ebebeb
}
.prodet-page .prodet-1 .prodet-box .left .big h4 {
	text-align:right;
	font-size:16px;
	line-height:2;
	color:var(--base-color);
	padding:3rem 0 1.2rem
}
.prodet-page .prodet-1 .prodet-box .left .big .arrows {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	left:0;
	bottom:0
}
.prodet-page .prodet-1 .prodet-box .left .big .arrows button {
	width:5.3rem;
	height:5.3rem;
	border:none
}
.prodet-page .prodet-1 .prodet-box .left .big .arrows .slick-prev {
	background:url(/yztransformer/2022/03/24/left.png) no-repeat center center;
	background-size:100% 100%
}
.prodet-page .prodet-1 .prodet-box .left .big .arrows .slick-next {
	background:url(/yztransformer/2022/03/24/right.png) no-repeat center center;
	background-size:100% 100%;
	margin-left:1rem
}
.prodet-page .prodet-1 .prodet-box .left .img-scroll {
	position:absolute;
	width:17%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden
}
.prodet-page .prodet-1 .prodet-box .left .img-scroll ul li {
	margin-bottom:40px
}
.prodet-page .prodet-1 .prodet-box .left .img-scroll ul li a {
	display:inline-block;
	border-radius:8px;
	overflow:hidden;
	border:1px solid #ececec
}
.prodet-page .prodet-1 .prodet-box .right {
	width:50%;
	padding-left:5%
}
.prodet-page .prodet-1 .prodet-box .right h3.tit {
	font-size:24px;
	color:var(--base-color);
	text-transform:uppercase
}
.prodet-page .prodet-1 .prodet-box .right .content {
	padding:1.5rem 0 3rem;
	border-bottom:2px solid #ebebeb;
	font-size:14px;
	line-height:2;
	color:#000;
	font-weight:300
}
.prodet-page .prodet-1 .prodet-box .right .sgs {
	margin:3rem 0 4.5rem
}
.prodet-page .prodet-1 .prodet-box .right .link a {
	display:inline-block;
	padding:1.2rem 0;
	border:2px solid var(--base-color);
	background:var(--base-color);
	font-size:1.8rem;
	line-height:2;
	text-align:center;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	width:160px;
	color:#fff
}
.prodet-page .prodet-1 .prodet-box .right .link a:hover {
	background:#000;
	border:2px solid #000
}
.prodet-page .prodet-1 .prodet-box .right .link .inquiry {
	margin-left:2rem;
	background:0 0;
	color:var(--base-color)
}
.prodet-page .prodet-1 .prodet-box .right .link .inquiry:hover {
	background:var(--base-color);
	color:#fff;
	border:2px solid var(--base-color)
}
.prodet-page .prodet-1 .prodet-box .right .link .pdf {
	margin-left:2rem;
	background:0 0;
	color:var(--base-color)
}
.prodet-page .prodet-1 .prodet-box .right .link .pdf:hover {
	background:var(--base-color);
	color:#fff;
	border:2px solid var(--base-color)
}
.prodet-page .prodet-2 .box {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative
}
.prodet-page .prodet-2 .box:after {
	position:absolute;
	content:"";
	width:100%;
	height:2px;
	border-bottom:1px solid #d9d9d9;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:-1
}
.prodet-page .prodet-2 .box .left {
	background:#fff
}
.prodet-page .prodet-2 .box .left ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex
}
.prodet-page .prodet-2 .box .left ul li {
	font-size:16px;
	line-height:2;
	color:#616161;
	padding:0 3rem;
	border-right:1px solid #616161
}
.prodet-page .prodet-2 .box .left ul li:last-child {
	border-right:0 solid #616161
}
.prodet-page .prodet-2 .box .left ul li:first-child {
	padding:0 3rem 0 0
}
.prodet-page .prodet-2 .box .right {
	background:#fff;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding-left:1.5rem
}
.prodet-page .prodet-2 .box .right p {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:14px;
	line-height:2;
	color:#000;
	font-weight:300;
	margin-left:6.5rem
}
.prodet-page .prodet-2 .box .right p:first-child {
	margin-left:0
}
.prodet-page .prodet-2 .box .right p img {
	margin-right:1.5rem
}
.prodet-page .prodet-3 {
	padding:3rem 0
}
.prodet-page .prodet-3 .chanshuBox {
	position:relative
}
.prodet-page .prodet-3 .chanshuBox .swiper-slide {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.prodet-page .prodet-3 .chanshuBox .swiper-slide .left {
	width:50%;
	padding:0 8.5rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-moz-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.prodet-page .prodet-3 .chanshuBox .swiper-slide .left .box h4 {
	font-size:2.8rem;
	text-transform:uppercase;
	line-height:2;
	color:#2c2927;
	margin-bottom:2.5rem
}
.prodet-page .prodet-3 .chanshuBox .swiper-slide .left .box h5 {
	font-size:2.4rem;
	line-height:2;
	color:#2c2927
}
.prodet-page .prodet-3 .chanshuBox .swiper-slide .right {
	width:50%;
	text-align:right
}
.prodet-page .prodet-3 .chanshuBox .swiper-button-prev, .prodet-page .prodet-3 .chanshuBox .swiper-button-next {
	width:5.4rem;
	height:5.4rem;
	margin-top:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.prodet-page .prodet-3 .chanshuBox .swiper-button-prev {
	background:url(/yztransformer/2022/03/24/l-left.png) no-repeat center center;
	background-size:100% 100%;
	left:0
}
.prodet-page .prodet-3 .chanshuBox .swiper-button-next {
	background:url(/yztransformer/2022/03/24/r-right.png) no-repeat center center;
	background-size:100% 100%;
	right:90%
}
.prodet-page .prodet-4 {
	padding:7rem 0 4rem;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, #f2f2f4), color-stop(60%, #f7f7f7));
	background:-webkit-linear-gradient(top, #f2f2f4 60%, #f7f7f7 60%);
	background:-moz-linear-gradient(top, #f2f2f4 60%, #f7f7f7 60%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, #f2f2f4), color-stop(50%, #f7f7f7));
	background:-webkit-linear-gradient(top, #f2f2f4 70%, #f7f7f7 50%);
	background:-moz-linear-gradient(top, #f2f2f4 70%, #f7f7f7 50%);
	background:linear-gradient(to bottom, #f2f2f4 70%, #f7f7f7 50%)
}
.prodet-page .prodet-4 .relatedBox .swiper-slide a {
	display:block;
	text-align:center
}
.prodet-page .prodet-4 .relatedBox .swiper-slide a:hover h4 {
	color:var(--base-color)
}
.prodet-page .prodet-4 .relatedBox .swiper-slide a h4 {
	font-size:14px;
	color:#000
}
.prodet-page .prodet-5 {
	padding:8rem 0 5rem
}
.slick-arrow.slick-hidden {
	display:block
}
.display {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex
}
.display .display-left {
	width:40%
}
.display-right {
	width:60%
}
.display .display-left p {
	line-height:2;
	font-size:18px;
	color:#6e6e6e
}
.display-right h5 {
	font-size:24px
}
.display-right h5 {
	font-size:24px;
	padding-bottom:20px
}
.display-right img {
	padding:20px 0
}
.prodet-6 table {
	text-align:center;
	margin-bottom:60px
}
.prodet-6 table tr:nth-child(1) {
background:#484443;
color:#fff;
font-size:18px
}
.prodet-6 table tr:nth-child(2) {
background:#949494;
color:#fff
}
.prodet-6 table tr {
	font-size:16px
}
.prodet-6 table td, .prodet-6 table th {
	border:0
}
.prodet-6 table tr:nth-child(1) td {
padding:25px 0;
border-bottom:1px solid #e6e6e6
}
.prodet-6 table tr td {
	padding:15px 0
}
.prodet-page .prodet-7 .left {
	font-size:18px;
	padding-right:20px
}
.prodet-page .prodet-7 .left img {
	width:70%;
	margin:0 auto;
	text-align:center;
	padding:40px
}
.prodet-page .prodet-7 .left table {
	font-size:14px
}
.prodet-page .prodet-7 .right {
	font-size:18px;
	padding-left:20px
}
.prodet-page .prodet-7 .right table {
	font-size:14px;
	margin-bottom:15px
}
.prodet-page .prodet-7 .content {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex
}
.prodet-page .prodet-7 .left table tr:nth-child(even) {
background:#fff
}
.prodet-page .prodet-7 .right table tr:nth-child(even) {
background:#fff
}
.prodet-page .prodet-7 {
	padding-bottom:60px
}
.prodet-page .prodet-3 .chanshuBox .swiper-slide .left .box {
	background:#fff
}
.prodet-page .prodet-1 .prodet-box .right .content p {
	font-size:16px
}
@media screen and (max-width:1640px) {
.about-page .about-1 .container .left .text p {
font-size:16px
}
.about-page .about-4 .honorBox {
padding:6rem 0 6rem 8rem
}
}
@media screen and (max-width:1230px) {
.prodet-page .prodet-1 .prodet-box .right .link a:nth-child(1) {
display:none
}
}
@media screen and (max-width:1000px) {
.prodet-page .prodet-1 .prodet-box .left {
width:100%;
padding-left:17%;
position:relative
}
.prodet-page .prodet-1 .prodet-box .right {
width:100%;
padding-left:0;
margin-top:35px
}
.prodet-page .prodet-1 .prodet-box .right .link a {
font-size:16px
}
.display .display-left {
width:100%
}
.display-right {
width:100%;
margin-top:30px
}
.display {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.display .display-left p {
font-size:16px
}
}
@media screen and (max-width:700px) {
.prodet-page .prodet-2 .box {
display:none
}
.prodet-page .prodet-3 .chanshuBox .swiper-button-prev, .prodet-page .prodet-3 .chanshuBox .swiper-button-next {
display:none
}
}
@media screen and (max-width:500px) {
.prodet-page .prodet-3 {
display:none
}
.prodet-page .prodet-1 .prodet-box .right .link a {
width:135px
}
.prodet-page .prodet-1 .prodet-box .left .img-scroll {
display:none
}
.prodet-page .prodet-1 .prodet-box .left {
width:100%;
padding-left:0;
position:relative
}
.prodet-page .prodet-1 .prodet-box .right h3.tit {
font-size:20px
}
}
.product-page h2.title {
	margin-bottom:40px;
	font-size:32px
}
.product-page .content h2.title {
	padding-bottom:15px;
	border-bottom:1px solid #aaa
}
.faq-page .faq-1 {
	padding:70px 0;
	text-align:center;
	background:#edeff2
}
.faq-page .faq-1 .search {
	max-width:550px;
	display:block;
	margin:20px auto;
	position:relative
}
.faq-page .faq-1 .search input {
	width:100%;
	border:medium none;
	color:#111;
	left:0;
	padding:0 70px 0 15px;
	border-radius:30px;
	background:#fff;
	display:block;
	line-height:50px;
	height:50px
}
.faq-page .faq-1 .search input::-webkit-input-placeholder {
color:#242424
}
.faq-page .faq-1 .search input:-moz-placeholder {
color:#242424
}
.faq-page .faq-1 .search input::-moz-placeholder {
color:#242424
}
.faq-page .faq-1 .search input:-ms-input-placeholder {
color:#242424
}
.faq-page .faq-1 .search button {
	width:50px;
	position:absolute;
	top:0;
	right:0;
	background:0 0;
	border:none;
	line-height:50px;
	height:50px;
	color:var(--base-color)
}
.faq-page .faq-1 p {
	max-width:770px;
	display:block;
	margin:0 auto
}
.faq-page .faq-2 {
	padding:70px 0
}
.faq-page .faq-2 .left {
	width:66%;
	padding-right:15px
}
.faq-page .faq-2 .left ul li {
	margin-bottom:15px;
	border:1px solid #eee
}
.faq-page .faq-2 .left ul li:last-child {
	margin-bottom:0
}
.faq-page .faq-2 .left ul li h4 {
	display:block;
	text-align:left;
	padding:15px;
	background:#f7f7f7 none repeat scroll 0 0;
	color:#111;
	border-radius:0;
	font-weight:400;
	font-size:20px;
	cursor:pointer;
	cursor:hand
}
.faq-page .faq-2 .left ul li h4 span {
	margin-right:5px;
	color:var(--base-color)
}
.faq-page .faq-2 .left ul li .content {
	padding:20px 30px;
	display:none
}
.faq-page .faq-2 .right {
	width:34%;
	padding-left:15px
}
.faq-page .faq-2 .right .box2 {
	padding:30px;
	background:#edeff2
}
.faq-page .faq-2 .right .box2 h3.title {
	font-size:24px;
	margin-top:0;
	margin-bottom:30px
}
.faq-page .faq-2 .right .box2 .form ul li {
	width:100%
}
.faq-page .form ul {
	margin:-5px
}
.faq-page .form ul li {
	padding:5px
}
.faq-page .form ul li.wid-100 {
	width:100%
}
.faq-page .form ul li input, .faq-page .form ul li textarea {
	width:100%;
	padding:10px 15px;
	background:#f8f9fa none repeat scroll 0 0;
	border:medium none;
	font-size:14px
}
.faq-page .form ul li input::-webkit-input-placeholder, .faq-page .form ul li textarea::-webkit-input-placeholder {
color:#242424
}
.faq-page .form ul li input:-moz-placeholder, .faq-page .form ul li textarea:-moz-placeholder {
color:#242424
}
.faq-page .form ul li input::-moz-placeholder, .faq-page .form ul li textarea::-moz-placeholder {
color:#242424
}
.faq-page .form ul li input:-ms-input-placeholder, .faq-page .form ul li textarea:-ms-input-placeholder {
color:#242424
}
.faq-page .form ul li textarea {
	height:120px;
	resize:vertical
}
.faq-page .form ul li input[type=submit] {
	background:var(--base-color);
	color:#fff;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s;
	font-size:14px;
	text-transform:uppercase
}
.faq-page .form ul li input[type=submit]:hover {
	background:#222
}
html {
	font-size:10px
}
.inner-page .sidebar-content .sidebar-box .slick .slick-track {
	margin-left:0
}
.inner-page.product-page .sidebar-content .sidebar-box .img.column {
	padding-right:100px
}
.inner-page.product-page .sidebar-content .sidebar-box .two>div {
	vertical-align:middle
}
.inner-page.product-page .sidebar-content .sidebar-box .right.column {
	margin-left:-60px
}
@media screen and (max-width:700px) {
.product-page .content table {
white-space:nowrap
}
.faq-page .faq-2 .left {
width:100%;
padding-right:0
}
.faq-page .faq-2 .right {
width:100%;
padding-left:0;
margin-top:30px
}
.faq-page .faq-2 .left ul li h4 {
font-size:16px
}
.faq-page .faq-2 .right .box2 {
padding:15px
}
.faq-page .faq-2 .right .box2 h3.title {
font-size:20px;
margin-bottom:15px
}
.inner-page.product-page .sidebar-content .sidebar-box .right.column {
margin-left:0
}
.inner-page.product-page .sidebar-content .sidebar-box .img.column {
padding-right:0;
width:100%
}
.inner-page.product-page .sidebar-content .sidebar-box .right.column {
width:100%
}
.inner-banner {
padding-top:20px
}
.product-page h1 {
font-size:20px
}
.inner-banner h2.title {
font-size:20px
}
.inner-page .sidebar-content .sidebar-box {
width:100%;
padding-left:0
}
.inner-page h2.title {
font-size:20px
}
.about-page .about-1 .left a.img-box {
height:190px;
background-repeat:no-repeat
}
}
.font-18.julong {
	max-width:665px;
	line-height:2;
	margin-bottom:40px
}
.font-18.julong h1 {
	display:inline
}
p.fl {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}



.pcblock {
    display: block;
}

.onlineservice-fixed-style {
    right: 0;
    top: 30%;
}
.onlineservice-fixed-style {
    position: fixed;
    z-index: 99;
}		




.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list {
	background-color:transparent
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items {
	width:48px;
	height:48px;
	position:relative;
	margin:1px
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items:hover .onlineservice-fixed-blocks-tips {
	-webkit-transform:rotateX(0);
	transform:rotateX(0)
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items+.onlineservice-fixed-blocks-items {
	margin-top:5px
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a {
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	border-radius:10%
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a:hover {
	opacity:.8
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .icon {
	margin-top:10px
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .word {
	display:none
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .terminal {
	display:block;
	width:0;
	height:1px
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1 {
	width:48px;
	height:48px;
	position:relative;
	margin:1px
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1:hover .onlineservice-fixed-blocks-tips {
	-webkit-transform:rotateX(0);
	transform:rotateX(0)
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1+.onlineservice-fixed-blocks-items1 {
	margin-top:5px
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1>a {
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	border-radius:10%
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1>a:hover {
	opacity:.8
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1>a .icon {
	margin-top:10px
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1>a .word {
	display:none
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1>a .terminal {
	display:block;
	width:0;
	height:1px
}
.pcblock {
	display:block
}
.moblock {
	display:none
}
@media(max-width:768px) {
.pcblock {
display:none
}
.moblock {
display:block
}
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips {
	padding:5px 8px;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:4px;
	position:absolute;
	right:58px;
	top:6px;
	-webkit-transform:rotateX(90deg);
	transform:rotateX(90deg);
-webkit-transition:all .4s;
transition:all .4s
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips:after {
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	border:1px solid #ccc;
	border-color:transparent #ccc #ccc transparent;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	position:absolute;
	right:-6px;
	top:10px;
	background-color:#fff
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li {
	width:auto;
	height:auto
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a {
	display:block;
	min-height:30px;
	text-align:center;
	line-height:30px;
	color:#666;
	font-size:16px
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a img {
	max-width:240px
}
.onlineservice-fixed-blocks.onlineservice-fixed-style-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips {
	left:58px;
	right:auto
}
.onlineservice-fixed-blocks.onlineservice-fixed-style-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips:after {
	right:auto;
	left:-6px;
	border-color:#ccc transparent transparent #ccc;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
@media(max-width:768px) {
.sitewidget-onlineService.onlineservice-fixed-blocks {
position:fixed;
width:100%;
left:0!important;
bottom:0;
height:56px;
z-index:199
}
.sitewidget-onlineService.onlineservice-fixed-blocks .sitewidget-bd {
height:100%
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list {
height:100%;
display:-webkit-box;
display:-moz-box;
display:box;
border-top:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
width:100%
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items {
height:100%;
margin:0;
-moz-box-flex:1;
-webkit-box-flex:1;
box-flex:1;
position:relative;
border-left:1px solid #d3d3d3
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items+li.onlineservice-fixed-blocks-items {
margin:0
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a {
height:56px;
box-sizing:border-box;
display:block;
line-height:26px;
position:relative;
text-align:center;
white-space:nowrap;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
border-radius:0
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a:hover {
opacity:1
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .icon {
margin-top:14px
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items1 {
display:none
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips {
display:none;
border-radius:0;
transform:rotate(0);
position:absolute;
left:0;
bottom:59px;
right:auto;
top:auto;
width:auto;
padding:0;
border:1px solid #d3d3d3;
-webkit-transition:all 0;
transition:all 0
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips:after {
display:none
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a {
line-height:2em;
height:auto;
color:#fff;
padding:0 5px
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a img, .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a br {
display:none
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_qq {
background-position:0 0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_skype {
background-position:0 -180px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_email {
background-position:0 -120px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_tel {
background-position:0 -60px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_sms {
background-position:0 -240px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_qr {
background-position:0 -240px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_aliww {
background-position:0 -240px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_whatsApp {
background-position:0 -240px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a:before {
content:'';
position:absolute;
height:30px;
width:30px;
top:0;
left:50%;
margin-left:-15px
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .sitewidget-onlineService-togglebtn i {
height:4px;
width:6px;
background-position:right bottom;
position:absolute;
bottom:4px;
right:4px;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg)
}
.onlineservice-fixed-blocks .sideShowArrow {
display:none!important
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_q:before {
background-position:0 0
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_q:hover:before {
background-position:-30px -30px
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_t_icon:before {
background-position:0 -60px
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_t_icon:hover:before {
background-position:-30px -90px
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_e:before {
background-position:0 -120px
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_e:hover:before {
background-position:-30px -150px
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_s:before {
background-position:0 -180px
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_s:hover:before {
background-position:-30px -210px
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_fb:before {
background-position:0 -240px
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_fb:hover:before {
background-position:-30px -270px
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_sms:before {
background-position:0 -240px
}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_sms:hover:before {
background-position:-30px -270px
}
.onlineservice-fixed-blocks .sitewidget-onlineService-colorfullist>li ul {
position:absolute;
min-width:100%;
left:0;
bottom:59px;
border:1px solid #d3d3d3;
background-color:rgba(220, 220, 220, .75)
}
.onlineservice-fixed-blocks .sitewidget-onlineService-colorfullist>li ul a {
display:block;
line-height:30px;
padding-left:28px;
padding-right:5px;
white-space:nowrap
}
.onlineservice-fixed-blocks .sitewidget-onlineService-colorfullist>li ul a:hover {
color:#3b8ac2;
background-color:#efefef
}
.onlineservice-fixed-blocks .sitewidget-onlineService-colorfullist>li:last-child ul {
left:auto;
right:0
}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items+li.onlineservice-fixed-blocks-items1 {
display:none
}
}
.link2 {
	margin:0 auto;
	padding:15px 0;
	width:100%;
	height:auto;
	display:block
}
.link1 {
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	font-size:18px;
	color:#666;
	text-align:left;
	text-decoration:none;
	line-height:18px;
	font-weight:400
}
.link1 {
	width:100%;
	height:auto;
	font-size:12px;
	color:#e3e3e3;
	text-align:left;
	text-decoration:none;
	list-style:none;
	line-height:16px;
	font-weight:400;
	float:left
}
.link1 a {
	font-size:12px;
	color:#e3e3e3;
	text-align:left;
	text-decoration:none;
	line-height:16px;
	font-weight:400;
	padding-right:5px
}
.link1 a:hover {
	color:#999
}
@media screen and (max-width:800px) {
.friendlinknew {
display:none
}
}
@media screen and (max-width:640px) {
.tp-blog__thumb {
border-radius:5px 5px 0 0;
overflow:hidden;
width:100%;
float:left
}
.tp-blog__content {
padding:10px;
width:100%;
float:left
}
.tp-blog__title a {
font-size:16px;
line-height:22px
}
.tp-blog__content p {
font-size:12px;
line-height:20px;
color:#666;
margin-bottom:10px
}
}

.onlineservice-fixed-style ul .onlineService_whatsApp i {
    background-image: url(../images/p.png);
    background-repeat: no-repeat;
}
.onlineservice-fixed-style ul .onlineService_e i {
    background-image: url(../images/email.png);
    background-repeat: no-repeat;
}

.onlineservice-fixed-style ul .onlineService_w i {
    background-image: url(../images/w.png);
    background-repeat: no-repeat;
}



.onlineservice-fixed-style ul .onlineService_l i {
    background-image: url(../images/l.png);
    background-repeat: no-repeat;
}





.onlineservice-fixed-style ul li i {
    display: inline-block;
    width: 30px;
    height: 30px;
}